/* [cc 20.10 piese-sectiuni] sx-contabilitate.css · secțiunea #contabilitate de pe Bani (3, „Plăți și încasări”), spusă în 4 pași numerotați.
   Fiecare pas (.cbp-step): numărul, titlul (ce se întâmplă), o propoziție (de ce contează), cuvântul greu explicat (.cbp-gl), apoi fragmentul din program.
   Fragmentele vin din piesa website-structure (site-sectiuni/sectiuni/contabilitate.css, .cbc-frag / .cbc-fr-*), în aspectul paginilor refăcute:
   Work Sans (--ws), cerneala și liniile paginii (--ink, --mute, --rule, --line), luminos + întunecat. Cifra de privit din fiecare pas = .cbp-mk (inel).
   Lățimea o dă figura (container „cbp”): ≥ 860 px doi pași pe rând (1 2 / 3 4) · < 860 un pas sub altul. Pasul e și el container („cbs”): pasul 4 pune
   Dispoziția lângă decont de la 520 px; sub 400 px registrul din pasul 3 devine o adunare pe verticală (+ − = rămân la vedere).
   Mișcarea: .cbp-pre (pus de JS doar cu mișcare permisă) ascunde fragmentele; .is-in le aduce, o singură dată (opacity + transform).
   Fără JS sau cu mișcare redusă: nimic ascuns, starea finală. Totul sub .sx-cbp; spațiere din scara 3 5 8 13 21 34 55.
   Fix 20.10: tot ce citești în fragmente ≥ 12 px (pe telefon capetele de tabel 13 px); doar rândul firmei și „Exemplar 1/2” de pe hârtie rămân mai mici. */

/* ---------- 0. tokeni (implicit = întunecat, ca paleta paginii fără data-theme) ---------- */
.sx-cbp {
  --cbp-ease: cubic-bezier(.16, 1, .3, 1);
  --cbp-h1: color-mix(in srgb, var(--ink) 11%, transparent);   /* liniile dintre rânduri */
  --cbp-h2: color-mix(in srgb, var(--ink) 24%, transparent);   /* linia de sub titlul fragmentului */
  --cbp-k: var(--mute);
  --cbp-hover: color-mix(in srgb, var(--ink) 6%, transparent);
  --cbp-gloss: color-mix(in srgb, var(--ink) 7%, transparent);
  --cbp-ok: #6cc08f; --cbp-ok-tint: rgba(108, 192, 143, .16);
  --cbp-bad: #f08a7a; --cbp-bad-tint: rgba(240, 138, 122, .15);
  --cbp-paper: #e7e4dc; --cbp-paper-ink: #1d2733; --cbp-paper-ink2: #4a535e; --cbp-paper-line: #c2beb4;
  --cbp-paper-sh: 0 1px 1px rgba(0, 0, 0, .4), 0 16px 30px -12px rgba(0, 0, 0, .8);
  --cbp-th: 12px;     /* capetele de tabel și etichetele din fragmente */
}
:root[data-theme="light"] .sx-cbp {
  --cbp-ok: #1f6e3a; --cbp-ok-tint: rgba(31, 110, 58, .1);
  --cbp-bad: #ab2a1d; --cbp-bad-tint: rgba(171, 42, 29, .09);
  --cbp-paper: #fffdf8; --cbp-paper-ink: #1d2733; --cbp-paper-ink2: #55606c; --cbp-paper-line: #d9dde2;
  --cbp-paper-sh: 0 1px 1px rgba(23, 32, 43, .08), 0 12px 24px -12px rgba(23, 32, 43, .38);
}

/* ---------- capul: titlul de 68 de caractere pe 2 rânduri la 1440 (ca azi) + rândul de folos sub el ---------- */
.sx-cbp .sx-head.sx-cbp-head { margin-bottom: 21px; }
.s27 .sx.sx-cbp header h2 { max-width: 19.5em; }
.sx-cbp .cbp-lede { max-width: 62em; margin: 10px 0 0; font: 400 17px/26px var(--ws); letter-spacing: -.008em; word-spacing: 0; color: var(--sx-ink2, var(--ink)); text-wrap: pretty; }

