/* ==========================================================================
   fca-port.css — Bani și rapoarte, #facturare: piesa „facturare” (fca) din website-structure, readusă (19.10.2026).
   Sursa: C:/xampp/htdocs/site-sectiuni/sectiuni/facturare.css (05.10, varianta A „Rândul care se face roșu”), aceeași idee, același
   desen, aceeași mișcare; schimbat doar ce cere pagina refăcută:
     - capul = tiparul paginii (eticheta, h2 subțire, rândul de fapte) — vine din site27.css, aici doar spațiul de sub el;
     - fereastra programului rămâne în tema luminoasă și pe negru, cu gradul ferestrei de pe pagina 1 („demo-ul alb, puțin mai
       întunecat”, site27.css r.237-240): pe tema închisă tokenii --fca-* de suprafață sunt ×0,92;
     - fără cadru sticky: pânza (1000×556 lat, 360×470 sub 860 px de coloană) stă în pagină, sub ea șina cu 7 opriri și textul opririi;
     - mișcarea doar pe transform/opacity: sclipirea valorilor, inelul apăsării, umplerea liniei, punctele șinei (în piesă erau
       background-color / box-shadow / clip-path);
     - textul opririi = o frază în vocea paginii (fără titluri 600 pe pas); comutatoarele Km/Taxe și trimisă/soluționată/încasată au ieșit.
   Totul sub .sx-fca, clasele fca-*, px. Starea rândului: data-* pe .fca-stage; ce apare la fiecare oprire: .is-shown (din JS).
   ========================================================================== */

