/* V2 · SATIŞ ve ENVANTER ekranları (Agency CRM deseni). Yalnız sunum; yalnız #app içi uygulama ekranları.
 * Kapsam: sema list plan teklifler satisForm satislar sozlesme imzaTakip fiyat admin fiyatGecmisi.
 * Belge/PDF/önizleme alanları (.stage .scaler .page .pl .pg .pg-sema .vsc .xk-t .pdf-host .ts-kagit) ve @media print DOKUNULMAZ. */

#app[data-v2] main:is([data-v="sema"], [data-v="list"], [data-v="plan"], [data-v="teklifler"], [data-v="satisForm"], [data-v="satislar"], [data-v="sozlesme"], [data-v="imzaTakip"], [data-v="fiyat"], [data-v="admin"], [data-v="fiyatGecmisi"]) {
  --sv-brand: var(--v2-brand); --sv-r: var(--v2-r); --sv-rs: var(--v2-r-sm);
  padding-inline: var(--v2-page-px);
}

/* ---- Filtre çipleri: ortak .chip (pill, seçili = tema rengi); burada yalnız aralık ---- */
#app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="list"], [data-v="fiyatGecmisi"]) .chips { gap: var(--v2-s2); }

/* ---- Sekmeler: Agency .tabs (alt çizgili, seçili = marka rengi + 2px çizgi) ---- */
#app[data-v2] main[data-v="sozlesme"] .tk-bar.sekme-bar,
#app[data-v2] main[data-v="imzaTakip"] .r2-seg {
  display: flex; flex-wrap: wrap; gap: 2px; margin: 0 0 var(--v2-s4); padding: 0; background: transparent; border: 0; border-bottom: 1px solid var(--v2-line); border-radius: 0; box-shadow: none; width: auto;
}
#app[data-v2] main[data-v="sozlesme"] .tk-bar.sekme-bar .chips { gap: 2px; display: flex; flex-wrap: wrap; }
#app[data-v2] main[data-v="sozlesme"] .tk-bar.sekme-bar .chip,
#app[data-v2] main[data-v="imzaTakip"] .r2-seg button {
  min-height: 0; padding: 9px 14px; margin-bottom: -1px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent;
  color: var(--v2-muted); font-size: 14px; font-weight: 550; box-shadow: none;
}
#app[data-v2] main[data-v="sozlesme"] .tk-bar.sekme-bar .chip:hover,
#app[data-v2] main[data-v="imzaTakip"] .r2-seg button:hover { color: var(--v2-ink); background: transparent; }
#app[data-v2] main[data-v="sozlesme"] .tk-bar.sekme-bar .chip.on,
#app[data-v2] main[data-v="imzaTakip"] .r2-seg button.on { color: var(--sv-brand); border-bottom-color: var(--sv-brand); background: transparent; box-shadow: none; }
#app[data-v2] main[data-v="imzaTakip"] .r2-suz { align-items: center; gap: var(--v2-s2); }

/* ---- KPI kartları: Agency .kpi (8px, 16/18/14 iç boşluk, 24.5px değer) ---- */
#app[data-v2] main:is([data-v="satislar"], [data-v="imzaTakip"], [data-v="fiyat"], [data-v="sema"]) :is(.kpis, .stat-grid, .e2-kpi) { gap: var(--v2-s4); margin-bottom: var(--v2-s4); }
#app[data-v2] main[data-v="satislar"] .kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(176px, 1fr)); }
#app[data-v2] main:is([data-v="satislar"], [data-v="imzaTakip"], [data-v="fiyat"]) :is(.kpi, .stat) {
  padding: var(--v2-kpi-pad); border: 1px solid var(--v2-line); border-radius: var(--sv-r); background: var(--v2-surface); box-shadow: var(--v2-sh-sm); gap: 4px;
}
#app[data-v2] main:is([data-v="satislar"], [data-v="imzaTakip"], [data-v="fiyat"]) :is(.kpi > span, .stat > small) { font-size: var(--v2-kpi-label); font-weight: 550; color: var(--v2-muted); }
#app[data-v2] main:is([data-v="satislar"], [data-v="imzaTakip"], [data-v="fiyat"]) :is(.kpi > b, .stat > b) { font-size: var(--v2-kpi-val-size); font-weight: var(--v2-kpi-val-weight); letter-spacing: -.025em; line-height: 1.2; color: var(--v2-ink); }
#app[data-v2] main:is([data-v="satislar"], [data-v="imzaTakip"], [data-v="fiyat"]) :is(.kpi > small, .stat > span) { font-size: 11.5px; color: var(--v2-muted); }