/* ---------- figura + pașii ---------- */
.sx-cbp .cbp-fig { margin: 0; container: cbp / inline-size; }
.sx-cbp .cbp-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.sx-cbp .cbp-i { width: 13px; height: 13px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.sx-cbp .cbp-steps { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 55px; row-gap: 34px; margin: 0; padding: 0; list-style: none; }
.sx-cbp .cbp-step { display: grid; grid-template-rows: auto 1fr; align-content: start; min-width: 0; margin: 0; padding: 16px 0 0; border-top: 1px solid var(--cbp-h2); container: cbs / inline-size; }
.sx-cbp .cbp-step::marker { content: none; }

/* antetul pasului: numărul în cerc, titlul, propoziția, cuvântul explicat */
.sx-cbp .cbp-sh { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 13px; align-items: start; margin-bottom: 13px; }
.sx-cbp .cbp-sh > :not(.cbp-no) { grid-column: 2; }
.sx-cbp .cbp-no { grid-column: 1; grid-row: 1; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ink); color: var(--bg); font: 600 14px/1 var(--ws); letter-spacing: 0; font-variant-numeric: tabular-nums; }
.s27 .sx-cbp .cbp-st { grid-row: 1; margin: 0; padding-top: 1px; font: 400 20px/27px var(--ws); letter-spacing: -.012em; word-spacing: 0; color: var(--ink); text-wrap: balance; }
.sx-cbp .cbp-sw { margin: 2px 0 0; font: 400 16px/24px var(--ws); letter-spacing: -.005em; word-spacing: 0; color: var(--sx-ink2, var(--ink)); text-wrap: pretty; }
.sx-cbp .cbp-gl { display: flex; flex-wrap: wrap; gap: 5px 5px; margin: 8px 0 0; font: 400 14px/20px var(--ws); letter-spacing: 0; word-spacing: 0; color: var(--mute); }
.sx-cbp .cbp-gl > span { padding: 2px 8px; border-radius: 6px; background: var(--cbp-gloss); text-wrap: pretty; }
.sx-cbp .cbp-gl b { font-weight: 600; color: var(--ink); }
.sx-cbp .cbp-body { min-width: 0; display: grid; row-gap: 13px; align-content: start; }

/* cifra de privit din fiecare pas: un inel, fără mișcare */
.sx-cbp .cbp-mk { display: inline-block; padding: 0 5px; border-radius: 5px; box-shadow: inset 0 0 0 1.5px var(--ink); font-weight: 700 !important; white-space: nowrap; }
/* trimiterile din registru înapoi la pașii 1 și 2 */
.sx-cbp .cbp-bd { display: inline-grid; place-items: center; width: 18px; height: 18px; margin-left: 4px; border-radius: 50%; background: var(--ink); color: var(--bg); font: 600 12px/1 var(--ws); font-style: normal; vertical-align: 0; }
.sx-cbp .cbp-op, .sx-cbp .cbp-xo { margin-right: 4px; font-style: normal; font-weight: 400; color: var(--cbp-k); }
.sx-cbp .cbp-xo { margin-right: 0; color: inherit; }

/* fragmentul: o tăietură din ecranul programului, pe hârtia paginii */
.sx-cbp .cbp-fr { min-width: 0; font: 400 12.5px/1.45 var(--ws); letter-spacing: 0; word-spacing: 0; color: var(--ink); font-variant-numeric: tabular-nums; }
.sx-cbp .cbp-fr :where(p) { margin: 0; }
.sx-cbp .cbp-fr :where(span, b, i, em, small) { letter-spacing: inherit; word-spacing: 0; }
.sx-cbp .cbp-fr b { font-weight: 600; color: inherit; }
.sx-cbp .cbp-t { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; padding-bottom: 7px; border-bottom: 1px solid var(--cbp-h2); }
.sx-cbp .cbp-t > b { font-size: 13.5px; font-weight: 600; letter-spacing: -.005em; }
.sx-cbp .cbp-t > span { font-size: 12px; color: var(--cbp-k); white-space: nowrap; }
.sx-cbp .cbp-t > span b { font-weight: 600; color: var(--ink); }
.sx-cbp .cbp-r { text-align: right; }

