/* V2 Finans ve Resepsiyon ekranları: Agency CRM yerleşimi (komisyon / döviz / gelir-gider / araçlar kalıpları).
 * Kapsam: #app .f4-app (tahsilat, tahsilat tahmini, hakediş, firma içi dağılım, muhasebe, harcama) ve #app .rs-app (ziyaretçi defteri).
 * Eski finans4-tasarim.css / app.css kuralları burada ezilir; belge/makbuz/ödeme planı önizlemeleri (.stage .page .pl .pg .vsc .xk-t .pdf-host) DOKUNULMAZ.
 * Yalnız mantıksal özellikler (RTL uyumlu); renkler --v2-* değişkenlerinden. */

#app[data-v2] :is(.f4-app, .rs-app) {
  --f4-iyi: var(--v2-good); --f4-uyari: var(--v2-warn); --f4-kotu: var(--v2-bad);
  --f4-yuz: var(--v2-surface-2); --f4-cizgi: var(--v2-line-2);
  --alr-kirmizi: var(--v2-bad); --alr-kirmizi-yazi: var(--v2-bad-text); --alr-sari: var(--v2-warn); --alr-sari-yazi: var(--v2-warn-text);
  --yz-xs: 12px; --yz-sm: 13px; --yz-md: 14px;
}
#app[data-v2] .f4-app { gap: var(--v2-s4); padding-block: var(--v2-s4) 56px; padding-inline: var(--v2-page-px, 24px); max-width: var(--v2-max); margin-inline: auto; width: 100%; box-sizing: border-box; }

/* ---- sayfa başlığı: alt yazı (.sub) deseni ---- */
#app[data-v2] .f4-app > .page-head { margin-block: 0; }
#app[data-v2] .f4-app .page-head-o { font-size: 12.6px; line-height: 1.5; color: var(--v2-muted); }
#app[data-v2] .f4-app .page-head .bilgi { color: var(--v2-muted); }

/* ---- KPI kartları: ikon + etiket + değer + alt satır ---- */
#app[data-v2] .f4-kpis, #app[data-v2] .f4-fin .f4-kpis, #app[data-v2] .rs-app .r2-kpi { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: var(--v2-s4); margin: 0; }
#app[data-v2] :is(.f4-kpi, .rs-app .r2-k) {
  gap: 4px; padding: var(--v2-kpi-pad, 16px 18px); background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r);
  box-shadow: var(--v2-sh-sm); min-width: 0; overflow: hidden;
}
#app[data-v2] :is(.f4-kpi, .alr-kutu, .rs-app .r2-k)::before { display: none; }
#app[data-v2] .f4-kpi-l, #app[data-v2] .rs-app .r2-k > small { display: flex; align-items: center; gap: 7px; font-size: var(--v2-kpi-label, 11.5px); font-weight: 550; line-height: 1.3; color: var(--v2-muted); text-transform: none; letter-spacing: 0; }
#app[data-v2] .f4-kpi-l::before { display: none; }
#app[data-v2] .v2f-ik { flex: none; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#app[data-v2] .f4-kpi-v, #app[data-v2] .rs-app .r2-k > b { font-size: var(--v2-kpi-val-size, 24px); font-weight: var(--v2-kpi-val-weight, 650); line-height: 1.25; letter-spacing: -.025em; color: var(--v2-ink); font-variant-numeric: tabular-nums; }
#app[data-v2] .f4-kpi-v .ap-ana { font-size: inherit; }
#app[data-v2] .f4-kpi-v :is(.ap-ana, .ap-ikinci, b, span) { color: inherit; }
#app[data-v2] .f4-kpi-s { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-height: 20px; font-size: 11px; color: var(--v2-muted); line-height: 1.35; }
#app[data-v2] .f4-kpi.is-kotu, #app[data-v2] .f4-kpi[data-t="kotu"] { border-color: color-mix(in srgb, var(--v2-bad) 28%, var(--v2-line)); }
#app[data-v2] :is(.f4-kpi.is-kotu, .alr-kutu.is-kotu, .f4-kpi[data-t="kotu"]) :is(.f4-kpi-v, b) { color: var(--v2-bad-text); }
#app[data-v2] :is(.f4-kpi.is-kotu, .f4-kpi[data-t="kotu"]) .f4-kpi-l { color: var(--v2-bad); }
#app[data-v2] :is(.f4-kpi.is-uyari, .alr-kutu.is-uyari, .f4-kpi[data-t="uyari"]) :is(.f4-kpi-v, b) { color: var(--v2-warn-text); }
#app[data-v2] .f4-kpi[data-t="iyi"] .f4-kpi-v { color: var(--v2-good-text); }
#app[data-v2] .alr-kutu .alr-rz { margin-block-start: 0; }

