body.takvim-ekrani .kutu { width:calc(100vw - 24px); max-width:1680px; margin-left:0; padding:var(--content-pad-block) var(--content-pad-inline); background:#111827; box-shadow:none; align-self:flex-start; height:auto; min-height:0; }
html[data-tema="acik"] body.takvim-ekrani .kutu { background:#FFFFFF; }
body.takvim-ekrani.menu-acik .kutu { margin-left:230px; width:calc(100vw - 244px); }
body.takvim-ekrani :is(#uygulamaBaslik,#durum) { display:none; }
#takvimSayfasi { --cal-bg:#1E293B; --cal-blue:#60A5FA; --cal-red:#F87171; --cal-green:#4ADE80; --cal-select:#3B82F6; color:var(--detail-text); }
html[data-tema="acik"] #takvimSayfasi { --cal-bg:#FFFFFF; --cal-blue:#2563EB; --cal-red:#B91C1C; --cal-green:#15803D; --cal-select:#2563EB; }
.takvim-ust { display:flex; justify-content:flex-end; align-items:center; margin-bottom:10px; }
.takvim-gecis { display:flex; align-items:center; gap:8px; }
#takvimSayfasi button { background:var(--note-bg); color:var(--detail-text); border:1px solid var(--detail-border); border-radius:7px; min-height:40px; }
.takvim-gecis button { min-width:40px; padding:6px 12px; }
#takvimAy { width:135px; text-align:center; text-transform:capitalize; font-size:16px; }
#takvimSayfasi .takvim-grid { gap:6px; }
#takvimSayfasi .takvim-hafta { font-size:13px; color:#CBD5E1; font-weight:600; letter-spacing:.2px; padding:8px 0; border-bottom:1px solid var(--detail-border); }
html[data-tema="acik"] #takvimSayfasi .takvim-hafta { color:#334155; }
#takvimSayfasi .takvim-gun { height:86px; min-height:0; padding:4px 10px; display:flex; flex-direction:column; align-items:flex-start; gap:2px; text-align:left; border:1px solid var(--detail-border); border-radius:8px; background:var(--cal-bg); color:var(--detail-text); cursor:pointer; box-sizing:border-box; overflow:hidden; }
#takvimSayfasi { --cal-weekend:#202D40; }
html[data-tema="acik"] #takvimSayfasi { --cal-weekend:#F8FAFC; }
#takvimSayfasi .takvim-gun.hafta-sonu { background:var(--cal-weekend); }
#takvimSayfasi .takvim-gun.bugun { border-color:var(--cal-select); }
#takvimSayfasi .takvim-gun[aria-pressed="true"] { outline:2px solid var(--cal-select); outline-offset:-2px; background:color-mix(in srgb,var(--cal-bg) 90%,var(--cal-select)); }
#takvimSayfasi .takvim-gun:focus-visible { outline:2px solid var(--detail-icon); outline-offset:1px; }
.takvim-numara { font-size:14px; line-height:20px; flex-shrink:0; }
#takvimSayfasi .bugun .takvim-numara { position:relative; isolation:isolate; width:28px; max-width:100%; text-align:center; color:#FFFFFF; }
#takvimSayfasi .bugun .takvim-numara::before { content:''; position:absolute; width:28px; height:28px; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; background:#3B82F6; z-index:-1; }
@media(hover:hover) and (pointer:fine) {
 #takvimSayfasi .takvim-gun { transition:background-color 170ms ease,border-color 170ms ease; }
 #takvimSayfasi:not(.takvim-klavye-modu) .takvim-gun:not([aria-pressed="true"]):hover { background:#273449; border-color:var(--detail-icon); }
 html[data-tema="acik"] #takvimSayfasi:not(.takvim-klavye-modu) .takvim-gun:not([aria-pressed="true"]):hover { background:#F1F5F9; }
 #takvimSayfasi.takvim-klavye-modu .takvim-gun { transition:none; }
}
@media(prefers-reduced-motion:reduce) { #takvimSayfasi .takvim-gun { transition:none; } }
#takvimSayfasi button.takvim-tek-ad { border:0; border-radius:3px; background:transparent; min-height:0; padding:0; text-align:left; font-size:13px; font-weight:600; line-height:1.35; max-width:100%; overflow-wrap:anywhere; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; flex-shrink:0; }
#takvimSayfasi .takvim-gun-sayi { font-size:14px; font-weight:600; }
#takvimSayfasi .takvim-tek-durum { font-size:11px; line-height:1.3; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; flex-shrink:0; }
.takvim-dagilim { display:flex; flex-wrap:wrap; gap:4px 9px; width:100%; min-width:0; flex-shrink:0; }
#takvimSayfasi .takvim-dagilim span { font-size:12px; white-space:nowrap; }
#takvimSayfasi .takvim-devam { color:var(--cal-blue); }
#takvimSayfasi .takvim-geciken { color:var(--cal-red); }
#takvimSayfasi .takvim-tamam { color:var(--cal-green); }
.takvim-aciklama { display:flex; flex-wrap:wrap; gap:8px 20px; font-size:12px; margin:12px 0 20px; }
.takvim-mobil-sayi { display:none; }
.takvim-gunluk-baslik { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; border-top:1px solid var(--detail-border); padding-top:16px; }
#takvimSayfasi .takvim-gunluk-baslik h2 { font-size:18px; margin:0; color:var(--detail-text); }
.takvim-gunluk-baslik > div { display:flex; align-items:center; gap:14px; }
#takvimSayi { font-size:13px; color:var(--detail-muted); }
#takvimSayfasi #takvimEkle { background:var(--detail-button); color:#fff; padding:8px 12px; }
#takvimSayfasi #takvimListe { margin:12px 0 0; padding:0; list-style:none; }
#takvimSayfasi #takvimListe:empty { margin:0; }
#takvimSayfasi #takvimBos { margin:10px 0 0; }
#takvimSayfasi #takvimBos:empty { display:none; }
#takvimSayfasi #takvimListe > li { display:flex; align-items:center; gap:12px; padding:10px 12px; margin:6px 0; border:1px solid var(--detail-border); border-radius:8px; background:var(--cal-bg); min-width:0; }
#takvimListe input { width:20px; height:20px; flex:0 0 20px; accent-color:var(--detail-button); cursor:pointer; }
.takvim-aksiyon-bilgi { flex:1; min-width:0; }
#takvimSayfasi button.takvim-aksiyon-ad { background:transparent; border:0; padding:0; min-height:30px; font-size:15px; text-align:left; overflow-wrap:anywhere; }
.takvim-aksiyon-bilgi small { display:block; color:var(--detail-muted); font-size:12px; }
.takvim-durum { flex-shrink:0; font-size:12px; border-radius:6px; padding:6px 9px; background:color-mix(in srgb,currentColor 12%,transparent); }
#takvimMesaj { font-size:13px; padding:8px 10px; border:1px solid var(--detail-border); border-radius:7px; }
#takvimMesaj[role="alert"] { color:var(--cal-red); }
#takvimEklePencere { width:380px; max-width:calc(100vw - 32px); box-sizing:border-box; border:1px solid var(--detail-border); border-radius:12px; padding:20px; background:var(--detail-bg); color:var(--detail-text); }
#takvimEklePencere::backdrop { background:#0008; }
#takvimEkleForm { display:grid; gap:12px; }
#takvimEkleForm h3,#takvimEkleForm p { margin:0; }
#takvimEkleForm label { display:grid; gap:6px; font-size:14px; }
#takvimEkleForm input { width:100%; box-sizing:border-box; background:var(--note-bg); color:var(--detail-text); border:1px solid var(--detail-border); }
#takvimEkleForm > div { display:flex; justify-content:flex-end; gap:8px; }
#takvimEkleHata { color:var(--cal-red); font-size:13px; }
@media(max-width:700px) {
 body.takvim-ekrani .kutu,body.takvim-ekrani.menu-acik .kutu { width:100%; margin:0; padding:20px 12px; }
 #takvimSayfasi .takvim-grid { gap:3px; }
 #takvimSayfasi .takvim-gun { height:70px; padding:4px; gap:2px; }
 #takvimSayfasi .takvim-tek-durum { font-size:10px; }
 .takvim-gecis { max-width:100%; justify-content:flex-end; flex-wrap:wrap; }
 #takvimSayfasi .takvim-dagilim { gap:2px 5px; }
 #takvimSayfasi .takvim-dagilim span { font-size:10px; }
 #takvimSayfasi .takvim-gun-sayi { font-size:11px; }
 #takvimSayfasi #takvimListe > li { flex-wrap:wrap; }
 .takvim-durum { margin-left:32px; }
}
@media(max-width:480px) {
 #takvimSayfasi .takvim-gun { height:70px; gap:2px; }
 #takvimSayfasi .takvim-gun > * { min-width:0; max-width:100%; flex-shrink:0; }
 #takvimSayfasi .takvim-gun-sayi { line-height:1.2; overflow-wrap:anywhere; }
 #takvimSayfasi .takvim-dagilim span { line-height:1.2; }
 #takvimSayfasi button.takvim-tek-ad { display:none; }
 .takvim-mobil-sayi { display:block; font-size:10px !important; }
 #takvimSayfasi .takvim-tek-durum { display:block; font-size:0; }
 #takvimSayfasi .takvim-tek-durum::first-letter { font-size:12px; }
 #takvimSayfasi .takvim-hafta { font-size:11px; }
}
@media(max-width:360px) {
 #takvimSayfasi .takvim-gun-sayi, #takvimSayfasi .takvim-mobil-sayi { font-size:0 !important; }
 #takvimSayfasi .takvim-gun-sayi::before { content:attr(data-sayi) ' aks.'; font-size:10px; }
 #takvimSayfasi .takvim-mobil-sayi::before { content:'1 aks.'; font-size:10px; }
}

#takvimSayfasi { --cal-orange:var(--takip-text); }
html[data-tema="acik"] #takvimSayfasi { --cal-orange:var(--takip-text); }
#takvimSayfasi .takvim-takip { color:var(--cal-orange); }

#takvimSayfasi .takvim-durum.takvim-takip { background:var(--takip-bg); box-shadow:inset 0 0 0 1px var(--takip-border); }
@media(max-width:480px) { #takvimSayfasi .takvim-tek-durum.takvim-takip::first-letter { font-size:0; } }

/* Seçim mavidir; amber küçük işaret yalnızca hedef tarihi bugün olanları belirtir. */
html:root #takvimSayfasi .takvim-gun[aria-pressed="true"] { border-color:var(--cal-select); background:color-mix(in srgb,var(--cal-bg) 88%,var(--cal-select)); box-shadow:inset 0 0 0 1px var(--cal-select); }
#takvimSayfasi .takvim-gun.hedef-bugun { position:relative; }
#takvimSayfasi .takvim-gun.hedef-bugun::after { content:''; position:absolute; top:9px; right:7px; width:5px; height:5px; border-radius:50%; background:var(--due-today); pointer-events:none; }
html:root #takvimSayfasi .takvim-bugun-uyari { color:var(--due-today); margin-top:3px; font-size:11px; }
#takvimSayfasi #takvimListe > li { align-items:center; }
#takvimSayfasi .takvim-aksiyon-bilgi small { line-height:1.4; }