/* tabelele: capul gri (12 px), rândurile cu linii fine */
.sx-cbp .cbp-tb { display: grid; align-items: baseline; }
.sx-cbp .cbp-tb > * { padding: 5px 0 5px 8px; border-top: 1px solid var(--cbp-h1); white-space: nowrap; }
.sx-cbp .cbp-tb > .h { padding-top: 7px; border-top: 0; align-self: end; font-size: var(--cbp-th); line-height: 1.3; font-weight: 600; color: var(--cbp-k); white-space: normal; }

/* ---------- 1. Plata ---------- */
.sx-cbp .cbp-sum { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 13px; row-gap: 6px; align-items: center; padding: 10px 0 11px; }
.sx-cbp .cbp-sum > .k { font-size: 12px; color: var(--cbp-k); white-space: nowrap; }
.sx-cbp .cbp-sum > .n { justify-self: end; white-space: nowrap; }
.sx-cbp .cbp-dist { display: inline-grid; justify-items: end; }
.sx-cbp .cbp-dv { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px 3px 7px; border-radius: 6px; font-size: 14px; font-weight: 700; white-space: nowrap; transition: opacity .28s ease; }
.sx-cbp .cbp-dv .cbp-i { width: 12px; height: 12px; stroke-width: 2.2; }
.sx-cbp .cbp-dv--bad { color: var(--cbp-bad); background: var(--cbp-bad-tint); box-shadow: inset 0 0 0 1.5px var(--cbp-bad); }
.sx-cbp .cbp-dv--ok { color: var(--cbp-ok); background: var(--cbp-ok-tint); box-shadow: inset 0 0 0 1.5px var(--cbp-ok); }
/* două stări în ACEEAȘI celulă: înălțimea și lățimea = cea mai mare, apăsarea nu mută nimic */
.sx-cbp .cbp-sl { display: inline-grid; }
.sx-cbp .cbp-sl > .cbp-sv { grid-area: 1 / 1; transition: opacity .28s ease; }
.sx-cbp .cbp-fig[data-ok="true"] .cbp-s1 :is(.cbp-dv--bad, .cbp-sv[data-s="bad"]),
.sx-cbp .cbp-fig[data-ok="false"] .cbp-s1 :is(.cbp-dv--ok, .cbp-sv[data-s="ok"]) { opacity: 0; }