@media (min-width: 1100px) { #app[data-v2] .f4-kpis:has(> :nth-child(8)):not(:has(> :nth-child(9))) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ---- rozetler (good / warn / bad) ---- */
#app[data-v2] :is(.f4-pill, .alr-rz) { gap: 5px; padding: 2px 8px; border-radius: 5px; font-size: 10.5px; font-weight: 600; line-height: 1.5; }
#app[data-v2] .f4-pill { background: var(--v2-surface-3); color: var(--v2-ink-2); }
#app[data-v2] .f4-pill[data-t="iyi"] { background: var(--v2-good-soft); color: var(--v2-good-text); }
#app[data-v2] .f4-pill[data-t="uyari"] { background: var(--v2-warn-soft); color: var(--v2-warn-text); }
#app[data-v2] .f4-pill[data-t="kotu"] { background: var(--v2-bad-soft); color: var(--v2-bad-text); }
#app[data-v2] .f4-pill[data-t="sade"] { background: var(--v2-surface-3); color: var(--v2-muted); }
#app[data-v2] .alr-rz-kirmizi { background: var(--v2-bad-soft); color: var(--v2-bad-text); }
#app[data-v2] .alr-rz-sari { background: var(--v2-warn-soft); color: var(--v2-warn-text); }
#app[data-v2] .alr-rz-normal { background: none; color: var(--v2-muted); padding-inline: 0; }

/* ---- toolbar: arama + chip + eylem ---- */
#app[data-v2] .f4-bar { gap: 8px; margin: 0; align-items: center; }
#app[data-v2] .f4-bar > .f4-ara { flex: 1 1 260px; max-width: 420px; }
#app[data-v2] .f4-app input.f4-ara, #app[data-v2] .f4-app .f4-bar select, #app[data-v2] .f4-app .f4-bar input[type=date], #app[data-v2] .f4-app .f4-bar input[type=month] {
  height: 38px; min-height: 38px; border-radius: var(--v2-r-sm); border: 1px solid var(--v2-line); background-color: var(--v2-surface); padding-inline: 11px; font-size: var(--v2-fs);
}
#app[data-v2] .f4-seg { gap: 8px; padding: 0; background: none; border-radius: 0; }
#app[data-v2] .f4-seg > button {
  min-height: 30px; padding: var(--v2-chip-pad, 4px 12px); border: 1px solid var(--v2-line); border-radius: var(--v2-chip-r, 999px); background: var(--v2-surface);
  color: var(--v2-muted); font-size: var(--v2-chip-fs, 12.5px); font-weight: 550; box-shadow: none;
}
#app[data-v2] .f4-seg > button:hover { color: var(--v2-ink); border-color: var(--v2-faint); }
#app[data-v2] .f4-seg > button.on { background: var(--v2-chip-on-bg); border-color: var(--v2-chip-on-bg); color: var(--v2-chip-on-fg); box-shadow: none; }
#app[data-v2] .f4-bar-n { font-size: 11.76px; color: var(--v2-muted); }
#app[data-v2] .f4-app :is(.ghost, .primary).sm { min-height: 30px; padding-inline: 10px; font-size: 12px; border-radius: var(--v2-r-sm); }
#app[data-v2] .f4-app .ghost { background: var(--v2-surface); border: 1px solid var(--v2-line); color: var(--v2-ink); box-shadow: var(--v2-sh-sm); }
#app[data-v2] .f4-app .ghost:hover { border-color: var(--v2-brand); color: var(--v2-brand); }

