/* Gece / gündüz teması (16.10.2026). Kipler: Sistem (varsayılan, prefers-color-scheme), Açık, Koyu.
   Tercih <html data-tema="acik|koyu"> özniteliğindedir (sunucu çerezden yazar; js/tema-bas.js yedek). Öznitelik yoksa sistem.
   Açık değerler site.css :root'ta; burada yalnız koyu karşılıklar + belge/etiket kapsamı + belirteçle sabitlenen bileşenler.
   Koyu bloklar @media screen içinde: yazdırma (belge, etiket, proforma) HER ZAMAN açık temadır.
   İki koyu blok aynı olmalı (SemaSagligi gibi test: TemaTests.Koyu_bloklar_ayni). Koyu zemin bazalt, vurgular aynı marka yeşili. */

/* ── Koyu: sistem koyuyken (kullanıcı "Açık" seçmediyse) ── */
@media screen and (prefers-color-scheme: dark) {
    :root:not([data-tema=acik]) {
        color-scheme: dark;
        --zemin: #111513;
        --yuzey: #191E1B;
        --yuzey-vurgu: #212723;
        --kenar: #2D3530;
        --kenar-girdi: #46514A;
        --ayrac: #242B27;
        --murekkep: #E3E9E4;
        --ikincil: #A2AFA6;
        --notr-zemin: #262D29;
        --notr-metin: #C4CDC7;
        --soluk-metin: #6E7B72;
        --pasif-metin: #8E9B92;
        --yesil-zemin: #16301F;
        --yesil-yazi: #6FCF97;
        --yesil-kenar: #2C5A3D;
        --bilgi-metin: #B3E6C6;
        --orman-yazi: #9ADDB4;
        --koyu-dolgu: #2E5A3F;
        --hata-zemin: #3A1B17;
        --hata-metin: #FFB4AA;
        --hata-yazi: #FF8B7E;
        --hata-kenar: #6E2A22;
        --amber-zemin: #382A10;
        --amber-metin: #F5C46E;
        --amber-kenar: #6B4E17;
        --termal-koyu: #5CCBC6;
        --termal-zemin: #123230;
        --cubuk-zemin: #2A322D;
        --ipm-hafif: #8A7424;
        --secili-satir: rgba(255, 196, 0, .16);
        --golge-rgb: 0, 0, 0;
        --odak-halka: rgba(111, 207, 151, .35);
        --grafik-termal: #4FC3BF;
        --grafik-turuncu: #FB8C5A;
        --grafik-yesil: #62BFA3;
        --grafik-sari: #E8C35A;
        --grafik-hardal: #D2AE4F;
        --grafik-gri: #9AA8BA;
    }
}

/* ── Koyu: kullanıcı "Koyu" seçti (yukarıdakiyle aynı değerler) ── */
@media screen {
    :root[data-tema=koyu] {
        color-scheme: dark;
        --zemin: #111513;
        --yuzey: #191E1B;
        --yuzey-vurgu: #212723;
        --kenar: #2D3530;
        --kenar-girdi: #46514A;
        --ayrac: #242B27;
        --murekkep: #E3E9E4;
        --ikincil: #A2AFA6;
        --notr-zemin: #262D29;
        --notr-metin: #C4CDC7;
        --soluk-metin: #6E7B72;
        --pasif-metin: #8E9B92;
        --yesil-zemin: #16301F;
        --yesil-yazi: #6FCF97;
        --yesil-kenar: #2C5A3D;
        --bilgi-metin: #B3E6C6;
        --orman-yazi: #9ADDB4;
        --koyu-dolgu: #2E5A3F;
        --hata-zemin: #3A1B17;
        --hata-metin: #FFB4AA;
        --hata-yazi: #FF8B7E;
        --hata-kenar: #6E2A22;
        --amber-zemin: #382A10;
        --amber-metin: #F5C46E;
        --amber-kenar: #6B4E17;
        --termal-koyu: #5CCBC6;
        --termal-zemin: #123230;
        --cubuk-zemin: #2A322D;
        --ipm-hafif: #8A7424;
        --secili-satir: rgba(255, 196, 0, .16);
        --golge-rgb: 0, 0, 0;
        --odak-halka: rgba(111, 207, 151, .35);
        --grafik-termal: #4FC3BF;
        --grafik-turuncu: #FB8C5A;
        --grafik-yesil: #62BFA3;
        --grafik-sari: #E8C35A;
        --grafik-hardal: #D2AE4F;
        --grafik-gri: #9AA8BA;
    }
}