/* rândurile facturii DLS 0917: fiecare e un buton cu căsuță (bifat = acoperit de plată) */
.sx-cbp .cbp-tb--pay { display: block; }
.sx-cbp .cbp-tb--pay > * { padding: 0; border-top: 0; }
.sx-cbp .cbp-th, .sx-cbp .cbp-row { display: grid; grid-template-columns: 15px 74px minmax(0, 1fr) 112px 64px; column-gap: 10px; align-items: center; }
.sx-cbp .cbp-th { align-items: end; padding: 7px 4px 5px 4px !important; font-size: var(--cbp-th); line-height: 1.3; font-weight: 600; color: var(--cbp-k); }
.sx-cbp .cbp-th > *, .sx-cbp .cbp-row > * { min-width: 0; white-space: nowrap; }
.sx-cbp .cbp-th > * { white-space: normal; }
.sx-cbp .cbp-row {
  appearance: none; -webkit-appearance: none; width: 100%; min-height: 32px; margin: 0; padding: 0 4px !important; border: 0; border-top: 1px solid var(--cbp-h1) !important; border-radius: 0;
  background: transparent; color: var(--ink); font: inherit; letter-spacing: 0; word-spacing: 0; text-transform: none; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent;
  transition: background-color .15s ease;
}
@media (hover: hover) { .sx-cbp .cbp-row:hover { background: var(--cbp-hover); } }
.sx-cbp .cbp-row:focus-visible { outline: 2px solid var(--ink); outline-offset: -2px; border-radius: 4px; }
.sx-cbp .cbp-row > span { transition: opacity .2s ease; }
/* rândul nebifat: mai stins, dar tot ≥ 4,5:1 (luminos 5,56:1 la .72) */
.sx-cbp .cbp-row[aria-pressed="false"] > span:not(.cbp-pd) { opacity: .72; }
.sx-cbp .cbp-cb { display: grid; place-items: center; width: 15px; height: 15px; border-radius: 3px; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 55%, transparent); position: relative; }
.sx-cbp .cbp-cb::before { content: ""; position: absolute; inset: 0; border-radius: 3px; background: var(--ink); opacity: 0; transition: opacity .16s ease; }
.sx-cbp .cbp-cb .cbp-i { position: relative; width: 11px; height: 11px; stroke-width: 2.4; color: var(--bg); opacity: 0; transform: scale(.6); transition: opacity .18s ease, transform .3s var(--cbp-ease); }
.sx-cbp .cbp-row[aria-pressed="true"] .cbp-cb::before, .sx-cbp .cbp-row[aria-pressed="true"] .cbp-cb .cbp-i { opacity: 1; }
.sx-cbp .cbp-row[aria-pressed="true"] .cbp-cb .cbp-i { transform: none; }
/* rândul care lipsește: un inel în jurul căsuței + rândul încercuit punctat (fără mișcare, nu mută nimic) */
.sx-cbp .cbp-row[data-tip][aria-pressed="false"] { outline: 1.5px dashed color-mix(in srgb, var(--ink) 60%, transparent); outline-offset: -2px; border-radius: 5px; }
.sx-cbp .cbp-row[data-tip][aria-pressed="false"] .cbp-cb { box-shadow: inset 0 0 0 1.5px var(--ink), 0 0 0 3px color-mix(in srgb, var(--ink) 14%, transparent); }
.sx-cbp .cbp-pd { display: inline-grid; justify-items: end; }
.sx-cbp .cbp-pd > .cbp-sv { grid-area: 1 / 1; transition: opacity .22s ease; }
.sx-cbp .cbp-row[aria-pressed="true"] .cbp-sv[data-s="off"], .sx-cbp .cbp-row[aria-pressed="false"] .cbp-sv[data-s="on"] { opacity: 0; }
.sx-cbp .cbp-pd .cbp-sv[data-s="off"] { color: var(--cbp-k); }
/* ce faci: sub rânduri, cu săgeata spre ele; roșu / verde în aceeași celulă (pașii 1 și 2) */
.sx-cbp .cbp-try { display: flex; align-items: flex-start; gap: 8px; margin: 0; font: 400 16px/24px var(--ws); letter-spacing: -.005em; word-spacing: 0; color: var(--ink); text-wrap: pretty; }
.sx-cbp .cbp-try > .cbp-i { width: 16px; height: 16px; margin-top: 4px; stroke-width: 2; color: var(--ink); }
.sx-cbp .cbp-try .cbp-sv[data-s="bad"] > b:first-child { color: var(--cbp-bad); font-weight: 600; }
.sx-cbp .cbp-try .cbp-sv:is([data-s="ok"], [data-s="paid"]) > b:first-child { color: var(--cbp-ok); font-weight: 600; }
.sx-cbp .cbp-try b { font-weight: 600; }
.sx-cbp .cbp-try [data-cbp-tip] { white-space: nowrap; }
.sx-cbp .cbp-fig:not(.cbp-js) .cbp-try { display: none; }

