/* =====================================================================================================================
   DURUM DİLİ — css/durum-dili.css (v474, KURALLAR "## v474" ▸ A (durum dili))
   Dört semantik aile, palet ve VURGUDAN BAĞIMSIZ: kritik (kırmızı-mercan) · dikkat (amber) · onay (yeşil) · notr (soğuk nötr).
   Yükleme: index.html'de EN SONDA (cam-veri.css'ten sonra). Kapsam: .gorunum (Komuta HARİÇ) + sayfalar (.modal-fon). Cam kapalıyken de geçerli.
   ⚠️ Token blokları DÜZ değer taşır (hex / yüzde): jüri tasarim-v474/durum-dili/juri/durum-juri.mjs bu dosyayı OKUR. Değer değişirse
      jüriyi yeniden koş (12 palet × 3 canlılık × 3 cam × 5 vurgu) — 0 kalan şart.
   ⚠️ --vurgu / --st-primary BU DOSYADA DURUM RENGİ OLARAK KULLANILMAZ.
   İki biçim: DOLU hap (kritik · onay · dikkat DURUMU) — cam mücevher degrade, yazı dolguya karşı ölçülür (yüzeyden bağımsız) ·
              TONLU hap (ikincil bayraklar + notr) — %13–24 ton, koyuda neredeyse beyaz, aydınlıkta mürekkep yazı (en kötü yüzeyde ölçülür).
   Kart durumu: kartın İÇİNDE sol kapsül (4 px) + kapsülün çevresinde sönen ışık (yazının ARDINA girmez). İnce kontur YOK.
   ===================================================================================================================== */