/* ── Belge ve etiket önizlemesi: ekranda da daima açık (kâğıt). Koyu temada kart içindeki belge beyaz kalır. ── */
.tema-acik, .teklif-belge, .kart:has(> .belge-basligi), .palet-etiket, .koli-etiket, .sa-belge {
    color-scheme: light;
    --zemin: #F2F4F1;
    --yuzey: #FFFFFF;
    --yuzey-vurgu: #F8FAF7;
    --kenar: #DDE3DC;
    --kenar-girdi: #CBD4CC;
    --ayrac: #EBEFEA;
    --murekkep: #18241D;
    --ikincil: #56645B;
    --notr-zemin: #ECEFEC;
    --notr-metin: #3F4B44;
    --soluk-metin: #A4B0A7;
    --pasif-metin: #6B776F;
    --yesil-zemin: #E3F1E7;
    --yesil-yazi: #1E6B3C;
    --yesil-kenar: #BFDDC8;
    --bilgi-metin: #174F2D;
    --orman-yazi: #12301F;
    --koyu-dolgu: #12301F;
    --hata-zemin: #FBE9E7;
    --hata-metin: #7A271A;
    --hata-yazi: #B42318;
    --hata-kenar: #F4C7C1;
    --amber-zemin: #FDF0DB;
    --amber-metin: #8A4F00;
    --amber-kenar: #F1D3A1;
    --termal-koyu: #0E7C7B;
    --termal-zemin: #DDF3F2;
    --cubuk-zemin: #E6ECE6;
    --ipm-hafif: #F6E3A8;
    --secili-satir: rgba(255, 196, 0, .2);
    --golge-rgb: 18, 48, 31;
    --odak-halka: rgba(30, 107, 60, .15);
    --grafik-termal: #0E7C7B;
    --grafik-turuncu: #C2410C;
    --grafik-yesil: #3F8F7A;
    --grafik-sari: #E0B84A;
    --grafik-hardal: #8A6D1F;
    --grafik-gri: #64748B;
    color: var(--murekkep);
}

/* ── Sunucu çizimli SVG grafikleri (EnerjiGrafik, VerimGrafik, IklimGrafigi, TahminGrafigi): seri renkleri özniteliktedir;
   CSS özniteliği ezer, tema değişince grafik yeniden çizilmeden renklenir. Eksen/ızgara zaten currentColor. ── */
:root {
    --grafik-termal: #0E7C7B;
    --grafik-turuncu: #C2410C;
    --grafik-yesil: #3F8F7A;
    --grafik-sari: #E0B84A;
    --grafik-hardal: #8A6D1F;
    --grafik-gri: #64748B;
}
svg [stroke="#0E7C7B" i] { stroke: var(--grafik-termal); }
svg [fill="#0E7C7B" i] { fill: var(--grafik-termal); }
svg [stroke="#c2410c" i] { stroke: var(--grafik-turuncu); }
svg [fill="#c2410c" i] { fill: var(--grafik-turuncu); }
svg [stroke="#3f8f7a" i] { stroke: var(--grafik-yesil); }
svg [fill="#3f8f7a" i] { fill: var(--grafik-yesil); }
svg [stroke="#e0b84a" i] { stroke: var(--grafik-sari); }
svg [fill="#e0b84a" i] { fill: var(--grafik-sari); }
svg [stroke="#8a6d1f" i] { stroke: var(--grafik-hardal); }
svg [fill="#8a6d1f" i] { fill: var(--grafik-hardal); }
svg [stroke="#64748b" i] { stroke: var(--grafik-gri); }
svg [fill="#64748b" i] { fill: var(--grafik-gri); }

/* ── Belirteçle sabitlenen bileşenler (hoca.css, finans.css ve modül <style> blokları; açık temada değer aynı) ── */
.hoca-ac, .hoca-cip, .hoca-mik, .hoca-kayit__mik, .fb-takip summary { color: var(--yesil-yazi); }
.hoca-kayit__ipucu { color: var(--ikincil); }
.hoca-islem__eksik { background: var(--amber-zemin); color: var(--amber-metin); }
.hoca-panel { box-shadow: -12px 0 32px rgba(var(--golge-rgb), .14); }