/* ---- Tablolar: Agency .table-wrap + dar başlık ---- */
#app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="sozlesme"], [data-v="imzaTakip"], [data-v="list"], [data-v="fiyatGecmisi"]) .tbl-x,
#app[data-v2] main[data-v="list"] .dl-kart,
#app[data-v2] main[data-v="admin"] .grid-wrap {
  border: 1px solid var(--v2-line); border-radius: var(--sv-r); box-shadow: var(--v2-sh-sm); background: var(--v2-surface);
}
#app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="sozlesme"], [data-v="imzaTakip"], [data-v="list"], [data-v="fiyatGecmisi"]) thead th {
  font-size: var(--v2-th-fs, 10.5px); font-weight: 650; letter-spacing: .07em; text-transform: uppercase; color: var(--v2-muted); background: var(--v2-surface-2); padding: var(--v2-th-pad);
}
#app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="sozlesme"], [data-v="imzaTakip"], [data-v="list"], [data-v="fiyatGecmisi"]) tbody td { padding: var(--v2-td-pad); border-bottom: 1px solid var(--v2-line-2); }
#app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="sozlesme"], [data-v="imzaTakip"], [data-v="list"], [data-v="fiyatGecmisi"]) tbody tr:hover > td { background: var(--v2-surface-2); }
#app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="sozlesme"], [data-v="imzaTakip"], [data-v="list"]) tbody tr:last-child > td { border-bottom: 0; }
/* kart içindeki tablo çift çerçeve yapmasın (Daireler) */
#app[data-v2] main[data-v="list"] .dl-kart .list-wrap { border: 0; box-shadow: none; border-radius: 0; }

/* ---- Araç çubuğu: Agency .toolbar (arama esner, denetimler aynı boy) ---- */
#app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="sozlesme"], [data-v="list"]) :is(.tk-bar, .list-bar) { gap: var(--v2-s2); margin-bottom: var(--v2-s3); align-items: center; }
#app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="sozlesme"], [data-v="list"]) :is(.tk-bar, .list-bar) :is(input, select) { height: 38px; border-radius: var(--sv-rs); }
#app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="list"]) :is(#tq, #slq, #lQ) { flex: 1 1 260px; max-width: 420px; }
#app[data-v2] main[data-v="list"] .list-bar { padding: 0; border: 0; background: transparent; box-shadow: none; }

/* ---- Envanter (admin): küçük onay kutuları, Agency tablo başlığı ---- */
#app[data-v2] main[data-v="admin"] .grid .chk input[type=checkbox], #app[data-v2] main[data-v="admin"] table.grid input[type=checkbox],
#app[data-v2] main[data-v="admin"] .grid-wrap input[type=checkbox] { width: 15px; height: 15px; min-width: 15px; min-height: 15px; padding: 0; margin: 0; border-radius: 3px; }
#app[data-v2] main[data-v="admin"] .grid :is(th, td).chk { text-align: center; vertical-align: middle; padding-inline: 0; }
#app[data-v2] main[data-v="admin"] .grid :is(th, td).chk input { display: inline-block; vertical-align: middle; }
#app[data-v2] main[data-v="admin"] .grid thead th { font-size: var(--v2-th-fs, 10.5px); font-weight: 650; letter-spacing: .07em; text-transform: uppercase; color: var(--v2-muted); background: var(--v2-surface-2); }
#app[data-v2] main[data-v="admin"] .grid thead th :is(small, span, i, em) { font-size: 9.5px; font-weight: 500; letter-spacing: .02em; }
#app[data-v2] main[data-v="admin"] .grid thead th :is(.chk, label) { text-transform: none; }
#app[data-v2] main[data-v="admin"] .e2-env-bar { margin-bottom: var(--v2-s3); gap: var(--v2-s2); }
#app[data-v2] main[data-v="admin"] .e2-env-bar :is(.primary, .ghost) { min-height: 36px; border-radius: var(--sv-rs); }
#app[data-v2] main[data-v="admin"] .e2-env-bar .ghost[disabled], #app[data-v2] main[data-v="admin"] .e2-env-bar .ghost:disabled { opacity: .5; }