/* ---------- 0. Tokeni ---------- */
.sx-fca {
  --fca-ease: cubic-bezier(0.16, 1, 0.3, 1);
  /* cadrul programului (v34): bara de sus și șina rămân închise */
  --fca-bb: #1e1d1a; --fca-bb-hi: #2d2b27; --fca-bb-ink: #efebe1; --fca-bb-mute: #a19c91;
  --fca-cv: #f7f6f2; --fca-dot: rgba(29, 39, 51, .085);
  --fca-sf: #ffffff; --fca-sf2: #f4f3ef; --fca-line: #e4e2dc; --fca-line2: #d2cfc7;
  --fca-ink: #1d2733; --fca-ink2: #4f5b68; --fca-ink3: #5f6a78;
  --fca-acc: #1a74a2; --fca-acc-ink: #ffffff; --fca-acc-soft: #e7f0f7; --fca-acc-line: rgba(26, 116, 162, .42);
  --fca-okb: #2c8653; --fca-okb-ink: #ffffff;
  --fca-wb: #e8b23a; --fca-wb-ink: #3a2a00;
  --fca-db: #c8402f; --fca-db-ink: #ffffff;
  /* roșul rândului (text-danger din program, adus la contrast AA pe alb) */
  --fca-red: #c2361f; --fca-red-soft: #fcebe7; --fca-red-line: rgba(194, 54, 31, .5);
  --fca-ok: #22744a; --fca-ok-line: rgba(34, 116, 74, .45);
  --fca-flash: #fff1a6;
  /* zonele ciornei (bg-grey / info / success / warning / danger din order.invoice.js:335) */
  --fca-z-b: #dcebf6; --fca-z-g: #e2f0da; --fca-z-y: #fbf3d5; --fca-z-p: #f6e2df;
  --fca-in-bg: #ffffff; --fca-in-ro: #eeede8;
  --fca-scrim: rgba(28, 32, 38, .16);
  --fca-press: rgba(26, 116, 162, .55);
  --fca-note-bg: #ffffff; --fca-note-ring: rgba(23, 32, 43, .10);
  --fca-note-sh: 0 1px 2px rgba(23, 32, 43, .08), 0 8px 20px -8px rgba(23, 32, 43, .28);
  --fca-lift-sh: 0 8px 18px -8px rgba(23, 32, 43, .38);
  --fca-win-sh: 0 0 0 1px rgba(14, 13, 11, .92), 0 2px 4px rgba(23, 32, 43, .10), 0 14px 28px -10px rgba(23, 32, 43, .22),
                0 30px 70px -30px rgba(20, 42, 62, .28);
  --fca-pop-sh: 0 0 0 1px rgba(23, 32, 43, .08), 0 1px 2px rgba(23, 32, 43, .08), 0 14px 30px -10px rgba(23, 32, 43, .28),
                0 40px 70px -28px rgba(23, 32, 43, .34);
  --fca-row-sh: 0 0 0 1px rgba(23, 32, 43, .08), 0 2px 4px rgba(23, 32, 43, .06), 0 12px 26px -12px rgba(23, 32, 43, .30);
  --fca-lens-sh: 0 0 0 1px rgba(23, 32, 43, .07), 0 2px 4px rgba(23, 32, 43, .08), 0 22px 44px -16px rgba(23, 32, 43, .36);
  /* partea paginii (șina, textul opririi): tokenii paginii; roșu / verde = cei ai paginii */
  --fca-pacc: var(--ink); --fca-pred: #ff8f7d; --fca-pok: #6aaa6a;
  overflow-x: clip;
}
:root[data-theme=light] .sx-fca { --fca-pred: #b03119; --fca-pok: #27764c; }
/* tema închisă a paginii: programul rămâne alb, puțin mai întunecat (×0,92), cu umbra ferestrei de pe pagina 1 */
:root:not([data-theme=light]) .sx-fca {
  --fca-cv: #e3e2de; --fca-dot: rgba(29, 39, 51, .09);
  --fca-sf: #ebebeb; --fca-sf2: #e0dfdc; --fca-line: #d2d0ca; --fca-line2: #c1beb7;
  --fca-acc-soft: #d5dde3; --fca-red-soft: #e8d8d4; --fca-flash: #ebdd99;
  --fca-z-b: #cad8e2; --fca-z-g: #d0ddc8; --fca-z-y: #e7dfc4; --fca-z-p: #e2d0cd;
  --fca-in-bg: #ebebeb; --fca-in-ro: #dbdad5;
  --fca-note-bg: #ebebeb;
  --fca-win-sh: 0 0 0 1px rgba(255, 255, 255, .12), 0 2px 6px rgba(0, 0, 0, .45), 0 40px 90px -30px rgba(0, 0, 0, .7);
}
.sx-fca .fca-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.sx-fca .fca-i { display: block; width: 16px; height: 16px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.sx-fca .fca-i--f { fill: currentColor; stroke: none; }

/* ---------- 1. Capul (tiparul paginii vine din site27.css) ---------- */
.sx-fca .sx-head.sx-fca-head { margin-bottom: 26px; }
@media (max-width: 891px) { .sx-fca .sx-head.sx-fca-head { margin-bottom: 21px; } }

/* ---------- 2. Figura: pânza, șina, textul opririi, nota de jos ---------- */
.sx-fca .fca-fig { margin: 0; container: fcafig / inline-size; }
.sx-fca .fca-frame { position: relative; max-width: 1040px; }
.sx-fca .fca-stage { position: relative; width: 100%; aspect-ratio: 1000 / 556; container-type: inline-size; }
.sx-fca.fca-js .fca-stage { aspect-ratio: auto; container-type: normal; }
/* fără JS: starea finală „Încasat” are o fereastră mai scundă (fără zonă goală sub ea) */
.sx-fca:not(.fca-js) .fca-stage { aspect-ratio: 1000 / 424; }
.sx-fca:not(.fca-js) .fca-cv { --fca-wh: 390px; height: 424px; }
/* [cc 20.10] fereastra și scena își urmează conținutul la fiecare oprire (înălțimea o pune JS, din ce arată oprirea); schimbarea e scurtă și lină */
/* creșterea e promptă (ferestrele noi apar după 0,12 s), micșorarea așteaptă 0,14 s ca ferestrele care pleacă să se stingă întâi */
.sx-fca.fca-js .fca-stage.is-grow { transition: height .35s var(--fca-ease); }
.sx-fca.fca-js .fca-stage.is-shrink { transition: height .45s var(--fca-ease) .14s; }

/* ---------- 3. Șina: două acte, șapte opriri; linia ia culoarea banilor ---------- */
.sx-fca .fca-nav { position: relative; margin-top: 16px; --fca-tone: var(--fca-pacc); }
.sx-fca .fca-nav[data-tone="red"] { --fca-tone: var(--fca-pred); }
.sx-fca .fca-nav[data-tone="ok"] { --fca-tone: var(--fca-pok); }
.sx-fca .fca-acts { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); margin: 0 0 3px; }
.sx-fca .fca-act {
  min-width: 0; margin: 0 8px; padding: 0 0 8px; border-bottom: 1px solid var(--rule);
  font: 500 12px/18px var(--ws); letter-spacing: .12em; word-spacing: 0; text-transform: uppercase; color: var(--mute); white-space: nowrap;
}
.sx-fca .fca-act--1 { grid-column: 1 / 4; }
.sx-fca .fca-act--2 { grid-column: 4 / 8; }
.sx-fca .fca-rl { position: relative; }
.sx-fca .fca-steps { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.sx-fca .fca-line {
  position: absolute; z-index: 0; left: calc(100% / 14); right: calc(100% / 14); top: 15px; height: 2px; margin-top: -1px;
  background-image: repeating-linear-gradient(90deg, var(--line) 0 5px, rgba(0, 0, 0, 0) 5px 10px);
}
/* linia plină = două jumătăți care se întind (scaleX): „Factura ta” în cerneala paginii, „Credit Note-ul clientului” în culoarea banilor */
.sx-fca .fca-la, .sx-fca .fca-lb { position: absolute; top: 0; bottom: 0; width: 50%; display: block; transform-origin: 0 50%; transition: transform .7s var(--fca-ease); }
.sx-fca .fca-la { left: 0; background: var(--fca-pacc); transform: scaleX(var(--fca-pa, 1)); }
.sx-fca .fca-lb { left: 50%; transform: scaleX(var(--fca-pb, 1)); }
.sx-fca .fca-lb b { position: absolute; inset: 0; display: block; opacity: 0; transition: opacity .5s ease; }
.sx-fca .fca-lb-acc { background: var(--fca-pacc); }
.sx-fca .fca-lb-red { background: var(--fca-pred); }
.sx-fca .fca-lb-ok { background: var(--fca-pok); }
.sx-fca .fca-nav:not([data-tone="red"]):not([data-tone="ok"]) .fca-lb-acc,
.sx-fca .fca-nav[data-tone="red"] .fca-lb-red, .sx-fca .fca-nav[data-tone="ok"] .fca-lb-ok { opacity: 1; }
.sx-fca .fca-steps li:nth-child(-n+3) .fca-step { --fca-tone: var(--fca-pacc); }
.sx-fca .fca-step {
  width: 100%; display: grid; justify-items: center; align-content: start; gap: 9px; min-height: 44px; padding: 10px 2px 4px; margin: 0;
  border: 0; border-radius: 10px; background: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
  font: 400 14px/18px var(--ws); letter-spacing: -0.005em; word-spacing: 0; color: var(--mute);

}
/* punctul: inelul stă pe loc; umplerea (::before) și aura (::after) apar din scară + opacitate */
.sx-fca .fca-step-d {
  position: relative; width: 11px; height: 11px; border-radius: 50%; background: var(--bg);
  box-shadow: inset 0 0 0 1.5px var(--line), 0 0 0 3px var(--bg);
}
.sx-fca .fca-step-d::before, .sx-fca .fca-step-d::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.sx-fca .fca-step-d::before { inset: 0; background: var(--fca-tone); opacity: 0; transform: scale(.35); transition: opacity .3s ease, transform .45s var(--fca-ease); }
.sx-fca .fca-step-d::after { inset: -6px; background: var(--fca-tone); opacity: 0; transform: scale(.5); transition: opacity .3s ease, transform .5s var(--fca-ease); }
.sx-fca .fca-step.is-past .fca-step-d::before, .sx-fca .fca-step[aria-current] .fca-step-d::before { opacity: 1; transform: none; }
.sx-fca .fca-step[aria-current] .fca-step-d::after { opacity: .2; transform: none; }
.sx-fca .fca-step[aria-current] { color: var(--ink); font-weight: 500; }
@media (hover: hover) {
  .sx-fca .fca-step:hover { color: var(--ink); }
  .sx-fca .fca-step:hover .fca-step-d::before { opacity: .45; transform: scale(.7); }
  .sx-fca .fca-step.is-past:hover .fca-step-d::before, .sx-fca .fca-step[aria-current]:hover .fca-step-d::before { opacity: 1; transform: scale(1.12); }
}
.sx-fca .fca-step:active .fca-step-d::before { transform: scale(.8); }
.sx-fca .fca-step:focus-visible { outline: 2px solid var(--ink); outline-offset: 0; border-radius: 10px; }
.sx-fca .fca-now { display: none; }
@media (max-width: 599px) {
  .sx-fca .fca-nav { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 13px; margin-top: 13px; }
  .sx-fca .fca-acts { display: none; }
  .sx-fca .fca-step { padding: 8px 0 0; gap: 0; }
  .sx-fca .fca-step-n { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .sx-fca .fca-line { top: 13px; }
  .sx-fca .fca-now { display: block; margin: 0; font: 500 14px/18px var(--ws); color: var(--ink); white-space: nowrap; }
}

/* textul opririi: fără JS, toate șapte, ca listă; cu JS, unul peste altul în aceeași celulă și apare doar cel al opririi */
.sx-fca .fca-caps { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 8px; }
.sx-fca .fca-cap-t { margin: 0; max-width: 66ch; font: 400 17px/26px var(--ws); letter-spacing: -0.008em; word-spacing: 0; color: var(--ink2); text-wrap: pretty; }
.sx-fca .fca-cap-t b { font-weight: 500; color: var(--ink); }
.sx-fca .fca-cap-n { color: var(--ink); font-weight: 500; }
.sx-fca.fca-js .fca-cap-n { display: none; }
.sx-fca.fca-js .fca-caps { gap: 0; }
.sx-fca.fca-js .fca-cap { grid-area: 1 / 1; opacity: 0; transform: translateY(6px); pointer-events: none; transition: opacity .16s linear, transform 0s linear .16s; }
.sx-fca.fca-js .fca-cap.is-on { opacity: 1; transform: none; pointer-events: auto; transition: opacity .45s ease .1s, transform .6s var(--fca-ease) .1s; }
@media (max-width: 599px) { .sx-fca .fca-cap-t { font-size: 16px; line-height: 24px; } }

/* nota de jos (cea de azi a paginii: „Tot aici” / „În versiunea nouă”) */
.sx-fca .fca-figcap { margin-top: 26px; padding-top: 16px; border-top: 1px solid var(--rule); max-width: none; font: 400 16px/24px var(--ws); letter-spacing: -.005em; word-spacing: 0; color: var(--ink2); text-wrap: pretty; }
.sx-fca .fca-figcap-l { display: block; }
.sx-fca .fca-figcap-l + .fca-figcap-l { margin-top: 3px; }
.sx-fca .fca-figcap .fca-lb2 { color: var(--ink); }
.sx-fca .fca-figcap b { font-weight: 600; color: var(--ink); }
.sx-fca .fca-figcap .fca-inv2 { color: var(--mute); }
.sx-fca .fca-figcap a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--line); }
.sx-fca .fca-figcap a:hover { text-decoration-color: currentColor; }
@container fcafig (max-width: 859px) {
  .sx-fca .fca-figcap { margin-top: 26px; padding-top: 16px; line-height: 22px; }
  .sx-fca .fca-figcap .x { display: none; }
}

/* ---------- 4. Pânza: mărime fixă, scalată ---------- */
.sx-fca .fca-cv {
  --fca-k: 1;
  position: absolute; left: 0; top: 0; width: 1000px; height: 556px; transform-origin: 0 0; transform: scale(var(--fca-k));
  color: var(--fca-ink); font-family: var(--ws); font-size: 11px; line-height: 14px; font-variant-numeric: tabular-nums;
  /* desenul nu se derulează și nu se trage: cursor obișnuit, fără selecție de text */
  cursor: default; user-select: none; -webkit-user-select: none; -webkit-user-drag: none;
}
/* în timp ce JS măsoară înălțimile opririlor, nimic nu se mișcă */
.sx-fca.fca-measure .fca-cv, .sx-fca.fca-measure .fca-cv * { transition: none !important; }
/* fără JS: scara din lățimea coloanei (trepte), pânza lată */
@container (max-width: 1080px) { .sx-fca .fca-cv { --fca-k: 1.04; } }
@container (max-width: 1040px) { .sx-fca .fca-cv { --fca-k: 1; } }
@container (max-width: 1000px) { .sx-fca .fca-cv { --fca-k: .9; } }
@container (max-width: 900px)  { .sx-fca .fca-cv { --fca-k: .8; } }
@container (max-width: 800px)  { .sx-fca .fca-cv { --fca-k: .7; } }
@container (max-width: 700px)  { .sx-fca .fca-cv { --fca-k: .6; } }
@container (max-width: 600px)  { .sx-fca .fca-cv { --fca-k: .5; } }
@container (max-width: 500px)  { .sx-fca .fca-cv { --fca-k: .4; } }
@container (max-width: 400px)  { .sx-fca .fca-cv { --fca-k: .35; } }
.sx-fca .fca-stage[data-fit="compact"] .fca-cv { width: 360px; height: 470px; }
.sx-fca .fca-cv, .sx-fca .fca-cv * { letter-spacing: -0.008em; word-spacing: 0; }
.sx-fca .fca-cv :where(b, strong) { color: inherit; font-weight: 600; }
.sx-fca .fca-cv :where(p, ul, ol) { margin: 0; padding: 0; list-style: none; }
.sx-fca .fca-cv :where(i, em) { font-style: normal; }

/* ce apare la fiecare oprire (.is-shown din JS): ce pleacă dispare în 0,12 s, ce vine apare după */
.sx-fca .fca-cv [data-on] { transition: opacity .12s linear, visibility 0s linear .12s; }
.sx-fca .fca-cv [data-on]:not(.is-shown) { opacity: 0; visibility: hidden; }
.sx-fca .fca-cv [data-on].is-shown {
  opacity: 1; visibility: visible;
  transition: opacity .35s ease calc(.12s + var(--d, 0s)), visibility 0s linear calc(.12s + var(--d, 0s));
}
/* înainte să ajungă scena în ecran, notele stau ascunse: apar abia când pornește mișcarea */
.sx-fca .fca-stage.fca-pre .fca-cv [data-on].is-shown:is(.fca-note, .fca-w) { opacity: 0; visibility: hidden; transition: none; }
.sx-fca .fca-cv .fca-sw[data-on]:not(.is-shown) { display: none; }
.sx-fca .fca-cv .fca-sw.is-shown { animation: fca-in .5s var(--fca-ease) both; }

/* ---------- 5. Fereastra programului ---------- */
.sx-fca .fca-win {
  position: absolute; z-index: 1; left: 16px; top: 26px; width: 968px; height: var(--fca-wh, 522px);
  border-radius: 16px; background: var(--fca-bb); box-shadow: var(--fca-win-sh);
}
.sx-fca.fca-js .fca-stage.is-grow .fca-win { transition: height .35s var(--fca-ease); }
.sx-fca.fca-js .fca-stage.is-shrink .fca-win { transition: height .45s var(--fca-ease) .14s; }
.sx-fca .fca-top { position: absolute; left: 0; right: 0; top: 0; height: 38px; display: flex; align-items: center; padding-right: 10px; color: var(--fca-bb-mute); }
.sx-fca .fca-logo { flex: 0 0 auto; width: 48px; height: 38px; display: grid; place-items: center; color: var(--fca-bb-ink); }
.sx-fca .fca-logo .fca-i { width: 20px; height: 20px; }
.sx-fca .fca-tabs { flex: 1 1 auto; min-width: 0; align-self: stretch; display: flex; align-items: flex-end; gap: 3px; padding-left: 10px; }
.sx-fca .fca-tab {
  position: relative; display: flex; align-items: center; gap: 8px; height: 30px; padding: 0 10px 0 13px;
  border-radius: 9px 9px 0 0; background: var(--fca-cv); color: var(--fca-ink); font-size: 11.5px; font-weight: 600; white-space: nowrap;
}
.sx-fca .fca-tab::before, .sx-fca .fca-tab::after { content: ""; position: absolute; bottom: 0; width: 9px; height: 9px; }
.sx-fca .fca-tab::before { left: -9px; background: radial-gradient(circle at 0 0, rgba(0, 0, 0, 0) 8.5px, var(--fca-cv) 9px); }
.sx-fca .fca-tab::after { right: -9px; background: radial-gradient(circle at 100% 0, rgba(0, 0, 0, 0) 8.5px, var(--fca-cv) 9px); }
.sx-fca .fca-tab-x { width: 11px; height: 11px; opacity: .6; }
.sx-fca .fca-tab-add { display: grid; place-items: center; width: 26px; height: 26px; margin: 0 0 2px 10px; border-radius: 7px; color: var(--fca-bb-mute); }
.sx-fca .fca-tab-add .fca-i { width: 13px; height: 13px; }
.sx-fca .fca-me { flex: 0 0 auto; display: grid; place-items: center; width: 26px; height: 26px; margin-left: 8px; border-radius: 50%; background: var(--fca-bb-hi); color: var(--fca-bb-mute); }
.sx-fca .fca-me .fca-i { width: 14px; height: 14px; }
.sx-fca .fca-rail { position: absolute; left: 0; top: 38px; bottom: 0; width: 48px; display: flex; flex-direction: column; align-items: center; gap: 5px; padding-top: 12px; }
.sx-fca .fca-ri { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; color: var(--fca-bb-mute); }
.sx-fca .fca-ri.is-act { background: var(--fca-bb-hi); color: var(--fca-bb-ink); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06); }

