/* Formül11 tema sistemi — sayfaların kendi :root'u "Varsayılan" temadır,
   burada sadece data-theme özniteliği set edildiğinde devreye giren
   alternatif temalar tanımlanır. Sayfanın mevcut <style> bloğundan SONRA
   yüklenmesi gerekir (eşit özgüllükte kaynak sırası kazanır). */

/* JetBrains Mono (Banking teması) artık burada @import ile YÜKLENMİYOR:
   CSS içindeki @import, üçüncü taraf bir alan adına gidip gelene kadar
   tüm sayfanın ilk boyamasını bekletiyordu (19 Eylül 2026, hız düzeltmesi).
   Font sadece Banking temasında, theme-picker.js içinden yükleniyor. */

/* --good/--good-soft/--critical/--critical-soft: gecmis-analizler.html'in
   KENDİ :root'unda tanımladığı, açık (light) temaya göre seçilmiş "isabet/
   isabetsiz" renkleri (16 Eylül 2026'da fark edildi) — 4 koyu-zeminli temanın
   HİÇBİRİ bunları override etmiyordu, sonuç: koyu bir sayfada açık yeşil bir
   kutu (sayfanın kendi --good-soft:#e6f7e6'sı) okunaksız duruyordu. Açık
   zeminli ocean/sunset zaten sorunsuz (açık kutu açık zeminde), o yüzden
   sadece koyu 3 temaya (dark/midnight/banking) ekleniyor. */
[data-theme="dark"]{
  --bg:#0f1115;--bg-translucent:rgba(15,17,21,0.9);--card:#181b22;--border:#262a33;--text:#eef0f4;--muted:#9aa0ab;--accent:#5b8dff;--accent-soft:#1b2740;
  --good:#3ddc63;--good-soft:#122a1c;--critical:#ff6b6b;--critical-soft:#341717;
}
[data-theme="midnight"]{
  --bg:#0b0f1f;--bg-translucent:rgba(11,15,31,0.9);--card:#141a2e;--border:#232b45;--text:#e8eaf5;--muted:#8b90ad;--accent:#8b7bff;--accent-soft:#221b45;
  --good:#3ddc63;--good-soft:#122a1c;--critical:#ff6b6b;--critical-soft:#341717;
}
[data-theme="ocean"]{
  --bg:#f2fbfb;--bg-translucent:rgba(242,251,251,0.9);--card:#ffffff;--border:#d8ecec;--text:#0e2a2a;--muted:#5a7d7d;--accent:#0891a8;--accent-soft:#dff5f8;
}
[data-theme="sunset"]{
  --bg:#fff8f2;--bg-translucent:rgba(255,248,242,0.9);--card:#ffffff;--border:#f3ddc9;--text:#2a1a12;--muted:#8a6a55;--accent:#ff6b4a;--accent-soft:#ffe9de;
}
/* "Banking" (16 Eylül 2026) — designmd.ai'daki "Midnight Banking Dashboard"
   sisteminden uyarlandı (Formül11 Yön Karşılaştırması artifact'ı, kullanıcı
   onayladı: "seçenek a fena değil, deneyelim"). Diğer 4 temadan tek farkı:
   rakamlar JetBrains Mono ile (bkz. aşağıdaki .conf/.prob-item b kuralları)
   ve favori/tahmin edilen sonuç yeşille ayrışıyor (bkz. .fav/.picked) —
   ikisi de SADECE bu tema aktifken görünür, diğer 4 temada hiçbir görsel
   fark yaratmaz. --positive/--negative kaynak sistemdeki "gelen/giden"
   renklerinden (banka context'i), Formül11'de "favori/zayıf ihtimal"
   karşılığı olarak kullanılıyor. */
[data-theme="banking"]{
  --bg:#040D3F;--bg-translucent:rgba(4,13,63,0.92);--card:#1D2552;--border:#2A3268;--text:#FFFFFF;--muted:#B9BBC7;--accent:#0D8091;--accent-soft:#0F2E38;
  --positive:#7FE089;--negative:#F97D7D;
  --good:#7FE089;--good-soft:#123322;--critical:#F97D7D;--critical-soft:#3A1616;
}
[data-theme="banking"] .conf,
[data-theme="banking"] .prob-item b{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;
}
[data-theme="banking"] .prob-item.fav,
[data-theme="banking"] .prob-item.picked{
  box-shadow:inset 0 0 0 1px var(--positive);
}
[data-theme="banking"] .prob-item.fav b,
[data-theme="banking"] .prob-item.picked b{
  color:var(--positive);
}

.theme-fab{position:fixed;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 6px 18px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;font-size:19px;cursor:pointer;z-index:200;}
.theme-panel{position:fixed;bottom:76px;right:20px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 8px 24px rgba(0,0,0,.18);z-index:200;display:none;min-width:190px;}
.theme-panel.open{display:block;}
.theme-panel .t-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;margin-bottom:10px;}
.theme-opt{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;cursor:pointer;font-size:13.5px;color:var(--text);}
.theme-opt:hover{background:var(--accent-soft);}
.theme-opt.active{font-weight:700;}
.theme-swatch{width:18px;height:18px;border-radius:50%;border:1px solid var(--border);flex-shrink:0;}

#cookieBar{position:fixed;left:0;right:0;bottom:0;z-index:300;background:var(--card);border-top:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;box-shadow:0 -4px 20px rgba(0,0,0,.1);}
#cookieBar .cookie-text{flex:1;min-width:240px;font-size:13px;color:var(--muted);line-height:1.5;}
#cookieBar .cookie-text b{color:var(--text);}
#cookieBar .cookie-text a{color:var(--accent);font-weight:600;}
#cookieBar .cookie-actions{display:flex;gap:10px;flex-shrink:0;}
#cookieBar button{padding:10px 18px;border-radius:8px;font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap;}
#cookieBar .btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text);}
#cookieBar .btn.primary{background:var(--accent);color:#fff;border:none;}
@media(max-width:600px){#cookieBar{flex-direction:column;align-items:stretch;}#cookieBar .cookie-actions{justify-content:stretch;}#cookieBar .cookie-actions button{flex:1;}}

/* Logo için hafif nabız/parıltı (12 Eylül 2026, fikir havuzu) — marka
   ilkesiyle ("abartısız, olduğu gibi", KIMLIK.md) tutarlı kalması için
   sadece drop-shadow yoğunluğu döngüleniyor, boyut/pozisyon SABİT (zıplama
   yok). Aktif temanın --accent'ini kullanıyor, tema değişince otomatik
   uyuyor. Hareket duyarlılığı olan kullanıcılar için tamamen kapatılıyor. */
.logo-icon{animation:formul11LogoPulse 3.4s ease-in-out infinite;}
@keyframes formul11LogoPulse{
  0%,100%{filter:drop-shadow(0 0 0 transparent);}
  50%{filter:drop-shadow(0 0 5px var(--accent));}
}
@media(prefers-reduced-motion:reduce){.logo-icon{animation:none;}}