:root { --content-pad-block:24px; --content-pad-inline:28px; }
/* Giriş/kayıt kartı tüm ekranlarda içerik yüksekliğinde kalır. */
body:not(.oturum-acik) .kutu { align-self:flex-start; height:auto; min-height:0; }

#menuToggle { position:fixed; top:12px; left:12px; z-index:42; width:42px; height:42px; padding:0; display:grid; place-items:center; background:#253045; color:#e5efff; border:1px solid #414c63; }
body.oturum-acik { padding-top:68px; }
body.oturum-acik .kutu, body.gorev-ekrani .kutu { margin-left:0; width:calc(100vw - 24px); max-width:1680px; }
body.menu-acik .kutu { margin-left:230px; width:calc(100vw - 244px); }
.sol-menu { position:fixed; width:220px; top:0; bottom:0; left:0; z-index:41; padding-top:68px; overflow-y:auto; }
#menuPerde { position:fixed; inset:0; z-index:40; background:#03071299; border-radius:0; }
#gorevSayfasi .hizli-ekle { border-color:#40516d; background:#1c283b; padding:20px; }
#gorevEkleButon { font-weight:600; box-shadow:0 2px 8px #0003; min-width:90px; }
#gorevSayfasi .hizli-filtreler { gap:6px; }
#gorevSayfasi .hizli-filtreler button { border:1px solid #3b4b64; background:#192231; transition:background .15s; }
#gorevSayfasi .hizli-filtreler button:hover { background:#2b3b53; }
#gorevSayfasi .hizli-filtreler button[aria-pressed="true"] { background:#24528b; border-color:#5f93d4; color:#fff; font-weight:600; }
input[type="date"] { cursor:pointer; }
@media(max-width:700px) {
 body.oturum-acik .kutu, body.menu-acik .kutu, body.gorev-ekrani .kutu { margin:0; width:100%; }
 .sol-menu { width:min(280px,85vw); margin:0; border-radius:0; }
 .sol-menu nav { grid-template-columns:1fr; }
 #gorevSayfasi .hizli-filtreler { width:100%; flex-wrap:nowrap; }
 #gorevSayfasi .hizli-filtreler button { flex:1; padding:10px 6px; font-size:13px; }
}

