/* v469 CAM VERİ — Görev 4 (MIMARI §E4, E8, E14): kartlar, listeler/tablolar, tipografi eşlemesi, grafik teması. LF.
   ─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
   KATMAN: içerik "pencere"si (D1). Kart = --cam-pencere (panel × --yuzey-op — v467 opaklık tablosu AYNEN) + çizgisiz kenar
   (--cam-isik iç ışık bandı) + --cam-golge-1. ⚠️ backdrop-filter YOK (içerik katmanı — §C-1 yasak satırı; 15.09 dersi).
   OKUNURLUK: kart bileşimi .panel ile AYNI → v467/v468 ölçümleri geçerli (parıltı yazı alanında ≤ .04 koyu = --cam-parilti-pencere).
   Opak kutuları (.hafta, .plan-gun …) cama çevirmek bileşimi .panel'e EŞİTLER (daha saydam değil). İç kutu = --cam-ic tonu (kutu değil grup).
   KAPSAM: P = ":root[data-cam-etkin] .gorunum:not(#komutaGorunum)" — Komuta HARİÇ (D2: Komuta piksel farkı 0). Nitelik yoksa
   (?cam=kapali) hiçbir kural eşleşmez → v468 görünümü. #id içeren önek bilinçli: style.css'in (0,3,0)–(0,5,0) tema/canlılık
   kurallarını sıra savaşına girmeden geçer. ⚠️ Görev 3'ün bileşenlerine (düğme, segment, sekme şeridi, rozet, form, modal)
   ÖZELLİK YAZILMAZ — yalnız aile değişkeni (--font-mono) onlara da sans verir (E9 ile aynı yön).
   TİPOGRAFİ (D7/D8): 12 dipnot · 13 alt · 14 liste satırı (E8; kabukla ortak) · 15 gövde · 17/600 panel başlığı · 22/700 kanvas
   bölüm başlığı · 26/600 büyük rakam (KPI clamp tek akışkan istisna) · 40/600 kahraman. Ağırlık yalnız 400/600/700.
   Tutar/tarih gövde fontunda tabular-nums; mono YALNIZ kod dizileri (IBAN, kart no, <code>) → --cam-font-kod.
   KÖŞE (D9): kart 22 (dar 24) · iç satır/kutu 14 · alan/ikon kutusu 12 · kapsül 999 · daire 50% · gösterge karesi 3.
   ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */

/* ---------- 1) KAPSAM DEĞİŞKENLERİ (görünüm içi) ----------
   · --font-mono / --st-font-mono → gövde yazısı: style.css'teki 36 "font-family: var(--font-mono)" + grafik.css/grafik3b.css bir
     kalemde sans olur (D8). --cam-font-kod :root'ta HESAPLANDIĞI için (JetBrains Mono) etkilenmez → kod dizileri mono kalır.
   · --cizgi → transparent: style.css'teki 211 "1px solid var(--cizgi)" kenar/ayraç TEK hamlede kalkar (D6 kontur YOK) — yer kaplamaya
     devam eder (1 px saydam), yerleşim kaymaz. --cizgi'yi DOLGU olarak kullanan izler (ilerleme yuvası, halka izi, zaman çizelgesi,
     SVG ızgara, gri hap) aşağıda §1b'de Apple iz tonuna (--cam-ic / --cam-ust / --st-grafik-izgara) AÇIKÇA bağlanır — kaybolmaz.
     Renkli ≥ 2 px durum şeritleri (zararlı K/Z kartı, kritik kova, düzeltilmiş kalem …) kendi renkleriyle KALIR (durum, kontur değil).
   · --r 12 → 14 (iç satır), --bosluk 16 → 18 (kart dolgusu; .tablo-panel gibi istisnalar kendi değerini korur).
   · --golge-kart / --golge-satir: style.css'teki kart/satır gölgeleri 3 kademeli ölçeğe bağlanır (elevation-consistent). */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) {
  --font-mono: var(--cam-font);
  --st-font-mono: var(--cam-font);
  --cizgi: transparent;
  --r: var(--cam-r-satir);
  --bosluk: 18px;
  --golge-kart: var(--cam-isik), var(--cam-golge-1);
  --golge-satir: none;
  font-variant-numeric: tabular-nums lining-nums;
}
/* §1a — KART İÇİ GRUP TONU (--cam-v-ic; Görev 4 eki): maketin --cam-ic'i (koyuda %5 BEYAZ) kartın içinde yazının ardını AÇIYORDU —
   kart içi tarama (tasarim-v469/uygulama/gorev4/kart-ici-kontrast.mjs, gri zarf uçları + .04 parıltı) koyu kategori rozetlerinde 4,4 → 3,9.
   Okunurluk önce: koyuda iç satır/kutu panel renginin %42'si (yazının ardını KOYULTUR — v468'in "zemin × yüzey" satır dolgusu ile aynı
   yön), aydınlıkta beyaz %42 (koyu yazının ardını AÇAR). İzler (ilerleme yuvası vb. — yazı taşımaz) --cam-ic kalır. */
:root[data-cam-etkin][data-tema="koyu"] .gorunum:not(#komutaGorunum) {
  --cam-v-ic: color-mix(in srgb, var(--panel) 42%, transparent); --cam-v-ic2: color-mix(in srgb, var(--panel) 66%, transparent);
  --cam-v-panel: color-mix(in srgb, var(--panel) 42%, transparent);   /* v526: Plan kalemi tonu (iki temada panel %42) — §15c ölçekler */
}
:root[data-cam-etkin][data-tema="aydinlik"] .gorunum:not(#komutaGorunum) {
  --cam-v-ic: color-mix(in srgb, #FFFFFF 42%, transparent); --cam-v-ic2: color-mix(in srgb, #FFFFFF 66%, transparent);
  --cam-v-panel: color-mix(in srgb, var(--panel) 42%, transparent);
}
/* v468'de HER satırı kendi koyu dolgusunu taşıyan listeler (Para kalemleri, Yaklaşanlar) zebrada da tabanı korur: bütün satırlar
   --cam-v-ic, vurgulu/tek satır --cam-v-ic2 (yazının ardı v468'den AÇIK olmaz — kart içi tarama "çift satır" gerilemesi). */
/* "font:" kısaltması font-variant-numeric'i sıfırlar (cam token'ları --cam-y-* dahil) → görünüm içindeki HER öğede tabular + lining
   yeniden bildirilir (hizalama şartı, v463 K5; Hanken "tnum" doğrulanmış). Yalnız rakam biçimi — başka özellik yazılmaz. */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) * { font-variant-numeric: tabular-nums lining-nums; }
/* §1b — --cizgi'yi dolgu/iz olarak kullananlar (yukarıdaki saydamlaştırmadan sonra görünür kalsın) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .taksit-iz::before,
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kurum-satir::before { background: var(--cam-ic); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.dagilim-liste .kutucuk.bos, .tes-grup-sayi, .tes-yas-rozet:not(.bugun, .eski)) { background: var(--cam-ust); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.akis-trend-taban, .analiz-izgara, .hn-izgara) { stroke: var(--st-grafik-izgara, var(--cam-ust)); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .halka-olcer .iz { stroke: var(--cam-ust); }
/* Kod dizileri (D8 tek mono yeri): IBAN, ödeme kartı no, kart no satırı, <code> */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.iban-satir .deger, .okart-no code, .kart-no-satir .no, .kart-no-maske, code) {
  font-family: var(--cam-font-kod); letter-spacing: 0;
}

/* ---------- 2) KART / PANEL (E4) — "pencere": bulanıklık YOK, kontur YOK, eşmerkezli köşe ---------- */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.panel, .hafta, .plan-hafta, .kredi-kart, .tes-kuyruk, .tah-net) {
  background: var(--cam-parilti-pencere), var(--cam-pencere);
  border: 0; border-color: transparent;
  border-radius: var(--cam-r-kart);
  box-shadow: var(--cam-isik), var(--cam-golge-1);
}
/* v468'de .panel OLMAYAN (opak ya da düz yarı saydam) ve v469'da karta dönen kaplar: parıltı degradesi YOK, yalnız --cam-pencere.
   Neden: bileşimleri .panel'le aynı kalır AMA resimsiz olduklarından DOM kontrast taraması (kontrast-tara.mjs) içlerindeki her yazıyı
   zarfın iki ucunda ÖLÇER (resimli yüzey = jüri sayılıp atlanırdı) → v469'da yeni cama dönen yüzeyler gerçekten doğrulanmış olur.
   Görsel fark: üstteki .04 ışık bandı yok (ışık kenarı --cam-isik aynen). */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.hafta, .plan-hafta, .kredi-kart, .tes-kuyruk, .tah-net):not(.panel) {
  background: var(--cam-pencere);
}
/* Plan / Tahsilat "vadesi geçmiş" bloğu: tek cam kap (v468 Z8 kararı) + %8 tehlike tonu ALTTA — bileşim aynen, kontur yok */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-blok {
  background: var(--cam-parilti-pencere), linear-gradient(var(--cam-pencere), var(--cam-pencere)),
    color-mix(in srgb, var(--tehlike) 8%, transparent);
  border: 0; border-radius: var(--cam-r-kart);
  box-shadow: var(--cam-isik), var(--cam-golge-1);
}
@media (max-width: 759px) {
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.panel, .hafta, .plan-hafta, .kredi-kart, .tes-kuyruk, .plan-geciken-blok) {
    border-radius: var(--cam-r-kart-dar);
  }
}
/* Eski "üst renkli şerit" ve köşe ışımaları kalkar (D10: renk yalnız durumda + kategori dairesinde) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.bakiye-kart, .para-kart)::before { content: none; }
/* Hover: kart arka planı/kenarı değişmez; yalnız [data-egim] eğilmesi (egim.js) aynen. Kaydırmalı yükselme kalkar. */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.bakiye-kart, .hafta):hover {
  border-color: transparent; transform: none; box-shadow: var(--cam-isik), var(--cam-golge-1);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.odeme-satir, .plan-kalem):hover { border-color: transparent; transform: none; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.odeme-satir, .plan-kalem):hover { box-shadow: none; background-color: var(--cam-ust); }

/* İç kutular (kutu içinde kutu YOK → grup tonu): istatistik kutuları, alt kartlar, satır kutuları */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.lum-stat, .ozet-kutu, .lum-yan-kart, .akis-alt-kart, .kurum-kpi-kutu,
  .analiz-buyuk-kutu, .cs-form, .tes-kutu, .maas-ozet-kutu, .pos-kutu, .patron-kart, .patron-grafik, .etki) {
  background: var(--cam-v-ic);
  border: 0; border-radius: var(--cam-r-satir);
  box-shadow: none;
}
/* "Vurgulu" iç kutular: sol 3 px şerit yerine seçim tonu (renk yalnız seçim/durum) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.lum-stat, .kurum-kpi-kutu, .tes-kutu, .pos-kutu):is(.vurgulu, .toplam) {
  background: var(--cam-v-ic); border: 0;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .lum-stat.vurgulu :is(.lum-ikon, .deger) { color: var(--metin); }

/* Not / bilgi kutuları: renk tonu kalır (durum), kontur kalkar */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .not-kutu {
  border: 0; border-radius: var(--cam-r-satir); font-size: 13px; line-height: 18px;
}

/* ---------- 3) TİPOGRAFİ EŞLEMESİ (§F Görev 4) ---------- */
/* Kanvas bölüm başlığı: 12/700 BÜYÜK → 22/700 başlık biçimi (Title 2) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .bolum-baslik {
  font: var(--cam-y-bolum); font-variant-numeric: tabular-nums lining-nums; letter-spacing: var(--cam-iz-bolum);
  text-transform: none; color: var(--metin); margin: 28px 0 12px;
}
/* Panel içi başlık (Rapor "Patron Raporu", "Yıl Dağılımı" …) → panel başlığı 17/600 */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.panel .bolum-baslik, .panel-ust .bolum-baslik) {
  font: var(--cam-y-baslik); font-variant-numeric: tabular-nums lining-nums; letter-spacing: var(--cam-iz-baslik); margin-top: 0;
}
/* Görünümün İLK başlığı #gorunumUst'teki H1'in AYNISI ("Alacaklar / ALACAKLAR", "Bakiyeler") → görsel olarak gizli, ekran okuyucuda
   kalır (çift başlık yok — maket). Altındaki açıklama satırı (.bolum-not / .panel-alt-baslik) H1'in alt yazısı gibi kalır. */
