/* Koyu tema — sabit yazılmış renklerin karşılığı.

   Değişkene bağlı renkler 00-degiskenler.css içindeki html[data-tema="koyu"]
   bloğuyla zaten dönüyor. Burada yalnız CSS'e sabit yazılmış (#fff, #000, #ccc
   gibi) renkler seçici seçici karşılanır. Açık tema dosyalarına dokunulmaz:
   bu dosya en sonda yüklenir ve html[data-tema="koyu"] öneki sayesinde
   !important olmadan kazanır.

   KAPSAM: kabuk — sol menü, sağ içerik başlığı, iframe çerçevesi, kartlar,
   düzenleme kabuğu ve tablo yüzeyleri. Rozetler, durum renkleri ve modül içi
   özel bileşenler (03-bilesenler, 07-b2b) henüz karşılanmadı.

   KAPSAM DIŞI: 08-etiketduzenle.css ve 09-kargoetiketbas.css — etiket ve
   yazdırma ekranları kâğıda basıldığı için açık kalmalı. */

/*#region Gövde*/
html[data-tema="koyu"] body[tip="layout"]{background:var(--renk-govde);}
html[data-tema="koyu"] body[tip="boslayout"]{background:var(--renk-yuzey);}
html[data-tema="koyu"] body[tip="duzenlelayout"]{background:var(--renk-yuzey);}
html[data-tema="koyu"] body[tip="iframelayout"]{background:var(--renk-yuzey);}
html[data-tema="koyu"] body{color:var(--renk-yazi);}

/* appearance:none olduğu için color-scheme:dark bu kutuya işlemiyor; işaretli
   hâli zaten --renk-birincil kullanıyor, yalnız boş hâli elde kalıyordu. */
html[data-tema="koyu"] .secim-kutusu{background-color:var(--renk-yuzey-2); border-color:rgba(255,255,255,0.30);}
html[data-tema="koyu"] .secim-kutusu:checked{background-color:var(--renk-birincil); border-color:var(--renk-birincil);}
/*#endregion*/

/*#region Tema butonu*/
html[data-tema="koyu"] .tema-btn{background:var(--renk-vurgu); color:var(--renk-vurgu-yazi);}
html[data-tema="koyu"] .tema-btn:hover{background:#fff; color:var(--renk-vurgu-yazi);}
/*#endregion*/

/*#region Sol menü*/
html[data-tema="koyu"] sol-menu .solmenubtn{background:var(--renk-yuzey-2); color:var(--renk-yazi);}
html[data-tema="koyu"] sol-menu menu-icerik::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,0.25);}

/* invert tek başına kırmızı markayı camgöbeğine çeviriyor; hue-rotate(180deg)
   rengi geri döndürüyor, koyu gri yazı ise açık gri kalıyor. */
html[data-tema="koyu"] sol-menu header a.logo img{filter:invert(1) hue-rotate(180deg);}