/* ---------- 1) TOKEN'LAR — koyu (Klasik koyu = varsayılan) ---------- */
:root,
:root[data-tema="koyu"] {
  --durum-kritik-dolgu: #FF5F6D;  --durum-kritik-ustu: #2B0007;  --durum-kritik-ton: #FF5F6D;  --durum-kritik-ton-a: 18%;  --durum-kritik-metin: #FFE1E4;  --durum-kritik-isik-a: 26%;
  --durum-dikkat-dolgu: #F5A524;  --durum-dikkat-ustu: #241500;  --durum-dikkat-ton: #F5A524;  --durum-dikkat-ton-a: 17%;  --durum-dikkat-metin: #FFF3DF;  --durum-dikkat-isik-a: 24%;
  --durum-onay-dolgu: #2FE0A6;    --durum-onay-ustu: #00150D;    --durum-onay-ton: #2FE0A6;    --durum-onay-ton-a: 16%;    --durum-onay-metin: #E2FDF1;    --durum-onay-isik-a: 22%;
  --durum-notr-dolgu: #A3B1C8;    --durum-notr-ustu: #10151F;    --durum-notr-ton: #8EA2C0;    --durum-notr-ton-a: 16%;    --durum-notr-metin: #E8EDF5;    --durum-notr-isik-a: 14%;
  --durum-onay-not-a: 10%;
  --durum-onay-glif: #57E6B6;  --durum-kritik-glif: #FFB3BA;
  --durum-dolgu-parlak: 16%;  --durum-dolgu-golge: 7%;
}
/* ---------- aydınlık (Klasik aydınlık = varsayılan) ---------- */
:root[data-tema="aydinlik"] {
  --durum-kritik-dolgu: #C21D31;  --durum-kritik-ustu: #FFFFFF;  --durum-kritik-ton: #E5484D;  --durum-kritik-ton-a: 13%;  --durum-kritik-metin: #7A0E1C;  --durum-kritik-isik-a: 16%;
  --durum-dikkat-dolgu: #F2A71B;  --durum-dikkat-ustu: #2B1A00;  --durum-dikkat-ton: #F5A524;  --durum-dikkat-ton-a: 24%;  --durum-dikkat-metin: #553300;  --durum-dikkat-isik-a: 22%;
  --durum-onay-dolgu: #00774F;    --durum-onay-ustu: #FFFFFF;    --durum-onay-ton: #12A675;    --durum-onay-ton-a: 15%;    --durum-onay-metin: #00462F;    --durum-onay-isik-a: 16%;
  --durum-notr-dolgu: #55657D;    --durum-notr-ustu: #FFFFFF;    --durum-notr-ton: #64748B;    --durum-notr-ton-a: 13%;    --durum-notr-metin: #2D3847;    --durum-notr-isik-a: 12%;
  --durum-onay-not-a: 8%;
  --durum-onay-glif: #00704A;  --durum-kritik-glif: #B01828;
  --durum-dolgu-parlak: 8%;  --durum-dolgu-golge: 6%;
}
/* ---------- palet ince ayarı — TON değişir, AİLE değişmez (onay = paletin kendi --st-basari'si, v463'te ölçülü) ---------- */
:root[data-tema="koyu"][data-palet="grafit"]          { --durum-kritik-dolgu: #FF5E66; --durum-kritik-ton: #FF5E66; --durum-onay-dolgu: #3CD99C; --durum-onay-ton: #3CD99C; --durum-dikkat-dolgu: #E8AC3A; --durum-dikkat-ton: #E8AC3A; }
:root[data-tema="koyu"][data-palet="obsidyen-zumrut"] { --durum-kritik-dolgu: #FF6A5E; --durum-kritik-ton: #FF6A5E; --durum-onay-dolgu: #2FE0A6; --durum-onay-ton: #2FE0A6; }
:root[data-tema="koyu"][data-palet="kutup-isigi"]     { --durum-kritik-dolgu: #FF5F7E; --durum-kritik-ton: #FF5F7E; --durum-onay-dolgu: #3DDC97; --durum-onay-ton: #3DDC97; --durum-dikkat-dolgu: #F2B23A; --durum-dikkat-ton: #F2B23A; }
:root[data-tema="koyu"][data-palet="gece-yarisi"]     { --durum-kritik-dolgu: #FF5F72; --durum-kritik-ton: #FF5F72; --durum-onay-dolgu: #3DDC97; --durum-onay-ton: #3DDC97; --durum-dikkat-dolgu: #F2B23A; --durum-dikkat-ton: #F2B23A; }
/* Uzay Siyahı: titanyum üstünde sıcak, lüks kırmızı (Apple kırmızısına yakın) */
:root[data-tema="koyu"][data-palet="uzay-siyahi"]     { --durum-kritik-dolgu: #FF5A50; --durum-kritik-ton: #FF5A50; --durum-kritik-metin: #FFE3E0; --durum-onay-dolgu: #3DD68C; --durum-onay-ton: #3DD68C; }
:root[data-tema="aydinlik"][data-palet="porselen"]       { --durum-kritik-dolgu: #BE1E34; --durum-onay-dolgu: #056E4B; }
:root[data-tema="aydinlik"][data-palet="fildisi-varak"]  { --durum-kritik-dolgu: #B31A2A; --durum-onay-dolgu: #00714F; }
:root[data-tema="aydinlik"][data-palet="buzul-safagi"]   { --durum-kritik-dolgu: #B8192C; --durum-onay-dolgu: #00724A; }
:root[data-tema="aydinlik"][data-palet="yildiz-isigi"]   { --durum-kritik-dolgu: #B81B2C; --durum-onay-dolgu: #0A7240; }
:root[data-tema="aydinlik"][data-palet="dogal-titanyum"] { --durum-kritik-dolgu: #B31A2A; --durum-onay-dolgu: #13734A; }

/* ---------- türetilmiş (kökte; her yerde aynı) ---------- */
:root {
  --durum-kritik-zemin: color-mix(in srgb, var(--durum-kritik-ton) var(--durum-kritik-ton-a), transparent);
  --durum-dikkat-zemin: color-mix(in srgb, var(--durum-dikkat-ton) var(--durum-dikkat-ton-a), transparent);
  --durum-onay-zemin:   color-mix(in srgb, var(--durum-onay-ton) var(--durum-onay-ton-a), transparent);
  --durum-notr-zemin:   color-mix(in srgb, var(--durum-notr-ton) var(--durum-notr-ton-a), transparent);
  --durum-kritik-isik:  color-mix(in srgb, var(--durum-kritik-dolgu) var(--durum-kritik-isik-a), transparent);
  --durum-dikkat-isik:  color-mix(in srgb, var(--durum-dikkat-dolgu) var(--durum-dikkat-isik-a), transparent);
  --durum-onay-isik:    color-mix(in srgb, var(--durum-onay-dolgu) var(--durum-onay-isik-a), transparent);
  --durum-notr-isik:    color-mix(in srgb, var(--durum-notr-dolgu) var(--durum-notr-isik-a), transparent);
  --durum-onay-not:     color-mix(in srgb, var(--durum-onay-dolgu) var(--durum-onay-not-a), transparent);
  /* Hap derinliği: yumuşak iç ışık (üst) + iç gölge (alt) + nötr düşen gölge — kontur YOK */
  --durum-hap-derinlik: inset 0 1px 1px rgba(255, 255, 255, .30), inset 0 -1px 1.5px rgba(0, 0, 0, .16), 0 1px 2px rgba(0, 0, 0, .28);
  --durum-ton-derinlik: inset 0 1px 1px rgba(255, 255, 255, .07);
  /* İkonlar (maske; renk = currentColor) — 24 px ızgara, yuvarlak uç */
  --durum-ikon-unlem: 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.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.3'/%3E%3Cpath d='M12 7.2v5.9'/%3E%3Cpath d='M12 16.7v.05'/%3E%3C/svg%3E");
  --durum-ikon-saat: 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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.3'/%3E%3Cpath d='M12 7v5.3l3.3 2.1'/%3E%3C/svg%3E");
  --durum-ikon-tik: 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.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.3'/%3E%3Cpath d='M7.9 12.4l2.8 2.8 5.5-5.7'/%3E%3C/svg%3E");
  --durum-ikon-carpi: 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.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.3'/%3E%3Cpath d='M9.2 9.2l5.6 5.6M14.8 9.2l-5.6 5.6'/%3E%3C/svg%3E");
  --durum-ikon-bilgi: 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.3' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.3'/%3E%3Cpath d='M12 11.2v5.4'/%3E%3Cpath d='M12 7.6v.05'/%3E%3C/svg%3E");
}
:root[data-tema="aydinlik"] {
  --durum-hap-derinlik: inset 0 1px 1px rgba(255, 255, 255, .30), inset 0 -1px 1.5px rgba(0, 0, 0, .12), 0 1px 2px rgba(20, 24, 32, .16);
  --durum-ton-derinlik: inset 0 1px 1px rgba(255, 255, 255, .55);
}

/* =====================================================================================================================
   2) HAPLAR — öneki :root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) — özgüllük cam-veri.css'in (1,4,0)'ına eşit/üstün;
      dosya EN SONDA yüklendiği için eşitlikte kazanır. --dh-* yerel aile taşıyıcısıdır.
   ===================================================================================================================== */
/* ---- DOLU: kritik ---- */
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.rozet.rozet-geciken, .rozet.rozet-karsiliksiz, .rozet.rozet-supheli, .rozet.rozet-bos-tutar, .rozet.kira-uyari-kritik, .tes-min-alti:not(.onayli), .tes-durum-rozet[data-aile="kritik"]) {
  --dh-dolgu: var(--durum-kritik-dolgu); --dh-ustu: var(--durum-kritik-ustu); --dh-ikon: var(--durum-ikon-unlem);
}
/* ---- DOLU: onay ---- */
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.rozet.rozet-odendi, .rozet.rozet-tahsil, .tes-onayli-rozet, .tes-durum-rozet[data-aile="onay"]) {
  --dh-dolgu: var(--durum-onay-dolgu); --dh-ustu: var(--durum-onay-ustu); --dh-ikon: var(--durum-ikon-tik);
}
/* ---- DOLU: dikkat (DURUM: kısmi, onay bekliyor, kira son taksit vadesi) ---- */
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.rozet.rozet-kismi, .rozet.kira-uyari-acil, .tes-durum-rozet[data-aile="dikkat"]) {
  --dh-dolgu: var(--durum-dikkat-dolgu); --dh-ustu: var(--durum-dikkat-ustu); --dh-ikon: var(--durum-ikon-saat);
}
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) .tes-durum-rozet[data-kod="REDDEDILDI"] { --dh-ikon: var(--durum-ikon-carpi); }
/* DOLU hap biçimi */
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.rozet.rozet-geciken, .rozet.rozet-karsiliksiz, .rozet.rozet-supheli, .rozet.rozet-bos-tutar, .rozet.kira-uyari-kritik, .tes-min-alti:not(.onayli), .rozet.rozet-odendi, .rozet.rozet-tahsil, .tes-onayli-rozet, .rozet.rozet-kismi, .rozet.kira-uyari-acil, .tes-durum-rozet:is([data-aile="kritik"], [data-aile="onay"], [data-aile="dikkat"])) {
  display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
  min-height: 22px; padding: 0 9px 0 7px; border: 0; border-radius: 999px;
  font-size: 12px; line-height: 16px; font-weight: 650; font-style: normal; letter-spacing: .005em; text-transform: none;
  color: var(--dh-ustu);
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--dh-dolgu), #FFFFFF var(--durum-dolgu-parlak)) 0%,
    var(--dh-dolgu) 52%,
    color-mix(in srgb, var(--dh-dolgu), #000000 var(--durum-dolgu-golge)) 100%);
  box-shadow: var(--durum-hap-derinlik);
  text-shadow: none; opacity: 1; filter: none;
}
/* İkon — markupta kendi ✓ svg'si olan haplar (Ödendi, Tahsil) ::before ALMAZ */
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.rozet.rozet-geciken, .rozet.rozet-karsiliksiz, .rozet.rozet-supheli, .rozet.rozet-bos-tutar, .rozet.kira-uyari-kritik, .tes-min-alti:not(.onayli), .tes-onayli-rozet, .rozet.rozet-kismi, .rozet.kira-uyari-acil, .tes-durum-rozet:is([data-aile="kritik"], [data-aile="onay"], [data-aile="dikkat"]))::before {
  content: ""; flex: none; width: 13px; height: 13px; background-color: currentColor;
  -webkit-mask: var(--dh-ikon) center / contain no-repeat; mask: var(--dh-ikon) center / contain no-repeat;
}
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.rozet.rozet-odendi, .rozet.rozet-tahsil) .rozet-tik { width: 13px; height: 13px; color: currentColor; stroke-width: 2.4; }

/* ---- TONLU: ikincil bayraklar ---- */
/* .rozet-kaydirma burada GENEL kural: tarih DIŞI bağlamda v473 anlamı (amber = dikkat) korunur — İnşaat 60-89 gün kovası, İnşaat raporu %<50,
   Yaklaşan ödemeler "≤ 3 gün", Kıymet "~"/"düzeltildi", MT940 "Ters kayıt" … Tarih kaydırması (notr) aşağıda BAĞLAMLA daraltılır (KURALLAR
   "## v474" ▸ A kural 11 — ilk sürüm her yerde notr yapıp 60-89 kovasını 12 günlük kovayla aynı griye indirmişti). */
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.tes-yas-rozet.eski, .tes-fark-rozet.arti, .rozet.rozet-borc, .rozet.rozet-kaydirma) {
  --dh-zemin: var(--durum-dikkat-zemin); --dh-metin: var(--durum-dikkat-metin);
}
/* Analiz ▸ hedef ilerlemesi: "geride" = kritik tonlu, yolunda = onay tonlu (eskiden --vurgu: titanyum/mavi vurguda "iyi" anlamı kayboluyordu) */
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) .th-rozet.eksi { --dh-zemin: var(--durum-kritik-zemin); --dh-metin: var(--durum-kritik-metin); }
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.rozet.rozet-icra, .rozet.rozet-tahmini, .rozet.kira-uyari-bilgi, .tes-teslim-rozet, .tes-fark-rozet.eksi, .tes-durum-rozet[data-aile="notr"], .rozet.rozet-yon) {
  --dh-zemin: var(--durum-notr-zemin); --dh-metin: var(--durum-notr-metin); --dh-ikon: var(--durum-ikon-bilgi);
}
/* TARİH kaydırması = notr — YALNIZ şu bağlamlar: Plan kalemi "↦", Özet satırı "12.09 → 15.09", hafta detayı, kredi taksit satırı ve modal
   önizlemesi "kaydırıldı" (özgüllük 1,6,0 > yukarıdaki genel dikkat kuralının 1,5,0'ı). */
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.plan-kalem, .odeme-satir, .gun-satir, .taksit-satir, .onizleme-satir) .rozet.rozet-kaydirma {
  --dh-zemin: var(--durum-notr-zemin); --dh-metin: var(--durum-notr-metin);
}
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.tes-min-alti.onayli, .rozet.rozet-kesin, .th-rozet.arti) {
  --dh-zemin: var(--durum-onay-zemin); --dh-metin: var(--durum-onay-metin); --dh-ikon: var(--durum-ikon-tik);
}
/* TONLU hap biçimi */
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.tes-yas-rozet.eski, .tes-fark-rozet.arti, .rozet.rozet-borc, .th-rozet, .rozet.rozet-icra, .rozet.rozet-kaydirma, .rozet.rozet-tahmini, .rozet.kira-uyari-bilgi, .tes-teslim-rozet, .tes-fark-rozet.eksi, .tes-durum-rozet[data-aile="notr"], .tes-min-alti.onayli, .rozet.rozet-kesin, .rozet.rozet-yon) {
  display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
  min-height: 22px; padding: 0 9px; border: 0; border-radius: 999px;
  font-size: 12px; line-height: 16px; font-weight: 600; font-style: normal; letter-spacing: .005em; text-transform: none;
  color: var(--dh-metin); background: var(--dh-zemin); box-shadow: var(--durum-ton-derinlik);
  opacity: 1; filter: none;
}
/* Tonlu haplarda ikon: ikincil onay (✓), icra / başlıktaki notr durum (bilgi), "teslim edildi" (✓ — iş bitti, arşiv tonunda).
   Yaş / fark / kaydırma / tahmini haplarında ikon YOK (kuyruk kartında yer dar; metin ve kart işareti anlamı taşır). */
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.tes-durum-rozet[data-aile="notr"], .rozet.rozet-icra, .tes-min-alti.onayli, .tes-teslim-rozet)::before {
  content: ""; flex: none; width: 13px; height: 13px; margin-left: -2px; background-color: currentColor;
  -webkit-mask: var(--dh-ikon) center / contain no-repeat; mask: var(--dh-ikon) center / contain no-repeat;
}
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.tes-teslim-rozet, .tes-durum-rozet[data-kod="TESLIM_EDILDI"]) { --dh-ikon: var(--durum-ikon-tik); }
/* Yaş rozeti "bugün" = vurgu (yeni iş; durum değil — v4xx kuralı AYNEN), "dün" = sakin nötr: yalnız biçim uyumu */
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) .tes-yas-rozet:not(.eski) { border-radius: 999px; padding: 1px 8px; }