/* ---- Bina şeması / fiyat: kart çerçevesi ve başlık bandı Agency; çizim içi DOKUNULMAZ ---- */
#app[data-v2] main[data-v="sema"] .e2-kpi, #app[data-v2] main[data-v="fiyat"] .e2-kpi { border: 1px solid var(--v2-line); border-radius: var(--sv-r); box-shadow: var(--v2-sh-sm); background: var(--v2-surface); }
#app[data-v2] main:is([data-v="sema"], [data-v="fiyat"], [data-v="fiyatGecmisi"]) :is(.e2-kart, .box, .kutu) { border-radius: var(--sv-r); box-shadow: var(--v2-sh-sm); border-color: var(--v2-line); }
#app[data-v2] main:is([data-v="sema"], [data-v="fiyat"], [data-v="fiyatGecmisi"]) :is(.e2-kart-bas, .box > h3, .kutu-bas) { font-size: 15px; font-weight: 650; }

/* ---- Sihirbaz / form (plan, satisForm): Agency form-section ---- */
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) :is(.ctl, .sf-ctl) { border: 1px solid var(--v2-line); border-radius: var(--sv-r); box-shadow: var(--v2-sh-sm); background: var(--v2-surface); }
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) :is(fieldset, .fsec) { border: 1px solid var(--v2-line); border-radius: var(--sv-r); background: var(--v2-surface); }
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) :is(fieldset > legend, .fsec > h4, .fsec-t) { font-size: 11px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; color: var(--v2-muted); padding-inline: 6px; }
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) .stage-wrap, #app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) .prev { border-radius: var(--sv-r); }

/* ---- Satıştaki sayfa başlığı bandı ---- */
#app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"]) .page-head-o { font-size: 14px; color: var(--v2-muted); }

@media (max-width: 820px) {
  #app[data-v2] main:is([data-v="sema"], [data-v="list"], [data-v="plan"], [data-v="teklifler"], [data-v="satisForm"], [data-v="satislar"], [data-v="sozlesme"], [data-v="imzaTakip"], [data-v="fiyat"], [data-v="admin"], [data-v="fiyatGecmisi"]) { padding-inline: var(--v2-page-px); }
  #app[data-v2] main[data-v="satislar"] .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="list"]) :is(#tq, #slq, #lQ) { max-width: none; flex-basis: 100%; }
}

/* iç sarmalayıcıların kendi yan boşluğu sıfırlanır: başlık, araç çubuğu ve tablo aynı sol çizgide */
#app[data-v2] main:is([data-v="satislar"], [data-v="sozlesme"], [data-v="teklifler"], [data-v="list"], [data-v="imzaTakip"]) > :is(.sl, .soz-app, #stBody, #skIc) { padding-inline: 0; margin-inline: 0; }

/* Daireler: yatay kaydırma kartın içinde kalır, satırlar Agency yoğunluğunda */
#app[data-v2] main[data-v="list"] .dl-kart .list-wrap { overflow-x: auto; }
#app[data-v2] main[data-v="list"] .ltab tbody td { padding-block: 11px; }
#app[data-v2] main[data-v="list"] .dl-bar { margin-bottom: var(--v2-s3); }

/* İmza takibi: süzgeç satırında denetimler aynı boy */
#app[data-v2] main[data-v="imzaTakip"] .iy-suz { flex-wrap: wrap; }
#app[data-v2] main[data-v="imzaTakip"] .iy-suz :is(input, select) { height: 38px; min-height: 38px; border-radius: var(--sv-rs); }

