/* QR Menü Paneli: "Gece ve şampanya" teması (30 Ekim 2026). Akan, Tesla iskeleti için: "siyah kötü olmuş, okunmuyor, parlıyor;
   butonlar çirkin ve lüks değil". stil.css'in (Dizayn 8) üstüne biner; yalnız renk, köşe, gölge ve yazı tipini değiştirir, ölçüleri değil
   (telefonda 44 px dokunma alanı stil.css'te kalır). Eski görünüm silinmedi: adrese ?ui=tesla yazınca geri gelir, ?ui=luks yeniden açar
   (tema.js, seçim bu tarayıcıda hatırlanır).
   Koyu tema simsiyah değil gece mavisi, yazı saf beyaz değil fildişi: göz alan parlama böyle kalkar. Ana düğme açıkta gece mavisi, koyuda
   şampanya; beyaz dolu kutu ve beyaz çerçeve yok. Başlıklar Newsreader (Organik Sinyal'in kendi başlık yazısı, OFL, fontlar/LISANS-Newsreader.txt). */
@font-face{font-family:"Newsreader Display";font-style:normal;font-weight:300 400;font-display:swap;src:url(/fontlar/newsreader-display.woff2) format("woff2-variations")}

/* ---------- renkler: açık tema (soğuk açık gri zemin, beyaz yüzey, mürekkep yazı) ----------
   30 Ekim: zemin fildişiydi (#F4F2ED). Genel kural 34 (Akan: "Claude yapmış gibi durmasın"): krem/fildişi zemin + tırnaklı başlık Claude'un
   kıyafeti. Zemin, kenar ve gölgeler sıcak kahveden nötr gri-maviye çekildi; gece mavisi vurgu aynı. */
:root[data-ui="luks"]{
  --zemin:#F3F4F6; --yuzey:#FFFFFF; --yuzey-2:#F9FAFB; --yuzey-3:#EFF1F4; --yuzey-4:#E3E6EB;
  --yazi:#161B26; --yazi-g:#2F3440; --yazi-2:#555B66; --yazi-3:#5F6570;
  --cizgi:#E4E7EC; --cizgi-2:#D2D6DD; --uzerinde:rgba(22,27,38,.045); --secim-iz:#FFFFFF;
  --vurgu:#1B2540; --vurgu-ust:#27355C; --vurgu-yazi:#F5F7FA; --vurgu-acik:#ECEEF4; --vurgu-metin:#2B3A66;
  --sampanya:#B08A3E;
  --dg-parilti:rgba(255,255,255,.12); --dg-golge:0 1px 2px rgba(12,16,32,.22),0 6px 14px -8px rgba(12,16,32,.55);
  --golge:0 1px 2px rgba(16,24,40,.04),0 2px 8px -2px rgba(16,24,40,.06); --golge-orta:0 16px 40px -10px rgba(16,24,40,.22);
  --golge-dg:0 0 #0000;
  --sekme-yuva:#E8EBEF; --sekme-sec:#FFFFFF;
  --r:16px; --r-k:10px;
  --serif:"Newsreader Display","Georgia","Times New Roman",serif;
}
/* ---------- renkler: koyu tema (gece mavisi zemin, fildişi yazı, şampanya vurgu; parlamayan) ---------- */
@media (prefers-color-scheme:dark){
  :root[data-ui="luks"]:not([data-theme="light"]){
    --zemin:#10131A; --yuzey:#171B24; --yuzey-2:#1B202A; --yuzey-3:#212733; --yuzey-4:#2A303D;
    --yazi:#E6E2DA; --yazi-g:#CDCAC3; --yazi-2:#A7AAB2; --yazi-3:#9397A0;
    --cizgi:#262C38; --cizgi-2:#353C4A; --uzerinde:rgba(237,233,225,.05); --secim-iz:#343B4A;
    --vurgu:#CFB27A; --vurgu-ust:#DBC18F; --vurgu-yazi:#17130B; --vurgu-acik:#2B271C; --vurgu-metin:#DCC28F;
    --dg-parilti:rgba(255,255,255,.28); --dg-golge:0 1px 2px rgba(0,0,0,.45),0 6px 14px -8px rgba(0,0,0,.7);
    --golge:inset 0 1px 0 rgba(237,233,225,.035),0 1px 2px rgba(0,0,0,.35); --golge-orta:0 20px 48px -12px rgba(0,0,0,.7);
    --golge-dg:0 0 #0000;
    --sekme-yuva:#171B24; --sekme-sec:#2C3341;
  }
}
:root[data-ui="luks"][data-theme="dark"]{
  --zemin:#10131A; --yuzey:#171B24; --yuzey-2:#1B202A; --yuzey-3:#212733; --yuzey-4:#2A303D;
  --yazi:#E6E2DA; --yazi-g:#CDCAC3; --yazi-2:#A7AAB2; --yazi-3:#9397A0;
  --cizgi:#262C38; --cizgi-2:#353C4A; --uzerinde:rgba(237,233,225,.05); --secim-iz:#343B4A;
  --vurgu:#CFB27A; --vurgu-ust:#DBC18F; --vurgu-yazi:#17130B; --vurgu-acik:#2B271C; --vurgu-metin:#DCC28F;
  --dg-parilti:rgba(255,255,255,.28); --dg-golge:0 1px 2px rgba(0,0,0,.45),0 6px 14px -8px rgba(0,0,0,.7);
  --golge:inset 0 1px 0 rgba(237,233,225,.035),0 1px 2px rgba(0,0,0,.35); --golge-orta:0 20px 48px -12px rgba(0,0,0,.7);
  --golge-dg:0 0 #0000;
  --sekme-yuva:#171B24; --sekme-sec:#2C3341;
}

