/* [cc 19.10 documente-dosar] sx-dca.css · #dosar „Arhiva documentelor” — piesa „documente” (dca) din website structure
   (site-sectiuni/sectiuni/documente.css, 05.10), adusă înapoi pe pagina Documente și ANAF.
   Pânza (.dca-cv) are mărime fixă, 640×640, ca în piesa veche; scara și camera vin din sx-dca.js (fără JS: trepte din @container).
   Stările: is-b1…is-b12 (cumulative, starea statică a fiecărei bătăi) + is-p5…is-p12 (bătaia tocmai jucată: animațiile cu keyframes)
   + data-scr (fereastra din față) + data-cam (camera pe telefon) pe .dca-stage. .dca-snap = sări într-o stare fără tranziții.
   Modurile secțiunii: fără clasă = fără JS (starea finală, capitolele ca listă, fără șină); .dca-js.dca-live = cronologia;
   .dca-js.dca-still = mișcare redusă (starea finală, listă; șina sare fără mișcare).
   Mișcarea: doar transform și opacity (culorile care „se aprind” sunt straturi cu opacitate). Aspectul: tokenii paginii (--ink, --mute, --line, --rule, --card, --ws). */

/* ---------- 0. Tokeni ---------- */
.sx-dca {
  --dca-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dca-drop: cubic-bezier(0.22, 0.9, 0.24, 1);
  /* cartonul dosarului */
  --dca-k-front-1: #dfc497; --dca-k-front-2: #cfae7b; --dca-k-back-1: #ccab77; --dca-k-back-2: #bf9b66;
  --dca-k-inner: rgba(96, 64, 22, .22); --dca-k-edge: rgba(98, 66, 26, .30); --dca-k-hi: rgba(255, 246, 226, .55);
  --dca-k-score: rgba(98, 66, 26, .22); --dca-k-box: rgba(98, 66, 26, .42); --dca-k-print: rgba(70, 46, 14, .9);
  --dca-floor: rgba(48, 36, 18, .26);
  --dca-spot: radial-gradient(closest-side, rgba(255, 252, 244, .85), rgba(255, 252, 244, 0));
  /* hârtia, eticheta, stegulețele */
  --dca-paper: #fbfaf6; --dca-paper-line: rgba(52, 64, 86, .30); --dca-paper-txt: rgba(52, 64, 86, .16);
  --dca-paper-cmr: rgba(44, 58, 92, .62); --dca-paper-num: rgba(52, 64, 86, .55);
  --dca-paper-ink: #1d2733; --dca-paper-ink2: #4a5562; --dca-paper-sh: 0 1px 1px rgba(40, 30, 14, .10), 0 6px 14px -6px rgba(40, 30, 14, .30);
  --dca-pen: rgba(36, 66, 150, .62); --dca-rx-ink: rgba(54, 70, 168, .55);
  --dca-label: #fdfcf8; --dca-label-ink: #1f2731; --dca-label-ring: rgba(70, 50, 20, .16);
  --dca-flag: #ffffff; --dca-flag-ink: #1d2733; --dca-flag-meta: #4f5b68; --dca-flag-ring: rgba(23, 32, 43, .08);
  /* ștampila, scadența */
  --dca-stamp: #2f3d9c; --dca-strike: #b03119; --dca-new-ink: #155c84; --dca-new-bg: #fff1a6;
  /* programul (v34): fereastra, câmpurile, butoanele */
  --dca-sf: #ffffff; --dca-sf2: #f5f4f0; --dca-line: #e4e2dc; --dca-line2: #d2cfc7;
  --dca-ink: #1d2733; --dca-ink2: #4f5b68; --dca-ink3: #5f6a78;
  --dca-acc: #1a74a2; --dca-acc-ink: #ffffff; --dca-acc-soft: #e7f0f7; --dca-acc-line: rgba(26, 116, 162, .42);
  --dca-ok: #22744a; --dca-ok-soft: #e3f1e8; --dca-ok-line: rgba(34, 116, 74, .38);
  --dca-del: #b8402e; --dca-flash: #fff3b0;
  --dca-view-bg: #e4ffba; --dca-view-ink: #2f3d14; --dca-view-bd: #c9cebd;   /* btn-st-view (css/main.css:189) */
  --dca-win-sh: 0 0 0 1px rgba(23, 32, 43, .10), 0 2px 4px rgba(23, 32, 43, .08), 0 18px 36px -14px rgba(23, 32, 43, .30), 0 46px 80px -34px rgba(23, 32, 43, .34);
  --dca-pop-sh: 0 0 0 1px rgba(23, 32, 43, .10), 0 2px 4px rgba(23, 32, 43, .10), 0 22px 44px -16px rgba(23, 32, 43, .40);
  --dca-chip-sh: 0 0 0 1px rgba(23, 32, 43, .08), 0 1px 2px rgba(23, 32, 43, .08), 0 12px 26px -12px rgba(23, 32, 43, .30);
  --dca-env: #fdfcf9; --dca-env-flap: linear-gradient(160deg, #f1eee6, #e4dfd2);
  --dca-route: rgba(26, 116, 162, .62);
  /* fibra cartonului și golurile cernelii: zgomot SVG local (fără cereri externe) */
  --dca-fiber: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .08 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");
  --dca-ink-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -3 0 0 0 2.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");
  /* coloana din dreapta, șina: pagina */
  --dca-t-ink: var(--ink, #142a3e); --dca-t-mute: var(--mute, #55626f); --dca-t-line: var(--line, rgba(20, 42, 62, .2));
  --dca-t-rule: var(--rule, rgba(20, 42, 62, .2)); --dca-t-card: var(--card, #fbfaf8);
  overflow-x: clip;
}
html[data-theme="dark"] .sx-dca {
  --dca-k-front-1: #a98d64; --dca-k-front-2: #957850; --dca-k-back-1: #8c714b; --dca-k-back-2: #7d6441;
  --dca-k-inner: rgba(20, 12, 2, .34); --dca-k-edge: rgba(24, 14, 2, .42); --dca-k-hi: rgba(255, 240, 210, .22);
  --dca-k-score: rgba(24, 14, 2, .30); --dca-k-box: rgba(30, 18, 4, .5); --dca-k-print: #2a1d0c;
  --dca-floor: rgba(0, 0, 0, .7);
  --dca-spot: radial-gradient(closest-side, rgba(255, 236, 200, .07), rgba(255, 236, 200, 0));
  --dca-paper: #dedad0; --dca-paper-line: rgba(40, 46, 60, .34); --dca-paper-txt: rgba(40, 46, 60, .18);
  --dca-paper-cmr: rgba(36, 46, 76, .66); --dca-paper-num: rgba(40, 46, 60, .6);
  --dca-paper-ink: #1a2029; --dca-paper-ink2: #434b55; --dca-paper-sh: 0 1px 1px rgba(0, 0, 0, .3), 0 8px 18px -6px rgba(0, 0, 0, .7);
  --dca-label: #e6e2d8; --dca-label-ink: #1b2129; --dca-label-ring: rgba(0, 0, 0, .3);
  --dca-flag: #1b1c1f; --dca-flag-ink: #ececec; --dca-flag-meta: #a6aab0; --dca-flag-ring: rgba(255, 255, 255, .12);
  --dca-stamp: #2a3488; --dca-strike: #a32c16; --dca-new-ink: #124f73; --dca-new-bg: #e9d98a;
  --dca-sf: #16171a; --dca-sf2: #1c1d21; --dca-line: #2a2c31; --dca-line2: #3a3d44;
  --dca-ink: #e9eaec; --dca-ink2: #b0b4ba; --dca-ink3: #8e949c;
  --dca-acc: #7aaad4; --dca-acc-ink: #0b0f14; --dca-acc-soft: rgba(122, 170, 212, .14); --dca-acc-line: rgba(122, 170, 212, .5);
  --dca-ok: #6cc08f; --dca-ok-soft: rgba(108, 192, 143, .14); --dca-ok-line: rgba(108, 192, 143, .45);
  --dca-del: #ee8a78; --dca-flash: rgba(255, 228, 120, .24);
  --dca-view-bg: rgba(186, 236, 120, .16); --dca-view-ink: #c6ee95; --dca-view-bd: rgba(186, 236, 120, .36);
  --dca-win-sh: 0 0 0 1px rgba(255, 255, 255, .10), 0 2px 6px rgba(0, 0, 0, .5), 0 44px 96px -30px rgba(0, 0, 0, .9);
  --dca-pop-sh: 0 0 0 1px rgba(255, 255, 255, .12), 0 2px 6px rgba(0, 0, 0, .55), 0 30px 60px -20px rgba(0, 0, 0, .9);
  --dca-chip-sh: 0 0 0 1px rgba(255, 255, 255, .10), 0 12px 26px -12px rgba(0, 0, 0, .85);
  --dca-env: #e6e2d8; --dca-env-flap: linear-gradient(160deg, #d8d3c7, #cbc5b6);
  --dca-route: rgba(122, 170, 212, .7);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) .sx-dca {
    --dca-k-front-1: #a98d64; --dca-k-front-2: #957850; --dca-k-back-1: #8c714b; --dca-k-back-2: #7d6441;
    --dca-k-inner: rgba(20, 12, 2, .34); --dca-k-edge: rgba(24, 14, 2, .42); --dca-k-hi: rgba(255, 240, 210, .22);
    --dca-k-score: rgba(24, 14, 2, .30); --dca-k-box: rgba(30, 18, 4, .5); --dca-k-print: #2a1d0c;
    --dca-floor: rgba(0, 0, 0, .7);
    --dca-spot: radial-gradient(closest-side, rgba(255, 236, 200, .07), rgba(255, 236, 200, 0));
    --dca-paper: #dedad0; --dca-paper-line: rgba(40, 46, 60, .34); --dca-paper-txt: rgba(40, 46, 60, .18);
    --dca-paper-cmr: rgba(36, 46, 76, .66); --dca-paper-num: rgba(40, 46, 60, .6);
    --dca-paper-ink: #1a2029; --dca-paper-ink2: #434b55; --dca-paper-sh: 0 1px 1px rgba(0, 0, 0, .3), 0 8px 18px -6px rgba(0, 0, 0, .7);
    --dca-label: #e6e2d8; --dca-label-ink: #1b2129; --dca-label-ring: rgba(0, 0, 0, .3);
    --dca-flag: #1b1c1f; --dca-flag-ink: #ececec; --dca-flag-meta: #a6aab0; --dca-flag-ring: rgba(255, 255, 255, .12);
    --dca-stamp: #2a3488; --dca-strike: #a32c16; --dca-new-ink: #124f73; --dca-new-bg: #e9d98a;
    --dca-sf: #16171a; --dca-sf2: #1c1d21; --dca-line: #2a2c31; --dca-line2: #3a3d44;
    --dca-ink: #e9eaec; --dca-ink2: #b0b4ba; --dca-ink3: #8e949c;
    --dca-acc: #7aaad4; --dca-acc-ink: #0b0f14; --dca-acc-soft: rgba(122, 170, 212, .14); --dca-acc-line: rgba(122, 170, 212, .5);
    --dca-ok: #6cc08f; --dca-ok-soft: rgba(108, 192, 143, .14); --dca-ok-line: rgba(108, 192, 143, .45);
    --dca-del: #ee8a78; --dca-flash: rgba(255, 228, 120, .24);
    --dca-view-bg: rgba(186, 236, 120, .16); --dca-view-ink: #c6ee95; --dca-view-bd: rgba(186, 236, 120, .36);
    --dca-win-sh: 0 0 0 1px rgba(255, 255, 255, .10), 0 2px 6px rgba(0, 0, 0, .5), 0 44px 96px -30px rgba(0, 0, 0, .9);
    --dca-pop-sh: 0 0 0 1px rgba(255, 255, 255, .12), 0 2px 6px rgba(0, 0, 0, .55), 0 30px 60px -20px rgba(0, 0, 0, .9);
    --dca-chip-sh: 0 0 0 1px rgba(255, 255, 255, .10), 0 12px 26px -12px rgba(0, 0, 0, .85);
    --dca-env: #e6e2d8; --dca-env-flap: linear-gradient(160deg, #d8d3c7, #cbc5b6);
    --dca-route: rgba(122, 170, 212, .7);
  }
}
/* padding-ul secțiunii: minimul paginii (ca #valabilitati), ca piesa să rămână sub 1,6 ecrane */
html body .sx.sx-dca { padding-top: clamp(72px, 5.6vw, 80px); padding-bottom: clamp(72px, 5.6vw, 80px); }
.sx-dca .dca-cv svg { display: block; max-width: none; }
.sx-dca .dca-nw { white-space: nowrap; }
.sx-dca[data-d1="0"] [data-d1-only] { display: none !important; }   /* D1 (F-documente §0.4): fără „CMR attached” */

/* ---------- 1. Antetul: tiparul paginii (eticheta, H2, rândul de fapte) ---------- */
.sx-dca .sx-head.dca-head { margin-bottom: 0; }

/* ---------- 2. Scena + șina + capitolul activ ---------- */
.sx-dca .dca-story {
  margin-top: clamp(28px, 3.2vw, 44px); display: grid; grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "fig" "under" "chs";
}
.sx-dca .dca-fig { grid-area: fig; margin: 0; min-width: 0; }
.sx-dca .dca-under { grid-area: under; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 20px; margin-top: 12px; }
.sx-dca .dca-chs { grid-area: chs; min-width: 0; margin-top: 28px; }
@media (min-width: 960px) {
  /* scena ia întâi cei 640 px ai ei, textul ce rămâne (cel puțin 280 px): la 1280 cu cuprinsul, scena ≈ 630 px */
  .sx-dca .dca-story {
    grid-template-columns: minmax(0, 640px) minmax(280px, 1fr); grid-template-rows: auto 1fr;
    grid-template-areas: "fig chs" "under chs"; column-gap: clamp(40px, 4.6vw, 72px);
  }
  .sx-dca .dca-chs { margin-top: 0; align-self: center; max-width: 360px; }
  .sx-dca .dca-under { align-self: start; }   /* listă (fără JS, mișcare redusă): textul e mai înalt decât scena, șina rămâne sub ea */
}

.sx-dca .dca-view { position: relative; width: 100%; max-width: 640px; aspect-ratio: 1 / 1; container-type: inline-size; }
.sx-dca .dca-stage { position: absolute; inset: 0; }
.sx-dca .dca-cv { position: absolute; left: 0; top: 0; width: 640px; height: 640px; transform-origin: 0 0; transform: scale(var(--dca-k0, 1)); }
/* fără JS: pânza întreagă, în trepte după lățimea scenei */
@container (max-width: 639.98px) { .sx-dca .dca-cv { --dca-k0: .9375; } }
@container (max-width: 599.98px) { .sx-dca .dca-cv { --dca-k0: .875; } }
@container (max-width: 559.98px) { .sx-dca .dca-cv { --dca-k0: .8125; } }
@container (max-width: 519.98px) { .sx-dca .dca-cv { --dca-k0: .75; } }
@container (max-width: 479.98px) { .sx-dca .dca-cv { --dca-k0: .6875; } }
@container (max-width: 439.98px) { .sx-dca .dca-cv { --dca-k0: .625; } }
@container (max-width: 399.98px) { .sx-dca .dca-cv { --dca-k0: .5625; } }
@container (max-width: 359.98px) { .sx-dca .dca-cv { --dca-k0: .5; } }
@container (max-width: 319.98px) { .sx-dca .dca-cv { --dca-k0: .4375; } }
.sx-dca .dca-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
@media (max-width: 959.98px) { .sx-dca .dca-view { margin-inline: auto; } }

/* telefon (cu JS): o fereastră de cameră, cadrată pe dosar, pe fereastra din program sau pe drumul copiei */
@media (max-width: 599.98px) {
  .sx-dca.dca-js .dca-view {
    aspect-ratio: auto; height: clamp(340px, 50vh, 440px); max-width: none; overflow: hidden; border-radius: 14px;
    background: var(--dca-t-card); box-shadow: inset 0 0 0 1px var(--dca-t-rule);
  }
  .sx-dca.dca-js .dca-cv { transition: transform .8s var(--dca-ease); }
  .sx-dca.dca-js .dca-scr { transition: opacity .45s ease .25s; }
  .sx-dca.dca-js .dca-stage[data-cam="fold"] .dca-scr,
  .sx-dca.dca-js .dca-stage[data-cam="send"] .dca-scr { opacity: 0; transition-delay: 0s; }
  .sx-dca.dca-js .dca-stage::after {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 44px; z-index: 5; pointer-events: none;
    background: linear-gradient(90deg, var(--dca-t-card), color-mix(in srgb, var(--dca-t-card) 0%, transparent));
    opacity: 0; transition: opacity .5s ease;
  }
  .sx-dca.dca-js .dca-stage[data-cam="send"]::after { opacity: 1; }
}

/* ---------- 3. Dosarul (coordonatele pânzei: 640×640) ---------- */
.sx-dca .dca-spot { position: absolute; left: -60px; top: 0; width: 520px; height: 640px; background: var(--dca-spot); pointer-events: none; }
.sx-dca .dca-fold { position: absolute; left: 20px; top: 70px; width: 360px; height: 470px; }
.sx-dca .dca-floor { position: absolute; left: -26px; right: -26px; bottom: -30px; height: 64px; border-radius: 50%; background: radial-gradient(closest-side, var(--dca-floor), transparent); }
.sx-dca .dca-back {
  position: absolute; left: 6px; top: 46px; width: 348px; height: 424px; border-radius: 6px 8px 4px 4px;
  background: var(--dca-fiber), linear-gradient(180deg, var(--dca-k-back-1), var(--dca-k-back-2));
  box-shadow: inset 0 1px 0 var(--dca-k-hi), inset 0 0 0 1px var(--dca-k-edge);
}
.sx-dca .dca-back-in { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(180deg, transparent 30%, var(--dca-k-inner) 100%); }
.sx-dca .dca-tab {
  position: absolute; left: 30px; top: 6px; width: 206px; height: 46px; border-radius: 12px 14px 0 0;
  background: var(--dca-fiber), var(--dca-k-back-1);
  box-shadow: inset 0 1px 0 var(--dca-k-hi), inset 1px 0 0 var(--dca-k-edge), inset -1px 0 0 var(--dca-k-edge);
  display: grid; place-items: center;
}
.sx-dca .dca-label {
  display: inline-flex; align-items: baseline; gap: 7px; padding: 5px 12px 6px; border-radius: 4px;
  background: var(--dca-label); color: var(--dca-label-ink); box-shadow: 0 0 0 1px var(--dca-label-ring), 0 1px 2px rgba(40, 28, 10, .18);
  font-variant-numeric: tabular-nums; letter-spacing: .01em; word-spacing: 0; white-space: nowrap; line-height: 1.1; transform: rotate(-.6deg);
}
.sx-dca .dca-label b { font-size: 17px; font-weight: 600; color: var(--dca-label-ink); letter-spacing: .02em; }
.sx-dca .dca-label i { font-style: normal; opacity: .55; }
.sx-dca .dca-label span { font-size: 13.5px; font-weight: 500; }

/* documentele: între spatele și fața dosarului */
.sx-dca .dca-docs { position: absolute; inset: 0; z-index: 0; }
.sx-dca .dca-docs::after { content: ""; position: absolute; left: 8px; right: 8px; top: 262px; height: 36px; pointer-events: none; z-index: 1; background: linear-gradient(180deg, transparent, var(--dca-k-inner)); }
.sx-dca .dca-doc { position: absolute; --r: 0deg; }
.sx-dca .dca-sheet { width: 252px; height: 335px; background: var(--dca-paper); box-shadow: var(--dca-paper-sh); border-radius: 2px; }
.sx-dca .dca-doc::before {   /* lumina pozei: hârtie fotografiată, nu tipărită */
  content: ""; position: absolute; left: 0; top: 0; width: 252px; height: 335px; pointer-events: none; border-radius: 2px; z-index: 1;
  background: linear-gradient(155deg, rgba(255, 255, 255, .34), transparent 38%, transparent 70%, rgba(30, 24, 12, .07));
}
.sx-dca .dca-doc--c1 { left: 30px; top: 80px; --r: -1.6deg; }
.sx-dca .dca-doc--c2 { left: 52px; top: 112px; --r: 1.2deg; }
.sx-dca .dca-doc--ph { left: 150px; top: 160px; --r: 3.2deg; }
.sx-dca .dca-doc--ph::before { display: none; }
.sx-dca .dca-c-rx { fill: none; stroke: var(--dca-rx-ink); stroke-width: 1.6; stroke-linecap: round; }
.sx-dca .dca-photo { display: block; width: 178px; height: 136px; padding: 6px; background: #fbfbf8; box-shadow: var(--dca-paper-sh); border-radius: 2px; }
.sx-dca .dca-photo svg { width: 166px; height: 124px; }
.sx-dca .dca-p-wall { fill: #c9cdd2; }
.sx-dca .dca-p-floor { fill: #9ea4aa; }
.sx-dca .dca-p-dock { fill: #b7bcc2; stroke: #8f959c; stroke-width: 1; }
.sx-dca .dca-p-pal rect { fill: #b98a55; }
.sx-dca .dca-p-slat path { stroke: #8b6538; stroke-width: 3; }
.sx-dca .dca-p-load rect { fill: #e6ecf1; stroke: #c3ccd5; stroke-width: 1; }
.sx-dca .dca-p-film path { stroke: #ffffff; stroke-width: 1.4; opacity: .75; }
.sx-dca .dca-p-lit { fill: rgba(255, 244, 214, .10); }
html[data-theme="dark"] .sx-dca .dca-photo { filter: brightness(.88); }

/* stegulețele de index: numele și ora fiecărui document */
.sx-dca .dca-flag {
  position: absolute; bottom: 100%; display: inline-flex; align-items: baseline; gap: 8px; padding: 5px 10px 9px;
  margin-bottom: -4px; border-radius: 6px 6px 0 0; background: var(--dca-flag); color: var(--dca-flag-ink);
  box-shadow: 0 0 0 1px var(--dca-flag-ring), 0 -2px 6px -2px rgba(23, 32, 43, .14);
  white-space: nowrap; font-size: 12px; line-height: 1.2; letter-spacing: -0.01em; word-spacing: 0;
}
.sx-dca .dca-flag b { font-weight: 600; color: var(--dca-flag-ink); }
.sx-dca .dca-flag span { color: var(--dca-flag-meta); font-variant-numeric: tabular-nums; }
.sx-dca .dca-doc--c1 .dca-flag { left: 12px; }
.sx-dca .dca-doc--c2 .dca-flag { left: 128px; }
.sx-dca .dca-doc--ph .dca-flag { left: 0; }
.sx-dca .dca-norez {
  position: absolute; left: 16px; top: 14px; z-index: 2; display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px 3px 6px;
  border-radius: 999px; background: #e3f1e8; color: #1f6b43; box-shadow: inset 0 0 0 1px rgba(34, 116, 74, .38);   /* stă pe hârtie: aceleași culori pe ambele teme */
  font-size: 12px; font-weight: 600; line-height: 1.25; letter-spacing: -0.005em; word-spacing: 0; white-space: nowrap; transform-origin: 0 50%;
}
.sx-dca .dca-norez svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

/* fața dosarului, cu decupajul pentru deget */
.sx-dca .dca-front {
  position: absolute; left: 0; top: 296px; width: 360px; height: 174px; border-radius: 0 0 5px 5px;
  clip-path: path("M0 7Q0 1 7 1H146A34 17 0 0 0 214 1H353Q360 1 360 7V174H0Z");
  background: var(--dca-fiber), linear-gradient(180deg, var(--dca-k-front-1), var(--dca-k-front-2));
  box-shadow: inset 0 -1px 0 var(--dca-k-edge), inset 1px 0 0 var(--dca-k-edge), inset -1px 0 0 var(--dca-k-edge);
  transform-origin: 50% 100%;
}
.sx-dca .dca-front-edge { position: absolute; left: 0; right: 0; top: 1px; height: 2px; background: var(--dca-k-hi); }
.sx-dca .dca-scores { position: absolute; left: 10px; right: 10px; bottom: 16px; height: 9px; border-top: 1px solid var(--dca-k-score); border-bottom: 1px solid var(--dca-k-score); box-shadow: 0 1px 0 var(--dca-k-hi), inset 0 1px 0 var(--dca-k-hi); }
.sx-dca .dca-box { position: absolute; left: 24px; top: 30px; width: 232px; height: 100px; border: 1.5px dashed var(--dca-k-box); border-radius: 10px; }
.sx-dca .dca-box-l { position: absolute; left: 11px; top: 7px; font-size: 11.5px; line-height: 1.2; font-weight: 600; color: var(--dca-k-print); letter-spacing: .005em; word-spacing: 0; }

/* ștampila „Predat” (cerneală, cu goluri) */
.sx-dca .dca-stamp {
  position: absolute; left: 27px; top: 48px; width: 226px; padding: 9px 8px 10px; border-radius: 9px;
  display: grid; justify-items: center; row-gap: 3px; color: var(--dca-stamp);
  border: 3px solid currentColor; box-shadow: inset 0 0 0 2px transparent, inset 0 0 0 3.5px currentColor;
  -webkit-mask: var(--dca-ink-mask); mask: var(--dca-ink-mask);
}
.sx-dca .dca-stamp b { font-size: 31px; line-height: 1; font-weight: 600; letter-spacing: .2em; word-spacing: 0; text-transform: uppercase; color: currentColor; margin-right: -.2em; }
.sx-dca .dca-stamp span { font-size: 12.5px; line-height: 1.2; font-weight: 600; letter-spacing: .01em; word-spacing: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* factura, prinsă cu agrafă de dosar (hârtie) */
.sx-dca .dca-inv {
  position: absolute; left: 0; top: 522px; width: 238px; padding: 12px 14px 11px; border-radius: 3px; white-space: nowrap;
  background: var(--dca-paper); color: var(--dca-paper-ink); box-shadow: var(--dca-paper-sh), 0 0 0 1px rgba(23, 32, 43, .06);
  letter-spacing: -0.01em; word-spacing: 0;
}
.sx-dca .dca-clip { position: absolute; right: 26px; top: -14px; width: 13px; height: 34px; border: 2px solid #8d949c; border-radius: 7px; }
.sx-dca .dca-clip::after { content: ""; position: absolute; left: 2px; top: 6px; width: 5px; height: 20px; border: 2px solid #8d949c; border-radius: 4px; }
.sx-dca .dca-inv-t { font-size: 14px; font-weight: 600; line-height: 1.25; color: var(--dca-paper-ink); }
.sx-dca .dca-inv-m { font-size: 12px; line-height: 1.35; color: var(--dca-paper-ink2); font-variant-numeric: tabular-nums; }
.sx-dca .dca-inv-d { display: flex; align-items: baseline; gap: 8px; margin-top: 7px; padding-top: 7px; border-top: 1px dashed rgba(52, 64, 86, .3); font-variant-numeric: tabular-nums; }
.sx-dca .dca-inv-k { font-size: 12px; color: var(--dca-paper-ink2); }
.sx-dca .dca-inv-old { position: relative; font-size: 14px; font-weight: 600; color: var(--dca-paper-ink); }
.sx-dca .dca-inv-old::after { content: ""; position: absolute; left: -2px; right: -2px; top: 55%; height: 1.6px; background: var(--dca-strike); transform-origin: 0 50%; }
.sx-dca .dca-inv-new { font-size: 14px; font-weight: 600; color: var(--dca-new-ink); padding: 0 5px; border-radius: 4px; background: var(--dca-new-bg); }

/* drumul copiei (puncte), plicul, destinatarul */
.sx-dca .dca-route { position: absolute; left: 0; top: 0; width: 640px; height: 640px; overflow: visible; pointer-events: none; }
.sx-dca .dca-route-p { fill: none; stroke: none; }
.sx-dca .dca-route-d circle { fill: var(--dca-route); }
.sx-dca .dca-route-o { fill: var(--dca-route); }
.sx-dca .dca-env {
  position: absolute; left: 0; top: 0; width: 84px; height: 54px; border-radius: 4px; background: var(--dca-env);
  box-shadow: 0 0 0 1px rgba(23, 32, 43, .12), 0 10px 22px -10px rgba(23, 32, 43, .45);
  opacity: 0; pointer-events: none; will-change: transform, opacity;
}
.sx-dca .dca-env-flap { position: absolute; inset: 0; border-radius: 4px; background: var(--dca-env-flap); clip-path: polygon(0 0, 100% 0, 50% 58%); }
.sx-dca .dca-env-t { position: absolute; right: 7px; bottom: 6px; font-size: 10.5px; font-weight: 600; line-height: 1; color: #155c84; letter-spacing: .02em; word-spacing: 0; padding: 3px 5px; border-radius: 3px; background: #e7f0f7; }
.sx-dca .dca-to {
  position: absolute; left: 454px; top: 28px; width: 184px; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 10px; row-gap: 7px;
  align-items: center; padding: 10px 12px; border-radius: 12px; background: var(--dca-sf); color: var(--dca-ink); box-shadow: var(--dca-chip-sh);
  letter-spacing: -0.01em; word-spacing: 0;
}
.sx-dca .dca-to-av { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; font-size: 12.5px; font-weight: 600; color: var(--dca-acc); background: var(--dca-acc-soft); box-shadow: inset 0 0 0 1px var(--dca-acc-line); }
.sx-dca .dca-to-t { display: grid; line-height: 1.25; min-width: 0; }
.sx-dca .dca-to-t b { font-size: 13.5px; font-weight: 600; color: var(--dca-ink); }
.sx-dca .dca-to-t span { font-size: 12px; color: var(--dca-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sx-dca .dca-to-s { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; line-height: 1.3; color: var(--dca-ok); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sx-dca .dca-to-s svg { width: 13px; height: 13px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- 4. Ferestrele din program (v34): titlul centrat, în accent; câmpuri și butoane mici ---------- */
.sx-dca .dca-scr { position: absolute; left: 318px; top: 300px; width: 322px; height: 340px; }
.sx-dca .dca-scr, .sx-dca .dca-scr * { letter-spacing: -0.004em; word-spacing: 0; }
.sx-dca .dca-dlg {
  position: absolute; left: 0; top: 0; width: 100%; display: flex; flex-direction: column;
  background: var(--dca-sf); color: var(--dca-ink); border-radius: 10px; box-shadow: var(--dca-win-sh); overflow: hidden;
  opacity: 0; visibility: hidden; transform: translateY(12px) scale(.985);
  transition: opacity .35s ease, transform .6s var(--dca-ease), visibility 0s linear .35s;
}
.sx-dca .dca-dlg-h { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; height: 30px; padding: 0 10px 0 14px; border-bottom: 1px solid var(--dca-line); }
.sx-dca .dca-dlg-t { flex: 1 1 auto; min-width: 0; text-align: center; color: var(--dca-acc); font-size: 12px; font-weight: 600; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sx-dca .dca-x { width: 13px; height: 13px; flex: 0 0 auto; fill: none; stroke: var(--dca-ink3); stroke-width: 1.8; stroke-linecap: round; }
.sx-dca .dca-dlg-b { flex: 1 1 auto; padding: 10px 12px; font-size: 11.5px; line-height: 1.35; }
.sx-dca .dca-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(--dca-line); background: var(--dca-sf2); }
.sx-dca .dca-sp { flex: 1 1 auto; }
.sx-dca .dca-b {
  position: relative; display: inline-flex; align-items: center; height: 24px; padding: 0 11px; border-radius: 5px; white-space: nowrap;
  font-size: 11.5px; font-weight: 600; color: var(--dca-ink); background: var(--dca-sf); border: 1px solid var(--dca-line2);
}
.sx-dca .dca-b::after { content: ""; position: absolute; inset: -4px; border-radius: 8px; box-shadow: 0 0 0 3px var(--dca-acc-line); opacity: 0; transition: opacity .25s ease; pointer-events: none; }
.sx-dca .dca-b--pri { background: var(--dca-acc); border-color: var(--dca-acc); color: var(--dca-acc-ink); }
.sx-dca .dca-b--del { color: var(--dca-del); border-color: color-mix(in srgb, var(--dca-del) 45%, transparent); }

/* câmpurile; „se aprind” = un strat cu opacitate sub text */
.sx-dca .dca-fl { display: grid; grid-template-columns: 84px minmax(0, 1fr); column-gap: 8px; align-items: center; margin: 0 0 5px; }
.sx-dca .dca-fl-l { font-size: 11px; color: var(--dca-ink2); line-height: 1.2; }
.sx-dca .dca-in {
  position: relative; isolation: isolate; display: block; min-height: 24px; padding: 4px 8px 3px; min-width: 0;
  border: 1px solid var(--dca-line2); border-radius: 5px; background: var(--dca-sf); color: var(--dca-ink);
  font-size: 11.5px; line-height: 1.3; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sx-dca .dca-in::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--dca-flash); opacity: 0; pointer-events: none; }
.sx-dca .dca-in--d { display: flex; align-items: center; gap: 6px; }
.sx-dca .dca-dlg--mail .dca-fl { grid-template-columns: 74px minmax(0, 1fr); margin-bottom: 4px; }
.sx-dca .dca-dlg--mail .dca-in { font-size: 11px; }
.sx-dca .dca-dlg--pred .dca-fl { grid-template-columns: 98px minmax(0, 1fr); margin-bottom: 6px; }
.sx-dca .dca-in svg { width: 13px; height: 13px; margin-left: auto; flex: 0 0 auto; fill: none; stroke: var(--dca-ink3); stroke-width: 1.5; stroke-linecap: round; }
.sx-dca .dca-in2 { display: grid; grid-template-columns: minmax(0, .62fr) minmax(0, 1fr); gap: 5px; }
.sx-dca .dca-in--ta { min-height: 36px; }
.sx-dca .dca-ta { display: flex; flex-direction: column; align-items: flex-start; gap: 0; white-space: normal; padding-block: 4px; line-height: 1.32; }
.sx-dca .dca-chip { display: inline-flex; align-items: center; padding: 1px 7px; border-radius: 4px; font-size: 11px; font-weight: 600; color: var(--dca-acc); background: var(--dca-acc-soft); box-shadow: inset 0 0 0 1px var(--dca-acc-line); }

/* Documente Încărcate pentru Comanda … */
.sx-dca .dca-dir { display: flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 600; color: var(--dca-ink); font-variant-numeric: tabular-nums; margin-bottom: 4px; }
.sx-dca .dca-dir svg { width: 15px; height: 15px; fill: none; stroke: var(--dca-ink3); stroke-width: 1.4; stroke-linejoin: round; }
.sx-dca .dca-files { list-style: none; margin: 0; padding: 0 0 0 22px; }
.sx-dca .dca-file { display: grid; row-gap: 1px; padding: 6px 0 7px; border-top: 1px solid var(--dca-line); }
.sx-dca .dca-fn { color: var(--dca-acc); font-size: 11.5px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sx-dca .dca-fd { position: relative; isolation: isolate; justify-self: start; color: var(--dca-ink3); font-size: 11px; line-height: 1.3; font-variant-numeric: tabular-nums; padding: 0 3px; margin-left: -3px; border-radius: 3px; }
.sx-dca .dca-fd::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: var(--dca-flash); opacity: 0; transition: opacity .4s ease; }

/* Lista CMR pentru Comanda …: rândul bifat și plicul */
.sx-dca .dca-cmrl {
  position: absolute; left: 0; top: 0; width: 100%; background: var(--dca-sf); color: var(--dca-ink); border-radius: 10px; box-shadow: var(--dca-pop-sh); overflow: hidden;
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity .3s ease, transform .5s var(--dca-ease), visibility 0s linear .3s;
}
.sx-dca .dca-cmrl .dca-dlg-t { font-size: 11.5px; }
.sx-dca .dca-cmrl-g { display: grid; grid-template-columns: 24px max-content max-content max-content minmax(0, 1fr) 22px; align-items: center; column-gap: 6px; row-gap: 0; padding: 6px 10px 10px; font-size: 11px; line-height: 1.25; font-variant-numeric: tabular-nums; }
.sx-dca .dca-pic { width: 22px; height: 19px; margin-top: 6px; border-radius: 4px; display: grid; place-items: center; background: var(--dca-view-bg); color: var(--dca-view-ink); box-shadow: inset 0 0 0 1px var(--dca-view-bd); }
.sx-dca .dca-pic svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.sx-dca .dca-loc { grid-column: 2 / -1; padding-top: 4px; font-size: 11px; color: var(--dca-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sx-dca .dca-loc i { font-style: normal; color: var(--dca-ink3); margin-right: 6px; }
.sx-dca .dca-th { color: var(--dca-ink2); font-weight: 600; padding: 3px 0 5px; border-bottom: 1px solid var(--dca-line); white-space: nowrap; }
.sx-dca .dca-td { padding-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--dca-ink); }
.sx-dca .dca-num { text-align: right; }
.sx-dca .dca-mailbtn { position: relative; width: 24px; height: 20px; border-radius: 4px; display: grid; place-items: center; margin-bottom: 3px; background: var(--dca-acc); color: var(--dca-acc-ink); }
.sx-dca .dca-mailbtn svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; }
.sx-dca .dca-mailbtn::after { content: ""; position: absolute; inset: -4px; border-radius: 7px; border: 2px solid var(--dca-acc); opacity: 0; }
.sx-dca .dca-ck { width: 14px; height: 14px; margin-top: 6px; border-radius: 3px; display: grid; place-items: center; background: var(--dca-acc); color: var(--dca-acc-ink); }
.sx-dca .dca-ck svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.sx-dca .dca-ck--ro { background: var(--dca-ok-soft); color: var(--dca-ok); box-shadow: inset 0 0 0 1px var(--dca-ok-line); }

/* Transmitere CMR prin email */
.sx-dca .dca-dlg--mail .dca-dlg-b { padding: 9px 12px 8px; }
.sx-dca .dca-mt { border: 1px solid var(--dca-line2); border-radius: 5px; overflow: hidden; font-size: 10px; line-height: 1.25; -webkit-mask: linear-gradient(90deg, #000 72%, transparent 100%); mask: linear-gradient(90deg, #000 72%, transparent 100%); }
.sx-dca .dca-mr { display: grid; grid-template-columns: 52px 168px 70px 108px 160px; width: max-content; }
.sx-dca .dca-mr span { padding: 3px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid var(--dca-line); }
.sx-dca .dca-mr--h { background: var(--dca-sf2); font-weight: 600; color: var(--dca-ink2); border-bottom: 1px solid var(--dca-line); }
.sx-dca .dca-att { margin-top: 6px; border: 1px solid var(--dca-line); border-radius: 5px; overflow: hidden; }
.sx-dca .dca-att-h { padding: 3px 8px; background: var(--dca-sf2); color: var(--dca-ink2); font-size: 10.5px; font-weight: 600; border-bottom: 1px solid var(--dca-line); }
.sx-dca .dca-att-r { display: flex; align-items: center; gap: 6px; padding: 3px 8px; font-size: 11px; color: var(--dca-acc); white-space: nowrap; overflow: hidden; }
.sx-dca .dca-att-r + .dca-att-r { border-top: 1px solid var(--dca-line); }
.sx-dca .dca-att-r svg { width: 12px; height: 12px; flex: 0 0 auto; fill: none; stroke: var(--dca-ink3); stroke-width: 1.4; stroke-linecap: round; }

/* întrebarea programului despre scadență (confirmarea din browser, desenată neutru) */
.sx-dca .dca-conf {
  position: absolute; left: 12px; right: 12px; top: 62px; padding: 14px 16px 12px; border-radius: 9px;
  background: var(--dca-sf); color: var(--dca-ink); box-shadow: var(--dca-pop-sh);
  font-size: 11.5px; line-height: 1.42; font-variant-numeric: tabular-nums;
  opacity: 0; visibility: hidden; transform: translateY(10px) scale(.98);
  transition: opacity .3s ease, transform .5s var(--dca-ease), visibility 0s linear .3s;
}
.sx-dca .dca-conf p + p { margin-top: 3px; }
.sx-dca .dca-conf-f { color: var(--dca-ink2); }
.sx-dca .dca-conf-n b { font-weight: 600; color: var(--dca-ink); padding: 0 4px; border-radius: 3px; background: var(--dca-flash); }
.sx-dca .dca-conf-b { display: flex; justify-content: flex-end; gap: 6px; margin-top: 10px !important; }
.sx-dca .dca-conf-b .dca-b { min-width: 64px; justify-content: center; }

/* ---------- 5. Bătăile (is-b1…is-b12 = starea; is-pN = bătaia jucată acum, pentru keyframes) ---------- */
/* 1–3: documentele cad în dosar, rândurile intră în listă; 4: datele urcării se aprind */
.sx-dca .dca-doc { opacity: 0; transform: translateY(-210px) rotate(calc(var(--r) - 4deg)); transition: transform .95s var(--dca-drop), opacity .35s ease; }
.sx-dca .is-b1 .dca-doc--c1, .sx-dca .is-b2 .dca-doc--c2, .sx-dca .is-b3 .dca-doc--ph { opacity: 1; transform: translateY(0) rotate(var(--r)); }
.sx-dca .dca-norez { opacity: 0; transform: scale(.6); transition: transform .45s var(--dca-ease), opacity .3s ease; }
.sx-dca .is-b2 .dca-norez { opacity: 1; transform: none; transition-delay: .75s; }
.sx-dca .dca-file { opacity: 0; transform: translateY(5px); transition: opacity .3s ease, transform .5s var(--dca-ease); }
.sx-dca .is-b1 .dca-file--1, .sx-dca .is-b2 .dca-file--2, .sx-dca .is-b3 .dca-file--3 { opacity: 1; transform: none; transition-delay: .55s; }
.sx-dca .is-b4:not(.is-b5) .dca-fd::before { opacity: 1; }

/* fereastra din față */
.sx-dca .dca-stage[data-scr="docs"] .dca-dlg--docs,
.sx-dca .dca-stage[data-scr="mail"] .dca-dlg--mail,
.sx-dca .dca-stage[data-scr="pred"] .dca-dlg--pred { opacity: 1; visibility: visible; transform: none; transition: opacity .4s ease .1s, transform .7s var(--dca-ease) .1s, visibility 0s; }

/* 5: Lista CMR, bifa și plicul; 6: emailul e gata scris, apare Jana; 7: Trimitere, copia pleacă la client */
.sx-dca .dca-stage[data-scr="cmrl"] .dca-cmrl { opacity: 1; visibility: visible; transform: none; transition: opacity .35s ease .1s, transform .6s var(--dca-ease) .1s, visibility 0s; }
.sx-dca .is-p5[data-scr="cmrl"] .dca-mailbtn::after { animation: dca-ring 1.2s var(--dca-ease) .5s 2 both; }
.sx-dca .dca-to { opacity: 0; transform: translateY(6px); transition: opacity .35s ease, transform .6s var(--dca-ease); }
.sx-dca .is-b6 .dca-to { opacity: 1; transform: none; transition-delay: .3s; }
.sx-dca .dca-to-s { opacity: 0; transform: translateY(3px); transition: opacity .25s ease, transform .4s var(--dca-ease); }
.sx-dca .is-b7 .dca-to-s { opacity: 1; transform: none; transition-delay: 1.7s; }
.sx-dca .dca-route-d circle { opacity: 0; transition: opacity .2s ease; }
.sx-dca .is-b7 .dca-route-d circle { opacity: 1; transition-delay: calc(.5s + var(--i, 0) * 46ms); }
.sx-dca .dca-route-o { opacity: 0; transition: opacity .3s ease; }
.sx-dca .is-b7 .dca-route-o { opacity: 1; transition-delay: .4s; }
.sx-dca .is-p7:not(.is-b8) .dca-b--send { animation: dca-press .5s ease .05s both; }
.sx-dca .is-b7:not(.is-b8) .dca-b--send::after { opacity: 1; transition-delay: .1s; }

/* 8: predarea (Jana și drumul se retrag); 9: ștampila; 10: Salvare, întrebarea; 11: OK; 12: scadența mutată.
   Întrebarea rămâne la vedere de la 10 până la capăt (și în starea finală), lângă factura care se schimbă. */
.sx-dca .dca-route { transition: opacity .5s ease; }
.sx-dca .is-b8 .dca-to, .sx-dca .is-b8 .dca-route { opacity: .45; }
.sx-dca .dca-inv { opacity: 0; transform: translate(34px, 20px) rotate(5deg); transition: transform .8s var(--dca-ease), opacity .45s ease; }
.sx-dca .is-b8 .dca-inv { opacity: 1; transform: rotate(-2.4deg); transition-delay: .35s; }
.sx-dca .is-p8 .dca-dlg--pred .dca-in::before { animation: dca-fill 1s ease both; }
.sx-dca .is-p8 .dca-dlg--pred .dca-fl:nth-child(2) .dca-in::before { animation-delay: .15s; }
.sx-dca .is-p8 .dca-dlg--pred .dca-fl:nth-child(3) .dca-in::before { animation-delay: .3s; }
.sx-dca .is-p8 .dca-dlg--pred .dca-fl:nth-child(4) .dca-in::before { animation-delay: .45s; }
.sx-dca .dca-stamp { opacity: 0; transform: rotate(-7deg) scale(1.5); }
.sx-dca .is-b9 .dca-stamp { opacity: .9; transform: rotate(-7deg); }
.sx-dca .is-p9 .dca-stamp { animation: dca-stamp .55s var(--dca-drop) .1s both; }
.sx-dca .is-p9 .dca-fold { animation: dca-thud .5s ease .32s both; }
.sx-dca .is-b10 .dca-conf { opacity: 1; visibility: visible; transform: none; transition: opacity .3s ease .2s, transform .5s var(--dca-ease) .2s, visibility 0s; }
.sx-dca .is-b10:not(.is-b11) .dca-b--save::after { opacity: 1; }
.sx-dca .is-b11 .dca-b--ok::after { opacity: 1; }
.sx-dca .is-p11:not(.is-b12) .dca-b--ok { animation: dca-press .5s ease .35s both; }
.sx-dca .dca-inv-old::after { transform: scaleX(0); transition: transform .4s var(--dca-ease); }
.sx-dca .is-b12 .dca-inv-old::after { transform: scaleX(1); transition-delay: .25s; }
.sx-dca .dca-inv-new { display: inline-block; opacity: 0; transform: translateY(4px); transition: opacity .35s ease, transform .5s var(--dca-ease); }
.sx-dca .is-b12 .dca-inv-new { opacity: 1; transform: none; transition-delay: .5s; }

/* sări într-o stare (șina, începutul cronologiei): fără tranziții și fără keyframes */
.sx-dca .dca-snap, .sx-dca .dca-snap *, .sx-dca .dca-snap *::before, .sx-dca .dca-snap *::after { transition: none !important; animation: none !important; }

@keyframes dca-ring { 0% { opacity: .9; transform: scale(.9); } 100% { opacity: 0; transform: scale(1.35); } }
@keyframes dca-press { 0% { transform: none; } 40% { transform: translateY(1px) scale(.96); } 100% { transform: none; } }
@keyframes dca-fill { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes dca-stamp { 0% { opacity: 0; transform: rotate(-7deg) scale(1.6); } 58% { opacity: .95; transform: rotate(-7deg) scale(.97); } 100% { opacity: .9; transform: rotate(-7deg) scale(1); } }
@keyframes dca-thud { 0%, 100% { transform: none; } 35% { transform: translateY(3px); } }

/* ---------- 6. Șina: zilele documentului (butoane care reiau capitolul) ---------- */
.sx-dca:not(.dca-js) .dca-rail { display: none; }
.sx-dca .dca-rail ol { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 4px; }
.sx-dca .dca-rail li { display: flex; align-items: center; gap: 4px; }
.sx-dca .dca-rail li + li::before { content: ""; width: 20px; border-top: 1px dashed var(--dca-t-line); }
.sx-dca .dca-rail button {
  appearance: none; display: inline-grid; grid-template-columns: auto auto; grid-template-rows: auto auto; column-gap: 9px; align-items: center; justify-items: start;
  min-height: 44px; margin: 0; padding: 5px 13px 5px 11px; border-radius: 12px; text-align: left;
  font: inherit; color: var(--dca-t-mute); background: transparent; border: 1px solid transparent; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.sx-dca .dca-rail-dot { grid-row: 1 / span 2; width: 9px; height: 9px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--dca-t-line); }
.sx-dca .dca-rail-t { font: 500 14px/1.2 var(--ws, inherit); letter-spacing: -0.01em; word-spacing: 0; color: inherit; }
.sx-dca .dca-rail-d { font: 400 12.5px/1.25 var(--ws, inherit); font-variant-numeric: tabular-nums; letter-spacing: 0; word-spacing: 0; color: var(--dca-t-mute); white-space: nowrap; }
@media (hover: hover) { .sx-dca .dca-rail button:hover { color: var(--dca-t-ink); border-color: var(--dca-t-line); } }
.sx-dca .dca-rail button:active { transform: translateY(1px); }
.sx-dca .dca-rail button:focus { outline: none; }
.sx-dca .dca-rail button:focus-visible { outline: 2px solid var(--dca-t-ink); outline-offset: 2px; }
.sx-dca .dca-rail button[aria-pressed="true"] { color: var(--dca-t-ink); background: var(--dca-t-card); border-color: var(--dca-t-line); }
.sx-dca .dca-rail button[aria-pressed="true"] .dca-rail-dot { background: var(--dca-t-ink); box-shadow: none; }
.sx-dca .dca-demo { font: 400 13px/1.4 var(--ws, inherit); color: var(--dca-t-mute); letter-spacing: -0.005em; word-spacing: 0; }

/* ---------- 7. Capitolele: ora mare, golul scris cursiv, titlul, o frază ---------- */
.sx-dca .dca-ch { position: relative; }
.sx-dca .dca-ch + .dca-ch { margin-top: 32px; }   /* listă: fără JS și la mișcare redusă */
.sx-dca.dca-live .dca-chs { display: grid; }
.sx-dca.dca-live .dca-ch { grid-area: 1 / 1; margin: 0; opacity: 0; transform: translateY(8px); pointer-events: none; transition: opacity .35s ease, transform .5s var(--dca-ease); }
.sx-dca.dca-live .dca-ch.is-on { opacity: 1; transform: none; pointer-events: auto; transition: opacity .45s ease .12s, transform .6s var(--dca-ease) .12s; }

.sx-dca .dca-when { display: grid; justify-items: start; row-gap: 8px; margin-bottom: 18px; }
.sx-dca .dca-when time { display: grid; grid-template-columns: auto auto; column-gap: 12px; align-items: end; font-variant-numeric: tabular-nums; }
.sx-dca .dca-wt { font: 300 clamp(40px, 3.4vw, 52px)/.9 var(--ws, inherit); letter-spacing: -0.04em; word-spacing: 0; color: var(--dca-t-ink); }
.sx-dca .dca-wm { display: grid; padding-bottom: 2px; font: 400 13.5px/1.3 var(--ws, inherit); letter-spacing: -0.005em; color: var(--dca-t-mute); }
.sx-dca .dca-gap { display: inline-block; font-style: italic; font-size: 14.5px; line-height: 1.3; letter-spacing: -0.005em; color: var(--dca-t-mute); }
.sx-dca .dca-gap::before { content: ""; display: inline-block; vertical-align: middle; width: 18px; margin: -2px 9px 0 0; border-top: 1px dashed var(--dca-t-line); }
.sx-dca .dca-ch h3 { margin: 0 0 10px; font: 500 21px/1.22 var(--ws, inherit); letter-spacing: -0.016em; word-spacing: 0; color: var(--dca-t-ink); text-wrap: balance; max-width: 16em; }
.sx-dca .dca-ch-p { font: 400 16px/1.6 var(--ws, inherit); letter-spacing: -0.005em; color: var(--dca-t-mute); max-width: 40ch; text-wrap: pretty; }
.sx-dca .dca-pill {
  display: inline-flex; align-items: flex-start; gap: 9px; margin-top: 16px; padding: 8px 12px 8px 10px; border-radius: 12px;
  border: 1px solid var(--dca-t-line); font: 400 13.5px/1.4 var(--ws, inherit); letter-spacing: -0.005em; color: var(--dca-t-ink); max-width: 40ch;
}
.sx-dca .dca-pill-sw { position: relative; flex: 0 0 auto; width: 24px; height: 14px; margin-top: 3px; border-radius: 999px; background: var(--dca-t-ink); }
.sx-dca .dca-pill-sw i { position: absolute; right: 2px; top: 2px; width: 10px; height: 10px; border-radius: 50%; background: var(--bg, #fff); }

@media (max-width: 959.98px) {
  .sx-dca .dca-under { justify-content: center; }
  .sx-dca .dca-ch-p, .sx-dca .dca-pill { max-width: 52ch; }
}
@media (max-width: 599.98px) {
  .sx-dca .dca-under { flex-direction: column; gap: 4px; }
  .sx-dca .dca-chs { margin-top: 22px; }
  .sx-dca .dca-wt { font-size: 40px; }
  .sx-dca .dca-ch h3 { font-size: 20px; }
  .sx-dca .dca-pill { font-size: 16px; line-height: 1.45; }   /* [cc 19.10] fraza de pe telefon ≥ 16 px */
  .sx-dca .dca-pill-sw { margin-top: 5px; }
}
@media (max-width: 420px) {
  .sx-dca .dca-rail li + li::before { width: 8px; }
  .sx-dca .dca-rail ol { gap: 2px; }
  .sx-dca .dca-rail li { gap: 2px; }
  .sx-dca .dca-rail button { padding: 5px 8px 5px 7px; column-gap: 7px; }
  .sx-dca .dca-rail-t { font-size: 13.5px; }
  .sx-dca .dca-rail-d { font-size: 12px; }
}

/* ---------- 8. Mișcare redusă: starea finală, fără mișcare automată ---------- */
@media (prefers-reduced-motion: reduce) {
  .sx-dca *, .sx-dca *::before, .sx-dca *::after { transition: none !important; animation: none !important; }
  .sx-dca .dca-env { display: none; }
}