/* v4.03: rapor ve döküm ekranlarının tarih seçicisi (Views/Shared/_TarihSecici.cshtml, wwwroot/js/tarih-secici.js).
   Renkler örnek ekrandaki gibi: aralık açık gri-mavi, başlangıç ve bitiş koyu mavi, bugün çerçeveli. Yönetim ve /p'de ortaktır. */
:root {
    --ts-aralik: #cdd7e4;
    --ts-uc: #0b3a9c;
    --ts-uc-yazi: #fff;
    --ts-dugme: #d3dce8;
    --ts-dugme-cizgi: #a9b9cf;
    --ts-dugme-yazi: #0b3a9c;
    --ts-disi: #a5abb3;
    --ts-pencere: #f4f5f7;
}
[data-bs-theme=dark] {
    --ts-aralik: #2b3a52;
    --ts-uc: #3d6fe0;
    --ts-uc-yazi: #fff;
    --ts-dugme: #243147;
    --ts-dugme-cizgi: #3a4a63;
    --ts-dugme-yazi: #a9c4ff;
    --ts-disi: #5f6773;
    --ts-pencere: #1d222b;
}

.tarih-secici { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; min-width: 0; }
.tarih-secici.ts-tek { display: block; }
.tarih-secici .ts-hazir { flex: 1 1 10rem; width: auto; max-width: 100%; }
.tarih-secici .ts-kutu { flex: 1 1 14rem; min-width: 0; display: flex; align-items: center; gap: .25rem; }
/* Betik çalışınca kutu tek bir alan gibi görünür (tarayıcının tarih kutuları gizli alana döner). */
.tarih-secici.ts-hazir-kuruldu .ts-kutu {
    min-height: calc(1.5em + .5rem + 2px); padding: 0 .15rem 0 .5rem; background: var(--bs-body-bg); color: var(--bs-body-color);
    border: var(--bs-border-width, 1px) solid var(--bs-border-color); border-radius: var(--bs-border-radius-sm, .25rem); cursor: pointer;
}
.tarih-secici.ts-tek.ts-hazir-kuruldu .ts-kutu { max-width: 12rem; }
.tarih-secici.ts-acik .ts-kutu, .tarih-secici .ts-kutu:focus-within { border-color: #86b7fe; box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .2); }
.tarih-secici .ts-yazi {
    flex: 1 1 0; min-width: 0; width: 6.6em; border: 0; outline: 0; background: transparent; color: inherit; font-size: .875rem;
    padding: .25rem 0; text-align: center; font-variant-numeric: tabular-nums; cursor: pointer;
}
.tarih-secici .ts-yazi::placeholder { color: var(--bs-secondary-color); opacity: .8; }
.tarih-secici .ts-ok { color: var(--bs-secondary-color); flex: 0 0 auto; }
.tarih-secici .ts-yerel { flex: 1 1 0; min-width: 0; }
.tarih-secici .ts-takvim { flex: 0 0 auto; border: 0; background: transparent; color: var(--bs-secondary-color); padding: .2rem .45rem; line-height: 1; }
.tarih-secici .ts-takvim:hover { color: var(--bs-body-color); }
.tarih-secici.ts-gonderiliyor { opacity: .6; pointer-events: none; }
/* v5.09: Yıl + Dönem (ay) seçimi; dar sütunda aralığın altına iner. */
.tarih-secici .ts-donem { flex: 1 1 13rem; min-width: 0; display: flex; gap: .4rem; }
.tarih-secici .ts-donem[hidden] { display: none; }
.tarih-secici .ts-donem select { flex: 1 1 0; min-width: 0; width: auto; }
.tarih-secici .ts-donem [data-ts-yil] { flex: 0 1 6.5rem; }

/* Takvim penceresi */
.ts-pencere {
    position: fixed; z-index: 1090; background: var(--ts-pencere); color: var(--bs-body-color); border: 1px solid var(--bs-border-color);
    border-radius: .5rem; box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .18); padding: .5rem .6rem .55rem; max-width: calc(100vw - 16px);
    font-size: .875rem; user-select: none; -webkit-user-select: none;
}
.ts-pencere.ts-alttan {
    left: 0 !important; right: 0; top: auto !important; bottom: 0; max-width: none; border-radius: 1rem 1rem 0 0;
    padding-bottom: calc(.6rem + env(safe-area-inset-bottom)); box-shadow: 0 -.5rem 1.5rem rgba(0, 0, 0, .2);
}
.ts-aylar { display: flex; gap: 1.25rem; }
.ts-ay { flex: 1 1 0; min-width: 15.5rem; }
.ts-ay-ust { display: flex; align-items: center; padding: .1rem 0 .35rem; border-bottom: 1px solid var(--bs-border-color); margin-bottom: .35rem; }
.ts-ay-ad { flex: 1 1 auto; text-align: center; font-weight: 600; font-size: .95rem; }
.ts-gez { flex: 0 0 4.2rem; display: flex; gap: .1rem; }
.ts-gez-sag { justify-content: flex-end; }
.ts-gez-dugme { border: 0; background: transparent; color: var(--bs-secondary-color); font-size: 1.15rem; line-height: 1; padding: .15rem .45rem; border-radius: .3rem; }
.ts-gez-dugme:hover { background: var(--ts-aralik); color: var(--bs-body-color); }
.ts-izgara { display: grid; grid-template-columns: repeat(7, 1fr); row-gap: 3px; }
.ts-gun-ad { text-align: center; font-weight: 500; padding: .2rem 0 .3rem; }
.ts-gun {
    border: 1px solid transparent; background: transparent; color: inherit; padding: 0; height: 2rem; font-variant-numeric: tabular-nums;
    border-radius: 0; line-height: 1;
}
.ts-gun:hover:not(:disabled) { border-color: var(--ts-uc); }
.ts-gun.ts-disi { color: var(--ts-disi); }
.ts-gun.ts-aralik { background: var(--ts-aralik); }
.ts-gun.ts-uc { background: var(--ts-uc); color: var(--ts-uc-yazi); font-weight: 600; }
.ts-gun.ts-bugun:not(.ts-uc) { border-color: var(--bs-secondary-color); }
.ts-gun:disabled { opacity: .35; cursor: not-allowed; }
.ts-gun:focus-visible, .ts-gez-dugme:focus-visible, .ts-hazir-dugme:focus-visible { outline: 2px solid var(--ts-uc); outline-offset: 1px; }
.ts-alt { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; border-top: 1px solid var(--bs-border-color); margin-top: .45rem; padding-top: .5rem; }
.ts-hazir-dugme {
    border: 1px solid var(--ts-dugme-cizgi); background: var(--ts-dugme); color: var(--ts-dugme-yazi); border-radius: .25rem;
    padding: .25rem .7rem; font-size: .85rem; font-weight: 500;
}
.ts-hazir-dugme:hover { filter: brightness(.95); }
.ts-hazir-dugme.ts-secili { background: var(--ts-uc); border-color: var(--ts-uc); color: var(--ts-uc-yazi); }
.ts-kapat { margin-left: auto; border: 0; background: transparent; color: var(--bs-secondary-color); padding: .25rem .4rem; }
.ts-alttan .ts-ay { min-width: 0; }
.ts-alttan .ts-gun { height: 2.5rem; font-size: 1rem; }
.ts-alttan .ts-hazir-dugme { flex: 1 1 auto; padding: .4rem .5rem; }

@media print { .ts-pencere { display: none !important; } .tarih-secici .ts-takvim, .tarih-secici .ts-hazir { display: none; } }

/* Gösterge paneli süzgeci (_TarihAraligi) */
.tarih-araligi-secici { flex: 1 1 26rem; max-width: 34rem; }