/* V2 ekran katmanı: PANO ve RAPORLAR (bugun, alarmlar, ozet, onaylar, rap*). Agency CRM dashboard desenleri.
 * Salt sunum: veri/düğme/bağlantı aynı. Renkler --v2-* değişkenlerinden. Belge/PDF alanlarına dokunmaz. */

#app[data-v2] main:is([data-v="bugun"], [data-v="alarmlar"], [data-v="ozet"], [data-v="onaylar"], [data-v^="rap"]) {
  --pn-line: var(--v2-line); --pn-mut: var(--v2-muted);
}

/* ---- sayfa ritmi (Agency main: 16px aralık) ---- */
#app[data-v2] main:is([data-v="bugun"], [data-v="ozet"], [data-v="alarmlar"], [data-v="onaylar"], [data-v^="rap"]) { font-family: var(--v2-font); }
#app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]).r2-app { gap: var(--v2-s4); padding-block-start: 8px; }
#app[data-v2] main[data-v="bugun"] .dt-sayfa { gap: var(--v2-s4); }

/* ---- sayfa başlığı + eylemler (Agency .page-head) ---- */
#app[data-v2] main[data-v="bugun"] .gt-bas { align-items: center; padding: 0; }
#app[data-v2] main[data-v="bugun"] .gt-gun { order: 2; font-size: 12.6px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--v2-muted); }
#app[data-v2] main[data-v="bugun"] .gt-bas-m { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
#app[data-v2] main[data-v="bugun"] .gt-bas h2 { order: 1; flex: 1 0 100%; font-size: 21px; line-height: 1.5; font-weight: 650; letter-spacing: -.02em; }
#app[data-v2] main[data-v="bugun"] .gt-kisi { order: 3; font-size: 12.6px; color: var(--v2-muted); }
#app[data-v2] main[data-v="bugun"] .gt-kisi::before { content: "· "; }
#app[data-v2] main[data-v^="rap"] .r2-bas, #app[data-v2] main[data-v="onaylar"] .r2-bas { align-items: center; }
#app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-ozet { font-size: 12.6px; color: var(--v2-muted); }
#app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-ozet b { color: var(--v2-ink); }
#app[data-v2] main:is([data-v="bugun"], [data-v^="rap"], [data-v="alarmlar"]) :is(.gt-dug .btn-k, .r2-eylem :is(button, .btn), .e2-eylem button, .alr-ust > button) {
  min-height: 36px; height: auto; border-radius: var(--v2-r-sm); font-size: 14px; font-weight: 550; box-shadow: var(--v2-sh-sm); }
/* süzgeç şeridi = Agency .toolbar */
#app[data-v2] main[data-v^="rap"] .r2-suz { gap: 8px; margin: 0; }
#app[data-v2] main[data-v^="rap"] .r2-suz :is(select, input) { height: 39px; border-radius: var(--v2-r-sm); border: 1px solid var(--v2-line); background-color: var(--v2-surface); color: var(--v2-ink); font-size: 14px; padding-inline: 11px; }

/* ---- KPI kartları (Agency .kpi: ikon+etiket, büyük değer, küçük alt satır) ---- */
#app[data-v2] main:is([data-v="bugun"], [data-v="alarmlar"], [data-v="ozet"], [data-v="onaylar"], [data-v^="rap"]) :is(.r2-k, .gt-kpi, .e2-k, .oz-kpi > .kpi, .stat-grid > .stat, .stat-grid > .kpi) {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: start;
  padding: var(--v2-kpi-pad); background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); box-shadow: var(--v2-sh-sm);
  overflow: hidden; min-width: 0; font-family: inherit; color: var(--v2-ink); }