/* ---------- 2. Lista Facturi, căutată după Credit Note; „Selectare ca achitat” chiar merge ---------- */
.sx-cbp .cbp-in { display: flex; align-items: center; gap: 8px; height: 32px; margin-top: 10px !important; padding: 0 9px; border: 1px solid color-mix(in srgb, var(--ink) 50%, transparent); border-radius: 6px; box-shadow: 0 0 0 3px color-mix(in srgb, var(--ink) 8%, transparent); }
.sx-cbp .cbp-in small { font-size: 12px; color: var(--cbp-k); white-space: nowrap; }
.sx-cbp .cbp-in .cbp-i { margin-left: auto; color: var(--cbp-k); }
.sx-cbp .cbp-tb--hit { grid-template-columns: auto minmax(0, 1fr) auto; margin-top: 4px; }
.sx-cbp .cbp-tb--hit > * { padding-left: 13px; }
.sx-cbp .cbp-tb--hit > :nth-child(3n+1) { padding-left: 0; }
.sx-cbp .cbp-cl { overflow: hidden; text-overflow: ellipsis; color: var(--cbp-k); }
.sx-cbp .cbp-np { display: inline-grid; justify-items: end; align-items: center; }
.sx-cbp .cbp-np > .cbp-sv { grid-area: 1 / 1; transition: opacity .24s ease; }
.sx-cbp .cbp-paid { display: inline-flex; align-items: center; gap: 4px; padding: 0 6px 0 5px; border-radius: 5px; color: var(--cbp-ok); background: var(--cbp-ok-tint); box-shadow: inset 0 0 0 1.5px var(--cbp-ok); font-weight: 700 !important; white-space: nowrap; }
.sx-cbp .cbp-paid .cbp-i { width: 11px; height: 11px; stroke-width: 2.4; }
.sx-cbp .cbp-s2[data-paid="true"] .cbp-sv[data-s="due"], .sx-cbp .cbp-s2[data-paid="false"] .cbp-sv[data-s="paid"] { opacity: 0; }
.sx-cbp .cbp-sel { display: flex; justify-content: flex-end; margin-top: 10px !important; }
.sx-cbp .cbp-selb {
  appearance: none; -webkit-appearance: none; display: inline-flex; align-items: center; min-height: 34px; margin: 0; padding: 5px 12px; border-radius: 7px;
  border: 1px solid color-mix(in srgb, var(--cbp-ok) 60%, transparent); background: var(--cbp-ok-tint); color: var(--cbp-ok);
  font: 600 13px/1.2 var(--ws); letter-spacing: 0; word-spacing: 0; text-transform: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.sx-cbp .cbp-selb .cbp-sl > .cbp-sv { display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; }
.sx-cbp .cbp-selb .cbp-i { width: 13px; height: 13px; stroke-width: 2.2; }
@media (hover: hover) { .sx-cbp .cbp-selb:hover { background: color-mix(in srgb, var(--cbp-ok) 20%, transparent); } }
.sx-cbp .cbp-selb:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
/* nebifat: butonul încercuit punctat, ca rândul din pasul 1 */
.sx-cbp .cbp-s2[data-paid="false"] .cbp-selb:not(:focus-visible) { outline: 1.5px dashed color-mix(in srgb, var(--ink) 60%, transparent); outline-offset: 3px; }
.sx-cbp .cbp-s2[data-paid="true"] .cbp-selb { border-color: var(--cbp-h2); background: transparent; color: var(--mute); }
.sx-cbp .cbp-fig:not(.cbp-js) .cbp-selb { cursor: default; }

/* ---------- 3. Registrul băncii + Operațiune Între Conturi (firul punctat leagă cele două sume) ---------- */
.sx-cbp .cbp-tb--reg, .sx-cbp .cbp-trf { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.sx-cbp .cbp-tb--reg > * { text-align: right; }
.sx-cbp .cbp-tb--reg > :nth-child(5n+1) { padding-left: 0; }
/* liniile documentelor din registru (în program: albastre, „<nr>, <dată>, <sumă>”), aici doar numărul */
.sx-cbp .cbp-tb--reg > .d { display: grid; justify-items: end; row-gap: 2px; padding-top: 0; padding-bottom: 3px; border-top: 0; font-size: 12px; }
.sx-cbp .cbp-doc { display: inline-flex; align-items: center; font-style: normal; color: var(--ink); text-decoration: underline; text-decoration-color: var(--cbp-h2); text-underline-offset: 2px; }
.sx-cbp .cbp-doc .cbp-bd { text-decoration: none; }
.sx-cbp .cbp-x { display: inline-block; margin: -1px -3px; padding: 1px 3px; border-radius: 3px; font-style: normal; outline: 1px dashed color-mix(in srgb, var(--ink) 70%, transparent); outline-offset: 1px; }
.sx-cbp .cbp-trf { position: relative; display: grid; align-items: baseline; margin-top: 16px; }
.sx-cbp .cbp-trf-h { grid-column: 1 / 4; grid-row: 1; display: grid; row-gap: 1px; padding-bottom: 7px; }
.sx-cbp .cbp-trf-h b { font-size: 13px; }
.sx-cbp .cbp-trf-h span { font-size: 12px; color: var(--cbp-k); }
.sx-cbp .cbp-trf-h em { font-style: normal; font-weight: 600; color: var(--ink); white-space: nowrap; }
.sx-cbp .cbp-trf-h .cbp-nw { font-style: normal; white-space: nowrap; }
.sx-cbp .cbp-link { grid-column: 4; grid-row: 1; align-self: stretch; justify-self: end; width: 0; margin: -20px 27px -4px 0; border-left: 1px dashed color-mix(in srgb, var(--ink) 70%, transparent); transform-origin: 50% 0; }
.sx-cbp .cbp-trf > :is(.k, .v, .k2, .n) { padding: 5px 0; border-top: 1px solid var(--cbp-h1); white-space: nowrap; }
.sx-cbp .cbp-trf > .k { grid-column: 1; color: var(--cbp-k); }
.sx-cbp .cbp-trf > .v { grid-column: 2; }
.sx-cbp .cbp-trf > .k2 { grid-column: 3; color: var(--cbp-k); text-align: right; }
/* sumele cu moneda lor (EUR scos, RON depus): pornesc din coloana transferului, au loc și în a cincea */
.sx-cbp .cbp-trf > .n { grid-column: 4 / 6; padding-left: 8px; text-align: left; }

/* ---------- 4. Dispoziția de Plată (o foaie, două exemplare) lângă Decontul de Cheltuieli ---------- */
.sx-cbp .cbp-pair { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); column-gap: 21px; align-items: start; }
.sx-cbp .cbp-dp { position: relative; padding: 9px 13px 0; border-radius: 2px; background: var(--cbp-paper); color: var(--cbp-paper-ink); box-shadow: var(--cbp-paper-sh); font-size: 12px; line-height: 1.4; }
.sx-cbp .cbp-dp b { color: inherit; }
.sx-cbp .cbp-dp-top { display: flex; justify-content: space-between; gap: 10px; font-size: 9.5px; color: var(--cbp-paper-ink2); white-space: nowrap; }
.sx-cbp .cbp-dp-top > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.sx-cbp .cbp-dp-h { margin: 7px 0 8px !important; text-align: center; font-size: 13px; line-height: 1.25; font-weight: 600; text-wrap: balance; }
.sx-cbp .cbp-dp-kv { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 8px; row-gap: 1px; }
.sx-cbp .cbp-dp-kv > span { color: var(--cbp-paper-ink2); }
.sx-cbp .cbp-dp-kv > b { font-weight: 700; white-space: nowrap; }
.sx-cbp .cbp-dp-sig { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 10px !important; padding-bottom: 11px; text-align: center; font-size: 12px; font-weight: 700; }
.sx-cbp .cbp-dp-ex2 { margin: 0 -13px !important; padding: 6px 13px 8px; border-top: 1px dashed rgba(29, 39, 51, .42); }
.sx-cbp .cbp-tb--dec { grid-template-columns: minmax(0, 1fr) auto auto; }
.sx-cbp .cbp-tb--dec > * { padding-left: 13px; }
.sx-cbp .cbp-tb--dec > :nth-child(3n+1) { padding-left: 0; }
.sx-cbp .cbp-tb--dec > :nth-child(4) { color: var(--cbp-k); }
.sx-cbp .cbp-dcf-x { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 3px 8px; padding-top: 7px; border-top: 1px solid var(--cbp-h1); }

/* ---------- sub desen: „Tot aici” + puntea spre SAGA (ca azi) ---------- */
.sx-cbp .cbp-cap { margin-top: 26px; max-width: 100%; font: 400 16px/24px var(--sx-f-sans); letter-spacing: -.005em; word-spacing: 0; color: var(--sx-ink2); text-wrap: pretty; }
.sx-cbp .cbp-cap span, .sx-cbp .cbp-cap a { font: inherit; letter-spacing: inherit; }
.sx-cbp .cbp-cap-l { display: block; }
.sx-cbp .cbp-cap .cbp-inv { color: var(--mute); }
.sx-cbp .cbp-cap a.cbp-opt { color: var(--ink); text-decoration: underline; text-decoration-color: var(--line); text-underline-offset: 3px; white-space: nowrap; }
.sx-cbp .cbp-cap a.cbp-opt::after { content: " ›"; }
.sx-cbp .cbp-cap .cbp-b2 { display: none; }
@media (hover: hover) { .sx-cbp .cbp-cap a.cbp-opt:hover { text-decoration-color: currentColor; } }
.sx-cbp .cbp-cap a.cbp-opt:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; border-radius: 4px; }

