/* [cc 19.10 bani-contabilitate] sx-cbc.css · #centru-cost pe Bani: „Camionul care se umple” (piesa contabilitate / cbc din site-sectiuni), adus înapoi.
   Desenul, straturile, hârtiile, fereastra Centru Cost/Camion și comutatorul vin din site-sectiuni/sectiuni/contabilitate.css (05.10);
   aspectul e al paginii Bani: antetul de azi (eticheta, titlul subțire 300, rândul de fapte vin din site27.css, neatinse), textul în vocea paginii
   (Work Sans 400, fără subtitluri 700 — AUDIT #9), tastele ca cele de azi (sx-costcamion.css 18.10), culorile pe tokenii paginii (--ink, --mute, --line, --bg).
   Fereastra programului rămâne deschisă și pe negru, cu gradul paginii (site27.css: brightness(.92) contrast(1.06)), ca celelalte ferestre de program de pe site.
   Fără fixare la derulare. Așezarea o dă lățimea figurii (container „cbc”): ≥ 820 px fereastra în stânga (~420 px) și camionul în dreapta, cu pașii și
   comutatorul sub el; mai îngust, o coloană: camionul (remorca tăiată de margine), pașii, fereastra (doar rândurile pasului), comutatorul.
   Mișcarea: doar transform / opacity (straturile cresc cu scaleX din locul unde a căzut hârtia, venitul cu scaleY de jos). Fără JS sau cu mișcare redusă:
   starea finală B 101 DEM, pe loc. Totul sub .sx-cbc; clasele cbc-*; id-urile simbolurilor cc-cbc-*. */

@property --cbc-rig-h { syntax: "<length>"; inherits: true; initial-value: 230px; }