/* DataTables kütüphane stili koyu zemini bilmez: sıralama oku, işleniyor kutusu, arama/sayfa seçimi. */
div.dt-container .dt-processing { background: var(--yuzey); color: var(--murekkep); border: 1px solid var(--kenar); }
div.dt-container .dt-input, div.dt-container .dt-search input { background: var(--yuzey); color: var(--murekkep); }
table.dataTable thead > tr > th, table.dataTable thead > tr > td { border-bottom-color: var(--kenar); }
table.dataTable > tbody > tr { background-color: transparent; }

/* SweetAlert2 onay kutusu: kütüphane rengi ezilir */
.swal2-popup.onay-kutu .swal2-title { color: var(--murekkep); }

/* ── Tema düğmesi (üst çubuk) ve kip menüsü ── */
.tema-kutu { position: relative; }
.tema-dugme .tema-dugme__ay, :root[data-gorunum=koyu] .tema-dugme .tema-dugme__gunes { display: none; }
:root[data-gorunum=koyu] .tema-dugme .tema-dugme__ay { display: inline-flex; }
.tema-dugme__sim { display: inline-flex; }
.tema-menu { position: absolute; right: 0; top: calc(100% + 8px); z-index: 61; min-width: 200px; margin: 0; padding: 6px; list-style: none;
             background: var(--yuzey); border: 1px solid var(--kenar); border-radius: var(--yaricap); box-shadow: 0 12px 32px rgba(var(--golge-rgb), .16); }
.tema-menu[hidden] { display: none; }
.tema-menu button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px; padding: 0 12px; border: 0; border-radius: var(--yaricap-k);
                    background: none; color: var(--murekkep); font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.tema-menu button:hover, .tema-menu button:focus-visible { background: var(--yuzey-vurgu); }
.tema-menu button[aria-checked=true] { background: var(--yesil-zemin); color: var(--yesil-yazi); font-weight: 600; }
.tema-menu button[aria-checked=true]::after { content: "✓"; margin-left: auto; }
.tema-menu__ipucu { padding: 6px 12px 2px; font-size: 12px; color: var(--ikincil); }

/* Yalın sayfalar (giriş, hata): ayakta küçük düğme */
.tema-yalin { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 6px 12px; min-height: 36px; border: 1px solid var(--kenar);
              border-radius: 999px; background: var(--yuzey); color: var(--ikincil); font: inherit; font-size: 12.5px; cursor: pointer; }
.tema-yalin:hover { color: var(--murekkep); border-color: var(--kenar-girdi); }

/* Profil: görünüm seçimi */
.tema-secim { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; border: 0; padding: 0; margin: 0; }
.tema-secim label { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 14px; border: 1px solid var(--kenar-girdi); border-radius: var(--yaricap-k);
                    background: var(--yuzey); cursor: pointer; font-weight: 600; }
.tema-secim label:has(input:checked) { border-color: var(--yesil); box-shadow: 0 0 0 1px var(--yesil) inset; background: var(--yesil-zemin); }
.tema-secim input { accent-color: var(--yesil); width: 18px; height: 18px; margin: 0; }

/* Geçiş: tema değişirken renkler kısa süre yumuşar (ilk boyamada değil; tema.js sınıfı ekler) */
.tema-gecis, .tema-gecis * { transition: background-color .2s, color .2s, border-color .2s !important; }

@media (max-width: 860px) {
    .tema-menu { position: fixed; left: auto; right: 12px; top: 64px; }
}
@media (prefers-reduced-motion: reduce) { .tema-gecis, .tema-gecis * { transition: none !important; } }
@media print { .tema-kutu, .tema-yalin { display: none !important; } }

/* DataTables sayfalama: kütüphane rengi (siyah %50) koyu zeminde okunmaz; seçili sayfa yeşil zemin üstünde beyaz */
html body div.dt-container .dt-paging .dt-paging-button.disabled, html body div.dt-container .dt-paging .dt-paging-button.disabled:hover { color: var(--pasif-metin) !important; }
html body div.dt-container .dt-paging .dt-paging-button.current, html body div.dt-container .dt-paging .dt-paging-button.current:hover { color: var(--dolgu-metin) !important; }

/* Menü içi tema düğmesi: yalnız dar telefonda (üst çubuğa sığmaz) */
.tema-kutu--menu { display: none; }
.tema-kutu--menu .tema-dugme { width: 100%; border: 0; background: none; font: inherit; text-align: left; }
.tema-kutu--menu .tema-menu { position: static; margin: 4px 0 8px; box-shadow: none; }
@media (max-width: 420px) {
    .ustbar .tema-kutu { display: none; }
    .tema-kutu--menu { display: block; }
}