/* ══════════════════════════════════════════════════════════════════════
   SSP — ORTAK SAYDAM KATMAN (video fonu olan sayfalar için)
   8 Ağustos 2026

   Kullanıcı: "diğer sayfalar içinde arka planda videolar dönmeye devam
   etsin, saydam yapı devam etsin."

   Bu dosya `ssp-fon-video-v1.js` ile birlikte kullanılır. Görevi iki
   şeyi yapmak:
     1) Video katmanını konumlandırmak (#fonKat) ve okunurluk örtüsünü
        koymak.
     2) Sayfanın KENDİ OPAK zeminini saydamlaştırmak — yoksa video arkada
        döner ama hiç görünmez.

   ── NEDEN `html[data-ssp-fon]` İLE KAPILANDI ────────────────────────
   Sayfalar kendi temalarını taşıyor ve her biri farklı sınıf adları
   kullanıyor. Kuralları koşulsuz yazmak, video eklemediğimiz sayfaları da
   (uygulama, yönetim, test) bozardı. Bu yüzden her kural gövde/kök
   niteliğine bağlı; nitelik yalnız videoyu açtığımız sayfalarda var.

   ── ÖLÇÜM NOTU ──────────────────────────────────────────────────────
   Ana sayfada ölçülmüştü: videoyu karartan üç katman (video filtresi,
   katman opaklığı, örtü) çarpılıyor ve metin kontrastı AA eşiğinin altına
   düşüyor. Burada aynı hataya düşmemek için örtü DÜŞÜK tutuldu (.30) ve
   okunurluk, içeriğin kendi cam kutularına bırakıldı — form ve fatura
   sayfalarında yazı her zaman bir kutunun içinde duruyor.
   ══════════════════════════════════════════════════════════════════════ */

/* ── 1 · VİDEO KATMANI ───────────────────────────────────────────────── */
html[data-ssp-fon] #fonKat {
  position: fixed;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  background: #0b1220;          /* video yüklenmezse görünen taban */
  pointer-events: none;
}
html[data-ssp-fon] #fonKat video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1.6s ease;   /* JS'teki GECIS ile AYNI */
  filter: saturate(.98) contrast(1.04) brightness(.95);
  transform: scale(1.012);          /* kenar titremesini gizler */
}
html[data-ssp-fon] #fonKat video.acikKat { opacity: 1; }

/* ── OKUNURLUK ÖRTÜSÜ ────────────────────────────────────────────────
   Alfa ÖLÇÜMLE seçildi, göz kararıyla değil.

   Videonun parlak bölgesi orta parlaklıkta (bağıl parlaklık ≈ 0,56).
   Orada ne koyu ne açık yazı yeterli kontrast verir: beyaz yazı bile
   1,49'da kalıyor (eşik 4,5). Gerekli alfa:
       L_örtülü = 0,56·(1−a) + 0,003·a  ≤  (1,05 / 4,5) − 0,05 = 0,1522
       ⇒ a ≥ 0,72
   Kullanıcı kararı (8 Ağu 2026): "Okunurluk önce: örtü ~0,72." Yani
   kart DIŞINDAKİ yazılar (üst başlık, altlık bağlantıları) doğrudan
   video üstünde dururken de AA eşiğini geçiyor. Video seçilebilir kalır
   ama bilinçli olarak soluktur — bunlar işlevsel sayfalar (giriş, ödeme).

   Ana sayfa bu dosyayı kullanmaz; oradaki örtü .26'da kalır çünkü orada
   yazı her zaman kendi perdesinin veya bölüm camının üstünde durur. */
html[data-ssp-fon] #fonKat::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(5, 12, 23, .76) 0%, rgba(5, 12, 23, .80) 45%, rgba(5, 12, 23, .86) 100%),
    radial-gradient(90% 70% at 78% 8%, rgba(46, 213, 179, .05), transparent 66%);
}

/* ── 2 · SAYFANIN KENDİ ZEMİNİNİ SAYDAMLAŞTIR ────────────────────────
   Kök ve gövde opak bir renk taşıyorsa video hiç görünmez. Saydam
   yapılıyor; taban rengi artık #fonKat'ta. */