:root[data-cam-etkin] :is(#ozetGorunum > .bolum-baslik, .gorunum:not(#komutaGorunum) > :is(.bolum-ust, .kz-ust):first-child .bolum-baslik,
  #krediListeKatman > .bolum-ust:first-child .bolum-baslik) {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; margin: 0;
  font-size: 15px;   /* görünmez — ölçek taramasında ayrı bir boy sayılmasın */
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) > :is(.bolum-ust, .kz-ust):first-child { margin-top: -6px; margin-bottom: 18px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.bolum-not, .panel-alt-baslik) {
  font: var(--cam-y-alt); font-variant-numeric: tabular-nums lining-nums; letter-spacing: var(--cam-iz-alt); text-transform: none;
}
/* Panel başlığı: 15 → 17/600 (Headline) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.panel-ust h3, .panel-baslik h3, .panel > h3:not(.bolum-baslik), .analiz-panel-baslik, .kz-kart-baslik, .plan-baslik,
  .lum-yan-kart h4, .akis-alt-kart h4, .patron-kart h4, .patron-grafik h4, .tes-kuyruk-ust h3, .tes-sutun-ust h4) {
  font: var(--cam-y-baslik); font-variant-numeric: tabular-nums lining-nums; letter-spacing: var(--cam-iz-baslik); text-transform: none;
}
/* İkincil satırlar: .ipucu / .panel-not / alt yazılar → 13 */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.ipucu, .panel-not, .analiz-alt, .akis-alt-kart-not, .grafik-ipucu:not([data-cam]),
  .bakiye-kart .alt, .olcer-metin .alt, .para-kart .alt, .plan-geciken-baslik .alt, .kopru-ozet, .sapma-ozet, .tablo-ipucu) {
  font-size: 13px; line-height: 18px; letter-spacing: var(--cam-iz-alt);
}
/* "7 gün" kapsam etiketi: konturlu hap → düz ikincil metin */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel-not { border: 0; padding: 0; background: none; }
/* Mikro etiketler: BÜYÜK HARF + izleme → başlık biçimi 12–13/600 (eyebrow YOK) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.etiket, .gun-ad, .gun-adi, .yogunlasma-baslik, .yogunlasma-baslik span,
  .akis-asama-baslik, .analiz-rozet, .analiz-ornek-rozet, .tah-net-kutu .ad, .tes-grup-baslik, .tes-grup-sayi, .patron-sutun h5,
  .yaklasan-tarih .ay, .kredi-kart-tutar .alt, .kredi-ilerleme-satir .yuzde, .kz-serit-kutu .etiket) {
  text-transform: none; letter-spacing: 0;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.lum-stat .etiket, .ozet-kutu .etiket, .kk-stat .etiket, .tes-kutu .etiket,
  .analiz-buyuk-kutu .etiket, .kurum-kpi-kutu .etiket, .kz-serit-kutu .etiket, .kredi-ilerleme-satir .etiket, .iban-satir .etiket,
  .yog-metrik .etiket) {
  font-size: 12px; line-height: 16px; font-weight: 600; color: var(--soluk);
}
/* Ağırlık disiplini (400/600/700): 500/550/640/650/720/800 → 600; 300 → 600 */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.kk-ad, .lum-stat .deger, .ozet-kutu .deger, .lum-yan-kart h4, .yog-buyuk,
  .kk-oran, .yaklasan-orta .ad, .kalem .ad, .yog-ad, .akis-dugum-deger, .kkd-hedef) {
  font-weight: 600;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.akis-donut-orta-deger) { font-weight: 700; }