.sx-fca .fca-page {
  position: absolute; left: 48px; top: 38px; right: 0; bottom: 0; padding: 10px 18px; border-radius: 12px 0 16px 0;
  background-color: var(--fca-cv); background-image: radial-gradient(circle, var(--fca-dot) 1px, rgba(0, 0, 0, 0) 1.3px);
  background-size: 20px 20px; background-position: 10px 10px;
}
.sx-fca .fca-ph { display: flex; align-items: center; gap: 8px; height: 26px; margin-bottom: 8px; }
.sx-fca .fca-pt { flex: 0 0 auto; margin-right: 8px; font-size: 15px; font-weight: 700; letter-spacing: -0.02em; }
.sx-fca .fca-sel {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: space-between; gap: 6px; height: 26px; padding: 0 7px 0 10px;
  border-radius: 7px; background: var(--fca-in-bg); border: 1px solid var(--fca-line2); font-size: 11px; color: var(--fca-ink); white-space: nowrap; overflow: hidden;
}
.sx-fca .fca-sel .fca-i { width: 12px; height: 12px; color: var(--fca-ink3); }
.sx-fca .fca-sel-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.sx-fca .fca-sel-ph { color: var(--fca-ink3); }
.sx-fca .fca-sel--1 { width: 196px; }   /* [cc 20.10] „Toate (Facturat și Nefacturat)” încape întreg (era 150 px: se tăia la „N…”) */
.sx-fca .fca-sel--2 { width: 112px; }
.sx-fca .fca-sel--3 { width: 148px; }
.sx-fca .fca-go {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 12px; border-radius: 7px;
  border: 1px solid var(--fca-ok-line); color: var(--fca-ok); font-size: 11px; font-weight: 600;
}
.sx-fca .fca-go .fca-i { width: 13px; height: 13px; }
.sx-fca .fca-stage[data-flt="nef"] .fca-f-one, .sx-fca .fca-stage:not([data-flt="nef"]) .fca-f-nef { display: none; }

/* filtrul „Nr. Factură” (caută și în Credit Note-uri): gol, apoi GS-48211, apoi GS-48377; ridicat deasupra umbrei când îl folosești */
.sx-fca .fca-nr { flex: 0 0 auto; display: inline-flex; width: 154px; height: 26px; border-radius: 7px; }
.sx-fca .fca-nr-l {
  flex: 0 0 auto; display: flex; align-items: center; padding: 0 8px; border: 1px solid var(--fca-line2); border-right: 0;
  border-radius: 7px 0 0 7px; background: var(--fca-sf2); color: var(--fca-ink2); font-size: 11px; white-space: nowrap;
}
.sx-fca .fca-nr .fca-in { flex: 1 1 auto; height: 26px; border-radius: 0 7px 7px 0; font-size: 11px; font-weight: 600; color: var(--fca-ink); }
.sx-fca .fca-nr-v > span { display: none; }
.sx-fca .fca-stage[data-nr="a"] .fca-nr-a, .sx-fca .fca-stage[data-nr="b"] .fca-nr-b { display: inline-block; }
.sx-fca .fca-stage:is([data-scene="cn"], [data-scene="inc"])[data-at~="find"] .fca-nr {
  position: relative; z-index: 3; box-shadow: 0 0 0 3px var(--fca-acc-soft), var(--fca-lift-sh);
}
.sx-fca .fca-stage:is([data-scene="cn"], [data-scene="inc"])[data-at~="find"] .fca-nr :is(.fca-nr-l, .fca-in) { border-color: var(--fca-acc-line); }
.sx-fca .fca-stage[data-scene="cn"] .fca-nr-a, .sx-fca .fca-stage[data-scene="inc"] .fca-nr-b { animation: fca-type .5s var(--fca-ease) both; }

/* tabelul: coloanele din program (order.invoice.php:990-1009), o parte; „Remorcă … Dispecer” nu sunt desenate */
.sx-fca .fca-tbl { position: relative; }
.sx-fca .fca-tr {
  display: grid; grid-template-columns: 26px 40px 76px 118px 122px 44px 54px 56px 66px 70px 162px 50px;
  align-items: start; font-size: 11px; line-height: 14px;
}
.sx-fca .fca-c { min-width: 0; padding: 7px 5px; }
.sx-fca .fca-c3, .sx-fca .fca-c5 { white-space: nowrap; }
.sx-fca .fca-tr--h { align-items: end; min-height: 30px; padding-bottom: 4px; border-bottom: 1px solid var(--fca-line2); color: var(--fca-ink2); font-size: 10.5px; line-height: 12.5px; font-weight: 600; }
.sx-fca .fca-tr--h .fca-c { padding: 0 2px; }
.sx-fca .fca-c7, .sx-fca .fca-c8, .sx-fca .fca-c9, .sx-fca .fca-c10, .sx-fca .fca-c11, .sx-fca .fca-c13 { text-align: center; }
.sx-fca .fca-c12 { text-align: right; }
.sx-fca .fca-c1, .sx-fca .fca-c2 { display: flex; gap: 3px; justify-content: center; }
.sx-fca .fca-tr--h .fca-c1, .sx-fca .fca-tr--h .fca-c2 { align-self: end; }
.sx-fca .fca-c-sub { display: none; }
.sx-fca .fca-lk { color: var(--fca-acc); }
.sx-fca .fca-c5 .fca-lk { font-weight: 600; }