/* üst düzey bölüm düğmeleri (arama yok): Agency sekme deseni */
#app[data-v2] .f4-bar:not(:has(.f4-ara)) > .f4-seg { gap: 2px; border-bottom: 1px solid var(--v2-line); flex: 1 1 100%; }
#app[data-v2] .f4-bar:not(:has(.f4-ara)) > .f4-seg > button { border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; margin-bottom: -1px; padding: 9px 14px; font-size: 14px; font-weight: 550; color: var(--v2-muted); }
#app[data-v2] .f4-bar:not(:has(.f4-ara)) > .f4-seg > button.on { background: none; color: var(--v2-brand); border-bottom-color: var(--v2-brand); }

/* ---- kart ---- */
#app[data-v2] :is(.f4-card, .f4-app .fe-kutu, .f4-app .fe-ac, .alr-musteri, .f4-yan, .rs-app .rs-form, .rs-app .rs-tablo, .rs-app .rs-kart) {
  background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); box-shadow: var(--v2-sh-sm);
}
#app[data-v2] .f4-card-h { padding: 16px 20px 0; align-items: center; }
#app[data-v2] .f4-card-h h3, #app[data-v2] .alr-musteri > h3 { font-size: 13.3px; font-weight: 650; letter-spacing: -.005em; color: var(--v2-ink); }
#app[data-v2] .f4-card-b { padding: 14px 20px 18px; }
#app[data-v2] .f4-card > .f4-card-h:not(:has(+ *)) { padding-bottom: 16px; }
#app[data-v2] .f4-card :is(.f4-card-h small, .f4-not) { color: var(--v2-muted); }
#app[data-v2] .alr-musteri { padding: 16px 20px; margin: 0; }
#app[data-v2] .alr-musteri > h3 { margin-bottom: 10px; }
#app[data-v2] .alr-mrow { padding: 8px 10px; border-radius: var(--v2-r-sm); }
#app[data-v2] .alr-mrow.alr-sat-kirmizi { background: color-mix(in srgb, var(--v2-bad) 5%, var(--v2-surface)); }
#app[data-v2] .f4-card.fe-izgara { padding: 18px 20px; gap: 12px 16px; }
#app[data-v2] .f4-card.fe-ac { padding: 0; }
#app[data-v2] .fe-ac > summary { padding: 14px 20px; font-size: 13.3px; font-weight: 650; color: var(--v2-ink); cursor: pointer; }
#app[data-v2] .fe-ac[open] > summary { border-bottom: 1px solid var(--v2-line-2); }
#app[data-v2] .fe-ac > form { padding: 16px 20px 18px; }
#app[data-v2] .f4-app .fe-f { font-size: 11.2px; font-weight: 550; color: var(--v2-ink-2); gap: 5px; }
#app[data-v2] .f4-app .fe-f :is(input, select) { height: 39px; font-weight: 400; }
#app[data-v2] .f4-app .f4-f { font-size: 11.2px; font-weight: 550; color: var(--v2-ink-2); }
#app[data-v2] .f4-app .fe-sonuc { gap: var(--v2-s4); }