#app[data-v2] main:is([data-v="bugun"], [data-v="alarmlar"], [data-v="ozet"], [data-v="onaylar"], [data-v^="rap"]) :is(.r2-k, .gt-kpi, .e2-k, .kpi, .stat, .alr-kutu)::before { display: none; }
#app[data-v2] main:is([data-v="bugun"], [data-v="alarmlar"], [data-v^="rap"]) :is(.gt-kpi, .e2-k):is(button):hover { border-color: var(--v2-faint); }
/* kpi satırı: auto-fit 210px */
#app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-kpi, #app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-kpi:is(.r2-k5, .r2-k4, .r2-k3, .r2-k2),
#app[data-v2] main[data-v="bugun"] .gt-kpi-s, #app[data-v2] main[data-v="alarmlar"] .e2-kpi, #app[data-v2] main[data-v="ozet"] .oz-kpi {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: var(--v2-s4); margin: 0; }
/* !important gerekçesi: kutu.js bu şeride inline grid-template-columns yazıyor (ozet.js sabit 4 kart); auto-fit kart sayısı değişse de yetim satır bırakmaz. */
#app[data-v2] main[data-v="ozet"].oz-app section.oz-kpi.oz-durum.kpis { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important; }
#app[data-v2] main[data-v="ozet"] .oz-kpi .oz-dagilim { grid-column: 1 / -1; border-radius: 999px; overflow: hidden; height: 8px; }
/* etiket */
#app[data-v2] main :is(.r2-k > small, .gt-kpi > span:first-child, .e2-k > small, .oz-kpi > .kpi > small, .stat-grid > .stat > small) ,
#app[data-v2] main .v2-kl { display: flex; align-items: center; gap: 7px; font-size: var(--v2-kpi-label); font-weight: 550; color: var(--v2-muted); line-height: 1.3; letter-spacing: 0; text-transform: none; }
#app[data-v2] main .v2-kl > svg.v2-ik { flex: none; width: 16px; height: 16px; color: var(--v2-muted); }
/* değer */
#app[data-v2] main:is([data-v="bugun"], [data-v="alarmlar"], [data-v="ozet"], [data-v="onaylar"], [data-v^="rap"]) :is(.r2-k > b, .gt-kpi > b, .e2-k > b, .oz-kpi > .kpi > b, .stat-grid > .stat > b) {
  font-size: var(--v2-kpi-val-size); font-weight: var(--v2-kpi-val-weight); letter-spacing: -.025em; line-height: 1.25; color: var(--v2-ink); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
#app[data-v2] main[data-v] :is(.r2-k.is-kotu, .gt-kpi.is-kotu, .e2-k.kritik, .alr-kutu-kirmizi, .stat.is-kotu) > b { color: var(--v2-bad); }
#app[data-v2] main[data-v] :is(.r2-k.is-iyi, .gt-kpi.is-iyi) > b { color: var(--v2-good); }
#app[data-v2] main[data-v] :is(.r2-k.is-uyari, .gt-kpi.is-uyari, .alr-kutu-sari) > b { color: var(--v2-warn); }
/* alt satır (kpi-foot) */
#app[data-v2] main :is(.r2-k > span, .e2-k > span, .oz-kpi > .kpi > span, .stat-grid > .stat > span, .gt-kpi > span:not(.v2-kl)) { font-size: 11px; color: var(--v2-muted); line-height: 1.35; min-height: 20px; display: inline-flex; align-items: center; }
#app[data-v2] main .r2-k.is-kotu > span:not(:empty), #app[data-v2] main .e2-k.kritik > span { background: var(--v2-bad-soft); color: var(--v2-bad-text); border-radius: 5px; padding: 1px 6px; font-weight: 650; min-height: 0; }
#app[data-v2] main .r2-k.is-iyi > span:not(:empty) { background: var(--v2-good-soft); color: var(--v2-good-text); border-radius: 5px; padding: 1px 6px; font-weight: 650; min-height: 0; }
#app[data-v2] main .r2-k.is-uyari > span:not(:empty) { background: var(--v2-warn-soft); color: var(--v2-warn-text); border-radius: 5px; padding: 1px 6px; font-weight: 650; min-height: 0; }
#app[data-v2] main :is(.r2-k, .stat) > b .ap-ikinci { font-size: 11px; color: var(--v2-muted); font-weight: 400; letter-spacing: 0; }

