/* Graphite: yalnızca koyu temanın renk katmanı. Ölçü, yerleşim ve davranış içermez. */
html:not([data-tema="acik"]) {
 --graphite-page:#111315; --graphite-panel:#1D2024; --graphite-card:#282C31;
 --graphite-border:#3B424A; --graphite-text:#F3F4F6; --graphite-muted:#A1A1AA;
 --graphite-accent:#60A5FA; --graphite-hover:#32373D; --graphite-selected:#343D47;
 --graphite-action:#2563EB; --graphite-action-hover:#1D4ED8;
 --detail-bg:var(--graphite-panel); --note-bg:var(--graphite-card);
 --detail-border:var(--graphite-border); --detail-text:var(--graphite-text);
 --detail-muted:var(--graphite-muted); --detail-icon:var(--graphite-accent);
 --detail-button:var(--graphite-action); --detail-hover:var(--graphite-action-hover);
 --page-bg:var(--graphite-page); --note-divider:var(--graphite-border);
}
html:not([data-tema="acik"]) body { background:var(--graphite-page); color:var(--graphite-text); }
html:not([data-tema="acik"]) .kutu,
html:not([data-tema="acik"]) body:is(.gorev-ekrani,.takvim-ekrani,.ders-ekrani,.profil-ekrani) .kutu,
html:not([data-tema="acik"]) .sol-menu { background:var(--graphite-panel); color:var(--graphite-text); border-color:var(--graphite-border); }
html:not([data-tema="acik"]) h1,
html:not([data-tema="acik"]) h2,
html:not([data-tema="acik"]) h3,
html:not([data-tema="acik"]) h4 { color:var(--graphite-text); }
html:not([data-tema="acik"]) #baslangicDurum,
html:not([data-tema="acik"]) #durum,
html:not([data-tema="acik"]) #kullanici,
html:not([data-tema="acik"]) .aciklama,
html:not([data-tema="acik"]) .sayac-etiket,
html:not([data-tema="acik"]) .ikincil-liste small { color:var(--graphite-muted); }
html:not([data-tema="acik"]) :is(input,select,textarea),
html:not([data-tema="acik"]) #notEditor,
html:not([data-tema="acik"]) #profilSayfasi :is(input,select),
html:not([data-tema="acik"]) #gorevSayfasi .giris input { background:var(--graphite-page); color:var(--graphite-text); border-color:var(--graphite-border); }
html:not([data-tema="acik"]) :is(input,textarea)::placeholder,
html:not([data-tema="acik"]) #notEditor:empty::before { color:var(--graphite-muted); }
html:not([data-tema="acik"]) :is(input,select,textarea,[contenteditable="true"]):focus-visible { outline-color:var(--graphite-accent); }
html:not([data-tema="acik"]) #menuToggle,
html:not([data-tema="acik"]) .sol-menu nav button,
html:not([data-tema="acik"]) #cikis,
html:not([data-tema="acik"]) .duzenle,
html:not([data-tema="acik"]) .secimler { background:var(--graphite-card); color:var(--graphite-text); border-color:var(--graphite-border); }
html:not([data-tema="acik"]) .sol-menu nav button:hover,
html:not([data-tema="acik"]) #menuToggle:hover,
html:not([data-tema="acik"]) #cikis:hover,
html:not([data-tema="acik"]) .duzenle:hover { background:var(--graphite-hover); }
html:not([data-tema="acik"]) .sol-menu nav button[aria-current="page"] { background:var(--graphite-selected); color:var(--graphite-accent); }
html:not([data-tema="acik"]) #menuPerde { background:#0009; }
html:not([data-tema="acik"]) .sayac,
html:not([data-tema="acik"]) #gorevSayfasi .sayac,
html:not([data-tema="acik"]) #gorevSayfasi .hizli-ekle { background:var(--graphite-card); border-color:var(--graphite-border); }
html:not([data-tema="acik"]) #gorevSayfasi .sayac-etiket,
html:not([data-tema="acik"]) #gorevSayfasi summary span { color:var(--graphite-muted); }
html:not([data-tema="acik"]) #gorevSayfasi .sayac-simge { color:var(--graphite-accent); }
html:not([data-tema="acik"]) #gorevSayfasi summary,
html:not([data-tema="acik"]) #gorevSayfasi .sayac-deger { color:var(--graphite-text); }
html:not([data-tema="acik"]) #gorevSayfasi { --column-title:var(--graphite-text); --column-bg:var(--graphite-card); --column-border:var(--graphite-border); }
html:not([data-tema="acik"]) #gorevSayfasi #liste > li { background:var(--graphite-card); border-top-color:var(--graphite-border); border-right-color:var(--graphite-border); border-bottom-color:var(--graphite-border); }
html:not([data-tema="acik"]) #gorevSayfasi #liste > li:not(.geciken):not(.yaklasan) { border-left-color:var(--graphite-border); }
html:not([data-tema="acik"]) #gorevSayfasi .gorev-yazisi { color:var(--graphite-text); }
html:not([data-tema="acik"]) #gorevSayfasi .gorev-yazisi:hover { color:var(--graphite-accent); }
html:not([data-tema="acik"]) #gorevSayfasi .gorev-yazisi.tamamlandi { color:var(--graphite-muted); }
html:not([data-tema="acik"]) #gorevSayfasi .hizli-filtreler button,
html:not([data-tema="acik"]) #gorevSayfasi .satir-ac,
html:not([data-tema="acik"]) #gorevSayfasi .simge-buton,
html:not([data-tema="acik"]) #duzenlePenceresi .simge-buton { color:var(--graphite-text); border-color:var(--graphite-border); }
html:not([data-tema="acik"]) #gorevSayfasi .hizli-filtreler button { background:var(--graphite-panel); }
html:not([data-tema="acik"]) #gorevSayfasi .hizli-filtreler button:hover,
html:not([data-tema="acik"]) #gorevSayfasi .simge-buton:hover { background:var(--graphite-hover); }
html:not([data-tema="acik"]) #gorevSayfasi .hizli-filtreler button[aria-pressed="true"] { background:var(--graphite-selected); border-color:var(--graphite-accent); color:var(--graphite-text); }
html:not([data-tema="acik"]) #gorevSayfasi .satir-panel { background:var(--graphite-panel); }
html:not([data-tema="acik"]) #gorevSayfasi .satir-panel .panel-not-satir,
html:not([data-tema="acik"]) .aksiyon-kart { background:var(--graphite-card); border-color:var(--graphite-border); }
html:not([data-tema="acik"]) #gorevSayfasi .gorev-etiket:not(.tarih-etiketi) { background:var(--graphite-hover); color:var(--graphite-text); }
html:not([data-tema="acik"]) #gorevBildirim { background:var(--graphite-panel); color:var(--graphite-text); border-color:var(--graphite-border); }
html:not([data-tema="acik"]) #gorevBildirimKapat { background:var(--graphite-card); color:var(--graphite-text); }
html:not([data-tema="acik"]) #aksiyonPenceresi,
html:not([data-tema="acik"]) #duzenlePenceresi { background:var(--graphite-panel); color:var(--graphite-text); border-color:var(--graphite-border); }
html:not([data-tema="acik"]) #aksiyonPenceresi::backdrop,
html:not([data-tema="acik"]) #duzenlePenceresi::backdrop,
html:not([data-tema="acik"]) #dersModal::backdrop,
html:not([data-tema="acik"]) .ders-klasor-modal::backdrop,
html:not([data-tema="acik"]) #aktarPenceresi::backdrop { background:#000a; }
html:not([data-tema="acik"]) #aksiyonKapat,
html:not([data-tema="acik"]) .aksiyon-sekmeler button,
html:not([data-tema="acik"]) #notAraclar,
html:not([data-tema="acik"]) #notAraclar button,
html:not([data-tema="acik"]) .aksiyon-kart button:not(.aksiyon-sil) { background:var(--graphite-card); color:var(--graphite-text); border-color:var(--graphite-border); }
html:not([data-tema="acik"]) .aksiyon-sekmeler { border-color:var(--graphite-border); }
html:not([data-tema="acik"]) .aksiyon-sekmeler button[aria-pressed="true"],
html:not([data-tema="acik"]) #notAraclar button[aria-pressed="true"] { background:var(--graphite-selected); color:var(--graphite-accent); border-color:var(--graphite-accent); }
html:not([data-tema="acik"]) #notAraclar button:hover,
html:not([data-tema="acik"]) .aksiyon-kart button:not(.aksiyon-sil):hover { background:var(--graphite-hover); }
html:not([data-tema="acik"]) #notEditor { border-color:var(--graphite-border); }
html:not([data-tema="acik"]) #notEditor:focus { box-shadow:0 0 0 2px var(--graphite-accent); }
html:not([data-tema="acik"]) .not-icerik { color:var(--graphite-text); }
html:not([data-tema="acik"]) .aksiyon-kart small,
html:not([data-tema="acik"]) .aksiyon-soluk,
html:not([data-tema="acik"]) #aksiyonMesaj:not([data-hata="true"]) { color:var(--graphite-muted); }
html:not([data-tema="acik"]) .aksiyon-rozet:not(.yesil):not(.kirmizi):not(.turuncu) { background:var(--graphite-card); color:var(--graphite-text); }
html:not([data-tema="acik"]) #takvimSayfasi { --cal-bg:var(--graphite-card); --cal-weekend:#2C3035; }
html:not([data-tema="acik"]) #takvimSayfasi .takvim-hafta { color:var(--graphite-text); }
html:not([data-tema="acik"]) #dersSayfasi { --lesson-bg:var(--graphite-page); --lesson-left:var(--graphite-panel); --lesson-right:var(--graphite-panel); --lesson-card:var(--graphite-card); --lesson-selected:var(--graphite-selected); }
html:not([data-tema="acik"]) #dersModal .ders-araclar button[aria-pressed="true"] { background:var(--graphite-selected); border-color:var(--graphite-accent); color:var(--graphite-text); }
html:not([data-tema="acik"]) #profilSayfasi .profil-kart { background:var(--graphite-card); }
html:not([data-tema="acik"]) #profilSimge { background:var(--graphite-selected); color:var(--graphite-accent); }
@media(hover:hover) and (pointer:fine) {
html:not([data-tema="acik"]) #takvimSayfasi:not(.takvim-klavye-modu) .takvim-gun:not([aria-pressed="true"]):hover { background:var(--graphite-hover); border-color:var(--graphite-accent); }
}
html:not([data-tema="acik"])[data-yukleniyor] { background:var(--graphite-page); }
html:not([data-tema="acik"]) #hesap > p,
html:not([data-tema="acik"]) #bosMesaj { color:var(--graphite-muted) !important; }
html:not([data-tema="acik"]) #gorevBildirim[data-hata="true"] { background:#34262B; border-color:#9E596C; }
/* Özetin ilk rozeti durumdur; tarih rozeti nötr kalır. */
html:not([data-tema="acik"]) #aksiyonOzet > .aksiyon-rozet:first-child:not(.yesil):not(.kirmizi):not(.turuncu) { background:rgba(59,130,246,.15); color:#93C5FD; }