/* Story tarih / saat seçici (assets/js/story-tarih.js) — renkler yalnız --st-* jetonlarından (açık / koyu tema kendiliğinden). */
.st-tarih { position: relative; display: block; width: 100%; min-width: 0; }
.st-tarih > .st-tarih-ozgun { position: absolute !important; left: 0; bottom: 0; width: 1px !important; height: 1px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0; pointer-events: none; overflow: hidden; }
.st-tarih > .st-tarih-goster { width: 100%; padding-right: 36px; cursor: pointer; }
.st-tarih > .st-tarih-goster:disabled { cursor: not-allowed; }
.st-tarih-dogrudan { cursor: pointer; }
.st-tarih-dogrudan.st-hatali, .st-tarih > .st-tarih-goster.st-hatali { border-color: var(--st-bad); }
.st-tarih-btn { position: absolute; right: 1px; top: 1px; bottom: 1px; width: 34px; padding: 0; border: 0; border-radius: 0 calc(var(--st-r, 8px) - 1px) calc(var(--st-r, 8px) - 1px) 0; background: transparent; color: var(--st-text-3); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; }
.st-tarih-btn:hover { color: var(--st-text); }
.st-tarih-pop { position: absolute; z-index: 100050; width: 288px; padding: 10px; background: var(--st-surface, #fff); color: var(--st-text, #15171a); border: 1px solid var(--st-line-2, #e1e4e8); border-radius: var(--st-r-lg, 12px); box-shadow: var(--st-shadow-pop, 0 14px 34px -14px rgba(15, 18, 22, .32)); font: 13px/1.4 var(--st-font-body, Arimo, Arial, sans-serif); user-select: none; }
.st-tarih-pop[hidden] { display: none; }
.st-tarih-pop .st-bas { display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px; align-items: center; gap: 4px; margin: 0 0 8px; }
.st-tarih-pop .st-ok { width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--st-r, 8px); background: transparent; color: var(--st-text-2, #454b53); font-size: 18px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.st-tarih-pop .st-ok:hover { background: var(--st-surface-3, #eef0f3); color: var(--st-text, #15171a); }
.st-tarih-pop .st-secim { display: flex; gap: 6px; justify-content: center; }
html body .st-tarih-pop select { box-sizing: border-box; height: 30px; min-height: 30px; margin: 0; padding: 0 8px; display: inline-flex; align-items: center; border: 1px solid var(--st-input-line, #d3d8de); border-radius: var(--st-r, 8px); background-color: var(--st-input, #fff); color: var(--st-text, #15171a); font: 600 13px/1.2 var(--st-font-body, Arimo, Arial, sans-serif); cursor: pointer; }
html body .st-tarih-pop select:hover { border-color: var(--st-line-3, #cdd2d8); }
html body .st-tarih-pop select option { font-weight: 500; }
.st-tarih-pop .st-gunler, .st-tarih-pop .st-hucreler { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.st-tarih-pop .st-gunler span { padding: 4px 0; text-align: center; font-size: 11px; font-weight: 700; color: var(--st-text-3, #79808a); text-transform: uppercase; letter-spacing: .03em; }
.st-tarih-pop .st-gun { height: 34px; padding: 0; border: 1px solid transparent; border-radius: var(--st-r, 8px); background: transparent; color: var(--st-text, #15171a); font: 500 13px/1 var(--st-font-body, Arimo, Arial, sans-serif); cursor: pointer; }
.st-tarih-pop .st-gun:hover:not(:disabled) { background: var(--st-surface-3, #eef0f3); }
.st-tarih-pop .st-gun.st-dis { color: var(--st-text-3, #79808a); opacity: .55; }
.st-tarih-pop .st-gun.st-hs:not(.st-dis) { color: var(--st-text-2, #454b53); }
.st-tarih-pop .st-gun.st-bugun { border-color: var(--st-line-3, #cdd2d8); font-weight: 700; }
.st-tarih-pop .st-gun.st-sec, .st-tarih-pop .st-gun.st-sec:hover { background: var(--st-accent, #15171a); border-color: var(--st-accent, #15171a); color: var(--st-accent-fg, #fff); font-weight: 700; opacity: 1; }
.st-tarih-pop .st-gun:disabled { opacity: .3; cursor: not-allowed; }
.st-tarih-pop .st-alt { display: flex; justify-content: space-between; margin: 8px 0 0; padding: 8px 2px 0; border-top: 1px solid var(--st-line, #eceef1); }
.st-tarih-pop .st-link { padding: 4px 8px; border: 0; border-radius: var(--st-r, 8px); background: transparent; color: var(--st-text-2, #454b53); font: 600 12.5px/1.2 var(--st-font-body, Arimo, Arial, sans-serif); cursor: pointer; }
.st-tarih-pop .st-link:hover { background: var(--st-surface-3, #eef0f3); color: var(--st-text, #15171a); }
.st-tarih-pop.st-pop-saat { width: 220px; }
.st-tarih-pop .st-saat-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.st-tarih-pop .st-kolon > b { display: block; margin: 0 0 4px; font-size: 11px; color: var(--st-text-3, #79808a); text-transform: uppercase; letter-spacing: .04em; text-align: center; }
.st-tarih-pop .st-liste { display: grid; gap: 2px; max-height: 196px; overflow-y: auto; padding-right: 2px; position: relative; }
.st-tarih-pop .st-oge { height: 30px; border: 1px solid transparent; border-radius: var(--st-r, 8px); background: transparent; color: var(--st-text, #15171a); font: 500 13px/1 var(--st-font-body, Arimo, Arial, sans-serif); cursor: pointer; }
.st-tarih-pop .st-oge:hover { background: var(--st-surface-3, #eef0f3); }
.st-tarih-pop .st-oge.st-sec { background: var(--st-accent, #15171a); color: var(--st-accent-fg, #fff); font-weight: 700; }
@media (max-width: 480px) { .st-tarih-pop { width: min(300px, calc(100vw - 16px)); } }

/* Eski tarih aralığı seçici (daterangepicker — cast opsiyon aralığı, takvim olayı): yukarıdaki takvimle aynı görünüm (hücre 34px, kenarlıksız, yuvarlak) */
html body .st-tarih-pop select, html body .daterangepicker select.monthselect, html body .daterangepicker select.yearselect { box-sizing: border-box; height: 30px; min-height: 30px; margin: 0 2px; padding: 0 8px; width: auto; display: inline-flex; align-items: center; border: 1px solid var(--st-input-line, #d3d8de); border-radius: var(--st-r, 8px); background-color: var(--st-input, #fff); color: var(--st-text, #15171a); font: 600 13px/1.2 var(--st-font-body, Arimo, Arial, sans-serif); cursor: pointer; }
html body .daterangepicker { padding: 10px; border: 1px solid var(--st-line-2, #e1e4e8); border-radius: var(--st-r-lg, 12px); box-shadow: var(--st-shadow-pop); font: 13px/1.4 var(--st-font-body, Arimo, Arial, sans-serif); }
html body .daterangepicker .calendar { padding: 0 6px; max-width: none; }
html body .daterangepicker .calendar-table { padding: 0; border: 0; background: transparent; }
html body .daterangepicker .calendar-table table { width: auto; border-collapse: separate; border-spacing: 2px; background: transparent; }
html body .daterangepicker .calendar-table th, html body .daterangepicker .calendar-table td { box-sizing: border-box; width: 34px; min-width: 34px; height: 34px; padding: 0; border: 1px solid transparent !important; border-radius: var(--st-r, 8px); background: transparent; color: var(--st-text, #15171a); text-align: center; vertical-align: middle; font: 500 13px/32px var(--st-font-body, Arimo, Arial, sans-serif); white-space: nowrap; }
html body .daterangepicker .calendar-table thead tr:first-child th { height: 36px; }
html body .daterangepicker .calendar-table thead tr:first-child th.month { width: auto; }
html body .daterangepicker .calendar-table thead tr + tr th { height: 26px; font: 700 11px/24px var(--st-font-body, Arimo, Arial, sans-serif); color: var(--st-text-3, #79808a); text-transform: uppercase; letter-spacing: .03em; }
html body .daterangepicker .calendar-table th.prev, html body .daterangepicker .calendar-table th.next { font-size: 15px; color: var(--st-text-2, #454b53); cursor: pointer; }
html body .daterangepicker .calendar-table th.prev:hover, html body .daterangepicker .calendar-table th.next:hover { background: var(--st-surface-3, #eef0f3); color: var(--st-text, #15171a); }
html body .daterangepicker .calendar-table td.available:hover { background: var(--st-surface-3, #eef0f3); }
html body .daterangepicker .calendar-table td.off, html body .daterangepicker .calendar-table td.off.available { background: transparent; color: var(--st-text-3, #79808a); opacity: .55; }
html body .daterangepicker .calendar-table td.today:not(.active) { border-color: var(--st-line-3, #cdd2d8) !important; font-weight: 700; }
html body .daterangepicker .calendar-table td.in-range:not(.off) { background: var(--st-accent-soft, #eceef1); color: var(--st-text, #15171a); border-radius: 0; }
html body .daterangepicker .calendar-table td.start-date, html body .daterangepicker .calendar-table td.end-date, html body .daterangepicker .calendar-table td.active, html body .daterangepicker .calendar-table td.active:hover { background: var(--st-accent, #15171a); color: var(--st-accent-fg, #fff); border-radius: var(--st-r, 8px); font-weight: 700; opacity: 1; }
html body .daterangepicker .calendar-table td.disabled { color: var(--st-text-3, #79808a); opacity: .3; text-decoration: none; cursor: not-allowed; }
html body .daterangepicker .daterangepicker_input input.input-mini { height: var(--st-ctl-h, 34px); padding-left: 32px; border: 1px solid var(--st-input-line, #d3d8de); border-radius: var(--st-r, 8px); background: var(--st-input, #fff); color: var(--st-text, #15171a); font: 500 13px/1.2 var(--st-font-body, Arimo, Arial, sans-serif); box-shadow: none; }
html body .daterangepicker .daterangepicker_input > i.fa { color: var(--st-text-3, #79808a); }
/* Xenon'un .dropdown-menu.daterangepicker table > tbody > tr > td { border-radius: 0 } kuralını geçmek için */
html body .dropdown-menu.daterangepicker .calendar-table table > thead > tr > th, html body .dropdown-menu.daterangepicker .calendar-table table > tbody > tr > td { border-radius: var(--st-r, 8px) !important; background-clip: border-box; }
html body .dropdown-menu.daterangepicker .calendar-table table > tbody > tr > td.in-range:not(.start-date):not(.end-date):not(.off) { border-radius: 0 !important; }
html body .dropdown-menu.daterangepicker .calendar-table table > tbody > tr > td.start-date:not(.end-date) { border-radius: var(--st-r, 8px) 0 0 var(--st-r, 8px) !important; }
html body .dropdown-menu.daterangepicker .calendar-table table > tbody > tr > td.end-date:not(.start-date) { border-radius: 0 var(--st-r, 8px) var(--st-r, 8px) 0 !important; }