html[data-ssp-fon],
html[data-ssp-fon] body {
  background-color: transparent !important;
}
/* Bazı sayfalar zemini `background-image` ile (gradyan) veriyor; o da
   kalkmalı, yoksa videonun üstünü kapatır. */
html[data-ssp-fon] body {
  background-image: none !important;
}

/* Sabit dekor katmanları (giriş sayfasındaki gökyüzü/yıldız/taç gibi)
   videonun üstünü kapatıyordu. Yıldızlar kalsın ama saydam, gökyüzü
   gradyanı kalksın. */
html[data-ssp-fon] #gok { background: none !important; }
html[data-ssp-fon] #yildiz { opacity: .30 !important; }
html[data-ssp-fon] #tac { opacity: .55 !important; }

/* ── 3 · İÇERİK YÜZEYLERİ — SEÇİME BAĞLI ─────────────────────────────
   ⚠ KART YÜZEYLERİNE VARSAYILAN OLARAK DOKUNULMAZ.

   Sebebi ölçüldü: giriş / ödeme / hesap sayfaları `ssp-portal-sade-v1.css`
   kullanıyor ve o tema kartları BİLEREK opak beyaz yapıyor
   (--portal-surface:#ffffff), yazıyı da koyu (--portal-ink:#182235);
   cam efektini de açıkça kaldırıyor (`backdrop-filter:none`). Dosyanın
   adı "sade" — bu bir kaza değil, form okunurluğu için verilmiş bir karar.

   O beyaz kartların KOYU yazısının arkasına koyu cam koymak yazıyı
   okunmaz yapar. Bu yüzden kart camı yalnız İSTENDİĞİNDE açılır:
       <html data-ssp-fon="cam">
   Koyu temalı, açık yazılı sayfalarda (rehber sayfaları gibi) bu güvenli.
   Açık yüzeyli portal sayfalarında `data-ssp-fon="1"` kullanılır: video
   arkada döner, kartlar okunur kalır. */
/* ── PORTAL PALETİNİ KOYU CAMA ÇEVİR ─────────────────────────────────
   `ssp-portal-sade-v1.css` DEĞİŞTİRİLMEDİ; yalnız beslediği değişkenler
   burada eziliyor. Böylece o temanın çizdiği her şey (kart, girdi, kenar,
   sekme, rozet, plan kutusu) tek yerden koyu camla uyumlu hâle geliyor —
   18 ayrı kuralı tek tek geçmeye gerek kalmıyor.

   Kullanıcı kararı (8 Ağu 2026): "Koyu cam yap, ana sayfa gibi."
   Sebep: beyaz kartın KOYU yazısı ile koyu cam bir arada okunmaz; ikisi
   birlikte dönmek zorunda. */
html[data-ssp-fon="cam"] {
  --portal-surface: rgba(9, 17, 30, .58);      /* kart yüzeyi */
  --portal-surface-2: rgba(255, 255, 255, .055);/* ikincil yüzey, girdi */
  --portal-ink: #eef3f8;                        /* ana yazı — açık */
  --portal-muted: #c6d2e2;      /* cam zeminde 4,25 → 5,3 (ölçüldü) */
  --portal-muted-2: #aebbcd;
  --portal-line: rgba(255, 255, 255, .14);
  --portal-line-2: rgba(255, 255, 255, .26);
  --portal-orange-dark: #ffc247;    /* koyu turuncu açık zemin içindi */
  --portal-orange-soft: rgba(245, 158, 11, .14);
  --portal-green: #6ee7b7;
  --portal-red: #fca5a5;
}

html[data-ssp-fon="cam"] .kutu,
html[data-ssp-fon="cam"] .kart,
html[data-ssp-fon="cam"] main > section,
html[data-ssp-fon="cam"] .panel {
  background-color: rgba(9, 17, 30, .58) !important;
  backdrop-filter: blur(14px) saturate(118%);
  -webkit-backdrop-filter: blur(14px) saturate(118%);
}
/* Sade tema kartlardaki camı bilerek kaldırıyordu (`backdrop-filter:none`)
   ve bizim kuralımızla eşit özgüllükte olup SONRA yüklendiği için
   kazanıyordu. Cam kipinde geri açılıyor. */
