/* =====================================================================================================================
   SİGORTA İADELERİ — css/sigortaiade.css (KURALLAR "## vXXX — Sigorta İadeleri sekmesi")
   index.html'de durum-dili.css'ten HEMEN ÖNCE (v474 kuralı: durum-dili.css EN SON). Özel kodlar yüksek özgüllükle (1,6,0) her durumda kazanır.
   Durum dili: Teslimat'la AYNI sınıflar (.rozet.tes-durum-rozet[data-aile][data-kod], .tes-kuyruk-satir[data-durum],
   .tes-durum-isaret) → v474 durum dili ikisini birden kapsar (onun seçicileri (1,4,0)–(1,5,0) — buradaki taban (1,2,0)
   kurallarını ezer). v474 yokken aşağıdaki TABAN aynı dört aileyi verir: kritik = kırmızı · dikkat = amber · onay = yeşil ·
   bilgi/nötr. Bu ekranın İKİ özel kodu her durumda buradan gelir: KARTA_GELDI (bilgi tonu + kart ikonu — amber "bekliyor"dan ve
   yeşil "yapıldı"dan renk + ikon + metinle ayrılır) ve GERI_GONDERILDI (amber + geri ok). Durum ASLA yalnız renkle değil.
   İnce kontur YOK (kullanıcı kuralı). Cam (v469): yeni yüzey yok, mevcut .panel / .tes-kuyruk / --cam-v-ic2 katmanları.
   ===================================================================================================================== */