/* değer yazısı eski .ap-ana kuralını ezer */
#app[data-v2] main[data-v="satislar"] .kpis .kpi > b.ap-ana, #app[data-v2] main[data-v="satislar"] .kpis .kpi > b { font-size: var(--v2-kpi-val-size); font-weight: var(--v2-kpi-val-weight); letter-spacing: -.025em; }
#app[data-v2] main[data-v="satislar"] .kpis .kpi > small.ap-ikinci { font-size: 11.5px; }
@media (max-width: 820px) { #app[data-v2] main[data-v="satislar"] .kpis .kpi > b, #app[data-v2] main[data-v="satislar"] .kpis .kpi > b.ap-ana { font-size: 20px; } }

/* ======== TAMAMLAMA TURU ======== */
/* Satışlar KPI: 4-5 sütun auto-fit (ortak 210px yerine 180px) */
#app[data-v2] main[data-v="satislar"] section.kpis.sl-k { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--v2-s4); }
@media (max-width: 820px) { #app[data-v2] main[data-v="satislar"] section.kpis.sl-k { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--v2-s3); } }

/* Fiyat listesi: iç sarmalayıcının fazladan yan boşluğu sıfır (başlıkla hizalı) */
#app[data-v2] main[data-v="fiyat"] > * { margin-inline: 0; }
#app[data-v2] main[data-v="fiyat"] :is(.fy-app, .tk-app, .page-head, .r2-bas) { padding-inline: 0; }

/* Teklifler: sade satır (avatar + üç satır daha sıkı) */
#app[data-v2] main[data-v="teklifler"] table.tk tbody td { padding-block: 8px; line-height: 1.35; vertical-align: middle; }
#app[data-v2] main[data-v="teklifler"] table.tk tbody td small { font-size: 12px; line-height: 1.35; }

/* Envanter: tek satırlık başlık, kutu içinde kutu yok */
#app[data-v2] main[data-v="admin"] .grid thead th :is(.h-l, .h-m) { display: inline; }
#app[data-v2] main[data-v="admin"] .grid thead th .h-m { margin-inline-start: 6px; font-size: 9.5px; font-weight: 500; letter-spacing: .02em; text-transform: none; opacity: .75; }
#app[data-v2] main[data-v="admin"] .grid thead th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
#app[data-v2] main[data-v="admin"] .grid thead th.chk { height: auto; border-radius: 0; box-shadow: none; padding: 0; background: var(--v2-surface-2); }
#app[data-v2] main[data-v="admin"] .grid th.chk, #app[data-v2] main[data-v="admin"] .grid td.chk { width: 40px; border-radius: 0; box-shadow: none; }
#app[data-v2] main[data-v="admin"] .grid-wrap { background: var(--v2-surface); }

/* Sihirbaz (plan, satisForm): Agency adım göstergesi + form-section kartları */
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) .sbz-ust { padding-bottom: var(--v2-s3); margin-bottom: var(--v2-s3); border-bottom: 1px solid var(--v2-line-2); }
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) .sbz-no { width: 26px; height: 26px; border-width: 1.5px; border-color: var(--v2-line); background: var(--v2-surface); color: var(--v2-muted); }
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) li.aktif .sbz-no { background: var(--v2-brand); border-color: var(--v2-brand); color: var(--v2-brand-ink); }
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) li.tamam .sbz-no { border-color: var(--v2-good); color: var(--v2-good-text); background: var(--v2-good-soft); }
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) li.aktif .sbz-ad { color: var(--v2-brand); }
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) .sbz-adimlar li + li::before { background: var(--v2-line); }
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) .sbz-adimlar li.tamam + li::before, #app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) .sbz-adimlar li.aktif::before { background: var(--v2-brand); }
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) .sbz-alt { border-top-color: var(--v2-line); }
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) fieldset { margin-block: var(--v2-s3); padding: var(--v2-s3) var(--v2-s4) var(--v2-s4); background: var(--v2-surface); }
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) :is(.ctl, .sf-ctl) { padding: var(--v2-s4); }

/* ======== DURUM ROZETLERİ (açık ve koyu): tek kaynak --v2-*-soft / -text ======== */
#app[data-v2] main :is(.ts-onaylandi, .ts-bekliyor, .ts-reddedildi, .ts-iptal) { font-weight: 600; }
#app[data-v2] main :is(.ts-onaylandi) { background: var(--v2-good-soft); color: var(--v2-good-text); }
#app[data-v2] main :is(.ts-bekliyor) { background: var(--v2-warn-soft); color: var(--v2-warn-text); }
#app[data-v2] main :is(.ts-reddedildi, .ts-iptal) { background: var(--v2-bad-soft); color: var(--v2-bad-text); }