/* ---- uyarı şeridi (Agency status ribbon / alert) ---- */
#app[data-v2] main :is(.alr-serit) { display: block; padding: var(--v2-s3) var(--v2-s4); margin: 0; background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); box-shadow: var(--v2-sh-sm); border-inline-start-width: 3px; }
#app[data-v2] main .alr-serit.alr-var { background: color-mix(in srgb, var(--v2-bad-soft) 55%, var(--v2-surface)); border-color: color-mix(in srgb, var(--v2-bad) 28%, var(--v2-line)); border-inline-start-color: var(--v2-bad); }
#app[data-v2] main .alr-serit.alr-yakin { background: color-mix(in srgb, var(--v2-warn-soft) 55%, var(--v2-surface)); border-color: color-mix(in srgb, var(--v2-warn) 28%, var(--v2-line)); border-inline-start-color: var(--v2-warn); }
#app[data-v2] main .alr-serit .alr-bas { font-size: 14px; font-weight: 650; }
#app[data-v2] main .alr-serit .alr-cip { border-radius: 5px; font-size: 10.5px; }
#app[data-v2] main .alr-serit .alr-cip button { font-size: 11.5px; min-height: 26px; padding: 2px 8px; font-weight: 600; }
#app[data-v2] main .alr-serit .alr-cip b { font-size: 12px; }
#app[data-v2] main .alr-serit .alr-cip-kirmizi { background: var(--v2-bad-soft); color: var(--v2-bad-text); border-color: color-mix(in srgb, var(--v2-bad) 25%, transparent); }
#app[data-v2] main .alr-serit .alr-cip-sari { background: var(--v2-warn-soft); color: var(--v2-warn-text); border-color: color-mix(in srgb, var(--v2-warn) 30%, transparent); }
#app[data-v2] main .alr-panel { border-top: 1px solid var(--v2-line-2); }
#app[data-v2] main :is(.alr-musteri) { margin: 0; padding: 18px 20px; background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); box-shadow: var(--v2-sh-sm); }
#app[data-v2] main .alr-rz { border-radius: 5px; font-size: 10.5px; font-weight: 600; padding: 2px 8px; }
#app[data-v2] main .alr-rz-kirmizi { background: var(--v2-bad-soft); color: var(--v2-bad-text); }
#app[data-v2] main .alr-rz-sari { background: var(--v2-warn-soft); color: var(--v2-warn-text); }

/* ---- kartlar: başlık + ince çizgi + tutarlı iç boşluk (Agency .card / .card-head) ---- */
#app[data-v2] main :is(.r2-kart, .gt-iki .dt-b, .bg-karar, .oz-app .box, .oz-app .thbox, .oz-app .salesbox, .e2-kart) {
  background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); box-shadow: var(--v2-sh-sm); padding: 0; margin: 0; }
#app[data-v2] main[data-v="bugun"] .gt-iki .dt-b, #app[data-v2] main[data-v="bugun"] .bg-karar { padding: 18px 20px; }
#app[data-v2] main[data-v="bugun"] .bg-karar { border-inline-start: 1px solid var(--v2-line); }
#app[data-v2] main[data-v="ozet"] :is(.box) { padding: 18px 20px; margin-bottom: 16px; }
#app[data-v2] main[data-v="bugun"] :is(.dt-b, .bg-karar) > h3, #app[data-v2] main[data-v="ozet"] .box > h3, #app[data-v2] main[data-v="ozet"] .alr-musteri > h3 {
  font-size: 13.3px; font-weight: 650; letter-spacing: -.005em; color: var(--v2-ink); padding-bottom: 12px; margin: 0 0 14px; border-bottom: 1px solid var(--v2-line-2); }
#app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-kart > header { padding: 16px 20px 12px; border-bottom: 1px solid var(--v2-line-2); align-items: center; }
#app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-kart > header h3 { font-size: 13.3px; font-weight: 650; letter-spacing: -.005em; }
#app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-kart > header > :is(span, small) { font-size: 11.5px; color: var(--v2-muted); }
#app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-kg { padding: 16px 20px 18px; }
#app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-kart.r2-tam > .r2-kg { padding: 0; }
#app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-kart > .r2-alt { font-size: 12px; padding: 12px 20px 14px; border-top: 1px solid var(--v2-line-2); }
#app[data-v2] main:is([data-v^="rap"]) .r2-izgara { gap: var(--v2-s4); }
#app[data-v2] main .r2-not { background: var(--v2-surface-2); border: 1px solid var(--v2-line); border-radius: var(--v2-r); color: var(--v2-ink-2); font-size: 12.5px; }
#app[data-v2] main .r2-not.is-uyari { background: var(--v2-warn-soft); border-color: color-mix(in srgb, var(--v2-warn) 25%, transparent); color: var(--v2-warn-text); }
#app[data-v2] main .r2-hata { background: var(--v2-bad-soft); border-color: color-mix(in srgb, var(--v2-bad) 30%, transparent); border-radius: var(--v2-r); color: var(--v2-bad-text); }