/* ---------- 0. Tokeni (tema deschisă) ---------- */
.sx-cbc {
  --cbc-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --cbc-lw: 420px;
  --cbc-cg: 48px;
  --cbc-sky: 84px;
  --cbc-font: var(--ws, var(--sx-f-sans, system-ui, sans-serif));
  /* desenul: liniile = cerneala paginii */
  --cbc-ln: color-mix(in srgb, var(--ink, #142a3e) 86%, transparent);
  --cbc-ln2: color-mix(in srgb, var(--ink, #142a3e) 42%, transparent);
  --cbc-strap: color-mix(in srgb, var(--ink, #142a3e) 22%, transparent);
  --cbc-lead: color-mix(in srgb, var(--ink, #142a3e) 78%, transparent);
  --cbc-road: color-mix(in srgb, var(--ink, #142a3e) 28%, transparent);
  --cbc-body: color-mix(in srgb, var(--bg, #f0efed) 55%, #fff);
  --cbc-glass: #d3e0e9; --cbc-cloth: color-mix(in srgb, var(--bg, #f0efed) 30%, #fff);
  --cbc-rev: #d8e6ef;
  --cbc-shadow: rgba(20, 42, 62, .2);
  /* straturile: camionul (albastru plin, două tonuri), remorca (hașurat), șoferul (albastru deschis), generale (praf), profit, pierdere */
  --cbc-c1: #1f5f88; --cbc-c1b: #2f77a5; --cbc-c1-ink: #ffffff;
  --cbc-c2: #c9dcea; --cbc-c2-line: #3f80ab; --cbc-c2s: #8fb4cc; --cbc-c2-ink: #13324a;
  --cbc-c3: #8db5cf; --cbc-c3-ink: #0f2a3d;
  --cbc-c4: #e3e5e6; --cbc-c4-dot: #58646f; --cbc-c4s: #a9b1b8; --cbc-c4-ink: #1d2733;
  --cbc-ok: #2a8a55; --cbc-ok-fill: #cfe9d8; --cbc-ok-ink: #1d5e3a;
  --cbc-bad: #b3261e; --cbc-bad-ink: #9f2219; --cbc-bad-fill: #f9e1dd;
  /* programul (cadrul v34: bara de sus închisă și pe tema deschisă); rămâne deschis și pe negru */
  --cbc-bb: #1e1d1a; --cbc-bb-ink: #efebe1; --cbc-bb-mute: #a19c91;
  --cbc-cv: #f7f6f2; --cbc-sf: #ffffff; --cbc-pl: #e3e1db; --cbc-pl2: #c9c9c9;
  --cbc-pi: #1d2733; --cbc-pi2: #4f5b68; --cbc-pi3: #5f6a78;
  --cbc-acc: #1a74a2; --cbc-acc-ink: #ffffff; --cbc-hot: #fff1b8;
  --cbc-win-sh: 0 0 0 1px rgba(14, 13, 11, .9), 0 2px 4px rgba(23, 32, 43, .08), 0 18px 36px -14px rgba(23, 32, 43, .26), 0 50px 90px -40px rgba(23, 32, 43, .28);
  /* hârtia: deschisă pe ambele teme */
  --cbc-paper: #fdfcf8; --cbc-paper-ink: #1d2733; --cbc-paper-ink2: #55606c; --cbc-paper-line: #d9dde2; --cbc-mark: #fff0a8;
  --cbc-paper-sh: 0 1px 1px rgba(23, 32, 43, .08), 0 12px 24px -12px rgba(23, 32, 43, .38);
  /* tastele = cele de azi din #centru-cost (sx-costcamion.css 18.10) */
  --cbc-key-top: #ffffff; --cbc-key-bot: #ebe8e0; --cbc-key-edge: rgba(20, 42, 62, .5); --cbc-key-low: rgba(20, 42, 62, .3); --cbc-key-on: #e4ecf2; --cbc-key-mark: hsl(40 13% 20% / .9);
  --cbc-v-ok: #1d6b40; --cbc-v-bad: #a52a20;
  --cbc-pop-bg: color-mix(in srgb, var(--bg, #f0efed) 25%, #fff);
  overflow-x: clip;
}
/* ---------- tema închisă (implicită pe site: :root fără data-theme="light"), pe negrul neutru al paginii ---------- */
:root:not([data-theme="light"]) .sx-cbc {
  --cbc-body: #121212; --cbc-glass: #1d272e; --cbc-cloth: #0b0b0b;
  --cbc-rev: #132230; --cbc-shadow: rgba(0, 0, 0, .6);
  --cbc-c1: #3d84b4; --cbc-c1b: #5a9ac6; --cbc-c1-ink: #06121b;
  --cbc-c2: #1f3342; --cbc-c2-line: #5a9ac6; --cbc-c2s: #4b6f88; --cbc-c2-ink: #dbe9f3;
  --cbc-c3: #a7c6dc; --cbc-c3-ink: #0b1c29;
  --cbc-c4: #2a2c2e; --cbc-c4-dot: #a9b3bc; --cbc-c4s: #5a6168; --cbc-c4-ink: #e8e8e8;
  --cbc-ok: #6cc08f; --cbc-ok-fill: #1d3a2a; --cbc-ok-ink: #a6e0bd;
  --cbc-bad: #f08a7a; --cbc-bad-ink: #f6a596; --cbc-bad-fill: #3a1c18;
  --cbc-win-sh: 0 0 0 1px var(--line, rgba(255, 255, 255, .16)), 0 40px 90px -30px rgba(0, 0, 0, .8);
  --cbc-paper: #ebeae6; --cbc-paper-line: #c4c2bc; --cbc-mark: #f3dd7a;
  --cbc-paper-sh: 0 1px 1px rgba(0, 0, 0, .4), 0 16px 30px -12px rgba(0, 0, 0, .85);
  --cbc-key-top: rgba(255, 255, 255, .2); --cbc-key-bot: rgba(255, 255, 255, .09); --cbc-key-edge: rgba(255, 255, 255, .4); --cbc-key-low: rgba(0, 0, 0, .6); --cbc-key-on: rgba(122, 170, 212, .22); --cbc-key-mark: rgba(240, 236, 226, .92);
  --cbc-v-ok: #90d8ad; --cbc-v-bad: #ff9d8c;
  --cbc-pop-bg: #161616;
}
.sx-cbc .cbc-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.sx-cbc .cbc-i { width: 14px; height: 14px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.sx-cbc .g1a { --cbc-lbg: var(--cbc-c1); --cbc-lfg: var(--cbc-c1-ink); }
.sx-cbc .g1b { --cbc-lbg: var(--cbc-c1b); --cbc-lfg: var(--cbc-c1-ink); }
.sx-cbc .g2 { --cbc-lbg: var(--cbc-c2); --cbc-lfg: var(--cbc-c2-ink); }
.sx-cbc .g3 { --cbc-lbg: var(--cbc-c3); --cbc-lfg: var(--cbc-c3-ink); }
.sx-cbc .g4 { --cbc-lbg: var(--cbc-c4); --cbc-lfg: var(--cbc-c4-ink); }
.sx-cbc .gok { --cbc-lbg: var(--cbc-ok-fill); --cbc-lfg: var(--cbc-ok-ink); }
.sx-cbc .gbad { --cbc-lbg: var(--cbc-bad-fill); --cbc-lfg: var(--cbc-bad-ink); }

/* variantele de text pe camion: fără JS doar B 101 DEM */
.sx-cbc .cbc-tv:not([data-t="b101"]), .sx-cbc .cbc-js-only { display: none; }
.sx-cbc.cbc-js .cbc-tv { display: none; }
.sx-cbc.cbc-js .cbc-tv.is-on, .sx-cbc.cbc-js .cbc-js-only { display: inline; }
.sx-cbc:not(.cbc-js) :is(.cbc-tarp, .cbc-tags, .cbc-dim) :is([data-t="b103"], [data-t="b105"]) { display: none; }
.sx-cbc :where(.cbc-plate, .cbc-tag, .cbc-venit, .cbc-pick, .cbc-tab, .cbc-count, .cbc-pop, .cbc-slip) * { letter-spacing: inherit; word-spacing: inherit; }

/* ---------- 1. Antetul: cel de azi (site27.css), doar distanța până la figură ---------- */
.sx-cbc .sx-head.cbc-head { margin-bottom: 20px; }
@media (min-width: 900px) { .sx-cbc .sx-head.cbc-head { margin-bottom: 30px; } }
.sx-cbc .cbc-fig { margin: 0; }

/* ---------- 2. Scena: o coloană (implicit), două coloane când figura are ≥ 820 px ---------- */
.sx-cbc .cbc-scene { container: cbc / inline-size; }
.sx-cbc .cbc-grid { display: flex; flex-direction: column; }
.sx-cbc .cbc-yard { order: 1; }
.sx-cbc .cbc-rail { order: 2; margin-top: 14px; }
.sx-cbc .cbc-caps { order: 3; margin-top: 8px; }
.sx-cbc .cbc-led { order: 4; margin-top: 14px; height: 222px; }
.sx-cbc .cbc-picks { order: 5; margin-top: 10px; }
@container cbc (min-width: 820px) {
  .sx-cbc .cbc-grid {
    display: grid; grid-template-columns: var(--cbc-lw) var(--cbc-cg) minmax(0, 1fr);
    grid-template-areas: "led . yard" "led . rail" "led . caps" "led . picks"; align-items: start;
    --cbc-lw: clamp(340px, 38cqw, 420px);
  }
  .sx-cbc .cbc-yard { grid-area: yard; }
  .sx-cbc .cbc-rail { grid-area: rail; margin-top: 16px; }
  .sx-cbc .cbc-caps { grid-area: caps; margin-top: 10px; }
  .sx-cbc .cbc-picks { grid-area: picks; margin-top: 22px; }
  /* fereastra ține cât coloana din dreapta; conținutul ei nu împinge rândurile grilei (contain: size) */
  .sx-cbc .cbc-led { grid-area: led; align-self: stretch; height: auto; margin-top: 0; contain: size; }
}

/* ---------- 3. Curtea: camionul ---------- */
.sx-cbc .cbc-yard {
  position: relative; z-index: 2;
  --cbc-rig-h: clamp(170px, 52cqw, 230px);
  --cbc-cy0: calc(var(--cbc-rig-h) * .028 + 8px); --cbc-cyp: 16px;
  /* firele din cer coboară la dreapta celei mai late etichete din strat („Profit / Pierdere 3.340,00 EUR”), ca să n-o taie */
  --cbc-cx0: max(calc(var(--cbc-rig-h) * .43), 178px); --cbc-cxs: calc(var(--cbc-rig-h) * .044);
  height: calc(var(--cbc-sky) + var(--cbc-rig-h));
}
@container cbc (min-width: 820px) {
  .sx-cbc .cbc-more { margin-top: 28px; }
  .sx-cbc .cbc-yard { --cbc-rig-h: clamp(210px, calc((100cqw - 468px) * .44), 290px); --cbc-cyp: 18px; --cbc-sky: 112px; --cbc-cx0: max(calc(var(--cbc-rig-h) * .43), 238px); }
}
.sx-cbc .cbc-rig { position: absolute; left: 0; bottom: 0; height: var(--cbc-rig-h); width: calc(var(--cbc-rig-h) * 3.488); }
.sx-cbc .cbc-rig::before {   /* umbra de sub camion, pe drum */
  content: ""; position: absolute; left: .5%; right: -1%; bottom: 3%; height: 7%; border-radius: 50%;
  background: radial-gradient(closest-side, var(--cbc-shadow), transparent); filter: blur(5px);
}
.sx-cbc .cbc-back, .sx-cbc .cbc-front { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.sx-cbc .cbc-back { z-index: 1; }
.sx-cbc .cbc-tarp { z-index: 2; }
.sx-cbc .cbc-front { z-index: 3; pointer-events: none; }
.sx-cbc .cbc-tags, .sx-cbc .cbc-dim, .sx-cbc .cbc-plate { z-index: 4; }
.sx-cbc .cbc-ln { fill: none; stroke: var(--cbc-ln); stroke-width: 1.2; vector-effect: non-scaling-stroke; stroke-linejoin: round; stroke-linecap: round; }
.sx-cbc .cbc-ln2 { fill: none; stroke: var(--cbc-ln2); stroke-width: .9; vector-effect: non-scaling-stroke; stroke-linejoin: round; stroke-linecap: round; }
.sx-cbc svg .cbc-fill { fill: var(--cbc-body); }
.sx-cbc svg .cbc-glass { fill: var(--cbc-glass); }
.sx-cbc .cbc-cloth { fill: var(--cbc-cloth); }
.sx-cbc .cbc-road { fill: none; stroke: var(--cbc-ln); stroke-width: 1.3; vector-effect: non-scaling-stroke; }
.sx-cbc .cbc-lane { fill: none; stroke: var(--cbc-road); stroke-width: 1; stroke-dasharray: 16 12; vector-effect: non-scaling-stroke; }
.sx-cbc .cbc-nut { fill: none; stroke: var(--cbc-ln2); stroke-width: 2.6; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.sx-cbc .cbc-strap { fill: none; stroke: var(--cbc-strap); stroke-width: 1; vector-effect: non-scaling-stroke; }
.sx-cbc .cbc-buckle { fill: var(--cbc-body); stroke: var(--cbc-ln2); stroke-width: 1; vector-effect: non-scaling-stroke; }
.sx-cbc .cbc-door { font-family: var(--cbc-font); font-size: 17px; font-weight: 600; letter-spacing: 0; word-spacing: 0; fill: var(--cbc-ln2); }

/* prelata: aceeași cutie ca dreptunghiul „cbc-cloth” din desen (x 324…1686, y 26…300 din viewBox -24 -70 1744 500) */
.sx-cbc .cbc-tarp, .sx-cbc .cbc-tags { position: absolute; left: 19.954%; width: 78.096%; top: 19.2%; height: 54.8%; pointer-events: none; }
.sx-cbc .cbc-rev { position: absolute; inset: 0; background: var(--cbc-rev); transform-origin: 50% 100%; }
.sx-cbc .cbc-band { position: absolute; left: 0; right: 0; bottom: calc(var(--b) * 1%); height: calc(var(--h) * 1%); min-height: 1.5px; background: var(--cbc-lbg); transform-origin: var(--x, 0%) 50%; }
.sx-cbc .cbc-band.g2 { background: repeating-linear-gradient(-45deg, var(--cbc-c2-line) 0 1.4px, transparent 1.4px 6px), var(--cbc-c2); }
.sx-cbc .cbc-band.g4 { background: radial-gradient(circle, var(--cbc-c4-dot) .85px, transparent 1.25px) 0 0 / 5px 5px, var(--cbc-c4); }
.sx-cbc .cbc-band.gbad { background: repeating-linear-gradient(45deg, var(--cbc-bad) 0 1.6px, transparent 1.6px 7px); opacity: .85; }
.sx-cbc .cbc-band--sub + .cbc-band--sub { box-shadow: 0 1px 0 rgba(255, 255, 255, .55); }
.sx-cbc .cbc-band.g1a + .cbc-band.g1b, .sx-cbc .cbc-band.g1b + .cbc-band.g1a { box-shadow: 0 1px 0 rgba(255, 255, 255, .28); }

/* etichetele straturilor: în strat când încap (≥ 18 px); altfel urcă în cerul de deasupra prelatei, cu un fir până în mijlocul stratului */
.sx-cbc .cbc-tag {
  position: absolute; left: 0; right: 0; bottom: calc(var(--b) * 1%); height: calc(var(--h) * 1%); container-type: size; display: flex; align-items: center; padding-left: clamp(8px, 1.4vw, 16px);
  --top: 100;
  --cy: calc(var(--cbc-cy0) + (var(--r, 1) - 1) * var(--cbc-cyp));
  --cx: calc(var(--cbc-cx0) + var(--r, 1) * var(--cbc-cxs));
}
.sx-cbc .cbc-tag[data-t="b103"] { --top: 109; }
.sx-cbc .cbc-tag[data-t="b105"] { --top: 114.8192; }
.sx-cbc .cbc-in {
  display: inline-flex; align-items: baseline; gap: 7px; padding: 2px 8px 2px 7px; border-radius: 5px; white-space: nowrap;
  background: var(--cbc-lbg); color: var(--cbc-lfg); font-family: var(--cbc-font); font-size: 12px; line-height: 1.3; letter-spacing: -0.006em; word-spacing: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}
.sx-cbc .cbc-tag > .cbc-in {
  --lb: calc(100cqh + max(0, var(--top) - var(--b) - var(--h)) * 100cqh / var(--h) + var(--cy));
  position: absolute; right: calc(100% - var(--cx) + 8px); bottom: var(--lb);
}
.sx-cbc .cbc-tag > .cbc-in::after {   /* firul: din dreapta etichetei, apoi drept în jos */
  content: ""; position: absolute; left: 100%; top: 50%; width: 8px; height: calc(var(--lb) - 50cqh + 50%);
  border-top: 1px solid var(--cbc-lead); border-right: 1px solid var(--cbc-lead);
}
.sx-cbc .cbc-tag > .cbc-in::before {  /* capătul firului, în strat */
  content: ""; position: absolute; left: calc(100% + 4px); top: calc(100% + var(--lb) - 50cqh - 3.5px); width: 7px; height: 7px; border-radius: 50%;
  background: var(--cbc-lead); box-shadow: 0 0 0 1.5px var(--cbc-lbg);
}
@container (min-height: 18px) {
  .sx-cbc .cbc-tag:not(.cbc-tag--call) > .cbc-in { position: static; }
  .sx-cbc .cbc-tag:not(.cbc-tag--call) > .cbc-in::before, .sx-cbc .cbc-tag:not(.cbc-tag--call) > .cbc-in::after { content: none; }
}
.sx-cbc .cbc-tag i { font-style: normal; font-weight: 500; }
.sx-cbc .cbc-tag b { font-weight: 600; color: inherit; font-variant-numeric: tabular-nums; }
.sx-cbc .cbc-res > .cbc-in { position: static; font-size: 13px; padding: 3px 9px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--cbc-lfg) 30%, transparent), 0 1px 2px rgba(0, 0, 0, .1); }
.sx-cbc .cbc-res > .cbc-in::before, .sx-cbc .cbc-res > .cbc-in::after { content: none; }
.sx-cbc .cbc-roof { position: absolute; left: 0; right: 0; bottom: calc(100% - 1px); border-top: 1.5px dashed var(--cbc-bad); }

/* cota de desen: o linie verticală între cabină și remorcă, cât prelata */
.sx-cbc .cbc-dim { position: absolute; left: 17.431%; top: 19.2%; height: 54.8%; width: 0; border-left: 1px solid var(--cbc-ln2); }
.sx-cbc .cbc-dim::before, .sx-cbc .cbc-dim::after { content: ""; position: absolute; left: -6px; width: 11px; border-top: 1px solid var(--cbc-ln2); }
.sx-cbc .cbc-dim::before { top: 0; }
.sx-cbc .cbc-dim::after { bottom: 0; }
.sx-cbc .cbc-venit {
  position: absolute; right: 9px; top: -12px; transform: translateY(-100%); display: inline-flex; align-items: baseline; gap: 6px;
  white-space: nowrap; font-family: var(--cbc-font); font-size: 13px; line-height: 1.2; letter-spacing: -0.006em; word-spacing: 0; color: var(--ink);
}
.sx-cbc .cbc-venit i { font-style: normal; font-size: 12px; color: var(--mute); }
.sx-cbc .cbc-venit b { font-weight: 600; font-variant-numeric: tabular-nums; }

/* numărul pe ușa cabinei */
.sx-cbc .cbc-plate {
  position: absolute; left: 6.594%; top: 63.2%; transform: translateX(-50%); display: inline-flex; align-items: center;
  height: max(14px, calc(var(--cbc-rig-h) * .042)); padding: 0 5px 0 9px; border-radius: 3px; background: #fff; color: #111;
  box-shadow: inset 0 0 0 1px rgba(17, 17, 17, .55); font-family: var(--cbc-font); font-size: max(8px, calc(var(--cbc-rig-h) * .026)); font-weight: 700;
  letter-spacing: .02em; word-spacing: 0; white-space: nowrap; overflow: hidden;
}
.sx-cbc .cbc-plate::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: #2a55a8; }
@container cbc (max-width: 599px) {
  .sx-cbc .cbc-plate { display: none; }
  .sx-cbc .cbc-tag { padding-left: 6px; }
  .sx-cbc .cbc-in { gap: 5px; padding: 1px 6px; font-size: 11px; }
  .sx-cbc .cbc-res > .cbc-in { font-size: 11.5px; padding: 2px 7px; }
  .sx-cbc .cbc-venit { font-size: 11.5px; gap: 4px; right: auto; left: calc(var(--cbc-rig-h) * 3.488 * -.17431); }
  /* pe telefon prelata e mai joasă: eticheta stă în strat de la 14 px (litera de 11 px), altfel urcă în cer */
  @container (min-height: 14px) {
    .sx-cbc .cbc-tag:not(.cbc-tag--call) > .cbc-in { position: static; }
    .sx-cbc .cbc-tag:not(.cbc-tag--call) > .cbc-in::before, .sx-cbc .cbc-tag:not(.cbc-tag--call) > .cbc-in::after { content: none; }
  }
  .sx-cbc .cbc-in { line-height: 1.2; }
}

/* ---------- 4. Pașii: „N din 6” + punctele, apoi propoziția pasului (vocea paginii) ---------- */
.sx-cbc .cbc-rail { display: none; align-items: center; gap: 12px; }
.sx-cbc.cbc-js .cbc-rail { display: flex; }
.sx-cbc .cbc-count { font: 400 13px/1 var(--cbc-font); color: var(--mute); white-space: nowrap; font-variant-numeric: tabular-nums; letter-spacing: 0; word-spacing: 0; }
.sx-cbc .cbc-count b { font-weight: 600; color: var(--ink); }
.sx-cbc .cbc-dots { position: relative; display: flex; }
.sx-cbc .cbc-dots::before { content: ""; position: absolute; left: 14px; right: 14px; top: 50%; height: 1px; background: var(--line); }
.sx-cbc .cbc-dot { position: relative; display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; background: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.sx-cbc .cbc-dot i { width: 9px; height: 9px; border-radius: 50%; background: var(--bg, #000); box-shadow: inset 0 0 0 1.5px var(--mute); transition: transform .25s var(--cbc-ease), opacity .25s ease; }
.sx-cbc .cbc-dot.is-past i { background: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink); }
.sx-cbc .cbc-dot[aria-current] i { background: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink), 0 0 0 4px color-mix(in srgb, var(--ink) 16%, transparent); transform: scale(1.15); }
.sx-cbc .cbc-dot:hover i { box-shadow: inset 0 0 0 1.5px var(--ink); }
.sx-cbc .cbc-dot:focus-visible { outline: 2px solid var(--ink); outline-offset: 0; }

.sx-cbc .cbc-caps { list-style: none; margin-bottom: 0; margin-inline: 0; padding: 0; }
.sx-cbc .cbc-cap p { margin: 0; font: 400 16px/24px var(--cbc-font); letter-spacing: -.005em; word-spacing: 0; color: var(--sx-ink2, var(--mute)); text-wrap: pretty; max-width: 62ch; }
.sx-cbc .cbc-cap-t { color: var(--ink); }
/* fără JS: toți pașii, ca listă (pe ecran lat, pe două coloane) */
.sx-cbc:not(.cbc-js) .cbc-caps { display: grid; row-gap: 12px; }
.sx-cbc:not(.cbc-js) .cbc-cap p { font-size: 15px; line-height: 22px; }
@container cbc (min-width: 820px) { .sx-cbc:not(.cbc-js) .cbc-caps { grid-template-columns: 1fr 1fr; column-gap: 28px; margin-top: 20px; } }
/* cu JS: un singur pas pe ecran, toți în aceeași celulă (înălțimea = a celui mai lung, nimic nu sare) */
.sx-cbc.cbc-js .cbc-caps { display: grid; }
.sx-cbc.cbc-js .cbc-cap { grid-area: 1 / 1; opacity: 0; transform: translateY(6px); visibility: hidden; transition: opacity .25s ease, transform .4s var(--cbc-ease), visibility 0s linear .4s; }
.sx-cbc.cbc-js .cbc-cap.is-act { opacity: 1; transform: none; visibility: visible; transition: opacity .4s ease .08s, transform .55s var(--cbc-ease) .08s, visibility 0s; }
@container cbc (min-width: 820px) { .sx-cbc .cbc-cap p { font-size: 17px; line-height: 26px; } }

/* ---------- 5. Comutatorul: tastele de azi, cu camionul mic și prelata lui ---------- */
.sx-cbc .cbc-picks { display: none; gap: 10px; }
.sx-cbc.cbc-js .cbc-picks { display: flex; }
.sx-cbc .cbc-pick {
  appearance: none; -webkit-appearance: none; display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; column-gap: 10px; align-items: center; justify-items: start;
  margin: 0; padding: 7px 14px 8px 10px; border-radius: 9px; border: 1px solid var(--cbc-key-edge); background: linear-gradient(var(--cbc-key-top), var(--cbc-key-bot)); color: var(--ink);
  font: 600 15px/19px var(--cbc-font); letter-spacing: -.005em; word-spacing: 0; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 3px 0 var(--cbc-key-low), 0 9px 14px -8px rgba(20, 42, 62, .45);
  transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}
.sx-cbc .cbc-pick:hover { border-color: var(--cbc-key-mark); }
.sx-cbc .cbc-pick:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.sx-cbc .cbc-pick[aria-pressed="true"] { background: var(--cbc-key-on); transform: translateY(2px); box-shadow: inset 0 2px 3px rgba(20, 42, 62, .18), 0 1px 0 var(--cbc-key-low); border-color: var(--cbc-key-mark); }
.sx-cbc .cbc-mini { grid-row: 1 / span 2; width: 62px; height: 25px; overflow: visible; }
.sx-cbc .cbc-pick-p { font-weight: 600; color: var(--ink); }
.sx-cbc .cbc-pick-v { font-weight: 600; font-variant-numeric: tabular-nums; }
.sx-cbc .cbc-pick-v.is-ok { color: var(--cbc-v-ok); }
.sx-cbc .cbc-pick-v.is-bad { color: var(--cbc-v-bad); }
@container cbc (max-width: 599px) {
  .sx-cbc .cbc-picks { gap: 6px; }
  .sx-cbc .cbc-pick { flex: 1 1 0; min-width: 0; column-gap: 0; row-gap: 2px; grid-template-columns: minmax(0, 1fr); padding: 6px 4px 7px; justify-items: center; text-align: center; font-size: 13.5px; line-height: 17px; }
  .sx-cbc .cbc-mini { grid-row: auto; width: 46px; height: 18px; }
}
/* în timpul pașilor comutatorul așteaptă; apare la „Ce rămâne”, iar camioanele mici „parchează” lângă suma lor */
.sx-cbc.cbc-js .cbc-picks { transition: opacity .4s ease, transform .55s var(--cbc-ease); }
.sx-cbc.cbc-js .cbc-picks:not(.is-on) { opacity: 0; transform: translateY(8px); pointer-events: none; }
.sx-cbc.cbc-js .cbc-picks.is-park .cbc-mini { animation: cbc-park .9s var(--cbc-ease) both; animation-delay: calc(var(--i, 0) * 120ms + 120ms); }
@keyframes cbc-park { from { opacity: 0; transform: translateX(-22px); } to { opacity: 1; transform: none; } }

/* ---------- 6. Pagina camionului (Centru Cost/Camion), cadrul v34 ---------- */
.sx-cbc .cbc-led { --cbc-bar-h: 36px; position: relative; z-index: 1; display: flex; flex-direction: column; min-width: 0; border-radius: 14px; background: var(--cbc-bb); box-shadow: var(--cbc-win-sh); overflow: hidden; }
:root:not([data-theme="light"]) .sx-cbc .cbc-led { filter: brightness(.92) contrast(1.06); }
.sx-cbc .cbc-led-bar { flex: 0 0 auto; display: flex; align-items: flex-end; gap: 8px; height: var(--cbc-bar-h); padding: 0 12px 0 4px; color: var(--cbc-bb-mute); }
.sx-cbc .cbc-logo { align-self: stretch; width: 38px; display: grid; place-items: center; color: var(--cbc-bb-ink); }
.sx-cbc .cbc-logo .cbc-i { width: 19px; height: 19px; }
.sx-cbc .cbc-tab {
  position: relative; display: inline-flex; align-items: center; height: 28px; padding: 0 14px; border-radius: 9px 9px 0 0;
  background: var(--cbc-cv); color: var(--cbc-pi); font: 600 11.5px/1 var(--sx-f-sans, system-ui, sans-serif); letter-spacing: -0.01em; word-spacing: 0; white-space: nowrap;
}
.sx-cbc .cbc-tab::before, .sx-cbc .cbc-tab::after { content: ""; position: absolute; bottom: 0; width: 9px; height: 9px; }
.sx-cbc .cbc-tab::before { left: -9px; background: radial-gradient(circle at 0 0, transparent 8.5px, var(--cbc-cv) 9px); }
.sx-cbc .cbc-tab::after { right: -9px; background: radial-gradient(circle at 100% 0, transparent 8.5px, var(--cbc-cv) 9px); }
.sx-cbc .cbc-led-vp { position: relative; flex: 1 1 auto; min-height: 0; background: var(--cbc-cv); border-radius: 12px 0 0 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--cbc-pl2) transparent; }
.sx-cbc .cbc-led-vp.is-anim { overflow: hidden; }
.sx-cbc .cbc-led-vp:focus-visible { outline: 2px solid var(--cbc-acc); outline-offset: -2px; }
.sx-cbc .cbc-led-fade { position: absolute; z-index: 3; left: 0; right: 0; top: var(--cbc-bar-h); height: 26px; pointer-events: none; border-radius: 12px 0 0 0; background: linear-gradient(var(--cbc-cv), color-mix(in srgb, var(--cbc-cv) 0%, transparent)); opacity: 0; transition: opacity .3s ease; }
.sx-cbc .cbc-led.is-scrolled .cbc-led-fade { opacity: 1; }
.sx-cbc .cbc-led-in { position: relative; isolation: isolate; padding: 14px 16px 18px; }
.sx-cbc .cbc-led-vp.is-anim .cbc-led-in { transition: transform .6s var(--cbc-ease); will-change: transform; }

.sx-cbc .cbc-pg { font: 400 11.5px/1.4 var(--sx-f-sans, system-ui, sans-serif); color: var(--cbc-pi); letter-spacing: -0.004em; word-spacing: 0; font-variant-numeric: tabular-nums; }
.sx-cbc .cbc-pg :where(span, b, u, i, p) { letter-spacing: inherit; word-spacing: 0; }
.sx-cbc .cbc-pg p { margin: 0; }
.sx-cbc .cbc-pg b { color: inherit; }
.sx-cbc .cbc-pg-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 4px; }
.sx-cbc .cbc-pg-t { font-size: 13.5px; line-height: 1.3; font-weight: 700; letter-spacing: -0.016em; color: var(--cbc-pi); }
.sx-cbc .cbc-pg-btn { flex: 0 0 auto; padding: 4px 9px; border-radius: 6px; background: var(--cbc-acc); color: var(--cbc-acc-ink); font-size: 10.5px; font-weight: 600; white-space: nowrap; }
.sx-cbc .cbc-blk { margin-top: 13px; }
.sx-cbc .cbc-bh { font-size: 11px; font-weight: 700; line-height: 1.35; margin-bottom: 4px !important; color: var(--cbc-pi); }
.sx-cbc .cbc-bh u { text-decoration-thickness: 1px; text-underline-offset: 2px; }
.sx-cbc .cbc-vg { display: grid; grid-template-columns: .7fr .9fr .6fr 1.5fr; column-gap: 8px; row-gap: 2px; text-align: center; }
.sx-cbc .cbc-vg > :nth-child(-n+4) { font-size: 10px; font-weight: 700; line-height: 1.25; color: var(--cbc-pi2); align-self: end; }
.sx-cbc .cbc-vg > b { font-weight: 700; white-space: nowrap; }
.sx-cbc .cbc-rh, .sx-cbc .cbc-r { display: grid; grid-template-columns: 3px 50px 10px minmax(0, 1fr) 92px; column-gap: 7px; align-items: center; }
.sx-cbc .cbc-rh { padding: 2px 0 4px; border-bottom: 1px solid var(--cbc-pl); font-size: 10px; font-weight: 700; line-height: 1.2; color: var(--cbc-pi2); align-items: end; }
.sx-cbc .cbc-rh > :last-child, .sx-cbc .cbc-r > b { text-align: right; }
.sx-cbc .cbc-r { position: relative; min-height: 22px; padding: 3px 0; border-bottom: 1px solid var(--cbc-pl); }
.sx-cbc .cbc-r > b { font-weight: 500; white-space: nowrap; }
.sx-cbc .cbc-r > span:nth-of-type(1) { color: var(--cbc-pi2); }
.sx-cbc .cbc-fold { color: var(--cbc-pi3); text-align: center; letter-spacing: 0; }
.sx-cbc .cbc-sw { width: 3px; height: 13px; border-radius: 2px; background: var(--cbc-lbg); }
.sx-cbc .cbc-sw.g2 { background: var(--cbc-c2s); }
.sx-cbc .cbc-sw.g4 { background: var(--cbc-c4s); }
/* cele 8 rânduri Alim. strânse într-unul: e pliul site-ului, nu un rând din program, deci arată ca pliurile „…” */
.sx-cbc .cbc-r--stack > span:nth-of-type(3), .sx-cbc .cbc-r--stack > b { font-style: italic; font-weight: 400; color: var(--cbc-pi3); }
.sx-cbc .cbc-r--fold { grid-template-columns: 3px minmax(0, 1fr); color: var(--cbc-pi3); min-height: 18px; }
.sx-cbc .cbc-sub { position: relative; display: grid; justify-items: end; row-gap: 2px; margin-top: 4px; }
.sx-cbc .cbc-sub b, .sx-cbc .cbc-box { min-width: 92px; padding: 2px 6px; border: 1px solid var(--cbc-pl2); text-align: right; font-weight: 700; white-space: nowrap; }
.sx-cbc .cbc-gh, .sx-cbc .cbc-gr { display: grid; grid-template-columns: 3px minmax(0, 1fr) 92px 10px 64px; column-gap: 7px; align-items: end; }
.sx-cbc .cbc-gh > .cbc-bh { grid-column: 1 / -1; margin: 0 0 2px; }
.sx-cbc .cbc-gh > span:nth-of-type(1) { grid-column: 3; }
.sx-cbc .cbc-gh > span:nth-of-type(2) { grid-column: 4; }
.sx-cbc .cbc-gh > span:nth-of-type(3) { grid-column: 5; }
.sx-cbc .cbc-gh > span { font-size: 10px; font-weight: 700; line-height: 1.2; text-align: center; color: var(--cbc-pi2); }
.sx-cbc .cbc-gr { position: relative; align-items: center; margin-top: 4px; }
.sx-cbc .cbc-gr > span:last-child { text-align: right; white-space: nowrap; }
.sx-cbc .cbc-est { position: relative; }
.sx-cbc .cbc-est-h { margin-top: 16px !important; margin-bottom: 6px !important; font-size: 13px; font-weight: 700; letter-spacing: -0.014em; }
.sx-cbc .cbc-est-g { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--cbc-pl2); border-width: 1px 0 0 1px; text-align: center; }
.sx-cbc .cbc-est-g > * { padding: 3px 4px; border: 1px solid var(--cbc-pl2); border-width: 0 1px 1px 0; white-space: nowrap; }
.sx-cbc .cbc-est-g .h, .sx-cbc .cbc-est-g .s { font-weight: 700; font-size: 10px; color: var(--cbc-pi2); }
.sx-cbc .cbc-est-g .h2 { grid-column: span 2; }
.sx-cbc .cbc-est-g > b { font-weight: 700; }
@container cbc (max-width: 420px) {
  .sx-cbc .cbc-rh, .sx-cbc .cbc-r { grid-template-columns: 3px 44px 8px minmax(0, 1fr) 84px; column-gap: 6px; }
  .sx-cbc .cbc-gh, .sx-cbc .cbc-gr { grid-template-columns: 3px minmax(0, 1fr) 84px 8px 58px; column-gap: 6px; }
  .sx-cbc .cbc-sub b, .sx-cbc .cbc-box { min-width: 84px; }
  .sx-cbc .cbc-pg { font-size: 11px; }
  .sx-cbc .cbc-led-in { padding: 10px 12px 14px; }
  .sx-cbc .cbc-led { --cbc-bar-h: 32px; }
  .sx-cbc .cbc-tab { height: 25px; font-size: 11px; }
}
/* rândul care tocmai a primit hârtia se aprinde o clipă (stratul de culoare: doar opacitate) */
/* [gate 19.10] blocul (REMORCĂ / ȘOFER / REPARTIZARE) e containerul luminii: fără asta lumina acoperea toată fereastra (.cbc-led-in), nu doar rândul */
.sx-cbc .cbc-pg .cbc-blk { position: relative; }
.sx-cbc .cbc-pg .is-hot::after { content: ""; position: absolute; z-index: -1; inset: -1px -6px; border-radius: 3px; background: var(--cbc-hot); opacity: 0; animation: cbc-hot 1.6s ease-out; pointer-events: none; }
@keyframes cbc-hot { 0%, 25% { opacity: 1; } 100% { opacity: 0; } }

/* ---------- 7. Hârtiile (create din <template> în .cbc-fly) ---------- */
.sx-cbc .cbc-fly { position: absolute; inset: 0; z-index: 6; pointer-events: none; }
.sx-cbc .cbc-slip {
  position: absolute; left: 0; top: 0; transform-origin: 0 0; width: max-content; max-width: 250px; padding: 9px 11px 10px;
  background: var(--cbc-paper); color: var(--cbc-paper-ink); border-radius: 3px; box-shadow: var(--cbc-paper-sh);
  font: 400 11px/1.35 var(--sx-f-sans, system-ui, sans-serif); letter-spacing: -0.004em; word-spacing: 0; font-variant-numeric: tabular-nums; will-change: transform, opacity;
}
.sx-cbc .cbc-slip :where(span, b, i, p, small) { letter-spacing: inherit; word-spacing: 0; }
.sx-cbc .cbc-slip p { margin: 0; }
.sx-cbc .cbc-slip b { color: inherit; }
.sx-cbc .cbc-sl-h { display: grid; row-gap: 1px; padding-bottom: 5px; margin-bottom: 5px !important; border-bottom: 1px solid var(--cbc-paper-line); }
.sx-cbc .cbc-sl-h b { font-size: 11.5px; font-weight: 700; }
.sx-cbc .cbc-sl-h span { font-size: 10px; color: var(--cbc-paper-ink2); }
.sx-cbc .cbc-sl-kv, .sx-cbc .cbc-sl-row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 2px 0; }
.sx-cbc .cbc-sl-row b { font-weight: 600; }
.sx-cbc .cbc-sl-off { color: var(--cbc-paper-ink2); }
.sx-cbc .cbc-sl-hot { margin: 2px -4px !important; padding: 2px 4px; border-radius: 2px; background: var(--cbc-mark); font-weight: 600; }
.sx-cbc .cbc-sl-v { margin-top: 5px !important; font-size: 13px; font-weight: 700; letter-spacing: -0.012em; }
.sx-cbc .cbc-sl-v small { font-size: 10px; font-weight: 500; color: var(--cbc-paper-ink2); }
.sx-cbc .cbc-sl-d { margin-top: 3px !important; font-size: 10px; color: var(--cbc-paper-ink2); }
.sx-cbc .cbc-sl-d b { color: var(--cbc-paper-ink); }
.sx-cbc .cbc-sl-row.cbc-piece { margin: 1px -6px !important; padding: 3px 6px; background: var(--cbc-mark); border-top: 1px dashed rgba(29, 39, 51, .45); border-bottom: 1px dashed rgba(29, 39, 51, .45); }
.sx-cbc .cbc-sl-row.cbc-piece + .cbc-sl-row.cbc-piece { border-top: 0; margin-top: 0 !important; }
.sx-cbc .cbc-slip--bit { display: flex; align-items: baseline; gap: 12px; padding: 4px 8px; background: var(--cbc-mark); font-weight: 500; }
.sx-cbc .cbc-slip--bit b { font-weight: 700; }
.sx-cbc .cbc-bit-v { display: none; }
.sx-cbc .cbc-slip--bit .cbc-bit-v { display: inline; margin-left: 8px; }
.sx-cbc .cbc-cc { display: inline-grid; place-items: center; min-width: 20px; height: 14px; margin-right: 6px; padding: 0 2px; border: 1px solid currentColor; border-radius: 2px; font-style: normal; font-size: 8.5px; font-weight: 700; letter-spacing: .04em; vertical-align: 1px; }
.sx-cbc .cbc-slip--tkt { display: flex; align-items: center; gap: 2px; padding: 7px 10px 7px 12px; border-left: 2px dashed rgba(29, 39, 51, .35); }
.sx-cbc .cbc-slip--tkt b { margin-left: 10px; font-weight: 700; }
.sx-cbc .cbc-slip--rcpt { width: 132px; padding-bottom: 8px; border-radius: 2px 2px 0 0; }
.sx-cbc .cbc-slip--rcpt::after {
  content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 5px;
  background: linear-gradient(135deg, var(--cbc-paper) 2.5px, transparent 2.6px) 0 0 / 6px 5px repeat-x, linear-gradient(225deg, var(--cbc-paper) 2.5px, transparent 2.6px) 0 0 / 6px 5px repeat-x;
}
.sx-cbc .cbc-rca { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 2px; margin: 3px 0 4px !important; }
.sx-cbc .cbc-rca i { font-style: normal; font-size: 8.5px; text-align: center; padding: 3px 0; border-radius: 2px; background: color-mix(in srgb, var(--cbc-paper-line) 55%, transparent); color: var(--cbc-paper-ink2); min-width: 15px; }
.sx-cbc .cbc-rca i.cbc-piece { background: var(--cbc-mark); color: var(--cbc-paper-ink); font-weight: 700; outline: 1px dashed rgba(29, 39, 51, .55); outline-offset: 1px; }
.sx-cbc .cbc-rca-b { display: none; }
.sx-cbc .cbc-slip.is-torn .cbc-rca-a { display: none; }
.sx-cbc .cbc-slip.is-torn .cbc-rca-b { display: inline; }
.sx-cbc .cbc-slip--calc { background: #ffffff; border-radius: 8px; box-shadow: inset 3px 0 0 var(--cbc-acc), var(--cbc-paper-sh); padding-left: 13px; }
:root:not([data-theme="light"]) .sx-cbc .cbc-slip--calc { background: #efefec; }
.sx-cbc .cbc-days { width: 190px; height: 9px; margin: 5px 0 4px !important; border-radius: 2px;
  background: repeating-linear-gradient(90deg, transparent 0 calc(100% / 30 - 1px), #ffffff calc(100% / 30 - 1px) calc(100% / 30)), linear-gradient(90deg, #8db5cf 88%, #e3e1db 88%); }
.sx-cbc .cbc-dust { position: absolute; left: 0; top: 0; width: 3px; height: 3px; border-radius: 1px; background: var(--cbc-c4-dot); will-change: transform, opacity; }
/* „+ sumă” deasupra stratului care tocmai s-a așezat */
.sx-cbc .cbc-pop {
  position: absolute; left: 0; top: 0; padding: 2px 8px; border-radius: 6px; background: var(--cbc-pop-bg); color: var(--ink);
  box-shadow: 0 0 0 1px var(--line), 0 6px 14px -6px rgba(0, 0, 0, .35); font: 600 12.5px/1.35 var(--cbc-font);
  letter-spacing: -0.006em; word-spacing: 0; white-space: nowrap; font-variant-numeric: tabular-nums; will-change: transform, opacity;
}

/* ---------- 8. Stările (doar cu JS): ce nu e .is-on nu se vede. Doar transform / opacity. ---------- */
.sx-cbc.cbc-js .cbc-rev { transform: scaleY(0); transition: transform 1s cubic-bezier(.65, 0, .35, 1); }
.sx-cbc.cbc-js .cbc-rev.is-on { transform: none; }
.sx-cbc.cbc-js .cbc-band { transform: scaleX(0); transition: transform .62s var(--cbc-ease); }
.sx-cbc.cbc-js .cbc-band.is-on { transform: none; }
.sx-cbc.cbc-js .cbc-band:is(.g4, .gok, .gbad) { transform: none; opacity: 0; transition: opacity .7s ease; }
.sx-cbc.cbc-js .cbc-band:is(.g4, .gok).is-on { opacity: 1; }
.sx-cbc.cbc-js .cbc-band.gbad.is-on { opacity: .85; }
.sx-cbc.cbc-js :is(.cbc-tag, .cbc-roof, .cbc-dim) { opacity: 0; transition: opacity .35s ease; }
.sx-cbc.cbc-js :is(.cbc-tag, .cbc-roof, .cbc-dim).is-on { opacity: 1; transition: opacity .45s ease .3s; }
.sx-cbc.cbc-js .cbc-venit:not(.is-on) { display: none; }
.sx-cbc.cbc-js .cbc-pg :is(.cbc-pg-h, .cbc-blk, .cbc-r, .cbc-sub) { opacity: 0; transform: translateY(4px); transition: opacity .3s ease, transform .45s var(--cbc-ease); }
.sx-cbc.cbc-js .cbc-pg :is(.cbc-pg-h, .cbc-blk, .cbc-r, .cbc-sub).is-on,
.sx-cbc.cbc-js .cbc-blk.is-on :is(.cbc-r, .cbc-sub) { opacity: 1; transform: none; }
/* salt la un pas (punct, comutator): ce era deja pe loc apare fără tranziție */
.sx-cbc.cbc-snap *, .sx-cbc.cbc-snap *::before, .sx-cbc.cbc-snap *::after { transition: none !important; }

/* ---------- 9. Sub figură: „Tot aici” și nota, ca azi ---------- */
.sx-cbc .cbc-more { margin: 22px 0 0; max-width: none; font: 400 16px/22px var(--cbc-font); letter-spacing: -.005em; word-spacing: 0; color: var(--sx-ink2, var(--mute)); text-wrap: pretty; }
.sx-cbc .cbc-more b { font-weight: 600; color: var(--ink); }
.sx-cbc .cbc-nw { white-space: nowrap; }
.sx-cbc .cbc-cap-f { margin-top: 10px; max-width: none; font: 400 16px/24px var(--cbc-font); letter-spacing: -.005em; word-spacing: 0; color: var(--sx-ink2, var(--mute)); text-wrap: pretty; }
.sx-cbc .cbc-inv { color: var(--mute); }

/* ---------- 10. Mișcare redusă: starea finală, fără mișcare automată; punctele și comutatorul schimbă pe loc ---------- */
@media (prefers-reduced-motion: reduce) {
  .sx-cbc *, .sx-cbc *::before, .sx-cbc *::after { transition: none !important; animation: none !important; }
  .sx-cbc .cbc-mo { display: none; }
}