/* ---------- 1) AİLE TOKEN'LARI (v474 değerleriyle aynı; v474 yüklüyse onun --durum-* değerleri kullanılır) ---------- */
:root, :root[data-tema="koyu"] {
  --si-kritik: var(--durum-kritik-dolgu, #FF5F6D);  --si-kritik-ustu: var(--durum-kritik-ustu, #2B0007);
  --si-dikkat: var(--durum-dikkat-dolgu, #F5A524);  --si-dikkat-ustu: var(--durum-dikkat-ustu, #241500);
  --si-onay:   var(--durum-onay-dolgu, #2FE0A6);    --si-onay-ustu:   var(--durum-onay-ustu, #00150D);
  --si-notr:   var(--durum-notr-ton, #8EA2C0);
  --si-bilgi:  var(--bilgi, #7DB4FF);
  --si-ton-a: 18%;
  --si-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);
}
:root[data-tema="aydinlik"] {
  --si-kritik: var(--durum-kritik-dolgu, #C21D31);  --si-kritik-ustu: var(--durum-kritik-ustu, #FFFFFF);
  --si-dikkat: var(--durum-dikkat-dolgu, #F2A71B);  --si-dikkat-ustu: var(--durum-dikkat-ustu, #2B1A00);
  --si-onay:   var(--durum-onay-dolgu, #00774F);    --si-onay-ustu:   var(--durum-onay-ustu, #FFFFFF);
  --si-notr:   var(--durum-notr-ton, #64748B);
  --si-bilgi:  var(--bilgi, #1D5FD0);
  --si-ton-a: 14%;
  --si-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);
}
:root {
  --si-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");
  --si-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");
  --si-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");
  --si-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");
  --si-ikon-kart: 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%3Crect x='2.8' y='5.5' width='18.4' height='13' rx='2.4'/%3E%3Cpath d='M2.8 10h18.4'/%3E%3Cpath d='M6.5 14.6h3.5'/%3E%3C/svg%3E");
  --si-ikon-geri: 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%3Cpath d='M9.5 6.5 5 11l4.5 4.5'/%3E%3Cpath d='M5.5 11h8a5 5 0 0 1 0 10H11'/%3E%3C/svg%3E");
  --si-ikon-nakit: 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%3Crect x='2.5' y='6' width='19' height='12' rx='2.2'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M6 9.5v5M18 9.5v5'/%3E%3C/svg%3E");
  --si-ikon-kalem: 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='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E");
}

/* ---------- 2) HAP TABANI (v474 yokken) ---------- */
:is(#sigortaIadeGorunum, .si-modal) .tes-durum-rozet.si-hap {
  display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; flex: none;
  min-height: 22px; padding: 0 9px 0 7px; border: 0; border-radius: 999px;
  font-size: 12px; line-height: 16px; font-weight: 650; letter-spacing: .005em; text-transform: none;
  color: var(--si-hap-yazi, var(--metin)); background: var(--si-hap-zemin, transparent); box-shadow: var(--si-hap-golge, none);
}
:is(#sigortaIadeGorunum, .si-modal) .tes-durum-rozet.si-hap::before {
  content: ""; flex: none; width: 13px; height: 13px; background-color: currentColor;
  -webkit-mask: var(--si-hap-ikon, var(--si-ikon-unlem)) center / contain no-repeat; mask: var(--si-hap-ikon, var(--si-ikon-unlem)) center / contain no-repeat;
}
:is(#sigortaIadeGorunum, .si-modal) .tes-durum-rozet.si-hap[data-aile="kritik"] { --si-hap-zemin: var(--si-kritik); --si-hap-yazi: var(--si-kritik-ustu); --si-hap-golge: var(--si-hap-derinlik); }
:is(#sigortaIadeGorunum, .si-modal) .tes-durum-rozet.si-hap[data-aile="dikkat"] { --si-hap-zemin: var(--si-dikkat); --si-hap-yazi: var(--si-dikkat-ustu); --si-hap-golge: var(--si-hap-derinlik); }
:is(#sigortaIadeGorunum, .si-modal) .tes-durum-rozet.si-hap[data-aile="onay"]   { --si-hap-zemin: var(--si-onay); --si-hap-yazi: var(--si-onay-ustu); --si-hap-golge: var(--si-hap-derinlik); }
:is(#sigortaIadeGorunum, .si-modal) .tes-durum-rozet.si-hap[data-aile="notr"]   { --si-hap-zemin: color-mix(in srgb, var(--si-notr) var(--si-ton-a), transparent); --si-hap-yazi: var(--metin); }
:is(#sigortaIadeGorunum, .si-modal) .tes-durum-rozet.si-hap[data-ikon="saat"]  { --si-hap-ikon: var(--si-ikon-saat); }
:is(#sigortaIadeGorunum, .si-modal) .tes-durum-rozet.si-hap[data-ikon="tik"]   { --si-hap-ikon: var(--si-ikon-tik); }
:is(#sigortaIadeGorunum, .si-modal) .tes-durum-rozet.si-hap[data-ikon="carpi"] { --si-hap-ikon: var(--si-ikon-carpi); }

/* ---------- 3) BU EKRANIN İKİ ÖZEL KODU — v474'ü de geçer ((1,6,0) > v474'ün (1,5,0)'ı; dosya ondan ÖNCE yüklense de) ---------- */
/* KARTA_GELDI: "para kartta, ödeme bekliyor" ara durumu — bilgi tonlu zemin, metin rengi --metin, kart ikonu */
:root[data-tema] :is(#sigortaIadeGorunum.gorunum, .modal-fon.si-modal) .rozet.tes-durum-rozet[data-kod="KARTA_GELDI"] {
  --dh-ikon: var(--si-ikon-kart); --si-hap-ikon: var(--si-ikon-kart);
  color: var(--metin); background: color-mix(in srgb, var(--si-bilgi) 20%, transparent); box-shadow: inset 0 1px 1px rgba(255, 255, 255, .07);
}
/* GERI_GONDERILDI: amber (dikkat) ama saat yerine GERİ OK — "bekliyor"dan ikon + metinle ayrışır */
:root[data-tema] :is(#sigortaIadeGorunum.gorunum, .modal-fon.si-modal) .rozet.tes-durum-rozet[data-kod="GERI_GONDERILDI"] {
  --dh-ikon: var(--si-ikon-geri); --si-hap-ikon: var(--si-ikon-geri);
}
:root[data-tema] :is(#sigortaIadeGorunum.gorunum, .modal-fon.si-modal) .rozet.tes-durum-rozet[data-kod="CRM_IPTAL"] {
  --dh-ikon: var(--si-ikon-carpi); --si-hap-ikon: var(--si-ikon-carpi);
}

/* ---------- 4) KUYRUK KARTI: sol kapsül (role=img + aria-label) — v474 deseniyle aynı ---------- */
#sigortaIadeGorunum .tes-kuyruk-satir.si-satir { position: relative; padding-left: 20px; display: grid; gap: 5px; text-align: left; min-width: 0; }
#sigortaIadeGorunum .si-satir[data-durum="kritik"] { --si-serit: var(--si-kritik); --si-isik: color-mix(in srgb, var(--si-kritik) 24%, transparent); }
#sigortaIadeGorunum .si-satir[data-durum="dikkat"] { --si-serit: var(--si-dikkat); --si-isik: color-mix(in srgb, var(--si-dikkat) 22%, transparent); }
#sigortaIadeGorunum .si-satir[data-durum="onay"]   { --si-serit: var(--si-onay);   --si-isik: color-mix(in srgb, var(--si-onay) 20%, transparent); }
#sigortaIadeGorunum .si-satir[data-durum="notr"]   { --si-serit: var(--si-bilgi);  --si-isik: color-mix(in srgb, var(--si-bilgi) 18%, transparent); }
/* KARTA_GELDI kartının kapsülü bilgi tonu (v474 "notr" griyi verirdi — ara durum bekliyor/yapıldı'dan ayrışsın) */
:root[data-tema] #sigortaIadeGorunum.gorunum .tes-kuyruk-satir.si-satir[data-kod="KARTA_GELDI"] {
  --si-serit: var(--si-bilgi); --si-isik: color-mix(in srgb, var(--si-bilgi) 18%, transparent);
  --dh-serit: var(--si-bilgi); --dh-isik: color-mix(in srgb, var(--si-bilgi) 18%, transparent);
}
#sigortaIadeGorunum .si-satir .tes-durum-isaret {
  position: absolute; left: 7px; top: 12px; bottom: 12px; width: 4px; border-radius: 999px; background: var(--si-serit, var(--soluk));
}
:root[data-cam-etkin] #sigortaIadeGorunum .si-satir[data-durum] {
  background: linear-gradient(90deg, var(--si-isik, transparent), transparent 18px), var(--cam-v-ic2);
}
:root[data-cam-etkin] #sigortaIadeGorunum .si-satir[data-durum]:is(.secili, [aria-pressed="true"]) {
  background: linear-gradient(90deg, var(--si-isik, transparent), transparent 18px), linear-gradient(var(--cam-sec), var(--cam-sec)), var(--cam-v-ic2);
}
#sigortaIadeGorunum .si-s-ust, #sigortaIadeGorunum .si-s-orta, #sigortaIadeGorunum .si-s-alt {
  display: flex; align-items: center; gap: 8px; min-width: 0;
}
#sigortaIadeGorunum .si-musteri { font-size: 14px; font-weight: 700; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#sigortaIadeGorunum .si-tutar-k { margin-left: auto; font-weight: 700; font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; }
#sigortaIadeGorunum .si-urun, #sigortaIadeGorunum .si-kim { font-size: 12.5px; color: var(--soluk); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#sigortaIadeGorunum .si-s-orta .tes-yas-rozet, #sigortaIadeGorunum .si-s-orta .si-kim { margin-left: auto; flex: none; }
#sigortaIadeGorunum .si-s-alt { flex-wrap: wrap; row-gap: 6px; }
#sigortaIadeGorunum .si-s-alt .tes-durum-rozet { margin-left: auto; }
#sigortaIadeGorunum .si-kart-cip { font-size: 12px; color: var(--soluk); font-variant-numeric: tabular-nums; white-space: nowrap; }
#sigortaIadeGorunum .si-s-isaret { display: flex; flex-wrap: wrap; gap: 6px; }

/* İkincil çipler (TONLU — durum değil, işaret) */
:is(#sigortaIadeGorunum, .si-modal) .si-cip {
  display: inline-flex; align-items: center; min-height: 20px; padding: 0 8px; border-radius: 999px; flex: none;
  font-size: 12px; line-height: 16px; font-weight: 600; white-space: nowrap;
  color: var(--metin); background: color-mix(in srgb, var(--si-notr) 16%, transparent);
}
:is(#sigortaIadeGorunum, .si-modal) .si-cip-dikkat { background: color-mix(in srgb, var(--si-dikkat) 22%, transparent); }
:is(#sigortaIadeGorunum, .si-modal) .si-cip-kritik { background: color-mix(in srgb, var(--si-kritik) 20%, transparent); }
:is(#sigortaIadeGorunum, .si-modal) .si-cip-onay   { background: color-mix(in srgb, var(--si-onay) 18%, transparent); }
:root[data-tema="aydinlik"] :is(#sigortaIadeGorunum, .si-modal) .si-cip-dikkat { color: #4A2C00; }
:root[data-tema="aydinlik"] :is(#sigortaIadeGorunum, .si-modal) .si-cip-kritik { color: #7A0E1C; }
:root[data-tema="aydinlik"] :is(#sigortaIadeGorunum, .si-modal) .si-cip-onay   { color: #00462F; }

/* "Düzeltildi" hapı — BİLGİ ailesi, kalem ikonu + metin (yalnız renk değil) */
:is(#sigortaIadeGorunum, .si-modal) .si-duzeltildi {
  display: inline-flex; align-items: center; gap: 4px; min-height: 20px; padding: 0 8px 0 6px; border-radius: 999px; flex: none;
  font-size: 12px; line-height: 16px; font-weight: 650; white-space: nowrap; vertical-align: middle;
  color: var(--metin); background: color-mix(in srgb, var(--si-bilgi) 20%, transparent);
}
:is(#sigortaIadeGorunum, .si-modal) .si-duzeltildi .ikon { width: 12px; height: 12px; color: var(--si-bilgi); }
:root[data-tema="aydinlik"] :is(#sigortaIadeGorunum, .si-modal) .si-duzeltildi .ikon { color: #1D4FA8; }
:is(#sigortaIadeGorunum, .si-modal) .si-crm-ilk { display: block; margin-top: 3px; font-size: 12px; color: var(--soluk); }

/* v476 "Nakit" rozeti — NÖTR aile (durum değil, ödeme şekli işareti), banknot ikonu + METİN (yalnız renk değil).
   "Düzeltildi" (bilgi mavisi) ve KARTA_GELDI hapından ayrışsın diye nötr gri-mavi zemin; ikon nötr ton. Kontur YOK. */
:is(#sigortaIadeGorunum, .si-modal) .si-nakit {
  display: inline-flex; align-items: center; gap: 5px; min-height: 20px; padding: 0 8px 0 6px; border-radius: 999px; flex: none;
  font-size: 12px; line-height: 16px; font-weight: 650; white-space: nowrap; vertical-align: middle;
  color: var(--metin); background: color-mix(in srgb, var(--si-notr) 22%, transparent);
}
:is(#sigortaIadeGorunum, .si-modal) .si-nakit::before {
  content: ""; flex: none; width: 14px; height: 14px; background-color: var(--si-notr);
  -webkit-mask: var(--si-ikon-nakit) center / contain no-repeat; mask: var(--si-ikon-nakit) center / contain no-repeat;
}
:root[data-tema="aydinlik"] :is(#sigortaIadeGorunum, .si-modal) .si-nakit::before { background-color: #475569; }
#sigortaIadeGorunum .si-s-alt .si-nakit + .tes-durum-rozet { margin-left: auto; }
#sigortaIadeGorunum .si-buyuk-tutar > .si-nakit { min-height: 24px; font-size: 13px; }

/* ---------- 5) YERLEŞİM ---------- */
#sigortaIadeGorunum .si-ust { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 10px; }
#sigortaIadeGorunum .si-son-kontrol { font-size: 13px; color: var(--soluk); }
#sigortaIadeGorunum .si-son-kontrol b { color: var(--metin); font-variant-numeric: tabular-nums; }
#sigortaIadeGorunum .si-ust .btn { margin-left: auto; }
#sigortaIadeGorunum .si-sekmeler { margin: 0 0 12px; }
#sigortaIadeGorunum > #sigortaIadeIcerik > .not-kutu { margin-bottom: 10px; }
#sigortaIadeGorunum .si-grup { gap: 6px; }
#sigortaIadeGorunum .si-grup-toplam { margin-left: auto; font-weight: 700; color: var(--metin); font-variant-numeric: tabular-nums; letter-spacing: 0; text-transform: none; }
#sigortaIadeGorunum .si-grup[data-grup="dikkat"] { color: color-mix(in srgb, var(--si-kritik) 70%, var(--metin)); }
#sigortaIadeGorunum .si-iptal-anahtar { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--soluk); margin-top: 6px; cursor: pointer; }
#sigortaIadeGorunum .si-detay { gap: 12px; }
#sigortaIadeGorunum .si-baslik { align-items: center; }
#sigortaIadeGorunum .si-baslik .tes-durum-rozet { margin-left: auto; min-height: 26px; font-size: 13px; padding-inline: 9px 12px; }
#sigortaIadeGorunum .si-ad { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.25; }
#sigortaIadeGorunum .si-buyuk-tutar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; margin: 10px 0 12px; }
#sigortaIadeGorunum .si-buyuk-tutar > .si-sayi { font-size: 26px; font-weight: 700; letter-spacing: -.01em; }
#sigortaIadeGorunum .si-buyuk-tutar .si-crm-ilk { display: inline; margin: 0; }
#sigortaIadeGorunum .si-kart-ozet { flex-basis: 100%; font-size: 13px; color: var(--soluk); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
#sigortaIadeGorunum .si-baslik-panel > .not-kutu { margin: 8px 0; }
#sigortaIadeGorunum .si-geri-liste { margin: -4px 0 6px -6px; }
:is(#sigortaIadeGorunum, .si-modal) .si-sayi { font-variant-numeric: tabular-nums lining-nums; }
:is(#sigortaIadeGorunum, .si-modal) .si-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-variant-numeric: tabular-nums; letter-spacing: .02em; }

/* Adımlar ① CRM'de açıldı ② Karta geldi ③ İade yapıldı ④ CRM'e bildirildi — tamamlanan onay tonu, sıradaki vurgulu */
#sigortaIadeGorunum .si-adimlar { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 8px; }
#sigortaIadeGorunum .si-adim { display: grid; grid-template-columns: 24px minmax(110px, auto) 1fr; align-items: center; gap: 10px; font-size: 13px; }
#sigortaIadeGorunum .si-adim-isaret {
  width: 22px; height: 22px; border-radius: 999px; display: grid; place-items: center; font-size: 12px; font-weight: 700;
  color: var(--soluk); background: color-mix(in srgb, var(--si-notr) 16%, transparent);
}
#sigortaIadeGorunum .si-adim.tamam .si-adim-isaret { color: var(--si-onay-ustu); background: var(--si-onay); }
#sigortaIadeGorunum .si-adim.sirada .si-adim-isaret { color: var(--si-dikkat-ustu); background: var(--si-dikkat); }
#sigortaIadeGorunum .si-adim-ad { font-weight: 650; }
#sigortaIadeGorunum .si-adim:not(.tamam):not(.sirada) .si-adim-ad { color: var(--soluk); }
#sigortaIadeGorunum .si-adim-ayrinti { color: var(--soluk); font-variant-numeric: tabular-nums; min-width: 0; overflow-wrap: anywhere; }

/* Alan listesi */
:is(#sigortaIadeGorunum, .si-modal) .si-panel-baslik { margin: 0 0 10px; font-size: 15px; font-weight: 700; }
#sigortaIadeGorunum .si-dl { margin: 0; display: grid; gap: 0; }
#sigortaIadeGorunum .si-dl-satir { display: grid; grid-template-columns: minmax(96px, 150px) 1fr; gap: 10px; padding: 8px 0; align-items: baseline; }
#sigortaIadeGorunum .si-dl-satir dt { font-size: 13px; color: var(--soluk); padding-top: 2px; }
#sigortaIadeGorunum .si-dl-satir dd { margin: 0; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font-size: 14px; overflow-wrap: anywhere; }
#sigortaIadeGorunum .si-dl-satir dd > .si-crm-ilk { flex-basis: 100%; margin-top: 0; }
#sigortaIadeGorunum .si-dl-satir.duzeltilmis { background: linear-gradient(90deg, color-mix(in srgb, var(--si-bilgi) 9%, transparent), transparent 70%); border-radius: 10px; padding-inline: 8px; margin-inline: -8px; }
#sigortaIadeGorunum .si-alan-eylem { margin-left: auto; display: inline-flex; gap: 2px; }
#sigortaIadeGorunum .si-alan-eylem .btn { padding: 6px 10px; color: var(--metin); }
#sigortaIadeGorunum .si-alan-eylem .ikon { width: 14px; height: 14px; margin-right: 4px; vertical-align: -2px; }
#sigortaIadeGorunum .si-iban { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#sigortaIadeGorunum .si-iban .etiket { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#sigortaIadeGorunum .si-iban-tam { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 15px; font-weight: 600; letter-spacing: .03em; }
#sigortaIadeGorunum .si-iban-maske { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .02em; }
#sigortaIadeGorunum .si-iban .btn .ikon { width: 14px; height: 14px; margin-right: 4px; vertical-align: -2px; }
#sigortaIadeGorunum .si-duzeltme-listesi { margin: 0 0 10px; padding-left: 18px; display: grid; gap: 6px; font-size: 13.5px; }
#sigortaIadeGorunum .si-duzeltme-listesi small { display: block; color: var(--soluk); }

/* Düğmeler */
#sigortaIadeGorunum .si-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
#sigortaIadeGorunum .si-dugmeler .btn-metin { margin-left: auto; }
#sigortaIadeGorunum .si-gerekce { margin: 10px 0 0; font-size: 13px; color: var(--soluk); }
:is(#sigortaIadeGorunum, .si-modal) .btn.si-kapali, :is(#sigortaIadeGorunum, .si-modal) .btn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }

/* Geçmiş */
#sigortaIadeGorunum .si-gecmis > summary { cursor: pointer; font-weight: 650; font-size: 14px; }
#sigortaIadeGorunum .si-olaylar { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 8px; }
#sigortaIadeGorunum .si-olaylar li { display: grid; grid-template-columns: 128px 1fr; gap: 2px 10px; font-size: 13px; }
#sigortaIadeGorunum .si-olay-zaman { color: var(--soluk); font-variant-numeric: tabular-nums; }
#sigortaIadeGorunum .si-olay-kim { grid-column: 2; color: var(--soluk); font-size: 12px; }

/* İadesi Yapılanlar üst şerit */
#sigortaIadeGorunum .si-yapilan-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-bottom: 12px; }
#sigortaIadeGorunum .si-alan-kucuk { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--soluk); }
#sigortaIadeGorunum .si-alan-kucuk input { min-height: 38px; padding: 0 12px; border: 0; border-radius: 10px; color: var(--metin);
  background: color-mix(in srgb, var(--metin) 8%, transparent); font: inherit; font-size: 14px; color-scheme: light dark; }
#sigortaIadeGorunum .si-alan-kucuk input:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }
#sigortaIadeGorunum .si-ara input { min-width: 200px; }
#sigortaIadeGorunum .si-ay-toplam { margin-left: auto; font-size: 13px; color: var(--soluk); }
#sigortaIadeGorunum .si-ay-toplam b { color: var(--metin); }
:is(#sigortaIadeGorunum, .si-modal) .si-onay-kutu { display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; cursor: pointer; line-height: 1.4; }
:is(#sigortaIadeGorunum, .si-modal) .si-onay-kutu input { margin-top: 2px; width: 18px; height: 18px; flex: none; }

/* İskelet */
#sigortaIadeGorunum .si-iskelet-satir { height: 64px; border-radius: 12px; margin-top: 10px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--metin) 6%, transparent), color-mix(in srgb, var(--metin) 11%, transparent), color-mix(in srgb, var(--metin) 6%, transparent));
  background-size: 200% 100%; animation: si-parilti 1.4s ease-in-out infinite; }
@keyframes si-parilti { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }
@media (prefers-reduced-motion: reduce) { #sigortaIadeGorunum .si-iskelet-satir { animation: none; } }

/* Dar ekran (< 1000 px, tek sütun): önce liste; dokununca yalnız ayrıntı + "‹ Liste" */
@media (max-width: 999px) {
  #sigortaIadeGorunum #sigortaIadeIcerik:not(.si-mobil-ayrinti) .si-duzen > .si-detay { display: none; }
  #sigortaIadeGorunum #sigortaIadeIcerik.si-mobil-ayrinti .si-duzen > .si-liste { display: none; }
  #sigortaIadeGorunum .si-dl-satir { grid-template-columns: 1fr; gap: 4px; }
  #sigortaIadeGorunum .si-alan-eylem { margin-left: 0; }
  #sigortaIadeGorunum .si-adim { grid-template-columns: 24px 1fr; }
  #sigortaIadeGorunum .si-adim-ayrinti { grid-column: 2; }
  #sigortaIadeGorunum .si-olaylar li { grid-template-columns: 1fr; }
  #sigortaIadeGorunum .si-olay-kim { grid-column: 1; }
  #sigortaIadeGorunum .si-ara input { min-width: 0; width: 100%; }
  #sigortaIadeGorunum .si-ara { flex: 1 1 100%; }
  #sigortaIadeGorunum .si-ay-toplam { margin-left: 0; }
}

/* ---------- 6) MODALLAR ---------- */
.si-modal .si-modal-ozet { margin: 0 0 12px; font-size: 14px; line-height: 1.5; }
.si-modal .si-segment { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 4px 0 10px; font-size: 13.5px; }
.si-modal .si-segment label { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; white-space: nowrap; width: auto; margin: 0; }
.si-modal .si-segment input[type="radio"] { width: 18px; height: 18px; min-height: 0; flex: none; margin: 0; padding: 0; }
.si-modal [data-si-kg-kart-ac] { padding-left: 0; padding-right: 0; color: var(--metin); text-decoration: underline; text-underline-offset: 3px; }
.si-modal .si-duz-alan { padding-bottom: 4px; }
.si-modal .si-alan-secim { border: 0; padding: 0; margin: 0 0 12px; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.si-modal .si-alan-secim legend { font-size: 13px; color: var(--soluk); margin-bottom: 6px; padding: 0; }
.si-modal .si-kaliplar { display: flex; flex-wrap: wrap; gap: 4px; margin: 2px 0 6px; }
.si-modal .si-kaliplar .btn { padding: 5px 10px; font-size: 12.5px; color: var(--metin); background: color-mix(in srgb, var(--metin) 7%, transparent); border-radius: 999px; }
.si-modal .si-onay-kritik { padding: 10px 12px; border-radius: 12px; background: color-mix(in srgb, var(--si-kritik) 12%, transparent); margin-bottom: 10px; }
.si-modal .not-kutu { margin: 10px 0; }
.si-modal [data-si-modal-hata]:empty { display: none; }

/* Not kutuları: uyarıcı detaylar uyarıcı tonda (kritik kırmızı, dikkat amber), hallolan onay tonunda, bilgi nötr — ikon + metin her zaman */
:root[data-tema] :is(#sigortaIadeGorunum, .modal-fon.si-modal) .not-kutu.tehlike { background: color-mix(in srgb, var(--si-kritik) 15%, transparent); color: var(--metin); }
:root[data-tema] :is(#sigortaIadeGorunum, .modal-fon.si-modal) .not-kutu.tehlike .ikon { color: var(--si-kritik); }
:root[data-tema] :is(#sigortaIadeGorunum, .modal-fon.si-modal) .not-kutu:not(.tehlike):not(.olumlu):not(.bilgi) { background: color-mix(in srgb, var(--si-dikkat) 13%, transparent); color: var(--metin); }
:root[data-tema] :is(#sigortaIadeGorunum, .modal-fon.si-modal) .not-kutu:not(.tehlike):not(.olumlu):not(.bilgi) .ikon { color: var(--si-dikkat); }
:root[data-tema] :is(#sigortaIadeGorunum, .modal-fon.si-modal) .not-kutu.olumlu { background: color-mix(in srgb, var(--si-onay) 13%, transparent); color: var(--metin); }
:root[data-tema] :is(#sigortaIadeGorunum, .modal-fon.si-modal) .not-kutu.olumlu .ikon { color: var(--si-onay); }
:root[data-tema="aydinlik"] :is(#sigortaIadeGorunum, .modal-fon.si-modal) .not-kutu.olumlu .ikon { color: #00774F; }
:root[data-tema="aydinlik"] :is(#sigortaIadeGorunum, .modal-fon.si-modal) .not-kutu:not(.tehlike):not(.olumlu):not(.bilgi) .ikon { color: #8A5300; }

/* Menü rozeti: kritik varsa (Teslimat rozetiyle aynı kırmızı taban; data-aile v474'e kanca) */
#altMenu [data-gorunum="sigortaIadeGorunum"] .menu-rozet[data-aile="kritik"] { background: var(--tehlike); }

@media (forced-colors: active) {
  :is(#sigortaIadeGorunum, .si-modal) :is(.tes-durum-rozet, .si-cip, .si-duzeltildi, .si-nakit, .tes-durum-isaret) { forced-color-adjust: none; background: Canvas; color: CanvasText; border: 1px solid CanvasText; }
  :is(#sigortaIadeGorunum, .si-modal) :is(.tes-durum-rozet, .si-nakit)::before { background-color: CanvasText; }
}