/* ---- listeler: Agency agenda/feed (ince ayraçlı satır) ---- */
#app[data-v2] main[data-v="bugun"] .bg-l { margin: 0; padding: 0; list-style: none; }
#app[data-v2] main[data-v="bugun"] .bg-l li { padding: 11px 0; border-bottom: 1px solid var(--v2-line-2); }
#app[data-v2] main[data-v="bugun"] .gt-yan .bg-l li { grid-template-columns: minmax(88px, max-content) minmax(0, 1fr) auto; }
#app[data-v2] main[data-v="bugun"] .bg-saat { font-size: 14px; font-weight: 650; color: var(--v2-ink); }
#app[data-v2] main[data-v="bugun"] .bg-l b { font-weight: 650; }
#app[data-v2] main[data-v="bugun"] .bg-l small { color: var(--v2-muted); }
#app[data-v2] main[data-v="bugun"] .bg-ozet { background: var(--v2-surface); border: 1px solid var(--v2-line); box-shadow: var(--v2-sh-sm); border-radius: var(--v2-r); }
#app[data-v2] main[data-v="bugun"] .bg-oz-c { border-radius: 5px; font-size: 12px; background: var(--v2-surface-2); border-color: var(--v2-line); }
#app[data-v2] main[data-v="bugun"] .bg-kk { border-radius: var(--v2-r-sm); background: var(--v2-surface-2); border-color: var(--v2-line); }
#app[data-v2] main[data-v="bugun"] .gt-iki { grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr); }
@media (max-width: 1020px) { #app[data-v2] main[data-v="bugun"] .gt-iki { grid-template-columns: minmax(0, 1fr); } }

/* ---- tablolar: Agency table.data ---- */
#app[data-v2] main :is(.r2-tablo, .e2-tablo) { background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); box-shadow: var(--v2-sh-sm); overflow-x: auto; }
#app[data-v2] main .r2-kart .r2-tablo { box-shadow: none; border: 0; border-radius: 0 0 var(--v2-r) var(--v2-r); }
#app[data-v2] main .r2-app table.r2-t, #app[data-v2] main table.r2-t { font-size: 14px; }
#app[data-v2] main table.r2-t th { background: var(--v2-surface-2); color: var(--v2-muted); font-size: var(--v2-th-fs, 10.5px); font-weight: 650; letter-spacing: .07em; text-transform: uppercase; padding: var(--v2-th-pad); border-bottom: 1px solid var(--v2-line); }
#app[data-v2] main table.r2-t td { padding: var(--v2-td-pad); border-bottom: 1px solid var(--v2-line-2); }
#app[data-v2] main table.r2-t tbody tr:hover td { background: color-mix(in srgb, var(--v2-brand) 4%, transparent); }
#app[data-v2] main table.r2-t tr.late td { background: color-mix(in srgb, var(--v2-bad-soft) 45%, transparent); }
#app[data-v2] main .r2-av { background: var(--v2-brand); color: var(--v2-brand-ink); font-size: 11.9px; font-weight: 700; width: 38px; height: 38px; }
#app[data-v2] main .r2-pil { border-radius: 5px; font-size: 10.5px; font-weight: 600; padding: 2px 8px; background: var(--v2-surface-3); color: var(--v2-ink-2); }
#app[data-v2] main .r2-pil.is-iyi { background: var(--v2-good-soft); color: var(--v2-good-text); }
#app[data-v2] main .r2-pil.is-uyari { background: var(--v2-warn-soft); color: var(--v2-warn-text); }
#app[data-v2] main .r2-pil.is-kotu { background: var(--v2-bad-soft); color: var(--v2-bad-text); }
#app[data-v2] main .r2-pil.is-yok { background: var(--v2-surface-3); color: var(--v2-muted); }
#app[data-v2] main .r2-link, #app[data-v2] main a.link, #app[data-v2] main button.link { color: var(--v2-brand); }

/* ---- grafikler: Agency paleti (yalnız renk) ---- */
#app[data-v2] main .r2-iz { background: var(--v2-surface-3); height: 10px; }
#app[data-v2] main .r2-iz > i, #app[data-v2] main .r2-cubuk > i { background: var(--v2-chart-1); }
#app[data-v2] main .r2-iz > i.is-iyi { background: var(--v2-chart-2); } #app[data-v2] main .r2-iz > i.is-uyari { background: var(--v2-chart-3); } #app[data-v2] main .r2-iz > i.is-kotu { background: var(--v2-chart-4); }
#app[data-v2] main .r2-gun > div > i, #app[data-v2] main .r2-saat > div > i { background: var(--v2-chart-1); border-radius: 3px 3px 0 0; }
#app[data-v2] main .r2-huni-a > .r2-hc { background: var(--v2-surface-3); border-radius: 6px; }
#app[data-v2] main .r2-huni-a > .r2-hc > i { background: var(--v2-chart-1); opacity: 1; border-radius: 6px; }
#app[data-v2] main .r2-huni-a:nth-child(2) > .r2-hc > i { background: var(--v2-chart-6); }
#app[data-v2] main .r2-huni-a:nth-child(3) > .r2-hc > i { background: var(--v2-chart-3); }
#app[data-v2] main .r2-huni-a:nth-child(4) > .r2-hc > i { background: var(--v2-chart-5); }
#app[data-v2] main .r2-huni-a:nth-child(5) > .r2-hc > i { background: var(--v2-chart-2); }
#app[data-v2] main .r2-yigin { background: var(--v2-surface-3); }
/* !important gerekçesi: JS yığın dilimlerine inline background yazıyor; palet için ezilmesi şart. */
#app[data-v2] main .r2-yigin > i:nth-child(1), #app[data-v2] main .r2-oz li:nth-child(1) > i { background: var(--v2-chart-1) !important; }
#app[data-v2] main .r2-yigin > i:nth-child(2), #app[data-v2] main .r2-oz li:nth-child(2) > i { background: var(--v2-chart-3) !important; }
#app[data-v2] main .r2-yigin > i:nth-child(3), #app[data-v2] main .r2-oz li:nth-child(3) > i { background: var(--v2-chart-2) !important; }
#app[data-v2] main .r2-yigin > i:nth-child(4), #app[data-v2] main .r2-oz li:nth-child(4) > i { background: var(--v2-chart-6) !important; }
#app[data-v2] main .r2-yigin > i:nth-child(5), #app[data-v2] main .r2-oz li:nth-child(5) > i { background: var(--v2-chart-5) !important; }
#app[data-v2] main .r2-halka { --ton: var(--v2-chart-1); } #app[data-v2] main .r2-halka.is-iyi { --ton: var(--v2-chart-2); } #app[data-v2] main .r2-halka.is-uyari { --ton: var(--v2-chart-3); } #app[data-v2] main .r2-halka.is-kotu { --ton: var(--v2-chart-4); }
#app[data-v2] main .oz-dagilim .od-SATILIK { background: var(--v2-chart-2); } #app[data-v2] main .oz-dagilim .od-OPS { background: var(--v2-chart-3); }
#app[data-v2] main .oz-dagilim .od-RESERVED { background: var(--v2-chart-6); } #app[data-v2] main .oz-dagilim .od-SATILDI { background: var(--v2-chart-1); }

/* ---- boş durum: Agency .empty ---- */
#app[data-v2] main :is(.durum.bos, .r2-bos) { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; text-align: center; padding: 28px 16px; color: var(--v2-muted); font-size: 13px; background: transparent; border: 0; }
#app[data-v2] main .r2-kg > .r2-bos, #app[data-v2] main .r2-kg > .durum.bos { padding: 24px 8px; }
#app[data-v2] main .durum.bos .durum-ik { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--v2-surface-3); color: var(--v2-faint); }
#app[data-v2] main .durum.bos .durum-ik svg { width: 20px; height: 20px; }
#app[data-v2] main .durum.bos p { margin: 0; }
#app[data-v2] main[data-v="bugun"] .bg-ic > p.help, #app[data-v2] main[data-v="bugun"] .bg-karar > p.help { text-align: center; padding: 16px 8px; margin: 0; background: transparent; color: var(--v2-muted); font-size: 13px; }
#app[data-v2] main .help { color: var(--v2-muted); }
/* yükleniyor: iskelet (Agency) */
#app[data-v2] main .r2-yuk > i { border-radius: var(--v2-r); background: linear-gradient(90deg, var(--v2-surface-3) 25%, var(--v2-surface-2) 50%, var(--v2-surface-3) 75%); background-size: 200% 100%; }

/* ---- dar ekran ---- */
@media (max-width: 1100px) { #app[data-v2] main[data-v="ozet"].oz-app section.oz-kpi.oz-durum.kpis { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important; } }
@media (max-width: 640px) {
  #app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-kpi, #app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-kpi:is(.r2-k5, .r2-k4, .r2-k3, .r2-k2),
  #app[data-v2] main[data-v="bugun"] .gt-kpi-s, #app[data-v2] main[data-v="alarmlar"] .e2-kpi, #app[data-v2] main[data-v="ozet"] .oz-kpi { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  #app[data-v2] main :is(.r2-k, .gt-kpi, .e2-k, .kpi, .stat) { padding: var(--v2-kpi-pad); }
  #app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-kg { padding: var(--v2-s3) var(--v2-s4) var(--v2-s4); }
  #app[data-v2] main[data-v="bugun"] .gt-iki .dt-b { padding: 16px; }
}
#app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]) .r2-bas { margin: 0; min-height: 0; }
#app[data-v2] main[data-v^="rap"] .r2-eylem :is(button, .btn) { min-height: 32px; font-size: 13px; }

/* ================= 2. TUR: ortak ölçüler, Bugün/Özet dashboard düzeni, alarm tablosu, huni ================= */
#app[data-v2] main:is([data-v="bugun"], [data-v="ozet"], [data-v="alarmlar"], [data-v="onaylar"], [data-v^="rap"]) { padding-inline: var(--v2-page-px); }
#app[data-v2] main:is([data-v="bugun"], [data-v="ozet"]) > .dt-sayfa { padding-inline: 0; }
#app[data-v2] main:is([data-v^="rap"], [data-v="onaylar"]).r2-app { gap: 12px; }

/* Bugün: sade tek satır başlık "Cuma · 6 Kasım 2026 · V2" */
#app[data-v2] main[data-v="bugun"] .gt-bas-m { flex-direction: row; align-items: baseline; gap: 0 8px; }
#app[data-v2] main[data-v="bugun"] .gt-bas h2 { order: 2; flex: 0 1 auto; font-size: 14px; line-height: 1.5; font-weight: 600; color: var(--v2-ink-2); letter-spacing: 0; }
#app[data-v2] main[data-v="bugun"] .gt-gun { order: 1; font-size: 14px; font-weight: 600; color: var(--v2-ink-2); }
#app[data-v2] main[data-v="bugun"] .gt-gun::after { content: " ·"; }
#app[data-v2] main[data-v="bugun"] .gt-kisi::before { content: "· "; }

/* Özet: Agency dashboard ızgarası (üst şerit tam genişlik, kartlar 2 sütun) */
#app[data-v2] main[data-v="ozet"].oz-app { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--v2-s4); align-items: start; padding-block: 8px 32px; }
#app[data-v2] main[data-v="ozet"].oz-app > * { grid-column: 1 / -1; margin: 0; min-width: 0; }
#app[data-v2] main[data-v="ozet"].oz-app > :is(.thbox, .alr-musteri, .oz-grid) { grid-column: auto; }
#app[data-v2] main[data-v="ozet"] .oz-grid { display: contents; }
#app[data-v2] main[data-v="ozet"] .oz-grid > * { min-width: 0; margin: 0; }
#app[data-v2] main[data-v="ozet"] .thbox .stat-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
/* kutu içi istatistik: çift kenarlık yok, düz ikincil yüzey */
#app[data-v2] main[data-v="ozet"] .box .stat-grid > .stat { background: var(--v2-surface-2); border-color: transparent; box-shadow: none; }
#app[data-v2] main[data-v="ozet"] .box .stat-grid > .stat.is-vurgu { background: color-mix(in srgb, var(--v2-brand) 9%, var(--v2-surface)); }
#app[data-v2] main[data-v="ozet"] .oz-durum > .kpi::before { display: block; }
#app[data-v2] main[data-v="ozet"] .alr-mrow { background: var(--v2-bad-soft); border-radius: var(--v2-r-sm); }
@media (max-width: 1100px) { #app[data-v2] main[data-v="ozet"].oz-app { grid-template-columns: minmax(0, 1fr); } #app[data-v2] main[data-v="ozet"].oz-app > * { grid-column: auto; } }

/* Alarmlar: Agency tablo/feed */
@media (min-width: 641px) { #app[data-v2] main[data-v="alarmlar"] .e2-t th { padding: var(--v2-th-pad); } }
@media (min-width: 641px) { #app[data-v2] main[data-v="alarmlar"] .e2-t td { padding: var(--v2-td-pad); border-bottom: 1px solid var(--v2-line-2); } }
@media (min-width: 641px) { #app[data-v2] main[data-v="alarmlar"] .e2-t tbody tr:hover > td { background: color-mix(in srgb, var(--v2-brand) 5%, transparent); } }
@media (min-width: 641px) { #app[data-v2] main[data-v="alarmlar"] .e2-t tr.alr-sat-kirmizi > td { background-image: none; } }
@media (min-width: 641px) { #app[data-v2] main[data-v="alarmlar"] .e2-t tr.alr-sat-kirmizi > td:first-child { box-shadow: inset 3px 0 0 var(--v2-bad); } }
#app[data-v2] main[data-v="alarmlar"] .e2-t a, #app[data-v2] main[data-v="alarmlar"] .e2-t .link { font-weight: 600; }
#app[data-v2] main[data-v="alarmlar"] .e2-chip { border-radius: var(--v2-chip-r); font-size: var(--v2-chip-fs); }
#app[data-v2] main[data-v="alarmlar"] .e2-kpi-alt { background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); }
#app[data-v2] main[data-v="alarmlar"] .e2-kpi { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }

/* Huni: veri 0 iken de iz görünsün */
#app[data-v2] main .r2-huni-a > .r2-hc { box-shadow: inset 0 0 0 1px var(--v2-line); }
#app[data-v2] main .r2-huni-a > .r2-hc > i { min-width: 6px; }
#app[data-v2] main .r2-iz { box-shadow: inset 0 0 0 1px var(--v2-line-2); }

/* Koyu tema: yalnız değişkenle çözülemeyen yerler */
:root[data-v2-mod="koyu"] #app[data-v2] main :is(.alr-serit.alr-var) { background: color-mix(in srgb, var(--v2-bad) 14%, var(--v2-surface)); }
:root[data-v2-mod="koyu"] #app[data-v2] main :is(.alr-serit.alr-yakin) { background: color-mix(in srgb, var(--v2-warn) 14%, var(--v2-surface)); }
:root[data-v2-mod="koyu"] #app[data-v2] main .r2-k.is-kotu > span:not(:empty), :root[data-v2-mod="koyu"] #app[data-v2] main .e2-k.kritik > span { background: color-mix(in srgb, var(--v2-bad) 22%, var(--v2-surface)); }

/* ================= 3. TUR: Agency eşleme (boş durum yüksekliği, liste ritmi) ================= */
#app[data-v2] main[data-v="bugun"] :is(.bg-ic, .bg-karar) > p.help { padding: var(--v2-s2) 0; line-height: 1.4; }
#app[data-v2] main[data-v="bugun"] .gt-iki .dt-b { padding-block: var(--v2-s4); }
#app[data-v2] main[data-v="bugun"] .bg-karar > h3, #app[data-v2] main[data-v="bugun"] .gt-iki .dt-b > h3 { margin-bottom: var(--v2-s3); padding-bottom: var(--v2-s3); }
#app[data-v2] main[data-v="bugun"] .bg-l li:first-child { padding-top: 0; }
#app[data-v2] main[data-v="bugun"] .bg-l li:last-child { border-bottom: 0; padding-bottom: 0; }
#app[data-v2] main :is(.r2-kart > header h3, .dt-b > h3, .box > h3) { font-size: .83rem; }

/* ================= 4. TUR: denetçi bulguları ================= */
/* Özet stok dağılım şeridi: eski kural (height 14, padding 6) ile kesişip 2px görünüyordu */
#app[data-v2] main[data-v="ozet"] .oz-dagilim { height: auto; padding: 0; overflow: visible; margin-block-start: var(--v2-s1); }
#app[data-v2] main[data-v="ozet"] .oz-dagilim i { height: 8px; }
/* Bugün: boş durum kutusu kart genişliğinde */
#app[data-v2] main[data-v="bugun"] .bg-karar > p.help { width: 100%; max-width: none; box-sizing: border-box; }
/* Rapor tabloları: kart içinde çift kenarlık yok; bilgi kutusu KPI sırası genişliğinde */
#app[data-v2] main .r2-kart table.r2-t { border: 0; border-radius: 0; box-shadow: none; }
#app[data-v2] main .r2-not { max-width: none; width: 100%; box-sizing: border-box; }
/* Mobil alarm kartları: dış kap çerçevesiz, satır kartı tek kenarlık */
@media (max-width: 640px) {
  #app[data-v2] main[data-v="alarmlar"] .e2-kart, #app[data-v2] main[data-v="alarmlar"] .e2-tablo { border: 0; box-shadow: none; background: transparent; }
}
/* Koyu: alarmlar seçici/düğme zemini */
:root[data-v2-mod="koyu"] #app[data-v2] main[data-v="alarmlar"] :is(select, option, input:not([type=checkbox]), button.ghost, .e2-chip) { background-color: var(--v2-surface); color: var(--v2-ink); border-color: var(--v2-line); color-scheme: dark; }

/* ================= 5. TUR: tablet genişlikleri (yan menü 252px düşer; ana alan dar) ================= */
/* Bugün: iki sütun yalnız geniş ana alanda; kartlar taşmaz, sağ kenarlar hizalı */
@media (max-width: 1280px) { #app[data-v2] main[data-v="bugun"] .gt-iki { grid-template-columns: minmax(0, 1fr); } }
#app[data-v2] main[data-v="bugun"] :is(.gt-iki, .gt-ana, .gt-yan, .dt-b, .bg-karar, .bg-ic) { min-width: 0; max-width: 100%; box-sizing: border-box; }
/* liste satırı: saat/tarih 88px + metin (min 12ch) + eylem; eylem dar kartta alt satıra sarar */
#app[data-v2] main[data-v="bugun"] .bg-l li { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--v2-s1) var(--v2-s3); }
#app[data-v2] main[data-v="bugun"] .bg-l li > :first-child { flex: 0 0 88px; }
#app[data-v2] main[data-v="bugun"] .bg-l li > :nth-child(2) { flex: 1 1 14ch; min-width: 12ch; word-break: normal; overflow-wrap: break-word; }
#app[data-v2] main[data-v="bugun"] .bg-l li > :nth-child(n+3) { flex: 0 1 auto; margin-inline-start: auto; flex-wrap: wrap; }
#app[data-v2] main[data-v="bugun"] .bg-l li :is(small, b, .alr-rz) { word-break: normal; overflow-wrap: break-word; }
#app[data-v2] main[data-v="bugun"] .bg-l li > :nth-child(2) > * { display: block; max-width: 100%; }
#app[data-v2] main[data-v="bugun"] .bg-l li > :nth-child(2) > .alr-rz { display: inline-flex; flex-wrap: wrap; white-space: normal; }
/* Özet / alarmlar / rapor: ızgaralar dar alanda sütun düşürür */
@media (max-width: 1280px) {
  #app[data-v2] main[data-v="ozet"].oz-app { grid-template-columns: minmax(0, 1fr); }
  #app[data-v2] main[data-v="ozet"].oz-app > * { grid-column: auto; }
  #app[data-v2] main[data-v^="rap"] .r2-izgara:is(.r2-21, .r2-12, .r2-3) { grid-template-columns: minmax(0, 1fr); }
}
#app[data-v2] main:is([data-v="ozet"], [data-v="alarmlar"], [data-v="onaylar"], [data-v^="rap"]) :is(.box, .r2-kart, .e2-kart, .alr-musteri) { min-width: 0; max-width: 100%; }