/* butoanele din capul tabelului: agrafa, foaia, @ */
.sx-fca .fca-hb {
  position: relative; display: grid; place-items: center; width: 17px; height: 19px; border-radius: 5px; background: var(--fca-sf); border: 1px solid var(--fca-line2);
  color: var(--fca-ink2); font-size: 10.5px; font-weight: 700; line-height: 1;
}
.sx-fca .fca-hb .fca-i { width: 11px; height: 11px; }
.sx-fca .fca-hb--mail { color: var(--fca-acc); }

/* bifele și butoanele-celulă */
.sx-fca .fca-ck {
  position: relative; display: inline-block; width: 14px; height: 14px; border-radius: 3.5px; flex: 0 0 auto;
  background: var(--fca-in-bg); box-shadow: inset 0 0 0 1.5px var(--fca-line2); vertical-align: middle;
}
.sx-fca .fca-ck::after {
  content: ""; position: absolute; left: 4.6px; top: 2.2px; width: 4px; height: 7px; border: solid var(--fca-acc-ink);
  border-width: 0 1.8px 1.8px 0; transform: rotate(45deg) scale(.4); opacity: 0; transition: opacity .15s ease, transform .3s var(--fca-ease);
}
.sx-fca .fca-ck.is-on,
.sx-fca .fca-stage[data-fct="1"] .fca-ck--fct,
.sx-fca .fca-stage[data-sel="1"] .fca-ck--inv { background: var(--fca-acc); box-shadow: inset 0 0 0 1.5px var(--fca-acc); }
.sx-fca .fca-ck.is-on::after,
.sx-fca .fca-stage[data-fct="1"] .fca-ck--fct::after,
.sx-fca .fca-stage[data-sel="1"] .fca-ck--inv::after { opacity: 1; transform: rotate(45deg) scale(1); }
.sx-fca .fca-c1 .fca-ck, .sx-fca .fca-c2 .fca-ck, .sx-fca .fca-c13 .fca-ck { margin-top: 1px; }
.sx-fca .fca-cb {
  display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 21px; margin-top: -3px; padding: 0 5px;
  border-radius: 6px; border: 1px solid var(--fca-line2); background: var(--fca-sf2); color: var(--fca-ink); font-weight: 600; font-size: 10.5px;
}

/* rândul viu: ridicat deasupra listei (și deasupra umbrei de sub ferestre) */
.sx-fca .fca-live {
  position: relative; z-index: 3; margin: 5px -6px 0; padding: 0 6px; border-radius: 10px;
  background: var(--fca-sf); box-shadow: var(--fca-row-sh);
}
.sx-fca .fca-stage[data-fit="wide"][data-scene="nef"] .fca-live { margin-bottom: 44px; }
.sx-fca .fca-stage.is-live .fca-live { animation: fca-lift .9s var(--fca-ease) .2s backwards; }
.sx-fca .fca-ghost { border-bottom: 1px solid var(--fca-line); color: var(--fca-ink2); }
.sx-fca .fca-ghost .fca-cb { color: var(--fca-ink2); }
.sx-fca .fca-stage:not([data-flt="nef"]) .fca-ghost { display: none; }

/* starea rândului */
.sx-fca .fca-stage[data-inv="0"] .fca-v-inv1, .sx-fca .fca-stage:not([data-inv="0"]) .fca-v-inv0,
.sx-fca .fca-stage[data-km="0"] .fca-v-km1, .sx-fca .fca-stage:not([data-km="0"]) .fca-v-km0,
.sx-fca .fca-stage:not([data-cn="1"]) .fca-v-cn1, .sx-fca .fca-stage:not([data-cn="2"]) .fca-v-cn2,
.sx-fca .fca-stage[data-ap="0"] .fca-v-ap1, .sx-fca .fca-stage:not([data-ap="2"]) .fca-v-ap2 { display: none; }
/* celula „Factura” numără rândurile de factură ale comenzii, cu tot cu Credit Note-urile (order.invoice.php:787, :1216) */
.sx-fca .fca-live .fca-c8 .fca-cb > span { display: none; }
.sx-fca .fca-stage[data-inv="0"] .fca-live .fca-n0,
.sx-fca .fca-stage[data-inv="1"][data-cn="0"] .fca-live .fca-n1,
.sx-fca .fca-stage[data-inv="1"][data-cn="1"] .fca-live .fca-n2,
.sx-fca .fca-stage[data-inv="1"][data-cn="2"] .fca-live .fca-n3 { display: inline; }

/* celula „Valoare Fără TVA”: facturile, linia, Credit Note-urile; roșie când nu bat */
.sx-fca .fca-val { display: grid; text-align: right; }
.sx-fca .fca-sum { display: grid; font-weight: 600; font-size: 11.5px; }
.sx-fca .fca-hr { display: block; height: 1px; margin: 3px 0; background: currentColor; opacity: .4; }
.sx-fca .fca-stage[data-cn="1"] .fca-live .fca-sum { color: var(--fca-red); }
.sx-fca .fca-kv { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 6px; font-size: 10.5px; }
.sx-fca .fca-kv em { white-space: nowrap; }
.sx-fca .fca-kv b { margin-left: auto; white-space: nowrap; }
.sx-fca .fca-kv em, .sx-fca .fca-kv2 em { font-style: italic; color: var(--fca-ink2); }
.sx-fca .fca-kv2 { display: grid; font-size: 10.5px; }
.sx-fca .fca-kv2 em { text-align: left; }
.sx-fca .fca-kv2 b { text-align: right; }

/* totalurile de sub listă (coloana valorilor) */
.sx-fca .fca-tot { display: grid; gap: 2px; margin-top: 10px; padding-right: 50px; font-size: 11px; line-height: 15px; font-weight: 600; }
.sx-fca .fca-tot p { display: grid; grid-template-columns: minmax(0, 1fr) 162px; }
.sx-fca .fca-tot span { text-align: right; padding-right: 10px; color: var(--fca-ink2); }
.sx-fca .fca-tot b { text-align: right; padding-right: 5px; }
/* la „Încasat” lupa stă în coloana din dreapta: totalurile se opresc înaintea ei */
.sx-fca .fca-stage[data-fit="wide"][data-scene="inc"] .fca-tot { padding-right: 160px; }
.sx-fca .fca-stage[data-flt="nef"] .fca-tv-one, .sx-fca .fca-stage:not([data-flt="nef"]) .fca-tv-nef { display: none; }

/* umbra peste pagină când e deschisă o fereastră (rândul viu rămâne deasupra ei) */
.sx-fca .fca-scrim { position: absolute; z-index: 2; left: 48px; top: 38px; right: 0; bottom: 0; border-radius: 12px 0 16px 0; background: var(--fca-scrim); pointer-events: none; }