/* ---------- 4) TABLOLAR + LİSTELER (E8 — Apple liste: ayraç YOK, ritim + ton) ---------- */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(table.rapor, .grafik-tablo table) {
  border-collapse: separate; border-spacing: 0;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(table.rapor, .grafik-tablo) :is(th, td) {
  border: 0; border-color: transparent;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) table.rapor { font-size: 15px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) table.rapor td { height: 44px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(table.rapor, .grafik-tablo) th {
  font: 600 12px/16px var(--cam-font); font-variant-numeric: tabular-nums lining-nums; letter-spacing: 0; text-transform: none; color: var(--soluk);
}
/* Zebra: tek veri satırları --cam-ic, uçlar satır köşesiyle (22 − 8 = 14) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(table.rapor, .grafik-tablo table) tr:has(> td):nth-child(even) > td { background: var(--cam-v-ic); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(table.rapor, .grafik-tablo table) tr > td:first-child { border-radius: var(--cam-r-satir) 0 0 var(--cam-r-satir); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(table.rapor, .grafik-tablo table) tr > td:last-child { border-radius: 0 var(--cam-r-satir) var(--cam-r-satir) 0; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(table.rapor, .grafik-tablo table) tr > td:only-child { border-radius: var(--cam-r-satir); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) table.rapor tr.tiklanabilir:hover > td,
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) table.rapor tbody tr:hover > td { background: var(--cam-ust); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) table.rapor tr.toplam > td {
  border: 0; font-weight: 600; background: none; padding-top: 16px;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) table.rapor :is(td.tutar, td.sayisal, td.sayi, td.sag) { font-weight: 600; }
/* Oran sütunu vurgu yeşiliydi → nötr (D10: vurgu yalnız birincil eylem + seçim) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) table.rapor .oran { color: var(--soluk); }
/* Yoğun tablo (grafik "Tabloyu göster"): 13 gövde, 40 ritim */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .grafik-tablo td { font-size: 13px; height: 36px; padding: 6px 10px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .grafik-tablo th { padding: 6px 10px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .grafik-tablo .sayi { font-weight: 600; }

/* Liste satırları: kutu değil satır — ayraç/kenar yok, satır kapsülü (14) ya da dolgusuz */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.yog-satir, .kk-satir, .kz-satir, .sapma-satir, .yogunlasma-baslik) {
  border: 0; border-color: transparent;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.yog-satir, .kk-satir, .sapma-satir) { border-radius: var(--cam-r-satir); padding-left: 10px; padding-right: 10px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.yog-satir, .kk-satir, .kz-satir):nth-child(odd) { background: var(--cam-v-ic); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kz-satir { border-radius: var(--cam-r-satir); padding-left: 10px; padding-right: 10px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .sapma-satir { background: var(--cam-v-ic); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .yog-kumulatif { border: 0; padding-left: 0; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.kk-rozet, .hhi-rozet, .uyari-rozet, .analiz-rozet, .analiz-ornek-rozet) { border: 0; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.yog-ad, .kk-ad, .akis-bar-satir .ad, .yog-tutar, .yog-pay, .yog-kumulatif, .kk-oran, .kurum-tutar, .kurum-satir) {
  font-size: 13px;
}
/* Kart limiti tutar sütunu sabit 164 px (style.css — kırpma dersi): 12 px kalır */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.kk-tutar, .kk-tutar small) { font-size: 12px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .akis-bar-satir .yuva { border: 0; background: var(--cam-ic); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.dp-yuva, .analiz-olcer, .yog-cubuk-yuva, .ilerleme, .kirilim-cubuk) { border: 0; background: var(--cam-ic); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .yog-gini-bar { background: var(--cam-ic); }

/* ---------- 5) ÖZET — kahraman + KPI kartları (E4), analiz şeridi, yaklaşanlar, haftalar ---------- */
/* Izgara: dar (< 760) 2 sütun (kahraman ve son tek kart tam satır; yatay şerit kalkar) · 760–1439 "bento" 3 sütun
   (kahraman 2 + Kart Borcu 1 / Kredi Kalanı 1 + Kredi Kullanım 2) · ≥ 1440 tek satır kahraman 2fr + 3 × 1fr.
   Neden kırılım: KPI rakamı clamp(19px, 13.2cqi, 26px) — "3.610.000,00 TL" ≈ 7,6 em; 1280'de dört kart yan yana KPI içi 146 px
   → 19 px'te bile sığmıyordu (v468: "TL" alt satıra düşüyordu). */
:root[data-cam-etkin] #ozetGorunum .bakiye-serit {
  display: grid; grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-columns: auto;
  gap: 12px; overflow: visible; padding-bottom: 0; scroll-snap-type: none;
}
:root[data-cam-etkin] #ozetGorunum .bakiye-serit > .kahraman-kart { grid-column: 1 / -1; }
@media (max-width: 759px) {
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit > .bakiye-kart:last-child:nth-child(even) { grid-column: 1 / -1; }
}
@media (min-width: 760px) {
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit > .kahraman-kart { grid-column: span 2; }
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit > .olcer-kart { grid-column: span 2; }
  /* Kredi Kullanım kartı yoksa (kart verisi yok): kahraman 2 + iki KPI tek satırda */
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit:not(:has(> .olcer-kart)) { grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); }
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit:not(:has(> .olcer-kart)) > .kahraman-kart { grid-column: auto; }
}
@media (min-width: 1440px) {
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit,
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit:has(> .kahraman-kart) {
    grid-template-columns: minmax(0, 2fr); grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);
  }
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit > :is(.kahraman-kart, .olcer-kart) { grid-column: auto; }
}
:root[data-cam-etkin] #ozetGorunum .bakiye-kart {
  container-type: inline-size; overflow: hidden; min-width: 0;
  padding: 18px 20px; color: var(--metin);
}
@media (max-width: 759px) { :root[data-cam-etkin] #ozetGorunum .bakiye-kart { padding: 16px; } }
/* Etiket satırı: 28 px kategori ikon dairesi SOLDA (kategori rengi %18) + 13/600 etiket */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kart-ust { gap: 10px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .para-kart.yarin { --kart-kat: var(--kat-kredi); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kart-ust .kart-ikon-kutu {
  order: -1; margin-left: 0; width: 28px; height: 28px; border-radius: 50%; border: 0;
  background: color-mix(in srgb, var(--kart-kat, var(--vurgu)) 18%, transparent); color: var(--kart-kat, var(--vurgu));
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kart-ust .kart-ikon { width: 15px; height: 15px; stroke-width: 2; }
:root[data-cam-etkin] #ozetGorunum .bakiye-kart:nth-child(1) { --kart-kat: var(--vurgu); }
:root[data-cam-etkin] #ozetGorunum .bakiye-kart:nth-child(2) { --kart-kat: var(--kat-kart-sirket); }
:root[data-cam-etkin] #ozetGorunum .bakiye-kart:nth-child(3) { --kart-kat: var(--kat-kredi); }
:root[data-cam-etkin][data-tema="koyu"] #ozetGorunum .bakiye-kart:is(:nth-child(2), :nth-child(3)) .kart-ikon-kutu {
  color: color-mix(in srgb, var(--kart-kat) 65%, var(--metin));       /* v467 kategori rengi açık tonu (rozetlerle aynı) */
}
:root[data-cam-etkin] #ozetGorunum .bakiye-kart :is(.etiket, .olcer-metin .etiket) {
  font: 600 13px/18px var(--cam-font); font-variant-numeric: tabular-nums lining-nums; letter-spacing: 0; text-transform: none; color: var(--soluk);
}
/* KPI rakamı: nötr (D10 — borç kırmızısı kalkar), TEK satır. ⚠️ duzeltme-2 (taste-2 T1): akışkan clamp(…cqi…) 1440–1699'da 23,55 /
   25,45 px, dar ekranda 18,33 px gibi ÖLÇEK DIŞI boylar doğuruyordu → boy kartın İÇ genişliğine göre KADEMELİ (Apple minimumScaleFactor'ın
   ölçek-kilitli karşılığı; yalnız §B.3 boyları 17 · 22 · 26): iç genişlik < 165 → 17 · ≥ 165 → 22 · ≥ 200 → 26. Eşikler 8 haneli tutara
   göre ölçüldü ("12.345.678,90 TL" 600 Hanken: 17 → 124 px · 22 → 160 · 26 → 189; dar 141 / 1280 197 / 1440 178 / 1600 210 / 1707 232).
   .bakiye-kart zaten container-type: inline-size (adsız kap) → @container en yakın kartı sorgular. Ölçer kartı ("%53") aynı satırdaki
   kartlarla aynı boyu alır (aynı genişlik → aynı kademe); dar ekranda 22 (aşağıda). */
:root[data-cam-etkin] #ozetGorunum .bakiye-kart:not(.kahraman-kart) .rakam {
  font: 600 17px/1.15 var(--cam-font); font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.025em;
  color: var(--metin); white-space: nowrap; margin: 14px 0 0;
}
@container (min-width: 165px) { :root[data-cam-etkin] #ozetGorunum .bakiye-kart:not(.kahraman-kart) .rakam { font-size: 22px; } }
@container (min-width: 200px) { :root[data-cam-etkin] #ozetGorunum .bakiye-kart:not(.kahraman-kart) .rakam { font-size: 26px; } }
@media (max-width: 759px) {
  :root[data-cam-etkin] #ozetGorunum .bakiye-kart:not(.kahraman-kart) .rakam { margin-top: 12px; }
  :root[data-cam-etkin] #ozetGorunum .bakiye-kart.olcer-kart .olcer-metin .rakam { font-size: 22px; }
}
:root[data-cam-etkin] #ozetGorunum .bakiye-kart .alt {
  margin-top: 8px; color: var(--soluk); gap: 6px; align-items: baseline;
}
:root[data-cam-etkin] #ozetGorunum .bakiye-kart .alt .nokta { width: 7px; height: 7px; flex: none; align-self: center; }
/* Kahraman (Banka Hesapları): 40/600 −.03em, kuruş + TL .5em --soluk; serif paletlerde Rakam Serif 400 (tek kesim, sentez yok) */
:root[data-cam-etkin] #ozetGorunum .kahraman-kart { padding: 20px 22px; min-height: 196px; }
:root[data-cam-etkin] #ozetGorunum .kahraman-kart > .egim-ic { align-items: center; gap: 12px 20px; height: 100%; }
:root[data-cam-etkin] #ozetGorunum [data-rakam="kahraman"] {
  font: var(--cam-y-kahraman); font-variant-numeric: tabular-nums lining-nums; font-family: var(--st-font-rakam, var(--cam-font)); letter-spacing: var(--cam-iz-kahraman);
  font-synthesis: none; color: var(--metin); margin: 14px 0 0; white-space: nowrap;
}
:root[data-cam-etkin]:is([data-palet="obsidyen-zumrut"], [data-palet="kutup-isigi"], [data-palet="fildisi-varak"]) #ozetGorunum [data-rakam="kahraman"] { font-weight: 400; }
:root[data-cam-etkin] #ozetGorunum [data-rakam="kahraman"] .kahraman-kurus { font-size: 22px; font-weight: 600; letter-spacing: 0; color: var(--soluk); }
:root[data-cam-etkin]:is([data-palet="obsidyen-zumrut"], [data-palet="kutup-isigi"], [data-palet="fildisi-varak"]) #ozetGorunum [data-rakam="kahraman"] .kahraman-kurus { font-weight: 400; }
/* Kuruş + birim ölçekteki boylara oturur (40 → 22 · dar 36 → 17; em değil px — ara boy doğmasın). JS sığdırması (kahramanSigdir)
   ana rakamı küçültürse kuruş sabit kalır; sığdırma yalnız 7+ haneli bakiyede devreye girer. */
@media (max-width: 759px) { :root[data-cam-etkin] #ozetGorunum [data-rakam="kahraman"] .kahraman-kurus { font-size: 17px; } }
:root[data-cam-etkin] #ozetGorunum .kahraman-sol .alt { margin-top: 14px; }
/* Hassas Kadran SVG'si (yazılım modu / dar ekran / 2B) → Apple halka dili: 11 px kalın, yuvarlak uç, iz --cam-ic;
   dış halka --vurgu (ayın geçen kısmı), iç halka --bilgi (ödeme payı — yetki/veri yoksa ÇİZİLMEZ kuralı JS'te aynen).
   İnce kadran çentikleri, cam disk, çerçeve, şampanya halkası ve hale kalkar. 3B (WebGL) katmanı AYNEN (E14 "3B grafikler aynen"). */
:root[data-cam-etkin] #ozetGorunum .kahraman-kadran.hassas-kadran { width: 150px; height: 150px; }
@media (max-width: 759px) { :root[data-cam-etkin] #ozetGorunum .kahraman-kadran.hassas-kadran { width: 112px; height: 112px; } }
:root[data-cam-etkin] #ozetGorunum .hk-svg :is(.hk-cam, .hk-cerceve, .hk-centikler, .hk-sampanya, .hk-hale) { display: none; }
:root[data-cam-etkin] #ozetGorunum .hk-svg .hk-iz { stroke: var(--metin); stroke-opacity: .08; stroke-width: 11; stroke-linecap: round; }
:root[data-cam-etkin][data-tema="aydinlik"] #ozetGorunum .hk-svg .hk-iz { stroke-opacity: .07; }
:root[data-cam-etkin] #ozetGorunum .hk-svg .hk-yay { stroke-width: 11; }
:root[data-cam-etkin] #ozetGorunum .hk-svg .hk-ic { stroke: var(--bilgi); }
:root[data-cam-etkin] #ozetGorunum .hk-svg .hk-ic:is(.hk-iz, .hk-yay) { stroke-width: 11; }
:root[data-cam-etkin] #ozetGorunum .kahraman-sag .hk-aciklama { font-size: 12px; line-height: 16px; color: var(--soluk); max-width: 160px; }
/* Kredi Kullanım Oranı (geniş kart): halka solda, metin sağda; 9,5 px etiketler → 12 px (E14) */
:root[data-cam-etkin] #ozetGorunum .olcer-kart { gap: 18px; padding: 18px 20px; align-items: center; }
:root[data-cam-etkin] #ozetGorunum .olcer-metin .rakam {
  font: 600 26px/1.15 var(--cam-font); font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.025em; color: var(--metin); margin: 10px 0 0;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kredi-kadran { --kk-boyut: 76px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kk-etiket { font-size: 12px; font-weight: 600; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kkd-hedef { font: 600 12px/16px var(--cam-font); font-variant-numeric: tabular-nums lining-nums; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kk-iz { stroke: var(--metin); stroke-opacity: .08; }

/* Analiz şeridi: 3 sütun; Yaklaşanlar boşsa (panel gizli) 2 sütun — sağda boş sütun kalmaz */
@media (min-width: 1024px) {
  :root[data-cam-etkin] #ozetGorunum .analiz-serit { gap: 16px; margin-top: 16px; }
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:has(> #yaklasanPanel.gizli) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr); }
}
:root[data-cam-etkin] #ozetGorunum #trendPanel .panel-ust .ipucu { display: block; margin-top: 2px; }
/* Dağılım paneli trend panelinden kısa: halka + liste ÜSTTE toplu (maket — halka başlığın hemen altında); kalan boşluk kartın
   altında kalır (halka ile liste arasında boş bant açılmaz) */
@media (min-width: 1024px) {
  :root[data-cam-etkin] #ozetGorunum #dagilimPanel > .dagilim-govde { align-content: start; }
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .banka-satir { font-size: 12px; letter-spacing: 0; }
:root[data-cam-etkin] #ozetGorunum .trend-ozet .rakam { font: 600 26px/30px var(--cam-font); font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.025em; color: var(--metin); }
:root[data-cam-etkin] #ozetGorunum .akis-bolum { border-top: 0; margin-top: 24px; padding-top: 0; }
:root[data-cam-etkin] #ozetGorunum .akis-gosterge { font-size: 12px; }
:root[data-cam-etkin] #ozetGorunum .akis-gosterge .kutucuk { width: 10px; height: 10px; border-radius: 3px; }
:root[data-cam-etkin] #ozetGorunum .halka-orta .rakam { font-weight: 700; letter-spacing: -.02em; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .halka-orta .alt { font-size: 12px; color: var(--soluk); }
:root[data-cam-etkin] #ozetGorunum #dagilimToplam { font-size: 26px; line-height: 30px; }
/* Dağılım göstergesi = Apple liste: 32 px satır, 10×10 r3 renk karesi, tek satırlar --cam-ic */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .dagilim-liste { gap: 2px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .dagilim-liste li {
  min-height: 32px; padding: 0 10px; border-radius: var(--cam-r-alan); gap: 10px; font-size: 13px; font-weight: 400;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .dagilim-liste li:nth-child(odd) { background: var(--cam-v-ic); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .dagilim-liste .kutucuk { width: 10px; height: 10px; border-radius: 3px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .dagilim-liste .ad { color: var(--metin); font-weight: 600; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .dagilim-liste .tutar { font-weight: 600; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .dagilim-liste .oran { font-weight: 600; color: var(--soluk); }

/* Yaklaşan ödemeler — Apple liste satırı: tarih rozeti · başlık 14/600 + rozet · sağda tutar 14/600 + gün hapı */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .yaklasan-liste { gap: 4px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .yaklasan-liste li {
  background: var(--cam-v-ic); border: 0; border-radius: var(--cam-r-satir); padding: 8px 10px; min-height: 52px; gap: 12px;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .yaklasan-liste li:first-child { background: var(--cam-v-ic2); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .yaklasan-tarih {
  width: 40px; min-width: 40px; height: 40px; padding: 0; border-radius: var(--cam-r-alan); align-content: center;
  background: var(--cam-v-ic);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .yaklasan-tarih .gun { font-size: 15px; font-weight: 700; line-height: 18px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .yaklasan-tarih .ay { font-size: 12px; line-height: 14px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .yaklasan-orta .ad { font-size: 14px; line-height: 18px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .yaklasan-sag .tutar { font-size: 14px; font-weight: 600; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .yaklasan-toplam {
  border-top: 0; margin-top: 8px; padding: 12px 10px 2px; font: 600 13px/18px var(--cam-font); font-variant-numeric: tabular-nums lining-nums; color: var(--soluk);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .yaklasan-toplam b { font: 600 17px/22px var(--cam-font); font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.015em; color: var(--metin); }

/* Haftalar (#ayGorunumu): kart = hafta; başlık çizgisiz 17/600; ödeme satırı = grup tonu (kutu değil) */
:root[data-cam-etkin] #ozetGorunum #ayGorunumu { gap: 16px; margin-top: 16px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .hafta { overflow: hidden; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .hafta-baslik {
  background: none; border: 0; padding: 16px 18px 8px; position: static;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .hafta-baslik:hover { background: var(--cam-ust); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .hafta-baslik h2 { font: var(--cam-y-baslik); font-variant-numeric: tabular-nums lining-nums; letter-spacing: var(--cam-iz-baslik); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .hafta-baslik .alt-toplam { font-size: 13px; font-weight: 600; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .hafta-govde { padding: 4px 10px 12px; gap: 8px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .gun-ayrac { border: 0; padding: 6px 4px 2px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .gun-ayrac .gun-no { font-size: 15px; font-weight: 700; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .gun-ayrac .gun-ad { font-size: 12px; font-weight: 600; color: var(--soluk); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .gun-ayrac .gun-bugun { font-weight: 600; letter-spacing: 0; padding: 2px 8px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .odeme-satir {
  background: var(--cam-v-ic); border: 0; border-radius: var(--cam-r-satir); padding: 10px 12px; gap: 4px;
  transition: background-color .16s ease;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .odeme-satir.geciken {
  background: linear-gradient(color-mix(in srgb, var(--tehlike) 7%, transparent), color-mix(in srgb, var(--tehlike) 7%, transparent)), var(--cam-v-ic);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .odeme-satir :is(.tarih, .aciklama) { font-size: 15px; line-height: 20px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .odeme-satir .tarih { font-weight: 600; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .odeme-satir .meta { font-size: 12px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .odeme-satir .alt .tutar { font-size: 15px; font-weight: 600; letter-spacing: -.01em; }

/* ---------- 6) ÖDEME PLANI / TAHSİLAT PLANI ---------- */
/* Hafta = kart (maket "Haftalık plan kartları"): başlık şeridi kartın içinde, günler --cam-ic karoları */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-hafta { padding: 16px 18px 18px; margin-bottom: 16px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-hafta-ust,
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .plan-hafta-ust {
  background: none; border: 0; border-radius: 0; padding: 0 2px 12px; margin: 0;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-hafta-ust h3 { font: var(--cam-y-baslik); font-variant-numeric: tabular-nums lining-nums; letter-spacing: var(--cam-iz-baslik); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-hafta-ust .aralik { font-size: 13px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-hafta-toplam { font-size: 13px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-gun {
  background: var(--cam-v-ic); border: 0; border-radius: var(--cam-r-satir); padding: 10px;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-gun.bugun { background: var(--cam-sec); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-gun.geciken {
  background: linear-gradient(color-mix(in srgb, var(--tehlike) 7%, transparent), color-mix(in srgb, var(--tehlike) 7%, transparent)), var(--cam-v-ic);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-gun.bos { opacity: 1; background: color-mix(in srgb, var(--cam-v-ic) 50%, transparent); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-gun.bos .plan-gun-ust { opacity: .7; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-gun-ust .gun-adi { font-size: 12px; font-weight: 600; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-gun-ust .gun-no { font-size: 15px; font-weight: 700; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-gun-toplam { border-top: 0; padding-top: 4px; font-size: 13px; font-weight: 600; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-kalem {
  background: var(--cam-v-panel); border: 0; border-radius: var(--cam-r-alan);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-kalem .serit { width: 4px; border-radius: 2px; margin: 6px 0 6px 6px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-kalem-govde .sirket { font-size: 13px; font-weight: 600; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-kalem-govde :is(.banka, .aciklama) { font-size: 12px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-kalem-govde .tutar { font-size: 14px; font-weight: 600; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-kalem.kira-son-taksit { box-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 40%, transparent); }
/* Vadesi geçmiş bloğu: satırlar dolgusuz kapsül, durum hapı aynen */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-satir {
  background: transparent; border: 0; border-radius: var(--cam-r-satir);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-satir:is(:hover, :focus-visible) { background: var(--cam-ust); }
/* Risk 3–4 (Tahsilat): sol 3 px kenar (eğri köşede yay gibi duruyordu) → satırın İÇİNDE dikey kapsül işaret (plan kalemi şeridi dili);
   satır tonu EKLENMEZ — yazının ardı v468 bileşimiyle aynı (ton denemesi kart içi taramada 4,4 → 3,95 düşürdü) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-satir:is(.tah-risk-3, .tah-risk-4) {
  border-left: 0; position: relative; padding-left: 18px;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-satir:is(.tah-risk-3, .tah-risk-4)::before {
  content: ""; position: absolute; left: 6px; top: 10px; bottom: 10px; width: 4px; border-radius: 2px; background: var(--risk, var(--tehlike));
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-ust { padding: 16px 20px 12px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-liste { padding: 0 10px 6px; gap: 2px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-blok > .ipucu { padding: 6px 20px 16px; margin: 0; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-orta .ad { font-size: 14px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-baslik b { font: var(--cam-y-baslik); font-variant-numeric: tabular-nums lining-nums; letter-spacing: var(--cam-iz-baslik); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-tutar { font-weight: 600; }
/* Net nakit şeridi (Tahsilat) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tah-net { padding: 16px 20px; margin-bottom: 16px; }
/* Açık (net eksi) şerit: v468'deki kırmızı kenar yerine ton YOK — açık zaten kırmızı eksi tutar + metinle anlatılıyor; düz --cam-pencere
   kalınca şerit DOM kontrast taramasında ölçülür (kart içi katı tarama ton denemesinde aydınlık "eksi" 3,68 gösterdi) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tah-net-kutu.one-cikan .deger { font-size: 17px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tah-net-kutu .deger { font-weight: 600; }

/* ---------- 7) PARA · KREDİ · VARLIK · ALACAK ---------- */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .para-kart .rakam { font: 600 26px/1.15 var(--cam-font); font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.025em; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .para-kart .rakam,
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(#paraHesapListe, #paraKasaListe) .kalem > .tutar { color: var(--metin); }   /* D10: bakiye nötr */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .para-ok { border: 0; background: var(--cam-v-ic); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kalem-liste { gap: 4px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kalem {
  background: color-mix(in srgb, var(--zemin) var(--yuzey-op), transparent);   /* v468 satır dolgusu AYNEN (kart içi tarama: renkli POS hapları) */
  border: 0; border-radius: var(--cam-r-satir); min-height: 44px;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kalem .ad { font-size: 14px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kalem > .tutar { font-size: 14px; font-weight: 600; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .pos-satir.gecti { border-left: 0; box-shadow: inset 3px 0 0 -1px color-mix(in srgb, var(--vurgu) 55%, transparent); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .pos-kutu .tutar { font-weight: 600; }
/* Kredi kartı listesi */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kredi-kart { padding: 18px 20px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kredi-kart-alt { border: 0; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kredi-kart-tutar .tutar.buyuk { font: 600 26px/1.15 var(--cam-font); font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.025em; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kk-stat b { font-size: 13px; font-weight: 600; }
/* Varlıklar: IBAN satırı = grup tonu, kontur yok */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .iban-satir { background: var(--cam-v-ic); border: 0; border-radius: var(--cam-r-alan); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .iban-satir :is(.etiket, .deger) { font-size: 12px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .iban-satir .iban-kopyala { border-radius: 50%; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .varlik-satir .ad { font-size: 15px; font-weight: 600; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .iban-satir.kopyalandi { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--vurgu) 60%, transparent); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .iban-satir.kopyalanamadi { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--tehlike) 60%, transparent); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .maas-ozet-kutu .tutar { font-weight: 600; }
/* Banka marka rozeti: marka renkli dış ışıma kalkar (renkli gölge YOK — A.2); satır içi küçük rozetler daire (kategori ikon dairesi
   dili), monogram 12/700 (9–10 px → 12; en küçük yazı 12) — 22–24 px dairede iki harf sığar. Büyük rozet (40) köşe 12. */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .banka-mark { box-shadow: none; border-radius: var(--cam-r-alan); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.banka-mark.mini, .banka-mark.kucuk, .banka-mark.nano, .kurum-satir .banka-mark) {
  border-radius: 50%; font-size: 12px; font-weight: 700; letter-spacing: -.02em;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.banka-mark.kucuk, .banka-mark.nano, .kurum-satir .banka-mark) { width: 22px; height: 22px; }
/* Banka/ödeme tipi işaretleri: 1 px çerçeve kalkar */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.tip-karo, .banka-mark, .kart-ikon-kutu) { border: 0; }

/* ---------- 8) RAPOR · ANALİZ · K/Z · TESLİMAT ---------- */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) #raporIcerik > .panel { padding: 20px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) #raporIcerik > .tablo-panel { padding: 8px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .gosterge div { font-size: 13px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .gosterge .kutucuk { border-radius: 3px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kopru-ozet { border-top: 0; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .analiz-buyuk-kutu b { font: 600 22px/28px var(--cam-font); font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.02em; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .yog-buyuk { font-size: 26px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kurum-kpi-kutu.vurgulu { border-left: 0; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kurum-satir { font-size: 13px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kz-serit-kutu .etiket { font-size: 12px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kz-kart-baslik { margin-bottom: 8px; }
/* Teslimat: kuyruk = kart, kalemler = grup tonu, kalın 2 px kenarlı sütunlar → ışık + gölge */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-kuyruk { padding: 14px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.tes-kuyruk-satir, .tes-kalem) {
  border: 0; border-radius: var(--cam-r-satir); background: var(--cam-v-ic2);   /* v468 "panel-ust × %66" bileşimine eş */
}
/* Seçili kuyruk satırı: seçim tonu satırın KOYU tabanının ÜSTÜNDE (yalnız --cam-sec'te yaş/fark hapları koyuda 3,73–4,44 ölçüldü —
   kontrast-tara.mjs, v469 ara turu) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-kuyruk-satir:is(.secili, [aria-current="true"], [aria-pressed="true"]) {
  background: linear-gradient(var(--cam-sec), var(--cam-sec)), var(--cam-v-ic2);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-kalem.redli {
  background: linear-gradient(color-mix(in srgb, var(--tehlike) 7%, transparent), color-mix(in srgb, var(--tehlike) 7%, transparent)), var(--cam-v-ic);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-sutun.panel { border: 0; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-kutu b { font-weight: 600; }

/* ---------- 9) İÇERİKTEKİ YERLEŞİM ANİMASYONLARI (HA-03; §F Görev 4 "Ek") ----------
   style.css:1496 (.yog-gini-bar span — width .5s) ve :4199 (.tah-merdiven-satir .cubuk i — width .4s): yerleşim tetikleyen
   genişlik geçişi kalkar; dolgu JS'in yazdığı genişlikte durur (veri kaybı yok) ve büyüme TRANSFORM ile oynar (scaleX, sol köken;
   v463 "hayalet %35" başlangıcı — görünmez kare yok). Yalnız hareketDuzeyi() "tam" iken (html.hareket-kapali / azaltılmış → yok).
   style.css:5745 .kaydirma-gosterge → Görev 3 (cam-bilesen.css: .hap yalnız transform, .cizgi gizli). Komuta'nınkiler dokunulmaz. */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.yog-gini-bar span, .tah-merdiven-satir .cubuk i) {
  transition: none; transform-origin: left center;
  animation: camVeriCubuk .5s var(--cam-yay, cubic-bezier(.22, .9, .3, 1)) backwards;
}
@keyframes camVeriCubuk { from { transform: scaleX(.35); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) {
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.yog-gini-bar span, .tah-merdiven-satir .cubuk i) { animation: none; }
}
html.hareket-kapali[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.yog-gini-bar span, .tah-merdiven-satir .cubuk i) { animation: none; }

/* ---------- 10) KALAN KAÇAKLAR (17 görünüm taraması — tasarim-v469/uygulama/gorev4/tarama-*) ---------- */
/* Rapor ▸ Patron: rem tabanlı boyutlar (14,4 · 13,6 · 12,8) ölçeğe; bekleyen not = durum tonu (3 px sol kenar yerine);
   Bugün/Bu Ay/Bu Yıl sekmeleri: 2 px alt çizgi yerine seçili kapsül (--cam-sec) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .patron-satir { font-size: 14px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .patron-yok { opacity: 1; }   /* "—" yer tutucu: .55 opaklık kart içi taramada 2,9 */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .patron-sutun h5 { font: 600 12px/16px var(--cam-font); font-variant-numeric: tabular-nums lining-nums; text-transform: none; color: var(--soluk); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .patron-bekleyen {
  border: 0; border-radius: var(--cam-r-alan); padding: 10px 14px; font-size: 13px; line-height: 18px;
  background: color-mix(in srgb, var(--uyari) 10%, transparent);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .patron-dilek { font-size: 12px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .patron-buyuk { font: 600 26px/30px var(--cam-font); font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.025em; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .patron-sekmeler { gap: 4px; padding: 3px; border-radius: var(--cam-r-kapsul); background: var(--cam-v-ic); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .patron-sekmeler button {
  border: 0; border-radius: var(--cam-r-kapsul); min-height: 30px; font: 600 13px/18px var(--cam-font); font-variant-numeric: tabular-nums lining-nums; color: var(--soluk);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .patron-sekmeler button.secili { background: var(--cam-sec); color: var(--metin); }
/* Rapor ▸ Akış / Pareto / kart limiti: SVG ve mikro yazılar ölçeğe, ölçer uçları kapsül */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .akis-donut-orta-deger { font-size: 17px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .akis-alt-kart-not { font-size: 13px; font-weight: 400; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.yog-icgoru li, .akis-bos-not, .yog-ad, .kk-ad, .kurum-satir) { font-size: 13px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.kk-bullet, .kk-olcum, .kk-hedef, .lejant-hedef, .kk-lejant i) { border-radius: var(--cam-r-kapsul); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kk-bant { opacity: .8; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.kurum-nokta) { border-radius: 50%; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(td .kutucuk, .gosterge .kutucuk, .pos-kutu .kutucuk, .akis-gosterge .kutucuk, .analiz-lejant i:not(.cizgi)) { border-radius: 3px; }
/* Plan ▸ kalem: sol tip şeridi kapsül, üzerine-gelme araç kümesi kapsül, tip karosu kapsül */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-kalem .serit { border-radius: var(--cam-r-kapsul); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-eylem { border-radius: var(--cam-r-kapsul); padding: 2px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tip-karo { border-radius: var(--cam-r-kapsul); }
/* Tahsilat ▸ net şeridi işaretleri (− =) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tah-net-isaret { font-size: 17px; font-weight: 600; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tah-net-kutu .ad { font-size: 12px; font-weight: 600; }
/* Teslimat: 11–13,5 px mikro yazılar ölçeğe; konturlu hap → tonlu hap; seçili kuyruk satırının 3 px vurgu şeridi → seçim tonu;
   satır içi girdiler (kalem adı/tutarı, mini alanlar, not) kontursuz grup tonu, köşe 12 */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-sayac { font-size: 12px; font-weight: 700; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-grup-sayi { font-weight: 700; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-sutun-dip { font-size: 13px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-min-alti { font-size: 12px; font-weight: 600; border: 0; padding: 1px 8px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-kutu .tes-crm-eski { font-size: 12px; font-weight: 400; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-plaka { font-size: 14px; font-weight: 700; letter-spacing: 0; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.tes-dip, .tes-not-alan, .tes-kutu .tes-yok) { font-size: 13px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-kuyruk-satir { box-shadow: none; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.tes-kalem-ust input, .tes-mini-alan input, .tes-mini-alan select, .tes-not-alan textarea) {
  border: 0; border-radius: var(--cam-r-alan); background-color: var(--cam-v-ic);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.tes-kalem-ust input, .tes-mini-alan input, .tes-mini-alan select, .tes-not-alan textarea):focus-visible {
  outline: 0; box-shadow: inset 0 0 0 2px var(--vurgu); background-color: color-mix(in srgb, var(--vurgu) 10%, var(--cam-v-ic));
}
/* Görünüm içindeki ÇIPLAK seçim/girdi kutuları (.alan DIŞINDA — .alan'lılar Görev 3 / E7): Patron dönem seçicileri, Analiz çek-senet
   formu ve benzetim girdileri, İnşaat tablo/tolerans, MT940 süzgeci, Net K/Z seçimi — tarayıcı kenarı/1 px kontur → grup tonu */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.patron-secici, .cs-form, .sim-girdiler, .ins-tolerans, .ins-tablo, .mt940-suzgec, .nk-secim) :is(select, input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"])) {
  border: 0; border-radius: var(--cam-r-alan); background-color: var(--cam-v-ic); color: var(--metin); min-height: 36px;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) :is(.patron-secici, .cs-form, .sim-girdiler, .ins-tolerans, .ins-tablo, .mt940-suzgec, .nk-secim) :is(select, input):focus-visible {
  outline: 0; box-shadow: inset 0 0 0 2px var(--vurgu);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .patron-secici select { padding: 0 10px; }

/* ---------- 11) DOĞRULAMA DÜZELTMELERİ (01.10.2026 — bağımsız doğrulayıcılar: taste, Vercel §1, okunurluk, kod incelemesi) ----------
   Ölçümler ve kanıtlar: tasarim-v469/dogrula/duzeltme/. Saat demo ayına (08.07.2026) ve bugüne (01.10.2026) sabitlenerek iki hâlde
   ölçüldü (Yaklaşan paneli Temmuz'da görünür, Ekim'de gizli). */

/* 11a) Özet bakiye ızgarası (yönetici (a), taste Z1/Z2). 760–1439'da 3 sütunlu bento "Kredi Kullanım Oranı"nı 2 sütuna yayıyordu:
   1280'de 648 px kartta 392 px boş, KPI kartlarının alt %62'si boş.
   • 1024–1439 (dizüstü — 1280/1366): maketteki gibi ÜST SATIRDA ÜÇ KART — kahraman (2fr, iki satır boyu) · Kart Borcu / Kredi Kalanı
     (alt alta, 1fr) · Kredi Kullanım Oranı (1fr, iki satır boyu, dikey ölçer kartı). Boş yarım kart kalmaz.
   • 760–1023 (tablet): 6 sütun — kahraman 4 + Kart Borcu 2 / Kredi Kalanı 3 + Kredi Kullanım 3 (simetrik).
   • ≥ 1440: tek satır (aynen); ölçer kartı dikey.
   KPI rakamı 1024–1439'da 22 px (7 kademeden; akışkan 13,2cqi 1280'de 26 px'e çıkıp 197 px'lik kartı taşırıyordu, ara boy da doğurmasın). */
@media (min-width: 760px) and (max-width: 1023px) {
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit:has(> .olcer-kart) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit:has(> .olcer-kart) > .kahraman-kart { grid-column: span 4; }
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit:has(> .olcer-kart) > .bakiye-kart:nth-child(2) { grid-column: span 2; }
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit:has(> .olcer-kart) > :is(.bakiye-kart:nth-child(3), .olcer-kart) { grid-column: span 3; }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit:has(> .olcer-kart) { grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); }
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit:has(> .olcer-kart) > .kahraman-kart { grid-column: 1; grid-row: 1 / span 2; }
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit:has(> .olcer-kart) > .bakiye-kart:nth-child(2) { grid-column: 2; grid-row: 1; }
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit:has(> .olcer-kart) > .bakiye-kart:nth-child(3) { grid-column: 2; grid-row: 2; }
  :root[data-cam-etkin] #ozetGorunum .bakiye-serit:has(> .olcer-kart) > .olcer-kart { grid-column: 3; grid-row: 1 / span 2; }
  /* KPI rakam boyu: §5'teki kademeli @container kuralı (1280 iç 197 → 22, 1366 iç 218 → 26) — burada sabit yazılmaz (duzeltme-2) */
}
/* KPI kartı (≥ 760): etiket üstte, rakam + alt satır kartın dibinde (iOS widget dizilimi) — boy satıra uzayınca ortada ölü bant
   kalmaz. Dar ekranda (2 sütun, alt satır sarabiliyor) yan yana rakamlar farklı hizaya düşeceği için yok. */
@media (min-width: 760px) {
  :root[data-cam-etkin] #ozetGorunum .bakiye-kart:not(.kahraman-kart):not(.olcer-kart) > .egim-ic { display: flex; flex-direction: column; height: 100%; }
  :root[data-cam-etkin] #ozetGorunum .bakiye-kart:not(.kahraman-kart):not(.olcer-kart) .rakam { margin-top: auto; padding-top: 12px; }
}
/* Kredi Kullanım Oranı (≥ 1024) = dikey ölçer kartı: etiket sol üstte (diğer kartlarla aynı satır), halka ortada, yüzde + açıklama
   altında ortalı. .olcer-metin display:contents → çocukları kartın flex sırasına girer (DOM ve okuma sırası aynen). */
@media (min-width: 1024px) {
  :root[data-cam-etkin] #ozetGorunum .olcer-kart { flex-direction: column; align-items: center; justify-content: flex-start; gap: 0; text-align: center; }
  :root[data-cam-etkin] #ozetGorunum .olcer-kart > .olcer-metin { display: contents; }
  :root[data-cam-etkin] #ozetGorunum .olcer-kart .olcer-metin .etiket { order: -1; align-self: stretch; text-align: left; min-height: 28px; display: flex; align-items: center; }
  :root[data-cam-etkin] #ozetGorunum .olcer-kart > :is(.olcer-kadran, .halka-olcer) { margin: auto 0 0; }
  :root[data-cam-etkin] #ozetGorunum .olcer-kart .olcer-metin .rakam { margin: 10px 0 0; }
  :root[data-cam-etkin] #ozetGorunum .olcer-kart .olcer-metin .alt { justify-content: center; margin: 4px 0 auto; }
  :root[data-cam-etkin] #ozetGorunum .olcer-kart .kredi-kadran { --kk-boyut: 88px; }
  /* Etiket satırında diğer KPI kartları gibi 28 px kategori ikon dairesi (kart kategorisi; ölçer simgesi maske — renk temadan) */
  :root[data-cam-etkin] #ozetGorunum .olcer-kart .olcer-metin .etiket { position: relative; padding-left: 38px; }
  :root[data-cam-etkin] #ozetGorunum .olcer-kart .olcer-metin .etiket::before,
  :root[data-cam-etkin] #ozetGorunum .olcer-kart .olcer-metin .etiket::after {
    content: ""; position: absolute; top: 50%; border-radius: 50%; pointer-events: none;
  }
  :root[data-cam-etkin] #ozetGorunum .olcer-kart .olcer-metin .etiket::before {
    left: 0; width: 28px; height: 28px; margin-top: -14px; background: color-mix(in srgb, var(--kat-kart-sirket) 18%, transparent);
  }
  :root[data-cam-etkin] #ozetGorunum .olcer-kart .olcer-metin .etiket::after {
    left: 6.5px; width: 15px; height: 15px; margin-top: -7.5px; border-radius: 0; background: var(--kat-kart-sirket);
    -webkit-mask: var(--cam-v-ikon-olcer) center / contain no-repeat; mask: var(--cam-v-ikon-olcer) center / contain no-repeat;
  }
  :root[data-cam-etkin][data-tema="koyu"] #ozetGorunum .olcer-kart .olcer-metin .etiket::after { background: color-mix(in srgb, var(--kat-kart-sirket) 65%, var(--metin)); }
}
:root[data-cam-etkin] {
  --cam-v-ikon-olcer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17a8 8 0 1 1 16 0'/%3E%3Cpath d='M12 17l4-5'/%3E%3C/svg%3E");
}

/* 11b) Bu Ay Dağılımı (yönetici (c), taste Z3/Z7). Kök neden: style.css:3450 kapsamsız `.grafik-kutu { height: 380px }` (≥ 1024, Rapor
   için) aynı özgüllükte SONRA geldiği için style.css:3332 `.dagilim-grafik { height: 260px }`'i eziyordu → halka 380 px, panelin
   %76'sı, ilk ekranın altına iniyordu (style.css'e dokunulmaz — burada ezilir). */
@media (min-width: 1024px) {
  :root[data-cam-etkin] #ozetGorunum #dagilimPanel .dagilim-grafik { height: 260px; max-width: 280px; }
  /* Yaklaşan görünürken (demo ayı / gerçek kullanım): üç dar sütun yerine iki sütun — solda Dağılım + Yaklaşan alt alta, sağda iki
     grafikli Trend iki satır boyu. 1280'de Dağılım 277 → 419 px (gösterge adları kesilmez), Yaklaşan tek satırla 817 px'e gerilmez. */
  /* ⚠️ duzeltme-2 (taste-2 T7/T3): örtük auto satırlar Trend'in fazlasını iki satıra bölüp Dağılım ile Yaklaşan arasında 120 px DELİK
     açıyordu → satırlar açık yazılır, Dağılım ↔ Yaklaşan aralığı = ızgara aralığı (16).
     ⚠️ duzeltme-3 (son tur 1 taste + kod: delik YALNIZ 1 kalemli demoda kapanmıştı): Yaklaşan'da 2+ kalemde sol sütun (Dağılım 524 + 16 +
     Yaklaşan 169 + ~65 × (n − 1)) Trend'in SABİT 709 px'ini aşınca fazlalık Trend kartının DİBİNDE boş bant oluyordu (1440: 2 kalem 61,
     3 kalem 127, 6 kalem 322 px; 1707'de 3 kalemde Yaklaşan'ın içinde 118 px). Artık:
     • Trend ESNEK: iki bölüm (#trendBolum, #akisBolum) eşit büyür, büyümeyi grafik kutuları alır (taban 170 / 210 px — Chart.js responsive
       kutuyu doldurur). Trend'in doğal boyu 669 px (taban); sol sütun ne kadarsa Trend o kadar → Trend içinde boş bant YOK.
       1 kalemde (demo) sol sütun 705 → grafikler 188 / 228 (önce 190 / 230: Yaklaşan 4 px gerilip 709'a tamamlanıyordu).
     • Satırlar "1fr auto": sol sütun Trend'in tabanından (669) KISA kalırsa (yan yana Dağılım + az kalem, az kategorili Dağılım)
       fazlalığı Yaklaşan değil DAĞILIM alır, halka + gösterge kartın ortasında toplanır → Yaklaşan'da liste ile "7 Günlük Toplam"
       arasında boşluk açılmaz.
     • Yaklaşan listesi en çok 4 TAM satır + 5.'nin üst yarısı (gölgeyle söner); daha çoğu kart içinde kayar, toplam satırı kalem sayısını
       söyler ("· 9 ödeme"). Böylece şerit en çok 934 px (grafikler ≤ 302 / 342), uzun liste şeridi sonsuza uzatmaz.
     Kabul ölçümü: tasarim-v469/dogrula/duzeltme-3/matris (kalem 1–8 + 10 × 1024–2560 × koyu/aydınlık, 162 ölçüm, 0 kalan). */
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); grid-template-rows: 1fr auto; align-items: stretch; }
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)) > #dagilimPanel { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; }
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)) > #dagilimPanel > .dagilim-govde { flex: 1 1 auto; align-content: center; }
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)) > #yaklasanPanel { grid-column: 1; grid-row: 2; display: flex; flex-direction: column; }
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)) > #yaklasanPanel > .yaklasan-toplam { margin-top: auto; }
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)) > #trendPanel { grid-column: 2; grid-row: 1 / span 2; display: flex; flex-direction: column; }
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)) > #trendPanel > :is(#trendBolum, #akisBolum) { flex: 1 1 auto; display: flex; flex-direction: column; }
  /* flex-basis TANIMLI (satır içi height:190px ve style.css'in 230 px'i ana boy için yok sayılır); min-height açık → içerikten (tuvalin
     o anki boyu) gelen otomatik alt sınır yok: liste kısalınca / pencere daralınca grafik GERİ küçülür (Chart.js geri beslemesi yok) */
  /* margin 0: esnek kutuda kenar boşlukları ÇÖKMEZ (blokta başlık 10 / grafik 8 → 10; grafik 4 / tablo 8 → 8) — 0 ile aralıklar blok
     dizilimdekiyle BİREBİR (aksi hâlde Trend 16 px uzuyordu) */
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)) > #trendPanel > #trendBolum > .grafik-kutu { flex: 1 1 170px; min-height: 170px; margin: 0; }
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)) > #trendPanel > #akisBolum > .akis-grafik { flex: 1 1 210px; min-height: 210px; margin: 0; }
  /* Yaklaşan listesi tavanı (duzeltme-3): 4 satır × (61 + 4) + 30 px görünen 5. satır = 290 px. Yalnız 5+ kalemde; dipteki 36 px
     söner (mask — listede cam öğe YOK, §C "cam atasında mask yok" kuralı etkilenmez), aynı kadar iç boşluk son satırı kaydırınca
     sönmenin ÜSTÜNE çıkarır. Klavye: liste kayıyorsa js/cam.js ▸ camKaydirmaOdakEsitle tabindex=0 verir; odakta sönme kalkar. */
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)) > #yaklasanPanel > .yaklasan-liste:has(> li:nth-child(5)) {
    max-height: 290px; overflow-y: auto; padding-bottom: 36px; scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, var(--metin) 26%, transparent) transparent;
    -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 36px), transparent); mask: linear-gradient(to bottom, #000 calc(100% - 36px), transparent);
  }
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)) > #yaklasanPanel > .yaklasan-liste:has(> li:nth-child(5)):focus-visible { -webkit-mask: none; mask: none; outline-offset: -2px; }
  /* Kalem sayısı toplam satırında (yalnız liste kayarken): "7 Günlük Toplam · 9 ödeme" — CSS sayacı, JS/şablon değişmez */
  :root[data-cam-etkin] #ozetGorunum #yaklasanPanel { counter-reset: cam-yk; }
  :root[data-cam-etkin] #ozetGorunum #yaklasanPanel .yaklasan-liste > li { counter-increment: cam-yk; }
  /* v504 HIZ: son bileşik "span" ETİKETİ yerine sınıf (index.html ▸ span.yaklasan-toplam-ad): :has'ın sağındaki etiket her DOM ekle/çıkar'da main/body
     altındaki TÜM span'ları stil yeniden hesabına sokuyordu (1440: ekleme başına ~7 ms). Eşleşen öğe AYNI (tek span). */
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)) > #yaklasanPanel:has(.yaklasan-liste > li:nth-child(5)) > .yaklasan-toplam > span.yaklasan-toplam-ad:first-child::after {
    content: " · " counter(cam-yk) " ödeme";
  }
  /* Yaklaşan gizliyken Dağılım Trend boyuna uzar: halka + gösterge kartın ortasında toplanır (altta ölü bant kalmaz) */
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:has(> #yaklasanPanel.gizli) > #dagilimPanel { display: flex; flex-direction: column; }
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:has(> #yaklasanPanel.gizli) > #dagilimPanel > .dagilim-govde { flex: 1; align-content: center; }
}
/* Gösterge halkanın YANINA yalnız PANEL yeterince genişken (duzeltme-2, taste-2 T7/T3). Eski kural ekran genişliğine bağlıydı (≥ 1440 px):
   1440–1799'da sol sütun 489–605 px → gösterge 193–224 px kalıyor, 5 adın 2–5'i kesiliyordu ("Kredi K…", "Kr…"); 2560'ta içerik
   1680 px'te durduğu için ekran genişliği panel genişliğini zaten söylemiyordu. Artık KAP SORGUSU: #dagilimPanel iç genişliği ≥ 560 px
   (halka 200 + 20 + gösterge ≥ 340; ≥ 640'ta halka 240 — en uzun ad "Kredi Kartı · Şirket" + 8 haneli tutar + pay ≈ 300 px, payıyla;
   1707'de iç 565 → 200 px halka · 1920/2560'ta 657/683 → 240) VE Yaklaşan'da yeterince kalem → yan yana (kısa Dağılım); aksi hâlde
   dikey istif: halka üstte, gösterge tam genişlikte (adlar TAM).
   ⚠️ duzeltme-3 kalem eşiği: yan yana Dağılım 280 (iç 560–639, halka 200) / 320 px (≥ 640, halka 240); sol sütun = Dağılım + 16 + 169 +
   ~65 × (n − 1), Trend'in tabanı 669. Eşik, sol sütun tabana YETİŞSİN diye: iç 560–639'da n ≥ 4 (1707: 659 → Dağılım +10), ≥ 640'ta
   n ≥ 3 (1920/2560: 634 → Dağılım +35, ortalı). Eski eşik (her yerde n ≥ 3) 1707'de 3 kalemde Yaklaşan'ın içinde 118 px açıyordu.
   Eşiğin altında dikey istif: sol sütun ≥ 709 → Trend grafikleri uzar (boşluk yok). Yaklaşan GİZLİYKEN Dağılım Trend boyunda (~709 px)
   uzun bir kart → her genişlikte dikey istif + 300 px halka (yan yana dizilimde kartın %60'ı boş kalıyordu, 1920). */
@media (min-width: 1024px) {
  :root[data-cam-etkin] #ozetGorunum #dagilimPanel { container: cam-dagilim / inline-size; }
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:has(> #yaklasanPanel.gizli) > #dagilimPanel .dagilim-grafik { height: 300px; max-width: 300px; }
}
@container cam-dagilim (min-width: 560px) {
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)):has(> #yaklasanPanel .yaklasan-liste > li:nth-child(4)) > #dagilimPanel > .dagilim-govde {
    grid-template-columns: 200px minmax(0, 1fr); align-items: center; column-gap: 20px;
  }
  /* halka ortası panel.js ▸ dagilimOrtaOlcekle (cam açıkken kutunun %55'i; kademeler 26 → 22 → 17 → 15 → 13 — 200 px'te 17) */
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)):has(> #yaklasanPanel .yaklasan-liste > li:nth-child(4)) > #dagilimPanel .dagilim-grafik { height: 200px; max-width: 200px; }
}
@container cam-dagilim (min-width: 640px) {
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)):has(> #yaklasanPanel .yaklasan-liste > li:nth-child(3)) > #dagilimPanel > .dagilim-govde {
    grid-template-columns: 240px minmax(0, 1fr); align-items: center; column-gap: 20px;
  }
  :root[data-cam-etkin] #ozetGorunum .analiz-serit:not(:has(> #yaklasanPanel.gizli)):has(> #yaklasanPanel .yaklasan-liste > li:nth-child(3)) > #dagilimPanel .dagilim-grafik { height: 240px; max-width: 240px; }
}

/* 11c) Kahraman kartı. Dar ekran (taste Z8): gerçek tarihte açıklama uzayınca ("Ayın %24'ü geçti · Ödemelerin %4'ü yapıldı") sağ sütun
   160 px'e genişleyip halka rakamın ALTINA sarıyordu (kart 322 px; maket ~200) → açıklama halka genişliğinde.
   Ay halkası izi (yönetici (b), taste Z5): ay başında (%1–3) yay tek nokta, iz .08 → halka "boş/bozuk" okunuyordu. */
@media (max-width: 759px) {
  :root[data-cam-etkin] #ozetGorunum .kahraman-sag .hk-aciklama { max-width: 112px; }
}
:root[data-cam-etkin][data-tema="koyu"] #ozetGorunum .hk-svg .hk-iz { stroke-opacity: .16; }
:root[data-cam-etkin][data-tema="aydinlik"] #ozetGorunum .hk-svg .hk-iz { stroke-opacity: .12; }

/* 11d) Renk disiplini (taste T4; D10, A.2 "görünüm başına ≤ 2 renkli düğme"): Özet haftalık satırlarında 17 dolgulu vurgu düğmesi
   ("Ödendi" ×8, "Tahsil Edildi" ×9) → tonlu (Apple "tinted") düğme; birincil vurgu dolgusu yalnız araç çubuğundaki "Ödeme Ekle". */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .btn.btn-birincil.btn-kucuk:is([data-ode], [data-ozet-tahsil]) {
  background: color-mix(in srgb, var(--vurgu) 18%, transparent); color: var(--metin); box-shadow: none;
}
@media (hover: hover) {
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .btn.btn-birincil.btn-kucuk:is([data-ode], [data-ozet-tahsil]):hover {
    background: color-mix(in srgb, var(--vurgu) 26%, transparent); filter: none;
  }
}

/* 11e) Ödeme / Tahsilat Planı */
/* OD-01 (Vercel + okunurluk): "vadesi geçmiş" satırları tabindex'li; style.css:3871 `.plan-geciken-satir:focus-visible { outline: none }`
   (0,2,0) taban halkayı (:where, 0,1,0) yeniyor, §6 da kenarı kaldırınca odak göstergesi 1,2:1'e düşüyordu (v468: 7,9:1). */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-satir:focus-visible { outline: 2px solid var(--cam-odak); outline-offset: -2px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-ust:focus-visible { outline: 2px solid var(--cam-odak); outline-offset: -2px; }   /* #btnPlanGecikmis halkası kapta yarı kesikti */
/* Eylem kapsülündeki ikon düğmelerin halkası içeride: kalem kabı taşmayı kırptığı için dış halkanın yarısı görünmüyordu (aydınlık dar Plan, pay .46) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-eylem .ikon-btn:focus-visible { outline-offset: -2px; }
/* Gecikme satırında tip rozeti farklı genişlikte → başlık sütunu 31–45 px oynuyordu (taste Ö1): rozet sütunu sabit */
@media (min-width: 760px) {   /* dar ekranda sabit rozet sütunu adı sıkıştırıyordu (390'da ad 2 satıra kırılıyordu) */
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-satir > .rozet:first-child { flex: none; min-width: 104px; justify-content: center; }
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-geciken-satir { padding-left: 18px; }   /* risk işaretli satırlarla (Tahsilat, 18 px) aynı sol hiza */
/* Eylem kapsülü (✓ ✎ 🗑, style.css:2441 position:absolute) dar ekranda/dokunmatikte HEP görünür ve durum rozetlerinin üstüne biniyordu
   (390'da rozetin %33'ü; v468 %4) → rozet satırı kapsülün genişliği kadar içeriden biter (okunurluk; 2 düğme 94 px, 3 düğme 140 px) */
/* ⚠️ Yalnız < 1024: ≥ 1024'te haftalık ızgara hücresi ~143 px — 100/146 px pay kalemi taşırıyordu (hover:none dizüstünde de ölçüldü);
   orada kapsül fareyle üzerine gelince görünür (style.css:2459) */
@media (max-width: 1023px) {
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-kalem:has(> .plan-eylem) .plan-kalem-govde > .ust { padding-inline-end: 100px; flex-wrap: wrap; }
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-kalem:has(> .plan-eylem > :nth-child(3)) .plan-kalem-govde > .ust { padding-inline-end: 146px; }
  /* v562: ödenmiş kalemin TEK düğmesi (Geri Al) — düğme başına 46 px → 54 px pay */
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-kalem:has(> .plan-eylem.tek) .plan-kalem-govde > .ust { padding-inline-end: 54px; }
}
/* Ayın dışındaki gün başlıkları (bilgi taşımayan yer tutucu) .35 → .55 (aydınlıkta 2,2 → ölçülebilir) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .plan-gun.bos-gun { opacity: .55; }

/* Krediler ▸ ilerleme çubuğu (taste T4): banka marka rengi (Ziraat kırmızısı) "gecikme/risk" gibi okunuyordu → kategori rengi (--kat-kredi;
   D10 "kategori rengi grafikte"), yüzde nötr. Marka kimliği logo dairesinde kalır. Satır içi stil var(--banka) okur → değişken çubukta ezilir. */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kredi-kart .ilerleme { --banka: var(--kat-kredi); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kredi-ilerleme-satir .yuzde { color: var(--metin); }

/* Analiz (taste T4/T8): kahraman tutarları nötr (D10 — işaret "−" ve etiket anlamı taşır); her alt görünümün başındaki çip seçili sekmenin
   adını TEKRAR ediyordu ("Nakit Pozisyonu" sekmesi + "Nakit Pozisyonu" çipi) → gizli (başlık h3 kalır) */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .analiz-buyuk-kutu b:is(.pozitif, .negatif) { color: var(--metin); }
:root[data-cam-etkin] #analizGorunum .analiz-rozet { display: none; }

/* 11f) Teslimat Onay kalem satırı (taste Z4): 1280'de (ray hep açık — D11) ad girdisi 12 px'e çöküyor, ✓/✕ 72×66 dikey kapsüle
   dönüyordu (6 satırın 6'sı) → ad kendi satırına sarar, segment yatay kalır. */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-kalem-ust { flex-wrap: wrap; row-gap: 6px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-kalem-ad { flex: 1 1 160px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .tes-mini-segment { display: inline-flex; flex: none; }
/* Tahsilat Planı alt sekmeleri (taste Z4b): style.css:4270 `max-width: 460px` (5 sekme ≈ 530 px) 1024/1280'de iki satıra kırıyordu */
@media (min-width: 760px) {
  :root[data-cam-etkin] #tahsilatSekmeler { max-width: none; flex: none; flex-wrap: nowrap; }
}
/* Dar ekranda 5 sekme "Alacak Ekle"nin yanında 3 satıra kırılıyordu (227 × 142 px) → tam satır, tek sıra, yatay kayar (iOS kaydırmalı
   segment); "Alacak Ekle" alt satırda sağa yaslı (.plan-arac-serit sarar) */
@media (max-width: 759px) {
  :root[data-cam-etkin] #tahsilatSekmeler { flex: 1 1 100%; max-width: 100%; flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
}

/* 11g) Rapor ▸ Nakit Akış Haritası (Sankey, js/akisharita.js — SVG <text>) düğüm etiketleri şeritlerin ÜSTÜNE biniyor ("4B TL" p1 1,87,
   "21,19B TL" 1,43 — okunurluk): panel renginde hale (SVG paint-order: önce 4 px panel tonu, sonra yazı — Apple Haritalar etiket dili;
   ince kontur DEĞİL, zemin rengi). Kategori akışındaki HTML etiketler (.akis-etiket-kutu) için aynı hale text-shadow ile. */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .akis-svg :is(.akis-dugum-ad, .akis-dugum-deger) {
  paint-order: stroke fill; stroke: var(--panel); stroke-width: 4px; stroke-linejoin: round; stroke-opacity: .92;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .akis-etiket-kutu :is(.ad, .tut) {
  text-shadow: 0 0 2px var(--panel), 0 0 3px var(--panel), 0 0 6px var(--panel), 0 0 10px var(--panel);
}

/* 11h) Ölçek dışı yazı/rakam boyları ve ağırlıkları (duzeltme-2, taste-2 T1 — "ölçek dışı akışkan rakam boyları", D7 7 kademe + 3 ağırlık).
   17 görünüm taramasında (1280 koyu, saat 08.07.2026) style.css'ten sızanlar: Rapor ▸ Likidite kutuları clamp(15px, 2.4vw, 20px)/650 →
   ≥ 1280'de 22/600, altında 17/600 (kutu 1024'te ~150 px — 22 px "273.150,00 TL" 149 px ile sınırda, üç nokta yerine kademe) · yorum
   cümlesi 12,5 → 13 · K/Z ▸ kâr marjı 19/700 → 22/700 (kardeş kutular 17) · Krediler ▸ ekstre bırakma başlığı 13,5 → 13. */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .cfo-rakam .rakam { font-size: 17px; line-height: 22px; font-weight: 600; letter-spacing: -.015em; }
@media (min-width: 1280px) {
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .cfo-rakam .rakam { font-size: 22px; line-height: 28px; letter-spacing: -.02em; }
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .likidite-durum { font-size: 13px; line-height: 18px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .kz-serit-marj b { font-size: 22px; line-height: 28px; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .ekstre-birak-metin b { font-size: 13px; }

/* ---------- 13) İMLEÇ IŞIĞI — visionOS "hover" dili (kullanıcı 01.10: "mouse ile programda gezdiğimde arkada yeşil bir parlama
   yaratıyor, o çok basit ve kötü … premium bir tasarım") ----------
   v468: .panel[data-isik] (style.css:5767, kaydirma.js ▸ isik) = VURGU renginde 520 px ışık lekesi + 1 px yeşil çerçeve; .cfo-panel'de
   2 px renkli üst çizgi. Cam açıkken: RENKSİZ speküler ışık YALNIZ kenar bandında imleci izler (camın kenarına ışık vurur gibi) +
   kart bir kademe yükselir (gölge-1 → gölge-2). İnce çizgi YOK: bant 18 px, içe doğru doğrusal söner (sert iç kenar yok), ışık radyal.
   Okunurluk: kart iç boşluğu ≥ 16 px → bandın yazıya ulaşan payı ≤ %11 × tepe (koyu ≤ .03) → jüri bileşimi (parıltı ≤ .04) korunur.
   egim.js'in BÜTÜN kartı kaplayan beyaz parlaması (mikro.css ::after) cam açıkken kapalı — ışık tek dilde.
   Konum: kartlar position:relative olur; 17 görünümde içteki 60–76 mutlak/sabit öğenin konumu DEĞİŞMEDİ (tasarim-v469/isik/konum-denetim.mjs). */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel {
  position: relative;
  transition: box-shadow .28s cubic-bezier(.2, .8, .2, 1);
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel::before {
  content: ""; position: absolute; inset: 0; width: auto; height: auto; border-radius: inherit; pointer-events: none;
  transform: none; filter: none;                                    /* style.css .bakiye-kart::before (%65 × %75 ışıma, 2 px şerit) mirası sıfırlanır */
  background: radial-gradient(420px circle at var(--isik-x, 50%) var(--isik-y, 0px),
    rgba(255, 255, 255, var(--cam-imlec-tepe, .34)), rgba(255, 255, 255, calc(var(--cam-imlec-tepe, .34) * .28)) 34%, transparent 68%);
  -webkit-mask:
    linear-gradient(to bottom, #000, transparent 18px) top / 100% 18px no-repeat,
    linear-gradient(to top, #000, transparent 18px) bottom / 100% 18px no-repeat,
    linear-gradient(to right, #000, transparent 18px) left / 18px 100% no-repeat,
    linear-gradient(to left, #000, transparent 18px) right / 18px 100% no-repeat;
  mask:
    linear-gradient(to bottom, #000, transparent 18px) top / 100% 18px no-repeat,
    linear-gradient(to top, #000, transparent 18px) bottom / 100% 18px no-repeat,
    linear-gradient(to right, #000, transparent 18px) left / 18px 100% no-repeat,
    linear-gradient(to left, #000, transparent 18px) right / 18px 100% no-repeat;
  opacity: 0;
  transition: opacity .36s cubic-bezier(.2, .8, .2, 1);
}
:root[data-cam-etkin][data-tema="aydinlik"] .gorunum:not(#komutaGorunum) .panel::before { --cam-imlec-tepe: .95; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel[data-isik]::before { opacity: 1; }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel[data-isik] { box-shadow: var(--cam-isik), var(--cam-golge-2); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) [data-egim]:not([data-egim-parlama="yok"])::after { content: none; }
@media (prefers-reduced-motion: reduce) {
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel,
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel::before { transition: none; }
}
:root[data-cam-etkin].hareket-kapali .gorunum:not(#komutaGorunum) .panel,
:root[data-cam-etkin].hareket-kapali .gorunum:not(#komutaGorunum) .panel::before { transition: none; }
@media (forced-colors: active) {
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel::before { content: none; }
}

/* ---------- 14) v470 MİKRO ETKİLEŞİMLER — kart ışığı, kart girişi, görünüm geçişi (KURALLAR v470 ▸ "Mikro etkileşimler") ----
   YALNIZ EKLEME (§13 aynen yerinde; burası onu daha yüksek/eşit özgüllükle SONRA gelerek inceltir). Yalnız transform/opacity animasyonu
   (ışığın konum takibi kayıtlı özellik geçişi — boyama, yerleşim değil). Token'lar css/cam-temel.css §8; kayıtlı özellikler css/mikro.css §11. */

/* §14a — KENAR IŞIĞI, v470 inceltmesi. §13'ün dört dikdörtgen bant maskesi köşede kare bir iç kenar bırakıyor ve 420 px'lik ışık kartın
   NEREDEYSE BÜTÜN çevresini yakıyordu (kart ince bir ışık konturu taşıyor gibi okunuyordu). Şimdi: ışık = kartın KENDİ yarıçapını izleyen
   iç ışıma (inset gölge, 12 px bulanık + 2 px yayılma: kenarda tepe, içe doğru Gauss sönümü — sert iç kenar YOK, köşede yay boyunca),
   radyal maske YALNIZ imlecin çevresini açar (çekirdek ~48 px tam, 255 px'te biter) → imlece en yakın kenar parçası ışıl ışıl, uzak kenarlar karanlık: camın
   kenarına vuran ışık, çerçeve değil. Renksiz (koyu .58 / aydınlık .98 beyaz). Okunurluk: inset ışıma kenardan 10 px içeride tepenin ≤ %9'una,
   16 px'te (en dar iç boşluk) ≤ %1'ine iner (Gauss σ 6; koyuda ≤ .006 beyaz) — yazı alanı (≥ 16 px iç boşluk) etkilenmez; §13 sözleşmesi (≤ 10 px'te söner) korunur.
   Takip YUMUŞAK: konum kayıtlı --cam-isik-x/y özelliklerine geçer ve 200 ms'de imlece yetişir (sıvı his); karta ilk girişte konum geçişsiz
   oturur (js/kaydirma.js ▸ isik: nitelik bir kare sonra). Işık katmanı YALNIZ üzerine gelinince var (dinlenmede display: none — §13'te her
   kartta opaklık-0 maskeli bir katman duruyordu; ölçüldü: dinlenme hâli artık v469 ile piksel piksel aynı, katman/maske maliyeti de yok);
   giriş @starting-style ile 0'dan solar, çıkışta display solma bitince kalkar (allow-discrete). */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel::before {
  --cam-isik-x: var(--isik-x, 50%); --cam-isik-y: var(--isik-y, 0px);
  background: none;
  box-shadow: inset 0 0 12px 2px var(--cam-kenar-isik);
  -webkit-mask: radial-gradient(300px circle at var(--cam-isik-x) var(--cam-isik-y), #000 0, rgba(0, 0, 0, .8) 16%, rgba(0, 0, 0, .32) 46%, transparent 85%);
  mask: radial-gradient(300px circle at var(--cam-isik-x) var(--cam-isik-y), #000 0, rgba(0, 0, 0, .8) 16%, rgba(0, 0, 0, .32) 46%, transparent 85%);
  display: none;
  transition: opacity .42s cubic-bezier(.2, .8, .2, 1), display .42s allow-discrete;
}
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel[data-isik]::before {
  display: block;
  transition: opacity .32s cubic-bezier(.2, .8, .2, 1), display .32s allow-discrete, --cam-isik-x var(--cam-isik-sure) cubic-bezier(.2, .8, .2, 1),
              --cam-isik-y var(--cam-isik-sure) cubic-bezier(.2, .8, .2, 1);
  @starting-style { opacity: 0; }
}
/* §14b — KALKIŞ (yükselme) yalnız OPAKLIKLA: §13 gölge-1 → gölge-2 geçişini (box-shadow, her karede boyama) ::after'daki ek gölgenin
   (--cam-golge-kalk; gölge-1 + kalk ≈ gölge-2) opaklığına taşır. Kartın kendi gölgesi hep gölge-1. egim.js parlaması (::after) cam
   açıkken zaten kapalıydı (§13) — aynı katman burada gölge taşır; arka planı YOK. */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel,
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel[data-isik] { transition: none; box-shadow: var(--cam-isik), var(--cam-golge-1); }
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel::after,
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel[data-egim]:not([data-egim-parlama="yok"])::after {
  content: ""; position: absolute; inset: 0; width: auto; height: auto; border-radius: inherit; pointer-events: none;
  background: none; box-shadow: var(--cam-golge-kalk); transform: none; filter: none;
  display: none; opacity: 0;
  transition: opacity .42s cubic-bezier(.2, .8, .2, 1), display .42s allow-discrete;
}
/* Katman YALNIZ üzerine gelinince var (dinlenmede display: none → çizim ağacında yok; ölçüldü: her karta kalıcı opaklık-0 gölge katmanı
   Rapor'da tarama/raster gürültüsü kadar piksel farkı üretiyordu, şimdi dinlenme hâli v469 ile 0 px). Giriş @starting-style ile 0'dan
   solar, çıkışta display solma bitince kalkar (allow-discrete). Desteklemeyen tarayıcıda kalkış anlık — bilgi kaybı yok. */
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel[data-isik]::after,
:root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel[data-isik][data-egim]:not([data-egim-parlama="yok"])::after {
  display: block; opacity: 1;
  transition: opacity .32s cubic-bezier(.2, .8, .2, 1), display .32s allow-discrete;
  @starting-style { opacity: 0; }
}
/* §14c — KADEMELİ GİRİŞ GERİ GELDİ (v469 gerilemesi, ölçüldü): §13'ün ".panel { transition: box-shadow }" kuralı (#id'li önek → 1,3,0)
   mikro.css'in "gordu" geçişini (0,4,2) eziyordu → cam açıkken paneller .55/8 px'ten 420 ms'de süzülmek yerine TEK KAREDE sıçrıyordu
   (yalnız satırlar süzülüyordu). Giriş geçişi "gordu" hâlinde yeniden bildirilir (değerler mikro.css §1 AYNEN). */
:root[data-cam-etkin] body.kaydirma-acik .gorunum:not(#komutaGorunum) .panel[data-belir="gordu"] {
  transition: opacity var(--mikro-giris) var(--mikro-egri) var(--gecikme, 0ms), transform var(--mikro-giris) var(--mikro-egri) var(--gecikme, 0ms);
}
@media (prefers-reduced-motion: reduce) {
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel::before,
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel[data-isik]::before,
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel::after,
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel[data-isik]::after { transition: none; }
}
@media (forced-colors: active) {
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel::after,
  :root[data-cam-etkin] .gorunum:not(#komutaGorunum) .panel[data-egim]:not([data-egim-parlama="yok"])::after { content: none; }
}
/* §14d — GÖRÜNÜM GEÇİŞİ (js/cam.js ▸ gorunumDegistir sarmalı; yalnız html.cam-vt-gorunum süresince): <main> "cam-icerik" grubu — eski
   içerik 150 ms'de söner (4 px yukarı), yenisi 8 px aşağıdan 260 ms'de belirir (opaklık 0'dan: iki görüntü artı-aydınlık karışımla üst
   üste — çapraz geçiş). Grup boyutu morflanmaz (anında yeni kutu; görüntüler üste yaslı). Kök (kenar çubuğu, zemin) ANINDA canlı yeni
   hâlde — seçim damlası kenar çubuğunda kayar; kökün çapraz geçişi yok (tema geçişi kendi kök geçişini aynen kullanır). */
@keyframes camVtCik { to { opacity: 0; transform: translateY(-4px); } }
@keyframes camVtGel { from { opacity: 0; transform: translateY(8px); } }
:root[data-cam-etkin].cam-vt-gorunum::view-transition-old(root) { animation: none; opacity: 0; }
:root[data-cam-etkin].cam-vt-gorunum::view-transition-new(root) { animation: none; }
:root[data-cam-etkin].cam-vt-gorunum::view-transition-group(cam-icerik) { animation: none; }
:root[data-cam-etkin].cam-vt-gorunum::view-transition-old(cam-icerik) { animation: camVtCik 150ms cubic-bezier(.4, 0, 1, 1) both; }
:root[data-cam-etkin].cam-vt-gorunum::view-transition-new(cam-icerik) { animation: camVtGel 260ms cubic-bezier(.2, .8, .2, 1) both; }

/* ---------- 15) v507 PANEL OPAKLIĞI — kullanıcı kaydırıcısı (token'lar ve formül: cam-temel.css §9; KURALLAR v507) ----------
   Görünüm kapsamında --yuzey-op YENİDEN tanımlanır → içerik katmanındaki BÜTÜN "panel/zemin × --yuzey-op" yüzeyleri (kart, KPI, liste
   satırı, tablo satırı, hafta/gün kutusu, çip, Plan'ın vadesi geçmiş bloğu — style.css / zemin.css / cam-veri.css tüketicileri) TEK
   değişkenle ölçeklenir. --cam-pencere kökte hesaplandığı için burada yeniden kurulur — eksi tarafta CAM KARARTMALI: camın rengi
   temanın ucuna (koyu siyah / aydınlık beyaz) %KD·|u| kayar (cam-temel §9; artı tarafta / varsayılanda %0 → formül bugünküyle aynı
   rengi verir). Parıltı ve gölgeler değişmez; iç grup tonları ve dolu kutular v526'dan beri §15c'de ölçeklenir. Nitelik yokken (varsayılan)
   eşleşmez → piksel farkı 0. Komuta hariç (D2). Bulanıklık EKLENMEZ: içerik katmanında backdrop-filter YASAK (§C-1, 15.09 dersi;
   bu dosyada hiç yok — test) — okunurluğun bedelini karartma + hafif yazı kaldırma öder (ölçüldü, KURALLAR v507). */
:root[data-cam-etkin][data-panel-opaklik] .gorunum:not(#komutaGorunum) {
  --yuzey-op: clamp(0%, calc(var(--yuzey-op-kok) + (100% - var(--yuzey-op-kok)) * max(0, var(--panel-op-u))
                              + var(--yuzey-op-kok) * min(0, var(--panel-op-u)) * var(--panel-op-alt)), 100%);
  --cam-pencere: color-mix(in srgb, color-mix(in srgb, var(--panel) calc(100% - var(--panel-op-karart)), var(--panel-op-uc)) var(--yuzey-op), transparent);
}
/* §15b — EKSİ TARAF: YAZI KALDIRMA (kontrastın kalan bedeli; v467 "yazı kaldırma" kalıbı). Opaklık kökün altına inince kart içindeki
   yazı rolleri --metin'e doğru --panel-op-kaldir kadar kayar (cam-temel §9: K·|u|, en alt uçta ≤ %18 — renkler anlamını korur). Özdeğişken kendini referans alamaz → kartta KOPYA
   (--po-k-*: o öğede ÇÖZÜLMÜŞ değer — zemin.css'in canlılık kaldırması ve .panel --soluk'u DAHİL), kartın çocuklarında kaldırılmış hâl.
   Yalnız resimli cam kartlar (.panel, vadesi geçmiş bloğu, ay çubuğu / ay özeti): ölçümde eşik altına inen yazıların hepsi bunların içinde; zemin üstü
   ve resimsiz cam yüzeyler (hafta, gün, satır) en alt değerde de 0 kalan (KURALLAR v507). Artı tarafta / varsayılanda eşleşmez.
   ⚠️ İç içe kart (Plan'da .ay-ozet, .ay-bar'ın çocuğu): kaldırma kuralı İÇ KARTA uygulanmaz (:not) — aynı öğede kopya ↔ kaldırma birbirine
   başvurur → DÖNGÜ → iki değişken de geçersiz, renk --metin'e düşerdi (ilk turda yakalandı: ay çubuğundaki kırmızı/yeşil tutarlar siyah/beyaz). */
:root[data-cam-etkin][data-panel-opaklik^="-"] .gorunum:not(#komutaGorunum) :is(.panel, .plan-geciken-blok, .ay-bar, .ay-ozet) {
  --po-k-soluk: var(--soluk); --po-k-cam-soluk: var(--cam-soluk); --po-k-vurgu: var(--vurgu); --po-k-basari: var(--basari);
  --po-k-tehlike: var(--tehlike); --po-k-uyari: var(--uyari); --po-k-bilgi: var(--bilgi);
  --po-k-kat-kredi: var(--kat-kredi); --po-k-kat-kart-sirket: var(--kat-kart-sirket); --po-k-kat-kart-sahsi: var(--kat-kart-sahsi);
  --po-k-kat-kira: var(--kat-kira); --po-k-kat-maas: var(--kat-maas); --po-k-kat-vergi: var(--kat-vergi); --po-k-kat-cek: var(--kat-cek);
  --po-k-kat-diger: var(--kat-diger);
}
:root[data-cam-etkin][data-panel-opaklik^="-"] .gorunum:not(#komutaGorunum) :is(.panel, .plan-geciken-blok, .ay-bar, .ay-ozet) > :not(.panel, .plan-geciken-blok, .ay-bar, .ay-ozet) {
  --soluk: color-mix(in srgb, var(--po-k-soluk) calc(100% - var(--panel-op-kaldir)), var(--metin));
  --cam-soluk: color-mix(in srgb, var(--po-k-cam-soluk) calc(100% - var(--panel-op-kaldir)), var(--metin));
  --vurgu: color-mix(in srgb, var(--po-k-vurgu) calc(100% - var(--panel-op-kaldir)), var(--metin));
  --basari: color-mix(in srgb, var(--po-k-basari) calc(100% - var(--panel-op-kaldir)), var(--metin));
  --tehlike: color-mix(in srgb, var(--po-k-tehlike) calc(100% - var(--panel-op-kaldir)), var(--metin));
  --uyari: color-mix(in srgb, var(--po-k-uyari) calc(100% - var(--panel-op-kaldir)), var(--metin));
  --bilgi: color-mix(in srgb, var(--po-k-bilgi) calc(100% - var(--panel-op-kaldir)), var(--metin));
  /* kategori renkleri (rozet yazısı + %16 kendi tonu — Para ▸ POS hapları): ton korunur, yalnız --metin'e kayar */
  --kat-kredi: color-mix(in srgb, var(--po-k-kat-kredi) calc(100% - var(--panel-op-kaldir)), var(--metin));
  --kat-kart-sirket: color-mix(in srgb, var(--po-k-kat-kart-sirket) calc(100% - var(--panel-op-kaldir)), var(--metin));
  --kat-kart-sahsi: color-mix(in srgb, var(--po-k-kat-kart-sahsi) calc(100% - var(--panel-op-kaldir)), var(--metin));
  --kat-kira: color-mix(in srgb, var(--po-k-kat-kira) calc(100% - var(--panel-op-kaldir)), var(--metin));
  --kat-maas: color-mix(in srgb, var(--po-k-kat-maas) calc(100% - var(--panel-op-kaldir)), var(--metin));
  --kat-vergi: color-mix(in srgb, var(--po-k-kat-vergi) calc(100% - var(--panel-op-kaldir)), var(--metin));
  --kat-cek: color-mix(in srgb, var(--po-k-kat-cek) calc(100% - var(--panel-op-kaldir)), var(--metin));
  --kat-diger: color-mix(in srgb, var(--po-k-kat-diger) calc(100% - var(--panel-op-kaldir)), var(--metin));
}

/* §15c — v526 "BÜTÜN PANELLER" (KURALLAR v526): v507 kaydırıcısı yalnız --yuzey-op / --cam-pencere tüketen yüzeyleri ölçekliyordu; SABİT
   alfalı yüzeyler (kart içi grup tonları --cam-v-ic %42 / --cam-v-ic2 %66, Plan kalemi tonu --cam-v-panel %42, cam katmanında hiç
   karşılığı olmayan DOLU var(--panel) kutuları — Tahsilat yaşlandırma, K/Z günleri, Net K/Z yıl satırı, limit/bilanço kutuları …) kaydırıcıya
   tepki vermiyordu (DOM taraması: tasarim-v526). Aynı formül HER TABAN için: etkin(t) = t + (100% − t)·max(0, u) + t·min(0, u)·alt
   (t = yüzeyin varsayılan alfası; u = 0'da t → varsayılanda piksel farkı 0, +100'de hepsi TAM OPAK). Eksi tarafta renk, kart camıyla
   AYNI karartmayı alır (--po-renk: panel → temanın ucu %KD·|u|; aydınlıkta zaten beyaz). Kaydırılan yazı içermeyen işlevsel öğeler
   (yapışkan tablo sütunları — kaydırılan hücreler altından görünmesin diye DOLU kalır; düğme / hover; durum tonu not kutuları) DEĞİŞMEZ. */
:root[data-cam-etkin][data-panel-opaklik] .gorunum:not(#komutaGorunum) {
  --po-renk: color-mix(in srgb, var(--panel) calc(100% - var(--panel-op-karart)), var(--panel-op-uc));
  --po-ic1-op: clamp(0%, calc(42% + 58% * max(0, var(--panel-op-u)) + 42% * min(0, var(--panel-op-u)) * var(--panel-op-alt)), 100%);
  --po-ic2-op: clamp(0%, calc(66% + 34% * max(0, var(--panel-op-u)) + 66% * min(0, var(--panel-op-u)) * var(--panel-op-alt)), 100%);
  --po-dolu-op: clamp(0%, calc(100% + 100% * min(0, var(--panel-op-u)) * var(--panel-op-alt)), 100%);
  --po-dolu: color-mix(in srgb, var(--po-renk) var(--po-dolu-op), transparent);
  --cam-v-panel: color-mix(in srgb, var(--po-renk) var(--po-ic1-op), transparent);
}
:root[data-cam-etkin][data-tema="koyu"][data-panel-opaklik] .gorunum:not(#komutaGorunum) {
  --cam-v-ic: color-mix(in srgb, var(--po-renk) var(--po-ic1-op), transparent);
  --cam-v-ic2: color-mix(in srgb, var(--po-renk) var(--po-ic2-op), transparent);
}
:root[data-cam-etkin][data-tema="aydinlik"][data-panel-opaklik] .gorunum:not(#komutaGorunum) {
  --cam-v-ic: color-mix(in srgb, #FFFFFF var(--po-ic1-op), transparent);
  --cam-v-ic2: color-mix(in srgb, #FFFFFF var(--po-ic2-op), transparent);
}
/* DOLU kutular (style.css / limitler.css / sabitkiymet.css / sigortamutabakat.css; cam katmanında karşılıkları yok) */
:root[data-cam-etkin][data-panel-opaklik] .gorunum:not(#komutaGorunum) :is(.tah-kova, .tah-borclu, .tes-satir-not, .ins-taseron, .kz-gun,
  .kz-bar, .gg-ust-zincir, .gg-ay, .netkz-yil-satir, .netkz-grafik-kutu, .bl-kutu, .lim-kutu, .bl-gorunum) { background: var(--po-dolu); }
:root[data-cam-etkin][data-panel-opaklik] .gorunum:not(#komutaGorunum) .bl-foto-onay { background: color-mix(in srgb, var(--vurgu) 6%, var(--po-dolu)); }
:root[data-cam-etkin][data-panel-opaklik] .gorunum:not(#komutaGorunum) .smt-kontrol { background: color-mix(in srgb, var(--uyari) 7%, var(--po-dolu)); }
:root[data-cam-etkin][data-panel-opaklik] .gorunum:not(#komutaGorunum) .kredi-ozet-kart:not(.bk-kimlik) {
  background:
    radial-gradient(130% 90% at 100% 0%, color-mix(in srgb, var(--basari) 13%, transparent), transparent 62%),
    linear-gradient(160deg, color-mix(in srgb, var(--panel-ust) var(--po-dolu-op), transparent) 0%, var(--po-dolu) 60%);
}