/* Genel bakış artık beyaz/siyah kutu değil, temanın vurgusunu taşır (koyuda beyaz kutu parlıyordu). */
[data-ui="luks"] [data-m="genel"]{--m:var(--vurgu);--m-ustu:var(--vurgu-yazi);--m-acik:var(--vurgu-acik);--m-metin:var(--vurgu-metin)}

/* ---------- yazı: başlıklar ve büyük rakam Newsreader ---------- */
[data-ui="luks"] .sayfa-bas h1,[data-ui="luks"] .giris-kutu h1{font-family:var(--serif);font-weight:400;letter-spacing:-.012em;font-size:36px;line-height:1.1}
[data-ui="luks"] .rakam{font-family:var(--serif);font-weight:400;font-size:32px;letter-spacing:-.02em}

/* ---------- sayfa başı (30 Ekim, Akan: "AI gibi, şablon gibi duruyor; elite yap"). Başlığın yanındaki renkli simge kutusu kalktı (bölümün
   simgesi ve rengi yan menüde zaten var; ikinci kez göstermek şablon izi). Başlık 32 px Newsreader, altında veriyi anlatan tek gri cümle,
   düğme başlığın üst hizasında. ?ui=tesla eski başlığı (simgeli) geri getirir. ---------- */
[data-ui="luks"] .sayfa-ik{display:none}
[data-ui="luks"] .sayfa-bas{align-items:flex-start;gap:12px 24px;margin-bottom:24px}
[data-ui="luks"] .sayfa-bas h1{font-size:32px}
[data-ui="luks"] .sayfa-bas p{margin-top:8px;font-size:15px;line-height:1.5;max-width:62ch}
@media (max-width:640px){[data-ui="luks"] .sayfa-bas h1{font-size:27px}[data-ui="luks"] .sayfa-bas>div:not(.eylem){flex-basis:100%}}

/* ---------- bilgi notu: lavanta kutu yerine kartlarla aynı yüzey ve ince kenar; simge gri, "mavi" notta temanın mürekkebi.
   Uyarı, hata ve "iyi" notları kendi soluk tonunda kalır (anlam taşıyorlar). ---------- */
[data-ui="luks"] .bilgi{border-radius:12px;font-size:14px;line-height:1.55;padding:14px 18px}
[data-ui="luks"] .bilgi:not(.dikkat):not(.kotu):not(.iyi){background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi)}
[data-ui="luks"] .bilgi>svg{width:18px;height:18px;flex-basis:18px;margin-top:2px}
[data-ui="luks"] .bilgi:not(.dikkat):not(.kotu):not(.iyi)>svg{color:var(--yazi-3)}
[data-ui="luks"] .bilgi.mavi>svg{color:var(--vurgu-metin)}
[data-ui="luks"] .kart>header h2,[data-ui="luks"] .ozet-kart h2,[data-ui="luks"] .pencere-bas h2{font-family:var(--serif);font-weight:400;font-size:20px;letter-spacing:-.005em}
[data-ui="luks"] .buyuk-rakam{font-family:var(--serif);font-weight:300;font-size:72px;letter-spacing:-.03em}
[data-ui="luks"] .bos b{font-family:var(--serif);font-weight:400;font-size:20px}