/* ======== KOYU TEMA (html[data-v2-mod=koyu]); belge/önizleme/SVG alanlarına dokunulmaz ======== */
:root[data-v2-mod="koyu"] #app[data-v2] main :is(.exp, .tk-bit.gec, td .red) { color: var(--v2-bad-text); }
:root[data-v2-mod="koyu"] #app[data-v2] main .fx { background: var(--v2-surface-2); color: var(--v2-ink-2); border-bottom-color: var(--v2-line); }
:root[data-v2-mod="koyu"] #app[data-v2] main .fx-val code { background: var(--v2-surface-3); color: var(--v2-brand); }
:root[data-v2-mod="koyu"] #app[data-v2] main .grid-wrap { background: var(--v2-surface); }
:root[data-v2-mod="koyu"] #app[data-v2] main .grid th, :root[data-v2-mod="koyu"] #app[data-v2] main .grid td { border-color: var(--v2-line); }
:root[data-v2-mod="koyu"] #app[data-v2] main .grid thead th, :root[data-v2-mod="koyu"] #app[data-v2] main .grid thead th:hover, :root[data-v2-mod="koyu"] #app[data-v2] main .grid thead th.f { background: var(--v2-surface-3); color: var(--v2-muted); }
:root[data-v2-mod="koyu"] #app[data-v2] main .grid td { background: var(--v2-surface); color: var(--v2-ink); }
:root[data-v2-mod="koyu"] #app[data-v2] main .grid td.f, :root[data-v2-mod="koyu"] #app[data-v2] main .grid td.chk { background: var(--v2-surface-2); color: var(--v2-ink-2); }
:root[data-v2-mod="koyu"] #app[data-v2] main .grid tbody tr:hover td { background: var(--v2-surface-3); }
:root[data-v2-mod="koyu"] #app[data-v2] main .grid td .ed { background: var(--v2-surface); color: var(--v2-ink); }
:root[data-v2-mod="koyu"] #app[data-v2] main .grid tr.chkd td { background: color-mix(in srgb, var(--v2-brand) 16%, var(--v2-surface)) !important; }
:root[data-v2-mod="koyu"] #app[data-v2] main .grid td.st-opt { color: var(--v2-warn-text); }
:root[data-v2-mod="koyu"] #app[data-v2] main .grid td.st-ok { color: var(--v2-good-text); }
:root[data-v2-mod="koyu"] #app[data-v2] main .grid td.st-sold, :root[data-v2-mod="koyu"] #app[data-v2] main .grid td.err { color: var(--v2-bad-text); }
:root[data-v2-mod="koyu"] #app[data-v2] main .grid .stick { box-shadow: 1px 0 0 var(--v2-line); }
:root[data-v2-mod="koyu"] #app[data-v2] main[data-v="admin"] .grid thead th.chk { background: var(--v2-surface-3); }
:root[data-v2-mod="koyu"] #app[data-v2] main[data-v="admin"] .e2-kpi .k-val, :root[data-v2-mod="koyu"] #app[data-v2] main :is(.e2-k b, .e2-kpi b) { color: inherit; }
:root[data-v2-mod="koyu"] #app[data-v2] main :is(.e2-env-kpi, .e2-sema-kpi) { background: var(--v2-surface); border-color: var(--v2-line); }
:root[data-v2-mod="koyu"] #app[data-v2] main[data-v="plan"] .stage, :root[data-v2-mod="koyu"] #app[data-v2] main[data-v="satisForm"] .stage { background: var(--v2-surface-3); }
:root[data-v2-mod="koyu"] #app[data-v2] main .dl-nokta { box-shadow: none; }

/* ======== AGENCY BİREBİR TURU (1440+) ======== */
/* Araç çubuğu: arama esner, çipler aynı satırda sağda (Agency .toolbar) */
@media (min-width: 821px) {
  #app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="list"]) :is(.tk-bar, .list-bar) { flex-wrap: wrap; }
  #app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="list"]) :is(#tq, #slq, #lQ) { flex: 1 1 220px; max-width: none; min-width: 200px; }
  #app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="list"]) :is(.tk-bar, .list-bar) .chips { flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-start; max-width: 100%; overflow-x: visible; }
  /* Sayfa başlığı satırı: birincil eylem başlıkla aynı satırda sağda (Agency page-head); özet cümle görsel olarak gizli, erişilebilir kalır */
  #app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"]) .page-head { margin-top: -62px; margin-bottom: var(--v2-s4); justify-content: flex-end; margin-inline-end: 96px; min-height: 0; position: relative; z-index: 1; }
  #app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"]) .page-head .page-head-m { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); flex: none; }
  #app[data-v2] main[data-v="imzaTakip"] .r2-bas { margin-top: -62px; margin-bottom: var(--v2-s4); justify-content: flex-end; margin-inline-end: 96px; position: relative; z-index: 1; min-height: 0; }
  #app[data-v2] main[data-v="imzaTakip"] .r2-bas .r2-ozet { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
}
/* Satır eylemi: Agency .btn-small (28px, ghost) */
#app[data-v2] main:is([data-v="teklifler"], [data-v="satislar"], [data-v="sozlesme"]) table.tk td.acts :is(.sm, select) { min-height: 28px; height: 28px; padding-block: 0; font-size: 12.5px; }
/* Envanter ızgarası: Agency tablo satırı yoğunluğu (hücre 40px), hover */
#app[data-v2] main[data-v="admin"] .grid td { height: 40px; }
#app[data-v2] main[data-v="admin"] .grid tbody tr:hover td { background: var(--v2-surface-2); }
/* Boş durum ve pager: Agency (ortalı, soluk; pager 12px) */
#app[data-v2] main :is(.sy-bar.sy-alt, .sy-bilgi) { font-size: 12px; color: var(--v2-muted); }
#app[data-v2] main .sy-dz .sy-d { min-height: 28px; border-radius: var(--v2-r-sm); font-size: 12px; }