/* ---- Agency tablosu ---- */
#app[data-v2] .f4-tw.tbl-x { 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] .f4-card > .f4-tw.tbl-x, #app[data-v2] .fe-tablo .f4-tw.tbl-x { border-width: 1px 0 0; border-radius: 0; box-shadow: none; }
#app[data-v2] .f4-app table.tk { font-size: 13.5px; }
#app[data-v2] .f4-app table.tk thead th { position: sticky; top: 0; z-index: 1; padding: var(--v2-th-pad, 10px 14px); 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; border-bottom: 1px solid var(--v2-line); }
#app[data-v2] .f4-app table.tk tbody td { padding: var(--v2-td-pad, 10px 14px); border-top: 1px solid var(--v2-line-2); color: var(--v2-ink); }
#app[data-v2] .f4-app table.tk tbody tr:hover td { background: color-mix(in srgb, var(--v2-brand) 4%, var(--v2-surface)); }
#app[data-v2] .f4-app table.tk tr.on td { background: color-mix(in srgb, var(--v2-brand) 8%, var(--v2-surface)); }
#app[data-v2] .f4-app table.tk tr.on td:first-child { box-shadow: inset 3px 0 0 var(--v2-brand); }
#app[data-v2] .f4-app table.tk td small { color: var(--v2-muted); }
#app[data-v2] .f4-app table.tk :is(th, td).num { text-align: end; }
#app[data-v2] .f4-app table.tk td.num { white-space: nowrap; font-variant-numeric: tabular-nums; }
#app[data-v2] .f4-app table.tk td.none { padding: 32px 16px; color: var(--v2-muted); }
#app[data-v2] .f4-ilerleme { background: var(--v2-surface-3); }
#app[data-v2] .f4-ilerleme > i { background: var(--v2-good); }
#app[data-v2] .f4-app .f4-kirmizi { color: var(--v2-bad); }
#app[data-v2] .f4-app .f4-yesil { color: var(--v2-good); }
#app[data-v2] .f4-app a.link, #app[data-v2] .f4-app button.link { color: var(--v2-brand); }

/* ---- ödeme planı / makbuz alt paneli (yan sayfa) kart deseni ---- */
#app[data-v2] .f4-yan { border-radius: var(--v2-r); box-shadow: var(--v2-sh); padding: 18px 20px; }
#app[data-v2] .f4-yan-h h3 { font-size: 14.7px; font-weight: 650; letter-spacing: -.01em; }
#app[data-v2] .f4-sec { border-top-color: var(--v2-line-2); }
#app[data-v2] .f4-sec > h4 { font-size: 13.3px; font-weight: 650; }
#app[data-v2] .f4-ozet > div { background: var(--v2-surface-2); border: 1px solid var(--v2-line-2); border-radius: var(--v2-r); }
#app[data-v2] .f4-ozet small { font-size: 11px; font-weight: 550; }
#app[data-v2] .f4-ozet b { font-size: 16px; font-weight: 650; letter-spacing: -.01em; }
#app[data-v2] .f4-x { border-radius: var(--v2-r-sm); border-color: var(--v2-line); }
#app[data-v2] .f4-takvim > li, #app[data-v2] .f4-kayit > li { border-top-color: var(--v2-line-2); }
#app[data-v2] .f4-takvim li.gecikti .t-n { color: var(--v2-bad); }
#app[data-v2] .f4-takvim li.odendi .t-n { color: var(--v2-good); }
#app[data-v2] .f4-perde:not([hidden]) { background: rgba(14, 21, 48, .5); }

/* ---- boş durum ---- */
#app[data-v2] :is(.f4-app > .durum, .f4-ic > .durum, .f4-app .f4-split > .durum, .f4-split > .f4-liste > .durum, .f4-app .f4-card .durum, .f4-app .f4-tw .durum), #app[data-v2] .f4-app .loading {
  background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); box-shadow: var(--v2-sh-sm); color: var(--v2-muted); padding: 40px 16px;
}
#app[data-v2] .f4-app :is(.f4-card, .f4-tw) .durum { border: 0; box-shadow: none; border-radius: 0; }
#app[data-v2] .f4-app .durum.bos { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
#app[data-v2] .f4-app .durum.bos > b { color: var(--v2-ink-2); font-weight: 600; }
#app[data-v2] .f4-app .durum.bos::before { content: ""; width: 36px; height: 36px; border-radius: 10px; background: var(--v2-surface-3) center / 18px no-repeat; opacity: .9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2398a1b6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E"); }
#app[data-v2] .f4-app .loading.err { color: var(--v2-bad); border-color: color-mix(in srgb, var(--v2-bad) 35%, var(--v2-line)); }