/* ---------- üst çubuk ve yan menü ---------- */
[data-ui="luks"] .kisi .bas{background:var(--vurgu);color:var(--vurgu-yazi);font-weight:600}
[data-ui="luks"] .mi{border-radius:999px;padding-left:14px}
[data-ui="luks"] .yan .grup{padding-left:14px;letter-spacing:.02em}
[data-ui="luks"] .sayfa-ik{border-radius:14px}
[data-ui="luks"] .satir .sol-ik{border-radius:12px}
[data-ui="luks"] .gosterge .sol-ik{border-radius:9px}
[data-ui="luks"] .gosterge{border-radius:12px}

/* ---------- düğmeler: yumuşak köşe, ince kenar, hafif kabarık; ana düğmede üstten ışık alan ince bir parıltı ---------- */
[data-ui="luks"] .dg{border-radius:var(--r-k);background:var(--yuzey);color:var(--yazi);font-weight:550;letter-spacing:.005em;box-shadow:inset 0 0 0 1px var(--cizgi-2),var(--golge-dg)}
[data-ui="luks"] .dg:hover{background:var(--yuzey-2);color:var(--yazi);box-shadow:inset 0 0 0 1px var(--yazi-3),var(--golge-dg)}
[data-ui="luks"] .dg:active:not([disabled]){transform:translateY(1px)}
/* ana düğme düz renk (30 Ekim): üstten parıltı ve havada duran gölge şablon izi; basınca 1 px iner, o kadar */
[data-ui="luks"] .dg.birincil{background:var(--vurgu);color:var(--vurgu-yazi);box-shadow:none}
[data-ui="luks"] .dg.birincil:hover{background:var(--vurgu-ust);color:var(--vurgu-yazi);box-shadow:none}
[data-ui="luks"] .dg.cerceve,[data-ui="luks"] .dg.kucuk.cerceve{background:var(--yuzey);color:var(--yazi);box-shadow:inset 0 0 0 1px var(--cizgi-2),var(--golge-dg)}
[data-ui="luks"] .dg.cerceve:hover{background:var(--yuzey-2);color:var(--yazi);box-shadow:inset 0 0 0 1px var(--yazi-3),var(--golge-dg)}
[data-ui="luks"] .dg.cerceve svg{color:var(--vurgu-metin)}
[data-ui="luks"] .dg.sade{background:transparent;color:var(--yazi-2);box-shadow:none}
[data-ui="luks"] .dg.sade:hover{background:var(--uzerinde);color:var(--yazi);box-shadow:none}
[data-ui="luks"] .dg.tehlike{color:var(--kotu)}
[data-ui="luks"] .dg.tehlike:hover{background:var(--kotu-acik);color:var(--kotu);box-shadow:inset 0 0 0 1px var(--kotu)}
[data-ui="luks"] .dg.tehlikeli{background:#A3352B;color:#fff;box-shadow:none}
[data-ui="luks"] .dg.tehlikeli:hover{background:#8C2A21;color:#fff}
[data-ui="luks"] .sayfa-bas .dg:not(.birincil):not(.cerceve):not(.sade){background:var(--yuzey);box-shadow:inset 0 0 0 1px var(--cizgi-2),var(--golge-dg)}
[data-ui="luks"] .sayfa-bas .dg:not(.birincil):not(.cerceve):not(.sade):hover{background:var(--yuzey-2);box-shadow:inset 0 0 0 1px var(--yazi-3),var(--golge-dg)}
[data-ui="luks"] .ikon-dg{border-radius:var(--r-k)}
[data-ui="luks"] .dg:focus-visible,[data-ui="luks"] .ikon-dg:focus-visible{outline:2px solid var(--vurgu-metin);outline-offset:2px}

/* ---------- giriş kutuları: beyaz zemin + ince kenar; odakta temanın renginde yumuşak halka ---------- */
[data-ui="luks"] .girdi{border-radius:var(--r-k);background-color:var(--yuzey-2);box-shadow:inset 0 0 0 1px var(--cizgi-2)}
[data-ui="luks"] .girdi:hover{box-shadow:inset 0 0 0 1px var(--yazi-3)}
[data-ui="luks"] .girdi:focus{box-shadow:inset 0 0 0 1px var(--vurgu-metin),0 0 0 3px color-mix(in oklab,var(--vurgu) 22%,transparent)}
[data-ui="luks"] .girdi[aria-invalid="true"]{box-shadow:inset 0 0 0 1px var(--kotu),0 0 0 3px color-mix(in oklab,var(--kotu) 18%,transparent)}
[data-ui="luks"] .isletme-sec.ust-sec{box-shadow:none;background-color:transparent}
[data-ui="luks"] .isletme-sec.ust-sec:hover{background-color:var(--uzerinde)}
[data-ui="luks"] .isletme-sec.ust-sec:focus{box-shadow:inset 0 0 0 1px var(--vurgu-metin),0 0 0 3px color-mix(in oklab,var(--vurgu) 22%,transparent)}

/* ---------- onay kutusu ve anahtar: işaretlenince temanın rengi (açıkta gece mavisi, koyuda şampanya) ---------- */
[data-ui="luks"] input[type="checkbox"]{border-radius:6px}
[data-ui="luks"] input[type="checkbox"]:checked{background:var(--vurgu)}
[data-ui="luks"] input[type="checkbox"]::after{border-color:var(--vurgu-yazi)}
[data-ui="luks"] input[type="checkbox"]:focus-visible{outline-color:var(--vurgu-metin)}
[data-ui="luks"] .anahtar input[type="checkbox"]{background:var(--yuzey-3);box-shadow:inset 0 0 0 1px var(--yazi-3)}
[data-ui="luks"] .anahtar input[type="checkbox"]::after{background:var(--yazi-3)}
[data-ui="luks"] .anahtar input[type="checkbox"]:checked{background:var(--vurgu);box-shadow:inset 0 1px 1px rgba(0,0,0,.18)}
[data-ui="luks"] .anahtar input[type="checkbox"]:checked::after{background:var(--vurgu-yazi);box-shadow:0 1px 2px rgba(0,0,0,.3)}
[data-ui="luks"] .anahtar input[type="checkbox"]:hover:not(:checked):not([disabled]){box-shadow:inset 0 0 0 1px var(--yazi-2)}

/* ---------- pencere ve bildirim ---------- */
[data-ui="luks"] dialog.pencere{box-shadow:var(--golge-orta),0 0 0 1px var(--cizgi)}
[data-ui="luks"] dialog.pencere::backdrop{background:rgba(12,14,20,.5);backdrop-filter:blur(2px)}
[data-ui="luks"] .bildirim{border-radius:12px;background:#1B2540;color:#F7F3EA}
[data-ui="luks"] .durum-yazi{border-radius:999px}
[data-ui="luks"] .sekme-sayi{border-radius:999px}

/* ---------- sekmeler (30 Ekim). Önce alt çizgi mürekkebe çevrildi; Akan: "bu çizgiyi kullanma, başka bir şey yap". Alt çizgi tamamen
   kalktı: sekmeler ince kenarlı bir yuvada durur, seçili olan beyaz (koyuda bir ton açık) kapsülle öne çıkar, yazısı kalın. Şubeler'deki
   süzgeç düğmeleriyle (secim) aynı aile. Sayılar renkli hap değil, yazının yanında gri rakam. ?ui=tesla eski çizgili sekmeyi getirir. ---------- */
[data-ui="luks"] .sekmeler{width:fit-content;max-width:100%;gap:2px;padding:4px;border-bottom:0;border-radius:12px;background:var(--sekme-yuva);box-shadow:inset 0 0 0 1px var(--cizgi)}
[data-ui="luks"] .sekme-cizgi{display:none}
[data-ui="luks"] .sekmeler a{padding:0 14px;margin-bottom:0;border-bottom:0;border-radius:9px;min-height:36px;transition:color .2s var(--egri),background-color .2s var(--egri)}
[data-ui="luks"] .sekmeler a:hover{background:var(--uzerinde)}
[data-ui="luks"] .sekmeler a[aria-current="page"]{background:var(--sekme-sec);color:var(--yazi);box-shadow:0 0 0 1px var(--cizgi-2)}
@media (pointer:coarse){[data-ui="luks"] .sekmeler a{min-height:44px}}
[data-ui="luks"] .sekme-sayi,[data-ui="luks"] .sekmeler a[aria-current="page"] .sekme-sayi{background:none;min-width:0;height:auto;padding:0;margin-left:8px;color:var(--yazi-3);font-weight:500;font-size:13.5px}
[data-ui="luks"] .sekmeler a[aria-current="page"] .sekme-sayi{color:var(--yazi-2)}   /* koyu kapsülde yazi-3 4,33 kontrast veriyordu (sınır 4,5) */