/* ======== DENETİM DÜZELTMELERİ ======== */
/* Daireler (list) mobil: yüzlerce kartı tek sayfada dizmek yerine sayfalı, yatay kaydırılan tablo (aynı veri, aynı sayfalama) */
@media (max-width: 760px) {
  #app[data-v2] main[data-v="list"].list-app .dl-kart .list-wrap { display: block; max-height: none; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--v2-line); border-radius: var(--v2-r); background: var(--v2-surface); }
  #app[data-v2] main[data-v="list"].list-app .dl-kart { border: 1px solid var(--v2-line); background: var(--v2-surface); box-shadow: var(--v2-sh-sm); overflow: hidden; }
  #app[data-v2] main[data-v="list"].list-app .dl-kartlar { display: none; }
  #app[data-v2] main[data-v="list"] .ltab { min-width: 720px; }
}
/* Bina şeması gösterge: kelime ortasından bölünmez; mobilde etiket üstte, sayı altta */
#app[data-v2] main[data-v="sema"] .e2-k :is(small, b, span) { word-break: normal; overflow-wrap: normal; hyphens: none; }
#app[data-v2] main[data-v="sema"] .e2-k b { white-space: nowrap; }
@media (max-width: 820px) {
  #app[data-v2] main[data-v="sema"] .e2-sema-kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #app[data-v2] main[data-v="sema"] .e2-sema-kpi .e2-k { flex-wrap: wrap; row-gap: 2px; }
  #app[data-v2] main[data-v="sema"] .e2-sema-kpi .e2-k small { flex: 1 1 100%; white-space: normal; }
}
/* Envanter başlığı tür etiketi (Sayı/Metin/Liste): okunur renk */
#app[data-v2] main[data-v="admin"] .grid thead th .h-m { color: var(--v2-muted); opacity: 1; font-size: 10.5px; }
:root[data-v2-mod="koyu"] #app[data-v2] main[data-v="admin"] .grid thead th .h-m { color: var(--v2-muted); }
/* Telefon kodu seçici kesik görünmesin (+90 ...) */
#app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) .phn select { min-width: 92px; padding-inline: 8px 22px; text-overflow: clip; }
/* En küçük yazı 10.5px (envanter ızgarası dışı) */
#app[data-v2] main:is([data-v="sema"], [data-v="list"], [data-v="plan"], [data-v="teklifler"], [data-v="satisForm"], [data-v="satislar"], [data-v="sozlesme"], [data-v="imzaTakip"], [data-v="fiyat"], [data-v="fiyatGecmisi"]) :is(small, .fine, .fx-hint, th .h-m, .ts-revize) { font-size: max(10.5px, 1em); }
/* Satış onay formu: ileri/3. adım doğrulama ipucu (yalnız görsel): zorunlu alanı boşsa kırmızı çerçeve */
#app[data-v2] main[data-v="satisForm"] .sbz :is(input, select, textarea):required:invalid:not(:placeholder-shown):not(:focus) { border-color: var(--v2-bad); }
#app[data-v2] main[data-v="satisForm"] .sbz :is(input, select, textarea)[aria-invalid="true"] { border-color: var(--v2-bad); box-shadow: 0 0 0 1px var(--v2-bad); }
/* Satır ⋯ menüsü: Agency menü öğesi (sola hizalı, çerçevesiz, aynı boy); tehlikeli öğe ayrı renk */
#app[data-v2] .acts-menu:not(#_) > :is(button, a):not(#_) {
  display: flex; align-items: center; justify-content: flex-start; width: 100%; min-height: 34px; height: auto; padding: 6px 12px; margin: 0;
  border: 0; border-radius: var(--v2-r-sm); background: transparent; box-shadow: none; color: var(--v2-ink); font-size: 13px; font-weight: 500; text-align: start; text-decoration: none; white-space: normal;
}
#app[data-v2] .acts-menu:not(#_) > :is(button, a):not(#_):is(:hover, :focus-visible) { background: var(--v2-surface-3); }
#app[data-v2] .acts-menu:not(#_) > :is(.danger-l, .v2-tehlike):not(#_) { color: var(--v2-bad-text); }
/* Araç çubuğundaki 'Silinenler' vb. ikincil düğme çiplerle aynı hizada ve boyda */
#app[data-v2] main .tk-bar > .ghost.sm:not(#_) { align-self: center; min-height: 30px; height: 30px; padding-block: 0; font-size: 12.5px; font-weight: 550; }