/* ---------- 6. Ferestrele (dialogurile programului): toate se închid în fereastra programului ---------- */
.sx-fca .fca-dlg {
  position: absolute; z-index: 6; display: flex; flex-direction: column; border-radius: 11px; overflow: hidden;
  background: var(--fca-sf); box-shadow: var(--fca-pop-sh); color: var(--fca-ink);
}
/* suprafețele opace apar întregi (fără estompare), doar cu o urcare scurtă: două texte nu se văd niciodată unul prin altul */
.sx-fca .fca-cv .fca-dlg[data-on] { transform: translateY(16px) scale(.988); transform-origin: 50% 0; transition: opacity 0s linear .12s, visibility 0s linear .12s, transform 0s linear .12s; }
.sx-fca .fca-cv .fca-dlg[data-on].is-shown { transform: none; transition: opacity 0s linear .12s, visibility 0s linear .12s, transform .55s var(--fca-ease) .12s; }
.sx-fca .fca-dlg-h { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; height: 28px; padding: 0 10px 0 14px; border-bottom: 1px solid var(--fca-line); }
.sx-fca .fca-dlg-t { flex: 1 1 auto; min-width: 0; text-align: center; color: var(--fca-acc); font-size: 11.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sx-fca .fca-dlg-h .fca-i { width: 13px; height: 13px; color: var(--fca-ink3); }
.sx-fca .fca-dlg-b { flex: 1 1 auto; padding: 10px 12px; }
.sx-fca .fca-dlg-f { flex: 0 0 auto; display: flex; justify-content: flex-end; align-items: center; gap: 6px; padding: 6px 12px; border-top: 1px solid var(--fca-line); background: var(--fca-sf2); }
.sx-fca .fca-in {
  display: flex; align-items: center; min-width: 0; height: 22px; padding: 0 7px; border-radius: 5px;
  border: 1px solid var(--fca-line2); background: var(--fca-in-bg); font-size: 10.5px; white-space: nowrap; overflow: hidden;
}
.sx-fca .fca-in--n { justify-content: flex-end; }
.sx-fca .fca-in--ro { background: var(--fca-in-ro); color: var(--fca-ink2); }
.sx-fca .fca-in--sel { position: relative; padding-right: 18px; }
.sx-fca .fca-in--sel::after {
  content: ""; position: absolute; right: 6px; top: 50%; width: 5px; height: 5px; margin-top: -4px;
  border: solid var(--fca-ink3); border-width: 0 1.3px 1.3px 0; transform: rotate(45deg);
}
.sx-fca .fca-in--q { justify-content: space-between; gap: 4px; }
.sx-fca .fca-qm { display: inline-grid; place-items: center; }
.sx-fca .fca-in--q .fca-i { width: 12px; height: 12px; color: var(--fca-acc); }
.sx-fca .fca-b {
  position: relative; display: inline-flex; align-items: center; justify-content: center; height: 24px; padding: 0 12px; border-radius: 6px;
  border: 1px solid var(--fca-line2); background: var(--fca-sf); color: var(--fca-ink); font-size: 10.5px; font-weight: 600; white-space: nowrap;
}
.sx-fca .fca-b--pri { background: var(--fca-acc); border-color: var(--fca-acc); color: var(--fca-acc-ink); }
.sx-fca .fca-b--ok { background: var(--fca-okb); border-color: var(--fca-okb); color: var(--fca-okb-ink); }
.sx-fca .fca-ib { position: relative; display: grid; place-items: center; width: 24px; height: 22px; border-radius: 5px; }
.sx-fca .fca-ib .fca-i { width: 13px; height: 13px; }
.sx-fca .fca-ib--gen { background: var(--fca-acc); color: var(--fca-acc-ink); }
.sx-fca .fca-ib--ap { background: var(--fca-wb); color: var(--fca-wb-ink); }
.sx-fca .fca-ib--del { background: var(--fca-db); color: var(--fca-db-ink); }
.sx-fca .fca-ib.is-off { opacity: .4; }
.sx-fca .fca-ckl { display: inline-flex; align-items: center; gap: 6px; margin-right: auto; font-size: 10.5px; font-weight: 600; color: var(--fca-ink2); }

/* Facturare Comandă (top = sub rândul viu, din JS: --fca-top) */
.sx-fca .fca-cv { --fca-top: 202px; }
/* [cc 20.10] 730 px (era 740): lupa stă în coloana din dreapta, lângă fereastră, nu peste tabel */
.sx-fca .fca-fc { left: 80px; top: var(--fca-top); width: 730px; }
.sx-fca .fca-stage[data-scene="fact"] .fca-fc { left: 120px; width: 740px; }
.sx-fca .fca-stage[data-fit="wide"][data-scene="fact"][data-at~="inv"] .fca-fc { left: 180px; width: 640px; }
.sx-fca .fca-stage[data-fit="wide"][data-scene="fact"][data-at~="inv"] .fca-fc > :not(.fca-dlg-h) { visibility: hidden; }
.sx-fca .fca-fr { display: grid; grid-template-columns: 42px 52px 78px 88px 74px 74px minmax(0, 1fr) 54px 56px 24px 24px 24px; gap: 4px; align-items: center; }
.sx-fca .fca-fr + .fca-fr { margin-top: 4px; }
.sx-fca .fca-fr--h { align-items: end; padding-bottom: 3px; color: var(--fca-ink2); font-size: 10.5px; line-height: 12.5px; font-weight: 600; }
.sx-fca .fca-fsum { display: grid; justify-items: end; gap: 3px; margin-top: 8px; }
.sx-fca .fca-fsum p { display: flex; }
.sx-fca .fca-fsum-l { display: flex; align-items: center; height: 22px; padding: 0 8px; border: 1px solid var(--fca-line2); border-right: 0; border-radius: 5px 0 0 5px; background: var(--fca-sf2); font-size: 10.5px; color: var(--fca-ink2); }
.sx-fca .fca-fsum .fca-in { width: 84px; border-radius: 0 5px 5px 0; }

/* Factură: capul (Machetă, Limba, Preț) + ciorna pe zone colorate; stă peste Facturare Comandă, cu titlul acesteia la vedere */
.sx-fca .fca-inv { left: 192px; top: calc(var(--fca-top) + 24px); width: 616px; }
.sx-fca .fca-inv-top { display: grid; grid-template-columns: 1.1fr 1fr 1.3fr; gap: 8px; padding: 3px 12px; }
.sx-fca .fca-ig { position: relative; display: flex; min-width: 0; }
.sx-fca .fca-ig-l { flex: 0 0 auto; display: flex; align-items: center; height: 22px; padding: 0 7px; border: 1px solid var(--fca-line2); border-right: 0; border-radius: 5px 0 0 5px; background: var(--fca-sf2); font-size: 10.5px; color: var(--fca-ink2); }
.sx-fca .fca-ig .fca-in { flex: 1 1 auto; border-radius: 0 5px 5px 0; }
.sx-fca .fca-stage:not([data-at~="fill"]) .fca-pret-1, .sx-fca .fca-stage[data-at~="fill"] .fca-pret-0 { display: none; }
.sx-fca .fca-stage[data-at~="fill"] .fca-pret { box-shadow: 0 0 0 2px var(--fca-acc-soft); border-color: var(--fca-acc-line); }
.sx-fca .fca-dd {
  position: absolute; z-index: 4; left: 34px; right: 0; top: 25px; display: grid; padding: 3px; border-radius: 7px;
  border: 1px solid var(--fca-line2); background: var(--fca-sf); box-shadow: var(--fca-pop-sh);
  opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .12s linear, visibility 0s linear .12s, transform .2s ease;
}
.sx-fca .fca-stage[data-now="pret"] .fca-dd { opacity: 1; visibility: visible; transform: none; transition: opacity .15s ease, visibility 0s, transform .3s var(--fca-ease); }
.sx-fca .fca-dd span { padding: 3px 8px; border-radius: 4px; font-size: 10.5px; white-space: nowrap; }
.sx-fca .fca-dd .is-hi { background: var(--fca-acc); color: var(--fca-acc-ink); }
.sx-fca .fca-draft { margin: 0 12px 6px; border: 1px solid var(--fca-line); border-radius: 6px; overflow: hidden; }
.sx-fca .fca-draft .fca-in { height: 20px; }
.sx-fca .fca-z { padding: 2px 10px; }
.sx-fca .fca-z--b { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; background: var(--fca-z-b); }
.sx-fca .fca-z--b .fca-zr { grid-template-columns: 58px minmax(0, 1fr); }
.sx-fca .fca-z--g { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; background: var(--fca-z-g); }
.sx-fca .fca-z--y { background: var(--fca-z-y); }
.sx-fca .fca-z--p { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: start; background: var(--fca-z-p); }
.sx-fca .fca-zc { display: grid; gap: 2px; min-width: 0; }
.sx-fca .fca-zr { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: center; gap: 6px; }
.sx-fca .fca-zl { font-size: 10.5px; font-weight: 600; color: var(--fca-ink2); }
.sx-fca .fca-draft .fca-zt .fca-in { height: 24px; padding: 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .01em; }
.sx-fca .fca-pr { display: grid; grid-template-columns: minmax(0, 1fr) 34px 56px 62px 62px 66px; gap: 5px; align-items: center; }
.sx-fca .fca-pr--h { margin-bottom: 2px; font-size: 10.5px; line-height: 12.5px; font-weight: 600; color: var(--fca-ink2); text-align: center; }
.sx-fca .fca-draft .fca-pr .fca-pr-t { height: auto; padding: 3px 7px; white-space: normal; line-height: 13px; font-size: 10.5px; }
.sx-fca .fca-sig { display: grid; grid-template-columns: auto minmax(0, 150px); gap: 8px; align-items: center; }
.sx-fca .fca-tt { display: grid; gap: 2px; }
.sx-fca .fca-tt p { display: grid; grid-template-columns: 30px 64px 40px 60px 64px; gap: 5px; align-items: center; }
.sx-fca .fca-tt b { font-size: 10.5px; text-align: right; color: var(--fca-ink2); }
.sx-fca .fca-fill i { transition: opacity .3s ease; }
.sx-fca .fca-stage:not([data-at~="fill"]) .fca-fill i { opacity: 0; }
.sx-fca .fca-invc { display: none; }

/* Transmitere facturi prin email */
.sx-fca .fca-mail { left: 68px; top: var(--fca-top); width: 772px; }
.sx-fca .fca-mail .fca-dlg-b { padding: 6px 12px; }
.sx-fca .fca-fl { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 8px; align-items: start; }
.sx-fca .fca-fl + .fca-fl { margin-top: 4px; }
.sx-fca .fca-fl-l { padding-top: 4px; text-align: right; font-size: 10.5px; font-weight: 600; color: var(--fca-ink2); }
.sx-fca .fca-chip { display: inline-flex; align-items: center; height: 17px; padding: 0 7px; border-radius: 4px; background: var(--fca-acc-soft); color: var(--fca-acc); font-weight: 600; font-size: 10.5px; }
.sx-fca .fca-dlg .fca-ta { flex-direction: column; align-items: stretch; justify-content: flex-start; height: auto; padding: 4px 8px; gap: 0; line-height: 13px; }
.sx-fca .fca-ta span:first-child { margin-bottom: 3px; }
.sx-fca .fca-mt { margin: 4px 0 0 72px; border: 1px solid var(--fca-line); border-radius: 5px; overflow: hidden; font-size: 10.5px; line-height: 13px; }
.sx-fca .fca-mr { display: grid; gap: 0; }
.sx-fca .fca-mt--f .fca-mr { grid-template-columns: 0.95fr 1fr 0.95fr 1fr 1.2fr 0.85fr 1fr; }
.sx-fca .fca-mt--c .fca-mr { grid-template-columns: 50px 192px 90px 102px 98px 80px minmax(0, 1fr); }
.sx-fca .fca-mr span { padding: 3px 4px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sx-fca .fca-mr--h { background: var(--fca-sf2); color: var(--fca-ink2); font-weight: 600; }
.sx-fca .fca-mr:not(.fca-mr--h) span { border-top: 1px solid var(--fca-line); }
.sx-fca .fca-att { margin: 4px 0 0 72px; border: 1px solid var(--fca-line); border-radius: 5px; overflow: hidden; }
.sx-fca .fca-att-r { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; min-height: 19px; font-size: 10.5px; }
.sx-fca .fca-att-r span:first-child { display: grid; place-items: center; }
.sx-fca .fca-att-r + .fca-att-r { border-top: 1px solid var(--fca-line); }
.sx-fca .fca-att-r--h { background: var(--fca-sf2); color: var(--fca-ink2); font-size: 10.5px; font-weight: 600; }
.sx-fca .fca-att-r .fca-ck { width: 12px; height: 12px; }
.sx-fca .fca-att-r .fca-ck::after { left: 3.8px; top: 1.6px; width: 3.5px; height: 6px; }
.sx-fca .fca-ckl--l { margin-right: auto; }

/* Km Beneficiar + Cost Taxe Drum Comandă: două ferestre, cea din față după data-front */
.sx-fca .fca-km { left: 80px; top: var(--fca-top); width: 244px; }
/* [cc 20.10] titlul ferestrei Km Beneficiar e lung pentru 244 px: se rupe pe două rânduri, nu se taie cu „…” */
.sx-fca .fca-km .fca-dlg-h { height: auto; min-height: 28px; padding-top: 5px; padding-bottom: 5px; }
.sx-fca .fca-km .fca-dlg-t { white-space: normal; overflow: visible; text-overflow: clip; line-height: 13px; }
.sx-fca .fca-tx { left: 332px; top: calc(var(--fca-top) + 14px); width: 476px; }
.sx-fca .fca-stage[data-front="km"] .fca-km, .sx-fca .fca-stage[data-front="taxe"] .fca-tx { z-index: 8; }
.sx-fca .fca-km > :not(.fca-dlg-h), .sx-fca .fca-tx > :not(.fca-dlg-h) { transition: opacity .3s ease; }
.sx-fca .fca-stage[data-front="taxe"] .fca-km > :not(.fca-dlg-h), .sx-fca .fca-stage[data-front="km"] .fca-tx > :not(.fca-dlg-h) { opacity: .55; }
.sx-fca .fca-kmf { display: grid; gap: 6px; }
.sx-fca .fca-kmf p { display: grid; grid-template-columns: 100px 96px; gap: 8px; align-items: center; }
.sx-fca .fca-kl { text-align: right; font-size: 10.5px; font-weight: 600; color: var(--fca-ink2); }
.sx-fca .fca-kmb-r .fca-kl { color: var(--fca-ink); }
.sx-fca .fca-kmb { border-color: var(--fca-acc-line); box-shadow: 0 0 0 2px var(--fca-acc-soft); }
.sx-fca .fca-type { transition: opacity .3s ease; }
.sx-fca .fca-stage[data-scene="dif"]:not([data-at~="type"]) .fca-type { opacity: 0; }
.sx-fca .fca-txr { display: grid; grid-template-columns: 36px 60px 76px 46px 70px 84px minmax(0, 1fr); gap: 4px; align-items: center; }
.sx-fca .fca-txr + .fca-txr { margin-top: 4px; }
.sx-fca .fca-txr--h { align-items: end; padding-bottom: 2px; font-size: 10.5px; line-height: 12.5px; font-weight: 600; color: var(--fca-ink2); }
.sx-fca .fca-txr--s { padding-top: 4px; border-top: 1px solid var(--fca-line); font-weight: 700; }
.sx-fca .fca-txr--s span { text-align: right; padding-right: 8px; }
.sx-fca .fca-tx-paid { border-color: var(--fca-red-line); color: var(--fca-red); font-weight: 600; background: var(--fca-red-soft); }

/* Înregistrare Contestație */
.sx-fca .fca-ct { left: 80px; top: var(--fca-top); width: 730px; }
.sx-fca .fca-ctf { display: grid; grid-template-columns: 1.08fr 1fr; gap: 18px; }
.sx-fca .fca-ct-l, .sx-fca .fca-ct-r { display: grid; align-content: start; gap: 6px; }
.sx-fca .fca-cf { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 7px; align-items: center; }
.sx-fca .fca-cf--2 { grid-template-columns: 104px minmax(0, 1fr) auto minmax(0, 1fr); }
.sx-fca .fca-ct-r .fca-cf { grid-template-columns: 126px minmax(0, 1fr); }
.sx-fca .fca-cl { text-align: right; font-size: 10.5px; font-weight: 600; color: var(--fca-ink2); line-height: 12.5px; }
.sx-fca .fca-cl--s { padding-left: 4px; }
.sx-fca .fca-ta2 { height: 38px; align-items: flex-start; padding-top: 4px; white-space: normal; line-height: 13px; }
.sx-fca .fca-ctc { display: none; }
.sx-fca .fca-stage[data-aps="1"] :is(.fca-a2, .fca-a3) i, .sx-fca .fca-stage[data-aps="2"] .fca-a3 i { opacity: 0; }
.sx-fca .fca-a2 i, .sx-fca .fca-a3 i { transition: opacity .35s ease; }

/* ---------- 7. Lupa pe „Valoare Fără TVA” ---------- */
/* [cc 20.10] Lupa stă SUB rând, săgeata în sus spre celula „Valoare Fără TVA”: în coloana din dreapta, lângă ferestre (pe pânza lată), sub rând (pe telefon).
   Înainte stătea peste filtre și capul tabelului și ascundea coloanele de după „Cost Taxe Drum”. Poziția o pune JS (placeLens). */
.sx-fca .fca-lens {
  position: absolute; z-index: 9; left: 826px; top: 272px; width: 152px; padding: 9px 12px 11px;
  border-radius: 14px; background: var(--fca-sf); box-shadow: var(--fca-lens-sh), 0 0 0 2px var(--fca-line2);
}
.sx-fca .fca-lens::after {
  content: ""; position: absolute; left: var(--fca-nx, 50%); top: -7px; width: 14px; height: 14px; margin-left: -7px;
  background: var(--fca-sf); transform: rotate(45deg); border-radius: 3px 0 0 0; box-shadow: -2px -2px 0 0 var(--fca-line2);
}
.sx-fca .fca-lens-h { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 4px; font-size: 10.5px; font-weight: 600; color: var(--fca-ink2); }
.sx-fca .fca-lens-id { display: none; }
.sx-fca .fca-lens-v { display: grid; }
.sx-fca .fca-lens-l { display: grid; justify-items: end; }
.sx-fca .fca-lens-k { justify-self: start; font-size: 10.5px; font-weight: 500; color: var(--fca-ink2); }
.sx-fca .fca-lens-l b { font-size: 19px; line-height: 24px; font-weight: 600; letter-spacing: -0.03em; white-space: nowrap; }
.sx-fca .fca-lens-hr { display: block; height: 1.5px; margin: 4px 0 5px; background: currentColor; opacity: .45; }
.sx-fca .fca-stage[data-cn="1"] .fca-lens-v { color: var(--fca-red); }
.sx-fca .fca-stage[data-cn="1"] .fca-lens { box-shadow: var(--fca-lens-sh), 0 0 0 2px var(--fca-red-line); }
.sx-fca .fca-stage[data-cn="1"] .fca-lens::after { box-shadow: -2px -2px 0 0 var(--fca-red-line); }
.sx-fca .fca-stage[data-cn="2"] .fca-lens { box-shadow: var(--fca-lens-sh), 0 0 0 2px var(--fca-ok-line); }
.sx-fca .fca-stage[data-cn="2"] .fca-lens::after { box-shadow: -2px -2px 0 0 var(--fca-ok-line); }

/* ---------- 8. Notele site-ului, etichetele-sursă și liniile lor ---------- */
.sx-fca .fca-note {
  position: absolute; z-index: 10; display: inline-flex; align-items: center; gap: 8px; max-width: 220px; padding: 6px 12px 6px 10px;
  border-radius: 10px; background: var(--fca-note-bg); box-shadow: 0 0 0 1px var(--fca-note-ring), var(--fca-note-sh);
  color: var(--fca-ink); font-size: 11.5px; line-height: 15px; font-weight: 600; text-wrap: balance;
}
.sx-fca .fca-note::before { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--fca-acc); }
.sx-fca .fca-note--red::before { background: var(--fca-red); }
.sx-fca .fca-note--ok::before { background: var(--fca-ok); }
/* poziții de rezervă (fără JS); cu JS, notele cu data-pin se lipesc de ținta lor */
.sx-fca .fca-note--n1 { left: 262px; top: 0; white-space: nowrap; max-width: none; }
.sx-fca .fca-note--n2 { left: 700px; top: 196px; white-space: nowrap; max-width: none; }
.sx-fca .fca-note--q1 { left: 278px; top: 300px; white-space: nowrap; max-width: none; }
.sx-fca .fca-note--e1 { left: 852px; top: 470px; max-width: 142px; }
/* [cc 20.10] notele lupei stau lipite de ea (sub ea / în stânga ei), fără linie peste tabel */
.sx-fca .fca-note--c1 { left: 826px; top: 410px; max-width: 152px; }
.sx-fca .fca-note--i1 { left: 624px; top: 372px; white-space: nowrap; max-width: none; }
.sx-fca .fca-note--k1 { left: 832px; top: 420px; max-width: 150px; }
.sx-fca .fca-note--tag { left: 0; top: 0; max-width: none; white-space: nowrap; padding: 4px 10px 4px 8px; font-size: 11px; font-variant-numeric: tabular-nums; }
.sx-fca .fca-note--up::after {
  content: ""; position: absolute; left: calc(var(--fca-tip, 85%) - 5px); top: -5px; width: 10px; height: 10px; transform: rotate(45deg);
  background: var(--fca-note-bg); box-shadow: -1px -1px 0 0 var(--fca-note-ring); border-radius: 2px 0 0 0;
}
.sx-fca .fca-stage[data-front="taxe"] .fca-note--d1, .sx-fca .fca-stage[data-front="km"] .fca-note--d2 { opacity: 0; visibility: hidden; }

/* etichetele-sursă de la oprirea 2: de unde vin scadența, cursul și cota TVA */
.sx-fca .fca-src {
  position: absolute; z-index: 10; left: 0; top: 0; width: 176px; overflow: hidden; border-radius: 11px;
  background: var(--fca-note-bg); box-shadow: 0 0 0 1px var(--fca-note-ring), var(--fca-note-sh);
  color: var(--fca-ink); font-size: 10.5px; line-height: 14px;
}
.sx-fca .fca-src--due { left: 4px; top: 288px; }
.sx-fca .fca-src--bnr { left: 820px; top: 276px; }
.sx-fca .fca-src--tva { left: 820px; top: 424px; }
.sx-fca .fca-src-h {
  display: flex; align-items: center; gap: 7px; padding: 6px 10px 5px; border-bottom: 1px solid var(--fca-line);
  background: var(--fca-sf2); font-size: 11px; font-weight: 600; line-height: 14px; white-space: nowrap;
}
.sx-fca .fca-src-h::before { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--fca-acc); }
.sx-fca .fca-src-b { display: grid; gap: 5px; padding: 8px 10px 9px; }
.sx-fca .fca-src-l { color: var(--fca-ink2); }
.sx-fca .fca-src-rule { display: flex; align-items: center; gap: 7px; }
.sx-fca .fca-src-n {
  display: inline-grid; place-items: center; min-width: 28px; height: 20px; padding: 0 6px;
  border: 1px solid var(--fca-line2); border-radius: 5px; background: var(--fca-in-bg); font-weight: 600;
}
.sx-fca .fca-src-pick {
  padding: 3px 8px; border: 1px solid var(--fca-acc-line); border-radius: 5px; background: var(--fca-in-bg);
  box-shadow: 0 0 0 2px var(--fca-acc-soft); font-weight: 600;
}
.sx-fca .fca-src-sum { display: grid; gap: 1px; padding: 7px 10px 8px; border-top: 1px solid var(--fca-line); background: var(--fca-z-g); }
.sx-fca .fca-src-eq { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; color: var(--fca-ink2); }
.sx-fca .fca-src-eq b { color: var(--fca-ink); font-size: 13px; font-weight: 700; letter-spacing: -0.01em; }
.sx-fca .fca-src-eq--r { justify-content: flex-end; }
.sx-fca .fca-src-d { display: grid; }
.sx-fca .fca-src-d span { color: var(--fca-ink2); }
.sx-fca .fca-src-rate { display: flex; align-items: baseline; gap: 5px; color: var(--fca-ink2); }
.sx-fca .fca-src-rate b { color: var(--fca-ink); font-size: 17px; line-height: 20px; font-weight: 700; letter-spacing: -0.02em; }
.sx-fca .fca-src--tva .fca-src-rule { justify-content: space-between; }