/* ================= figura 860–1099 px: puntea scurtă ================= */
@container cbp (max-width: 1099px) {
  .sx-cbp .cbp-cap .cbp-b1 { display: none; }
  .sx-cbp .cbp-cap .cbp-b2 { display: inline; }
}
/* ================= figura < 860 px: un pas sub altul; fragmentele cel mult 600 px ================= */
@container cbp (max-width: 859px) {
  .sx-cbp .cbp-steps { grid-template-columns: minmax(0, 1fr); row-gap: 40px; }
  .sx-cbp .cbp-body { max-width: 600px; }
}
/* ================= figura < 640 px: telefon ================= */
@container cbp (max-width: 639px) {
  .sx-cbp .cbp-steps { --cbp-th: 13px; }
  .sx-cbp .cbp-steps { row-gap: 34px; }
  .sx-cbp .cbp-row { min-height: 34px; }
  .sx-cbp .cbp-gl { font-size: 16px; line-height: 24px; }
  .sx-cbp .cbp-cap a.cbp-opt { display: none; }
}
/* ================= pasul < 520 px: Dispoziția deasupra decontului (sub 520 rândul firmei de pe hârtie s-ar tăia) ================= */
@container cbs (max-width: 519px) {
  .sx-cbp .cbp-pair { grid-template-columns: minmax(0, 1fr); row-gap: 21px; }
  .sx-cbp .cbp-dp { max-width: 340px; }
}
/* ================= pasul < 400 px: plata mai strânsă; registrul = o adunare pe verticală ================= */
@container cbs (max-width: 399px) {
  .sx-cbp .cbp-th, .sx-cbp .cbp-row { grid-template-columns: 15px 58px minmax(0, 1fr) 62px 58px; column-gap: 7px; }
  .sx-cbp .cbp-mk { padding: 0 3px; }
  .sx-cbp .cbp-bd { margin-left: 3px; }
  /* Sold Inițial / + Încasări / − Plăți / − Transfer / = Sold Final: eticheta, documentele, suma (semnul la stânga sumei, aliniat) */
  .sx-cbp .cbp-reg .cbp-tb--reg { grid-template-columns: minmax(0, 1fr) auto 116px; column-gap: 10px; align-items: center; }
  .sx-cbp .cbp-reg .cbp-tb--reg > * { padding: 7px 0; border-top: 1px solid var(--cbp-h1); text-align: left; align-self: stretch; display: flex; align-items: center; }
  .sx-cbp .cbp-reg .cbp-tb--reg > .h { font-size: var(--cbp-th); line-height: 1.3; }
  .sx-cbp .cbp-reg .cbp-tb--reg > .d { display: flex; flex-wrap: wrap; gap: 2px 8px; font-size: 12.5px; }
  .sx-cbp .cbp-reg .cbp-tb--reg > :nth-child(-n+5) { grid-column: 1; }
  .sx-cbp .cbp-reg .cbp-tb--reg > :nth-child(n+6):nth-child(-n+10) { grid-column: 2; }
  .sx-cbp .cbp-reg .cbp-tb--reg > :nth-child(n+11) { grid-column: 3; justify-content: flex-end; font-size: 13px; }
  .sx-cbp .cbp-reg .cbp-tb--reg > :nth-child(5n+1) { grid-row: 1; border-top: 0; }
  .sx-cbp .cbp-reg .cbp-tb--reg > :nth-child(5n+2) { grid-row: 2; }
  .sx-cbp .cbp-reg .cbp-tb--reg > :nth-child(5n+3) { grid-row: 3; }
  .sx-cbp .cbp-reg .cbp-tb--reg > :nth-child(5n+4) { grid-row: 4; }
  .sx-cbp .cbp-reg .cbp-tb--reg > :nth-child(5n) { grid-row: 5; border-top: 1.5px solid var(--ink); }
  .sx-cbp .cbp-reg .cbp-tb--reg > :nth-child(5) { color: var(--ink); }
  .sx-cbp .cbp-reg .cbp-op { margin-right: auto; font-size: 14px; }
  .sx-cbp .cbp-reg .cbp-tb--reg .cbp-x { display: flex; flex: 1 1 auto; justify-content: space-between; margin: -1px 0; }
  .sx-cbp .cbp-reg .cbp-xo { font-size: 14px; color: var(--cbp-k); }
  /* transferul: aceleași coloane la dreapta (116 px), firul trece prin golul dintre „=” și sold */
  .sx-cbp .cbp-trf { grid-template-columns: auto minmax(0, 1fr) auto 116px; column-gap: 10px; }
  .sx-cbp .cbp-trf-h { grid-column: 1 / 4; }
  .sx-cbp .cbp-link { grid-column: 4; justify-self: start; margin: -64px 0 -4px 30px; }
  .sx-cbp .cbp-trf > .n { grid-column: 4; padding-left: 0; }
}
@container cbs (max-width: 329px) {
  .sx-cbp .cbp-th, .sx-cbp .cbp-row { grid-template-columns: 15px 56px minmax(0, 1fr) 0 60px; column-gap: 6px; }
  .sx-cbp .cbp-th > :nth-child(4), .sx-cbp .cbp-row > :nth-child(4) { visibility: hidden; }
}