/* =====================================================================================================================
   3) KART DURUMU — kartın İÇİNDE sol kapsül + kapsül çevresinde sönen ışık (ışık YAZININ ARDINA GİRMEZ: metnin başladığı yerden önce söner)
   ===================================================================================================================== */
/* Ödeme Planı / Tahsilat Planı kalemi: mevcut 4 px şerit (tip rengi) — ödendi = onay, gecikti = kritik; metin şeritten ~17 px sonra başlar */
:root[data-tema] .gorunum:not(#komutaGorunum) .plan-kalem.odendi > .serit { background: var(--durum-onay-dolgu); }
:root[data-tema] .gorunum:not(#komutaGorunum) .plan-kalem.gecikti:not(.odendi) > .serit { background: var(--durum-kritik-dolgu); }
/* Tahsilat Planı kalemi (.tah-kalem): tahsil edildi = onay şeridi + ışık (.tahsil sınıfı İADE/iptalde de var → yalnız Tahsil hapı olanda); gecikti (tahsilatsekme.js v474) = yukarıdaki kritik kural */
:root[data-tema] .gorunum:not(#komutaGorunum) .plan-kalem.tah-kalem.tahsil:has(.rozet-tahsil) > .serit { background: var(--durum-onay-dolgu); }
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .plan-kalem.tah-kalem.tahsil:has(.rozet-tahsil) {
  background: linear-gradient(90deg, var(--durum-onay-isik), transparent 22px), var(--cam-v-panel);
}
/* Tahsilat kaleminde şerit KESİK desenli kalır (yön işareti: "AYIRT ETME RENGE BIRAKILMAZ", style.css) — yalnız rengi aileye döner */
:root[data-tema] .gorunum:not(#komutaGorunum) .plan-kalem.plan-tahsilat.odendi > .serit { background: repeating-linear-gradient(180deg, var(--durum-onay-dolgu) 0 5px, transparent 5px 9px); }
:root[data-tema] .gorunum:not(#komutaGorunum) .plan-kalem.plan-tahsilat.gecikti:not(.odendi) > .serit { background: repeating-linear-gradient(180deg, var(--durum-kritik-dolgu) 0 5px, transparent 5px 9px); }
:root[data-tema] .gorunum:not(#komutaGorunum) .plan-kalem.odendi,
:root[data-tema] .gorunum:not(#komutaGorunum) .odeme-satir.odendi { border-left-color: var(--durum-onay-dolgu); }
:root[data-tema] .gorunum:not(#komutaGorunum) .plan-kalem.gecikti:not(.odendi),
:root[data-tema] .gorunum:not(#komutaGorunum) .odeme-satir.geciken { border-left-color: var(--durum-kritik-dolgu); }
:root[data-tema]:not([data-cam-etkin]) .gorunum:not(#komutaGorunum) :is(.plan-kalem, .odeme-satir).odendi { background: var(--durum-onay-not); }   /* cam kapalı: eski --vurgu %7 */
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .plan-kalem.odendi {
  background: linear-gradient(90deg, var(--durum-onay-isik), transparent 22px), var(--cam-v-panel);
}
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .plan-kalem.gecikti:not(.odendi) {
  background: linear-gradient(90deg, var(--durum-kritik-isik), transparent 22px), var(--cam-v-panel);
}
/* Özet hafta sütunu satırı: aynı dil — sol kapsül (::before) + ışık; metin 18 px'ten başlar, ışık 15 px'te söner */
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .odeme-satir:is(.odendi, .geciken) { position: relative; padding-left: 18px; }
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .odeme-satir:is(.odendi, .geciken)::before {
  content: ""; position: absolute; left: 6px; top: 10px; bottom: 10px; width: 4px; border-radius: 999px; background: var(--dh-serit);
}
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .odeme-satir.odendi {
  --dh-serit: var(--durum-onay-dolgu);
  background: linear-gradient(90deg, var(--durum-onay-isik), transparent 15px), var(--cam-v-ic);
}
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .odeme-satir.geciken {
  --dh-serit: var(--durum-kritik-dolgu);
  background: linear-gradient(90deg, var(--durum-kritik-isik), transparent 15px), var(--cam-v-ic);
}
/* Özet'te tahsilat satırının kapsülü de KESİK (plan kalemiyle aynı yön işareti) */
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .odeme-satir.tahsilat-satir:is(.odendi, .geciken)::before {
  background: repeating-linear-gradient(180deg, var(--dh-serit) 0 5px, transparent 5px 9px);
}
/* Özet ödenmiş satırın ✓ ikonu (eskiden satır içi style="color:var(--vurgu)") ve plan kalemindeki ek ✓ — onay ailesi */
:root[data-tema] .gorunum:not(#komutaGorunum) .odeme-satir .durum-onay-ikon { color: var(--basari); }
:root[data-tema] .gorunum:not(#komutaGorunum) .plan-kalem.odendi .ust > .ikon.tik { color: var(--basari); }

/* Çift ✓ YOK (KURALLAR v474 ▸ A kural 13): "Ödendi" hapı (✓ + metin) olan plan kaleminde sondaki ek ✓ gizlenir */
/* v504 HIZ: ".ikon.tik" → ".tik.ikon" (aynı seçici, aynı özgüllük). Chromium :has'ın sağındaki bileşikten TEK sınıf alır; .ikon sayfada yüzlerce → her DOM
   ekle/çıkar'da hepsi yeniden hesaplanıyordu (1440: ekleme başına ~1,3 ms). */
:root[data-tema] .gorunum:not(#komutaGorunum) .plan-kalem.odendi .ust:has(> .rozet-odendi) > .tik.ikon { display: none; }

/* POZİTİF YAZI = --basari, VURGUDAN BAĞIMSIZ (KURALLAR v474 ▸ A kural 9; v463 K2 aynen). Yalnız VURGU KALINTISI değişir:
   · aydınlık: style.css "Vurgudan türeyen POZİTİF yazılar" color-mix(var(--vurgu) 76%, #000) — AYNI seçiciler, AYNI özgüllük (0,3,0 / 0,4,0;
     kapsam :where ile 0), dosya EN SONDA → eşitlikte kazanır. Pembe vurguda gelen para bordo, mavide mavi oluyordu.
   · koyu: .hafta-baslik .ozet-giren ve .fark.azalis var(--vurgu) (0,2,0) → 0,3,0.
   Özgüllük BİLEREK düşük: o kalıntıyı zaten yenen BİLEREK NÖTR tutarlar AYNEN kalır — Özet kahraman rakamı (cam-veri v469 --metin),
   Para hesap/kasa listesi (cam-veri D10), Analiz büyük kutusu, koyudaki .ay-ozet b / .plan-hafta-toplam b (--metin). İlk deneme
   (:is kapsam, 1,5,0) bunları da yeşile çeviriyordu (çekim + tarama: koyuda 20 nötr rakam yeşile döndü) → geri alındı.
   v470'in Yıldız Işığı / Doğal Titanyum palet kuralı aynı değeri yazar. .rozet-tahsilat TÜR rozeti → kapsam dışı. */
:root[data-tema="aydinlik"] :where(.gorunum:not(#komutaGorunum), .modal-fon) :is(.pozitif, .ozet-giren, .fark.azalis),
:root[data-tema="aydinlik"] :where(.gorunum:not(#komutaGorunum), .modal-fon) .tutar.pozitif { color: var(--basari); }
:root:not([data-tema="aydinlik"]) :where(.gorunum:not(#komutaGorunum), .modal-fon) :is(.ozet-giren, .fark.azalis) { color: var(--basari); }
/* Doğal Titanyum (aydınlık): --basari #13734A yazı olarak sade canlılık × koyu vurgu (gece) panel ışığında 4,49 — %6 --metin (≈ #146E47 → 4,79;
   jüri: tasarim-v474/dogrulama-turu/juri). Palet token'ı üretilmiş dosyada (tema-paletleri.css, elle düzenlenmez) → yalnız pozitif YAZI. */
:root[data-tema="aydinlik"][data-palet="dogal-titanyum"] :where(.gorunum:not(#komutaGorunum), .modal-fon) :is(.pozitif, .tutar.pozitif, .ozet-giren, .fark.azalis) { color: color-mix(in srgb, var(--basari) 94%, var(--metin)); }

/* GÜN İÇİ SIRA (v473 gunIciSirala) pekiştirmesi: ödenenler bitince, ilk AÇIK kalemden önce +6 px nefes (çizgi YOK) */
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) .plan-kalem.odendi + .plan-kalem:not(.odendi),
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) .odeme-satir.odendi + .odeme-satir:not(.odendi),
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) .gun-satir.odendi + .gun-satir:not(.odendi) { margin-top: 6px; }

/* Özet ▸ HAFTA DETAYI (.gun-satir — KURALLAR "## Arayüz kalan işler" ▸ 2): plan kalemi / Özet satırıyla AYNI kart dili — sol 4 px kapsül +
   kapsülün çevresinde 15 px'te sönen ışık (yazının ardına girmez: metin 18 px'ten başlar). ödendi = onay · gecikti = kritik · kısmi = dikkat
   (kısmi + gecikmiş = kritik kapsül; amber "Kısmi" hapının yanında kritik "<N> gün geçti" — A kural 10). style.css'teki ödenmiş satır
   `opacity: .55` KALKAR: hapı da solduruyordu; söndürme yalnız ikincil yazıda (.meta zaten --soluk). */
:root[data-tema] .modal-fon .gun-satir.odendi { opacity: 1; --dh-serit: var(--durum-onay-dolgu); --dh-isik: var(--durum-onay-isik); }
:root[data-tema] .modal-fon .gun-satir.kismi { --dh-serit: var(--durum-dikkat-dolgu); --dh-isik: var(--durum-dikkat-isik); }
:root[data-tema] .modal-fon .gun-satir.gecikti { --dh-serit: var(--durum-kritik-dolgu); --dh-isik: var(--durum-kritik-isik); }
:root[data-tema] .modal-fon .gun-satir:is(.odendi, .gecikti, .kismi) { position: relative; padding-left: 18px; border-radius: 12px; }
:root[data-tema] .modal-fon .gun-satir:is(.odendi, .gecikti, .kismi)::before {
  content: ""; position: absolute; left: 6px; top: 8px; bottom: 8px; width: 4px; border-radius: 999px; background: var(--dh-serit);
}
:root[data-cam-etkin][data-tema] .modal-fon .gun-satir:is(.odendi, .gecikti, .kismi) { background: linear-gradient(90deg, var(--dh-isik), transparent 15px); }

/* Plan kalemi ≥ 1024 — eylem kapsülü (✎ 🗑 / ✓ ✎ 🗑) ↔ durum hapı çakışması: v474 BİRLEŞTİRMEDE TEK ÇÖZÜM css/detay-cila.css ▸ F1
   (rozet satırı metin akışı + kapsül kadar yüzen boş yer). Bu koldaki ikinci çözüm (durum hapı kendi satırına + 3 düğmeli kapsülü 82 px'e
   sıkıştırma) KALDIRILDI: rozet sınıf listesine bağlıydı ve 1280'de "Tahsilat" tür rozetini kapsülün altında bırakıyordu. Bu dosya yalnız
   durum RENGİNİ taşır; kalem içi DÜZEN detay-cila.css'in. */

/* Ödeme Planı ▸ vadesi geçmiş blok: 30 günü aşan (.agir — yazısı zaten --tehlike) satırda kritik kapsül; Tahsilat bloğunun risk 3–4
   kapsülüyle aynı dil ve aynı sol hiza (cam-veri.css: satır sol dolgusu 18 px). 30 günden yeni gecikmede kapsül yok (yazı nötr kalır). */
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .plan-geciken-blok:not(.tah-geciken) .plan-geciken-satir.agir { position: relative; }
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .plan-geciken-blok:not(.tah-geciken) .plan-geciken-satir.agir::before {
  content: ""; position: absolute; left: 6px; top: 10px; bottom: 10px; width: 4px; border-radius: 999px; background: var(--durum-kritik-dolgu);
}
/* v474 son kontrol (03.10.2026, yönetici): kullanıcı — "Ödenmedi, süresi geçti gibi uyarıcı detayların uyarıcılığını kaybetmemeliyiz, onlar
   yine uyarıcı tonlarda olmalı." 30 güne kadar olan gecikme NÖTR kalıyordu (yazı beyaz, kapsül yok) → DİKKAT ailesi: amber yazı (--uyari,
   palet başına doğrulanmış) + amber kapsül. 30 günü aşan KRİTİK (kırmızı) kalır — "dün kaçmış" ile "geçen ay unutulmuş" yine ayrışır. */
:root[data-tema] .gorunum:not(#komutaGorunum) .plan-geciken-blok:not(.tah-geciken) .plan-geciken-satir:not(.agir) .banka b { color: var(--uyari); }
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .plan-geciken-blok:not(.tah-geciken) .plan-geciken-satir:not(.agir) { position: relative; }
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .plan-geciken-blok:not(.tah-geciken) .plan-geciken-satir:not(.agir)::before {
  content: ""; position: absolute; left: 6px; top: 10px; bottom: 10px; width: 4px; border-radius: 999px; background: var(--durum-dikkat-dolgu);
}

/* "Olumlu" not kutusu ("Dosya onaylandı", "evrak gerekmez"): onay ailesi tonu (eskiden --vurgu %10 → Uzay Siyahı'nda titanyum, mavi
   vurguda mavi). Yazı --metin (jüri: "olumlu not: metin" rolü). */
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) .not-kutu.olumlu { background: var(--durum-onay-not); border-color: transparent; }
:root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) .not-kutu.olumlu .ikon { color: var(--basari); }

/* ---------- Teslimat Onay ▸ kuyruk kartı: sol kapsül (role="img" + aria-label) + ışık ---------- */
/* Plaka satırına işaret eklenmez: 300 px kartta plaka + yaş + fark hapı zaten satırı dolduruyor (ilk denemede plaka iki satıra kırıldı). */
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-kuyruk-satir[data-durum] { position: relative; padding-left: 20px; }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-kuyruk-satir[data-durum="dikkat"] { --dh-serit: var(--durum-dikkat-dolgu); --dh-isik: var(--durum-dikkat-isik); }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-kuyruk-satir[data-durum="onay"]   { --dh-serit: var(--durum-onay-dolgu);   --dh-isik: var(--durum-onay-isik); }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-kuyruk-satir[data-durum="kritik"] { --dh-serit: var(--durum-kritik-dolgu); --dh-isik: var(--durum-kritik-isik); }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-kuyruk-satir[data-durum="notr"]   { --dh-serit: var(--durum-notr-dolgu);   --dh-isik: var(--durum-notr-isik); }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-durum-isaret {
  position: absolute; left: 7px; top: 12px; bottom: 12px; width: 4px; border-radius: 999px; background: var(--dh-serit);
}
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .tes-kuyruk-satir[data-durum] {
  background: linear-gradient(90deg, var(--dh-isik), transparent 18px), var(--cam-v-ic2);
}
/* SEÇİM ≠ DURUM (KURALLAR "## Arayüz kalan işler" ▸ 1): seçili kart VURGU tonuyla boyanmaz — eskiden --cam-sec (= --vurgu %14) yeşil
   vurgulu paletlerde seçili "onay bekliyor" kartını "onaylandı" gibi gösteriyordu. Seçim = nötr cam kaldırma: kartın kendi zemininin
   ÜSTÜNE nötr ton + KENAR IŞIĞI (yumuşak iç ışık bandı — çizgi/kontur DEĞİL) + nötr kaldırma gölgesi. Durum kapsülü, kapsül ışığı ve
   haplar AYNEN (dört kanal). --vurgu / --basari / --durum-* burada OKUNMAZ (test). Ekran okuyucu için aria-current="true" (teslimat.js). */
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-kuyruk-satir {
  --tes-secim-ton: color-mix(in srgb, #FFFFFF 7%, transparent);
  --tes-secim-isik: inset 0 2px 16px -6px rgba(255, 255, 255, .22);   /* üstten süzülen ışık (cam dili --cam-isik kalıbı) — kenarda halka/çizgi YOK */
  --tes-secim-golge: 0 16px 32px -18px rgba(0, 0, 0, .78), 0 2px 6px -2px rgba(0, 0, 0, .40);
}
:root[data-tema="aydinlik"] .gorunum:not(#komutaGorunum) .tes-kuyruk-satir {
  --tes-secim-ton: rgba(255, 255, 255, .92);
  --tes-secim-isik: inset 0 2px 14px -4px rgba(255, 255, 255, .95);
  --tes-secim-golge: 0 14px 28px -16px rgba(20, 24, 32, .38), 0 2px 6px -2px rgba(20, 24, 32, .14);
}
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .tes-kuyruk-satir:is(.secili, [aria-current="true"], [aria-pressed="true"]) {
  background: linear-gradient(90deg, var(--dh-isik, transparent), transparent 18px), linear-gradient(var(--tes-secim-ton), var(--tes-secim-ton)), var(--cam-v-ic2);
  box-shadow: var(--tes-secim-isik), var(--tes-secim-golge);
}
/* Cam kapalı (v468): vurgu kenarı + soldaki 3 px vurgu şeridi (style.css) yerine nötr kenar + kaldırma gölgesi — şerit durum kapsülüyle yarışıyordu */
:root[data-tema]:not([data-cam-etkin]) .gorunum:not(#komutaGorunum) .tes-kuyruk-satir:is(.secili, [aria-current="true"]) {
  border-color: color-mix(in srgb, var(--metin) 55%, transparent);
  box-shadow: var(--tes-secim-golge);
}
@media (prefers-contrast: more) {
  :root[data-tema] .gorunum:not(#komutaGorunum) .tes-kuyruk-satir:is(.secili, [aria-current="true"]) { box-shadow: none; outline: 2px solid var(--metin); outline-offset: -2px; }
}
@media (forced-colors: active) {
  :root[data-tema] .gorunum:not(#komutaGorunum) .tes-kuyruk-satir:is(.secili, [aria-current="true"]) { box-shadow: none; outline: 2px solid Highlight; outline-offset: -2px; }
}
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-plaka { white-space: nowrap; }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-k-ust { gap: 6px; flex-wrap: wrap; row-gap: 6px; }   /* onaylı kartta plaka + yaş + Onaylandı + fark 300 px'e sığmıyordu → fark alt satıra iner (taşma yok) */
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-k-ust > :is(.tes-yas-rozet, .tes-fark-rozet, .tes-onayli-rozet, .tes-teslim-rozet) { padding-inline: 8px; flex: none; }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-k-ust > .tes-onayli-rozet { padding-inline: 6px 8px; }

/* ---------- Teslimat Onay ▸ başlık hapı (etkin durum; dikkat/onay/kritik DOLU, notr TONLU) ---------- */
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-baslik .tes-durum-rozet { margin-left: auto; min-height: 26px; padding-inline: 9px 12px; font-size: 13px; }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-baslik .tes-durum-rozet::before { width: 15px; height: 15px; }

/* ---------- Teslimat Onay ▸ kalem kartı: ✓ / ✕ kararı — sol kapsül + ışık (karar yok = dikkat, ✓ = onay, ✕ = kritik) ---------- */
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-kalem:has(.tes-mini-segment) { --dh-serit: var(--durum-dikkat-dolgu); --dh-isik: var(--durum-dikkat-isik); position: relative; padding-left: 18px; }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-kalem:has([data-tes-karar="ONAY"].secili) { --dh-serit: var(--durum-onay-dolgu); --dh-isik: var(--durum-onay-isik); }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-kalem:has([data-tes-karar="RED"].secili) { --dh-serit: var(--durum-kritik-dolgu); --dh-isik: var(--durum-kritik-isik); }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-detay:has(.tes-durum-rozet[data-aile="onay"]) .tes-kalem:has(.tes-mini-segment):not(:has([data-tes-karar].secili)) { --dh-serit: var(--durum-onay-dolgu); --dh-isik: var(--durum-onay-isik); }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-detay:has(.tes-durum-rozet[data-kod="TESLIM_EDILDI"]) .tes-kalem:has(.tes-mini-segment):not(:has([data-tes-karar].secili)) { --dh-serit: var(--durum-notr-dolgu); --dh-isik: var(--durum-notr-isik); }
/* ↑ v474 birleştirme (KURALLAR "## v474" ▸ birleştirme kararı 8): dosya ONAYLIYSA (genel Onayla bütün kalemleri kapsar) kararsız kalem
     beklemez → onay kapsülü; teslim edilmiş dosyada notr. ✕ seçili kalem kritik kalır (yukarıdaki RED kuralı; .secili bu kuralı dışlar). */
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-kalem:has(.tes-mini-segment)::before {
  content: ""; position: absolute; left: 6px; top: 12px; bottom: 12px; width: 4px; border-radius: 999px; background: var(--dh-serit);
}
:root[data-cam-etkin][data-tema] .gorunum:not(#komutaGorunum) .tes-kalem:has(.tes-mini-segment) {
  background: linear-gradient(90deg, var(--dh-isik), transparent 15px), var(--cam-v-ic2);
}
/* Karar yok: iki düğme de sakin, glif ailesinin renginde (✓ yeşil · ✕ kırmızı) — glif = İKON (WCAG 1.4.11, 3:1; jüri "glifi" rolü) */
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-mini-segment > button[data-tes-karar] { font-weight: 700; min-width: 34px; }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-mini-segment > button[data-tes-karar="ONAY"]:not(.secili) { color: var(--durum-onay-glif); }
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-mini-segment > button[data-tes-karar="RED"]:not(.secili) { color: var(--durum-kritik-glif); }
/* Seçili: DOLU aile hapı (kayan gösterge de aynı renge boyanır) */
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-mini-segment > button[data-tes-karar="ONAY"].secili,
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-mini-segment:has(> button[data-tes-karar="ONAY"].secili) > .kaydirma-gosterge {
  color: var(--durum-onay-ustu); background: var(--durum-onay-dolgu); box-shadow: var(--durum-hap-derinlik);
}
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-mini-segment > button[data-tes-karar="RED"].secili,
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-mini-segment:has(> button[data-tes-karar="RED"].secili) > .kaydirma-gosterge {
  color: var(--durum-kritik-ustu); background: var(--durum-kritik-dolgu); box-shadow: var(--durum-hap-derinlik);
}
:root[data-tema] .gorunum:not(#komutaGorunum) .tes-mini-segment[data-gosterge-hazir] > button[data-tes-karar].secili { background: transparent; box-shadow: none; }

/* =====================================================================================================================
   4) ERİŞİLEBİLİRLİK KİPLERİ
   ===================================================================================================================== */
@media (prefers-contrast: more) {
  :root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.rozet.rozet-geciken, .rozet.rozet-karsiliksiz, .rozet.rozet-supheli, .rozet.rozet-bos-tutar, .rozet.kira-uyari-kritik, .tes-min-alti:not(.onayli), .rozet.rozet-odendi, .rozet.rozet-tahsil, .tes-onayli-rozet, .rozet.rozet-kismi, .rozet.kira-uyari-acil, .tes-durum-rozet:is([data-aile="kritik"], [data-aile="onay"], [data-aile="dikkat"])) {
    background: var(--dh-dolgu); box-shadow: none;
  }
  /* Tonlu hap yazısı ana metin rengine çıkar (ton yoğunluğu ARTIRILMAZ: koyuda bileşimi aydınlatıp kontrastı düşürürdü) */
  :root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.tes-yas-rozet.eski, .tes-fark-rozet.arti, .rozet.rozet-borc, .th-rozet, .rozet.rozet-icra, .rozet.rozet-kaydirma, .rozet.rozet-tahmini, .rozet.kira-uyari-bilgi, .tes-teslim-rozet, .tes-fark-rozet.eksi, .tes-durum-rozet[data-aile="notr"], .tes-min-alti.onayli, .rozet.rozet-kesin, .rozet.rozet-yon) { color: var(--metin); }
}
@media (forced-colors: active) {
  :root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.rozet, .tes-min-alti, .tes-onayli-rozet, .tes-teslim-rozet, .tes-yas-rozet, .tes-fark-rozet, .tes-durum-rozet, .tes-durum-isaret) {
    forced-color-adjust: none; background: Canvas; color: CanvasText; box-shadow: none; border: 1px solid CanvasText;
  }
  :root[data-tema] :is(.gorunum:not(#komutaGorunum), .modal-fon) :is(.rozet, .tes-min-alti, .tes-onayli-rozet, .tes-teslim-rozet, .tes-yas-rozet, .tes-fark-rozet, .tes-durum-rozet, .tes-durum-isaret)::before { background-color: CanvasText; }
}