/* ---- grafik (aylık beklenen tahsilat) ---- */
#app[data-v2] .f4-g-izgara { stroke: var(--v2-line); }
#app[data-v2] .f4-g-yazi { fill: var(--v2-muted); }
#app[data-v2] .f4-g-s1 { stroke: var(--v2-brand); }
#app[data-v2] .f4-g-s2 { stroke: var(--v2-gold); } #app[data-v2] .f4-g-n2 { fill: var(--v2-gold); }
#app[data-v2] .f4-g-s3 { stroke: var(--v2-good); } #app[data-v2] .f4-g-n3 { fill: var(--v2-good); }
#app[data-v2] .f4-g-n1 { fill: var(--v2-brand); }
#app[data-v2] .f4-cubuk > i { background: var(--v2-surface-3); }
#app[data-v2] .f4-cubuk > i > em { background: var(--v2-brand); }

/* ================= RESEPSİYON (Ziyaretçi defteri): Agency form + KPI + tablo deseni ================= */
#app[data-v2] .rs-app { max-width: var(--v2-max); gap: var(--v2-s4); padding-inline: var(--v2-page-px, 24px); padding-block: var(--v2-s4) 56px; box-sizing: border-box; }
#app[data-v2] .rs-app .r2-bas { margin: 0; }
#app[data-v2] .rs-app .r2-k { gap: 4px; }
#app[data-v2] .rs-app .r2-k > b { display: block; }
#app[data-v2] .rs-app .rs-form { padding: 18px 20px; }
#app[data-v2] .rs-app .rs-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 14px; }
#app[data-v2] .rs-app .rs-ust h3 { font-size: 13.3px; font-weight: 650; letter-spacing: -.005em; margin: 0; }
#app[data-v2] .rs-app .rs-grid { gap: 14px 16px; }
#app[data-v2] .rs-app :is(.rs-a, .rs-zaman) > span:first-child { font-size: 11.2px; font-weight: 550; color: var(--v2-ink-2); }
#app[data-v2] .rs-app :is(.rs-a, .rs-zaman) { gap: 5px; }
#app[data-v2] .rs-app .rs-eylem { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--v2-line-2); }
#app[data-v2] .rs-app .rs-seg { border: 1px solid var(--v2-line); border-radius: var(--v2-r-sm); background: var(--v2-surface); overflow: hidden; }
#app[data-v2] .rs-app .rs-seg label { color: var(--v2-muted); font-weight: 550; }
#app[data-v2] .rs-app .rs-seg :is(label:has(input:checked), label.on) { background: color-mix(in srgb, var(--v2-brand) 10%, var(--v2-surface)); color: var(--v2-brand); }
#app[data-v2] .rs-app .rs-bar { gap: 8px; align-items: center; margin: 0; padding: 0; background: none; border: 0; box-shadow: none; }
#app[data-v2] .rs-app .rs-bar :is(input[type=date], input[type=search]) { height: 38px; border-radius: var(--v2-r-sm); border: 1px solid var(--v2-line); padding-inline: 11px; background: var(--v2-surface); }
#app[data-v2] .rs-app .rs-bar .ghost.sm { min-height: 38px; }
#app[data-v2] .rs-app .rs-tablo { overflow-x: auto; }
#app[data-v2] .rs-app .rs-tablo table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
#app[data-v2] .rs-app .rs-tablo thead th { padding: var(--v2-th-pad, 10px 14px); position: sticky; top: 0; }
#app[data-v2] .rs-app .rs-tablo tbody td { padding: var(--v2-td-pad, 10px 14px); border-top: 1px solid var(--v2-line-2); vertical-align: middle; }
#app[data-v2] .rs-app .rs-tablo table small { color: var(--v2-muted); font-size: 11.5px; }
#app[data-v2] .rs-app .rs-kart { padding: var(--v2-kpi-pad, 16px 18px); }
#app[data-v2] .rs-app .rs-bos, #app[data-v2] .rs-app .durum.bos { background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: var(--v2-r); padding: 40px 16px; text-align: center; color: var(--v2-muted); box-shadow: var(--v2-sh-sm); }

