/* Gece modu (15 Ekim): birleşik arayüzün koyu teması. Profilim → Görünüm: Otomatik / Açık / Koyu (gece.js).
   Bütün kurallar :root[data-gece] altında; öznitelik yoksa hiçbiri çalışmaz, açık tema olduğu gibi kalır. En sonda yüklenir.
   Taban: kapı ve beklemedeki gece camı (birlesik.css .ekran.koyu). v2 sıvı metal korunur: ana düğme soluk krom, seçili hap sedef,
   ikisi de koyu zeminde tek parlak nesne olur (kapıdaki gibi). Sarı, altın, pirinç yok; renk yalnız fotoğraftan ve üründen gelir.
   Değişmeyenler: oda fotoğrafları, ürün görselleri ve onların beyaz kuyuları (multiply karışımı beyaz zemine bağlı),
   fotoğraf üstündeki sedef işaretler (pim, kesit tutamağı, Önce/Sonra), termal fiş kâğıdı (biraz kısılır), maket (beyaz mimari maket).
   Kontrast (WCAG AA): beyaz duvar üstündeki camda, iç kutuda bile --ink-3 ≥ 4,7:1; koyu zeminde 9,3:1. Hesap DEVIR.md 15 Eki bölümünde. */

/* ---------- Belirteçler ---------- */
:root[data-gece]{background:#0b0c0e;color-scheme:dark}
:root[data-gece] body{
  color-scheme:dark;
  --ink:#f3f4f6;--ink-2:#d5d8de;--ink-3:#b4b9c1;
  /* gece camı: kenarında soluk krom, içinde çok ince sedef izi */
  --glass-a:rgba(40,43,50,.92);--glass-b:rgba(24,26,31,.93);--glass-fx:blur(22px) saturate(1.4);
  --rim-1:rgba(255,255,255,.5);--rim-2:rgba(200,206,216,.16);--rim-0:rgba(151,203,232,.05);--rim-3:rgba(226,220,247,.3);
  --glow:rgba(255,255,255,.08);--edge:rgba(0,0,0,.5);--streak:rgba(255,255,255,.06);--streak-2:rgba(255,255,255,.035);--hot-on:rgba(255,255,255,.07);
  --lift:0 0 0 .5px rgba(0,0,0,.55),0 1px 1px rgba(0,0,0,.35),0 22px 44px -16px rgba(0,0,0,.8);
  --line:rgba(255,255,255,.12);--line-2:rgba(255,255,255,.24);--hover:rgba(255,255,255,.07);--sel:rgba(255,255,255,.13);
  --inner:rgba(255,255,255,.055);--inner-sh:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.3);
  --lite-a:rgba(38,41,47,.98);--lite-b:rgba(24,26,31,.98);
  /* oyuk kapsül koyulaşır, içindeki hap sedef kalır */
  --cap:rgba(0,0,0,.36);--cap-solid:#0d0e11;--cap-2:#1d1f24;--cap-ink:#f4f5f7;--cap-ink-2:#c3c7ce;--cap-line:rgba(255,255,255,.12);--cap-hover:rgba(255,255,255,.07);
  --cap-sh:inset 0 1px 2px rgba(0,0,0,.6),inset 0 0 0 .5px rgba(255,255,255,.06),inset 0 -1px 0 rgba(255,255,255,.06),0 1px 0 rgba(255,255,255,.04);
  --pill-a:#fdfdfe;--pill-b:#e3e6ea;--pill-ink:#15171b;
  --pill-sh:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(40,46,58,.12),0 0 0 .5px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4),0 4px 10px -3px rgba(0,0,0,.5);
  --primary:#eef0f3;--primary-ink:#15171b;--primary-hover:#fff;
  --iyi:#79d39f;--notr:#a3a6ac;--focus:#f3f4f6;
  --v2-zemin:#121418;
  --krom-6:#b4bac3;
  /* gece moduna özgü: fotoğraf üstünde yüzen koyu cam, boş görsel yeri, seçim halkası */
  --g-cam:rgba(22,24,29,.8);
  --g-cam-sh:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 .5px rgba(255,255,255,.12),0 8px 18px -8px rgba(0,0,0,.65);
  --g-yer:#1d1f24;
  --g-halka:0 0 0 2px #121418,0 0 0 4px #eef0f3;
}
/* Ortak yüzen koyu cam (fotoğraf ve maket üstündeki düğme ve künyeler) */
:root[data-gece] :is(#e-odalar .hs-gez,#e-sonuc .gz-sonuc-d,#e-gezinme .gz-geri,#e-gezinme .gz-tam-baslik,#e-tarz .tz-baslik span,.yz-cip-not,.yz-isik,.yz-simdi-d,.ck-ipucu,.temiz-ipucu){
  color:var(--ink);background:var(--g-cam);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:var(--g-cam-sh)}
:root[data-gece] :focus-visible{outline-color:var(--focus)}
/* kayan levhalarda camın kenar çizgisi (::before) içerikle birlikte kayıp ortada iz bırakır (açıkta görünmez, koyuda görünür):
   kenarı --slab-in'in iç gölgesi çizer, o kutuyla kalır */