/* ================= mișcarea: fiecare fragment intră o dată, când ajunge în ecran ================= */
.sx-cbp .cbp-pre .cbp-rv { opacity: 0; transform: translate3d(0, 14px, 0); }
.sx-cbp .cbp-pre .cbp-rv.is-in { opacity: 1; transform: none; transition: opacity .56s var(--cbp-ease) var(--rd, 0ms), transform .8s var(--cbp-ease) var(--rd, 0ms); }
.sx-cbp .cbp-pre .cbp-sub { opacity: 0; transform: translate3d(0, 6px, 0); }
.sx-cbp .cbp-pre .is-in .cbp-sub { opacity: 1; transform: none; transition: opacity .48s var(--cbp-ease) calc(var(--rd, 0ms) + var(--sd, 240ms)), transform .6s var(--cbp-ease) calc(var(--rd, 0ms) + var(--sd, 240ms)); }
.sx-cbp .cbp-pre .cbp-link { transform: scaleY(0); }
.sx-cbp .cbp-pre .is-in .cbp-link { transform: scaleY(1); transition: transform .6s var(--cbp-ease) calc(var(--rd, 0ms) + 760ms); }
.sx-cbp .cbp-pre .cbp-dp-ex2 { opacity: 0; transform: translate3d(0, -6px, 0); }
.sx-cbp .cbp-pre .is-in .cbp-dp-ex2 { opacity: 1; transform: none; transition: opacity .48s var(--cbp-ease) calc(var(--rd, 0ms) + 380ms), transform .6s var(--cbp-ease) calc(var(--rd, 0ms) + 380ms); }

@media (prefers-reduced-motion: reduce) {
  .sx-cbp .cbp-pre :is(.cbp-rv, .cbp-sub, .cbp-link, .cbp-dp-ex2) { opacity: 1 !important; transform: none !important; transition: none !important; }
  .sx-cbp :is(.cbp-dv, .cbp-sv, .cbp-row, .cbp-row > span, .cbp-cb::before, .cbp-cb .cbp-i, .cbp-selb) { transition: none !important; }
}
@media print {
  .sx-cbp .cbp-pre :is(.cbp-rv, .cbp-sub, .cbp-link, .cbp-dp-ex2) { opacity: 1 !important; transform: none !important; }
}