html[data-ssp-fon="cam"] body[data-ssp-portal] .kutu,
html[data-ssp-fon="cam"] body[data-ssp-portal] .kart {
  backdrop-filter: blur(14px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(118%) !important;
}

/* ── SABİT BEYAZ YÜZEYLER ────────────────────────────────────────────
   Sade tema renklerin bir kısmını değişkenle DEĞİL doğrudan yazıyor
   (`background:#fff`). Değişkenleri çevirmek yetmedi: yazı açıldı, bu
   yüzeyler beyaz kaldı ve açık-üstüne-açık çıktı — ölçümde 40 öğeden
   35'i eşiğin altına düştü. Beşinin tamamı burada koyu cama çevrildi.
   Liste tam: girdi, seçili sekme, Google düğmesi, plan kutusu (+hover). */
html[data-ssp-fon="cam"] body[data-ssp-portal] :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  background: rgba(4, 10, 19, .52) !important;
  color: #eef3f8 !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal] .sekme button[aria-selected="true"] {
  background: rgba(245, 158, 11, .18) !important;
  color: #ffc247 !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal] .btn.google {
  background: rgba(255, 255, 255, .10) !important;
  color: #eef3f8 !important;
  border: 1px solid rgba(255, 255, 255, .26) !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal] .plan,
html[data-ssp-fon="cam"] body[data-ssp-portal] .plan:hover {
  background: rgba(9, 17, 30, .52) !important;
  color: #eef3f8 !important;
}
/* Plan kutusundaki tutar ve etiketler açık zemin için koyu yazılmıştı. */
html[data-ssp-fon="cam"] body[data-ssp-portal] .plan :is(b, strong, span, small, div) {
  color: inherit;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-ssp-fon="cam"] .kutu,
  html[data-ssp-fon="cam"] .kart,
  html[data-ssp-fon="cam"] main > section,
  html[data-ssp-fon="cam"] .panel {
    background-color: rgba(9, 17, 30, .86) !important;
  }
}

/* Üst bant ve altlık — sayfa boyunca video görünsün diye onlar da cam. */
html[data-ssp-fon] header {
  background-color: rgba(8, 15, 27, .42) !important;
  backdrop-filter: blur(16px) saturate(125%);
  -webkit-backdrop-filter: blur(16px) saturate(125%);
}
/* ⚠ PORTAL SAYFALARI HARİÇ (8 Ağu 2026, kullanıcı bildirdi).
   Bu sayfalarda `footer` tam genişlikte bir blok değil, ortada duran
   küçük bir bağlantı satırı ("← Ana sayfa · solarsimpro.com"). Ona cam
   zemin vermek, sayfanın altına yatay koyu bir bant çiziyordu —
   kullanıcının "arka plandaki karanlık çizgi" dediği şey buydu.
   İçerik sayfalarında altlık gerçek bir blok olduğu için cam kalıyor. */