/* ---- dar ekran ---- */
@media (max-width: 820px) {
  #app[data-v2] :is(.f4-kpis, .f4-fin .f4-kpis, .rs-app .r2-kpi) { grid-template-columns: minmax(0, 1fr); }
  #app[data-v2] .f4-bar > .f4-ara { max-width: none; flex-basis: 100%; }
  #app[data-v2] .f4-bar-a { margin-inline-start: 0; }
  #app[data-v2] .f4-card.fe-izgara { padding: 16px; }
}

/* ---- sürüm 2: resepsiyon dolu tablo + rozetler (Tahsilat .tk tablosuyla aynı), hakediş/harcama dolu satırlar, koyu tema ---- */
#app[data-v2] .rs-app .f4-tw.tbl-x, #app[data-v2] .rs-app .rs-tablo { overflow-x: auto; }
#app[data-v2] .rs-app table.tk { width: 100%; border-collapse: collapse; font-size: 13.5px; }
#app[data-v2] .rs-app table.tk thead th { position: sticky; top: 0; z-index: 1; padding: var(--v2-th-pad, 10px 14px); 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; text-align: start; white-space: nowrap; border-bottom: 1px solid var(--v2-line); }
#app[data-v2] .rs-app table.tk tbody td { padding: var(--v2-td-pad, 10px 14px); border: 0; border-top: 1px solid var(--v2-line-2); color: var(--v2-ink); vertical-align: middle; }
#app[data-v2] .rs-app table.tk tbody tr:first-child td { border-top: 0; }
#app[data-v2] .rs-app table.tk tbody tr:hover td { background: color-mix(in srgb, var(--v2-brand) 4%, var(--v2-surface)); }
#app[data-v2] .rs-app table.tk td small { display: block; margin-top: 2px; font-size: 11.5px; color: var(--v2-muted); }
#app[data-v2] .rs-app .rs-icerde td { background: color-mix(in srgb, var(--v2-good) 7%, var(--v2-surface)); }
#app[data-v2] .rs-app .rs-chip { padding: 2px 8px; border-radius: var(--v2-chip-r-sm, 6px); font-size: 10.5px; font-weight: 600; background: var(--v2-surface-3); color: var(--v2-ink-2); }
#app[data-v2] .rs-app .rs-ok { background: var(--v2-good-soft); color: var(--v2-good-text); }
#app[data-v2] .rs-app .rs-hav { background: var(--v2-bad-soft); color: var(--v2-bad-text); }
#app[data-v2] .rs-app .rs-sah { background: var(--v2-warn-soft); color: var(--v2-warn-text); }
#app[data-v2] .rs-app .rs-bek { background: var(--v2-info-soft); color: var(--v2-info-text); }
#app[data-v2] .rs-app .rs-ic { background: var(--v2-good); color: var(--v2-brand-ink); }
#app[data-v2] .rs-app .rs-iptal { background: var(--v2-surface-3); color: var(--v2-muted); }
#app[data-v2] .rs-app .rs-uyari { background: var(--v2-warn-soft); border-color: color-mix(in srgb, var(--v2-warn) 30%, var(--v2-line)); color: var(--v2-warn-text); border-radius: var(--v2-r); }
#app[data-v2] .rs-app .rs-z { color: var(--v2-bad-text); }
#app[data-v2] .rs-app .rs-kart.rs-icerde { border-color: color-mix(in srgb, var(--v2-good) 35%, var(--v2-line)); }
#app[data-v2] .rs-app :is(.r2-kart, .r2-kg) { background: none; border: 0; box-shadow: none; padding: 0; }
#app[data-v2] .f4-app table.tk td .ghost.sm, #app[data-v2] .f4-app table.tk td .primary.sm { vertical-align: middle; }
#app[data-v2] .f4-app .hh-sil { border-radius: var(--v2-r-sm); border-color: var(--v2-line); background: var(--v2-surface); color: var(--v2-bad-text); }
#app[data-v2] .f4-app .hh-not { max-width: 36ch; color: var(--v2-muted); }
#app[data-v2] .f4-app .f4-girdi { border-radius: var(--v2-r-sm); border-color: var(--v2-line); background: var(--v2-surface); color: var(--v2-ink); }
#app[data-v2] .f4-ozet .f4-kirmizi, #app[data-v2] .f4-app .f4-kirmizi { color: var(--v2-bad-text); }
#app[data-v2] .f4-app .f4-yesil { color: var(--v2-good-text); }
#app[data-v2] .f4-app table.tk b.warn { color: var(--v2-warn-text); }
#app[data-v2] .f4-app table.tk td.up { color: var(--v2-good-text); } #app[data-v2] .f4-app table.tk td.dn { color: var(--v2-bad-text); }