html[data-tema="koyu"] sol-menu .kullanici-ayarlari-buton{background:#3a4152; color:var(--renk-yazi);}
html[data-tema="koyu"] sol-menu .kullanici-ayarlari-buton:hover{background:#4a5568;}
html[data-tema="koyu"] sol-menu .cikis-buton{background:var(--renk-birincil); color:#fff;}
html[data-tema="koyu"] sol-menu .cikis-buton:hover{background:#4c66c9; color:#fff;}

html[data-tema="koyu"] #kullanici-popup-menu{background:var(--renk-yuzey); border-color:var(--renk-kenar); box-shadow:var(--golge-lg);}
html[data-tema="koyu"] #kullanici-popup-menu a{color:var(--renk-yazi);}
html[data-tema="koyu"] #kullanici-popup-menu a:hover{background:var(--renk-arkaplan-hover); color:#8fa3e6;}

html[data-tema="koyu"] sol-menu yil-sube button.sube{background:var(--renk-yuzey); color:var(--renk-yazi);}

html[data-tema="koyu"] sol-menu servis-arama{background:var(--renk-yuzey);}
html[data-tema="koyu"] sol-menu servis-arama input{background:var(--renk-yuzey); color:var(--renk-yazi);}
html[data-tema="koyu"] sol-menu servis-arama input::placeholder{color:var(--renk-yazi-soluk);}

html[data-tema="koyu"] sol-menu mini-buton button{color:var(--renk-yazi-orta);}
html[data-tema="koyu"] sol-menu mini-buton button.aktif{background:var(--renk-birincil-acik); border-color:var(--renk-birincil-acik); color:#a9bcff;}

html[data-tema="koyu"] sol-menu .menugrup .isaret .dikcizgi{background:rgba(255,255,255,0.22);}
html[data-tema="koyu"] sol-menu .menugrup .icerik .altmenuler a:hover{background:var(--renk-birincil-acik); color:#a9bcff;}
/*#endregion*/

/*#region Sağ içerik*/
html[data-tema="koyu"] sag-icerik{background:var(--renk-yuzey);}
html[data-tema="koyu"] sag-icerik::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.20);}
html[data-tema="koyu"] sag-icerik::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,0.30);}

/* Koyu temanın kendi degradesi. Açık paleti tek tek koyulaştırmak işe yaramıyor:
   şeftali ve krem koyulaşınca kahve/haki oluyor, zemin temiz değil kirli duruyor.
   Bunun yerine sıcak uç mor/erik tarafına alındı — dönen bir tayf hissi kalıyor
   ama tonların hepsi soğuk ve derin.
   Parlaklık bandı bilerek dar (L 0.026-0.033): header zemin olarak kalmalı,
   akarken "yanıp sönen" bir şerit gibi görünmemeli.
   Akış kurgusu 02-yerlesim.css'teki ile aynı: dizi iki kez yazılır ve ilk renge
   döner. background kısayolu background-size'ı auto'ya çektiği için burada
   yeniden bildiriliyor, yoksa koyu temada animasyon duruyor. */
html[data-tema="koyu"] sag-icerik header{background:#242938; background:linear-gradient(90deg,
    #282c40 0%,     #22303f 8.33%,  #1c333b 16.67%, #1f362f 25%,
    #332a45 33.33%, #382b3d 41.67%, #282c40 50%,    #22303f 58.33%,
    #1c333b 66.67%, #1f362f 75%,    #332a45 83.33%, #382b3d 91.67%,
    #282c40 100%); background-size:200% 100%;
    --ag-nokta:rgba(198,212,255,0.42); --ag-cizgi:rgba(182,200,255,0.14); --ag-vurgu:rgba(216,228,255,0.65);}
html[data-tema="koyu"] sag-icerik .shrinkarka{background:var(--renk-yuzey); outline-color:var(--renk-yuzey);}

html[data-tema="koyu"] sag-icerik header header-ust i.solmenubtn{background:var(--renk-yuzey-2); color:var(--renk-yazi);}
html[data-tema="koyu"] sag-icerik header header-ust i.solmenubtn:hover{background:var(--renk-birincil); color:#fff;}

html[data-tema="koyu"] .admin-ozel button.sayfapanel, html[data-tema="koyu"] .admin-ozel button.sagtikpanel{color:#8fa3e6;}

html[data-tema="koyu"] sag-icerik header header-orta header-arama{border-bottom-color:rgba(255,255,255,0.25);}
html[data-tema="koyu"] sag-icerik header header-orta header-arama input{color:var(--renk-yazi);}
html[data-tema="koyu"] sag-icerik header header-orta header-arama input::placeholder{color:var(--renk-yazi-soluk);}

html[data-tema="koyu"] sag-icerik header header-orta header-hizlierisim .hizlierisim-kart{background:var(--renk-yuzey-2); border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] sag-icerik header header-orta header-hizlierisim .hizlierisim-kart:hover{background:var(--renk-birincil); color:#fff;}
html[data-tema="koyu"] sag-icerik header header-orta header-hizlierisim .hizlierisim-prev, html[data-tema="koyu"] sag-icerik header header-orta header-hizlierisim .hizlierisim-next{background:rgba(255,255,255,0.10); color:#a9bcff;}
html[data-tema="koyu"] sag-icerik header header-orta header-hizlierisim .hizlierisim-prev:hover, html[data-tema="koyu"] sag-icerik header header-orta header-hizlierisim .hizlierisim-next:hover{background:rgba(255,255,255,0.18);}

html[data-tema="koyu"] sag-icerik header sayfa-menu a.aktif, html[data-tema="koyu"] sag-icerik header sayfa-menu a.aktif:hover{background:var(--renk-yuzey); color:var(--renk-yazi);}
html[data-tema="koyu"] sag-icerik header sayfa-menu a:hover{background:var(--renk-yuzey-2); color:var(--renk-yazi);}

/* İşlem menüsü şeridi. Açık temada marka mavisi bir bant olarak doğru duruyor
   ama koyu zeminde en parlak öğe hâline geliyor ve her sayfada göz alıyordu:
   donuk arduvaza çekildi. İçindeki üç buton da beyaza hover'lıyordu — koyuda
   beyaz çakma yapıyorlar, kendi renklerinin koyu tonuna alındı. */
html[data-tema="koyu"] sag-icerik header sayfa-islemmenu{background:#262d40;}
html[data-tema="koyu"] sag-icerik header sayfa-islemmenu .islemmenu .oto button{border-color:rgba(255,255,255,0.18);}
html[data-tema="koyu"] sag-icerik header sayfa-islemmenu .islemmenu .oto button:hover{background:rgba(255,255,255,0.14); color:#fff;}
html[data-tema="koyu"] sag-icerik header sayfa-islemmenu .islemmenu .manuel button.excelindir:hover{background:var(--renk-basari-hover); color:#fff;}
html[data-tema="koyu"] sag-icerik header sayfa-islemmenu .islemmenu .manuel button.datatablesexcelindir:hover{background:#4d8014; color:#fff;}
html[data-tema="koyu"] sag-icerik header sayfa-islemmenu .islemmenu .manuel button.siparisbirlestir:hover{background:rgba(255,255,255,0.14); color:#fff;}

html[data-tema="koyu"] sag-icerik header sayfa-islemmenu .sayfa-arama{background:#0f1526;}
html[data-tema="koyu"] sag-icerik header sayfa-islemmenu .tarihalan{background:#0f1526;}

html[data-tema="koyu"] sag-icerik .satirsayisi{background:#3a4152;}
html[data-tema="koyu"] sag-icerik .satirsayisi select{background:#3a4152;}

/* Şube seçimi de marka mavisiydi; arkasındaki şerit donuklaşınca tek başına
   parlıyordu. Donuk yüzey + ince kenar: hâlâ tıklanabilir bir kontrol gibi
   duruyor ama göz almıyor. */
html[data-tema="koyu"] select.sube-secimi{background-color:#3a4152; border:1px solid rgba(255,255,255,0.14);}
html[data-tema="koyu"] select.sube-secimi:hover{background-color:#454d61;}
html[data-tema="koyu"] select.sube-secimi:focus-visible{box-shadow:0 0 0 3px rgba(255,255,255,0.14);}
html[data-tema="koyu"] select.sube-secimi option{background:var(--renk-yuzey); color:var(--renk-yazi);}

html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan button.islemlistesi, html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton{background:var(--renk-birincil-cok-acik); color:#b8c6ff; border-color:var(--renk-birincil-acik); box-shadow:none;}
html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan button.islemlistesi:hover, html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton:hover{background:var(--renk-birincil-acik); border-color:#4c66c9; color:#dbe3ff;}
html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan button.islemlistesi.aktif{background:var(--renk-birincil-acik); border-color:#4c66c9; color:#dbe3ff; box-shadow:none;}
html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan button.islemlistesi i.siparisikon, html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan button.islemlistesi .fa-chevron-down,
html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton i.siparisikon, html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton .fa-chevron-down{color:#8fa3e6;}
html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton.aktif{background:#12301f; color:#7ee2a8; border-color:#1e5a37;}
html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan :is(a, button).bilgilendirmestdbuton.aktif:hover{background:#17402a; border-color:#2fbf78; color:#a6f0c6;}

html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan .mini-toplamlar .tutar-alan{border-color:var(--renk-kenar);}
html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan .mini-toplamlar .tutar-alan:hover{background:var(--renk-arkaplan-hover); color:var(--renk-yazi);}
/*#endregion*/

/*#region Kartlar (gösterge paneli / klasör sayfaları)*/
html[data-tema="koyu"] sayfa-grid .grid{background:var(--renk-yuzey-2); color:var(--renk-yazi); border-color:var(--renk-kenar);}
html[data-tema="koyu"] sayfa-grid .grid i, html[data-tema="koyu"] sayfa-grid .grid .yaz{color:var(--renk-yazi);}
html[data-tema="koyu"] sayfa-grid .grid:hover{background:var(--renk-birincil);}

html[data-tema="koyu"] klasor-grid .grid{background:var(--renk-yuzey-2); color:var(--renk-yazi); border-color:var(--renk-kenar);}
html[data-tema="koyu"] klasor-grid .grid i, html[data-tema="koyu"] klasor-grid .grid .yaz, html[data-tema="koyu"] klasor-grid .grid .baslik, html[data-tema="koyu"] klasor-grid .grid .aciklama{color:var(--renk-yazi);}
html[data-tema="koyu"] klasor-grid .grid:hover{background:var(--renk-birincil);}
html[data-tema="koyu"] klasor-grid .grid[firmadurum="0"]:hover{background:#3a4152;}
html[data-tema="koyu"] klasor-grid .grid[firmadurum="0"] :is(.yaz, .baslik, .aciklama){color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] klasor-grid .grid i.bilgi{color:var(--renk-yazi-en-soluk);}
html[data-tema="koyu"] klasor-grid .grid .karlilik{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] klasor-grid .grid i.klasor-gri{color:var(--renk-yazi-en-soluk);}
html[data-tema="koyu"] klasor-grid .grid .durum i{color:var(--renk-yazi-orta);}
html[data-tema="koyu"] klasor-grid .grid .kullaniciadisoyadi{color:rgba(255,255,255,0.35);}
html[data-tema="koyu"] klasor-grid .grid.muhtelif-grup{background:#2b2140; border-color:#6d3fa0;}
html[data-tema="koyu"] klasor-grid .grid-hata{background:#33281c; border-color:#8a6633; color:var(--renk-yazi-orta);}

html[data-tema="koyu"] .klasor-yol-geri{background:var(--renk-yuzey-2); border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] .klasor-yol-geri:hover{background:var(--renk-birincil); color:#fff;}
html[data-tema="koyu"] .klasor-yol-ayrac{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .klasor-yol-aktif{color:#c99bf0;}

html[data-tema="koyu"] .klasor-arama{background:var(--renk-yuzey-2); border-color:var(--renk-kenar);}
html[data-tema="koyu"] .klasor-arama input{color:var(--renk-yazi);}
html[data-tema="koyu"] .klasor-arama input::placeholder{color:var(--renk-yazi-soluk);}
/*#endregion*/

/*#region Gösterge paneli kutuları*/
html[data-tema="koyu"] sag-icerik .icerik .stdkutualan.satisiade .stdkutubaslikalan .stdkutubaslik{background:#3a3320; color:#f0d89a;}
html[data-tema="koyu"] sag-icerik .icerik .stdkutualan.caritahsilat .stdkutubaslikalan .stdkutubaslik{background:#28304d; color:#b8c6ff;}
html[data-tema="koyu"] sag-icerik .icerik .stdkutualan.satistahsilatgrafik .stdkutubaslikalan .stdkutubaslik{background:#1a3327; color:#7ee2a8;}
html[data-tema="koyu"] sag-icerik .icerik .stdkutualan .stdkutubaslikalan .butonalan{background:var(--renk-yuzey-2);}
html[data-tema="koyu"] .stdkutubaslikalan .butonalan .lineGrafikSec{color:var(--renk-yazi-orta); border-right-color:var(--renk-kenar);}
html[data-tema="koyu"] sag-icerik .icerik .stdkutualan .stdkutubaslikalan .tarihalan{background:var(--renk-yuzey-2);}
html[data-tema="koyu"] sag-icerik .icerik .stdkutualan .stdkutubaslikalan .tarihalan input{background:var(--renk-yuzey); color:var(--renk-yazi);}
html[data-tema="koyu"] sag-icerik .icerik .stdkutualan .stdkutu{border-color:var(--renk-kenar);}
html[data-tema="koyu"] sag-icerik .icerik .stdkutualan .stdkutu .veri .miniacikveri{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] sag-icerik .icerik .stdkutualan .stdkutu .ozelalan.iade{background:#3a2020;}
html[data-tema="koyu"] sag-icerik .icerik .stdkutualan .stdkutu .ozelalan.iade .veri{color:#ffb3b3;}
/*#endregion*/

/*#region Düzenleme kabuğu*/
html[data-tema="koyu"] form.duzenle-alan{background:var(--renk-yuzey);}
html[data-tema="koyu"] form.duzenle-alan::-webkit-scrollbar-track{box-shadow:inset 0 0 4px rgba(0,0,0,0.5);}
html[data-tema="koyu"] form.duzenle-alan::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.25);}

html[data-tema="koyu"] form.duzenle-alan header{background:var(--renk-yuzey-2); border-bottom-color:var(--renk-kenar);}
html[data-tema="koyu"] form.duzenle-alan header navigasyon-menu i.disabled{color:var(--renk-yazi-en-soluk);}
html[data-tema="koyu"] form.duzenle-alan header navigasyon-menu i:not(.disabled):hover{background:rgba(255,255,255,0.10);}
html[data-tema="koyu"] form.duzenle-alan header duzenle-arama input{background:var(--renk-yuzey); color:var(--renk-yazi);}
html[data-tema="koyu"] form.duzenle-alan header duzenle-islemmenu{border-left-color:var(--renk-kenar);}

html[data-tema="koyu"] duzenle-icerik{background:var(--renk-yuzey);}
html[data-tema="koyu"] duzenle-icerik .inputalan{border-color:var(--renk-kenar);}
html[data-tema="koyu"] duzenle-icerik .inputalan label{background:var(--renk-yuzey); color:var(--renk-yazi-orta);}
html[data-tema="koyu"] duzenle-icerik .inputalan :is(input, select, input:disabled, select:disabled){background:var(--renk-yuzey); color:var(--renk-yazi);}
html[data-tema="koyu"] duzenle-icerik .inputalan :is(input, select) option{background:var(--renk-yuzey); color:var(--renk-yazi);}
html[data-tema="koyu"] duzenle-icerik .bilgilendirme-alan{background:var(--renk-yuzey);}
html[data-tema="koyu"] duzenle-icerik .bilgilendirme{border-color:var(--renk-kenar);}
html[data-tema="koyu"] duzenle-icerik .bilgilendirme .urunresmi{border-color:var(--renk-kenar);}
html[data-tema="koyu"] duzenle-icerik .tabmenubutonlar button[tab-id].aktif{background:var(--renk-yuzey); color:#b8c6ff; border-color:var(--renk-yuzey);}

html[data-tema="koyu"] duzenle-icerik .ozelalan{border-color:var(--renk-kenar);}
html[data-tema="koyu"] duzenle-icerik .ozelalan .ozelalan-baslik{background:rgba(255,255,255,0.07);}
html[data-tema="koyu"] duzenle-icerik .ozelalan .grupbaslik{border-top-color:var(--renk-kenar);}
html[data-tema="koyu"] duzenle-icerik .ozelalan .checkboxalan.derinlik-0{border-top-color:var(--renk-kenar);}
/*#endregion*/

/*#region Özel alan renk şeritleri (düzenleme + iframe)*/
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-0{border-color:var(--renk-kenar);}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-0 .ozelalan-baslik{background:rgba(255,255,255,0.05) !important; color:var(--renk-yazi-soluk) !important;}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-1{border-color:#3f4655;}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-1 .ozelalan-baslik{background:#333a48 !important; color:#c2c9d6 !important;}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-2{border-color:#6b5c1f;}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-2 .ozelalan-baslik{background:#3d3411; color:#f0d89a;}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-3 .ozelalan-baslik{color:#b8c6ff;}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-4{border-color:#3b6b22;}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-4 .ozelalan-baslik{background:#22401a; color:#a9e88a;}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-5{border-color:#1f6b5c;}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-5 .ozelalan-baslik{background:#153f36; color:#8ae0cb;}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-6{border-color:#256b2a;}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-6 .ozelalan-baslik{background:#1a401d; color:#8ae08e;}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-7{border-color:#523f7a;}
html[data-tema="koyu"] :is(duzenle-icerik, body[tip="iframelayout"] .icerik-alan) .ozelalan-7 .ozelalan-baslik{background:#33254d; color:#d1b0ee;}
html[data-tema="koyu"] body[tip="iframelayout"] .icerik-alan .ozelalan{border-color:var(--renk-kenar);}
html[data-tema="koyu"] body[tip="iframelayout"] .icerik-alan .ozelalan .ozelalan-baslik{background:rgba(255,255,255,0.07);}
html[data-tema="koyu"] body[tip="iframelayout"] .icerik-alan .ozelalan .grupbaslik{border-top-color:var(--renk-kenar);}
html[data-tema="koyu"] body[tip="iframelayout"] .icerik-alan .ozelalan .checkboxalan.derinlik-0{border-top-color:var(--renk-kenar);}
/*#endregion*/

/*#region Yetki yönetimi*/
html[data-tema="koyu"] .yetki-yonetim .yy-ust{background:var(--renk-yuzey-2); border-color:var(--renk-kenar);}
html[data-tema="koyu"] .yetki-yonetim .yy-gecis:hover{background:#3a4152;}
html[data-tema="koyu"] .yetki-yonetim .yy-sol{background:var(--renk-yuzey-2); border-color:var(--renk-kenar);}
html[data-tema="koyu"] .yetki-yonetim .yy-grupbaslik{border-top-color:var(--renk-kenar);}
html[data-tema="koyu"] .yetki-yonetim .yy-bilgi{background:#1c2740; border-color:#2d3a63; color:#b8c6ff;}
html[data-tema="koyu"] .yetki-yonetim .yy-kolon{background:var(--renk-yuzey-2); border-color:var(--renk-kenar);}
/*#endregion*/

/*#region iframe kabuğu*/
html[data-tema="koyu"] iframe-alan{background:var(--renk-yuzey);}
html[data-tema="koyu"] iframe-alan header{background:var(--renk-yuzey);}
html[data-tema="koyu"] iframe-alan .icerik::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.20);}
html[data-tema="koyu"] iframe-alan .icerik::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,0.30);}

html[data-tema="koyu"] iframe-alan header stok-ekle i{color:#000;}
html[data-tema="koyu"] iframe-alan header stok-ekle input{background:#33280f; border-color:#7a5a1c; color:#ffcf7a;}
html[data-tema="koyu"] iframe-alan header stok-ekle input::placeholder{color:#a8823f;}
html[data-tema="koyu"] iframe-alan header stok-ekle input:focus{background:var(--renk-yuzey); border-color:#ff9d00;}

html[data-tema="koyu"] iframe-alan header iframe-arama input, html[data-tema="koyu"] iframe-alan header datatable-arama input{background:var(--renk-arkaplan-acik); border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] iframe-alan header iframe-arama input::placeholder, html[data-tema="koyu"] iframe-alan header datatable-arama input::placeholder{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] iframe-alan header iframe-arama input:focus, html[data-tema="koyu"] iframe-alan header datatable-arama input:focus{background:var(--renk-yuzey-2); border-color:#4c66c9;}
html[data-tema="koyu"] iframe-alan header datatable-arama ~ iframe-arama input:focus{background:var(--renk-yuzey-2);}
html[data-tema="koyu"] iframe-alan header datatable-arama ~ iframe-arama i{color:#8fa3e6;}

html[data-tema="koyu"] iframe-alan header cari-degistir input{background:var(--renk-arkaplan-acik); color:var(--renk-yazi);}
html[data-tema="koyu"] iframe-alan header cari-degistir input:focus{background:var(--renk-yuzey-2);}

/* Excel/PDF butonları .tekikon sınıfını DA taşıyor. :not() olmadan buradaki gri
   yazı rengi, renkli varyantların beyaz ikonunu eziyor (açık temada ezmiyor:
   orada seçici öncelikleri eşit, .excelindir sonra geldiği için kazanıyor). */
html[data-tema="koyu"] iframe-alan header iframe-islemmenu button.tekikon:not(.excelindir):not(.datatablesexcelindir):not(.pdfindir){color:var(--renk-yazi-orta);}
html[data-tema="koyu"] iframe-alan header iframe-islemmenu button.tekikon:not(.excelindir):not(.datatablesexcelindir):not(.pdfindir):hover{background:#3a4152; color:var(--renk-yazi);}
html[data-tema="koyu"] iframe-alan header iframe-islemmenu button.datatablesexcelindir:hover, html[data-tema="koyu"] iframe-alan header iframe-islemmenu button.excelindir:hover{background:#4d8014; color:#fff;}

/* Excel yeşili korunuyor (öğrenilmiş işaret, çubuktaki tek renkli kontrol) ama
   koyu zeminde --renk-basari parlıyordu; dolgu koyulaştırıldı, ikon beyaz kaldı.
   Yalnız bu butonlara: --renk-basari başka yerlerde durum rengi olarak duruyor. */
html[data-tema="koyu"] button.excelindir{background:#1f9d52;}
html[data-tema="koyu"] sag-icerik header sayfa-islemmenu .islemmenu .manuel button.excelindir{background:#1f9d52;}
html[data-tema="koyu"] iframe-alan header iframe-islemmenu button.excelindir{background:#1f9d52;}
html[data-tema="koyu"] body[tip="iframelayout"] .iframe-kaydet{background:var(--renk-birincil);}
html[data-tema="koyu"] body[tip="iframelayout"] .iframe-kaydet:hover{background:#4c66c9;}

html[data-tema="koyu"] #sag-hamburger-menu{background:var(--renk-yuzey); border-color:var(--renk-kenar);}
html[data-tema="koyu"] #sag-hamburger-menu .shm-btn.shm-excel{color:#4ade80;}
html[data-tema="koyu"] #sag-hamburger-menu .shm-btn.shm-excel:hover{background:#16301f;}

html[data-tema="koyu"] iframe-alan .tablo-bilgi .veriler > *{border-left-color:rgba(255,255,255,0.18);}
html[data-tema="koyu"] iframe-alan .tablo-bilgi .sepet{background:#178a80;}
html[data-tema="koyu"] iframe-alan .tablo-bilgi .mailgonder{background:#3a4152;}

html[data-tema="koyu"] iframe-alan .bilgilendirme-alan{background:var(--renk-yuzey);}
html[data-tema="koyu"] iframe-alan .icerik:has(table[data-tablotipi]) .bilgilendirme-alan{background:var(--renk-yuzey);}
html[data-tema="koyu"] iframe-alan .bilgilendirme .aciklama-ozel{color:#ff8080;}
html[data-tema="koyu"] :is(iframe-alan, duzenle-icerik) .btnduzenle{background:#1a3d28; color:#7ee2a8;}
html[data-tema="koyu"] :is(iframe-alan, duzenle-icerik) .btnduzenle:hover{background:#19d563; color:#fff;}
html[data-tema="koyu"] :is(iframe-alan, duzenle-icerik) .btnduzenle.siparis-dokuman{background:#3d3011; color:#f0c97a;}
html[data-tema="koyu"] :is(iframe-alan, duzenle-icerik) .btnduzenle.siparis-dokuman:hover{background:#ffb400; color:#3d2100;}

html[data-tema="koyu"] iframe-alan .toplamlar .tutar-alan:hover{background:var(--renk-arkaplan-hover); color:var(--renk-yazi);}
html[data-tema="koyu"] iframe-alan .toplamlar .tutar-alan.bakiye .risk-bar{background:rgba(255,255,255,0.12);}

html[data-tema="koyu"] iframe-alan #tablo thead tr.filters, html[data-tema="koyu"] iframe-alan #tablo tr.filters th{background:#333a48;}
html[data-tema="koyu"] iframe-alan #tablo td.solsticky{background:var(--renk-yuzey);}
/*#endregion*/

/*#region Üst bar / virman*/
html[data-tema="koyu"] duzenle-icerik .ust-bar{background:var(--renk-yuzey-2); border-color:var(--renk-kenar);}
html[data-tema="koyu"] duzenle-icerik .ust-bar .tetikle-btn{background:var(--renk-birincil);}
html[data-tema="koyu"] duzenle-icerik .ust-bar .tetikle-btn:hover{background:#4c66c9;}
html[data-tema="koyu"] #virmanBilgileri{background:var(--renk-yuzey-2); border-left-color:#4c66c9;}
html[data-tema="koyu"] #virmanBilgileri .belgeNo{color:var(--renk-yazi-orta);}
html[data-tema="koyu"] #virmanBilgileri .aciklama{color:var(--renk-yazi);}
/*#endregion*/

/*#region Tablo çekirdeği
    
    
    Tablo gövdesinin kendi zemini yok, arkasındaki yüzeyi gösteriyor; bu yüzden
   kabuk koyulaşınca satırlar da koyulaşıyor. Burada yalnız sabit yazılmış
   kenarlık, sticky hücre ve tam satır boyayan durum sınıfları karşılanır. */

html[data-tema="koyu"] iframe-alan #tablo th:after{background:rgba(255,255,255,0.05);}

html[data-tema="koyu"] #tablo td{border-color:rgba(255,255,255,0.03);}
html[data-tema="koyu"] #tablo td.solsticky{background:var(--renk-yuzey);}

/* Satıra opak zemin: renk zaten arkadaki yüzeyle aynı, değişen şey yazı
   yumuşatması. Saydam hücrede tarayıcı gri tonlamalı yumuşatmaya düşüyor ve
   açık yazı koyu zeminde ince/soluk görünüyordu; sticky kolonun (kendi opak
   zemini var) belirgin şekilde daha parlak durmasının sebebi buydu. */
html[data-tema="koyu"] #tablo tbody tr{background:var(--renk-yuzey);}

/* Yukarıdaki kural öncelik olarak taban `#tablo tbody tr:hover` ve `.sonaktif`
   kurallarını geçiyor (html[data-tema] öneki bir öznitelik ekliyor); vurgular
   burada aynı değerlerle geri veriliyor. */
html[data-tema="koyu"] #tablo tbody tr:hover{background:var(--renk-hover);}
html[data-tema="koyu"] #tablo tbody tr.sonaktif{background:var(--renk-secili);}
html[data-tema="koyu"] #tablo thead tr.filters, html[data-tema="koyu"] #tablo tr.filters th{background:#333a48;}
html[data-tema="koyu"] #tablo tr.filters th select{background:#333a48;}
html[data-tema="koyu"] #tablo tr.filters th.ozelfiltre-panel{background:#3a4568;}

html[data-tema="koyu"] #tablo tbody tr.odendi{background:#12301f; color:#7ee2a8;}
html[data-tema="koyu"] #tablo tbody tr.protesto{background:#3a1a1a; color:#ff9b9b;}
html[data-tema="koyu"] #tablo tbody tr.durum-bilgisiz > td{background:#1f242f !important; color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] #tablo tbody tr.sonuclandi > td{background:#1f242f !important;}
html[data-tema="koyu"] #tablo tbody tr.sonuclandi td.solsticky{background:#1f242f !important;}
html[data-tema="koyu"] #tablo tbody tr.durum-limanda > td{background:#33280f !important;}
html[data-tema="koyu"] #tablo tbody tr.satir-ihracat > td{background:#332b12 !important;}
html[data-tema="koyu"] #tablo tr.bekleyenstoklu td{background:#332b12;}

/* Salt okunur kolonların tarama deseni ve yazısı siyah tabanlıydı: koyu zeminde
   hem desen hem değer tamamen kayboluyordu. Açık temadaki kural !important
   olduğu için karşılığı da öyle. */
html[data-tema="koyu"] #tablo td:has(input[readonly]:not([type=checkbox])), html[data-tema="koyu"] #tablo td.readonly, html[data-tema="koyu"] #tablo tr.readonly td{background:repeating-linear-gradient(135deg, rgba(255,255,255,0.10) 0, rgba(255,255,255,0.10) 10%, transparent 0, transparent 50%) !important; background-size:8px 8px !important; background-color:rgba(0,0,0,0); color:rgba(255,255,255,0.45);}
html[data-tema="koyu"] #tablo td.readonly2, html[data-tema="koyu"] #tablo tr.readonly2 td{color:rgba(255,255,255,0.45);}
html[data-tema="koyu"] input[readonly]:not([type=checkbox]){color:rgba(255,255,255,0.45);}
/* Hücre içi "düzenlenebilir" kalem ikonları siyah alfa ile çiziliyor; koyu
   zeminde görünmüyorlardı. Taban kural iki seçiciyi virgülle birleştiriyor,
   ikisi de karşılanmalı. Hover rengi --renk-birincil'di, o da koyu kalıyor. */
html[data-tema="koyu"] #tablo td:has(input:not([type="checkbox"])):not(:has(.aciklama-satir-alan)):not(:has(.balon)):hover::before,
html[data-tema="koyu"] #tablo td:has(textarea):not(:has(.aciklama-satir-alan)):hover::before{color:rgba(255,255,255,0.45);}

html[data-tema="koyu"] .aciklama-satir-alan:has(input):before{color:rgba(255,255,255,0.40);}
html[data-tema="koyu"] .aciklama-satir-alan:has(input):hover:before{color:#8fa3e6;}

/* Hücre içi ayraç çizgisi siyah alfaydı, koyu zeminde hiç görünmüyordu */
html[data-tema="koyu"] #tablo ayrac{background:rgba(255,255,255,0.12);}
html[data-tema="koyu"] #tablo .yilagoresatislar > .satis-hucre{border-bottom-color:rgba(255,255,255,0.10);}

html[data-tema="koyu"] #tablo .bakiyeler .bakiye.yok{color:rgba(255,255,255,0.30);}
html[data-tema="koyu"] #tablo .hareketyok{color:rgba(255,255,255,0.22);}
html[data-tema="koyu"] #tablo .hareketvar{color:#8fb0ff;}
html[data-tema="koyu"] #tablo .satis.hareketvar{color:#7ee2a8;}
html[data-tema="koyu"] #tablo .alis.hareketvar{color:#e8c87a;}
html[data-tema="koyu"] #tablo .i-stoknot{color:var(--renk-yazi-orta);}
html[data-tema="koyu"] #tablo .i-uretim{color:#ff8080;}
html[data-tema="koyu"] .b2b.siparisedenyetki.y4{color:#8fa3e6;}
html[data-tema="koyu"] .b2b.siparisedenyetki.y5{color:var(--renk-yazi-soluk);}

/* Durum rozetleri — aynı yapının iki kopyası var: B2B/iade/ithalat tarafı
   `.b2b.siparisdurum` (--color0..6), ihracat tarafı `.ihracat.durumbalon`
   (ada göre --c-*). İkisi de renkleri değişkenden sürüyor, o yüzden tonu
   değiştirmek için tek blok yetiyor.

   Açık temadaki doymuş tonlar koyu zeminde cırtlıyordu: aynı renk hem ikon
   zemini hem yazı hem kenar. Tonlar açıldı, doygunluk düşürüldü; ikon damgası
   beyazdan koyuya çevrildi, çünkü açılan zemin üstünde beyaz glif okunmuyordu.
   Altlarına da çok hafif bir plaka kondu — parçalar tek nesne gibi dursun.

   Açık temada koyu olan iki değer koyu zeminde yazı olarak hiç görünmüyordu:
   --color3 (marka laciverti) ve --c-teklifte / --c-aktarildi ailesi. */
html[data-tema="koyu"] .b2b.siparisdurum, html[data-tema="koyu"] .ihracat.durumbalon{background:rgba(255,255,255,0.04);}
html[data-tema="koyu"] .b2b.siparisdurum i, html[data-tema="koyu"] .ihracat.durumbalon i{color:#12151d;}

html[data-tema="koyu"] .b2b.siparisdurum{
    --color0:#f0817d; --color1:#b18cf5; --color2:#4fd6d0; --color3:#8fa3e6;
    --color4:#f0b45c; --color5:#e8a071; --color6:#57d191;}

html[data-tema="koyu"] .ihracat.durumbalon{
    --c-sepette:#e8a071;
    --c-maliyette:#b18cf5;
    --c-teklifte:#7da2f0;
    --c-siparis:#4fd6d0;
    --c-sevkiyatta:#dcae5e;
    --c-toplaniyor:#f0b45c;
    --c-sevkiyatbitti:#57d191;
    --c-aktarildi:#3fc9a0;
    --c-reddedildi:#f0817d;
    --c-silindi:#9aa5b8;
    --c-birlestirildi:#9aa5b8;}

html[data-tema="koyu"] #tablo td select.satir-mensei, html[data-tema="koyu"] #tablo td select.maliyet-doviz{background:var(--renk-yuzey-2); color:var(--renk-yazi);}
html[data-tema="koyu"] #tablo .yuklemedurumsec, html[data-tema="koyu"] #tablo .iadetipi{background-color:var(--renk-yuzey-2); border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] #tablo .yuklemedurumsec option, html[data-tema="koyu"] #tablo .iadetipi option{background:var(--renk-yuzey); color:var(--renk-yazi);}
html[data-tema="koyu"] #tablo .yuklemedurumsec:hover, html[data-tema="koyu"] #tablo .iadetipi:hover{border-color:rgba(255,255,255,0.28);}

/* Hücre içi düzenleyiciler — hepsi beyaz zeminli */
html[data-tema="koyu"] #tablo td .aciklama-satir-alan input.tedarikciaciklama{background:var(--renk-yuzey-2); border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] #tablo input.stharfiyat{background:var(--renk-birincil-cok-acik); border-color:var(--renk-birincil-acik); color:var(--renk-yazi);}
html[data-tema="koyu"] #tablo input.stharfiyat[readonly]{background:transparent; border-color:transparent;}
html[data-tema="koyu"] #tablo td .olcu-alan{border-left-color:var(--renk-kenar);}
html[data-tema="koyu"] #tablo td .olcu-alan input{background:var(--renk-yuzey-2); border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] #tablo td .satir-agirlik-duzenle input{background:var(--renk-yuzey-2); color:var(--renk-yazi);}
html[data-tema="koyu"] #tablo td .paketleme-satir, html[data-tema="koyu"] #tablo td .dat-miktar{background:var(--renk-yuzey-2);}
html[data-tema="koyu"] #tablo td .dat-alan textarea{background:var(--renk-yuzey-2); color:var(--renk-yazi);}
html[data-tema="koyu"] #tablo .ekalanmetin{color:#b18cf5;}

/* Sevkiyat detayında "toplandı" satırının Toplanan/Sipariş hücresi pastel yeşile
   boyanıyor; koyu zeminde kolonun tamamı açık bir blok gibi duruyordu. */
html[data-tema="koyu"] table[data-tablotipi="kart-sb-yanyana"] tbody tr.top-tam td[data-name="ToplananMiktar"]{background-color:rgba(30,90,55,0.35);}

html[data-tema="koyu"] .raf-satir{background:rgba(140,130,255,0.12); border-color:rgba(140,130,255,0.28);}
html[data-tema="koyu"] .raf-satir small{color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .raflar-grup .rafsec .raf-miktar{background:rgba(255,255,255,0.12); color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .raflar-grup .rafsec.raf-bos .raf-miktar{background:rgba(239,68,68,0.20); color:#ff9b9b;}
html[data-tema="koyu"] .raflar-grup .rafsec:hover{background:rgba(140,130,255,0.22);}
html[data-tema="koyu"] .rafkodu-grup{background:var(--renk-yuzey-2); border-color:var(--renk-kenar);}
html[data-tema="koyu"] .rafkodu-grup .raf-miktar{background:rgba(255,255,255,0.10); color:var(--renk-yazi);}
html[data-tema="koyu"] .raf-satir b, html[data-tema="koyu"] .raflar-grup .rafsec .raf-kod{color:var(--renk-yazi);}
html[data-tema="koyu"] .bakiye-rozet{background:rgba(255,255,255,0.06); border-color:rgba(255,255,255,0.14);}
html[data-tema="koyu"] .bakiye-rozet b{color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .idetaytooltip-content .veriler .icerigikopyala{color:var(--renk-yazi-orta) !important;}
/* Satır aksiyon butonları — hepsi doymuş dolgu + beyaz ikon. Koyu zeminde
   satırın en parlak öğesi oluyorlardı. Renk kimlikleri korunup tonlar
   derinleştirildi; ikon beyaz kaldı. Aile tek tek değil topluca ele alındı:
   aynı hücrede yan yana duruyorlar, yalnız ikisini koyulaştırmak satırı
   dengesiz bırakıyordu. */
html[data-tema="koyu"] #tablo .tablostdbuton{background:#33478f;}
html[data-tema="koyu"] #tablo .sepeteekle{background:#1f8f86;}
html[data-tema="koyu"] #tablo .listedensil{background:#b8382f;}
html[data-tema="koyu"] #tablo .sepettensil, html[data-tema="koyu"] #tablo .satirsil, html[data-tema="koyu"] #tablo .kalemsil{background:#8a2b24;}
html[data-tema="koyu"] #tablo .dokumanac, html[data-tema="koyu"] #tablo .ihracatdokumanac{background:#a8690d;}
html[data-tema="koyu"] #tablo .ihracatpaletac{background:#5b32b0;}
html[data-tema="koyu"] #tablo .ihracataaktar{background:#0f8a68;}
html[data-tema="koyu"] #tablo .ihracattangerial{background:#b57408;}
html[data-tema="koyu"] #tablo .dokumanac.dokuman-yok, html[data-tema="koyu"] #tablo .ihracatdokumanac.dokuman-yok{background:#4a5568;}

/* Kâr yüzdesi çipleri de dolu ve doymuş; kolon boyunca tekrar ettikleri için
   koyu zeminde tablo bunlardan ibaret görünüyordu. Renk kodu korundu
   (yüksek=yeşil, iyi=mavi, orta=turuncu, düşük=kırmızı), ton derinleştirildi. */
/* Kâr kolonlarının ayırt edici zemini açık renklerin %16'sıydı; koyu satırın
   üstüne binince kolonu belirgin biçimde kaldırıyor, satışa göre olanı da
   kahverengiye çeviriyordu. Ton koyu tarafa alınıp opaklık düşürüldü —
   kolon hâlâ ayrışıyor ama öne çıkmıyor. */
html[data-tema="koyu"] #tablo td.kar-maliyetegore{background:rgba(45,212,191,0.09);}
html[data-tema="koyu"] #tablo td.kar-satisagore{background:rgba(245,158,11,0.09);}

/* Kâr yüzdesi çipleri açık temada dolu zemin + beyaz yazı. Koyu tarafta önce
   yalnız ton derinleştirilmişti; çip ailesi formuna geçirildi çünkü AYNI
   ekranda maliyete/satışa göre çipleri o formda duruyor ve yan yana gelince
   iki ayrı biçim göze çarpıyordu. Renk kodu değişmedi. */
html[data-tema="koyu"] #tablo td .kar-yuzde.kar-yuksek{background:var(--cip-yesil-zemin); color:var(--cip-yesil-yazi);}
html[data-tema="koyu"] #tablo td .kar-yuzde.kar-iyi{background:var(--cip-mavi-zemin); color:var(--cip-mavi-yazi);}
html[data-tema="koyu"] #tablo td .kar-yuzde.kar-orta{background:var(--cip-turuncu-zemin); color:var(--cip-turuncu-yazi);}
html[data-tema="koyu"] #tablo td .kar-yuzde.kar-dusuk{background:var(--cip-kirmizi-zemin); color:var(--cip-kirmizi-yazi);}
html[data-tema="koyu"] #tablo input.stharfiyat:focus{background:var(--renk-yuzey-2);}

/* Marka logoları ve stok resimleri beyaz zeminli JPG; açık temada
   mix-blend-mode:multiply ile zemine karışıyorlar. Koyu zeminde multiply
   görseli tamamen karartıyor.

   MARKA LOGOSU — beyaz zemin tamamen kaldırılır. invert beyazı SİYAHA çevirir,
   screen ise siyahı zemine karıştırıp yok eder; hue-rotate(180deg) bu arada
   marka rengini geri getirir. Sonuç: kartsız, zemine oturan logo. Beyaz kart
   denendi ama uzun listede bir kolon dolusu parlak dikdörtgen göz yoruyordu.
   Kutu tipi logolarda (TIRSAN, PROPER, İTHAL) da ölçüldü, okunurluk bozulmuyor.

   STOK RESMİ — aynı yöntem uygulanamaz: onlar ürün FOTOĞRAFI, invert negatif
   görüntü üretir. Kart kaldırıp söndürmek de denendi, fotoğrafı tanınmaz
   kılıyordu. Kart kalıyor: yalnız parlaklığı kısık ve köşeleri yumuşatılmış —
   keskin dikdörtgen kartlar kolonda sert bir ızgara oluşturuyordu. */
html[data-tema="koyu"] #tablo td .markalogo{mix-blend-mode:screen; filter:invert(1) hue-rotate(180deg); background:none; padding:0; border-radius:0;}
html[data-tema="koyu"] #tablo td .stokresim{mix-blend-mode:normal; background:#d7dae0; border-radius:8px; padding:2px; filter:brightness(.88);}
/*#endregion*/

/*#region Açılır yüzeyler (balon, tooltip, açılır liste)
   .balon zeminini --balon-zemin taşıyor; oku da (::after) aynı değişkeni
   kullandığı için tek satır yetiyor. */
html[data-tema="koyu"] .balon{--balon-zemin:#232937; --balon-kenar:rgba(255,255,255,0.18); color:var(--renk-yazi);}
html[data-tema="koyu"] .balon.shbelge-balon{--balon-zemin:#33280f; --balon-kenar:#7a5a1c;}
html[data-tema="koyu"] .balon.shbelge-balon.malkabul{--balon-zemin:#1c2740; --balon-kenar:#2d3a63;}
html[data-tema="koyu"] .balon.palet-balon{--balon-zemin:#232937;}
html[data-tema="koyu"] .balon.bekleyensiparis-balon, html[data-tema="koyu"] .balon.bekleyenstok-balon{--balon-zemin:#232937;}
html[data-tema="koyu"] .balon.ekalan-balon input.ekalandegistir{background:var(--renk-yuzey-2); border-color:var(--renk-kenar) !important;}
html[data-tema="koyu"] .balon.ekalan-balon input.ekalandegistir:focus{background:var(--renk-yuzey);}

/* Tedarikçi tespit balonu: arama kutusu .hucre-arama'dan geliyor, zemini
   !important ile beyaz sabitlenmiş — balon içinde tek tek geri alınıyor. */
html[data-tema="koyu"] .balon.alis-balon .hucre-arama input{background:var(--renk-yuzey-2) !important; border-color:var(--renk-kenar) !important; color:var(--renk-yazi);}
html[data-tema="koyu"] .balon.alis-balon .hucre-arama input:not(:placeholder-shown){background:var(--cip-yesil-zemin) !important; border-color:var(--cip-yesil-kenar) !important; color:var(--cip-yesil-yazi);}
html[data-tema="koyu"] .balon.alis-balon .tedarikcisil{background:var(--cip-kirmizi-zemin); border-color:var(--cip-kirmizi-kenar); color:var(--cip-kirmizi-yazi);}
html[data-tema="koyu"] .balon.alis-balon .tedarikcisil:hover{background:var(--cip-kirmizi-kenar);}
html[data-tema="koyu"] .balon.alisfatura-balon .alisfaturasil{background:var(--cip-kirmizi-zemin); border-color:var(--cip-kirmizi-kenar); color:var(--cip-kirmizi-yazi);}
html[data-tema="koyu"] .balon.alisfatura-balon .alisfaturasil:hover{background:var(--cip-kirmizi-kenar);}

html[data-tema="koyu"] .dt-custom-dd-list{background:var(--renk-yuzey); border-color:var(--renk-kenar); box-shadow:var(--golge-lg);}

/* Tablo yüklenirken tabloyu kaplayan örtü. Zemini üçüncü taraf dosyada
   rgba(255,255,255,0.6) — koyu temada gri bir bant olarak duruyordu.
   Yükleyici noktaları da siyah; koyu örtü üstünde görünmüyorlardı. */
html[data-tema="koyu"] .dataTables_wrapper .dataTables_processing{background-color:rgba(14,17,23,0.72); color:var(--renk-yazi);}
html[data-tema="koyu"] .yukleyici::before, html[data-tema="koyu"] .yukleyici::after{background:var(--renk-yazi);}

/* Sayfa yenileme örtüsü — sayfayonlendirme.js yenile butonunda önce bunu basıp
   sonra location.reload() çağırıyor. Zemini beyaz %80'di: mini desktop
   penceresinde yenile'ye basınca ekran bir an beyaz çakıyordu. Bu örtü pencere
   iframe'inin KENDİ belgesinde duruyor, .win-yukleyici'den ayrı bir şey. */
html[data-tema="koyu"] .sayfayukleyici{background:var(--renk-yuzey);}

/* Özel filtre paneli (tablo başlığındaki huni butonu) */
html[data-tema="koyu"] .ozelfiltre-panel{background:var(--renk-yuzey);}
html[data-tema="koyu"] .ozelfiltre-panel .ozelfiltre-grup-baslik{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .ozelfiltre-panel .ozelfiltre-govde label{background:var(--renk-yuzey-2); border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] .ozelfiltre-panel .ozelfiltre-govde label:hover{border-color:#4c66c9; box-shadow:none;}
html[data-tema="koyu"] .ozelfiltre-panel .ozelfiltre-govde label:has(input:checked){background:var(--renk-birincil-acik); border-color:#4c66c9; color:#dbe3ff;}
html[data-tema="koyu"] .ozelfiltre-panel .ozelfiltre-govde input[type="checkbox"]{background:var(--renk-yuzey); border-color:rgba(255,255,255,0.30);}
html[data-tema="koyu"] .ozelfiltre-panel .ozelfiltre-govde input[type="checkbox"]:checked{background:#4c66c9; border-color:#4c66c9;}
html[data-tema="koyu"] .ozelfiltre-panel .ozelfiltre-alt{background:var(--renk-yuzey); border-top-color:var(--renk-kenar);}
html[data-tema="koyu"] .ozelfiltre-panel .ozelfiltretemizle{background:var(--renk-yuzey-2); border-color:var(--renk-kenar); color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .ozelfiltre-panel .ozelfiltretemizle:hover{background:#3a1a1a; border-color:#b91c1c; color:#ff8080;}

/* Palet yönetimi (ihracat) */
html[data-tema="koyu"] .palet-yonetim .palet-secici, html[data-tema="koyu"] .palet-yonetim .palet-arama, html[data-tema="koyu"] .palet-secici-alan .palet-arama{background:var(--renk-yuzey-2);}
html[data-tema="koyu"] .palet-yonetim .palet-balon{background:var(--renk-yuzey);}
html[data-tema="koyu"] .palet-yonetim .palet-balon::before{background:var(--renk-yuzey);}
html[data-tema="koyu"] .palet-yonetim .palet-balon-olcu{background:#33280f; border-color:#7a5a1c;}
html[data-tema="koyu"] .palet-yonetim .palet-balon-olcu input{background:var(--renk-yuzey-2); border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] .palet-yonetim .palet-balon-olcu i{color:#e0a458;}
html[data-tema="koyu"] .palet-yonetim .palet-balon-brut, html[data-tema="koyu"] .palet-yonetim .palet-balon-ust select{background:var(--renk-yuzey-2); border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] .palet-secici-alan .palet-cip{background:var(--renk-yuzey-2);}
html[data-tema="koyu"] :is(.palet-yonetim, .palet-secici-alan) .palet-cip.kap{background:#33280f; border-color:#7a5a1c;}
html[data-tema="koyu"] .palet-yonetim .palet-liste-basligi{background:#33280f; border-color:#7a5a1c; color:#f0c97a;}
/* Tooltip okları iki üst üste üçgenle çiziliyor: ::before kenarlığı (#ddd),
   ::after gövdeyi (#fff) taşıyor. Kutunun zeminini değiştirmek yetmiyor,
   iki üçgenin border-color'ı da ayrıca dönmeli — yoksa koyu kutunun ucunda
   beyaz bir sivri kalıyor. */
html[data-tema="koyu"] .idetaytooltip{background:var(--renk-yuzey); border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] .idetaytooltip[yon="asagi"]::before{border-color:transparent transparent rgba(255,255,255,0.18) transparent;}
html[data-tema="koyu"] .idetaytooltip[yon="asagi"]::after{border-color:transparent transparent var(--renk-yuzey) transparent;}
html[data-tema="koyu"] .idetaytooltip[yon="yukari"]::before{border-color:rgba(255,255,255,0.18) transparent transparent transparent;}
html[data-tema="koyu"] .idetaytooltip[yon="yukari"]::after{border-color:var(--renk-yuzey) transparent transparent transparent;}
html[data-tema="koyu"] .idetaytooltip-content .veriler{border-top-color:rgba(255,255,255,0.10);}
html[data-tema="koyu"] .idetaytooltip-content .veriler:hover{background:rgba(255,255,255,0.06);}
html[data-tema="koyu"] .acilirmenu{background:var(--renk-yuzey); border-color:var(--renk-kenar); box-shadow:var(--golge-lg);}
html[data-tema="koyu"] .mobil-bilgilendirme-menu .mobil-bilgilendirme-menu-list{background:var(--renk-yuzey); border-color:var(--renk-kenar); box-shadow:var(--golge-lg);}
/*#endregion*/

/*#region Bilgilendirme şeridi ve form kutuları (03-bilesenler)*/
html[data-tema="koyu"] sag-icerik .icerik .bilgilendirme-alan{background:var(--renk-yuzey);}
/* Tarih aralığı filtresi. Kapsayıcıyı koyulaştırmak yetmiyordu: input'un yazı
   rengi #1e293b sabit yazılmış, koyu zeminde tarih okunmuyordu (değer duruyor,
   sadece görünmüyor). Onay butonu da açık mavi çipti. */
html[data-tema="koyu"] .bilgilendirme .tarihalan{background:var(--renk-yuzey-2); border-color:var(--renk-kenar); box-shadow:none;}
html[data-tema="koyu"] .bilgilendirme .tarihalan:focus-within{border-color:#4c66c9; box-shadow:none;}
html[data-tema="koyu"] .bilgilendirme .tarihalan input.tarihsec{color:var(--renk-yazi);}
html[data-tema="koyu"] .bilgilendirme .tarihalan input.tarihsec::placeholder{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .bilgilendirme .tarihalan .tarihalan-ikon, html[data-tema="koyu"] .bilgilendirme .tarihalan .tarihalan-sep{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .bilgilendirme .tarihalan i.onayla{background:var(--renk-birincil-acik); color:#b8c6ff;}
html[data-tema="koyu"] .bilgilendirme .tarihalan i.onayla:hover{background:#4c66c9; color:#fff;}
html[data-tema="koyu"] .kunye-ipucu .kunye-balon .siparis-akis{background:var(--renk-yuzey);}
/*#region Hızlı Erişim Düzenle
   Yalnız .he-panel zemini karşılanmıştı; kartlar açık temadaki #f8fbff ile kalıyor,
   içlerindeki yazı ise --renk-yazi token'ından geldiği için koyu temada AÇIK oluyordu.
   Beyaz üstüne beyaz: sayfa okunmuyordu. Kart zemini panelden bir tık açık
   (rgba beyaz) — ayrı token yok, projede kullanılan kalıp bu.
   Panel ve grup başlıkları --renk-birincil ile yazılıyor; koyu temada o mavi
   (#3d54a8) yüzeyle 2,3:1'de kalıyor, okunur maviye açıldı. */
html[data-tema="koyu"] .he-panel{background:var(--renk-yuzey-2); border-color:var(--renk-kenar);}
html[data-tema="koyu"] .he-panel-baslik{color:#a9bcff; border-bottom-color:var(--renk-kenar);}
html[data-tema="koyu"] .he-grup{color:#a9bcff; border-bottom-color:var(--renk-kenar-acik);}
html[data-tema="koyu"] .he-arama{border-bottom-color:var(--renk-kenar-acik);}
html[data-tema="koyu"] .he-arama input{background:var(--renk-yuzey); border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] .he-arama input::placeholder{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .he-arama input:focus{border-color:var(--renk-birincil);}

html[data-tema="koyu"] .he-item{background:rgba(255,255,255,0.04); border-color:transparent;}
/* Alt satır (Controller / Action) --renk-yazi-soluk ile 2,75'te kalıyordu; 10px
   yazı için çok düşük. --renk-yazi-orta 4,19 veriyor, o da eşiğin altında —
   ölçülüp 5,14'e çıkaran değer yazıldı. */
html[data-tema="koyu"] .he-item .bilgi .detay{color:#b4bccb;}
html[data-tema="koyu"] .he-item:hover{background:var(--renk-birincil-acik); border-color:var(--renk-kenar);}
html[data-tema="koyu"] .he-item.drag-over{background:var(--renk-birincil-acik); border-color:var(--renk-birincil);}
html[data-tema="koyu"] .he-liste.drag-over{background:rgba(61,84,168,0.16); outline-color:var(--renk-kenar);}

html[data-tema="koyu"] .he-yukari-btn, html[data-tema="koyu"] .he-asagi-btn{background:var(--renk-yuzey-2); color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .he-yukari-btn:hover, html[data-tema="koyu"] .he-asagi-btn:hover{background:var(--renk-birincil-acik); color:var(--renk-yazi);}

html[data-tema="koyu"] .he-bilgi{color:var(--renk-yazi-soluk); border-top-color:var(--renk-kenar-acik);}
/*#endregion*/
html[data-tema="koyu"] .dokuman-kart{background:var(--renk-yuzey-2); border-color:var(--renk-kenar);}
/*#region Stok GTİP detayı
   Not: bu bileşen `var(--renk-kenarlik, #e2e8f0)` yazıyor ama --renk-kenarlik
   projede HİÇ tanımlı değil (doğrusu --renk-kenar). Yani her zaman açık
   yedek renk kazanıyor — açık temada fark edilmiyor, koyuda kenarlar parlıyor.
   Burada seçici seçici karşılandı; token adını düzeltmek ayrı bir iş. */
html[data-tema="koyu"] .gtip-kutu{background:var(--renk-yuzey-2); border-color:var(--renk-kenar);}
html[data-tema="koyu"] .gtip-kutu-alt{border-top-color:var(--renk-kenar);}
html[data-tema="koyu"] .gtip-numara-input:hover{border-color:var(--renk-kenar);}
html[data-tema="koyu"] .gtip-numara-input:focus{background:var(--renk-yuzey); border-color:#4c66c9;}
html[data-tema="koyu"] .gtip-oran.vurgu{background:var(--cip-turuncu-zemin);}
html[data-tema="koyu"] .gtip-oran.vurgu .deger{color:var(--cip-turuncu-yazi);}
html[data-tema="koyu"] .gtip-uyari.kkdf{background:var(--cip-mavi-zemin); color:var(--cip-mavi-yazi);}
html[data-tema="koyu"] .gtip-uyari.gozetim{background:var(--cip-pembe-zemin); color:var(--cip-pembe-yazi);}
html[data-tema="koyu"] .gtip-durum.temiz{color:var(--cip-yesil-yazi);}

/* GTİP etiketleri açık temada dolu zemin + beyaz yazı; koyu tarafta çip ailesi
   formuna alındı (koyu zemin + rengin açık tonu). Taban kural color:#fff
   yazdığı için her varyantta yazı da açıkça ezilmek zorunda. Renk kodu aynı:
   vergisiz=yeşil, vergi=mor, ilave=turuncu, gözetim=pembe, riskli=kırmızı. */
html[data-tema="koyu"] #tablo td.gtipli .gtip-etiket.gtip-vergisiz{background:var(--cip-yesil-zemin); color:var(--cip-yesil-yazi);}
html[data-tema="koyu"] #tablo td.gtipli .gtip-etiket.gtip-vergi{background:var(--cip-mor-zemin); color:var(--cip-mor-yazi);}
html[data-tema="koyu"] #tablo td.gtipli .gtip-etiket.gtip-ilave{background:var(--cip-turuncu-zemin); color:var(--cip-turuncu-yazi);}
html[data-tema="koyu"] #tablo td.gtipli .gtip-etiket.gtip-gozetim{background:var(--cip-pembe-zemin); color:var(--cip-pembe-yazi);}
html[data-tema="koyu"] #tablo td.gtipli .gtip-etiket.gtip-riskli{background:var(--cip-kirmizi-zemin); color:var(--cip-kirmizi-yazi);}
html[data-tema="koyu"] #tablo td.gtipli .gtip-etiket.gtip-bilinmiyor{background:var(--cip-notr-zemin); color:var(--cip-notr-yazi);}
/*#endregion*/
html[data-tema="koyu"] .excel-adim{background:var(--renk-yuzey-2); border-color:var(--renk-kenar);}
html[data-tema="koyu"] .rapor-form{background:var(--renk-yuzey-2);}
html[data-tema="koyu"] :is(.liste-kontrol-item, .masraf-item, .excel-doviz) :is(input, select){background:var(--renk-yuzey); border-color:var(--renk-kenar); color:var(--renk-yazi);}
/*#region Hata / Yetkisiz sayfası
   Bu iki ekran kendi layout'unu kullanıyor ve <html> etiketinde data-tema YOKTU;
   aşağıdaki .yaz kuralı yazılıydı ama öznitelik olmadığı için hiç uygulanmıyordu.
   Öznitelik _HataLayout ve _YetkisizLayout'a eklendi, kalan renkler de burada.
   Dış zemin açık temada gri (#959aa6) bir çerçeve; koyuda sayfa zemini oluyor. */
html[data-tema="koyu"] .yetkisizalan, html[data-tema="koyu"] .hataalan{background:var(--renk-govde);}
html[data-tema="koyu"] .yetkisizalan .yaz, html[data-tema="koyu"] .hataalan .yaz{background:var(--renk-yuzey);}
html[data-tema="koyu"] .yetkisizalan .baslik, html[data-tema="koyu"] .hataalan .baslik{color:var(--renk-yazi);}
html[data-tema="koyu"] .yetkisizalan .kucukbaslik, html[data-tema="koyu"] .hataalan .kucukbaslik{color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .yetkisizalan .acikla, html[data-tema="koyu"] .hataalan .acikla{color:var(--renk-yazi);}
/*#endregion*/
/*#endregion*/

/*#region Detay ekranı şeridi (siparis-duzenle / siparis-akis)
   Bu bileşenler 07-b2b.css'te tanımlı ama B2B'ye özel değil: ihracat, ithalat,
   mal kabul ve iade detaylarının tamamı aynı şeridi kullanıyor, o yüzden kabuk
   sayılıp burada karşılandı. Durum rozetleri (efatura-durum, gorsel-durum,
   siparis-akis-etiket) pastel zeminleri üstünde okunduğu için elleşilmedi. */
html[data-tema="koyu"] .siparis-duzenle .bilgilendirme{background:#1b2237;}
html[data-tema="koyu"] .siparis-duzenle .duzenle-item > label{color:#8c9ec4;}
html[data-tema="koyu"] .siparis-duzenle .duzenle-kontrol, html[data-tema="koyu"] .siparis-duzenle .sevkadresguncelle{background:var(--renk-yuzey); border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] .siparis-duzenle .duzenle-kontrol:focus, html[data-tema="koyu"] .siparis-duzenle .sevkadresguncelle:focus{background:var(--renk-yuzey); border-color:#4c66c9;}
html[data-tema="koyu"] .siparis-duzenle .duzenle-kontrol option{background:var(--renk-yuzey); color:var(--renk-yazi);}
html[data-tema="koyu"] .siparis-duzenle .duzenle-aksiyonlar{border-left-color:rgba(255,255,255,0.14);}
html[data-tema="koyu"] .siparis-duzenle .duzenle-aksiyonlar .netsis-sipno{background:#2a303d; border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] .siparis-duzenle .duzenle-aksiyonlar .netsis-datno{background:#1a3326; border-color:rgba(126,226,168,0.25); color:#7ee2a8;}
html[data-tema="koyu"] .siparis-duzenle .duzenle-aksiyonlar :is(.netsis-sipno, .netsis-datno) .etiket{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .siparis-duzenle .duzenle-aksiyonlar .islemlistesi{background:var(--renk-birincil); border-color:var(--renk-birincil);}
html[data-tema="koyu"] .siparis-duzenle .duzenle-aksiyonlar .islemlistesi:hover{background:#4c66c9; border-color:#4c66c9;}
html[data-tema="koyu"] .bilgilendirme-alan.siparis-duzenle .duzenle-aksiyonlar button.islemlistesi.aktif{background:#4c66c9; border-color:#4c66c9; box-shadow:none;}
html[data-tema="koyu"] .siparis-duzenle .belge-sil.pasif{background:#3a4152; color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .siparis-duzenle .iskonto-uygula:disabled{background:#3a4152;}

html[data-tema="koyu"] .siparis-akis-ad{color:var(--renk-yazi);}
html[data-tema="koyu"] .siparis-akis-tarih{color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .siparis-akis-ad.bos, html[data-tema="koyu"] .siparis-akis-tarih.bos{color:var(--renk-yazi-en-soluk);}
html[data-tema="koyu"] .siparis-akis-sure{color:#e0a458;}

html[data-tema="koyu"] .mobil-duzenle-btn{background:var(--renk-birincil-cok-acik); color:#b8c6ff; border-color:var(--renk-birincil-acik); box-shadow:none;}
html[data-tema="koyu"] .mobil-duzenle-btn:hover{background:var(--renk-birincil-acik); border-color:#4c66c9;}

html[data-tema="koyu"] iframe-alan .bilgilendirme-alan.b2bliste-filtre button.islemlistesi{background:var(--renk-birincil-cok-acik); color:#b8c6ff; border-color:var(--renk-birincil-acik); box-shadow:none;}
html[data-tema="koyu"] iframe-alan .bilgilendirme-alan.b2bliste-filtre button.islemlistesi:hover{background:var(--renk-birincil-acik); border-color:#4c66c9; color:#dbe3ff;}
html[data-tema="koyu"] iframe-alan .bilgilendirme-alan.b2bliste-filtre button.islemlistesi.aktif{background:var(--renk-birincil-acik); border-color:#4c66c9; color:#dbe3ff; box-shadow:none;}
html[data-tema="koyu"] iframe-alan .bilgilendirme-alan.b2bliste-filtre button.islemlistesi i.siparisikon, html[data-tema="koyu"] iframe-alan .bilgilendirme-alan.b2bliste-filtre button.islemlistesi .fa-chevron-down{color:#8fa3e6;}
html[data-tema="koyu"] iframe-alan .bilgilendirme-alan.b2bliste-filtre .mini-toplamlar .tutar-alan{border-color:var(--renk-kenar);}
html[data-tema="koyu"] iframe-alan .bilgilendirme-alan.b2bliste-filtre .mini-toplamlar .tutar-alan .baslik{color:var(--renk-yazi-orta);}
/*#endregion*/

/*#region Aksiyon menüsü ve panel kutuları*/
html[data-tema="koyu"] .acilirmenu[veri] button{color:var(--renk-yazi);}
html[data-tema="koyu"] .acilirmenu[veri] button:hover{background:var(--renk-birincil-acik); border-left-color:#4c66c9; color:#dbe3ff;}
html[data-tema="koyu"] .acilirmenu[veri] button i.siparisikon{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .acilirmenu[veri] button:hover i.siparisikon{color:#8fa3e6;}
html[data-tema="koyu"] .acilirmenu[veri] button:has(i.fa-trash-alt){color:#ff8080;}
html[data-tema="koyu"] .acilirmenu[veri] button:has(i.fa-trash-alt) i.siparisikon{color:#ff8080;}
html[data-tema="koyu"] .acilirmenu[veri] button:has(i.fa-trash-alt):hover{background:#3a1a1a; border-left-color:#ff8080;}

html[data-tema="koyu"] #mobil-duzenle-panel{background:var(--renk-yuzey);}
html[data-tema="koyu"] #mobil-duzenle-panel::before{background:rgba(255,255,255,0.25);}
html[data-tema="koyu"] #mobil-duzenle-panel .mdp-icerik .duzenle-kontrol{background:var(--renk-yuzey-2); border-color:var(--renk-kenar);}
html[data-tema="koyu"] #mobil-duzenle-panel .mdp-icerik .duzenle-kontrol:focus{background:var(--renk-yuzey);}
html[data-tema="koyu"] #mobil-duzenle-panel .mdp-icerik .duzenle-kontrol option{background:var(--renk-yuzey); color:var(--renk-yazi);}

html[data-tema="koyu"] .siparis-birlestir-kutu{background:var(--renk-yuzey); border-color:var(--renk-kenar);}
html[data-tema="koyu"] .siparis-birlestir-kutu .sbk-cariBilgi{background:var(--renk-birincil-cok-acik); color:#b8c6ff; border-bottom-color:var(--renk-birincil-acik);}
html[data-tema="koyu"] .siparis-birlestir-kutu .sbk-satir{background:var(--renk-yuzey-2); border-color:var(--renk-kenar);}
html[data-tema="koyu"] .siparis-birlestir-kutu .sbk-satir:hover{background:var(--renk-birincil-acik);}
html[data-tema="koyu"] .siparis-birlestir-kutu .sbk-satir-id{color:var(--renk-yazi);}
html[data-tema="koyu"] .siparis-birlestir-kutu .sbk-satir-durum{background:#3a4152; color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .siparis-birlestir-kutu .sbk-satir-tutar{color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .siparis-birlestir-kutu .sbk-altbutonlar{background:var(--renk-yuzey-2); border-top-color:var(--renk-kenar);}
html[data-tema="koyu"] .siparis-birlestir-kutu .sbk-temizle{background:#3a4152; color:var(--renk-yazi);}
html[data-tema="koyu"] .siparis-birlestir-kutu .sbk-temizle:hover{background:#4a5568;}
html[data-tema="koyu"] .siparis-birlestir-kutu .sbk-birlestir:disabled{background:#3a4152; color:var(--renk-yazi-soluk);}
/*#endregion*/

/*#region ApexCharts
   Grafik yazılarının rengini kütüphane satır içi stil olarak basıyor, bu yüzden
   !important şart. Yalnız eksen, lejant ve başlık boyanır: veri etiketleri
   (halka üstündeki yüzdeler) kendi açık zeminleri üstünde duruyor, onlara
   dokunulursa okunmaz hâle geliyorlar. */
html[data-tema="koyu"] :is(.apexcharts-xaxis, .apexcharts-yaxis, .apexcharts-xaxis-annotations, .apexcharts-yaxis-annotations) text{fill:var(--renk-yazi-orta) !important;}
html[data-tema="koyu"] .apexcharts-legend-text{color:var(--renk-yazi) !important;}
html[data-tema="koyu"] .apexcharts-title-text, html[data-tema="koyu"] .apexcharts-subtitle-text{fill:var(--renk-yazi) !important;}
html[data-tema="koyu"] .apexcharts-gridline{stroke:rgba(255,255,255,0.08);}
html[data-tema="koyu"] .apexcharts-tooltip{background:var(--renk-yuzey) !important; color:var(--renk-yazi) !important; border-color:var(--renk-kenar) !important; box-shadow:var(--golge-lg) !important;}
html[data-tema="koyu"] .apexcharts-tooltip-title{background:var(--renk-yuzey-2) !important; border-color:var(--renk-kenar) !important;}
/*#endregion*/

/*#region Hiç karşılanmamış küçük dosyalar
   canliarama.css, uyarikutu.css, sagtik.css ve datepicker.css erp/ klasörünün
   dışında olduğu için ilk turlarda gözden kaçtı; hepsi tam beyaz panellerdi. */

/* Canlı arama açılır listesi */
html[data-tema="koyu"] .canliarama{background:var(--renk-yuzey); box-shadow:var(--golge-lg);}
html[data-tema="koyu"] .canliarama .flex{border-bottom-color:rgba(255,255,255,0.07);}
html[data-tema="koyu"] .canliarama .flex:hover{background:var(--renk-birincil-acik); border-left-color:#4c66c9;}
html[data-tema="koyu"] .canliarama .cnl-arama-miktar{background:#33280f; border-color:#7a5a1c; color:#ffcf7a;}
html[data-tema="koyu"] .canliarama .cnl-arama-miktar:focus{background:var(--renk-yuzey); border-color:#ff9d00;}
html[data-tema="koyu"] .canliarama .kayitbulunamadı{color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .canliarama button span.aciklama1{background:var(--renk-birincil-acik); color:#b8c6ff;}
html[data-tema="koyu"] .canliarama button span.aciklama2{color:var(--renk-yazi);}
html[data-tema="koyu"] .canliarama button span.aciklama3, html[data-tema="koyu"] .canliarama button span.aciklama4,
html[data-tema="koyu"] .canliarama button span.aciklama5, html[data-tema="koyu"] .canliarama button span.aciklama6{color:var(--renk-yazi-soluk); border-left-color:var(--renk-kenar);}
html[data-tema="koyu"] .canliarama::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.20);}
html[data-tema="koyu"] .canliarama::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,0.32);}

/* Uyarı / onay kutusu */
html[data-tema="koyu"] uyari-kutu{background-color:var(--renk-yuzey); box-shadow:var(--golge-lg);}
html[data-tema="koyu"] uyari-kutu i.kapat{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] uyari-kutu i.kapat:hover{background:rgba(255,255,255,0.14); color:var(--renk-yazi);}
html[data-tema="koyu"] uyari-kutu .butonlar button:hover{background:rgba(255,255,255,0.14); color:var(--renk-yazi);}
html[data-tema="koyu"] uyari-kutu[tip=bekliyor]{border-left-color:#4a5568;}
html[data-tema="koyu"] .karsiz-tablo-ustbilgi{background:#33280f; border-color:#7a5a1c; color:#f0c97a;}
html[data-tema="koyu"] .karsiz-tablo-scroll{border-color:var(--renk-kenar);}
html[data-tema="koyu"] .karsiz-tablo thead th{background:var(--renk-birincil);}
html[data-tema="koyu"] .karsiz-tablo tbody td{border-bottom-color:rgba(255,255,255,0.08);}
html[data-tema="koyu"] .karsiz-tablo tbody tr:hover{background:var(--renk-arkaplan-hover);}
html[data-tema="koyu"] .karsiz-tablo .ktb-stokadi, html[data-tema="koyu"] .sa-not{color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .karsiz-tablo .ktb-zarar{color:#ff8080;}

/* Sağ tık menüsü */
html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat){background:var(--renk-yuzey); border-color:var(--renk-kenar);}
html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat) :is(button, a), html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac{color:var(--renk-yazi); border-bottom-color:rgba(255,255,255,0.07); border-top-color:rgba(255,255,255,0.07);}
html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat) :is(button, a) span, html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac > span{border-left-color:rgba(255,255,255,0.08);}
html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat) :is(button, a):hover, html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac:hover{background:var(--renk-birincil-acik);}
html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat) :is(button, a) i, html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac > i{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat) :is(button, a):hover i, html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac:hover > i, html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac:hover .sagok{color:#b8c6ff !important;}
html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat) .sagtik-menuac > span.sagtik-acilirmenu{background:var(--renk-yuzey);}
html[data-tema="koyu"] :is(.sagtik-menu, .solmenu-kanat) .sagok{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] sol-menu .altmenu-satir > :is(.altmenuac, .kanatac):hover{background:var(--renk-birincil-acik); color:#b8c6ff;}
/* Acik temada alt sayfanin secili yazisi lacivert; koyu temada zemin de lacivert
   oldugu icin yazi acilmali. */
html[data-tema="koyu"] sol-menu .menugrup .icerik .altmenuler .altmenu-ic a.aktif{color:#b8c6ff; box-shadow:inset 2px 0 0 #b8c6ff;}
html[data-tema="koyu"] sol-menu .menugrup .icerik .altmenuler .altmenu-ic a:hover{color:#b8c6ff;}
html[data-tema="koyu"] sol-menu .menugrup .icerik .altmenuler .altmenu-ic .altmenu-satir:has(> a.aktif){color:#b8c6ff; box-shadow:inset 2px 0 0 #b8c6ff;}
html[data-tema="koyu"] sol-menu .menugrup .icerik .altmenuler .altmenu-ic .altmenu-satir:hover{color:#b8c6ff;}

/* Takvim */
html[data-tema="koyu"] .ui-widget.ui-widget-content{background:var(--renk-yuzey); border-color:var(--renk-kenar); box-shadow:var(--golge-lg);}
html[data-tema="koyu"] .ui-datepicker .ui-datepicker-header{background:var(--renk-birincil);}
html[data-tema="koyu"] .ui-datepicker select.ui-datepicker-month option, html[data-tema="koyu"] .ui-datepicker select.ui-datepicker-year option{background:var(--renk-yuzey); color:var(--renk-yazi);}
html[data-tema="koyu"] .ui-datepicker td span, html[data-tema="koyu"] .ui-datepicker td a{color:var(--renk-yazi);}
html[data-tema="koyu"] .ui-datepicker td a:hover{background:var(--renk-birincil-acik); color:#dbe3ff;}
html[data-tema="koyu"] .ui-datepicker .ui-datepicker-today a, html[data-tema="koyu"] .ui-datepicker .ui-datepicker-today span{background:var(--renk-birincil-cok-acik); color:#b8c6ff; outline-color:var(--renk-birincil-acik);}
html[data-tema="koyu"] .ui-datepicker td.ui-datepicker-unselectable span{color:var(--renk-yazi-en-soluk);}
/*#endregion*/

/*#region Doküman yükleme ve kartlar*/
html[data-tema="koyu"] .dokuman-yukleme-alani{border-color:rgba(255,255,255,0.20); background:var(--renk-yuzey-2);}
html[data-tema="koyu"] .dokuman-yukleme-alani:hover, html[data-tema="koyu"] .dokuman-yukleme-alani.aktif{border-color:#4c66c9; background:var(--renk-birincil-cok-acik);}
html[data-tema="koyu"] .dokuman-yukleme-alani i{color:#8fa3e6;}
html[data-tema="koyu"] .dokuman-yukleme-alani b{color:var(--renk-yazi);}
html[data-tema="koyu"] .dokuman-yukleme-alani span{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .dokuman-kart .dokuman-gorsel{background:var(--renk-yuzey); border-bottom-color:rgba(255,255,255,0.07);}
html[data-tema="koyu"] .dokuman-kart .dokuman-gorsel i{color:var(--renk-yazi-soluk);}
/*#endregion*/

/*#region Rapor formu*/
html[data-tema="koyu"] .rapor-form .rapor-item .duzenle-kontrol{background:var(--renk-yuzey); border-color:var(--renk-kenar);}
html[data-tema="koyu"] .rapor-form .rapor-item .duzenle-kontrol:focus{background:var(--renk-yuzey); border-color:#4c66c9; box-shadow:none;}
html[data-tema="koyu"] .rapor-form .rapor-item select[multiple]{background:var(--renk-yuzey); color:var(--renk-yazi);}
html[data-tema="koyu"] .rapor-form .rapor-item select[multiple] option{background:var(--renk-yuzey); color:var(--renk-yazi);}
html[data-tema="koyu"] .rapor-form .rapor-item select[multiple] option:checked{background:var(--renk-birincil-acik) linear-gradient(0deg,var(--renk-birincil-acik),var(--renk-birincil-acik)); color:#dbe3ff;}
html[data-tema="koyu"] .rapor-form .rapor-item small, html[data-tema="koyu"] .rapor-form .rapor-bilgi{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .rapor-form .rapor-alt{background:var(--renk-yuzey);}
html[data-tema="koyu"] .rapor-form .rapor-say{color:#8fa3e6;}
/*#endregion*/

/*#region Bölüm başlıkları
   "Yüklenen Dosyalar" / "Eklenen Notlar" gibi başlıklar #1e293b sabit yazılmış;
   koyu zeminde neredeyse görünmüyorlardı. */
html[data-tema="koyu"] .dokuman-baslik, html[data-tema="koyu"] .stoknot-baslik{color:var(--renk-yazi); border-bottom-color:rgba(255,255,255,0.10);}

/* Not bileşeni — stok açıklaması, tedarikçi notları ve ziyaret raporları
   ekranlarının hepsi aynı .stoknot-* yapısını kullanıyor, tek yerden dönüyor.
   Kullanıcı adı #1e293b, not metni #333 sabitti: koyu zeminde okunmuyorlardı. */
html[data-tema="koyu"] .stoknot-ekle label.ust{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .stoknot-ekle textarea{background:var(--renk-yuzey-2); border-color:var(--renk-kenar); color:var(--renk-yazi);}
html[data-tema="koyu"] .stoknot-ekle textarea::placeholder{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .stoknot-ekle textarea:focus{border-color:#4c66c9;}
html[data-tema="koyu"] .stoknot-icerik .kullanici{color:var(--renk-yazi);}
html[data-tema="koyu"] .stoknot-icerik .tarih{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .stoknot-icerik .aciklama{color:var(--renk-yazi);}
html[data-tema="koyu"] .stoknot-satir.not-isaretlendi .aciklama{color:var(--renk-yazi-en-soluk);}
html[data-tema="koyu"] .not-isaretle{background:#3a4152; color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .not-isaretle:hover{background:#4a5568;}
html[data-tema="koyu"] .not-isaret-bilgi{color:#ff8080;}
html[data-tema="koyu"] .stoknot-sil{background:#b8382f;}
html[data-tema="koyu"] .stoknot-sil:hover{background:#8a2b24;}
html[data-tema="koyu"] .stoknot-bos{background:var(--renk-yuzey-2); border-color:rgba(255,255,255,0.14); color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .stoknot-hata{background:var(--cip-turuncu-zemin); border-color:var(--cip-turuncu-kenar); color:var(--cip-turuncu-yazi);}
html[data-tema="koyu"] .bilgilendirme-alan .bilgi-akis-alan.firma .firma-badge{background:#b8382f;}
html[data-tema="koyu"] .excel-adim-baslik{color:#b8c6ff;}
html[data-tema="koyu"] .fatura-sil-baslik{background:var(--renk-yuzey-2); border-bottom-color:var(--renk-kenar);}
html[data-tema="koyu"] .fatura-sil-tablo-baslik{color:var(--renk-yazi-orta);}
/*#endregion*/

/*#region Pastel çipler — anlamsal aileler
   Projedeki durum çiplerinin hepsi aynı kalıpta: çok açık pastel zemin + koyu
   doygun yazı. Koyu temada roller tersine döner. Kırk ayrı kural yazmak yerine
   altı aile tanımlanıp sınıflar bunlara eşlendi; yeni bir çip eklendiğinde de
   uygun aileye bir seçici eklemek yetiyor. */
html[data-tema="koyu"]{
    --cip-yesil-zemin:#12301f;   --cip-yesil-yazi:#7ee2a8;   --cip-yesil-kenar:#1e5a37;
    --cip-kirmizi-zemin:#3a1a1a; --cip-kirmizi-yazi:#ff9b9b; --cip-kirmizi-kenar:#7a2b2b;
    --cip-turuncu-zemin:#33280f; --cip-turuncu-yazi:#f0c97a; --cip-turuncu-kenar:#7a5a1c;
    --cip-mavi-zemin:#1c2740;    --cip-mavi-yazi:#b8c6ff;    --cip-mavi-kenar:#2d3a63;
    --cip-mor-zemin:#2b2140;     --cip-mor-yazi:#d1b0ee;     --cip-mor-kenar:#523f7a;
    --cip-pembe-zemin:#3a1730;   --cip-pembe-yazi:#f19ac4;   --cip-pembe-kenar:#7a2b58;
    --cip-notr-zemin:#2a303d;    --cip-notr-yazi:#c2c9d6;    --cip-notr-kenar:#3f4655;
}

html[data-tema="koyu"] :is(#tablo .kargoetiketibasildi, #tablo td .kar-rozet.kar-normal, #tablo td .palet-rozet.tam,
    #tablo td .palet-durum.tam, .ulke-rozet.dolu, .excel-durum.ekle, .toplanan-rozet.top-tam,
    .toplamayuzdesi.yuzde-tamam, #tablo td .tdkaryuzdesi .maliyetegore, .onay-rozet.onay-tam,
    #tablo .miktar-onay.tamam,
    #tablo .yilagoresatislar .satis .ihracat-satis.satisvar)
{background:var(--cip-yesil-zemin); color:var(--cip-yesil-yazi); border-color:var(--cip-yesil-kenar);}

html[data-tema="koyu"] :is(#tablo td .kar-rozet.kar-eksi, #tablo td .palet-rozet.yok, #tablo td .palet-durum.yok,
    .ulke-rozet.bos, .excel-durum.hata, .durum-uyari, .gtip-durum.yok, #tablo .shbelgebilgi,
    .toplanan-rozet.top-yok, .toplamayuzdesi.yuzde-hata, .onay-rozet.onay-yok,
    #tablo .yilagoresatislar .satis .ihracat-satis.satisyok)
{background:var(--cip-kirmizi-zemin); color:var(--cip-kirmizi-yazi); border-color:var(--cip-kirmizi-kenar);}

html[data-tema="koyu"] :is(#tablo td .kar-rozet.kar-dusuk, #tablo td .palet-rozet.kismi, #tablo td .palet-durum.kismi,
    #tablo .stoknotsay, #tablo .faturano, #tablo .shiadekalem, #tablo .shbelgebilgi.malkabul,
    .toplamayuzdesi.yuzde-devam, #tablo td .tdkaryuzdesi .satisagore, .onay-rozet.onay-kismi,
    #tablo .miktar-onay.eksik)
{background:var(--cip-turuncu-zemin); color:var(--cip-turuncu-yazi); border-color:var(--cip-turuncu-kenar);}
html[data-tema="koyu"] #tablo .faturano:hover{background:#4a3a15; color:#ffdca0;}

html[data-tema="koyu"] :is(.muhtelif-rozet, .masraf-toplam-rozet, .excel-durum.guncelle, .durum-siparis-bilgi,
    #tablo .sepetid, .palet-yonetim .palet-cip.sel, .palet-secici-alan .palet-cip.sel)
{background:var(--cip-mavi-zemin); color:var(--cip-mavi-yazi); border-color:var(--cip-mavi-kenar);}

html[data-tema="koyu"] :is(#tablo td .palet-rozet.fazla, #tablo td .palet-durum.fazla, .toplamayuzdesi.yuzde-asildi,
    .onay-rozet.onay-fazla)
{background:var(--cip-mor-zemin); color:var(--cip-mor-yazi); border-color:var(--cip-mor-kenar);}

html[data-tema="koyu"] :is(.toplamayuzdesi.yuzde-bos, .siparis-birlestir-kutu .sbk-satir-durum)
{background:var(--cip-notr-zemin); color:var(--cip-notr-yazi); border-color:var(--cip-notr-kenar);}

/* Yüzde çubuğunun dolgusu çipin içinde, yazının altında duruyor */
html[data-tema="koyu"] .toplamayuzdesi .bar{background:rgba(255,255,255,0.12);}
html[data-tema="koyu"] .toplamayuzdesi.yuzde-tamam .bar{background:var(--cip-yesil-kenar);}
html[data-tema="koyu"] .toplamayuzdesi.yuzde-devam .bar{background:var(--cip-turuncu-kenar);}
html[data-tema="koyu"] .toplamayuzdesi.yuzde-asildi .bar{background:var(--cip-mor-kenar);}

/* Alternatif stoklar göstergesi: rengi --renk-birincil'den geliyordu, koyu
   temada o token koyu kaldığı için ikon zemine karışıyordu. */
html[data-tema="koyu"] #tablo .alternatifvar{color:#8fa3e6;}
/* Köşe rozeti iki bileşende de aynı; kapsayıcı rengi BİLEREK genişletilmedi:
   .bakiyeikon rengini durum sınıfından (var/ekside/yok) alıyor ve o token'lar
   zaten temaya duyarlı — buraya eklemek durum rengini ezerdi. */
html[data-tema="koyu"] #tablo .alternatifvar span, html[data-tema="koyu"] #tablo .bakiyeikon span{color:#b8c6ff; border-color:var(--cip-mavi-kenar);}

html[data-tema="koyu"] #tablo tbody tr.durum-bekliyor > td{background:#2e1b1b !important;}
html[data-tema="koyu"] #tablo tbody tr.durum-nakliyede > td{background:#302c14 !important;}
/*#endregion*/

/*#region Toplama sepet kilidi paneli
   Başlık ve kenarlık --renk-birincil'den geliyor; o token koyu temada bilerek
   koyu kaldığı için koyu panelde okunmuyordu, açık maviye alındı. */
html[data-tema="koyu"] .toplama-kilit .tk-overlay{background:rgba(0,0,0,0.62);}
html[data-tema="koyu"] .toplama-kilit .tk-panel{background:var(--renk-yuzey); box-shadow:var(--golge-xl);}
html[data-tema="koyu"] .toplama-kilit .tk-baslik{color:#b8c6ff;}
html[data-tema="koyu"] .toplama-kilit .tk-baslik.tk-baslik-kilit{color:#ff8080;}
html[data-tema="koyu"] .toplama-kilit .tk-aciklama{color:var(--renk-yazi-orta);}
html[data-tema="koyu"] .toplama-kilit .tk-aciklama b{color:var(--renk-yazi);}
html[data-tema="koyu"] .toplama-kilit .tk-input-grup{background:var(--renk-yuzey-2); border-color:#4c66c9;}
html[data-tema="koyu"] .toplama-kilit .tk-input-grup i{background:rgba(255,255,255,0.07); color:#8fa3e6;}
html[data-tema="koyu"] .toplama-kilit .tk-input-grup input{color:var(--renk-yazi);}
html[data-tema="koyu"] .toplama-kilit .tk-input-grup input::placeholder{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .toplama-kilit .tk-input-grup input:disabled{color:var(--renk-yazi-soluk);}
html[data-tema="koyu"] .toplama-kilit .tk-ipucu{color:var(--renk-yazi-soluk);}
/*#endregion*/

/*#region E-fatura / e-arşiv cari işareti
   Dolgu --renk-basari ve --renk-tehlike'den geliyor; ikisi de koyu temada
   parlak durum renkleri, bir künye şeridi için fazla bağırıyorlardı. Yazı beyaz
   kaldığı için ton derinleştirildi. Aynı etiket üç ayrı biçimde basılıyor
   (dikey şerit, satır içi rozet, input altı açıklama) — üçü de aynı ele alındı,
   yoksa ekrandan ekrana farklı parlaklıkta görünüyorlardı. */
html[data-tema="koyu"] .bilgilendirme-alan .cari-tipi.efaturacarisi{background:#1f9d52;}
html[data-tema="koyu"] .bilgilendirme-alan .cari-tipi.earsivcarisi{background:#b8382f;}
html[data-tema="koyu"] :is(iframe-alan, duzenle-icerik) .bilgilendirme .efaturacarisi{background:#1f9d52;}
html[data-tema="koyu"] :is(iframe-alan, duzenle-icerik) .bilgilendirme .earsivcarisi{background:#b8382f;}
html[data-tema="koyu"] duzenle-icerik .inputalan .inputabsoluteaciklama.efaturacarisi{background:#1f9d52;}
html[data-tema="koyu"] duzenle-icerik .inputalan .inputabsoluteaciklama.earsivcarisi{background:#b8382f;}
/*#endregion*/

/*#region Sol menü overlay*/
html[data-tema="koyu"] .sol-menu-overlay{background:rgba(0,0,0,0.65);}
/*#endregion*/

/*#region Mini desktop pencereleri
   miniDesktop.css bu dosyadan SONRA yükleniyor; kurallar yalnız öznitelik
   önekinin getirdiği öncelik farkıyla kazanıyor, sıraya güvenilmiyor.

   Kenardaki beyaz çizginin kaynağı `.win` zeminiydi (#fff): yuvarlatılmış
   köşelerden ve gövde dikişinden sızıyordu. box-shadow'daki 1px beyaz halka da
   kaldırıldı, aktif pencerede yerini mavi halka aldı.

   Başlık rengi ters çevrildi: açık temada aktif pencere KOYU başlıkla ayrışıyor,
   koyu temada bu sayfa zeminine karışıyordu. Artık aktif pencere gövdesinden AÇIK
   bir arduvaz başlık taşıyor, pasif pencereler geri çekilen koyu tonda. Ayrım
   renkle değil ton farkıyla kuruluyor; doymuş bir başlık rengi bu zeminde
   cırtlıyordu. Aktif durumun ikinci ipucu başlıktaki turkuaz nokta. */
html[data-tema="koyu"] .win{background:var(--renk-yuzey); border-color:rgba(255,255,255,0.10); box-shadow:0 4px 14px rgba(0,0,0,0.45), 0 14px 38px rgba(0,0,0,0.40);}
html[data-tema="koyu"] .win.active{box-shadow:0 0 0 1px rgba(255,255,255,0.14), 0 6px 22px rgba(0,0,0,0.55), 0 18px 48px rgba(0,0,0,0.45);}
/* Pencere açılışında iframe ~45ms about:blank tutuyor; o evrede belgenin kendi
   zemini olmadığı için görünen şey bu zemindir. color-scheme'i ayrıca yazmaya
   gerek yok: özellik miras alınıyor ve :root'ta zaten dark (ölçüldü). */
html[data-tema="koyu"] .win-body, html[data-tema="koyu"] .win-body iframe{background:var(--renk-yuzey);}

/* Pencere açılırken iframe opacity:0 ile bekliyor, üstünde bu örtü duruyor.
   Zemini beyaz %80'di: pencere önce beyaz açılıp sonra koyuya dönüyordu.

   Saydam değil TAM OPAK: yüklenirken altında görülecek bir şey zaten yok, buna
   karşılık en ufak bir açık piksel (tarayıcının iframe taban tuvali gibi)
   sızıp parlama yapabiliyor. Saydamlık burada bedava risk. */
html[data-tema="koyu"] .win-yukleyici{background:var(--renk-yuzey);}

html[data-tema="koyu"] .win-header{background:#242a37; border-bottom-color:rgba(0,0,0,0.45);}
html[data-tema="koyu"] .win.active .win-header{background:#3a4152; border-bottom-color:rgba(0,0,0,0.45);}
html[data-tema="koyu"] .win.active .win-header::before{background:rgba(255,255,255,0.10);}
/*#endregion*/

/*#region Mobil
   06-mobil.css kuralları @media içinde; karşılıkları da aynı kırılımda olmak
   zorunda. Aksi hâlde masaüstünde hiç var olmayan bir zemin boyanmış olur. */
html[data-tema="koyu"] #mobil-filtre-panel{background:var(--renk-yuzey);}
html[data-tema="koyu"] :is(.mfp-input, .mfp-select){border-color:var(--renk-kenar);}
html[data-tema="koyu"] :is(.mfp-input, .mfp-select):focus{background:var(--renk-yuzey);}
html[data-tema="koyu"] :is(.mfp-input, .mfp-select) option{background:var(--renk-yuzey); color:var(--renk-yazi);}
html[data-tema="koyu"] .mfp-temizle{background:var(--renk-yuzey-2); border-color:var(--renk-kenar);}

@media screen and (max-width: 1560px) {
    html[data-tema="koyu"] sol-menu{background:var(--renk-govde);}
}

@media screen and (max-width: 768px) {
    html[data-tema="koyu"] sag-icerik header header-orta header-arama{background:rgba(255,255,255,0.08);}

    html[data-tema="koyu"] body[tip="iframelayout"] iframe-alan header iframe-islemmenu.acik{background:var(--renk-yuzey); border-color:var(--renk-kenar);}

    html[data-tema="koyu"] table[data-tablotipi^="kart"] tbody tr{background:var(--renk-yuzey-2); border-color:var(--renk-kenar) !important;}
    html[data-tema="koyu"] table[data-tablotipi="kart-nb-1"] tbody tr{background:var(--renk-yuzey-2); border-color:var(--renk-kenar) !important;}
    html[data-tema="koyu"] table[data-tablotipi="kart-sb-yanyana"] tbody tr{background:var(--renk-yuzey-2);}
    html[data-tema="koyu"] table[data-tablotipi="kart-toplamadetay"] tbody tr, html[data-tema="koyu"] .dataTables_wrapper table[data-tablotipi="kart-toplamadetay"] tbody tr{background:var(--renk-yuzey-2) !important; border-color:var(--renk-kenar) !important;}
    html[data-tema="koyu"] table[data-tablotipi="kart-toplama"] tbody tr{background:var(--renk-yuzey-2); border-color:var(--renk-kenar) !important;}

    html[data-tema="koyu"] body[tip="layout"] #mobil-sticky-bar{background:var(--renk-yuzey);}
    html[data-tema="koyu"] #mobil-sticky-bar .msb-arama{background:rgba(255,255,255,0.08);}
    html[data-tema="koyu"] #mobil-sticky-bar .msb-arama i, html[data-tema="koyu"] #mobil-sticky-bar .msb-arama input::placeholder{color:var(--renk-yazi-soluk);}
    html[data-tema="koyu"] #mobil-sticky-bar .msb-filtre-btn{background:rgba(255,255,255,0.12); color:var(--renk-yazi);}
    html[data-tema="koyu"] #mobil-sticky-bar .msb-filtre-btn.aktif{background:var(--renk-birincil); color:#fff;}

    html[data-tema="koyu"] body[tip="layout"] .sag-hamburger{background:rgba(255,255,255,0.12); color:var(--renk-yazi);}
    html[data-tema="koyu"] body[tip="layout"] .sag-hamburger:hover{background:rgba(255,255,255,0.20);}
    html[data-tema="koyu"] sag-icerik header header-ust i.solmenubtn{background:none; color:var(--renk-yazi);}
}
/*#endregion*/

/*#region Sayim ekrani */
html[data-tema="koyu"] .sayim-kutu{background:var(--renk-yuzey); border-color:var(--renk-kenar);}
html[data-tema="koyu"] .sayim-okut{background:var(--renk-arkaplan-acik);}
html[data-tema="koyu"] .sayim-satir{border-color:var(--renk-kenar-acik);}
html[data-tema="koyu"] .sayim-satir-vurgu{background:var(--renk-birincil-acik); border-color:var(--renk-birincil);}
html[data-tema="koyu"] .sayim-raf-sec{background:var(--renk-birincil-cok-acik); border-color:var(--renk-birincil-acik); color:#b8c6ff;}
html[data-tema="koyu"] .sayim-raf-sec.secili{background:var(--renk-birincil); border-color:var(--renk-birincil); color:#fff;}
html[data-tema="koyu"] .sayim-suzgec button{background:var(--renk-arkaplan-acik); border-color:var(--renk-kenar);}
html[data-tema="koyu"] .sayim-suzgec button.secili{background:var(--renk-birincil); border-color:var(--renk-birincil); color:#fff;}
html[data-tema="koyu"] .sayim-grup-satir{background:var(--renk-arkaplan-acik);}
html[data-tema="koyu"] .sayim-okut i{background:var(--renk-kenar);}
html[data-tema="koyu"] .sayim-kutu.aktif .sayim-okut i{background:var(--renk-birincil-alfa-08);}
/*#endregion*/