#gorevSayfasi #liste > li { display:grid; grid-template-columns:24px minmax(0,1fr) auto; }
#gorevSayfasi .satir-ac { width:32px; height:32px; padding:0; display:grid; place-items:center; background:transparent; color:#b5c9e5; border:1px solid #40516d; }
.satir-ac svg { transition:transform .15s; }
.satir-ac[aria-expanded="true"] svg { transform:rotate(180deg); }
html { color-scheme:dark; }
html[data-tema="acik"] { color-scheme:light; }
@media(max-width:600px) { #gorevSayfasi #liste > li { grid-template-columns:24px minmax(0,1fr); } }
@media(max-width:480px) { #gorevSayfasi .satir-islemler .simge-buton, #gorevSayfasi .satir-ac { width:42px; height:42px; } #gorevSayfasi .satir-sag { gap:12px; flex-wrap:wrap; } #gorevSayfasi .satir-durum { font-size:12px; padding:0 8px; } }

html[data-tema="acik"] #hesap > p { color:#475569 !important; }
html[data-tema="acik"] :is(.geciken .tarih-durum,.geciken .tarih-etiketi) { color:#991b1b; }

@media(max-width:360px){ #gorevSayfasi .sayac-etiket { font-size:11px; line-height:1.4; overflow-wrap:anywhere; } }

:root { --detail-bg:#182334; --note-bg:#101827; --detail-border:#334155; --detail-text:#F8FAFC; --detail-muted:#94A3B8; --detail-icon:#93C5FD; --detail-button:#347CF5; --detail-hover:#2563eb; --page-bg:#080b12; }
html[data-tema="acik"] { --detail-bg:#FFFFFF; --note-bg:#F1F5F9; --detail-border:#E2E8F0; --detail-text:#0F172A; --detail-muted:#64748B; --detail-icon:#2563EB; --detail-button:#2563EB; --detail-hover:#1d4ed8; --page-bg:#F8FAFC; }
html[data-tema="acik"] body { background:var(--page-bg); }
body.oturum-acik { padding-left:12px; padding-right:12px; }
.satir-panel { grid-column:1/-1; min-width:0; padding:16px; border:1px solid var(--detail-border); border-radius:10px; background:var(--detail-bg); color:var(--detail-text); }
.panel-icon { color:var(--detail-icon); display:inline-flex; flex:0 0 auto; }
.panel-alt-baslik { display:flex; gap:7px; align-items:center; font-size:14px; font-weight:600; margin:14px 0 8px; }
.panel-notlar { background:var(--note-bg); border:1px solid var(--detail-border); border-radius:8px; padding:0 12px; }
.satir-panel .panel-not-satir { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; border-bottom:1px solid var(--detail-border); padding:10px 0; margin:0; background:transparent; border-radius:0; }
.panel-not-satir:last-child { border-bottom:0; }
.panel-not-satir time { color:var(--detail-muted); font-size:11px; white-space:nowrap; padding-top:2px; }
.satir-panel .panel-not-metin { color:var(--detail-text); font-size:13px; line-height:1.5; overflow-wrap:anywhere; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.satir-panel .panel-not-metin :is(p,ul,ol) { margin:0; }
#gorevSayfasi #liste .panel-not-metin li { display:list-item; border:0; padding:0; margin:0; background:transparent; border-radius:0; }
.panel-dosya-bolum { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:12px; margin-top:12px; }
.panel-dosya-bolum h4 { margin:5px 0; }
.panel-dosyalar { min-width:0; }
.dosya-satir { display:flex; align-items:center; gap:8px; min-width:0; padding:3px 0; }
.panel-dosya-adi { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.panel-dosya-turu { color:var(--detail-muted); font-size:10px; }
.satir-panel button.panel-indir { background:transparent; color:var(--detail-icon); width:32px; height:32px; padding:6px; display:grid; place-items:center; border:1px solid transparent; }
.satir-panel button.panel-indir:hover { background:var(--note-bg); border-color:var(--detail-border); }
.panel-bos, .panel-mesaj { color:var(--detail-muted); font-size:12px; margin:8px 0; line-height:1.5; }
.panel-mesaj:empty { display:none; }
.panel-dosyalar > .panel-bos { text-align:right; }
.panel-hizli-not { display:flex; gap:8px; margin-top:14px; }
.satir-panel .panel-hizli-not input { background:var(--note-bg) !important; color:var(--detail-text) !important; border:1px solid var(--detail-border) !important; font-size:13px; min-width:0; padding:9px 11px; }
.panel-hizli-not input::placeholder { color:var(--detail-muted); }
.satir-panel .panel-hizli-not button { background:var(--detail-button); color:#fff; font-size:13px; font-weight:600; padding:9px 14px; white-space:nowrap; }
.satir-panel .panel-hizli-not button:hover { background:var(--detail-hover); }
.satir-panel footer { display:flex; justify-content:flex-end; margin-top:10px; }
.satir-panel .panel-tum-detaylar { background:transparent; color:var(--detail-icon); padding:4px 0; font-size:12px; }
.satir-panel .panel-tum-detaylar:hover { text-decoration:underline; }
html[data-tema="acik"] .satir-panel { color:var(--detail-text); background:var(--detail-bg); border-color:var(--detail-border); box-shadow:0 1px 3px #0f172a08; }
html[data-tema="acik"] .satir-panel .panel-not-satir { background:transparent; color:var(--detail-text); }
html[data-tema="acik"] .satir-panel :is(h3,h4,.panel-not-metin) { color:var(--detail-text); }
@media(max-width:700px) { body.oturum-acik .kutu,body.gorev-ekrani .kutu,body.menu-acik .kutu { width:100%; } }
@media(max-width:600px) { .panel-not-satir { grid-template-columns:1fr !important; gap:4px !important; } .panel-not-satir time { justify-self:end; } .satir-panel { padding:12px; } .panel-hizli-not { gap:6px; } .satir-panel .panel-hizli-not button { padding:9px 10px; } }
@media(max-width:600px) { .panel-dosya-bolum { grid-template-columns:1fr; gap:4px; } .panel-dosyalar > .panel-bos { text-align:left; } } @media(max-width:360px) { #gorevSayfasi .sayac { padding:10px 6px; } }

/* Son notlar: tek panel içinde belirgin ayırıcılar ve üst hizalı tarih. */
:root { --note-divider:#475569; }
html[data-tema="acik"] { --note-divider:#CBD5E1; }
.satir-panel .panel-not-satir { align-items:start; column-gap:16px; padding:12px 0; border-bottom:1px solid var(--note-divider); }
.satir-panel .panel-not-satir:last-child { border-bottom:0; }
.satir-panel .panel-not-satir time { align-self:start; justify-self:end; text-align:right; margin:0; padding-top:1px; line-height:1.55; }
.satir-panel .panel-not-metin { min-width:0; line-height:1.55; word-break:normal; overflow-wrap:anywhere; }
.satir-panel .panel-not-metin p { margin:0 0 4px; }
.satir-panel .panel-not-metin p:last-child { margin-bottom:0; }
.satir-panel .panel-not-metin :is(ul,ol) { padding-inline-start:20px; margin:4px 0; list-style-position:outside; }
.satir-panel .panel-not-metin ul { list-style-type:disc; }
.satir-panel .panel-not-metin ol { list-style-type:decimal; }
#gorevSayfasi #liste .panel-not-metin li { display:list-item; margin:2px 0; padding:0 0 0 2px; line-height:1.55; }
.satir-panel .panel-hizli-not button:disabled { opacity:.45; cursor:not-allowed; box-shadow:none; }
.satir-panel .panel-hizli-not button:disabled:hover { background:var(--detail-button); }
@media(max-width:600px) {
 .satir-panel .panel-not-satir { grid-template-columns:minmax(0,1fr) 84px !important; gap:10px !important; }
 .satir-panel .panel-not-satir time { white-space:normal; font-size:10px; }
 .satir-panel .panel-not-metin :is(ul,ol) { padding-inline-start:18px; }
}

/* Başlık ve kart aynı sütun ölçülerini kullanır. İlk iki alan AKSİYON'dur. */
/* Satırın altında iki sütun: notlar ve dosyalar. Ana tablo ölçülerine dokunmaz. */
#gorevSayfasi .satir-panel { background:#172235; }
html[data-tema="acik"] #gorevSayfasi .satir-panel { background:#F8FAFC; }
.panel-sutunlar { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
.panel-sol { min-width:0; }
#gorevSayfasi .satir-panel .panel-dosya-bolum { display:block; min-width:0; margin:0; padding-left:16px; border-left:1px solid var(--detail-border); }
#gorevSayfasi .satir-panel .panel-alt-baslik { display:flex; margin:0 0 10px; font-size:14px; gap:7px; }
.panel-alt-baslik > small { margin-left:auto; font-size:11px; font-weight:400; color:var(--detail-muted); white-space:nowrap; }
#gorevSayfasi .satir-panel .panel-notlar { background:transparent; border:0; padding:0; max-height:260px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--detail-border) transparent; }
#gorevSayfasi .satir-panel .panel-notlar:focus-visible { outline:1px solid var(--detail-icon); outline-offset:2px; }
#gorevSayfasi .satir-panel .panel-not-satir { display:flex; flex-direction:column; gap:6px; border:0; padding:9px 11px; margin:0 0 7px; border-radius:7px; background:#1E293B; }
html[data-tema="acik"] #gorevSayfasi .satir-panel .panel-not-satir { background:#FFFFFF; }
#gorevSayfasi .satir-panel .panel-not-satir time { align-self:flex-end; padding:0; white-space:normal; font-size:11px; text-align:right; }
#gorevSayfasi .satir-panel .panel-hizli-not { margin-top:10px; }
#gorevSayfasi .satir-panel .panel-hizli-not button { background:#2563EB; min-width:56px; }
#gorevSayfasi .satir-panel .panel-dosyalar > .panel-bos { text-align:left; }
#gorevSayfasi .satir-panel .dosya-satir { padding:5px 0; }
#gorevSayfasi .satir-panel footer { border-top:1px solid var(--detail-border); margin-top:12px; padding-top:8px; }
#gorevSayfasi .satir-panel .panel-tum-detaylar { color:#60A5FA; }
html[data-tema="acik"] #gorevSayfasi .satir-panel .panel-tum-detaylar { color:#2563EB; }
@media(max-width:700px) {
 .panel-sutunlar { grid-template-columns:minmax(0,1fr); gap:12px; }
 #gorevSayfasi .satir-panel .panel-dosya-bolum { border-left:0; border-top:1px solid var(--detail-border); padding:12px 0 0; }
}
#gorevSayfasi { --task-columns:24px minmax(0,2.2fr) minmax(0,1fr) 164px 140px 134px; --task-gap:12px; --column-title:#E2E8F0; --column-bg:#253349; --column-border:#40546F; }
html[data-tema="acik"] #gorevSayfasi { --column-title:#334155; --column-bg:#E2E8F0; --column-border:#CBD5E1; }
.gorev-sutun-basliklari { display:grid; grid-template-columns:var(--task-columns); gap:var(--task-gap); padding:16px 16px 12px; border-bottom:1px solid var(--detail-border); margin-top:14px; color:var(--column-title); font-size:13px; font-weight:600; letter-spacing:.3px; }
.baslik-aksiyon { grid-column:1 / 3; }
#gorevSayfasi #liste { margin-top:10px; }
#gorevSayfasi #liste > li { grid-template-columns:var(--task-columns); column-gap:var(--task-gap); }
#gorevSayfasi .gorev-detay { min-width:0; }
#gorevSayfasi .gorev-yazisi { overflow-wrap:anywhere; }
.sorumlu-hucre { min-width:0; overflow-wrap:anywhere; font-size:14px; color:var(--detail-text); }
#gorevSayfasi .tarih-etiketi { font-size:14px; padding:0; background:transparent; color:var(--detail-text); }
#gorevSayfasi .geciken .tarih-etiketi { background:transparent; color:#FCA5A5; }
html[data-tema="acik"] #gorevSayfasi .geciken .tarih-etiketi { color:#B91C1C; }
#gorevSayfasi .satir-sag { display:flex; gap:0; grid-column:auto; justify-content:flex-start; }
#gorevSayfasi .satir-islemler { width:134px; justify-content:flex-end; }
#gorevSayfasi .satir-ac { width:42px; height:42px; }
@media(max-width:1000px) {
 .gorev-sutun-basliklari { display:none; }
 #gorevSayfasi #liste > li { grid-template-columns:24px minmax(0,1fr); row-gap:10px; }
 #gorevSayfasi .sorumlu-hucre, #gorevSayfasi .tarih-etiketi, #gorevSayfasi .satir-sag { grid-column:2; }
 .sorumlu-hucre::before { content:'Sorumlu: '; color:var(--detail-muted); font-size:12px; }
 #gorevSayfasi .tarih-etiketi::before { content:'Hedef bitiş: '; color:var(--detail-muted); font-size:12px; }
 #gorevSayfasi .satir-islemler { grid-column:1 / -1; justify-self:end; }
}
@media(min-width:1001px) { body.menu-acik #gorevSayfasi { --task-columns:24px minmax(0,2fr) minmax(0,1fr) 150px 132px 134px; --task-gap:8px; } }
#gorevSayfasi #liste > li > .gorev-checkbox { margin:0; justify-self:start; box-sizing:border-box; }
.gorev-sutun-basliklari { padding-left:19px; padding-right:17px; } #gorevSayfasi #liste > li { border-left-width:3px; }

#gorevSayfasi #liste > li .tarih-etiketi { background:transparent; color:var(--detail-text); }
#gorevSayfasi #liste > li.geciken .tarih-etiketi { color:#FCA5A5; }
html[data-tema="acik"] #gorevSayfasi #liste > li.geciken .tarih-etiketi { color:#B91C1C; }

/* Tarih sütunu dengeli genişlikte ve başlığıyla aynı merkezde. */
#gorevSayfasi { --task-columns:24px minmax(0,2fr) minmax(0,1.1fr) 188px 140px 134px; }
body.menu-acik #gorevSayfasi { --task-columns:24px minmax(0,2fr) minmax(0,1.1fr) 180px 132px 134px; }
.gorev-sutun-basliklari > span:nth-child(3) { text-align:center; }
#gorevSayfasi #liste > li > .tarih-etiketi { text-align:center; }
.sutun-baslik-buton { display:inline-flex; align-items:center; gap:5px; color:var(--column-title); background:transparent; padding:0; min-height:32px; border-radius:4px; font-size:13px !important; font-weight:600; text-align:inherit; }
.sutun-baslik-buton:hover { background:var(--note-bg); }
.sutun-ok { display:inline-flex; transition:transform .15s; }
.sutun-baslik-buton[aria-expanded="true"] .sutun-ok { transform:rotate(180deg); }
.sutun-baslik-buton[data-aktif="true"] .sutun-ok { color:var(--detail-icon); }
.sutun-aktif-isaret { display:none; width:5px; height:5px; background:var(--detail-icon); border-radius:50%; }
.sutun-baslik-buton[data-aktif="true"] .sutun-aktif-isaret { display:inline-block; }
.sutun-popup { position:fixed; z-index:70; box-sizing:border-box; padding:14px; background:var(--detail-bg); color:var(--detail-text); border:1px solid var(--detail-border); border-radius:10px; box-shadow:0 8px 24px #0003; overflow:auto; max-width:calc(100vw - 24px); font-size:13px; }
.sutun-popup h4 { font-size:13px; margin:0 0 10px; color:var(--detail-text); }
.sutun-popup label { display:flex; gap:8px; align-items:center; padding:7px 0; overflow-wrap:anywhere; }
.sutun-popup label:has(select) { display:grid; }
.sutun-popup input[type="checkbox"] { flex:none; width:16px; height:16px; margin:0; accent-color:var(--detail-button); }
.sutun-popup select { width:100%; font-size:13px; }
.sutun-popup button { font-size:13px; padding:7px 10px; }
.sutun-secenekler { max-height:240px; overflow:auto; }
.sutun-temizle { display:block; margin-top:10px; background:var(--note-bg); color:var(--detail-icon); border:1px solid var(--detail-border); }
.sutun-hepsini-temizle { background:transparent; color:var(--detail-icon); font-size:12px !important; padding:5px 0; }
.mobil-sutun-filtreleri { display:none; }
@media(max-width:1000px) {
 #gorevSayfasi #liste > li > .tarih-etiketi { text-align:left; }
 .mobil-sutun-filtreleri { display:flex; flex-wrap:wrap; gap:8px; grid-column:1/-1; }
 .mobil-sutun-filtreleri .sutun-baslik-buton { color:var(--detail-text); padding:8px 10px; border:1px solid var(--detail-border); }
}

/* Başlık metni ve tarih değeri merkezde; ok hizayı kaydırmaz. */
.gorev-sutun-basliklari > span:nth-child(3) .sutun-baslik-buton { display:flex; width:100%; position:relative; justify-content:center; text-align:center; }
.gorev-sutun-basliklari > span:nth-child(3) .sutun-ok { position:absolute; right:0; }
.gorev-sutun-basliklari > span:nth-child(3) .sutun-aktif-isaret { position:absolute; right:-7px; }
@media(min-width:1001px) { #gorevSayfasi #liste > li > .tarih-etiketi { width:100%; box-sizing:border-box; justify-self:stretch; text-align:center; } }
#mobilFiltreAlani { margin-top:12px; }
@media(min-width:1001px) { #mobilFiltreAlani { display:none; } }

/* Tüm başlıklar aynı yükseklikte; üç bilgi sütunu eşit aralıklı. */
@media(min-width:1001px) {
 #gorevSayfasi, body.menu-acik #gorevSayfasi { --task-columns:24px minmax(0,2fr) minmax(0,1fr) minmax(188px,1fr) minmax(140px,1fr) 134px; }
 #gorevSayfasi #liste > li { padding-block:14px; margin-top:8px; }
 #gorevSayfasi button.gorev-yazisi { font-size:14px; font-weight:500; }
 .gorev-sutun-basliklari { align-items:center; position:relative; background:var(--column-bg); border-bottom-color:transparent; border-radius:8px; }
 .gorev-sutun-basliklari::before { content:""; position:absolute; inset:0; border:1px solid var(--column-border); border-radius:inherit; pointer-events:none; }
 .gorev-sutun-basliklari > span { display:flex; align-items:center; min-height:32px; }
 .gorev-sutun-basliklari > span:not(.baslik-aksiyon) { justify-content:center; }
 .gorev-sutun-basliklari .sutun-baslik-buton { width:100%; min-height:32px; justify-content:center; position:relative; line-height:1.4; }
 .gorev-sutun-basliklari .sutun-ok { position:absolute; right:0; }
 .gorev-sutun-basliklari .sutun-aktif-isaret { position:absolute; right:-7px; }
 #gorevSayfasi #liste > li > .sorumlu-hucre { text-align:center; }
 #gorevSayfasi #liste > li > .satir-sag { justify-content:center; }
}

/* Yerinde düzenleme aynı sütun alanını kullanır. */
.inline-alan { cursor:pointer !important; border-radius:5px; transition:box-shadow .15s,background .15s; }
.inline-alan:hover { box-shadow:0 0 0 1px var(--detail-border); background:var(--note-bg); }
.inline-alan:focus-visible { outline:2px solid var(--detail-icon); outline-offset:3px; }
.inline-editor { min-width:0; display:grid; gap:4px; }
.inline-editor .inline-kontrol { width:100%; min-width:0; box-sizing:border-box; font:inherit; font-size:14px; padding:8px; color:var(--detail-text) !important; background:var(--note-bg) !important; border:1px solid var(--detail-icon) !important; color-scheme:inherit; }
.inline-ipuclari { font-size:11px; color:var(--detail-muted); line-height:1.4; }
.inline-ipuclari:empty { display:none; }
.inline-editor button { padding:4px 6px; font-size:11px; background:transparent; color:var(--detail-icon); }
.inline-kaydediliyor > .gorev-detay::after { content:'Kaydediliyor…'; display:block; color:var(--detail-muted); font-size:11px; }
@media(max-width:1000px) { #gorevSayfasi #liste > li > .inline-editor { grid-column:2; } .inline-alan { min-height:32px; } }

/* Takip, tamamlanmamış ve kullanıcı değiştirene kadar kalıcı çalışma durumudur. */
:root { --takip-text:#C4B5FD; --takip-bg:#352849; --takip-border:#67518A; --due-today:#FBBF24; --due-overdue:#FCA5A5; }
html[data-tema="acik"] { --takip-text:#6D28D9; --takip-bg:#EDE9FE; --takip-border:#C4B5FD; --due-today:#92400E; --due-overdue:#B91C1C; }
#gorevSayfasi .satir-durum.durum-takip { color:var(--takip-text); background:var(--takip-bg); box-shadow:inset 0 0 0 1px var(--takip-border); }
#gorevSayfasi .durum-takip .durum-simge { color:var(--takip-text); }
#aksiyonPenceresi .aksiyon-rozet.turuncu { color:var(--takip-text); background:var(--takip-bg); box-shadow:inset 0 0 0 1px var(--takip-border); }
/* Beni Hatırla yalnızca oturum kalıcılığı seçer. */
#hesapFormu .beni-hatirla { display:flex; align-items:center; gap:9px; min-height:36px; font-size:14px; cursor:pointer; }
#hesapFormu .beni-hatirla input { flex:0 0 18px; width:18px; height:18px; padding:0; margin:0; accent-color:var(--detail-button); }
#oturumSaklamaBilgi { font-size:12px; line-height:1.5; color:var(--detail-muted); margin-top:-5px; }

.takip-ikon { display:inline-block; vertical-align:-2px; margin-right:5px; flex-shrink:0; }

/* Mevcut araç satırında kompakt sıralama seçimi. */
.gorev-siralama { display:flex; align-items:center; gap:7px; font-size:12px; color:var(--detail-muted); }
#gorevSayfasi .gorev-siralama select { width:auto; max-width:100%; min-height:36px; padding:6px 8px; background:var(--note-bg); color:var(--detail-text); border:1px solid var(--detail-border); border-radius:7px; font-size:13px; }

/* Tarih uyarısı kayıtlı durumdan bağımsızdır; rozet ve satır ölçülerini değiştirmez. */
html:root #gorevSayfasi #liste > li > .tarih-etiketi[data-gorev-tarih][data-tarih-uyari="bugun"],
html #aksiyonPenceresi [data-tarih-uyari="bugun"] { color:var(--due-today); }
html:root #gorevSayfasi #liste > li > .tarih-etiketi[data-gorev-tarih][data-tarih-uyari="gecmis"],
html #aksiyonPenceresi [data-tarih-uyari="gecmis"] { color:var(--due-overdue); }
.tarih-uyari-ikon { width:14px; height:14px; display:inline-block; vertical-align:-2px; margin-right:5px; }

/* Kompakt hızlı arama; aynı sekme ve sütun filtreleriyle çalışır. */
.gorev-hizli-arama { position:relative; flex:1 1 230px; max-width:320px; min-width:160px; }
#gorevSayfasi #gorevAra { width:100%; box-sizing:border-box; min-height:38px; padding:8px 34px 8px 11px; font-size:13px; border:1px solid var(--detail-border); background:var(--note-bg); color:var(--detail-text); border-radius:7px; }
#gorevAra::-webkit-search-cancel-button { -webkit-appearance:none; }
.gorev-hizli-arama button { position:absolute; right:4px; top:50%; transform:translateY(-50%); width:28px; height:28px; padding:5px; display:grid; place-items:center; background:transparent; color:var(--detail-muted); }
@media(max-width:768px) { .gorev-hizli-arama { max-width:none; flex-basis:100%; } }
@media(hover:hover) and (pointer:fine) {
 html:root #gorevSayfasi #liste > li:not(.sira-tasiniyor):hover { background:color-mix(in srgb,var(--note-bg) 96%,var(--detail-text)); }
}
html:root #gorevSayfasi #liste > li:has(.satir-ac[aria-expanded="true"]) { background:color-mix(in srgb,var(--note-bg) 96%,var(--detail-icon)); }
/* Mevcut bildirim alanları: küçük, ekran içinde, hatalar kapatılabilir. */
:root { --feedback-success:#86EFAC; --feedback-error:#FCA5A5; }
html[data-tema="acik"] { --feedback-success:#166534; --feedback-error:#B91C1C; }
html:root :is(#dersBildirim,#takvimMesaj,#profilDurum,#sifreDurum,#aksiyonMesaj,.panel-mesaj).islem-bildirimi { display:flex; align-items:flex-start; gap:8px; padding:8px 10px; margin:8px 0; border:1px solid var(--detail-border); border-radius:7px; background:var(--note-bg); color:var(--feedback-tone,var(--feedback-success)); font-size:13px; line-height:1.45; overflow-wrap:anywhere; }
html:root .islem-bildirimi[data-hata="true"] { --feedback-tone:var(--feedback-error); }
html:root .islem-bildirimi[data-bekliyor="true"] { --feedback-tone:var(--detail-muted); }
.islem-bildirimi > span { flex:1; min-width:0; }
html:root body .islem-bildirimi .bildirim-kapat { flex:0 0 28px; display:grid; place-items:center; min-height:28px; width:28px; padding:5px; margin:-3px -4px -3px 0; border:0; border-radius:4px; background:transparent; color:inherit; cursor:pointer; }
html:root #gorevBildirim { padding:10px 12px; font-size:13px; line-height:1.45; border-radius:8px; box-shadow:none; max-width:min(380px,calc(100vw - 24px)); }
html:root #gorevBildirim[data-hata="true"] { border-color:var(--feedback-error); }
html:root body .islem-bildirimi[hidden],html:root body .gorev-hizli-arama button[hidden] { display:none; }

@media(min-width:769px) { body.oturum-acik .kutu { align-self:flex-start; } }