:root[data-gece] :is(#e-odalar .hs-profil,#e-odalar .hs-adlandir,#aydinlatma,.pk-levha)::before,
:root[data-gece] :is(#e-odalar .hs-profil,#e-odalar .hs-adlandir,#aydinlatma,.pk-levha)::after{display:none}

/* ---------- Masa, cihaz, gösteri paneli ---------- */
:root[data-gece] body.atolye{background:radial-gradient(110% 85% at 50% 16%,#1f2227 0%,#121417 55%,#0a0b0d 100%)}
@media (min-width:760px){
  :root[data-gece] .cihaz{box-shadow:0 0 0 9px #1a1c20,0 0 0 10px #3a3e45,0 0 0 11px rgba(255,255,255,.08),0 50px 90px -34px rgba(0,0,0,.9),0 18px 30px -18px rgba(0,0,0,.7)}
}
:root[data-gece] .karartma{background:rgba(0,0,0,.52)}
:root[data-gece] .yan{color:#c9ccd1}
:root[data-gece] .yan-ust b,:root[data-gece] .yan-liste b,:root[data-gece] .yan-not b{color:#f4f5f7}
:root[data-gece] .yan-ust p,:root[data-gece] .yan-liste small{color:#a3a8b0}
:root[data-gece] .yan-liste button{color:#d9dbdf}
:root[data-gece] .yan-liste button:hover{background:rgba(255,255,255,.06)}
:root[data-gece] .yan-liste button[aria-current=true]{background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
:root[data-gece] .yan-liste .s{color:#9aa1ab}
:root[data-gece] .yan-not{color:#c9ccd1;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
@media (max-width:759px){
  :root[data-gece] .yan{background:#17191d;box-shadow:0 -1px 0 rgba(255,255,255,.06),0 -20px 60px rgba(0,0,0,.7)}
  :root[data-gece] .yan-kapat{color:#f4f5f7;background:rgba(255,255,255,.08)}
  :root[data-gece] .ekranlar-d{background:rgba(22,24,29,.74);color:#eef0f3;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 .5px rgba(255,255,255,.14),0 6px 14px -6px rgba(0,0,0,.6)}
}

/* ---------- Sıvı metal ana düğme: krom kalır; dış sedef halkası koyu zeminde parlamasın ---------- */
:root[data-gece] .altin{box-shadow:inset 0 1px 0 #fff,inset 0 -1.5px 1px rgba(59,64,72,.22),inset 0 0 0 1px rgba(255,255,255,.45),
  0 0 0 4px rgba(255,255,255,.07),0 0 0 4.5px rgba(255,255,255,.1),0 12px 26px -12px rgba(0,0,0,.85),0 2px 5px -1px rgba(0,0,0,.4)}
:root[data-gece] .altin:disabled{filter:saturate(0);opacity:.55}
:root[data-gece] .gonder-d{box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px rgba(59,64,72,.25),0 2px 6px -1px rgba(0,0,0,.6)}
:root[data-gece] .seg,:root[data-gece] .not-cubuk{--focus:#fff}
:root[data-gece] .seg button[aria-pressed=true],:root[data-gece] .seg button[aria-selected=true],:root[data-gece] .seg button[aria-checked=true]{
  box-shadow:0 1px 2px rgba(0,0,0,.45),0 4px 10px -3px rgba(0,0,0,.5)}
:root[data-gece] .hr-hap{box-shadow:0 1px 2px rgba(0,0,0,.45),0 4px 10px -3px rgba(0,0,0,.5)}

/* ---------- Paketler ---------- */
:root[data-gece] #e-hak{background:radial-gradient(120% 55% at 50% 0%,#24272d,#121418 72%)}
:root[data-gece] .yuva{background:linear-gradient(#08090a,#1d1f23);box-shadow:inset 0 2px 5px rgba(0,0,0,.95),inset 0 -1px 0 rgba(255,255,255,.09),0 1px 0 rgba(255,255,255,.07),0 14px 30px -12px rgba(0,0,0,.8)}
:root[data-gece] .yuva i{background:#000;box-shadow:0 1px 0 rgba(255,255,255,.07)}
:root[data-gece] .plaka{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 6px rgba(40,46,58,.14),0 1px 1px rgba(0,0,0,.4),0 26px 40px -18px rgba(0,0,0,.85)}
:root[data-gece] .paket .mini{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 18px -8px rgba(0,0,0,.8)}
:root[data-gece] .paket[aria-checked=true]{box-shadow:var(--inner-sh),0 0 0 1.5px var(--krom-6),0 16px 26px -14px rgba(0,0,0,.8)}
:root[data-gece] .kartus{background:var(--inner)}
/* traverten numunenin yazı rengi tanımsız (açıkta --ink grafitti): taş üstünde grafit kalsın */
:root[data-gece] .traverten{color:#3b3226}
:root[data-gece] .muhur-damga{color:#aab0b9;filter:drop-shadow(0 -1px 0 rgba(0,0,0,.7)) drop-shadow(0 .5px .5px rgba(255,255,255,.18))}
:root[data-gece] .pk-arakot{background:linear-gradient(165deg,#272a30 0%,#1d1f24 55%,#17191d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 .5px rgba(255,255,255,.1),0 12px 26px -16px rgba(0,0,0,.8)}
:root[data-gece] .pk-arakot-disk{background:radial-gradient(circle at 40% 28%,#fff 0 18%,#e7eaee 55%,#9aa1ab 100%);box-shadow:inset 0 1px 0 #fff,0 2px 6px -2px rgba(0,0,0,.6)}
:root[data-gece] .pk-arakot-disk svg{stroke:#15171b}

/* ---------- Sonuç: sahne, dok, tepsi, sürüm çarkı ---------- */
:root[data-gece] .foto-kutu,:root[data-gece] .s-sahne .foto-kutu{background:#1a1c20;box-shadow:0 0 0 .5px rgba(255,255,255,.06)}
:root[data-gece] .kirpim{background-color:var(--g-yer)}
:root[data-gece] .mercek{background:radial-gradient(circle 15.5rem at var(--mx) var(--my),rgba(7,8,10,0) 0,rgba(7,8,10,0) 30%,rgba(7,8,10,.14) 58%,rgba(7,8,10,.4) 100%)}
:root[data-gece] #s-mercek::before{background:radial-gradient(closest-side,rgba(10,11,14,0) 0,rgba(10,11,14,0) 46%,rgba(10,11,14,.3) 100%);box-shadow:0 0 0 100vmax rgba(10,11,14,.3)}
:root[data-gece] .s-dok>.seg{background:rgba(22,24,29,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 .5px rgba(255,255,255,.08),0 0 0 .5px rgba(0,0,0,.5),0 14px 30px -12px rgba(0,0,0,.8)}
:root[data-gece] .duzen-d{box-shadow:0 1px 2px rgba(0,0,0,.4),0 14px 30px -12px rgba(0,0,0,.8)}
:root[data-gece] .tepsi{--glass-bg:linear-gradient(180deg,rgba(40,43,50,.95),rgba(28,30,35,.96));
  box-shadow:var(--slab-in),0 0 0 .5px rgba(255,255,255,.08),0 2px 4px rgba(0,0,0,.3),0 34px 60px -22px rgba(0,0,0,.85)}
:root[data-gece] .tepsi .arac{background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 .5px rgba(255,255,255,.08),0 2px 5px -2px rgba(0,0,0,.4)}
:root[data-gece] .temiz-ipucu{color:#f4f5f7}
:root[data-gece] .s-sahne.cark-acik .foto-kutu::after{background:linear-gradient(90deg,rgba(10,11,13,0) 25%,rgba(10,11,13,.5) 58%,rgba(10,11,13,.78))}
:root[data-gece] .rev{box-shadow:0 0 0 .5px rgba(0,0,0,.4),0 18px 30px -12px rgba(0,0,0,.85)}
:root[data-gece] .rev.secili{box-shadow:0 0 0 2px #eef0f3,0 18px 30px -12px rgba(0,0,0,.85)}
:root[data-gece] .cark-yazi{color:#f6f6f4;text-shadow:0 1px 4px rgba(0,0,0,.85)}
:root[data-gece] .fs-no{color:#a9aeb7}
:root[data-gece] .fs-c[aria-pressed=true] .fs-no{color:#15171b}
:root[data-gece] .fs-g{box-shadow:inset 0 0 0 1px rgba(30,36,48,.08),0 0 0 .5px rgba(0,0,0,.5)}
:root[data-gece] .fs-c[aria-pressed=true]{box-shadow:0 1px 2px rgba(0,0,0,.45),0 6px 14px -5px rgba(0,0,0,.55)}
:root[data-gece] .s-karartma{background:#07080a}

/* kartela yelpazesi: koyu masa, kartlar kâğıt kalır */
:root[data-gece] .yelpaze-kat{color:#f4f5f7;background:radial-gradient(120% 70% at 50% 45%,rgba(30,32,37,.95),rgba(10,11,13,.97) 70%)}
:root[data-gece] .yelpaze-ust{color:#f4f5f7}
:root[data-gece] .yelpaze-ust small,:root[data-gece] .yelpaze-ipucu{color:#aeb2b8}
:root[data-gece] .yelpaze-kat .ic.kuyu,:root[data-gece] .yelpaze-kat .tb.kuyu{color:#f4f5f7;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
:root[data-gece] .yelpaze-kat .tb.kuyu:hover{background:rgba(255,255,255,.14)}
:root[data-gece] .yelpaze-kat :focus-visible{outline-color:#fff}
:root[data-gece] .yelpaze:focus-visible .kartela.on{box-shadow:0 0 0 2px #121418,0 0 0 4px #eef0f3,0 30px 50px -18px rgba(0,0,0,.9)}
:root[data-gece] .yelpaze-sayfa{color:#d9dbdf}
:root[data-gece] .yelpaze-nokta i{background:rgba(255,255,255,.28)}
:root[data-gece] .yelpaze-nokta i.on{background:#f4f5f7}
:root[data-gece] .tb.beyaz{color:var(--pill-ink);background:var(--pill-bg);box-shadow:var(--pill-sh)}
:root[data-gece] .tb.beyaz:hover{color:var(--pill-ink);background:#fff}
:root[data-gece] .kartela{box-shadow:0 0 0 .5px rgba(0,0,0,.4),0 24px 40px -18px rgba(0,0,0,.9)}
:root[data-gece] .kartela.on{box-shadow:0 0 0 2px #eef0f3,0 30px 50px -18px rgba(0,0,0,.9)}

/* numune plakası: süt akriliği yerine füme akrilik; ürün kuyusu beyaz kalır */
:root[data-gece] .n-plaka{color:var(--ink)}
:root[data-gece] .pl-yuz{background:linear-gradient(165deg,rgba(44,47,54,.9),rgba(26,28,33,.86) 52%,rgba(32,35,41,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.05),inset 0 0 0 1px rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.4),0 12px 22px -12px rgba(0,0,0,.6),0 34px 56px -24px rgba(0,0,0,.8)}
:root[data-gece] .pl-kuyu{box-shadow:inset 0 1.5px 3px rgba(20,26,38,.25),inset 0 0 0 .5px rgba(20,26,38,.12),0 0 0 .5px rgba(255,255,255,.08)}
:root[data-gece] .pl-no{color:var(--ink)}
:root[data-gece] .pl-no small{color:var(--ink-3)}
:root[data-gece] .pl-m,:root[data-gece] .pl-olcu{color:var(--ink-3)}
:root[data-gece] .pl-fiyat{border-top-color:rgba(255,255,255,.1)}
:root[data-gece] .pl-ey button{color:var(--ink);background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 .5px rgba(255,255,255,.1)}
:root[data-gece] .pl-ey button:hover{background:rgba(255,255,255,.14)}
:root[data-gece] .pl-ey button.koyu{color:var(--pill-ink);background:var(--pill-bg);box-shadow:var(--pill-sh)}
:root[data-gece] .pl-ey button.koyu:hover{background:#fff}
:root[data-gece] .pl-ip-g{stroke:rgba(0,0,0,.4)}
:root[data-gece] .oc-ad{color:var(--ink);background:linear-gradient(180deg,rgba(38,41,47,.88),rgba(24,26,31,.82));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 .5px rgba(255,255,255,.12),0 6px 14px -6px rgba(0,0,0,.6)}
:root[data-gece] .oc-ad b{color:#aab0b9}
:root[data-gece] .oc-ad b::after{background:rgba(255,255,255,.2)}

/* Yüzeyler levhası */
:root[data-gece] .kt-izgara-kap{background:rgba(255,255,255,.035)}
:root[data-gece] .kt-karo::after{background:linear-gradient(160deg,rgba(40,43,50,.6),rgba(26,28,33,.55) 45%,rgba(18,20,24,.6));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.06)}
:root[data-gece] .kt-karo.secili,:root[data-gece] .kt-izgara.boya .kt-karo.secili{box-shadow:var(--g-halka)}
:root[data-gece] .kt-karo.urun.secili{box-shadow:var(--g-halka),0 8px 16px -8px rgba(0,0,0,.7)}
:root[data-gece] .kt-karo:focus-visible{outline-color:#eef0f3}
:root[data-gece] .kt-tumu{background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 6px,transparent 6px 12px)}
:root[data-gece] .yz-sekmeler button[aria-selected=true]{color:#15171b}
:root[data-gece] .yz-sekmeler button:focus-visible{outline-color:#fff}
:root[data-gece] .yz-hap{box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(40,46,58,.1),0 0 0 .5px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4),0 4px 10px -3px rgba(0,0,0,.5)}
:root[data-gece] .yz-dokunma{background:rgba(255,255,255,.06)}
:root[data-gece] .yz-dokunma[aria-pressed=true],:root[data-gece] .yz-isik button[aria-checked=true],:root[data-gece] .yz-simdi-d.basili{color:#15171b;background:#eef0f3;box-shadow:inset 0 1px 0 #fff,0 2px 6px -2px rgba(0,0,0,.5)}
:root[data-gece] .yz-oneri-n{box-shadow:0 0 0 1.5px rgba(255,255,255,.85),0 0 0 2px rgba(0,0,0,.4)}
:root[data-gece] .yz-on{background:rgba(255,255,255,.1)}
:root[data-gece] .yz-b-metin small a{text-decoration-color:rgba(255,255,255,.35)}
:root[data-gece] .yz-numune{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 6px 12px -8px rgba(0,0,0,.7)}
:root[data-gece] .dc-yigin i{box-shadow:0 0 0 2px #24272d,0 3px 8px -3px rgba(0,0,0,.6)}
:root[data-gece] .yz-ucan{box-shadow:0 14px 26px -10px rgba(0,0,0,.7),0 0 0 2px #eef0f3}

/* Alışveriş fişi: koyu masa, koyu metal yazıcı; kâğıt beyaz kalır, biraz kısılır */
:root[data-gece] .fis-kat{background:radial-gradient(100% 55% at 50% 0%,#202328,#0d0e10 74%)}
:root[data-gece] .fis-perde::before{background:linear-gradient(180deg,rgba(14,15,18,.86),rgba(14,15,18,.35) 16%,rgba(14,15,18,0) 30%,rgba(14,15,18,0) 74%,rgba(14,15,18,.6))}
:root[data-gece] .fis-perde::after{background:radial-gradient(100% 55% at 50% 0%,rgba(32,35,40,.95),rgba(13,14,16,.94) 74%)}
:root[data-gece] .fis-ust{color:#f4f5f7}
:root[data-gece] .fislerim{color:#c3c7ce}
:root[data-gece] .yazici{background:linear-gradient(#2c2f34,#131417);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(0,0,0,.6),0 10px 22px -8px rgba(0,0,0,.9)}
:root[data-gece] .yazici i{background:#000;box-shadow:inset 0 2px 3px #000,0 1px 0 rgba(255,255,255,.07)}
:root[data-gece] .fis{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .3 0 0 0 0 .34 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#eef0f2,#e4e6ea)}
:root[data-gece] .fis-toplam-yuzen{box-shadow:0 10px 24px -10px rgba(0,0,0,.8)}
:root[data-gece] .fis-eylem{background:rgba(22,24,29,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 .5px rgba(255,255,255,.1),0 14px 30px -12px rgba(0,0,0,.8)}
:root[data-gece] .fis-eylem .tb{color:#f4f5f7}
:root[data-gece] .fis-eylem .tb.kuyu{background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 .5px rgba(255,255,255,.1)}
:root[data-gece] .fis-eylem .tb.ana{color:var(--pill-ink);background:var(--pill-bg);box-shadow:var(--pill-sh)}
:root[data-gece] .cekme-ipucu{color:#c3c7ce}

/* ---------- Karar destesi (birlesik.css ve once.css) ---------- */
:root[data-gece] .k-sahne::after{background:linear-gradient(180deg,rgba(18,20,24,0),#121418)}
:root[data-gece] .k-kart.arka{background:linear-gradient(180deg,rgba(40,43,50,.96),rgba(26,28,33,.96))}
:root[data-gece] .k-senin.yigin .kirpim:nth-child(2){box-shadow:0 0 0 2px #24272d,0 8px 18px -6px rgba(0,0,0,.6)}
:root[data-gece] .k-ucret{background:rgba(255,255,255,.05)}
:root[data-gece] .k-ucret>.k-ucret-rozet{color:#15171b;background:#eef0f3}
:root[data-gece] .ck-ipucu{color:var(--ink)}
:root[data-gece] .ck-once-goster .ck-ipucu{color:#15171b;background:#eef0f3}
:root[data-gece] .ck-hepsi{color:var(--pill-ink)}
:root[data-gece] .ck-zemin-satir{background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px var(--line),inset 0 1px 0 rgba(255,255,255,.07)}
:root[data-gece] .ck-zemin-satir.vurgu,:root[data-gece] .ck-zemin-satir.secili{background:rgba(255,255,255,.1)}
:root[data-gece] .ck-zemin-satir.sakin{background:transparent}
:root[data-gece] .ck-zs-numune{box-shadow:0 0 0 1px rgba(255,255,255,.14)}
:root[data-gece] .ck-kart{background:linear-gradient(180deg,rgba(40,43,50,.985),rgba(26,28,33,.985))}
:root[data-gece] .ck-kart.arka{background:linear-gradient(180deg,rgba(36,39,45,.97),rgba(22,24,29,.97))}
:root[data-gece] .ck-kart::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.22) 42%,rgba(226,220,247,.16) 52%,rgba(151,203,232,.12) 60%,transparent)}
:root[data-gece] .ck-senin .ck-gorsel{background:var(--g-yer)}
:root[data-gece] .ck-gorsel.yigin .ck-kirpim:nth-child(2){box-shadow:0 0 0 2px #24272d,0 8px 18px -6px rgba(0,0,0,.6)}
:root[data-gece] .ck-kart.kalir .ck-senin .ck-gorsel:not(.yigin),:root[data-gece] .ck-kart.kalir .ck-senin .yigin .ck-kirpim:nth-child(2),
:root[data-gece] .ck-kart.secildi .ck-oneri .ck-gorsel{box-shadow:0 0 0 2px #24272d,0 0 0 3.5px #eef0f3}
:root[data-gece] .ck-baska-n i{box-shadow:0 0 0 1.5px #2a2d33}
:root[data-gece] .ck-sec[aria-checked=true]{color:#15171b}
:root[data-gece] .ck-sec:focus-visible{outline-color:#fff}
:root[data-gece] .ck-ozet-ic{background:linear-gradient(180deg,rgba(40,43,50,.985),rgba(26,28,33,.985))}
:root[data-gece] .ck-cip{background:rgba(255,255,255,.07)}
:root[data-gece] .ck-cip.kalir{background:transparent}
:root[data-gece] .ck-cip-g.boya{box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
:root[data-gece] .ck-karartma{background:rgba(0,0,0,.4)!important}
:root[data-gece] .ck-deneme{background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 5px,transparent 5px 10px)}
:root[data-gece] .ck-zt[aria-checked=true] .ck-zt-g,:root[data-gece] .ck-zt:focus-visible .ck-zt-g{box-shadow:var(--g-halka)}
:root[data-gece] .ck-tutar-z{background:rgba(255,255,255,.05)}

/* ---------- Kalan açılar ---------- */
:root[data-gece] .a-ust .seg{background:rgba(22,24,29,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 .5px rgba(255,255,255,.08),0 14px 30px -12px rgba(0,0,0,.8)}
:root[data-gece] .a-serit{background:var(--g-yer)}
:root[data-gece] .a-sepet li.yeni{box-shadow:inset 3px 0 0 #b4bac3}
:root[data-gece] #e-arka .a-serit[data-i]:focus-visible{outline-color:#eef0f3}
:root[data-gece] .kumlama{color:rgba(255,255,255,.16);text-shadow:0 -1px 0 rgba(0,0,0,.6),0 1px 1px rgba(255,255,255,.08)}

/* ---------- Çekim: vizör zaten koyu; son levhanın küçük resimleri ---------- */
:root[data-gece] #e-cekim .ck-sk{background:var(--g-yer);box-shadow:0 0 0 .5px rgba(255,255,255,.14),0 4px 10px -5px rgba(0,0,0,.6)}
:root[data-gece] #e-cekim .ck-sk:focus-visible{outline-color:#eef0f3}

/* ---------- Evim, Fişlerim, Profilim (hesap.css) ---------- */
:root[data-gece] #e-odalar .hs-ust{background:linear-gradient(180deg,rgba(18,20,24,.97) 0%,rgba(18,20,24,.93) 70%,rgba(18,20,24,0) 100%)}
:root[data-gece] #e-odalar .hs-sekme{--cap:rgba(40,43,50,.9);
  --cap-sh:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 .5px rgba(255,255,255,.1),0 12px 26px -12px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.4)}
:root[data-gece] #e-odalar .hs-hak{box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 6px rgba(40,46,58,.14),0 1px 1px rgba(0,0,0,.4),0 10px 18px -8px rgba(0,0,0,.7)}
:root[data-gece] #e-odalar .hs-disk{box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px rgba(59,64,72,.3),0 8px 16px -8px rgba(0,0,0,.7)}
:root[data-gece] #e-odalar .hs-ornek{color:var(--ink-2);background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 .5px rgba(255,255,255,.12)}
:root[data-gece] #e-odalar .hs-ornek::before{background:#aab0b9}
:root[data-gece] #e-odalar .hs-misafir{color:var(--ink-2);background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 .5px rgba(255,255,255,.12)}
:root[data-gece] #e-odalar .hs-misafir:hover{background:rgba(255,255,255,.1)}
:root[data-gece] #e-odalar .hs-misafir:focus-visible{outline-color:#eef0f3}
:root[data-gece] #e-odalar .hs-misafir b{color:var(--pill-ink);background:var(--pill-bg);box-shadow:var(--pill-sh)}
:root[data-gece] #e-odalar .hs-alt-not{color:var(--ink-3)}
:root[data-gece] #e-odalar .hs-kart{background:var(--g-yer);box-shadow:0 0 0 .5px rgba(255,255,255,.08),0 18px 34px -18px rgba(0,0,0,.8)}
:root[data-gece] #e-odalar .hs-kart.hs-yer{background:linear-gradient(180deg,#1f2226,#191b1f)}
:root[data-gece] #e-odalar .hs-kart-ac:focus-visible::after{box-shadow:inset 0 0 0 3px #121418,inset 0 0 0 5px #eef0f3}
:root[data-gece] #e-odalar .hs-kapak-yok{color:#6c737d}
:root[data-gece] #e-odalar .hs-serit{background:rgba(22,24,29,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 .5px rgba(255,255,255,.1),0 10px 22px -12px rgba(0,0,0,.7)}
:root[data-gece] #e-odalar .hs-serit-yazi b{color:var(--ink)}
:root[data-gece] #e-odalar .hs-serit-yazi span,:root[data-gece] #e-odalar .hs-adlandir-d{color:var(--ink-2)}
:root[data-gece] #e-odalar .hs-adlandir-d:hover{background:rgba(255,255,255,.1);color:#fff}
:root[data-gece] #e-odalar .hs-gez:focus-visible{box-shadow:0 0 0 3px #121418,0 0 0 5px #eef0f3}
:root[data-gece] #e-odalar .hs-bos h2,:root[data-gece] #e-odalar .hs-blok-yazi b,:root[data-gece] #e-odalar .hs-misafir-ad,:root[data-gece] #e-odalar .hs-hak-blok .tb,
:root[data-gece] #e-odalar .hs-tarz .tb.kuyu,:root[data-gece] #e-odalar .hs-cubuklar li.ana,:root[data-gece] #e-odalar .hs-satir,:root[data-gece] #e-odalar .hs-sil-onay b,
:root[data-gece] #e-odalar .hs-fis-ust,:root[data-gece] #e-odalar .pk-hak-h b,:root[data-gece] #aydinlatma .hs-aydinlatma-metin b{color:var(--ink)}
:root[data-gece] #e-odalar .hs-bos p,:root[data-gece] #e-odalar .hs-not,:root[data-gece] #e-odalar .hs-cubuklar li,:root[data-gece] #e-odalar .hs-sil-d,
:root[data-gece] #e-odalar .hs-sil-onay p,:root[data-gece] #aydinlatma .hs-aydinlatma-metin{color:var(--ink-2)}
:root[data-gece] #e-odalar .hs-blok-yazi span,:root[data-gece] #e-odalar .hs-eposta,:root[data-gece] #e-odalar .hs-misafir-alt,:root[data-gece] #e-odalar .hs-ad-alan,
:root[data-gece] #e-odalar .hs-satir small,:root[data-gece] #e-odalar .hs-satir svg.i,:root[data-gece] #e-odalar .pk-hak-h span,:root[data-gece] #e-odalar .pk-yasal-b{color:var(--ink-3)}
:root[data-gece] #e-odalar .hs-bos-cerceve{color:#6c737d;outline-color:rgba(255,255,255,.18);background:rgba(255,255,255,.03);box-shadow:inset 0 1px 3px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.04),0 1px 0 rgba(255,255,255,.04)}
:root[data-gece] #e-odalar .hs-alt{background:linear-gradient(180deg,rgba(18,20,24,0),rgba(18,20,24,.94) 52%)}
/* Fişlerim: koyu masa, kâğıt beyaz kalır (biraz kısılır) */
:root[data-gece] #e-odalar .hs-pano-fis{background:radial-gradient(100% 55% at 50% 0%,#1f2227,#121418 80%)}
:root[data-gece] #e-odalar .hs-kocan{filter:drop-shadow(0 1px 1px rgba(0,0,0,.5)) drop-shadow(0 10px 14px rgba(0,0,0,.45))}
:root[data-gece] #e-odalar .hs-kocan:focus-visible,:root[data-gece] #e-odalar a.hs-f-satir:focus-visible{outline-color:#eef0f3}
:root[data-gece] #e-odalar .hs-kagit,:root[data-gece] #e-odalar .hs-fis{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .3 0 0 0 0 .34 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#eef0f2,#e4e6ea)}
:root[data-gece] #e-odalar .hs-kocan-bos{background:linear-gradient(#3a3d44,#31343a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
:root[data-gece] #e-odalar .hs-fis-kat{background:radial-gradient(100% 55% at 50% 0%,#202328,#0d0e10 74%)}
:root[data-gece] #e-odalar .hs-fis-eylem{background:rgba(22,24,29,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 .5px rgba(255,255,255,.1),0 14px 30px -12px rgba(0,0,0,.8)}
:root[data-gece] #e-odalar .hs-fis-eylem .tb{color:var(--ink);background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 .5px rgba(255,255,255,.1)}
:root[data-gece] #e-odalar .hs-fis-eylem .tb.hs-onayla{color:var(--pill-ink);background:var(--pill-bg);box-shadow:var(--pill-sh)}
/* Profilim ve adlandır levhaları */
:root[data-gece] #e-odalar .hs-not,:root[data-gece] #aydinlatma .hs-taslak{background:rgba(255,255,255,.05)}
:root[data-gece] #e-odalar .hs-girdi:focus-within{box-shadow:var(--cap-sh),0 0 0 2px #eef0f3}
:root[data-gece] #e-odalar .hs-disk-buyuk{box-shadow:0 8px 16px -8px rgba(0,0,0,.7)}
:root[data-gece] #e-odalar .hs-ad-alan:focus-within{box-shadow:var(--cap-sh),0 0 0 2px #eef0f3}
:root[data-gece] #e-odalar .hs-ad-alan input{color:var(--ink)}
:root[data-gece] #e-odalar .hs-ad-alan input::placeholder{color:#9ba1ab}
:root[data-gece] #e-odalar .hs-hak-mini{box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 6px 12px -6px rgba(0,0,0,.7)}
:root[data-gece] #e-odalar .hs-c-iz i{background:linear-gradient(90deg,#6c737d,#9aa1ab 60%,#7d848f)}
:root[data-gece] #e-odalar .hs-cubuklar li.ana .hs-c-iz i{background:linear-gradient(90deg,#f1f3f6,#c6cbd2 70%,#e3e6ea)}
:root[data-gece] #e-odalar .hs-satir:hover{background:rgba(255,255,255,.05)}
:root[data-gece] #e-odalar .hs-satir:focus-visible{outline-color:#eef0f3}
:root[data-gece] #e-odalar .hs-anahtar{background:rgba(255,255,255,.14);box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}
:root[data-gece] #e-odalar .hs-anahtar i{box-shadow:0 1px 2px rgba(0,0,0,.5),0 0 0 .5px rgba(0,0,0,.4)}
:root[data-gece] #e-odalar .hs-satir[aria-checked=true] .hs-anahtar{background:linear-gradient(180deg,#9aa1ab,#6c737d)}
:root[data-gece] #e-odalar .hs-sil-onay{background:rgba(255,255,255,.05)}
:root[data-gece] #e-odalar .pk-hak-h{background:rgba(255,255,255,.05)}
:root[data-gece] #e-sonuc .hs-ev:focus-visible .hs-ev-yuz{outline-color:#eef0f3}

/* ---------- Tarz testi ---------- */
:root[data-gece] #e-tarz{background:radial-gradient(120% 70% at 50% 0%,#202328 0%,#141619 58%,#0f1013 100%)}
:root[data-gece] #e-tarz :focus-visible{outline-color:#eef0f3}
:root[data-gece] #e-tarz .tz-ilerleme i{background:rgba(255,255,255,.14)}
:root[data-gece] #e-tarz .tz-ilerleme i.dolu{background:linear-gradient(90deg,#e9ecf0,#aab0b9)}
:root[data-gece] #e-tarz .tz-ilerleme i.simdi{background:rgba(255,255,255,.34)}
:root[data-gece] #e-tarz .tz-kart{background:var(--g-yer);box-shadow:0 0 0 .5px rgba(255,255,255,.08),0 2px 4px rgba(0,0,0,.3),0 22px 44px -20px rgba(0,0,0,.85)}
:root[data-gece] #e-tarz .tz-kart::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.18)}
:root[data-gece] #e-tarz .tz-kart.tz-arka::before{background:rgba(14,15,18,calc(.55 - .55 * var(--p,0)))}
/* kolaj bir görseldir (zemini ürünlerin rengi): içindeki yazı açık temadaki gibi grafit kalır */
:root[data-gece] #e-tarz .tz-kolaj{--ink:#15171b;--ink-2:#30333a;--ink-3:#4b4f58}
:root[data-gece] #e-tarz .tz-baslik span{color:var(--ink)}
:root[data-gece] #e-tarz .tz-damga{color:#15171b;box-shadow:var(--pill-sh),0 10px 22px -10px rgba(0,0,0,.7)}
:root[data-gece] #e-tarz .tz-sonuc-kap{background:var(--v2-zemin)}
:root[data-gece] #e-tarz .tz-kahraman,:root[data-gece] #e-tarz .tz-s-oge.resimli>.tz-s-res{background:var(--g-yer)}
:root[data-gece] #e-tarz .tz-levha{background:linear-gradient(180deg,#1c1e23 0,#16181c 260px,#121418 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 -1px 0 rgba(0,0,0,.4),0 -20px 40px -26px rgba(0,0,0,.9)}
:root[data-gece] #e-tarz .tz-imza,:root[data-gece] #e-tarz .tz-urun,:root[data-gece] #e-tarz .tz-s-oge.ana{background:var(--inner)}
:root[data-gece] #e-tarz .tz-cubuklar button:hover{background:rgba(255,255,255,.05)}
:root[data-gece] #e-tarz .tz-c-iz i{background:linear-gradient(90deg,#f1f3f6 0%,#aab0b9 55%,#6c737d 100%)}
:root[data-gece] #e-tarz .tz-sonuc-alt{background:rgba(24,26,31,.95);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 .5px rgba(255,255,255,.1),0 16px 32px -16px rgba(0,0,0,.85)}
:root[data-gece] #e-tarz .tz-perde{background:rgba(0,0,0,.52)}
:root[data-gece] #e-tarz .tz-s-urunler .tz-k-karo{box-shadow:0 0 0 .5px rgba(255,255,255,.1)}
:root[data-gece] #e-tarz .tz-s-oge.resimli>.tz-s-res{box-shadow:0 0 0 .5px rgba(255,255,255,.12),0 4px 10px -6px rgba(0,0,0,.7)}

/* ---------- Odayı gez: koyu sahne, beyaz mimari maket ---------- */
:root[data-gece] #e-gezinme{background:radial-gradient(120% 72% at 50% 34%,#25282e 0%,#17191d 52%,#0e0f12 100%)}
:root[data-gece] #e-gezinme .gz-golge{background:radial-gradient(closest-side,rgba(0,0,0,.5),rgba(0,0,0,.2) 62%,rgba(0,0,0,0))}
:root[data-gece] #e-gezinme .gz-rozet{box-shadow:var(--pill-sh)}
:root[data-gece] #e-gezinme .gz-rozet:focus-visible,:root[data-gece] #e-gezinme .gz-geri:focus-visible,:root[data-gece] #e-gezinme .gz-kucuk:focus-visible{outline-color:#eef0f3}
:root[data-gece] #e-gezinme .gz-kucuk{background:var(--g-yer)}
:root[data-gece] #e-gezinme .gz-kucuk.gorunur{box-shadow:0 0 0 2px #1d1f24,0 0 0 3.5px #eef0f3}
:root[data-gece] #e-gezinme .gz-harf{color:#15171b;background:#eef0f3}
:root[data-gece] #e-sonuc .gz-sonuc-d:focus-visible{outline-color:#eef0f3}

/* ---------- Ada damlası (ada-cihaz.css): koyu durum çubuğundan sarkan grafit damla ---------- */
:root[data-gece]:is([data-ada-bicim=duz],[data-ada-bicim=android],[data-ada-bicim=masaustu]) .adc-govde{color:#f3f4f6}
:root[data-gece]:is([data-ada-bicim=duz],[data-ada-bicim=android],[data-ada-bicim=masaustu]) .adc-kabuk{
  background:linear-gradient(180deg,#121418 0%,#17191d 55%,#1e2126 100%);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.1),inset 0 -2px 3px -1px rgba(151,203,232,.14),0 0 0 .5px rgba(255,255,255,.1),0 12px 24px -12px rgba(0,0,0,.85)}
:root[data-gece]:is([data-ada-bicim=duz],[data-ada-bicim=android],[data-ada-bicim=masaustu]) .adc-fil.sol{background:radial-gradient(circle at 0 100%,transparent 11.5px,#121418 12px)}
:root[data-gece]:is([data-ada-bicim=duz],[data-ada-bicim=android],[data-ada-bicim=masaustu]) .adc-fil.sag{background:radial-gradient(circle at 100% 100%,transparent 11.5px,#121418 12px)}
:root[data-gece]:is([data-ada-bicim=duz],[data-ada-bicim=android],[data-ada-bicim=masaustu]) .adc-halka .iz{stroke:rgba(255,255,255,.2)}
:root[data-gece]:is([data-ada-bicim=duz],[data-ada-bicim=android],[data-ada-bicim=masaustu]) .adc-halka .dolu,
:root[data-gece]:is([data-ada-bicim=duz],[data-ada-bicim=android],[data-ada-bicim=masaustu]) .adc-halka .tik{stroke:#f4f6fa}
:root[data-gece]:is([data-ada-bicim=duz],[data-ada-bicim=android],[data-ada-bicim=masaustu]) .adc-halka .yay{stroke:#9aa6b8}
:root[data-gece]:is([data-ada-bicim=duz],[data-ada-bicim=android],[data-ada-bicim=masaustu]) .adc-yazi span{color:#aab0b9}
:root[data-gece]:is([data-ada-bicim=duz],[data-ada-bicim=android],[data-ada-bicim=masaustu]) .adc-sayi2{color:#d9dde4}
:root[data-gece] .adc-hat i{box-shadow:0 .5px 0 rgba(0,0,0,.5),0 1px 4px rgba(151,203,232,.25)}
:root[data-gece] .adc-govde:focus-visible{outline-color:#eef0f3}
:root[data-gece] .adc-izin{color:var(--ink);background:rgba(30,32,38,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 .5px rgba(255,255,255,.12),0 24px 46px -18px rgba(0,0,0,.85)}
:root[data-gece] .adc-izin p{color:var(--ink-2)}
:root[data-gece] .adc-izin .hayir{color:var(--ink);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12)}
:root[data-gece] .adc-izin .evet{box-shadow:inset 0 1px 0 #fff,inset 0 -1.5px 1px rgba(59,64,72,.22),0 0 0 3px rgba(255,255,255,.07),0 10px 20px -10px rgba(0,0,0,.8)}
:root[data-gece] .adc-izin button:focus-visible{outline-color:#eef0f3}