html[data-ssp-fon] body:not([data-ssp-portal]) footer {
  background-color: rgba(6, 12, 22, .58) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
/* Portal altlığı: zemin yok, yalnız okunur yazı. */
html[data-ssp-fon] body[data-ssp-portal] footer {
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

/* Form alanları — yalnız cam kipinde koyulaştırılır. Açık yüzeyli portal
   sayfalarında girdiler beyaz kalmalı: kartı beyaz bırakıp girdiyi
   koyultmak hem yamalı görünür hem koyu yazıyı okunmaz yapar. */
html[data-ssp-fon="cam"] input:not([type="checkbox"]):not([type="radio"]),
html[data-ssp-fon="cam"] select,
html[data-ssp-fon="cam"] textarea {
  background-color: rgba(4, 10, 19, .52) !important;
}

/* Yazdırmada video ve cam yok — mürekkep ve okunurluk için düz zemin. */
@media print {
  html[data-ssp-fon] #fonKat { display: none !important; }
  html[data-ssp-fon],
  html[data-ssp-fon] body { background: #fff !important; }
  html[data-ssp-fon] .kutu,
  html[data-ssp-fon] .kart,
  html[data-ssp-fon] header,
  html[data-ssp-fon] footer,
  html[data-ssp-fon] main > section,
  html[data-ssp-fon] .panel {
    background-color: #fff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   PORTAL TEMASININ KOYU KARŞILIĞI (yalnız cam kipinde)
   8 Ağustos 2026

   `ssp-portal-sade-v1.css` AÇIK YÜZEYLİ bir tema: kartlar beyaz, yazılar
   koyu. Yalnız CSS değişkenlerini ezmek YETMEDİ — ölçüldü: 41 metin
   öğesinden 35'i eşiğin altına düştü, çünkü tema renklerin bir kısmını
   doğrudan yazıyor (`#fff` yüzeyler, `#47566c` etiketler, `#315d8c`
   bağlantılar…). Aşağıda o temanın renk taşıyan 32 kuralının koyu
   karşılığı var. Kaynak dosyaya DOKUNULMADI; sade tema, video olmayan
   sayfalarda aynen çalışmaya devam ediyor.

   Renk seçiminde kural: tonlu (turuncu/yeşil/mavi) bir zemin üstündeki
   yazı NEREDEYSE BEYAZ yapıldı. Ton üstüne ton koymak ölçümde 1,3–1,6
   kontrast veriyordu.
   ══════════════════════════════════════════════════════════════════════ */

/* ── durum kutuları ─────────────────────────────────────────────────── */
html[data-ssp-fon="cam"] body[data-ssp-portal] .mesaj.hata {
  color: #ffd7dd !important;
  background: rgba(180, 35, 59, .20) !important;
  border-color: rgba(252, 165, 165, .46) !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal] .mesaj.iyi,
html[data-ssp-fon="cam"] body[data-ssp-portal="giris"] .dogKart.tamam,
html[data-ssp-fon="cam"] body[data-ssp-portal="hesap"] .rozet.iyi {
  color: #d6fbec !important;
  background: rgba(22, 131, 95, .22) !important;
  border-color: rgba(110, 231, 183, .46) !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal] .mesaj.bilgi {
  color: #dbeafe !important;
  background: rgba(59, 130, 246, .18) !important;
  border-color: rgba(147, 197, 253, .44) !important;
}

/* ── giriş sayfası ──────────────────────────────────────────────────── */
/* Kart DIŞINDA, doğrudan videonun üstünde duran tek metin. Örtü .76 iken
   #eef3f8 ölçümde 4,87 veriyor (eşik 4,5). */
html[data-ssp-fon="cam"] body[data-ssp-portal="giris"] .ust {
  color: #eef3f8 !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .55);
}
html[data-ssp-fon="cam"] body[data-ssp-portal="giris"] .sekme,
html[data-ssp-fon="cam"] body[data-ssp-portal="giris"] .donemSec {
  background: rgba(255, 255, 255, .07) !important;
}
/* Seçili sekme: turuncu tonun üstüne turuncu yazı 1,31 veriyordu → beyaz. */
html[data-ssp-fon="cam"] body[data-ssp-portal="giris"] .sekme button[aria-selected="true"] {
  color: #fff !important;
  background: rgba(245, 158, 11, .26) !important;
  box-shadow: inset 0 0 0 1px rgba(245, 158, 11, .42) !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal="giris"] .donemSec button b {
  color: #6ee7b7 !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal="giris"] .donemSec button[aria-pressed="true"],
html[data-ssp-fon="cam"] body[data-ssp-portal="giris"] .donemSec button[aria-pressed="true"] b {
  color: #fff !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal="giris"] label,
html[data-ssp-fon="cam"] body[data-ssp-portal="hesap"] #faturaKart label,
html[data-ssp-fon="cam"] body[data-ssp-portal="hesap"] .ozellik li {
  color: #c2cfe0 !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal="giris"] .baglanti,
html[data-ssp-fon="cam"] body[data-ssp-portal="odeme"] .onay a,
html[data-ssp-fon="cam"] body[data-ssp-portal="odeme"] .notlar a {
  color: #a9cdfa !important;
  border-color: rgba(169, 205, 250, .38) !important;
}

/* ── hesap ve demo ──────────────────────────────────────────────────── */
html[data-ssp-fon="cam"] body[data-ssp-portal="hesap"] .rozet.bek,
html[data-ssp-fon="cam"] body[data-ssp-portal="demo"] .durumKart {
  border-color: rgba(245, 158, 11, .48) !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal="demo"] .sureBilgi strong {
  color: #ffc247 !important;
}

/* Şirket künyesi ve altlık yazıları kart dışında, video üstünde. */
html[data-ssp-fon="cam"] body[data-ssp-portal] footer,
html[data-ssp-fon="cam"] body[data-ssp-portal] footer a,
html[data-ssp-fon="cam"] body[data-ssp-portal] .altBilgi,
html[data-ssp-fon="cam"] body[data-ssp-portal] .kunye {
  color: #dbe4ef !important;
}

/* ── ÖLÇÜMLE BULUNAN ÜÇ SON NOKTA ────────────────────────────────────
   İlk turda 35, ikinci turda 18 öğe eşiğin altındaydı. Kalanlar,
   seçicilerimin ulaşmadığı üç yerdi (gerçek yollar tarayıcıdan alındı):

   1) `.donemSec button` — kendi zemini beyazdı (kap saydam olsa da).
      Beyaz yazı + beyaz zemin = kontrast 1,00, yani görünmez.
   2) `nav.yasalBag a` — altlıktaki yasal bağlantılar; `footer a` değil,
      `main` içinde bir nav. #9dabbf ile 2,41'de kalıyordu.
   3) `p.altKimlik` — şirket künyesi; #6f7d90 ile 1,34. */
html[data-ssp-fon="cam"] body[data-ssp-portal] .donemSec button {
  background: rgba(255, 255, 255, .06) !important;
  color: #dbe4ef !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal] .donemSec button[aria-pressed="true"] {
  background: rgba(245, 158, 11, .26) !important;
  color: #fff !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal] .yasalBag a {
  color: #dbe4ef !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal] .altKimlik,
html[data-ssp-fon="cam"] body[data-ssp-portal] .altYasal {
  color: #cbd6e4 !important;
}

/* ── KART DIŞINDAKİ YAZILAR ──────────────────────────────────────────
   Üçüncü ölçüm turu: kalan 18 öğenin tamamı kart dışında, doğrudan
   örtülü videonun üstünde duran 11,5–13 px gri yazılardı (2,41–3,82).

   Hesap: örtü .80 iken zemin L ≈ 0,115. AA için (4,5) yazının bağıl
   parlaklığı ≥ 0,468·... pratikte #e8eef6 ve üstü gerekiyor:
       (0,81 + 0,05) / (0,115 + 0,05) = 5,2  ✓
   Bu yüzden bu bölgedeki bütün yazılar açık tona çekildi. Kart İÇİNDEKİ
   hiyerarşi (soluk etiket / koyu değer) korunuyor — orada zemin cam. */
html[data-ssp-fon="cam"] body[data-ssp-portal] .altBlok,
html[data-ssp-fon="cam"] body[data-ssp-portal] .altBlok p,
html[data-ssp-fon="cam"] body[data-ssp-portal] .altBlok span,
html[data-ssp-fon="cam"] body[data-ssp-portal] .altYasal,
html[data-ssp-fon="cam"] body[data-ssp-portal] .altKimlik,
html[data-ssp-fon="cam"] body[data-ssp-portal] .yasalBag a,
html[data-ssp-fon="cam"] body[data-ssp-portal="giris"] .ust {
  color: #e8eef6 !important;
}
/* Yeşil tasarruf ibaresi de video üstünde — açık yeşile çekildi. */
html[data-ssp-fon="cam"] body[data-ssp-portal] .donemSec button b {
  color: #b9f5dd !important;
}
/* Seçili olmayan dönem düğmesi ve ikincil sekme yazısı. */
html[data-ssp-fon="cam"] body[data-ssp-portal] .donemSec button,
html[data-ssp-fon="cam"] body[data-ssp-portal] .sekme button {
  color: #e8eef6 !important;
}

/* ── DÖRDÜNCÜ TUR: PLANLAR PANELİ ────────────────────────────────────
   Kalan 5 öğe sağdaki plan panelindeydi ve hepsi eşiğe yakındı
   (3,22–4,33 / 4,5). Sebep: dönem düğmelerine verdiğim
   rgba(255,255,255,.06) zemini AÇIYORDU; üstündeki beyaz ve açık yeşil
   yazı bu yüzden yeterli ayrışmıyordu. Düğme zeminleri koyulaştırıldı,
   panel bir tık derinleştirildi, not yazısı açıldı. */
html[data-ssp-fon="cam"] body[data-ssp-portal="giris"] .sag {
  background: rgba(4, 10, 19, .24) !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal] .donemSec,
html[data-ssp-fon="cam"] body[data-ssp-portal] .sekme {
  background: rgba(4, 10, 19, .34) !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal] .donemSec button {
  background: rgba(4, 10, 19, .30) !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal] .donemSec button b {
  color: #d6fbec !important;
}
/* Ödeme/fiyat notu ve turuncu bölüm başlığı. */
html[data-ssp-fon="cam"] body[data-ssp-portal] :is(.fiyatNot, .notlar, .notlar *, .onay, .onay *) {
  color: #e2eaf4 !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal] .sagBaslik,
html[data-ssp-fon="cam"] body[data-ssp-portal] .sag > h2,
html[data-ssp-fon="cam"] body[data-ssp-portal] .sag > .baslik {
  color: #ffd27a !important;
}

/* ── demo sayfası: sabit gri tonlar ──────────────────────────────────
   Ölçüm (demo.html): 28 öğeden 7'si eşiğin altındaydı. İkisi temanın
   değişkenlerinden geliyordu (yukarıda açıldı), biri sayfanın kendi
   sabit tonuydu (#718496 → cam zeminde 2,13). Cam kipinde açılıyor. */
html[data-ssp-fon="cam"] body[data-ssp-portal="demo"] :is(.ipucu, .kucukNot, .not, small, .aciklama, .yardim) {
  color: #c6d2e2 !important;
}
html[data-ssp-fon="cam"] body[data-ssp-portal="demo"] .kabuk :is(p, li, span, label) {
  color: #ccd8e6;
}

/* demo.html'in kendi sabit soluk tonu (#71849a) — üç yerde: .mini, .alt ve
   "(isteğe bağlı)" için satır içi stil. Satır içi stil `!important` ile
   ezilir; kaynak dosyaya dokunmuyoruz. Ölçüm: 2,13 → 5,2 üstü. */
html[data-ssp-fon="cam"] body[data-ssp-portal="demo"] .mini,
html[data-ssp-fon="cam"] body[data-ssp-portal="demo"] .alt,
html[data-ssp-fon="cam"] body[data-ssp-portal="demo"] label span[style*="71849a"] {
  color: #c6d2e2 !important;
}
/* Turuncu vurgu cam zeminde 4,15'te kalıyordu — bir tık açıldı. */
html[data-ssp-fon="cam"] body[data-ssp-portal] :is(.uyari, .durumKart) strong,
html[data-ssp-fon="cam"] body[data-ssp-portal="demo"] strong {
  color: #ffd88f !important;
}

/* Turuncu tonlu uyarı kartları cam zeminde zemini açıyordu (4,15–4,36).
   Ton korunuyor, zemin derinleştiriliyor. */
html[data-ssp-fon="cam"] body[data-ssp-portal] :is(.durumKart, .uyari, .bilgiKart) {
  background: rgba(4, 10, 19, .46) !important;
}