/* Sihirbaz yapışkan İleri/Geri çubuğu: mobil alt çubuğun ÜSTÜNDE durur (örtmez); form altına çubuk kadar boşluk */
@media (max-width: 820px) {
  #app[data-v2] main:is([data-v="plan"], [data-v="satisForm"]) .sbz-alt:not(#_) { bottom: var(--v2-mbar-h, 61px); z-index: 20; }
  #app[data-v2]:has(.mbar) main:is([data-v="plan"], [data-v="satisForm"]) .sbz { padding-bottom: 64px; }
}

/* ======== 14. TUR ======== */
/* Fiyat listesi mobil: kart-satır; 'Listede' onay kutusu kart içinde, alanlar arası boşluk */
@media (max-width: 760px) {
  #app[data-v2] main[data-v="fiyat"] table.e2-kartli:not(#_) tbody tr { row-gap: 14px; padding: 14px 14px 12px; }
  #app[data-v2] main[data-v="fiyat"] table.e2-kartli:not(#_) td.e2-sec-h { inset-inline-end: 12px; inset-inline-start: auto; inset-block-start: 10px; width: 56px; max-width: 56px; justify-items: center; text-align: center; overflow: visible; }
  #app[data-v2] main[data-v="fiyat"] table.e2-kartli:not(#_) td.e2-sec-h::before { white-space: nowrap; font-size: 10.5px; }
  #app[data-v2] main[data-v="fiyat"] table.e2-kartli:not(#_) td.e2-sec-h :is(label, input) { margin: 0; max-width: 100%; }
  #app[data-v2] main[data-v="fiyat"] table.e2-kartli:not(#_) td.e2-baslik-h { padding-inline-end: 64px; }
  #app[data-v2] main[data-v="fiyat"] table.e2-kartli:not(#_) td::before { display: block; margin-bottom: 4px; }
}
/* Başlık satırı düğmeleri (Favori, ⋯, Silinenler): aynı yükseklik ve hiza */
#app[data-v2] .pg-bas-act:not(#_) .pg-yildiz { min-height: 32px; height: 32px; align-self: center; }
#app[data-v2] main :is(.page-head-a, .tk-bar) > :is(.ghost.sm, .primary.sm, .acts-more-w):not(#_) { align-self: center; }
#app[data-v2] main .page-head-a .acts-more:not(#_) { min-height: 36px; height: 36px; }
/* Envanter ızgara başlığı: ana etiket de ≥10.5px */
#app[data-v2] main[data-v="admin"] .grid thead th :is(.h-l, .h-m):not(#_) { font-size: 10.5px; }
/* Envanter yan pencereleri (Parametreler, Görünüm, Yedekler, Excel bağlantısı): koyuda beyaz zemin + açık yazı sorunu */
#app[data-v2] aside.drawer:not(#_) { background: var(--v2-surface); color: var(--v2-ink); border-color: var(--v2-line); }
#app[data-v2] aside.drawer:not(#_) :is(h2, h3, p, label, small, span, th, td, li, b, strong, .help, .fine) { color: inherit; }
#app[data-v2] aside.drawer:not(#_) :is(.help, .fine, small, p.muted) { color: var(--v2-muted); }
:root[data-v2-mod="koyu"] #app[data-v2] aside.drawer :is(.box, .kutu, .e2-kart, section, fieldset, .prm-kart) { background: var(--v2-surface-2); border-color: var(--v2-line); color: var(--v2-ink); }
:root[data-v2-mod="koyu"] #app[data-v2] aside.drawer code { background: var(--v2-surface-3); color: var(--v2-ink-2); }