/* koyu tema: belge alanları hariç tüm finans yüzeyleri değişkenle uyumlu; yalnız sabit renkli kalıntılar */
:root[data-v2-mod="koyu"] #app[data-v2] :is(.f4-app, .rs-app) :is(.f4-card, .f4-yan, .f4-ozet > div, .alr-musteri, .f4-tw, .rs-form, .rs-kart):not(:is(.stage, .scaler, .page, .pl, .pg, .pg-sema, .vsc, .xk-t, .ts-kagit, .pdf-host) *) { color: var(--v2-ink); }
:root[data-v2-mod="koyu"] #app[data-v2] .f4-app .durum.bos::before { background-color: var(--v2-surface-3); }
:root[data-v2-mod="koyu"] #app[data-v2] :is(.alr-mrow.alr-sat-kirmizi, .f4-kpi.is-kotu) { background-color: color-mix(in srgb, var(--v2-bad) 10%, var(--v2-surface)); }
#app[data-v2] .rs-app .rs-seg label:not(:has(input:checked)) { background: transparent; color: var(--v2-muted); }
#app[data-v2] .rs-app .rs-seg label:not(:has(input:checked)) > span { color: inherit; }
#app[data-v2] .rs-app .rs-seg span { background: var(--v2-surface); color: var(--v2-muted); }
#app[data-v2] .rs-app .rs-seg input:checked + span { background: color-mix(in srgb, var(--v2-brand) 12%, var(--v2-surface)); color: var(--v2-brand); }
#app[data-v2] .f4-app table.tk td small.f4-kirmizi, #app[data-v2] .f4-app table.tk td small.f4-kirmizi b { color: var(--v2-bad-text); }
#app[data-v2] .f4-app table.tk td small.f4-yesil { color: var(--v2-good-text); }
#app[data-v2] .f4-app .f4-bar select { font-size: 13px; padding-inline: 10px; }
#app[data-v2] .f4-app > .page-head { min-height: 0; margin-bottom: -4px; }
/* sürüm 3: odak kaymasını hafiflet, bilgi kutusu KPI ile aynı genişlik, çift kenarlık, mobil tablo kaydırma */
#app[data-v2] .rs-app :is(input, select, textarea) { scroll-margin-block: 96px; }
#app[data-v2] .f4-app > .page-head > .bilgi, #app[data-v2] .f4-app .bilgi-g { max-width: none; width: 100%; box-sizing: border-box; }
#app[data-v2] .f4-app .bilgi-oz, #app[data-v2] .rs-app .bilgi-oz { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; display: block; }
#app[data-v2] .f4-ic > .f4-tw.tbl-x, #app[data-v2] .f4-liste > .f4-tw.tbl-x { border-radius: var(--v2-r); }
#app[data-v2] .f4-tw.tbl-x > table.tk { border: 0; margin: 0; }
#app[data-v2] .f4-tw.tbl-x { -webkit-overflow-scrolling: touch; max-width: 100%; }