.sx-fca .fca-wires { position: absolute; inset: 0; z-index: 9; width: 100%; height: 100%; max-width: none; overflow: visible; pointer-events: none; }
.sx-fca .fca-w path { fill: none; stroke: var(--fca-acc-line); stroke-width: 1.4; stroke-dasharray: 4 5; stroke-linecap: round; }
.sx-fca .fca-w circle { fill: var(--fca-acc); stroke: var(--fca-cv); stroke-width: 2; }
.sx-fca .fca-w.is-red path { stroke: var(--fca-red-line); }
.sx-fca .fca-w.is-red circle { fill: var(--fca-red); }
.sx-fca .fca-w.is-ok path { stroke: var(--fca-ok-line); }
.sx-fca .fca-w.is-ok circle { fill: var(--fca-ok); }

/* ---------- 9. Mișcare (doar transform / opacity): apăsarea, valorile care se schimbă, ridicarea rândului, numărul tastat ---------- */
/* apăsarea: butonul se strânge, un inel pleacă din el */
.sx-fca .is-press { animation: fca-press .6s var(--fca-ease); }
.sx-fca .is-press::before {
  content: ""; position: absolute; inset: -2px; border-radius: inherit; box-shadow: 0 0 0 2px var(--fca-press);
  pointer-events: none; animation: fca-ring .75s var(--fca-ease) both;
}
/* sclipirea galbenă a valorii care s-a schimbat = un strat sub text, care se stinge (opacitate); sumele și lupa doar „sar” (fca-pop), ca în piesă */
.sx-fca :is(.fca-cb, .fca-val, .fca-nr-v, .fca-fill, .fca-kmb) { position: relative; isolation: isolate; }
.sx-fca :is(.fca-sum, .fca-lens-v) { position: relative; }
.sx-fca :is(.fca-cb, .fca-val, .fca-nr-v, .fca-fill, .fca-kmb)::before {
  content: ""; position: absolute; inset: -2px -3px; z-index: -1; border-radius: 5px; background: var(--fca-flash); opacity: 0; pointer-events: none;
}
.sx-fca .is-new:not(.fca-sum):not(.fca-lens-v)::before { animation: fca-glow 1.5s ease-out; }
.sx-fca .fca-sum.is-new, .sx-fca .fca-lens-v.is-new { animation: fca-pop .9s var(--fca-ease); }
.sx-fca .fca-stage.is-live[data-at~="fill"] .fca-fill::before { animation: fca-glow 1.6s ease-out; }
.sx-fca .fca-stage.is-live[data-scene="dif"][data-at~="type"] .fca-kmb::before { animation: fca-glow 1.4s ease-out; }
@keyframes fca-press { 0% { transform: scale(1); } 30% { transform: scale(.9); } 100% { transform: scale(1); } }
@keyframes fca-ring { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1.45); } }
@keyframes fca-glow { 0%, 35% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fca-pop { 0% { transform: scale(1); } 35% { transform: scale(1.06); } 100% { transform: scale(1); } }
@keyframes fca-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes fca-lift { from { transform: translateY(6px); } to { transform: none; } }
@keyframes fca-type { from { opacity: 0; transform: translateX(-6px); } to { opacity: 1; transform: none; } }

/* ---------- 10. Pânza îngustă (telefon, tabletă în picioare): 360×470, minim 10px ---------- */
.sx-fca .fca-c-only { display: none; }
.sx-fca .fca-stage[data-fit="compact"] .fca-w { display: none !important; }
.sx-fca .fca-stage[data-fit="compact"] .fca-c-only { display: block; }
.sx-fca .fca-stage[data-fit="compact"] .fca-src-h.fca-c-only { display: flex; }
.sx-fca .fca-stage[data-fit="compact"] .fca-cv { --fca-top: 164px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-win { left: 0; top: 12px; width: 360px; height: var(--fca-wh, 456px); border-radius: 14px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-top { height: 30px; padding-right: 8px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-logo { width: 38px; height: 30px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-logo .fca-i { width: 17px; height: 17px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-tabs { padding-left: 4px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-tab { height: 24px; font-size: 11px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-me { width: 22px; height: 22px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-rail { display: none; }
.sx-fca .fca-stage[data-fit="compact"] .fca-page { left: 0; top: 30px; padding: 8px 6px; border-radius: 0 0 14px 14px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-scrim { left: 0; top: 30px; border-radius: 0 0 14px 14px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-ph { height: 24px; margin-bottom: 6px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-pt { font-size: 13.5px; margin-right: 2px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-sel--1 { width: 198px; height: 24px; }
.sx-fca .fca-stage[data-fit="compact"] :is(.fca-sel--2, .fca-sel--3, .fca-nr, .fca-go) { display: none; }
.sx-fca .fca-stage[data-fit="compact"] .fca-tr { grid-template-columns: 22px 104px 42px minmax(0, 1fr) 44px; font-size: 10.5px; }
.sx-fca .fca-stage[data-fit="compact"] :is(.fca-c1, .fca-c3, .fca-c4, .fca-c7, .fca-c9, .fca-c10, .fca-c11) { display: none; }
.sx-fca .fca-stage[data-fit="compact"] .fca-tr--h { min-height: 22px; font-size: 10px; line-height: 12px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-tr--h .fca-c { padding: 0 1px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-tr--h .fca-hb--sel { display: none; }
.sx-fca .fca-stage[data-fit="compact"] .fca-c { padding: 6px 3px; }
.sx-fca .fca-stage[data-fit="compact"] :is(.fca-kv, .fca-kv2) { font-size: 10px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-c-sub { display: block; color: var(--fca-ink2); font-size: 10px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-tot { padding-right: 44px; font-size: 10px; line-height: 14px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-tot p { grid-template-columns: minmax(0, 1fr) 136px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-dlg { left: 8px; width: 344px; }
/* [cc 20.10] titlul ferestrei se rupe pe două rânduri (nu se mai taie cu „…”) */
.sx-fca .fca-stage[data-fit="compact"] .fca-dlg-h { height: auto; min-height: 26px; align-items: flex-start; padding-top: 6px; padding-bottom: 5px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-dlg-t { font-size: 10.5px; line-height: 13px; text-align: left; white-space: normal; overflow: visible; text-overflow: clip; }
.sx-fca .fca-stage[data-fit="compact"] .fca-dlg-b { padding: 8px 10px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-dlg-f { padding: 6px 10px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-dlg .fca-in { height: 21px; padding: 0 5px; font-size: 10px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-dlg .fca-in--sel { padding-right: 15px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-fr { grid-template-columns: 40px 62px 78px minmax(0, 1fr) 20px 20px; gap: 3px; }
.sx-fca .fca-stage[data-fit="compact"] :is(.fca-f1, .fca-f5, .fca-f6, .fca-f8, .fca-f9, .fca-ib--del) { display: none; }
.sx-fca .fca-stage[data-fit="compact"] .fca-fr--h { font-size: 10px; line-height: 12px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-fr--h span:last-child { display: none; }
.sx-fca .fca-stage[data-fit="compact"] .fca-fr + .fca-fr { margin-top: 3px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-ib { width: 20px; height: 21px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-fsum { display: flex; justify-content: flex-end; gap: 6px; margin-top: 6px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-fsum-l { height: 21px; font-size: 10px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-fsum .fca-in { width: 56px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-inv { top: var(--fca-top); }
.sx-fca .fca-stage[data-fit="compact"] .fca-invc { padding: 7px 10px 0; }
.sx-fca .fca-stage[data-fit="compact"] .fca-invc .fca-ig { margin-bottom: 7px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-ig-l { font-size: 10px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-dd span { font-size: 10px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-invc .fca-draft { margin: 0 0 7px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-invc .fca-z { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 4px 10px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-invc .fca-zr { grid-template-columns: 112px minmax(0, 1fr); }
.sx-fca .fca-stage[data-fit="compact"] .fca-invc .fca-z--g { grid-template-columns: 1fr 1fr; column-gap: 10px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-invc .fca-z--g .fca-zr { grid-template-columns: minmax(0, 1fr); gap: 1px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-invc .fca-zl { font-size: 10px; line-height: 12px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-src { width: 168px; border-radius: 9px; font-size: 10px; line-height: 13px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-src-h { padding: 4px 8px 3px; gap: 6px; font-size: 10px; line-height: 13px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-src-b { padding: 5px 8px 6px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-fl { grid-template-columns: 54px minmax(0, 1fr); }
.sx-fca .fca-stage[data-fit="compact"] .fca-fl-l { font-size: 10px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-chip { font-size: 10px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-mail .fca-fl > .fca-in:not(.fca-ta) { white-space: normal; height: auto; min-height: 21px; padding-top: 3px; padding-bottom: 3px; line-height: 12px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-att { margin-left: 62px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-tx { top: var(--fca-top); }
.sx-fca .fca-stage[data-fit="compact"] .fca-kmf p { grid-template-columns: 110px 110px; }
.sx-fca .fca-stage[data-fit="compact"][data-front="taxe"] .fca-km, .sx-fca .fca-stage[data-fit="compact"][data-front="km"] .fca-tx { visibility: hidden; }
.sx-fca .fca-stage[data-fit="compact"] .fca-txr { grid-template-columns: 34px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-txr--h { font-size: 10px; line-height: 12px; }
.sx-fca .fca-stage[data-fit="compact"] :is(.fca-t2, .fca-t4, .fca-t5, .fca-t7) { display: none; }
.sx-fca .fca-stage[data-fit="compact"] .fca-ctc { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 10px; padding: 5px 10px 4px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-cc { display: grid; gap: 1px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-cc .fca-cl { text-align: left; font-size: 10px; line-height: 11px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-cc .fca-in { height: 20px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-lens { width: 214px; padding: 7px 12px 8px; border-radius: 14px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-lens-h { font-size: 10px; margin-bottom: 1px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-lens-id { display: none; }
.sx-fca .fca-stage[data-fit="compact"] .fca-lens-l { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-lens-l b { font-size: 18px; line-height: 24px; }
.sx-fca .fca-stage[data-fit="compact"] .fca-lens-k { font-size: 10px; white-space: nowrap; }
.sx-fca .fca-stage[data-fit="compact"] .fca-lens-hr { margin: 1px 0 1px 62px; }
/* pe telefon lupa stă sub rând, într-o bandă între rând și ferestre / totaluri; înălțimea benzii o pune JS (--fca-band) */
.sx-fca .fca-stage[data-fit="compact"]:is([data-scene="cn"], [data-scene="dif"], [data-scene="cont"], [data-scene="inc"]) .fca-live { margin-bottom: var(--fca-band, 96px); }
.sx-fca .fca-stage[data-fit="compact"] .fca-note, .sx-fca .fca-stage[data-fit="compact"] .fca-wires { display: none; }

/* ---------- 11. Mișcare redusă: starea finală a fiecărei opriri, fără intrări (sx.css taie deja tranzițiile) ---------- */
@media (prefers-reduced-motion: reduce) {
  .sx-fca .fca-cv [data-on], .sx-fca .fca-cv .fca-dlg[data-on], .sx-fca.fca-js .fca-cap, .sx-fca .fca-la, .sx-fca .fca-lb, .sx-fca .fca-lb b,
  .sx-fca .fca-step-d::before, .sx-fca .fca-step-d::after { transition: none !important; }
  .sx-fca .fca-cv .fca-dlg[data-on], .sx-fca.fca-js .fca-cap { transform: none !important; }
  .sx-fca.fca-js .fca-stage.is-grow, .sx-fca.fca-js .fca-stage.is-grow .fca-win, .sx-fca.fca-js .fca-stage.is-shrink, .sx-fca.fca-js .fca-stage.is-shrink .fca-win { transition: none !important; }
  .sx-fca .is-press, .sx-fca .is-press::before, .sx-fca .is-new::before, .sx-fca .fca-fill::before, .sx-fca .fca-kmb::before, .sx-fca .fca-sw.is-shown,
  .sx-fca .fca-live, .sx-fca .fca-nr-v > span, .sx-fca .fca-sum, .sx-fca .fca-lens-v { animation: none !important; }
}