/* =====================================================================================================
   Fortuna Analytics · ortak tasarım temeli (v1, 10.11.2026)
   - Renk: koyu lacivert kurumsal; seçim ve etkileşim mavisi; yardımcı turkuaz ve amber; kırmızı yalnız gecikme /
     hata / engel. Grafik serisi renkleri (--fa-seri-*) iş akışı durum renklerinden ayrıdır.
   - Durum dili: gri başlanmadı/nötr · mavi sürüyor · amber dikkat · yeşil tamam · kırmızı gecikmiş/hata.
     "veri yok", "okunamadı", "uygulanmaz" ayrı simge ve metinle gösterilir; renk tek başına anlam taşımaz.
   - Tutarlar sağa hizalı, tabular rakam; kısa biçim "1,18 mn TL" / "45,2 bin TL", tam değer dokunarak/klavyeyle açılır.
   ===================================================================================================== */
:root {
  --fa-lacivert: #1f2a44; --fa-lacivert-2: #2c3b5e;
  --fa-mavi: #2457c5; --fa-mavi-koyu: #1a428f; --fa-mavi-acik: #eaf0fc;
  --fa-turkuaz: #0b7f78; --fa-turkuaz-acik: #e3f4f2;
  --fa-amber: #a15c00; --fa-amber-acik: #fff4e0; --fa-amber-cizgi: #f3d19c;
  --fa-kirmizi: #b42318; --fa-kirmizi-acik: #fef1ef; --fa-kirmizi-cizgi: #f6c7c1;
  --fa-yesil: #067647; --fa-yesil-acik: #e9f8ef; --fa-yesil-cizgi: #b7e4c7;
  --fa-gri: #475467; --fa-gri-acik: #f2f4f7; --fa-gri-cizgi: #d9dee6;
  --fa-zemin: #f4f6f9; --fa-yuzey: #ffffff; --fa-metin: #17202b; --fa-metin-2: #5b6576; --fa-metin-3: #6b7484;
  --fa-cizgi-ince: #e7ebf1;
  /* grafik serileri (durum anlamı taşımaz) */
  --fa-seri-1: #2b4c8c; --fa-seri-1-acik: #c9d6ee; --fa-seri-2: #0f8a82; --fa-seri-2-acik: #c4e6e2;
  --fa-seri-onceki: #8a94a6; --fa-secili-zemin: #edf2fb;
  --fa-tarama: repeating-linear-gradient(135deg, #ffffff 0 4px, #e9edf2 4px 8px);
  --fa-gecis: 160ms ease;
}
@media (prefers-reduced-motion: reduce) { :root { --fa-gecis: 0ms linear; } }

/* ---------- tipografi ve sayı ---------- */
.fa-ust-etiket { font-size: .76rem; color: var(--fa-metin-2); font-weight: 500; letter-spacing: .01em; }
.fa-sayi { font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.fa-tutar { font-variant-numeric: tabular-nums; white-space: nowrap; border-bottom: 1px dotted rgba(23, 32, 43, .35);
  cursor: help; border-radius: 2px; }
.fa-tutar:focus-visible { outline: 2px solid var(--fa-mavi); outline-offset: 2px; }
.fa-tutar.tam { border-bottom-style: solid; }

/* ---------- durum çipleri (simge + metin; renk tek başına anlam taşımaz) ---------- */
.fa-durum { display: inline-flex; align-items: center; gap: .3rem; padding: .12rem .5rem; border-radius: 999px;
  font-size: .74rem; font-weight: 600; line-height: 1.35; white-space: nowrap; border: 1px solid transparent; }
.fa-durum > i { font-style: normal; font-size: .78em; line-height: 1; }
.fa-durum--baslanmadi, .fa-durum--notr { background: var(--fa-gri-acik); color: var(--fa-gri); border-color: var(--fa-gri-cizgi); }
.fa-durum--suruyor, .fa-durum--bilgi { background: var(--fa-mavi-acik); color: var(--fa-mavi-koyu); border-color: #c7d6f5; }
.fa-durum--dikkat { background: var(--fa-amber-acik); color: var(--fa-amber); border-color: var(--fa-amber-cizgi); }
.fa-durum--tamam { background: var(--fa-yesil-acik); color: var(--fa-yesil); border-color: var(--fa-yesil-cizgi); }
.fa-durum--hata { background: var(--fa-kirmizi-acik); color: var(--fa-kirmizi); border-color: var(--fa-kirmizi-cizgi); }
.fa-durum--veri-yok { background: var(--fa-tarama); color: var(--fa-gri); border-color: var(--fa-gri-cizgi); }
.fa-durum--okunamadi { background: #fff; color: var(--fa-gri); border: 1px dashed #98a2b3; }
.fa-durum--uygulanmaz { background: #fff; color: var(--fa-metin-3); border-color: var(--fa-gri-cizgi); font-weight: 500; }

/* ---------- yüzeyler ---------- */
.fa-yuzey { background: var(--fa-yuzey); border: 1px solid var(--fa-cizgi-ince); border-radius: 12px; }
.fa-bolum-baslik { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .75rem; margin-bottom: .6rem; }
.fa-bolum-baslik h2 { font-size: 1rem; font-weight: 650; margin: 0; color: var(--fa-metin); }
.fa-bolum-baslik .alt { font-size: .8rem; color: var(--fa-metin-2); }
.fa-bilgi { font-size: .8rem; color: var(--fa-metin-2); }

/* ---------- düğme / bağlantı ---------- */
.fa-dugme { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 36px; padding: 0 .8rem;
  border-radius: 8px; border: 1px solid #c9d1dc; background: #fff; color: var(--fa-metin); font-size: .84rem; font-weight: 600;
  text-decoration: none; white-space: nowrap; transition: background var(--fa-gecis), border-color var(--fa-gecis); cursor: pointer; }
.fa-dugme:hover { background: #f6f8fb; border-color: #aab4c3; color: var(--fa-metin); }
.fa-dugme--ana { background: var(--fa-mavi); border-color: var(--fa-mavi); color: #fff; }
.fa-dugme--ana:hover { background: var(--fa-mavi-koyu); border-color: var(--fa-mavi-koyu); color: #fff; }
.fa-dugme--sade { border-color: transparent; background: transparent; color: var(--fa-mavi); padding: 0 .4rem; }
.fa-dugme--sade:hover { background: var(--fa-mavi-acik); border-color: transparent; color: var(--fa-mavi-koyu); }
.fa-baglanti { color: var(--fa-mavi); font-weight: 600; text-decoration: none; }
.fa-baglanti:hover { color: var(--fa-mavi-koyu); text-decoration: underline; }
.fa-dugme:focus-visible, .fa-baglanti:focus-visible, .fa-sekme:focus-visible, .tb a:focus-visible,
.tb select:focus-visible, .tb summary:focus-visible, .tb button:focus-visible { outline: 2px solid var(--fa-mavi); outline-offset: 2px; }

/* ---------- sekmeler ---------- */
.fa-sekmeler { display: flex; gap: .25rem; border-bottom: 1px solid var(--fa-gri-cizgi); overflow-x: auto; scrollbar-width: thin; }
.fa-sekme { display: inline-flex; align-items: center; min-height: 44px; padding: 0 .9rem; color: var(--fa-metin-2); font-weight: 600;
  font-size: .9rem; text-decoration: none; border-bottom: 2.5px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.fa-sekme:hover { color: var(--fa-metin); }
.fa-sekme[aria-current="page"] { color: var(--fa-lacivert); border-bottom-color: var(--fa-mavi); }

/* ---------- yükleniyor / eski veri koruması ---------- */
[aria-busy="true"] .tb-veri { opacity: .45; transition: opacity var(--fa-gecis); pointer-events: none; }
.tb-yukleniyor { position: fixed; top: 12px; left: 50%; transform: translateX(-50%); z-index: 1090; background: var(--fa-lacivert);
  color: #fff; padding: .35rem .9rem; border-radius: 999px; font-size: .8rem; font-weight: 600; box-shadow: 0 4px 12px rgba(16, 24, 40, .18); }

/* =====================================================================================================
   Beyanname analitiği · Tek bakış (tb-)
   ===================================================================================================== */
.tb { display: flex; flex-direction: column; gap: 1rem; color: var(--fa-metin); }
.tb-ust { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: .75rem 1rem; }
.tb-ust h1 { font-size: 1.45rem; font-weight: 700; margin: .1rem 0 0; letter-spacing: -.01em; color: var(--fa-lacivert); }
.tb-ust h1 .tur { font-size: .9rem; font-weight: 600; color: var(--fa-metin-2); margin-left: .35rem; }
.tb-surum { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }

.tb-filtre { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .5rem .75rem; }
.tb-filtre label { display: flex; flex-direction: column; gap: .15rem; font-size: .74rem; font-weight: 600; color: var(--fa-metin-2); }
.tb-filtre select, .tb-filtre input { min-height: 36px; font-size: .86rem; border-radius: 8px; border: 1px solid #c9d1dc;
  padding: 0 .55rem; background-color: #fff; color: var(--fa-metin); max-width: 100%; }
.tb-filtre .aralik { display: flex; align-items: center; gap: .3rem; }
.tb-gelismis { position: relative; }
.tb-gelismis > summary { list-style: none; cursor: pointer; }
.tb-gelismis > summary::-webkit-details-marker { display: none; }
.tb-gelismis[open] > .tb-gelismis-ic { display: flex; }
.tb-gelismis-ic { display: none; position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; flex-direction: column; gap: .6rem;
  background: #fff; border: 1px solid var(--fa-gri-cizgi); border-radius: 10px; padding: .8rem; min-width: 260px;
  box-shadow: 0 10px 24px rgba(16, 24, 40, .12); }
.tb-gelismis .aktif-nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--fa-amber); display: inline-block; }

.tb-sekme-satir { display: flex; align-items: flex-end; gap: .5rem; }
.tb-sekme-satir .fa-sekmeler { flex: 1 1 auto; }
.tb-sekme-satir .ikincil { font-size: .8rem; white-space: nowrap; padding-bottom: .6rem; }

/* durum özeti */
.tb-ozet { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .4rem 1.5rem; align-items: start;
  padding: 1.1rem 1.25rem; border-radius: 14px; background: var(--fa-lacivert); color: #fff; }
.tb-ozet .ust { font-size: .76rem; color: #c3cbe0; font-weight: 600; letter-spacing: .02em; }
.tb-cumle { font-size: 1.32rem; font-weight: 650; line-height: 1.35; margin: .15rem 0 .35rem; text-wrap: balance; max-width: 62ch; }
.tb-ek { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .35rem .5rem; }
.tb-ek li { font-size: .8rem; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px;
  padding: .15rem .6rem; color: #e6eaf4; }
.tb-ozet--dikkat .tb-ek li.vurgu, .tb-ek li.vurgu { background: #fff4e0; color: #7a4600; border-color: #f3d19c; }
.tb-ozet--veri-yok { background: #fff; color: var(--fa-metin); border: 1px dashed #98a2b3; }
.tb-ozet--veri-yok .ust { color: var(--fa-metin-2); }
.tb-ozet--veri-yok .tb-ek li { background: var(--fa-gri-acik); color: var(--fa-gri); border-color: var(--fa-gri-cizgi); }
.tb-ay-secici { display: flex; align-items: center; gap: .3rem; }
.tb-ay-secici a, .tb-ay-secici select { min-height: 40px; }
.tb-ay-secici a { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; border-radius: 8px;
  color: #fff; border: 1px solid rgba(255, 255, 255, .28); text-decoration: none; font-size: 1.05rem; }
.tb-ay-secici a:hover { background: rgba(255, 255, 255, .12); }
.tb-ay-secici a[aria-disabled="true"] { opacity: .35; pointer-events: none; }
.tb-ay-secici select { border-radius: 8px; border: 1px solid rgba(255, 255, 255, .28); background-color: rgba(255, 255, 255, .08);
  color: #fff; font-weight: 600; padding: 0 .5rem; }
.tb-ay-secici select option { color: var(--fa-metin); }
.tb-ozet--veri-yok .tb-ay-secici a, .tb-ozet--veri-yok .tb-ay-secici select { color: var(--fa-metin); border-color: #c9d1dc; background: #fff; }
.tb-ozet .kaynak { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .3rem .9rem; font-size: .78rem; color: #c3cbe0; }
.tb-ozet .kaynak a { color: #fff; font-weight: 600; }
.tb-ozet--veri-yok .kaynak { color: var(--fa-metin-2); }
.tb-ozet--veri-yok .kaynak a { color: var(--fa-mavi); }

/* göstergeler */
.tb-gostergeler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.tb-gosterge { background: #fff; border: 1px solid var(--fa-cizgi-ince); border-radius: 12px; padding: .85rem 1rem .75rem;
  display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.tb-gosterge .ad { font-size: .8rem; font-weight: 650; color: var(--fa-metin); }
.tb-gosterge .ad small { display: block; font-weight: 500; color: var(--fa-metin-2); font-size: .72rem; }
.tb-gosterge .deger { font-size: 1.55rem; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: var(--fa-lacivert); }
.tb-gosterge .deger .yok { font-size: .95rem; font-weight: 600; }
.tb-gosterge .fark { font-size: .78rem; color: var(--fa-metin-2); }
.tb-gosterge .fark b { color: var(--fa-metin); font-weight: 650; }
.tb-gosterge .spark { height: 34px; margin-top: .15rem; }
.tb-gosterge .spark svg { display: block; overflow: visible; }
.tb-gosterge .alt-satir { display: flex; justify-content: space-between; gap: .5rem; font-size: .72rem; color: var(--fa-metin-3); margin-top: .1rem; }
.tb-gosterge.supheli { border-color: var(--fa-amber-cizgi); background: #fffdf8; }

/* ana grafik + bakılacaklar */
.tb-ana { display: grid; grid-template-columns: minmax(0, 1fr) 340px; grid-template-areas: "grafik yan" "kopru yan";
  grid-template-rows: auto 1fr; gap: .75rem; align-items: start; }
.tb-ana > .tb-grafik-kart { grid-area: grafik; } .tb-ana > .tb-bakilacak { grid-area: yan; } .tb-ana > .tb-kopru { grid-area: kopru; }
.tb-grafik-kart { padding: 1rem 1.1rem .8rem; min-width: 0; }
.tb-lejant { display: flex; flex-wrap: wrap; gap: .35rem 1rem; font-size: .76rem; color: var(--fa-metin-2); align-items: center; }
.tb-lejant i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: .3rem; vertical-align: -2px; }
.tb-lejant i.cizgi { height: 0; border-top: 2.5px solid var(--fa-seri-onceki); border-radius: 0; width: 14px; vertical-align: 3px; }
.tb-lejant i.tarama { background: var(--fa-tarama); border: 1px solid var(--fa-gri-cizgi); }
.tb-lejant .d { display: inline-flex; width: 14px; height: 14px; border-radius: 3px; background: var(--fa-lacivert); color: #fff;
  font-size: .6rem; font-weight: 700; align-items: center; justify-content: center; margin-right: .3rem; }
.tb-anahtar { display: inline-flex; align-items: center; gap: .4rem; font-size: .8rem; font-weight: 600; color: var(--fa-metin);
  cursor: pointer; user-select: none; min-height: 32px; }
.tb-anahtar input { width: 16px; height: 16px; accent-color: var(--fa-mavi); }
.tb-grafik-kaydir { overflow-x: auto; overflow-y: hidden; margin: .4rem -.2rem 0; padding: 0 .2rem; scrollbar-width: thin; position: relative; }
.tb-grafik { min-height: 380px; }
.tb-grafik svg { display: block; }
.tb-grafik a { cursor: pointer; }
.tb-grafik a:focus { outline: none; }
.tb-grafik a:focus-visible .tb-odak { stroke: var(--fa-mavi); stroke-width: 2.5; }
.tb-grafik a:hover .tb-vurgu { fill: #f3f6fb; }
.tb-kaydir-ipucu { display: none; font-size: .74rem; color: var(--fa-metin-2); margin-top: .25rem; }
.tb-tablo { margin-top: .5rem; font-size: .82rem; }
.tb-tablo > summary { cursor: pointer; color: var(--fa-mavi); font-weight: 600; font-size: .8rem; min-height: 32px; display: inline-flex; align-items: center; }
.tb-tablo table { width: 100%; margin-top: .4rem; font-size: .8rem; }
.tb-tablo th, .tb-tablo td { padding: .3rem .45rem; border-bottom: 1px solid var(--fa-cizgi-ince); }
.tb-tablo tr.secili td, .tb-tablo tr.secili th { background: var(--fa-secili-zemin); font-weight: 650; }

.tb-bakilacak { padding: 1rem 1rem .8rem; display: flex; flex-direction: column; gap: .6rem; min-width: 0; }
.tb-madde { border: 1px solid var(--fa-cizgi-ince); border-left: 3px solid var(--fa-amber); border-radius: 10px; padding: .65rem .75rem;
  display: flex; flex-direction: column; gap: .3rem; background: #fff; }
.tb-madde.zincir { border-left-color: var(--fa-kirmizi); }
.tb-madde.form { border-left-color: var(--fa-gri); }
.tb-madde .ust { display: flex; flex-wrap: wrap; gap: .3rem; align-items: center; justify-content: space-between; }
.tb-madde .ay { font-size: .78rem; font-weight: 700; color: var(--fa-lacivert); }
.tb-madde .baslik { font-size: .86rem; font-weight: 650; line-height: 1.35; overflow-wrap: anywhere; }
.tb-madde .dayanak { font-size: .76rem; color: var(--fa-metin-2); }
.tb-madde .eylem { display: flex; flex-wrap: wrap; gap: .25rem .4rem; align-items: center; margin-top: .1rem; }
.tb-madde .eylem .fa-dugme { min-height: 32px; font-size: .78rem; padding: 0 .55rem; }
.tb-madde details > summary { list-style: none; }
.tb-madde details > summary::-webkit-details-marker { display: none; }
.tb-kontroller { border-top: 1px solid var(--fa-cizgi-ince); padding-top: .55rem; display: flex; flex-direction: column; gap: .35rem; font-size: .8rem; }
.tb-kontroller > div { display: flex; justify-content: space-between; gap: .5rem; align-items: center; }

/* köprü */
.tb-kopru { padding: 1rem 1.1rem; scroll-margin-top: 80px; }
.tb-kopru-ozet { display: flex; flex-wrap: wrap; gap: .4rem .8rem; align-items: center; font-size: .86rem; margin-bottom: .6rem; }
.tb-kopru-ozet b { font-variant-numeric: tabular-nums; }
.tb-adimlar { display: flex; flex-direction: column; }
.tb-adim { display: grid; grid-template-columns: minmax(150px, 280px) minmax(0, 1fr) 110px 150px; gap: .75rem; align-items: center;
  padding: .45rem 0; border-top: 1px solid var(--fa-cizgi-ince); font-size: .84rem; }
.tb-adim .ad { min-width: 0; overflow-wrap: anywhere; }
.tb-adim .ad small { display: block; color: var(--fa-metin-2); font-size: .72rem; font-variant-numeric: tabular-nums; }
.tb-adim .iz { position: relative; height: 22px; }
.tb-adim .iz .sifir { position: absolute; top: -6px; bottom: -6px; width: 0; border-left: 1px dashed #98a2b3; }
.tb-adim .iz .cubuk { position: absolute; top: 3px; height: 16px; border-radius: 3px; }
.tb-adim.bas .cubuk, .tb-adim.bit .cubuk { background: var(--fa-lacivert); }
.tb-adim.arti .cubuk { background: #c2410c; }
.tb-adim.eksi .cubuk { background: var(--fa-turkuaz); }
.tb-adim.kalan .cubuk { background: var(--fa-tarama); border: 1.5px dashed var(--fa-amber); }
.tb-adim.bas, .tb-adim.bit { font-weight: 650; }
.tb-adim .tutar { text-align: right; font-variant-numeric: tabular-nums; font-weight: 650; white-space: nowrap; }
.tb-adim .kaynak { font-size: .76rem; display: flex; flex-wrap: wrap; gap: .1rem .5rem; justify-content: flex-end; }
.tb-eksik { background: var(--fa-tarama); border: 1px dashed #98a2b3; border-radius: 10px; padding: .9rem 1rem; font-size: .86rem; color: var(--fa-gri); }

/* ikincil bölümler */
.tb-ek-bolum { background: #fff; border: 1px solid var(--fa-cizgi-ince); border-radius: 12px; }
.tb-ek-bolum > summary { cursor: pointer; padding: .8rem 1.1rem; display: flex; flex-wrap: wrap; gap: .4rem .8rem; align-items: center;
  font-weight: 650; font-size: .92rem; min-height: 48px; }
.tb-ek-bolum > summary .alt { font-weight: 500; font-size: .8rem; color: var(--fa-metin-2); }
.tb-ek-bolum > .ic { padding: 0 1.1rem 1rem; }
.tb-ek-bolum .kart { border: 0; padding: 0; }

/* kalem analizi */
.tb-kalem-duzen { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; align-items: start; }
.tb-kalem-duzen.panelli { grid-template-columns: minmax(0, 1fr) 320px; }
.tb-isi-kart { padding: 1rem 1.1rem; min-width: 0; }
.tb-isi-kutu { overflow-x: auto; border: 1px solid var(--fa-cizgi-ince); border-radius: 10px; margin-top: .6rem; }
.tb-isi { border-collapse: separate; border-spacing: 0; width: 100%; font-size: .8rem; min-width: 880px; }
.tb-isi th, .tb-isi td { padding: 0; border-bottom: 1px solid var(--fa-cizgi-ince); }
.tb-isi thead th { position: sticky; top: 0; background: #f7f9fc; font-weight: 650; font-size: .74rem; color: var(--fa-metin-2);
  padding: .45rem .3rem; text-align: center; z-index: 2; white-space: nowrap; }
.tb-isi thead th.secili { color: var(--fa-lacivert); background: var(--fa-secili-zemin); }
.tb-isi th.satir { position: sticky; left: 0; background: #fff; z-index: 1; text-align: left; padding: .4rem .6rem; min-width: 210px;
  max-width: 260px; font-weight: 600; font-size: .8rem; border-right: 1px solid var(--fa-cizgi-ince); }
.tb-isi thead th.satir { z-index: 3; background: #f7f9fc; }
.tb-isi th.satir small { display: block; font-weight: 500; color: var(--fa-metin-3); font-size: .7rem; }
.tb-hucre { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; min-height: 44px; padding: .2rem .4rem;
  text-decoration: none; color: var(--fa-metin); font-variant-numeric: tabular-nums; white-space: nowrap; position: relative;
  transition: box-shadow var(--fa-gecis); }
.tb-hucre:hover { box-shadow: inset 0 0 0 1.5px #98a2b3; color: var(--fa-metin); }
.tb-hucre .ok { font-size: .66rem; color: var(--fa-metin-2); }
.tb-hucre.secili { box-shadow: inset 0 0 0 2.5px var(--fa-mavi); font-weight: 700; }
.tb-hucre.s3 { background: #f6c7a2; } .tb-hucre.s2 { background: #fadcc2; } .tb-hucre.s1 { background: #fdeee0; }
.tb-hucre.s-1 { background: #e2ecf8; } .tb-hucre.s-2 { background: #c9dbf2; } .tb-hucre.s-3 { background: #aac6eb; }
.tb-hucre.yok { background: var(--fa-tarama); color: var(--fa-metin-3); font-size: .7rem; font-style: italic; align-items: center; }
.tb-hucre.sifirdan { box-shadow: inset 0 -3px 0 #98a2b3; }
.tb-isi td.ozet { padding: .35rem .6rem; text-align: right; white-space: nowrap; background: #fafbfd; border-left: 1px solid var(--fa-cizgi-ince); }
.tb-isi td.ozet small { display: block; font-size: .68rem; color: var(--fa-metin-3); }
.tb-isi tr.ayrac th { background: #f7f9fc; font-size: .72rem; color: var(--fa-metin-2); padding: .35rem .6rem; text-align: left; }
.tb-renk-olcek { display: inline-flex; gap: 2px; vertical-align: middle; }
.tb-renk-olcek i { width: 18px; height: 12px; border-radius: 2px; display: inline-block; }
.tb-panel { padding: 1rem; display: flex; flex-direction: column; gap: .55rem; position: sticky; top: 76px; scroll-margin-top: 80px; }
.tb-panel h3 { font-size: 1rem; font-weight: 700; margin: 0; }
.tb-panel .deger { font-size: 1.4rem; font-weight: 700; color: var(--fa-lacivert); font-variant-numeric: tabular-nums; }
.tb-panel dl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .3rem .75rem; margin: 0; font-size: .82rem; }
.tb-panel dt { color: var(--fa-metin-2); font-weight: 500; }
.tb-panel dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.tb-isi-mobil { display: none; }
.tb-ay-cipleri { display: flex; gap: .35rem; overflow-x: auto; padding-bottom: .3rem; scrollbar-width: thin; }
.tb-ay-cipleri a { flex: 0 0 auto; min-height: 40px; min-width: 56px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px; border: 1px solid #c9d1dc; color: var(--fa-metin); text-decoration: none; font-size: .8rem; font-weight: 600; padding: 0 .7rem; }
.tb-ay-cipleri a[aria-current="true"] { background: var(--fa-lacivert); border-color: var(--fa-lacivert); color: #fff; }
.tb-mobil-satir { display: flex; justify-content: space-between; gap: .75rem; align-items: center; padding: .55rem .2rem; min-height: 52px;
  border-bottom: 1px solid var(--fa-cizgi-ince); text-decoration: none; color: var(--fa-metin); }
.tb-mobil-satir .ad { font-size: .84rem; font-weight: 600; min-width: 0; }
.tb-mobil-satir .ad small { display: block; font-weight: 500; color: var(--fa-metin-3); font-size: .72rem; }
.tb-mobil-satir .sag { text-align: right; font-variant-numeric: tabular-nums; font-weight: 650; white-space: nowrap; }
.tb-mobil-satir .sag small { display: block; font-weight: 500; font-size: .7rem; color: var(--fa-metin-2); }

.tb-grafik a, .tb-grafik text { text-decoration: none; }
.tb-madde .eylem details { display: inline-block; }
.tb-madde .eylem details[open] { display: block; width: 100%; }
.tb-panel .fa-durum { white-space: normal; border-radius: 10px; }
.tb-isi-ipucu { display: none; margin-top: .5rem; }
.tb-isi-kutu.tasiyor { box-shadow: inset -10px 0 8px -8px rgba(16, 24, 40, .18); }
.tb-isi-kart:has(.tb-isi-kutu.tasiyor) .tb-isi-ipucu { display: block; }
.tb-filtre-kutu > summary { display: none; }
.tb-filtre-kutu > summary::-webkit-details-marker { display: none; }

/* özet: ana sonuç, karşılaştırma, tek birincil uyarı; ikincil bilgiler katlanır */
.tb-ozet-ana { min-width: 0; }
.tb-karsilastirma { margin: 0 0 .25rem; font-size: 1rem; color: #dfe5f2; font-weight: 500; }
.tb-ozet--veri-yok .tb-karsilastirma { color: var(--fa-metin-2); }
.tb-uyari { display: inline-flex; align-items: center; gap: .45rem; margin-top: .45rem; padding: .35rem .7rem; border-radius: 999px;
  background: #fff4e0; color: #7a4600; border: 1px solid #f3d19c; font-size: .82rem; font-weight: 600; text-decoration: none; }
.tb-uyari > i { font-style: normal; font-weight: 800; }
.tb-uyari:hover { background: #ffecc7; color: #5f3700; }
.tb-ozet-ayrinti { grid-column: 1 / -1; font-size: .8rem; color: #c3cbe0; }
.tb-ozet-ayrinti > summary { cursor: pointer; display: inline-flex; align-items: center; gap: .35rem; min-height: 32px; font-weight: 600; color: #fff; list-style: none; }
.tb-ozet-ayrinti > summary::-webkit-details-marker { display: none; }
.tb-ozet-ayrinti > summary::before { content: "▸"; font-size: .8em; transition: transform var(--fa-gecis); }
.tb-ozet-ayrinti[open] > summary::before { transform: rotate(90deg); }
.tb-ozet-ayrinti ul { margin: .2rem 0 0; padding-left: 1.1rem; display: flex; flex-direction: column; gap: .15rem; }
.tb-ozet-ayrinti a { color: #fff; font-weight: 600; }
.tb-ozet--veri-yok .tb-ozet-ayrinti, .tb-ozet--veri-yok .tb-ozet-ayrinti > summary { color: var(--fa-metin-2); }
.tb-ozet--veri-yok .tb-ozet-ayrinti a { color: var(--fa-mavi); }

/* göstergeler: kapsam satırı ve kart içi kapsam etiketi */
.tb-gosterge-bolum { display: flex; flex-direction: column; gap: .45rem; }
.tb-kapsam-satir { display: flex; flex-wrap: wrap; gap: .4rem .8rem; align-items: center; }
.tb-kapsam-satir .baslik { font-size: .78rem; font-weight: 700; color: var(--fa-metin-2); text-transform: uppercase; letter-spacing: .04em; }
.tb-gosterge .kapsam { font-size: .72rem; color: var(--fa-metin-3); font-weight: 600; }
.tb-isaret { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; margin-left: .3rem;
  border-radius: 6px; background: var(--fa-amber-acik); color: var(--fa-amber); font-size: .78rem; text-decoration: none; vertical-align: middle; }
.tb-isaret-metin { color: var(--fa-amber); font-weight: 600; text-decoration: none; }

/* ana grafik: sabit eksen ve bölme başlıkları, kayan çizim */
.tb-grafik-ust { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; justify-content: space-between; margin-bottom: .3rem; }
.tb-secili-ozet { display: flex; flex-wrap: wrap; gap: .2rem .9rem; align-items: baseline; font-size: .84rem; font-variant-numeric: tabular-nums; }
.tb-secili-ozet > b { color: var(--fa-lacivert); }
.tb-secili-ozet .ikincil { color: var(--fa-metin-2); }
.tb-grafik-secenek { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.tb-gosterilen { font-size: .76rem; color: var(--fa-metin-2); font-variant-numeric: tabular-nums; }
.tb-aralik-sec { display: inline-flex; border: 1px solid #c9d1dc; border-radius: 8px; overflow: hidden; }
.tb-aralik-sec button { all: unset; cursor: pointer; padding: 0 .7rem; min-height: 34px; display: inline-flex; align-items: center; font-size: .8rem; font-weight: 600; color: var(--fa-metin-2); }
.tb-aralik-sec button[aria-pressed="true"] { background: var(--fa-lacivert); color: #fff; }
.tb-aralik-sec button:focus-visible { outline: 2px solid var(--fa-mavi); outline-offset: -2px; }
.tb-anahtar { text-decoration: none; }
.tb-anahtar .kutu { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 4px;
  border: 1.5px solid #98a2b3; font-size: .72rem; color: #fff; }
.tb-anahtar[aria-checked="true"] .kutu { background: var(--fa-mavi); border-color: var(--fa-mavi); }
.tb-grafik-alan { position: relative; --tb-sol: 52px; }
.tb-eksen { position: absolute; left: 0; top: 0; background: #fff; z-index: 2; }
.tb-bolme-baslik { position: absolute; left: calc(var(--tb-sol) + 4px); right: 4px; z-index: 2; font-size: .74rem; font-weight: 650; color: var(--fa-metin);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: max-content; max-width: calc(100% - var(--tb-sol) - 8px);
  background: rgba(255, 255, 255, .92); padding: 0 .3rem; border-radius: 4px; pointer-events: none; }
.tb-grafik-alan .tb-grafik-kaydir { margin: 0 0 0 var(--tb-sol); padding: 0; }
.tb-grafik-kaydir.tasiyor { box-shadow: inset -10px 0 8px -8px rgba(16, 24, 40, .18); }
.tb-lejant i.kopuk { width: 0; height: 12px; border-left: 1.5px dashed #b42318; border-radius: 0; }
.tb-grafik { min-height: 0; }

/* köprü: sıfır ekseni ve adımlar arası bağlantı */
.tb-adim-eksen { padding: 0; border-top: 0; min-height: 14px; }
.tb-adim-eksen .iz { height: 14px; }
.tb-adim .sifir-etiket { position: absolute; top: -2px; transform: translateX(-50%); font-size: .68rem; color: var(--fa-metin-3); font-weight: 600; }
.tb-adim .iz .bag { position: absolute; top: -16px; height: 22px; width: 0; border-left: 1px solid #98a2b3; }
.tb-adim.bit .iz .bag { top: -16px; }

.tb-taraf-yok { color: var(--fa-metin-3); font-size: .74rem; white-space: nowrap; }

/* bakılması gerekenler: telefonda önce en önemli madde */
.tb-madde-ac { display: none; }
.tb-alt-baglanti { font-size: .82rem; }

/* ---------- duyarlı ---------- */
@media (max-width: 1199.98px) {
  .tb-ana { grid-template-columns: minmax(0, 1fr); grid-template-areas: "grafik" "kopru" "yan"; grid-template-rows: auto; }
  .tb-kalem-duzen.panelli { grid-template-columns: minmax(0, 1fr); }
  .tb-panel { position: static; }
}
@media (max-width: 991.98px) {
  .tb-gostergeler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tb-adim { grid-template-columns: minmax(0, 1fr) 110px; grid-template-areas: "ad tutar" "iz iz" "kaynak kaynak"; row-gap: .3rem; }
  .tb-adim .ad { grid-area: ad; } .tb-adim .iz { grid-area: iz; } .tb-adim .tutar { grid-area: tutar; } .tb-adim .kaynak { grid-area: kaynak; justify-content: flex-start; }
}
@media (max-width: 767.98px) {
  .tb-bakilacak:not(.acik) .tb-madde.ek { display: none; }
  .tb-madde-ac { display: inline-flex; }
  .tb-sekme-satir .ikincil { display: none; }
  .fa-dugme, .tb-madde .eylem .fa-dugme, .tb-aralik-sec button, .tb-ay-cipleri a, .tb-anahtar, .tb-tablo > summary,
  .tb-ozet-ayrinti > summary, .tb-ay-secici a, .tb-ay-secici select, .tb-filtre select, .tb-filtre input { min-height: 44px; }
  .tb-ay-secici a { min-width: 44px; }
  .tb-uyari { border-radius: 12px; }
  .tb-filtre-kutu > summary { display: flex; justify-content: space-between; gap: .5rem; align-items: center; list-style: none;
    cursor: pointer; min-height: 48px; padding: .5rem .8rem; background: #fff; border: 1px solid var(--fa-gri-cizgi); border-radius: 10px; font-size: .84rem; }
  .tb-filtre-kutu[open] > summary { margin-bottom: .6rem; }
  .tb-ozet { grid-template-columns: minmax(0, 1fr); padding: 1rem; }
  .tb-cumle { font-size: 1.12rem; }
  .tb-ay-secici { order: -1; }
  .tb-ay-secici select { flex: 1 1 auto; }
  .tb-gosterge .deger { font-size: 1.3rem; }
  .tb-kaydir-ipucu { display: block; }
  .tb-isi-kutu.masaustu { display: none; }
  .tb-isi-mobil { display: block; }
  .tb-sekme-satir { flex-wrap: wrap; }
  .tb-sekme-satir .ikincil { padding-bottom: 0; }
  .tb-filtre { gap: .5rem; }
  .tb-filtre > label, .tb-filtre > .tb-gelismis { flex: 1 1 140px; }
  .tb-filtre .aralik select { flex: 1 1 0; min-width: 0; }
  .tb-gelismis-ic { left: auto; right: 0; min-width: min(300px, 86vw); }
}
@media (max-width: 575.98px) {
  .tb-gosterge .spark, .tb-gosterge .alt-satir > span:first-child { display: none; }
  .tb-gosterge .ad small { display: none; }
}
@media (max-width: 420px) {
  .tb-gostergeler { gap: .5rem; }
  .tb-gosterge { padding: .7rem .75rem; }
  .tb-gosterge .deger { font-size: 1.15rem; }
}

/* beyanname detayı: analitikten gelen kaynak inişi */
.dt-geri { display: flex; flex-wrap: wrap; gap: .5rem .9rem; align-items: center; margin-bottom: .9rem; padding: .6rem .8rem;
  background: var(--fa-mavi-acik); border: 1px solid #c7d6f5; border-radius: 10px; }
tr:target > td, tr:target > th { background: #fff4d6 !important; box-shadow: inset 0 0 0 9999px rgba(255, 214, 102, .18); }
tr:target > td:first-child { box-shadow: inset 4px 0 0 var(--fa-amber); }
.kart:target { outline: 2px solid var(--fa-amber); outline-offset: 2px; }
tr[id], .kart[id] { scroll-margin-top: 90px; }
.dt-ana td:first-child { width: 100%; overflow-wrap: anywhere; }
.dt-ana td:first-child .kod { white-space: normal; overflow-wrap: anywhere; }
.dt-ana td.sayi { white-space: nowrap; padding-left: .75rem; }
.dt-hedef-yok { margin-bottom: .9rem; }

/* =====================================================================================================
   Müşteri panosu (mp-) · durum özeti → önce bunlar → çalışma alanları → vergi ve finans → bulgular / yaklaşanlar
   ===================================================================================================== */
.mp .tb-ozet { grid-template-columns: minmax(0, 1fr); }
.mp-bant { white-space: normal; border-radius: 10px; padding: .45rem .8rem; }
.mp-bolum { display: flex; flex-direction: column; gap: .2rem; }
.mp-bolum .fa-bolum-baslik { margin-bottom: .45rem; }
.mp-isler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.mp-is { background: #fff; border: 1px solid var(--fa-cizgi-ince); border-top: 3px solid var(--fa-gri-cizgi); border-radius: 12px;
  padding: .85rem 1rem; display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.mp-is--hata { border-top-color: var(--fa-kirmizi); } .mp-is--dikkat { border-top-color: var(--fa-amber); }
.mp-is--suruyor { border-top-color: var(--fa-mavi); }
.mp-is .ust { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .3rem; align-items: center; }
.mp-is .alan { font-size: .72rem; color: var(--fa-metin-3); font-weight: 600; }
.mp-is .baslik { font-size: .95rem; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.mp-is .ayrinti { font-size: .78rem; color: var(--fa-metin-2); flex: 1 1 auto; }
.mp-is .fa-dugme { align-self: flex-start; }
.mp-alanlar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .5rem; }
.mp-alan { display: flex; flex-direction: column; gap: .3rem; padding: .7rem .8rem; background: #fff; border: 1px solid var(--fa-cizgi-ince);
  border-radius: 10px; text-decoration: none; color: var(--fa-metin); min-width: 0; transition: border-color var(--fa-gecis); }
.mp-alan:hover { border-color: #aab4c3; color: var(--fa-metin); }
.mp-alan .ad { font-size: .8rem; font-weight: 700; }
.mp-alan .fa-durum { white-space: normal; align-self: flex-start; border-radius: 8px; }
.mp-alan .ayrinti { font-size: .72rem; color: var(--fa-metin-3); }
.mp-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.mp-kart { display: flex; flex-direction: column; gap: .25rem; padding: .85rem 1rem; background: #fff; border: 1px solid var(--fa-cizgi-ince);
  border-radius: 12px; text-decoration: none; color: var(--fa-metin); min-width: 0; transition: border-color var(--fa-gecis); }
.mp-kart:hover { border-color: #aab4c3; color: var(--fa-metin); }
.mp-kart .ad { font-size: .8rem; font-weight: 700; }
.mp-kart .deger { font-size: 1.45rem; font-weight: 700; color: var(--fa-lacivert); line-height: 1.2; font-variant-numeric: tabular-nums; }
.mp-kart .mp-deger-metin { font-size: 1.1rem; }
.mp-kart .alt { font-size: .74rem; color: var(--fa-metin-2); margin-top: -.1rem; }
.mp-kart .satir { font-size: .78rem; color: var(--fa-metin-2); }
.mp-kart .satir b { color: var(--fa-metin); }
.mp-kart .not { font-size: .72rem; color: var(--fa-metin-3); }
.mp-kart .fa-durum { white-space: normal; align-self: flex-start; border-radius: 8px; }
.mp-kart .git { margin-top: auto; padding-top: .3rem; font-size: .76rem; font-weight: 600; color: var(--fa-mavi); }
.mp-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; align-items: start; }
.mp-liste { padding: 1rem 1.1rem; display: flex; flex-direction: column; gap: .5rem; min-width: 0; }
.mp-satirlar { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.mp-satirlar li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .6rem; align-items: start; padding: .5rem 0;
  border-top: 1px solid var(--fa-cizgi-ince); font-size: .84rem; }
.mp-satirlar li:first-child { border-top: 0; }
.mp-satirlar .metin { min-width: 0; overflow-wrap: anywhere; }
.mp-satirlar .metin a { color: var(--fa-metin); text-decoration: none; }
.mp-satirlar .metin a:hover { color: var(--fa-mavi); text-decoration: underline; }
.mp-satirlar small { display: block; color: var(--fa-metin-3); font-size: .72rem; }
.mp-satirlar .tutar { font-variant-numeric: tabular-nums; font-weight: 650; white-space: nowrap; }
.mp a:focus-visible, .mp-alan:focus-visible, .mp-kart:focus-visible { outline: 2px solid var(--fa-mavi); outline-offset: 2px; }
@media (max-width: 1199.98px) {
  .mp-alanlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mp-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
  .mp-isler { grid-template-columns: minmax(0, 1fr); }
  .mp-iki { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
  .mp-alanlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mp-is .fa-dugme, .mp .fa-dugme { min-height: 44px; }
  .mp-alan, .mp-kart { min-height: 44px; }
}
@media (max-width: 420px) {
  .mp-kartlar { grid-template-columns: minmax(0, 1fr); }
}
/* müşteri panosu düzeltme turu: kart içi kısımlar, dönem listesi, alan kapsamı */
.mp-kisim { display: flex; flex-direction: column; gap: .25rem; padding-top: .4rem; border-top: 1px dashed var(--fa-cizgi-ince); }
.mp-kisim:first-of-type { border-top: 0; padding-top: 0; }
.mp-kisim .kisim-ust { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; font-size: .78rem; }
.mp-kisim .fa-dugme { align-self: flex-start; }
.mp-donemler { font-size: .78rem; }
.mp-donemler > summary { cursor: pointer; color: var(--fa-mavi); font-weight: 600; min-height: 32px; display: inline-flex; align-items: center; }
.mp-donemler ul { list-style: none; margin: .3rem 0 0; padding: 0; display: flex; flex-direction: column; gap: .3rem; max-height: 220px; overflow-y: auto; }
.mp-donemler li { display: flex; flex-wrap: wrap; gap: .3rem .5rem; align-items: center; }
.mp-donemler li a { color: var(--fa-metin); font-weight: 600; overflow-wrap: anywhere; }
.mp-donemler li small { color: var(--fa-metin-3); }
.mp-alan .kapsam { font-size: .7rem; color: var(--fa-metin-3); margin-top: -.2rem; }
@media (max-width: 767.98px) {
  .mp-donemler > summary { min-height: 44px; }
  .mp-donemler li a { min-height: 32px; display: inline-flex; align-items: center; }
}

/* ---------- Dönem denetimi · genel bakış (ekran yenileme 3) ---------- */
/* Satır durumları 09.11 kullanıcı notu 9'a göre: başlanmadı kırmızı, sürüyor turuncu tik, onaylandı mavi tik. */
.ddg-d--bas { background: var(--fa-kirmizi-acik); color: var(--fa-kirmizi); border-color: var(--fa-kirmizi-cizgi); }
.ddg-d--suruyor { background: var(--fa-amber-acik); color: var(--fa-amber); border-color: var(--fa-amber-cizgi); }
.ddg-d--degisti { background: #fff; color: var(--fa-amber); border: 1px dashed var(--fa-amber); }
.ddg-d--onayli { background: var(--fa-mavi-acik); color: var(--fa-mavi-koyu); border-color: #b9cbf2; }
.ddg-d--hata { background: var(--fa-kirmizi-acik); color: var(--fa-kirmizi); border-color: var(--fa-kirmizi-cizgi); }
.ddg-d--disi, .ddg-d--yok { background: var(--fa-gri-acik); color: var(--fa-gri); border-color: var(--fa-gri-cizgi); }
.dd-asamalar--dort { grid-template-columns: minmax(0, .8fr) repeat(3, minmax(0, 1fr)); }
.dd-asama--genel .dd-ozet { font-size: .9rem; }
.dd-donus { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .9rem; }
.ddg-ozet { grid-template-columns: minmax(0, 1fr) minmax(0, 26rem); }
.ddg-ozet .tb-karsilastirma { color: #dfe5f1; font-size: .86rem; margin: 0 0 .3rem; max-width: 70ch; }
.ddg-sayilar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; margin: 0; }
.ddg-sayilar > div { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); border-radius: 10px; padding: .5rem .7rem; }
.ddg-sayilar dt { font-size: .72rem; font-weight: 600; color: #c3cbe0; }
.ddg-sayilar dd { margin: 0; display: flex; flex-direction: column; }
.ddg-sayilar b { font-size: 1.35rem; line-height: 1.2; font-variant-numeric: tabular-nums; }
.ddg-sayilar small { font-size: .72rem; color: #c3cbe0; }
.ddg-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; align-items: start; }
.ddg-kutu { padding: 1rem 1.1rem; min-width: 0; }
.ddg-alt-b { font-size: .78rem; font-weight: 700; color: var(--fa-metin-2); margin: .6rem 0 .2rem; text-transform: none; }
.ddg-kapi { margin: 0 0 .4rem; padding: .45rem .7rem; border-radius: 8px; background: var(--fa-kirmizi-acik); color: var(--fa-kirmizi);
  border: 1px solid var(--fa-kirmizi-cizgi); font-size: .84rem; font-weight: 650; }
.ddg-veri, .ddg-cal { list-style: none; margin: 0; padding: 0; }
.ddg-veri li, .ddg-cal li { display: grid; grid-template-columns: 8.6rem minmax(0, 1fr) auto; gap: .6rem; align-items: start;
  padding: .45rem 0; border-top: 1px solid var(--fa-cizgi-ince); font-size: .84rem; }
.ddg-veri li:first-child, .ddg-cal li:first-child { border-top: 0; }
.ddg-veri .fa-durum, .ddg-cal .fa-durum { justify-self: start; white-space: normal; border-radius: 8px; }
.ddg-veri .metin, .ddg-cal .metin { min-width: 0; overflow-wrap: anywhere; }
.ddg-veri small, .ddg-cal small { display: block; color: var(--fa-metin-3); font-size: .74rem; }
.ddg-cal .metin a { color: var(--fa-metin); font-weight: 600; text-decoration: none; }
.ddg-cal .metin a:hover { color: var(--fa-mavi); text-decoration: underline; }
.ddg-cal .kim { font-size: .74rem; color: var(--fa-metin-2); white-space: nowrap; }
.ddg-veri--hazir li { padding: .3rem 0; }
.ddg-zorunlu { font-style: normal; font-size: .7rem; font-weight: 700; color: var(--fa-kirmizi); border: 1px solid var(--fa-kirmizi-cizgi);
  border-radius: 4px; padding: 0 .3rem; margin-left: .2rem; }
.ddg-not { font-size: .76rem; color: var(--fa-metin-3); margin: .5rem 0 0; }
.ddg-lejant { list-style: none; display: flex; flex-wrap: wrap; gap: .3rem 1rem; margin: 0 0 .6rem; padding: 0; font-size: .74rem; color: var(--fa-metin-2); }
.ddg-lejant li { display: inline-flex; align-items: center; gap: .35rem; }
.ddg-kaynak { display: flex; flex-wrap: wrap; gap: .3rem 1.2rem; font-size: .78rem; color: var(--fa-metin-2); margin-bottom: .5rem; }
.ddg-kaynak b { color: var(--fa-metin); }
.ddg-tablo-kap { overflow-x: auto; }
.ddg-tablo { width: 100%; border-collapse: collapse; font-size: .84rem; }
.ddg-tablo th, .ddg-tablo td { padding: .45rem .55rem; border-bottom: 1px solid var(--fa-cizgi-ince); vertical-align: top; text-align: left; }
.ddg-tablo thead th { font-size: .74rem; color: var(--fa-metin-2); font-weight: 650; background: var(--fa-gri-acik); position: sticky; top: 0; }
.ddg-tablo--iki thead th:nth-child(2), .ddg-tablo--iki td:nth-child(2) { background: #fbfcfe; border-right: 2px solid var(--fa-cizgi-ince); }
.ddg-tablo tr.bolum th { background: #fff; font-size: .76rem; font-weight: 700; color: var(--fa-lacivert); padding-top: .8rem; }
.ddg-tablo tbody th[scope="row"] { font-weight: 600; min-width: 13rem; }
.ddg-tablo .sayi { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ddg-tablo td .fa-durum { white-space: nowrap; }
.ddg-satir--bas th[scope="row"] { box-shadow: inset 3px 0 0 var(--fa-kirmizi); }
.ddg-satir--suruyor th[scope="row"], .ddg-satir--degisti th[scope="row"] { box-shadow: inset 3px 0 0 var(--fa-amber); }
.ddg-satir--onayli th[scope="row"] { box-shadow: inset 3px 0 0 var(--fa-mavi); }
.ddg-ara { display: block; font-size: .68rem; font-weight: 700; color: var(--fa-amber); text-transform: uppercase; letter-spacing: .04em; }
.ddg-ifade { display: block; font-size: .7rem; white-space: normal; text-align: right; }
.ddg-ifade--kirmizi { color: var(--fa-kirmizi); font-weight: 650; } .ddg-ifade--sari { color: var(--fa-amber); font-weight: 650; }
.ddg-ifade--yesil { color: var(--fa-yesil); } .ddg-ifade--mavi { color: var(--fa-mavi); } .ddg-ifade--gri { color: var(--fa-gri); }
.ddg-okunamadi { display: inline-block; font-size: .72rem; color: var(--fa-gri); border: 1px dashed #98a2b3; border-radius: 4px; padding: 0 .3rem; }
.ddg-kaynak-satir { display: block; font-size: .72rem; color: var(--fa-metin-2); margin-top: .15rem; }
.ddg-kaynak-satir a { color: var(--fa-mavi); text-decoration: none; }
.ddg-kaynak-satir a:hover { text-decoration: underline; }
.ddg-gecmis { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
.ddg-gecmis > li { border: 1px solid var(--fa-cizgi-ince); border-radius: 10px; padding: .6rem .8rem; }
.ddg-gecmis .ust { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; justify-content: space-between; }
.ddg-gecmis .ne { font-size: .8rem; color: var(--fa-metin-2); margin: .15rem 0 .35rem; font-variant-numeric: tabular-nums; }
.ddg-adimlar { list-style: none; margin: 0; padding: 0 0 0 .9rem; border-left: 2px solid var(--fa-cizgi-ince); font-size: .78rem; }
.ddg-adimlar li { position: relative; padding: .15rem 0 .3rem; }
.ddg-adimlar li::before { content: ""; position: absolute; left: -1.24rem; top: .5rem; width: .5rem; height: .5rem; border-radius: 50%;
  background: #fff; border: 2px solid var(--fa-mavi); }
.ddg-adimlar time { color: var(--fa-metin-3); font-variant-numeric: tabular-nums; }
.ddg-adimlar .not { color: var(--fa-metin-2); white-space: pre-line; overflow-wrap: anywhere; }
@media (max-width: 1399.98px) {                   /* dar sütunda yükleme düğmesi metnin altına iner */
  .ddg-veri li { grid-template-columns: 8.6rem minmax(0, 1fr); }
  .ddg-veri .fa-dugme { grid-column: 2; justify-self: start; }
}
@media (max-width: 1199.98px) {                   /* 1024: veri hazırlığı ve çalışmalar alt alta */
  .ddg-iki { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 991.98px) {
  .ddg-ozet { grid-template-columns: minmax(0, 1fr); }
  .dd-asamalar--dort { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  .ddg-veri li, .ddg-cal li { grid-template-columns: auto minmax(0, 1fr); gap: .25rem .5rem; }
  .ddg-veri .fa-dugme { grid-column: 1 / -1; justify-self: start; min-height: 44px; }
  .ddg-cal .kim { grid-column: 2; }
  .ddg-tablo thead { display: none; }
  .ddg-tablo, .ddg-tablo tbody, .ddg-tablo tr, .ddg-tablo th, .ddg-tablo td { display: block; width: 100%; }
  .ddg-tablo tr.ddg-satir { border: 1px solid var(--fa-cizgi-ince); border-radius: 10px; margin-bottom: .5rem; padding: .3rem .1rem; }
  .ddg-tablo tr.ddg-satir th[scope="row"] { min-width: 0; border-bottom: 0; box-shadow: none; }
  .ddg-satir--bas { border-left: 4px solid var(--fa-kirmizi) !important; }
  .ddg-satir--suruyor, .ddg-satir--degisti { border-left: 4px solid var(--fa-amber) !important; }
  .ddg-satir--onayli { border-left: 4px solid var(--fa-mavi) !important; }
  .ddg-tablo td { border-bottom: 0; padding: .15rem .55rem; display: flex; justify-content: space-between; gap: .6rem; }
  .ddg-tablo td.sayi::before, .ddg-tablo td[data-etiket="Durum"]::before { content: attr(data-etiket); font-size: .72rem; color: var(--fa-metin-3); text-align: left; }
  .ddg-tablo td[data-etiket="Durum"] { flex-direction: column; align-items: flex-start; }
  .ddg-tablo--iki td:nth-child(2) { border-right: 0; background: transparent; }
  .ddg-tablo tr.bolum th { padding: .4rem .2rem; }
  .ddg-tablo .sayi { white-space: normal; flex-wrap: wrap; align-items: baseline; }
  .ddg-tablo .sayi .ddg-ifade, .ddg-tablo .sayi .ddg-ara { flex-basis: 100%; }
  .dd-asamalar--dort { grid-template-columns: minmax(0, 1fr); }
  .dd-donus .fa-dugme { min-height: 44px; }
}

/* =====================================================================================================
   Benim panom (ekran yenileme 4): şirket × alan matrisi, 14 günlük tarih şeridi. Hücre = alanın en kötü durumu.
   ===================================================================================================== */
.bp-grup { display: inline-flex; align-items: center; gap: .4rem; font-size: .8rem; color: var(--fa-metin-2); }
.bp-grup select { min-height: 36px; border: 1px solid var(--fa-gri-cizgi); border-radius: 8px; padding: .2rem .5rem; background: #fff; max-width: 14rem; }
.bp-not { font-size: .8rem; color: var(--fa-metin-2); margin: -.4rem 0 .8rem; }
.bp-bolum { margin-top: 1rem; }
.bp-anahtar { list-style: none; display: flex; flex-wrap: wrap; gap: .35rem .5rem; margin: .1rem 0 .7rem; padding: 0; }
.bp-anahtar .fa-durum { font-size: .7rem; }
.bp-matris { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .8rem; }
.bp-matris thead th { font-size: .7rem; font-weight: 700; color: var(--fa-metin-2); text-align: left; padding: .35rem .3rem; border-bottom: 1px solid var(--fa-cizgi-ince); white-space: nowrap; }
.bp-matris tbody th, .bp-matris td { padding: .4rem .3rem; border-bottom: 1px solid var(--fa-cizgi-ince); vertical-align: middle; }
.bp-matris tbody tr:hover > * { background: #f8fafc; }
.bp-sirket { text-align: left; font-weight: 400; min-width: 10rem; }
.bp-sirket small { display: block; font-size: .7rem; color: var(--fa-metin-3); line-height: 1.3; }
.bp-sirket-ad { all: unset; cursor: pointer; font-weight: 700; color: var(--fa-lacivert); font-size: .85rem; }
.bp-sirket-ad:hover { text-decoration: underline; }
.bp-hucre { cursor: pointer; width: 100%; min-height: 32px; justify-content: flex-start; border-radius: 8px; font: inherit; font-size: .74rem; font-weight: 600; white-space: nowrap; }
.bp-hucre:hover { filter: brightness(.96); box-shadow: inset 0 0 0 1px currentColor; }
.bp-sonraki { min-width: 14rem; }
.bp-sonraki .baslik { display: block; font-weight: 600; line-height: 1.3; }
.bp-sonraki .baslik small { font-weight: 400; color: var(--fa-metin-3); }
.bp-sonraki .ayrinti { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .5rem; font-size: .72rem; color: var(--fa-metin-2); margin: .2rem 0 .3rem; }
.bp-sonraki .ayrinti em { color: var(--fa-amber); font-style: normal; }
.bp-sonraki .fa-dugme { min-height: 32px; font-size: .74rem; padding: .2rem .6rem; }
.bp-yontem { font-size: .78rem; color: var(--fa-metin-2); margin-top: .7rem; }
.bp-yontem summary { cursor: pointer; font-weight: 600; min-height: 32px; display: inline-flex; align-items: center; }
.bp-yontem ul { margin: .2rem 0 0; padding-left: 1.1rem; }

.bp-serit { display: grid; grid-template-columns: repeat(15, minmax(0, 1fr)); gap: .3rem; }
.bp-gun { display: flex; flex-direction: column; align-items: center; gap: .1rem; padding: .35rem .15rem; min-height: 44px; background: #fff;
  border: 1px solid var(--fa-cizgi-ince); border-radius: 10px; font: inherit; color: var(--fa-metin); cursor: pointer; }
.bp-gun .ad { font-size: .74rem; font-weight: 700; }
.bp-gun .alt { font-size: .64rem; color: var(--fa-metin-3); }
.bp-gun .cubuk { display: flex; align-items: flex-end; width: 10px; height: 34px; margin: .15rem 0; background: var(--fa-gri-acik); border-radius: 4px; overflow: hidden; }
.bp-gun .cubuk > span { display: block; width: 100%; border-radius: 4px 4px 0 0; background: var(--fa-gri); }
.bp-gun b { font-size: .9rem; font-variant-numeric: tabular-nums; }
.bp-gun--hata .cubuk > span { background: var(--fa-kirmizi); }
.bp-gun--hata b { color: var(--fa-kirmizi); }
.bp-gun--dikkat .cubuk > span { background: var(--fa-amber); }
.bp-gun--hs { background: #fafbfc; }
.bp-gun--bos b { color: var(--fa-metin-3); font-weight: 500; }
.bp-gun[aria-selected="true"] { border-color: var(--fa-mavi); box-shadow: inset 0 0 0 1px var(--fa-mavi); background: var(--fa-mavi-acik); }
.bp-gun-liste { margin-top: .7rem; }
.bp-gun-liste h3 { font-size: .82rem; font-weight: 700; margin: 0 0 .4rem; }
.bp-gun-liste ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.bp-gun-liste li { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr) auto; gap: .6rem; align-items: center; padding: .4rem 0; border-bottom: 1px solid var(--fa-cizgi-ince); font-size: .8rem; }
.bp-gun-liste li .sirket { font-weight: 700; color: var(--fa-lacivert); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bp-gun-liste li .metin small { display: block; font-size: .72rem; color: var(--fa-metin-3); }
.bp-gun-liste li form { margin: 0; }
.bp-gun-liste .fa-dugme { min-height: 32px; font-size: .74rem; padding: .2rem .6rem; }
.bp-devam > summary { cursor: pointer; font-size: .8rem; font-weight: 600; color: var(--fa-mavi); min-height: 40px; display: flex; align-items: center; }
.bp-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
.bp a:focus-visible, .bp button:focus-visible, .bp select:focus-visible { outline: 2px solid var(--fa-mavi); outline-offset: 2px; }

@media (max-width: 1199.98px) {
  .bp-iki { grid-template-columns: 1fr; }
}
@media (max-width: 1279.98px) {
  /* Matris karta dönüşür: şirket başlığı, altında alan hücreleri (etiketli), en altta sıradaki iş. Tablo (8 sütun) 1280 px
     altında sığmıyordu (1024 px'te sayfa yatay taşıyordu). */
  .bp-matris, .bp-matris tbody, .bp-matris tr, .bp-matris th, .bp-matris td { display: block; }
  .bp-matris thead { display: none; }
  .bp-matris tbody tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem; padding: .7rem 0; border-bottom: 1px solid var(--fa-cizgi-ince); }
  .bp-matris tbody tr:hover > * { background: none; }
  .bp-matris tbody th, .bp-matris td { border: 0; padding: 0; min-width: 0; }
  .bp-matris .bp-sirket, .bp-matris .bp-sonraki { grid-column: 1 / -1; }
  .bp-matris td[data-ad]::before { content: attr(data-ad); display: block; font-size: .64rem; font-weight: 600; color: var(--fa-metin-3); margin-bottom: .1rem; }
  .bp-hucre { min-height: 44px; white-space: normal; text-align: left; }
  .bp-sonraki .fa-dugme, .bp-gun-liste .fa-dugme, .bp-sirket-ad { min-height: 44px; display: inline-flex; align-items: center; }
}
@media (min-width: 768px) and (max-width: 1279.98px) {
  .bp-matris tbody tr { grid-template-columns: repeat(6, minmax(0, 1fr)); }   /* geniş kartta altı alan tek sırada */
}
@media (max-width: 991.98px) {
  .bp-serit { grid-template-columns: repeat(8, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  .bp-matris tbody tr { gap: .3rem .25rem; }
  .bp-hucre { min-height: 44px; font-size: .7rem; padding: .15rem .35rem; }
  .bp-serit { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .bp-gun-liste li { grid-template-columns: minmax(0, 1fr) auto; }
  .bp-gun-liste li .sirket { grid-column: 1 / -1; }
  .bp-grup select { max-width: 9rem; }
}

/* =====================================================================================================
   Grup panosu · Genel bakış (ekran yenileme 5): şirket kıyası (sütun içi çubuk), durum matrisi (Benim panom),
   grup içi çiftler, 60 günlük yükümlülük şeridi. Toplam eliminasyon öncesidir; eksik çubuk çizmez.
   ===================================================================================================== */
.gp-bolum { margin-top: 1rem; min-width: 0; }
.gp > * { min-width: 0; }
.gp-kiyas-kutu { overflow-x: auto; max-width: 100%; }
.gp-kiyas { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .8rem; }
.gp-kiyas thead th { font-size: .72rem; font-weight: 700; color: var(--fa-metin-2); text-align: left; vertical-align: bottom; padding: .35rem .5rem; border-bottom: 1px solid var(--fa-cizgi-ince); min-width: 8.5rem; }
.gp-kiyas thead th small, .gp-kiyas tfoot th small { display: block; font-weight: 500; font-size: .66rem; color: var(--fa-metin-3); }
.gp-kiyas thead th:first-child { min-width: 7rem; }
.gp-kiyas tbody th, .gp-kiyas td { padding: .45rem .5rem; border-bottom: 1px solid var(--fa-cizgi-ince); vertical-align: middle; text-align: left; }
.gp-kiyas tbody th { font-weight: 400; white-space: nowrap; }
.gp-kiyas tfoot th, .gp-kiyas tfoot td { padding: .5rem; border-top: 2px solid var(--fa-cizgi-ince); background: #f8fafc; font-size: .78rem; }
.gp-kiyas tfoot th { text-align: left; }
.gp-sirket { all: unset; cursor: pointer; font-weight: 700; color: var(--fa-lacivert); min-height: 32px; display: inline-flex; align-items: center; }
.gp-sirket:hover { text-decoration: underline; }
.gp-deger { display: block; font-weight: 600; font-variant-numeric: tabular-nums; }
.gp-deger--eksi { color: var(--fa-amber); }
.gp-cubuk { display: block; height: 6px; margin-top: .25rem; background: var(--fa-gri-acik); border-radius: 3px; overflow: hidden; }
.gp-cubuk > span { display: block; height: 100%; border-radius: 3px; }
.gp-cubuk--deger { background: var(--fa-mavi); }
.gp-cubuk--borc { background: #8a96a8; }
.gp-cubuk--eksi { background: var(--fa-amber); }
.gp-eksik { display: inline-block; padding: .1rem .45rem; border: 1px solid var(--fa-gri-cizgi); border-radius: 999px; background: var(--fa-tarama); color: var(--fa-gri); font-size: .7rem; font-weight: 600; }
.gp-yok { color: var(--fa-metin-3); font-size: .74rem; }
.gp-kapsam { display: block; font-size: .68rem; color: var(--fa-amber); font-weight: 600; }
.gp-not { font-size: .74rem; color: var(--fa-metin-3); margin: .6rem 0 0; }
.gp-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
.gp-ciftler { list-style: none; margin: 0; padding: 0; }
.gp-ciftler li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .3rem .6rem; padding: .5rem 0; border-bottom: 1px solid var(--fa-cizgi-ince); font-size: .8rem; }
.gp-ciftler .taraflar small { display: block; font-size: .72rem; color: var(--fa-metin-3); }
.gp-ciftler .durum { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; }
.gp-ciftler .durum small { font-size: .68rem; color: var(--fa-metin-3); flex-basis: 100%; text-align: right; }
.gp-konular .taraflar { min-width: 0; flex: 1 1 16rem; overflow-wrap: anywhere; }
.gp-konular .taraflar > a, .gp-konular .taraflar > button { display: flex; align-items: center; width: 100%; padding: .2rem 0; min-height: 44px; color: var(--fa-mavi); font-weight: 600; text-decoration: none; }
.gp-konular li { min-height: 44px; padding-right: .75rem; }
.gp-konular .durum { justify-content: flex-end; max-width: 100%; }
.gp-konu-sorumlu { font-size: .72rem; color: var(--fa-metin-3); }
.gp-konu-dugme { background: none; border: 0; font: inherit; color: var(--fa-mavi); font-weight: 600; text-align: left; cursor: pointer; overflow-wrap: anywhere; }
.gp-konu-dugme:hover, .gp-konu-dugme:focus-visible { text-decoration: underline; }
.gp-serit { display: flex; flex-direction: column; font-size: .78rem; }
.gp-serit-olcek, .gp-serit-satir { display: grid; grid-template-columns: minmax(0, 16rem) 7rem minmax(0, 1fr); gap: .75rem; align-items: center; }
.gp-serit-olcek { font-size: .66rem; color: var(--fa-metin-3); padding-bottom: .3rem; border-bottom: 1px solid var(--fa-cizgi-ince); }
.gp-serit-olcek .gec { grid-column: 2; }
.gp-serit-olcek .iz { position: relative; height: 1rem; }
.gp-serit-olcek .iz span { position: absolute; transform: translateX(-50%); white-space: nowrap; }
.gp-serit-olcek .iz span:first-child { transform: none; }
.gp-serit-olcek .iz span:last-child { transform: translateX(-100%); }
.gp-serit-satir { padding: .35rem 0; border-bottom: 1px solid var(--fa-cizgi-ince); min-height: 44px; }
.gp-serit-satir .ad b { display: block; font-weight: 600; line-height: 1.25; }
.gp-serit-satir .ad small { display: block; font-size: .68rem; color: var(--fa-metin-3); }
.gp-serit-satir .gec { display: flex; align-items: center; }
.gp-serit-olcek .iz, .gp-serit-satir .iz { margin-right: 22px; }   /* 60. gündeki kümenin 44 px alanı satırdan taşmasın */
.gp-serit-satir .iz { position: relative; height: 44px; background: linear-gradient(var(--fa-cizgi-ince), var(--fa-cizgi-ince)) center / 100% 1px no-repeat; }
.gp-serit-satir .iz > .gp-kume { position: absolute; left: var(--x, var(--sol)); top: 50%; transform: translate(-50%, -50%); }
.gp-kume--sag .gp-kume-liste { left: auto; right: 50%; transform: none; }   /* sağ kenarı noktanın merkezinde: şerit dışına taşmaz */
.gp-kume--sola .gp-kume-liste { left: 0; transform: none; }
/* Küme: görsel nokta küçük, dokunma / tıklama alanı en az 44 px; birden çok kayıt sayılı ve açılır liste. */
a.gp-kume, .gp-kume > summary { display: inline-flex; align-items: center; justify-content: center; gap: .3rem; min-width: 44px; min-height: 44px;
  cursor: pointer; list-style: none; color: var(--fa-metin); text-decoration: none; }
.gp-kume > summary::-webkit-details-marker { display: none; }
.gp-kume-nokta { display: inline-flex; align-items: center; justify-content: center; min-width: 14px; height: 14px; border-radius: 999px;
  border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .15); font-size: .62rem; font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; }
details.gp-kume .gp-kume-nokta { min-width: 20px; height: 20px; padding: 0 4px; }
.gp-kume--hata .gp-kume-nokta { background: var(--fa-kirmizi); }
.gp-kume--dikkat .gp-kume-nokta { background: var(--fa-amber); }
.gp-kume--suruyor .gp-kume-nokta { background: var(--fa-mavi); }
.iz .gp-kume-etiket { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.gp-kume[open] { z-index: 20; }
.gp-kume-liste { position: absolute; z-index: 20; top: calc(100% - 4px); left: 50%; transform: translateX(-50%); min-width: 15rem; margin: 0; padding: .3rem;
  list-style: none; background: #fff; border: 1px solid var(--fa-cizgi-ince); border-radius: 10px; box-shadow: 0 8px 24px rgba(16, 24, 40, .14); }
.gp-kume-liste a { display: flex; flex-direction: column; justify-content: center; min-height: 44px; padding: .2rem .55rem; border-radius: 6px; color: var(--fa-metin); text-decoration: none; font-size: .78rem; }
.gp-kume-liste a:hover { background: var(--fa-gri-acik); }
.gp-kume-liste small { font-size: .7rem; color: var(--fa-metin-3); }
.gp-kume--cip { position: relative; }
a.gp-kume--cip, .gp-kume--cip > summary { padding: 0 .6rem; border: 1px solid var(--fa-kirmizi-cizgi); border-radius: 999px; background: var(--fa-kirmizi-acik); color: var(--fa-kirmizi); font-size: .74rem; font-weight: 600; }
.gp-kume--cip .gp-kume-nokta { min-width: 0; height: auto; padding: 0; border: 0; box-shadow: none; background: none !important; color: inherit; font-size: .78rem; }
.gp-kume--cip .gp-kume-liste { left: 0; transform: none; }
.gp-kosul { display: block; margin-top: .2rem; }
.gp-farkli { display: inline-flex; margin-top: .25rem; font-size: .64rem; white-space: nowrap; }
.gp-donem { display: block; margin-top: .15rem; font-size: .66rem; color: var(--fa-metin-3); }
.gp-kume a:focus-visible, .gp-kume > summary:focus-visible, a.gp-kume:focus-visible, .gp-sirket:focus-visible { outline: 2px solid var(--fa-mavi); outline-offset: 2px; }
.gp .bp-anahtar { margin-top: .6rem; }
@media (max-width: 1199.98px) { .gp-iki { grid-template-columns: 1fr; } }
@media (max-width: 1099.98px) {
  /* Kıyas tablosu şirket kartına dönüşür: şirket adı, altında etiketli ölçüler (iki sütun; dar masaüstü ve tablet dahil — tablo sığmaz). */
  .gp-kiyas, .gp-kiyas tbody, .gp-kiyas tfoot, .gp-kiyas tr, .gp-kiyas th, .gp-kiyas td { display: block; }
  .gp-kiyas thead { display: none; }
  .gp-kiyas tbody tr, .gp-kiyas tfoot tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem .8rem; padding: .6rem 0; border-bottom: 1px solid var(--fa-cizgi-ince); }
  .gp-kiyas tbody th, .gp-kiyas tfoot th { grid-column: 1 / -1; border: 0; padding: 0; background: none; }
  .gp-kiyas td, .gp-kiyas tfoot td { border: 0; padding: 0; background: none; }
  .gp-kiyas td[data-ad]::before { content: attr(data-ad); display: block; font-size: .64rem; font-weight: 600; color: var(--fa-metin-3); margin-bottom: .1rem; }
@media (min-width: 768px) and (max-width: 1099.98px) {
  .gp-kiyas tbody tr, .gp-kiyas tfoot tr { grid-template-columns: repeat(5, minmax(0, 1fr)); }   /* beş ölçü tek sırada */
}
}
@media (max-width: 767.98px) {
  .gp-sirket { min-height: 44px; }
  .gp-serit-olcek, .gp-serit-satir { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
  .gp-serit-olcek .gec, .gp-serit-satir .gec { grid-column: 1; }
  .gp-serit-satir .ad { grid-column: 1 / -1; }
  /* Telefonda şerit tarih çiplerine dönüşür (konum yerine tarih yazar); dokunma alanı 44 px. */
  .gp-serit-olcek { display: none; }
  .gp-serit-satir .iz { position: static; height: auto; display: flex; flex-wrap: wrap; gap: .3rem; background: none; }
  .gp-serit-satir .iz > .gp-kume { position: static; transform: none; }
  .iz a.gp-kume, .iz .gp-kume > summary { padding: 0 .6rem; border: 1px solid var(--fa-cizgi-ince); border-radius: 999px; background: #fff; font-size: .74rem; font-weight: 600; }
  .iz .gp-kume-etiket { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .gp-kume-liste { position: static; transform: none; min-width: 0; width: 100%; margin-top: .2rem; box-shadow: none; }
  .gp-serit-satir .iz > details.gp-kume[open] { flex-basis: 100%; }
  .gp-serit-olcek .bos { display: none; }
}

/* =====================================================================================================
   Finansal genel bakış (ekran yenileme 6): kâr ve nakit köprüleri (tb-adim yeniden kullanılır).
   Turkuaz lehte / giriş, turuncu aleyhte / çıkış, taralı değerleme / nakit dışı, kesik çerçeve açıklanamayan.
   ===================================================================================================== */
.fg-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.fg-iki > .tb-kopru { margin: 0; min-width: 0; }
.fg .tb-adim { grid-template-columns: minmax(120px, 210px) minmax(0, 1fr) 92px 64px; }
.fg-adim.lehte .cubuk { background: var(--fa-turkuaz); }
.fg-adim.aleyhte .cubuk { background: #c2410c; }
.fg-adim.degerleme .cubuk { background: repeating-linear-gradient(45deg, #8a94a6 0 3px, #fff 3px 6px); border: 1px solid #8a94a6; }
.fg-adim .kaynak a { min-height: 32px; display: inline-flex; align-items: center; }
.fg-adim .ad > a { color: inherit; text-decoration: underline; text-decoration-color: #c3cbd8; text-underline-offset: 3px; }
.fg-adim .ad > a:hover { text-decoration-color: currentColor; }
.fg-tutar { color: var(--fa-amber); font-variant-numeric: tabular-nums; white-space: nowrap; }
.fg-bolum { margin-top: 1rem; }
.fg-fark--iyi { color: #9be7df; }
.fg-fark--kotu { color: #fdba8c; }
.fg-gostergeler .fg-fark--iyi, .fg-konu .fg-fark--iyi { color: var(--fa-turkuaz); }
.fg-gostergeler .fg-fark--kotu, .fg-konu .fg-fark--kotu { color: #c2410c; }
.fg-gostergeler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.fg-gostergeler a { display: flex; flex-direction: column; gap: .15rem; padding: .6rem .75rem; border: 1px solid var(--fa-cizgi-ince); border-radius: 10px; color: var(--fa-metin); text-decoration: none; min-height: 44px; }
.fg-gostergeler a:hover { border-color: #aab4c3; }
.fg-gostergeler .ad { font-size: .76rem; font-weight: 700; color: var(--fa-metin-2); }
.fg-gostergeler b { font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.fg-gostergeler small { font-size: .72rem; color: var(--fa-metin-3); }
.fg-gostergeler small.kapsam { font-size: .66rem; }
.fg-konular { list-style: none; margin: 0; padding: 0; }
.fg-konu { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .4rem .8rem; align-items: start; padding: .6rem 0; border-bottom: 1px solid var(--fa-cizgi-ince); font-size: .8rem; }
.fg-konu .metin small { display: block; font-size: .74rem; color: var(--fa-metin-2); margin-top: .1rem; }
.fg-konu .metin small.dayanak { color: var(--fa-metin-3); font-size: .7rem; }
.fg-konu .etki { display: flex; flex-direction: column; align-items: flex-end; gap: .3rem; }
.fg-konu .etki b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.fg-konu .fa-dugme { min-height: 36px; font-size: .74rem; padding: .2rem .6rem; }
.fg-devam > summary { cursor: pointer; font-size: .8rem; font-weight: 600; color: var(--fa-mavi); min-height: 40px; display: flex; align-items: center; }
@media (max-width: 1199.98px) { .fg-iki { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 1279.98px) {
  /* Dar masaüstü / tablet: özet metni ve uyarı tam genişlikte, dört sayı altında iki sütunda (yalnız finansal ekran). */
  .fg .tb-ozet { grid-template-columns: minmax(0, 1fr); }
  .fg .ddg-sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .fg .tb-adim { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "ad tutar" "iz iz"; row-gap: .25rem; }
  .fg .tb-adim .kaynak { display: none; }                 /* telefonda bağlantı adın kendisi; ayrı satır yok */
  .fg-adim .ad > a { display: inline-flex; align-items: center; min-height: 44px; }
  .fg-gostergeler { grid-template-columns: minmax(0, 1fr); }
  .fg-konu { grid-template-columns: minmax(0, 1fr); }
  .fg-konu .etki { flex-direction: row; justify-content: space-between; align-items: center; }
  .fg-konu .fa-dugme { min-height: 44px; }
}

/* =====================================================================================================
   Yükümlülükler · zaman çizelgesi (ekran yenileme 7): bugünden 60 gün; son gün dolu daire, ödeme kare, iç hedef boş
   baklava; hazırlık penceresi bant. Telefonda tarih çiplerine dönüşür (44 px).
   ===================================================================================================== */
.yk2-iki { display: grid; grid-template-columns: minmax(0, 1fr) 20rem; gap: 1rem; margin-top: 1rem; align-items: start; }
.yk2-bolum { margin: 0 0 1rem; min-width: 0; }
.yk2-yan { min-width: 0; }
.yk2-anahtar { list-style: none; display: flex; flex-wrap: wrap; gap: .3rem .8rem; margin: .1rem 0 .7rem; padding: 0; font-size: .72rem; color: var(--fa-metin-2); align-items: center; }
.yk2-anahtar li { display: inline-flex; align-items: center; gap: .3rem; }
.yk2-anahtar .fa-durum { font-size: .68rem; }
.yk2-im { display: inline-block; width: 12px; height: 12px; flex: none; }
.yk2-im--beyan { border-radius: 50%; background: var(--fa-lacivert); }
.yk2-im--odeme { border-radius: 2px; background: var(--fa-lacivert); }
.yk2-im--hedef { transform: rotate(45deg) scale(.8); border: 2px solid var(--fa-lacivert); background: #fff; }
.yk2-cz { display: flex; flex-direction: column; font-size: .78rem; }
.yk2-olcek, .yk2-satir { display: grid; grid-template-columns: minmax(0, 19rem) 7.5rem minmax(0, 1fr); gap: .75rem; align-items: center; }
.yk2-olcek { font-size: .66rem; color: var(--fa-metin-3); padding-bottom: .3rem; border-bottom: 1px solid var(--fa-cizgi-ince); }
.yk2-olcek .iz { position: relative; height: 1rem; margin-right: 14px; }
.yk2-olcek .iz span { position: absolute; transform: translateX(-50%); white-space: nowrap; }
.yk2-olcek .iz span:first-child { transform: none; }
.yk2-olcek .iz span:last-child { transform: translateX(-100%); }
.yk2-satir { padding: .45rem 0; border-bottom: 1px solid var(--fa-cizgi-ince); }
.yk2-satir .ad { min-width: 0; display: flex; flex-direction: column; gap: .15rem; }
.yk2-satir .ad > a { color: var(--fa-metin); text-decoration: none; }
.yk2-satir .ad > a:hover b { text-decoration: underline; }
.yk2-satir .ad > a span { color: var(--fa-metin-2); }
.yk2-satir .kim, .yk2-satir .alt { font-size: .7rem; color: var(--fa-metin-3); }
.yk2-satir .cipler { display: flex; flex-wrap: wrap; gap: .2rem; }
.yk2-satir .cipler .fa-durum { font-size: .66rem; white-space: normal; }
.yk2-satir .gec { display: flex; flex-wrap: wrap; gap: .2rem; }
.yk2-gec { font-size: .68rem; text-decoration: none; min-height: 28px; }
.yk2-satir .iz { position: relative; height: 32px; margin-right: 14px; background: linear-gradient(var(--fa-cizgi-ince), var(--fa-cizgi-ince)) center / 100% 1px no-repeat; }
.yk2-satir--kat .iz { height: var(--iz-y, 64px); }             /* yakın işaretler dikey sıralarda (tarih değişmez) */
.yk2-pencere { position: absolute; top: 50%; height: 10px; transform: translateY(-50%); background: var(--fa-mavi-acik); border: 1px solid #c7d6f5; border-radius: 5px; }
.yk2-isaret { position: absolute; left: var(--sol); top: calc(50% + var(--y, 0px)); transform: translate(-50%, -50%); display: inline-flex; align-items: center; justify-content: center;
  min-width: 28px; min-height: 28px; text-decoration: none; color: var(--fa-metin); }
.yk2-isaret .yk2-im { box-shadow: 0 0 0 2px #fff; }
.yk2-isaret--hata .yk2-im--beyan, .yk2-isaret--hata .yk2-im--odeme { background: var(--fa-kirmizi); }
.yk2-isaret--dikkat .yk2-im--beyan, .yk2-isaret--dikkat .yk2-im--odeme { background: var(--fa-amber); }
.yk2-isaret--suruyor .yk2-im--beyan, .yk2-isaret--suruyor .yk2-im--odeme { background: var(--fa-mavi); }
.yk2-isaret--tamam .yk2-im--beyan, .yk2-isaret--tamam .yk2-im--odeme { background: var(--fa-yesil); }
.yk2-isaret--hata .yk2-im--hedef { border-color: var(--fa-kirmizi); }
.yk2-isaret .et { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.yk2-isaret:focus-visible, .yk2-gec:focus-visible { outline: 2px solid var(--fa-mavi); outline-offset: 2px; }
.yk2-not { font-size: .72rem; color: var(--fa-metin-3); margin: .6rem 0 0; }
.yk2-hafta, .yk2-sorumlu { list-style: none; margin: 0; padding: 0; }
.yk2-hafta li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .5rem; align-items: start; padding: .4rem 0; border-bottom: 1px solid var(--fa-cizgi-ince); font-size: .78rem; }
.yk2-hafta a { color: var(--fa-metin); text-decoration: none; display: flex; flex-direction: column; min-height: 32px; justify-content: center; }
.yk2-hafta a small { font-size: .7rem; color: var(--fa-metin-3); }
.yk2-hafta .fa-durum { font-size: .66rem; }
.yk2-sorumlu li { display: flex; flex-wrap: wrap; gap: .3rem .6rem; align-items: center; padding: .35rem 0; border-bottom: 1px solid var(--fa-cizgi-ince); font-size: .78rem; }
.yk2-sorumlu li > span:first-child { flex: 1; min-width: 0; }
.yk2-sorumlu .fa-durum { font-size: .66rem; }
@media (max-width: 1279.98px) {
  .yk2-iki { grid-template-columns: minmax(0, 1fr); }
  .yk2 .tb-ozet { grid-template-columns: minmax(0, 1fr); }
  .yk2 .ddg-sayilar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .yk2-yan { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
}
@media (max-width: 767.98px) {
  .yk2 .ddg-sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yk2-yan { grid-template-columns: minmax(0, 1fr); }
  .yk2-olcek { display: none; }
  .yk2-satir { grid-template-columns: minmax(0, 1fr); gap: .35rem; }
  .yk2-satir .gec:empty { display: none; }
  .yk2-satir .iz { position: static; height: auto; margin: 0; display: flex; flex-wrap: wrap; gap: .3rem; background: none; }
  .yk2-pencere { display: none; }
  .yk2-isaret { position: static; transform: none; min-height: 44px; padding: 0 .6rem; gap: .35rem; border: 1px solid var(--fa-cizgi-ince); border-radius: 999px; background: #fff; font-size: .74rem; font-weight: 600; }
  .yk2-isaret .et { position: static; width: auto; height: auto; overflow: visible; clip: auto; }
  .yk2-gec { min-height: 44px; }
  .yk2-hafta a { min-height: 44px; }
}

/* =====================================================================================================
   Ön tespit (ekran yenileme 8): alan × öncelik dağılımı, alan → kontrol → bulgu listesi, seçili bulgu yan paneli.
   Seçili satır vurgulu; dar ekranda ayrıntı satırın hemen altında, sol kenar çizgisiyle bağlı (09.11 notu 2).
   ===================================================================================================== */
.ot2-bolum { margin-top: 1rem; min-width: 0; }
.ot2-tur { display: flex; gap: .3rem; margin-top: 1rem; border-bottom: 1px solid var(--fa-cizgi-ince); }
.ot2-dag { border-collapse: separate; border-spacing: 4px; font-size: .8rem; }
.ot2-dag thead th { font-size: .7rem; font-weight: 700; color: var(--fa-metin-2); text-align: center; padding: 0 .3rem; }
.ot2-dag thead th:first-child { text-align: left; }
.ot2-dag tbody th, .ot2-dag tfoot th { font-weight: 600; text-align: left; padding-right: .8rem; white-space: nowrap; }
.ot2-dag tbody th a { color: var(--fa-metin); text-decoration: none; }
.ot2-dag tbody th a:hover { text-decoration: underline; }
.ot2-dag td { text-align: center; min-width: 4.2rem; }
.ot2-dag td.toplam, .ot2-dag tfoot td { font-weight: 700; font-variant-numeric: tabular-nums; color: var(--fa-metin-2); }
.ot2-dag tr.secili th a { color: var(--fa-mavi); }
.ot2-hucre { display: flex; align-items: center; justify-content: center; min-height: 40px; border-radius: 8px; font-weight: 700;
  text-decoration: none; font-variant-numeric: tabular-nums; color: var(--fa-metin); border: 1px solid transparent; }
.ot2-hucre--yuksek { background: rgba(194, 39, 27, var(--yogun)); color: #6b120c; }
.ot2-hucre--yuksek.koyu { color: #fff; }
.ot2-hucre--orta { background: rgba(217, 119, 6, var(--yogun)); }
.ot2-hucre--dusuk { background: rgba(138, 148, 166, var(--yogun)); }
.ot2-hucre.secili { outline: 2px solid var(--fa-mavi); outline-offset: 1px; }
.ot2-sifir { color: var(--fa-metin-3); }
.ot2-iki { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 26rem); gap: 1rem; align-items: start; }
.ot2-panel { position: sticky; top: 76px; max-height: calc(100vh - 92px); overflow: auto; }
.ot2-arac { margin-bottom: .6rem; font-size: .78rem; }
.ot2-arac > summary { cursor: pointer; font-weight: 600; color: var(--fa-mavi); min-height: 36px; display: flex; align-items: center; }
.ot2-suzgec, .ot2-toplu { display: flex; flex-wrap: wrap; gap: .4rem .6rem; align-items: flex-end; padding: .5rem 0; border-top: 1px solid var(--fa-cizgi-ince); }
.ot2-suzgec label { display: flex; flex-direction: column; gap: .15rem; font-size: .7rem; color: var(--fa-metin-2); }
.ot2-suzgec label.onay { flex-direction: row; align-items: center; gap: .3rem; }
.ot2-suzgec select, .ot2-suzgec input:not([type=checkbox]), .ot2-toplu select, .ot2-toplu input { min-height: 36px; border: 1px solid var(--fa-gri-cizgi); border-radius: 8px; padding: .2rem .5rem; font-size: .78rem; background: #fff; max-width: 16rem; }
.ot2-alan + .ot2-alan { margin-top: .9rem; }
.ot2-alan-b { font-size: .82rem; font-weight: 700; margin: 0 0 .3rem; color: var(--fa-lacivert); }
.ot2-alan-b small { font-weight: 500; color: var(--fa-metin-3); font-size: .72rem; }
.ot2-kontrol { border: 1px solid var(--fa-cizgi-ince); border-radius: 10px; margin-bottom: .4rem; background: #fff; }
.ot2-kontrol > summary { display: flex; align-items: center; gap: .5rem; padding: .45rem .6rem; cursor: pointer; min-height: 44px; list-style: none; font-size: .8rem; }
.ot2-kontrol > summary::-webkit-details-marker { display: none; }
.ot2-kontrol > summary::before { content: "▸"; color: var(--fa-metin-3); font-size: .7rem; transition: transform var(--fa-gecis); }
.ot2-kontrol[open] > summary::before { transform: rotate(90deg); }
.ot2-kontrol > summary .ad { flex: 1; min-width: 0; font-weight: 600; }
.ot2-kontrol > summary .kod, .ot2-ay-ust .kod { font-size: .68rem; color: var(--fa-metin-3); font-weight: 500; font-family: var(--bs-font-monospace); }
.ot2-kontrol > summary .tutar { font-variant-numeric: tabular-nums; font-size: .76rem; color: var(--fa-metin-2); white-space: nowrap; }
.ot2-kontrol > summary .tutar small { font-size: .68rem; color: var(--fa-metin-3); font-weight: 400; }   /* "en büyük" */
.ot2-bulgular { list-style: none; margin: 0; padding: 0 .4rem .4rem; }
.ot2-satir { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .1rem .4rem; align-items: center; border-top: 1px solid var(--fa-cizgi-ince); }
.ot2-satir > input { margin: 0 0 0 .2rem; }
.ot2-satir:not(:has(> input)) { grid-template-columns: minmax(0, 1fr); }
.ot2-satir.pasif { opacity: .65; }
.ot2-ac { all: unset; box-sizing: border-box; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .5rem; align-items: center;
  width: 100%; min-height: 44px; padding: .35rem .4rem; cursor: pointer; border-radius: 8px; font-size: .78rem; }
.ot2-ac:hover { background: #f8fafc; }
.ot2-ac:focus-visible { outline: 2px solid var(--fa-mavi); outline-offset: 1px; }
.ot2-ac .oncelik { padding: .1rem .3rem; }
.ot2-ac .baslik small { display: block; font-size: .7rem; color: var(--fa-metin-3); }
.ot2-ac .tutar { font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }
.ot2-satir.secili .ot2-ac { background: var(--fa-secili-zemin); box-shadow: inset 3px 0 0 var(--fa-mavi); }
.ot2-ayrinti { grid-column: 1 / -1; margin: 0 0 .5rem .4rem; padding: .6rem .75rem; border-left: 3px solid var(--fa-mavi); background: var(--fa-secili-zemin); border-radius: 0 8px 8px 0; font-size: .8rem; }
.ot2-ay-ust { display: flex; flex-wrap: wrap; gap: .3rem; align-items: center; }
.ot2-ay-baslik { font-size: .92rem; font-weight: 700; margin: .4rem 0; }
.ot2-ay-tutar b { font-size: 1.1rem; font-variant-numeric: tabular-nums; }
.ot2-ay-tutar small { display: block; font-size: .68rem; color: var(--fa-metin-3); }
.ot2-ay-metin { margin: .5rem 0; font-size: .8rem; white-space: pre-line; }
.ot2-ay-blok { margin: .5rem 0; padding-top: .5rem; border-top: 1px solid var(--fa-cizgi-ince); font-size: .78rem; }
.ot2-ay-blok ul { margin: .2rem 0; padding-left: 1.1rem; }
.ot2-ay-alt { font-size: .74rem; color: var(--fa-metin-3); margin-top: .5rem; }
.ot2-ay-islem { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .6rem; }
.ot2-ay-islem .fa-dugme { min-height: 40px; }
.ot2-panel .ot2-panel-ic { font-size: .8rem; }
/* GPT 1. tur (11.11): etkin süzgeç çipleri, uzun kontrolde "Diğer N bulgu", bağlı bulgu listesi */
.ot2-etkin { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .5rem; margin: 0 0 .6rem; font-size: .74rem; }
.ot2-etkin .et { color: var(--fa-metin-3); font-weight: 600; }
.ot2-etkin .cip { padding: .1rem .5rem; border-radius: 999px; background: var(--fa-secili-zemin); color: var(--fa-lacivert); font-weight: 600; }
.ot2-etkin .fa-baglanti { display: inline-flex; align-items: center; min-height: 32px; }
.ot2-bulgular.kisa > .ot2-fazla { display: none; }
.ot2-diger { all: unset; box-sizing: border-box; display: flex; align-items: center; min-height: 40px; margin: 0 .4rem .4rem; padding: 0 .4rem;
  color: var(--fa-mavi); font-weight: 600; font-size: .76rem; cursor: pointer; border-radius: 8px; }
.ot2-diger:hover { background: #f8fafc; }
.ot2-diger:focus-visible { outline: 2px solid var(--fa-mavi); outline-offset: 1px; }
.ot2-bagli ul { list-style: none; padding-left: 0; }
.ot2-bagli li { padding: .3rem 0; border-top: 1px dashed var(--fa-cizgi-ince); }
.ot2-bagli li:first-child { border-top: 0; }
.ot2-bagli .text-secondary { font-size: .74rem; }
@media (max-width: 1279.98px) {                              /* 1024: özet cümlesi üstte tam genişlik, göstergeler altında */
  .ot2 .tb-ozet { grid-template-columns: minmax(0, 1fr); }
  .ot2 .ddg-sayilar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1199.98px) {
  .ot2-iki { grid-template-columns: minmax(0, 1fr); }
  .ot2-panel { display: none; }                           /* dar ekranda ayrıntı satırın altında */
}
@media (max-width: 767.98px) {
  .ot2-dag { width: 100%; border-spacing: 3px; }
  .ot2-dag td { min-width: 0; }
  .ot2-dag tbody th { white-space: normal; font-size: .74rem; }
  .ot2-ac { grid-template-columns: auto minmax(0, 1fr); }
  .ot2-ac .tutar { grid-column: 2; }
  .ot2-kontrol > summary { flex-wrap: wrap; }
  .ot2-kontrol > summary .ad { flex-basis: calc(100% - 9rem); }
  .ot2-kontrol > summary .tutar { flex-basis: 100%; text-align: right; }
  .ot2-ay-islem .fa-dugme, .ot2-hucre, .ot2-diger { min-height: 44px; }
  /* telefon: bulgulara daha çabuk inilsin — geri dönüş bağlantı, tarama düğmeleri sıkı, göstergeler 2 × 2 kısa */
  .ot2-donus .fa-dugme { background: none; border: 0; box-shadow: none; padding: 0; color: var(--fa-mavi); font-size: .8rem; }
  .ot2-tarama { gap: .3rem !important; }
  .ot2-tarama .fa-dugme { min-height: 44px; padding: 0 .7rem; font-size: .76rem; }
  .ot2-tarama .et { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .ot2-tarama #tarama-durum { flex-basis: 100%; order: 2; font-size: .72rem !important; }
  .ot2 .ddg-sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem; }
  .ot2 .ddg-sayilar > div { padding: .35rem .55rem; }
  .ot2 .ddg-sayilar b { font-size: 1.1rem; }
  .ot2 .ddg-sayilar small { display: none; }
  .ot2 .tb-cumle { font-size: 1.02rem; }
  .ot2-etkin .fa-baglanti { min-height: 44px; }
}

/* --- Çalışma konuları listesi (ck-) --- */
.ck-ozet { display: grid; grid-template-columns: repeat(4, minmax(0, 8rem)) minmax(0, 1fr); gap: .5rem; margin: 0 0 1rem; }
.ck-ozet > div { background: var(--fa-yuzey); border: 1px solid var(--fa-cizgi-ince); border-radius: 10px; padding: .5rem .75rem; min-width: 0; }
.ck-ozet dt { font-size: .72rem; font-weight: 600; color: var(--fa-metin-2); }
.ck-ozet dd { margin: 0; font-size: 1.35rem; font-weight: 700; line-height: 1.25; font-variant-numeric: tabular-nums; }
.ck-ozet dd a { color: inherit; text-decoration: none; display: inline-block; min-width: 2rem; }
.ck-ozet dd a:hover, .ck-ozet dd a:focus-visible { text-decoration: underline; }
.ck-ozet .ck-uyari { border-color: var(--fa-kirmizi-cizgi); background: var(--fa-kirmizi-acik); }
.ck-ozet .ck-uyari dd { color: var(--fa-kirmizi); }
.ck-ozet .ck-dagilim { display: flex; flex-wrap: wrap; gap: .25rem 1rem; font-size: .82rem; font-weight: 400; padding-top: .3rem; }
.ck-grup { margin-bottom: 1.25rem; }
.ck-grup-baslik { font-size: .95rem; font-weight: 700; margin: 0 0 .4rem; display: flex; align-items: center; gap: .4rem; }
.ck-sayi { font-size: .75rem; font-weight: 600; color: var(--fa-metin-2); background: var(--fa-gri-acik); border-radius: 999px; padding: .05rem .5rem; }
.ck-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
.ck-konu { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: .75rem 1.25rem; background: var(--fa-yuzey); border: 1px solid var(--fa-cizgi-ince); border-left: 3px solid var(--fa-gri-cizgi); border-radius: 10px; padding: .7rem .9rem; font-size: .82rem; }
.ck-konu--gecikti { border-left-color: var(--fa-kirmizi); }
.ck-ana { min-width: 0; }
.ck-baslik { font-size: .92rem; font-weight: 600; color: var(--fa-mavi); text-decoration: none; overflow-wrap: anywhere; }
.ck-baslik:hover, .ck-baslik:focus-visible { text-decoration: underline; }
.ck-etiketler { display: flex; flex-wrap: wrap; gap: .3rem; margin: .3rem 0; }
.ck-metin { margin: .25rem 0 0; color: var(--fa-metin); overflow-wrap: anywhere; }
.ck-sonuc { border-left: 2px solid var(--fa-yesil-cizgi); padding-left: .5rem; }
.ck-et { font-size: .7rem; font-weight: 700; color: var(--fa-metin-2); text-transform: uppercase; letter-spacing: .02em; margin-right: .2rem; }
.ck-yan { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr) minmax(0, 4fr) minmax(0, 3fr); gap: .5rem 1rem; margin: 0; min-width: 0; }
.ck-yan > div { min-width: 0; }
.ck-yan dt { font-size: .7rem; font-weight: 600; color: var(--fa-metin-2); margin-bottom: .1rem; }
.ck-yan dd { margin: 0; overflow-wrap: anywhere; }
.ck-yan dd.sayi { font-weight: 600; font-variant-numeric: tabular-nums; text-align: left; }
@media (max-width: 1199.98px) {
  .ck-ozet { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ck-ozet .ck-ozet-genis { grid-column: 1 / -1; }
  .ck-konu { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575.98px) {
  .ck-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ck-yan { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ck-ozet dd a, .ck-baslik { min-height: 44px; display: inline-flex; align-items: center; }
}

/* --- Bulgu düzeltme kaydı (bg-) --- */
.bg-adimlar { margin-top: .4rem; }
.bg-adimlar .bg-duzeltme b { color: var(--fa-yesil); }
.bg-adimlar .bg-kayboldu b, .bg-adimlar .bg-degisti b { color: var(--fa-amber); }
.bg-oneri .fa-rozet { margin-right: .25rem; }
.bg-kayit > summary { cursor: pointer; font-weight: 600; min-height: 28px; }
.bg-form { display: flex; flex-direction: column; gap: .35rem; margin-top: .5rem; align-items: flex-start; }
.bg-form label { font-weight: 600; margin: 0; }
.bg-alt-baslik { font-size: .9rem; font-weight: 700; margin: 1rem 0 .5rem; padding-top: .75rem; border-top: 1px solid var(--fa-cizgi-ince); display: flex; flex-wrap: wrap; gap: .2rem .6rem; align-items: baseline; }
.bg-alt-baslik .alt { font-size: .75rem; font-weight: 400; color: var(--fa-metin-3); }
@media (max-width: 575.98px) { .bg-kayit > summary { min-height: 44px; display: flex; align-items: center; gap: .3rem; } }
.bg-kayit .bg-adimlar { margin-left: .45rem; }

/* --- Menü: başlığı sayfa açan, oku alt menüyü açan grup (fa-menu-cift) --- */
.fa-menu-cift { display: flex; align-items: stretch; gap: 2px; }
.fa-menu-cift .fa-menu-ogesi { flex: 1 1 auto; min-width: 0; }
.fa-menu-ac { flex: 0 0 2.4rem; display: flex; align-items: center; justify-content: center; border: 0; background: none; border-radius: .45rem; color: #344054; min-height: 36px; }
.fa-menu-ac:hover, .fa-menu-ac:focus-visible { background: #f2f4f7; color: #101828; }
.fa-menu-ac .fa-ok { font-size: .7rem; transition: transform .15s; }
@media (max-width: 991.98px) { .fa-menu-ac { flex-basis: 44px; min-height: 44px; } .fa-menu-cift .fa-menu-ogesi { min-height: 44px; } }

/* --- İpucu: kapalı gelen "Nasıl okunur" açıklaması (fa-ipucu) --- */
.fa-ipucu { font-size: .78rem; color: var(--fa-metin-2); margin: .35rem 0 .75rem; }
.fa-ipucu > summary { display: inline-flex; align-items: center; gap: .3rem; cursor: pointer; color: var(--fa-mavi); list-style: none; min-height: 24px; }
.fa-ipucu > summary::-webkit-details-marker { display: none; }
.fa-ipucu > summary:hover, .fa-ipucu > summary:focus-visible { text-decoration: underline; }
.fa-ipucu > div { margin-top: .25rem; padding: .45rem .65rem; background: var(--fa-gri-acik); border-radius: 8px; max-width: 60rem; overflow-wrap: anywhere; }
.fa-ipucu-kisa { font-size: .8rem; color: var(--fa-metin-2); margin: .35rem 0 0; }
.fa-ipucu-kisa + .fa-ipucu { margin-top: .1rem; }
@media (max-width: 575.98px) { .fa-ipucu > summary { min-height: 44px; } }
/* =====================================================================================================
   Krediler ve kiralamalar (ekran yenileme 9): durum özeti, para birimi başına 12 aylık vade merdiveni (anapara koyu,
   faiz + vergi + masraf açık; vade belirsiz taralı; vadesi geçmiş kırmızı çerçeveli), banka bazında, sözleşme şartları.
   Para birimleri ayrı kartta, kendi ölçeğinde; birbirine toplanmaz.
   ===================================================================================================== */
.kr2-bolum { padding: 1rem 1.1rem; min-width: 0; }
.kr2-bolumler { display: flex; gap: .25rem; border-bottom: 1px solid var(--fa-gri-cizgi); overflow-x: auto; scrollbar-width: thin; }
.kr2-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.kr2-iki > .kr2-bolum { margin: 0; }
.kr2-not { font-size: .76rem; color: var(--fa-metin-2); margin: .1rem 0 .6rem; }
.kr2-not > summary { cursor: pointer; color: var(--fa-mavi); font-weight: 600; min-height: 32px; display: inline-flex; align-items: center; }
.kr2-not p { margin: .3rem 0 0; }
.kr2-lejant { display: flex; flex-wrap: wrap; gap: .3rem .8rem; font-size: .74rem; color: var(--fa-metin-2); }
.kr2-lejant span { display: inline-flex; align-items: center; gap: .3rem; }
.kr2-lejant i { display: inline-block; width: 11px; height: 11px; border-radius: 3px; }
.kr2-lejant i.a, .kr2-sutun .cubuk i.a { background: var(--fa-seri-1); }
.kr2-lejant i.f, .kr2-sutun .cubuk i.f { background: var(--fa-seri-1-acik); }
.kr2-lejant i.b { background: var(--fa-tarama); border: 1px solid #8a94a6; }
.kr2-lejant i.g { background: var(--fa-kirmizi-acik); border: 1px solid var(--fa-kirmizi); }
.kr2-merdivenler { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: .9rem; }
.kr2-pb { border: 1px solid var(--fa-cizgi-ince); border-radius: 10px; padding: .7rem .8rem .6rem; min-width: 0; display: flex; flex-direction: column; gap: .5rem; }
.kr2-pb-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .6rem; }
.kr2-pb-ust h3 { font-size: .95rem; font-weight: 700; margin: 0; color: var(--fa-lacivert); }
.kr2-pb-ust > span { font-size: .78rem; color: var(--fa-metin-2); }
.kr2-grafik { display: flex; align-items: stretch; gap: 3px; height: 150px; border-bottom: 1px solid #8a94a6; padding-top: 1.1rem; }
.kr2-sutun { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; position: relative; }
.kr2-sutun .cubuk { flex: 1; width: 100%; max-width: 26px; display: flex; flex-direction: column-reverse; justify-content: flex-start;
  align-items: stretch; gap: 2px; min-height: 0; }
.kr2-sutun .cubuk i { display: block; flex: none; min-height: 0; }
.kr2-sutun .cubuk i.ust { border-radius: 4px 4px 0 0; }
.kr2-sutun .cubuk i[style="height:0%"] { display: none; }
.kr2-sutun .deger { align-self: center; flex: none; font-size: .66rem; font-weight: 700; line-height: 1; white-space: nowrap;
  color: var(--fa-metin); font-variant-numeric: tabular-nums; position: relative; z-index: 1; background: var(--fa-yuzey);
  padding: 1px 2px; border-radius: 3px; }                    /* komşu sütunun çubuğu etiketi örtmesin */
.kr2-sutun .ay { position: absolute; top: calc(100% + 3px); font-size: .64rem; color: var(--fa-metin-3); white-space: nowrap; text-align: center; line-height: 1.05; }
.kr2-sutun .ay small { display: block; font-size: .58rem; color: var(--fa-metin-3); }
.kr2-sutun.yogun .ay { color: var(--fa-metin); font-weight: 700; }
.kr2-sutun--belirsiz .cubuk i.a { background: var(--fa-tarama); border: 1px solid #8a94a6; }
.kr2-sutun--gecmis .cubuk i.a { background: var(--fa-kirmizi-acik); border: 1px solid var(--fa-kirmizi); }
.kr2-sutun--belirsiz, .kr2-sutun--gecmis { flex-basis: 0; flex-grow: 1.4; }
.kr2-sutun--belirsiz { margin-left: .5rem; padding-left: .35rem; border-left: 1px dashed var(--fa-gri-cizgi); }
.kr2-sutun--gecmis { margin-right: .5rem; padding-right: .35rem; border-right: 1px dashed var(--fa-gri-cizgi); }
.kr2-sutun--belirsiz .ay, .kr2-sutun--gecmis .ay { font-weight: 600; }
.kr2-sutun .ay.kismi { font-style: italic; }
.kr2-sutun--gecmis .ay { color: var(--fa-kirmizi); }
.kr2-sutun--gecmis .deger { align-self: flex-start; }       /* kenar sütun etiketi kesilmesin: içe hizalı */
.kr2-sutun--belirsiz .deger { align-self: flex-end; }
.kr2-pb-alt { display: flex; flex-wrap: wrap; gap: .3rem 1rem; margin: 1.6rem 0 0; font-size: .76rem; }
.kr2-pb-alt div { display: flex; flex-direction: column; }
.kr2-pb-alt dt { font-weight: 500; color: var(--fa-metin-3); font-size: .7rem; }
.kr2-pb-alt dd { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.kr2-pb-alt .gecmis dd { color: var(--fa-kirmizi); }
.kr2-pb-alt dd small { display: block; font-weight: 500; color: var(--fa-metin-3); font-size: .68rem; }
.kr2-ek { list-style: none; margin: -.15rem 0 .45rem; padding: 0; display: flex; flex-direction: column; gap: .1rem; font-size: .84rem; color: #dbe2f0; }
.kr2-ek li::before { content: "· "; }
.kr2-bar--limit.asim i { background: var(--fa-kirmizi); }
.kr2-pb-durum { display: flex; flex-wrap: wrap; gap: .3rem .6rem; align-items: center; font-size: .74rem; }
.kr2-pb-durum .fa-durum { font-size: .7rem; }
.kr2-plansiz { color: var(--fa-metin-2); }
.kr2-tablo > summary { cursor: pointer; font-size: .74rem; color: var(--fa-mavi); font-weight: 600; min-height: 32px; display: inline-flex; align-items: center; }
.kr2-banka-pb + .kr2-banka-pb { margin-top: .9rem; }
.kr2-banka-pb h3 { font-size: .86rem; font-weight: 700; margin: 0 0 .35rem; color: var(--fa-lacivert); }
.kr2-banka-pb h3 small { font-weight: 500; color: var(--fa-metin-2); font-size: .74rem; }
.kr2-banka-pb ul, .kr2-sartlar { list-style: none; margin: 0; padding: 0; }
.kr2-banka-pb li { padding: .4rem 0; border-top: 1px solid var(--fa-cizgi-ince); display: flex; flex-direction: column; gap: .2rem; font-size: .8rem; }
.kr2-banka-ust { display: flex; gap: .5rem; align-items: baseline; }
.kr2-banka-ust .ad { flex: 1; min-width: 0; font-weight: 600; }
.kr2-banka-ust .tutar { font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.kr2-banka-ust .tutar small { font-weight: 500; color: var(--fa-metin-2); }
.kr2-bar { display: block; height: 8px; border-radius: 4px; background: var(--fa-gri-acik); overflow: hidden; }
.kr2-bar i { display: block; height: 100%; background: var(--fa-seri-1); border-radius: 4px; }
.kr2-bar--limit { height: 5px; }
.kr2-bar--limit i { background: var(--fa-seri-2); }
.kr2-banka-pb .alt { color: var(--fa-metin-3); font-size: .72rem; }
.kr2-limit { display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .5rem; font-size: .74rem; color: var(--fa-metin-2); }
.kr2-limit > span:first-child { flex: 1 1 12rem; }
.kr2-limit .kr2-bar { flex-basis: 100%; }
.kr2-limit .fa-durum { font-size: .66rem; }
.kr2-sartlar li { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .6rem; padding: .45rem 0; border-top: 1px solid var(--fa-cizgi-ince); font-size: .8rem; }
.kr2-sartlar li:first-child { border-top: 0; }
.kr2-sartlar .ad { flex: 1 1 12rem; min-width: 0; font-weight: 600; }
.kr2-sartlar .ad small { font-weight: 500; color: var(--fa-metin-3); }
.kr2-sartlar .fa-durum { font-size: .7rem; }
.kr2-sartlar .alt { flex-basis: 100%; font-size: .72rem; color: var(--fa-metin-3); }
.kr2-tablo-liste .fa-durum { font-size: .68rem; }
.kr2-oneri { border-top: 1px solid var(--fa-cizgi-ince); padding: .5rem 0; font-size: .8rem; }
.kr2-eslesme { margin-top: .35rem; padding: .45rem .55rem; border: 1px solid var(--fa-cizgi-ince); border-radius: 8px; }
.kr2-eslesme .fa-durum { font-size: .66rem; }
.kr2-limit-satir { border-top: 1px solid var(--fa-cizgi-ince); padding: .5rem 0; font-size: .8rem; }
.kr2-limit-satir .fa-durum { font-size: .66rem; }
.kr2-ekle > summary { list-style: none; }
.kr2-ekle > summary::-webkit-details-marker { display: none; }
.kr2-ekle[open] form { max-width: 36rem; }
@media (max-width: 1279.98px) {
  .kr2 .tb-ozet { grid-template-columns: minmax(0, 1fr); }
  .kr2 .ddg-sayilar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1023.98px) {
  .kr2-iki { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
  .kr2-bolum { padding: .8rem .75rem; }
  .kr2 .ddg-sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem; }
  .kr2 .ddg-sayilar > div { padding: .35rem .55rem; }
  .kr2 .ddg-sayilar small { display: none; }
  .kr2 .tb-cumle { font-size: 1.02rem; }
  .kr2-grafik { height: 130px; gap: 2px; }
  .kr2-sutun .ay { font-size: .58rem; }
  .kr2-grafik:has(> .kr2-sutun:nth-child(14)) .kr2-sutun .ay { font-size: .52rem; letter-spacing: -.02em; }   /* 13 ay + kenar */
  .kr2-sutun .deger { font-size: .6rem; }
  .kr2-sutun--gecmis .deger, .kr2-sutun--belirsiz .deger { display: none; }   /* dar sütunda çakışmasın; tutar altta yazılı */
  .kr2-sutun--belirsiz { margin-left: .3rem; padding-left: .2rem; }
  .kr2-sutun--gecmis { margin-right: .3rem; padding-right: .2rem; }
  .kr2-bolumler .fa-sekme, .kr2-not > summary, .kr2-tablo > summary { min-height: 44px; }
}

/* ---------------------------------------------------------------- Bütün beyannameler · Genel bakış (ekran yenileme 10) */
.bb2 { --bb-kdv: var(--fa-seri-1); --bb-muhtasar: #b8612a; --bb-damga: #98a2b3; --bb-gecici: var(--fa-seri-2); }
.bb2 .bb2-r--kdv { background: var(--bb-kdv); }
.bb2 .bb2-r--muhtasar { background: var(--bb-muhtasar); }
.bb2 .bb2-r--damga { background: var(--bb-damga); }
.bb2 .bb2-r--gecici { background: var(--bb-gecici); }
.bb2 .bb2-r--eksik { background: var(--fa-tarama); border: 1px dashed #8a94a6; }
.bb2-lejant { display: flex; flex-wrap: wrap; gap: .25rem .9rem; list-style: none; margin: .35rem 0 .2rem; padding: 0; font-size: .74rem; color: var(--fa-metin-2); }
.bb2-lejant i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: .3rem; vertical-align: -1px; }
.bb2-grafik .cubuk { max-width: 34px; }
.bb2-grafik .cubuk i + i { margin-top: 0; }
.bb2-sutun--eksik .cubuk { outline: 1px dashed #8a94a6; outline-offset: 1px; border-radius: 4px 4px 0 0; }
.bb2-sutun--eksik .ay small { color: var(--fa-amber); font-weight: 600; }
.bb2-durumlar { display: flex; flex-wrap: wrap; gap: .3rem .45rem; list-style: none; margin: .3rem 0 .6rem; padding: 0; }
.bb2-durumlar .fa-durum { font-size: .7rem; }
.bb2-kaydir { overflow-x: auto; scrollbar-width: thin; border: 1px solid var(--fa-cizgi-ince); border-radius: 10px; }
.bb2-kaydir:focus-visible { outline: 2px solid var(--fa-mavi); outline-offset: 2px; }
.bb2-tablo { width: 100%; border-collapse: separate; border-spacing: 3px; font-size: .74rem; min-width: 64rem; }
.bb2-tablo thead th { font-size: .7rem; font-weight: 600; color: var(--fa-metin-3); text-align: center; padding: .3rem .2rem; white-space: nowrap; }
.bb2-tablo thead th:first-child { text-align: left; }
.bb2-tablo tbody th { text-align: left; font-weight: 600; padding: .2rem .5rem .2rem .4rem; white-space: nowrap; font-size: .78rem; }
.bb2-tablo tbody th a { color: var(--fa-metin); text-decoration: none; }
.bb2-tablo tbody th a:hover { color: var(--fa-mavi); text-decoration: underline; }
.bb2-tablo th:first-child { position: sticky; left: 0; z-index: 1; background: var(--fa-yuzey); }
.bb2-h { padding: 0; vertical-align: top; min-width: 3.9rem; }
.bb2-h > a { position: relative; }
.bb2-h > a.fa-durum { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; width: 100%;
  min-height: 44px; border-radius: 8px; padding: .2rem .15rem; font-size: .68rem; line-height: 1.15; text-decoration: none;
  font-variant-numeric: tabular-nums; white-space: nowrap; }
.bb2-h > a.fa-durum i { font-style: normal; font-weight: 700; }
.bb2-h > a.fa-durum:focus-visible { outline: 2px solid var(--fa-mavi); outline-offset: 1px; }
.bb2-h--okunamadi > a.fa-durum, .bb2-h--eksik > a.fa-durum { background-image: var(--fa-tarama); }
/* yalnız simge: ad ipucunda ve ekran okuyucuda */
.bb2-h--yok span, .bb2-h--belirsiz span, .bb2-h--beklenmiyor span, .bb2-h--gelmedi span {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.bb2-h--gelmedi > a.fa-durum, .bb2-h--beklenmiyor > a.fa-durum { background: transparent; border-color: var(--fa-cizgi-ince); color: var(--fa-metin-3); }
.bb2-h--gelmedi > a.fa-durum i::before { content: "·"; }
.bb2-odeme { display: block; text-align: center; font-size: .6rem; line-height: 1.2; margin-top: 1px; color: var(--fa-metin-3); white-space: nowrap; }
.bb2-odeme--tamam { color: var(--fa-yesil); }
.bb2-odeme--dikkat { color: var(--fa-amber); font-weight: 600; }
.bb2-odeme--bilgi { color: var(--fa-mavi-koyu); }
.bb2-h--bos { background: transparent; }
.bb2-toplam { text-align: right; padding: .2rem .4rem; white-space: nowrap; font-weight: 600; font-variant-numeric: tabular-nums; vertical-align: middle; }
.bb2-toplam small { display: block; font-weight: 500; color: var(--fa-amber); font-size: .66rem; }
.bb2 > section + section { margin-top: 1rem; }
@media (max-width: 767.98px) {
  .bb2-tablo { min-width: 56rem; }
  .bb2 .kr2-pb-ust > span { display: block; }
}
@media (max-width: 1279.98px) {
  /* Dar masaüstü / tablet: özet metni ve uyarı tam genişlikte, dört sayı altında iki sütunda. */
  .bb2 .tb-ozet { grid-template-columns: minmax(0, 1fr); }
  .bb2 .ddg-sayilar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) { .bb2 .ddg-sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bb2-h--gelmedi > a.fa-durum { border-color: transparent; min-height: 28px; }
/* GPT 1. tur: kapsam etiketleri ve dar ekranda kaydırılabilir grafik */
.bb2-tk--yok { color: var(--fa-metin-2); font-weight: 600; font-style: italic; }
.bb2 small.bb2-kismi { display: block; color: var(--fa-amber); font-weight: 500; font-size: .66rem; white-space: normal; }
.bb2 .kr2-pb-alt dd small.bb2-kismi { color: var(--fa-amber); }
.bb2-deger-yok { color: var(--fa-metin-3); font-style: italic; }
.bb2-grafik-kaydir { overflow-x: auto; scrollbar-width: thin; padding-bottom: 1.6rem; }
.bb2-grafik-kaydir:focus-visible { outline: 2px solid var(--fa-mavi); outline-offset: 2px; }
.bb2-grafik-kaydir + .kr2-pb-alt { margin-top: 0; }
@media (max-width: 767.98px) { .bb2-grafik { min-width: 40rem; } }

/* ---------------------------------------------------------------- İştirakler · Nakit pisti (ekran yenileme 10/10) */
.ip-ust { font-size: .74rem; color: var(--fa-metin-2); }
.ip-cumle { font-size: 1.15rem; font-weight: 650; margin: .2rem 0 .6rem; line-height: 1.3; }
.ip-sayilar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; }
.ip-sayi { border: 1px solid var(--fa-cizgi-ince); border-radius: 10px; padding: .55rem .7rem; min-width: 0; }
.ip-sayi .e { font-size: .74rem; color: var(--fa-metin-2); }
.ip-sayi .d { font-size: 1.15rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.ip-sayi .a { font-size: .74rem; color: var(--fa-metin-2); }
.ip-uyari { margin-top: .6rem; background: var(--fa-kirmizi-acik); border: 1px solid var(--fa-kirmizi-cizgi); color: var(--fa-kirmizi);
  border-radius: 8px; padding: .45rem .7rem; font-size: .82rem; }
.ip-portfoy { margin-top: .6rem; padding-top: .55rem; border-top: 1px solid var(--fa-cizgi-ince); font-size: .8rem; color: var(--fa-metin-2); display: grid; gap: .2rem; }
.ip-portfoy b { color: var(--fa-metin); }
.ip-hesaplanamadi { color: var(--fa-amber); font-weight: 600; }
.ip-amber { color: var(--fa-amber); }
.ip-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin-bottom: .4rem; }
.ip-kart { background: var(--fa-yuzey); border: 1px solid var(--fa-cizgi-ince); border-radius: 12px; padding: .7rem .8rem; min-width: 0;
  display: flex; flex-direction: column; gap: .3rem; }
.ip-kart--secili { outline: 2px solid var(--fa-mavi); outline-offset: -1px; }
.ip-kart--tarama { background: var(--fa-tarama); }
.ip-bilinmiyor { background: var(--fa-yuzey); border-radius: 6px; padding: .4rem .55rem; margin: 0; font-size: .82rem; }
.ip-kart-bas { display: flex; justify-content: space-between; gap: .5rem; flex-wrap: wrap; font-size: .86rem; }
.ip-mut { color: var(--fa-metin-2); font-size: .74rem; }
.ip-kart-durum { display: flex; justify-content: space-between; align-items: center; gap: .4rem; flex-wrap: wrap; }
.ip-rozetler { display: flex; gap: .3rem; flex-wrap: wrap; align-items: center; }
.ip-rozetler .fa-durum { font-size: .72rem; }
.fa-durum.ip-koyu { background: var(--fa-kirmizi); color: #fff; }
.ip-svg { width: 100%; height: auto; display: block; }
.ip-svg .ip-negatif { fill: var(--fa-kirmizi-acik); }
.ip-svg .ip-izgara { stroke: #eef1f5; }
.ip-svg .ip-eksen { font-size: 10px; fill: var(--fa-metin-3); }
.ip-svg .ip-sifir { stroke: #667085; stroke-width: 1.1; }
.ip-svg .ip-sifir-yazi { fill: var(--fa-metin); font-weight: 600; }
.ip-svg .ip-esik { stroke: var(--fa-amber); stroke-dasharray: 4 3; stroke-width: 1.2; }
.ip-svg .ip-esik-yazi { font-size: 10px; fill: var(--fa-amber); }
.ip-svg .ip-ihtiyatli { fill: none; stroke: var(--fa-mavi); stroke-width: 2; }
.ip-svg .ip-beklenen { fill: none; stroke: var(--fa-turkuaz); stroke-width: 1.6; stroke-dasharray: 5 3; }
.ip-svg .ip-nokta { fill: #fff; stroke: var(--fa-kirmizi); stroke-width: 2; }
.ip-svg .ip-ilk-esik { stroke: var(--fa-amber); stroke-dasharray: 2 2; }
.ip-svg .ip-ilk-negatif { stroke: var(--fa-kirmizi); stroke-width: 1.2; }
.ip-svg .ip-hafta { fill: transparent; }
.ip-svg .ip-hafta:hover { fill: rgba(36, 87, 197, .06); }
.ip-not { font-size: .74rem; color: var(--fa-metin-2); }
.ip-not.ip-amber { color: var(--fa-amber); }
.ip-akis { width: 100%; border-collapse: collapse; font-size: .78rem; }
.ip-akis td { padding: .15rem 0; border-top: 1px solid var(--fa-cizgi-ince); vertical-align: top; }
.ip-akis td:first-child { width: 3rem; color: var(--fa-metin-2); }
.ip-arti { color: var(--fa-yesil); }
.ip-etiket { font-size: .68rem; color: var(--fa-metin-2); border: 1px solid var(--fa-cizgi-ince); border-radius: 4px; padding: 0 .25rem; white-space: nowrap; }
.ip-kart-alt { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-start; gap: .5rem; flex-wrap: wrap; font-size: .8rem; }
.ip-esik-form summary { cursor: pointer; color: var(--fa-mavi); }
.ip-esik-form input { max-width: 9rem; }
.ip-lejant { display: flex; flex-wrap: wrap; gap: .25rem .9rem; list-style: none; margin: .2rem 0 .9rem; padding: 0; font-size: .74rem; color: var(--fa-metin-2); }
.ip-lejant i { display: inline-block; width: 20px; vertical-align: middle; margin-right: .3rem; }
.ip-l-ihtiyatli { border-top: 2px solid var(--fa-mavi); }
.ip-l-beklenen { border-top: 2px dashed var(--fa-turkuaz); }
.ip-l-esik { border-top: 2px dashed var(--fa-amber); }
.ip-l-sifir { height: 8px; border-top: 1.5px solid #667085; background: var(--fa-kirmizi-acik); }
.ip-secim { display: flex; flex-wrap: wrap; gap: .3rem; font-size: .76rem; }
.ip-secim a { border: 1px solid var(--fa-cizgi-ince); border-radius: 999px; padding: .05rem .55rem; text-decoration: none; color: var(--fa-metin-2); }
.ip-secim a.secili { border-color: var(--fa-mavi); color: var(--fa-mavi); background: var(--fa-mavi-acik); }
.ip-kaydir { overflow-x: auto; scrollbar-width: thin; }
.ip-kaydir:focus-visible { outline: 2px solid var(--fa-mavi); outline-offset: 2px; }
.ip-tablo { border-collapse: collapse; font-size: .78rem; width: 100%; min-width: 50rem; font-variant-numeric: tabular-nums; }
.ip-tablo th, .ip-tablo td { padding: .3rem .45rem; border-top: 1px solid var(--fa-cizgi-ince); text-align: right; white-space: nowrap; }
.ip-tablo thead th { font-weight: 600; color: var(--fa-metin-2); font-size: .72rem; border-top: 0; }
.ip-tablo tbody th { text-align: left; font-weight: 500; position: sticky; left: 0; z-index: 1; background: var(--fa-yuzey); box-shadow: 2px 0 0 var(--fa-cizgi-ince); }
.ip-tablo thead th:first-child { position: sticky; left: 0; z-index: 2; background: var(--fa-yuzey); }
.ip-tablo tbody th small { color: var(--fa-metin-3); font-weight: 400; }
.ip-tablo .ip-ana th, .ip-tablo .ip-ana td { font-weight: 650; }
.ip-tablo .ip-soluk td { color: var(--fa-metin-2); }
.ip-tablo td.ip-alti { background: var(--fa-kirmizi-acik); color: var(--fa-kirmizi); }
.ip-alt-baslik { font-size: .8rem; font-weight: 650; margin: .7rem 0 .2rem; }
.ip-alt-baslik small { font-weight: 400; color: var(--fa-metin-2); }
.ip-liste { margin: 0; padding-left: 1.1rem; }
.ip-liste li { margin: .15rem 0; }
.ip-oneri { font-size: .68rem; background: var(--fa-mavi-acik); color: var(--fa-mavi-koyu); border-radius: 4px; padding: 0 .3rem; }
@media (max-width: 1280px) { .ip-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 768px) {
  .ip-sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ip-kartlar { grid-template-columns: 1fr; }
  .ip-cumle { font-size: 1rem; }
  .ip-tablo tbody th { white-space: normal; min-width: 7rem; max-width: 8.5rem; }
  .ip-tablo tbody th small { display: block; }
}
.ip-kaydir { scroll-snap-type: x proximity; scroll-padding-left: 8.5rem; }
.ip-tablo td { scroll-snap-align: start; padding-left: .6rem; }
.ip-eski > summary { cursor: pointer; }
.ip-eski .kart { box-shadow: none; }
