/* [cc 17.10] cont-v2 — intrarea în cont + „Contul meu” (direcția A aleasă, + altoaiele din B), calm, o singură coloană de citit (ca paginile de cont Linear / Stripe).
   Se încarcă DUPĂ final.css, final-hero.css, menu-final.css, menu-harta.css (antetul C4-1, la fel ca paginile site27) și site27.css (tokeni --rule --card --ink2 --ws, subsolul .ft, .w, .eb).
   body are clasa s27, ca paginile de modul: antetul are exact marginile lor.
   Toate clasele de aici încep cu ca- (nimic nu atinge antetul sau subsolul). Monocrom, linii fine, fără cutii și fără cipuri;
   spații Fibonacci (3 5 8 13 21 34 55 89); ținte de apăsare ≥ 44 px; nimic nu se mișcă (fără tranziții de așezare, fără derulare lină). */

:root{
  --ca-bd:rgba(255,255,255,.44); --ca-bd-h:rgba(255,255,255,.72);            /* marginea câmpurilor: ≥ 3:1 pe negru, ca formularul de demonstrație */
  --ca-ok:#6aaa6a; --ca-warn:#d4a855; --ca-bad:#ff8a80; --ca-info:#9db8d6; --ca-off:#8a8a8a;
  --ca-col:720px;
}
:root[data-theme=light]{
  --ca-bd:rgba(20,42,62,.56); --ca-bd-h:rgba(20,42,62,.82);
  --ca-ok:#27764c; --ca-warn:#9c5c10; --ca-bad:#b3261e; --ca-info:#2f6ea3; --ca-off:#767c84;
}
html{scroll-behavior:auto}                        /* David 17.10: linkurile sar pe loc, fără derulare lină */
body.ca{font-family:var(--ws);overflow-x:clip}
.ca-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ca [hidden]{display:none!important}
.ca :where(a,button,input,select,summary):focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px}
.ca .num{font-variant-numeric:tabular-nums}

/* ---------- textul ---------- */
.ca-eb{font:500 12.5px/20px var(--ws);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.ca-h1{max-width:none;font:300 clamp(34px,3.2vw,44px)/1.08 var(--ws);letter-spacing:-.03em;color:var(--ink);text-wrap:balance}   /* final.css pune h1{max-width:11.5em} pentru erou */
.ca-p{font:400 17px/1.55 var(--ws);color:var(--ink2);text-wrap:pretty}
.ca-small{font:400 14px/1.5 var(--ws);color:var(--mute);text-wrap:pretty}
.ca-small a,.ca-p a,.ca-link{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:1px;text-underline-offset:4px}
.ca-small a:hover,.ca-p a:hover,.ca-link:hover{text-decoration-color:currentColor}

/* ---------- butoanele: plin (primul), contur (al doilea), text (liniștit) ---------- */
.ca-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 21px;border:1px solid transparent;border-radius:4px;
  font:500 15px/20px var(--ws);white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.ca-btn--p{background:var(--fill);color:var(--fill-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 1px 2px rgba(0,0,0,.18)}
.ca-btn--p:hover{background:color-mix(in srgb,var(--fill) 86%,var(--bg))}
.ca-btn--s{border-color:var(--edge);color:var(--ink);background:transparent}
.ca-btn--s:hover{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}
.ca-btn--w{width:100%}
.ca-q{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;font:500 15px/20px var(--ws);color:var(--ink);cursor:pointer;
  text-decoration:underline;text-decoration-color:var(--line);text-decoration-thickness:1px;text-underline-offset:5px;background:none;border:0}
.ca-q:hover{text-decoration-color:currentColor}
.ca-q--m{color:var(--mute)}
.ca-q--m:hover{color:var(--ink)}
.ca-q--bad{color:var(--ca-bad)}
.ca-ext::after{content:"↗";margin-left:2px;font-size:.9em;text-decoration:none;display:inline-block}

/* ---------- câmpurile ---------- */
.ca-f{display:grid;gap:8px;align-content:start;min-width:0}
.ca-lbl{display:flex;align-items:baseline;justify-content:space-between;gap:13px;font:500 15px/20px var(--ws);color:var(--ink)}
.ca-lbl .ca-q{min-height:20px;padding:17px 0 7px;margin:-17px 0 -7px;font-size:14px;color:var(--mute)}   /* „Ați uitat parola?”: 44 px de apăsat, fără să împingă rândul. [cc 17.10 revizie 2] 17 sus / 7 jos: se oprește cu 1 px înainte de câmpul parolei (golul e 8 px; .ca-pw e poziționat și ar câștiga suprapunerea) — nici linkul, nici câmpul nu pierd din apăsare */
.ca-lbl .ca-q{text-decoration-color:transparent}
.ca-lbl .ca-q:hover{color:var(--ink);text-decoration-color:currentColor}
.ca-in{display:block;width:100%;min-height:48px;margin:0;padding:12px 14px;background:var(--card);color:var(--ink);border:1px solid var(--ca-bd);border-radius:4px;
  font:400 16px/1.4 var(--ws);-webkit-appearance:none;appearance:none;transition:border-color .15s ease}
.ca-in::placeholder{color:var(--mute);opacity:1}
.ca-in:hover{border-color:var(--ca-bd-h)}
.ca-in:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-color:var(--ink)}
.ca-in[readonly]{background:transparent;border-style:dashed;color:var(--ink2)}
.ca-hint{font:400 14px/20px var(--ws);color:var(--mute)}
.ca-pw{position:relative}
.ca-pw .ca-in{padding-right:55px}
.ca-eye{position:absolute;right:2px;top:2px;width:44px;height:44px;display:grid;place-items:center;color:var(--mute);cursor:pointer}
.ca-eye:hover{color:var(--ink)}
.ca-eye .e-off{display:none}
.ca-eye[aria-pressed=true] .e-on{display:none}
.ca-eye[aria-pressed=true] .e-off{display:block}
/* eroarea: text + iconiță sub câmp, câmpul cu marginea dublă — nu doar culoare */
.ca-err{display:flex;gap:8px;align-items:flex-start;font:400 15px/22px var(--ws);color:var(--ca-bad)}
.ca-err>span{min-width:0}
.ca-err::before{content:"";flex:none;width:16px;height:16px;margin-top:3px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='M8 4.6v4.2'/%3E%3Cpath d='M8 11.1v.1' stroke-width='1.9'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='M8 4.6v4.2'/%3E%3Cpath d='M8 11.1v.1' stroke-width='1.9'/%3E%3C/svg%3E") center/contain no-repeat}
.ca-ok{display:flex;gap:8px;align-items:flex-start;font:400 15px/22px var(--ws);color:var(--ink2)}
.ca-ok::before{content:"";flex:none;width:16px;height:16px;margin-top:3px;background:var(--ca-ok);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='m5.2 8.2 1.9 1.9 3.7-3.9'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='8' r='6.5'/%3E%3Cpath d='m5.2 8.2 1.9 1.9 3.7-3.9'/%3E%3C/svg%3E") center/contain no-repeat}
.ca-f.is-bad .ca-in{border-color:var(--ca-bad);box-shadow:0 0 0 1px var(--ca-bad)}

.ca-il{display:inline;padding:11px 0;margin:-11px 0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ca-fs{border:0;margin:0;padding:0;min-width:0}
#buy .ca-dup{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#buy .ca-fl-n{margin-left:0}
.ca-fl-n{margin-left:8px;font-weight:400;font-size:14px;color:var(--mute)}
.ca-mt{margin-top:13px}
.ca-mt5{margin-top:5px}
.ca-sub-h{margin-top:34px;padding-bottom:8px;font:500 13px/20px var(--ws);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--rule)}
.ca-sub-h+.ca-rows,.ca-sub-h+.ca-inv{margin-top:0}
.ca-flash{margin-top:13px}

/* =========================================================================================== INTRAREA (login.html) */
.ca-li-form{display:grid;gap:21px}
.ca-li{width:min(380px,calc(100% - 2*var(--gut)));margin:0 auto;padding:89px 0 89px}
.ca-li .ca-h1{font-size:40px}
.ca-li-lead{margin-top:13px}
.ca-li-body{margin-top:34px;display:grid;gap:21px}
.ca-g{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:48px;padding:0 21px;border:1px solid var(--edge);border-radius:4px;
  font:500 15px/20px var(--ws);color:var(--ink);background:transparent;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.ca-g:hover{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}
.ca-or{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;font:400 13px/20px var(--ws);color:var(--mute)}
.ca-or::before,.ca-or::after{content:"";height:1px;background:var(--rule)}
.ca-li-alt{display:flex;justify-content:center;margin-top:13px}
.ca-li-body>.ca-li-alt{margin-top:-8px}
.ca-li-ft{margin-top:34px;padding-top:21px;border-top:1px solid var(--rule)}
.ca-li-ft p+p{margin-top:5px}
.ca-li-msg{margin-top:21px}
.ca-li-mail{font:500 17px/1.5 var(--ws);color:var(--ink);overflow-wrap:anywhere}
.ca-li-acts{display:flex;flex-wrap:wrap;gap:8px 21px;align-items:center}
@media (max-width:760px){
  .ca-li{padding:34px 0 55px}
  .ca-li .ca-h1{font-size:34px}
}

/* =========================================================================================== CONTUL MEU (cont.html) */
/* lat: șina din stânga (lipită) + o coloană de citit; aceeași margine ca paginile noi (.w = 1200) */
.ca-acc{width:min(1200px,calc(100% - 2*var(--gut)));margin:0 auto;padding:55px 0 89px;display:grid;grid-template-columns:213px minmax(0,var(--ca-col));column-gap:89px;align-items:start}
.ca-rail{position:sticky;top:34px;grid-row:1/span 2}
.ca-rail-l{list-style:none;margin:13px 0 0;padding:0;border-left:1px solid var(--line)}
.ca-rail-a{position:relative;display:grid;grid-template-columns:21px minmax(0,1fr);align-items:baseline;min-height:44px;padding:8px 0 8px 16px;color:var(--ink2);text-decoration:none;font:400 15px/20px var(--ws)}
.ca-rail-a::before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:2px;background:var(--ink);opacity:0}
.ca-rail-n{font:500 12px/20px var(--ws);letter-spacing:.04em;color:var(--mute);font-variant-numeric:tabular-nums}
.ca-rail-t{min-width:0}
/* starea secțiunii, un rând sub nume (din direcția B); roșu = acolo e ceva de făcut */
.ca-rail-s{display:block;margin-top:2px;font:400 13px/18px var(--ws);color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ca-rail-s:empty{display:none}
.ca-rail-s.is-bad{color:var(--ca-bad);font-weight:500}
.ca-rail-a:hover{color:var(--ink)}
.ca-rail-a[aria-current=true]{color:var(--ink);font-weight:600}
.ca-rail-a[aria-current=true] .ca-rail-s{font-weight:400}
.ca-rail-a[aria-current=true] .ca-rail-s.is-bad{font-weight:500}
.ca-rail-a[aria-current=true]::before{opacity:1}
.ca-rail-a[aria-current=true] .ca-rail-n{color:var(--ink)}
.ca-rail-out{margin-top:21px;margin-left:17px}
.ca-main{min-width:0}

/* rândul de pe telefon / tabletă: cele 5 secțiuni pe un rând, lipit sus; aceleași ancore, același „sare pe loc” */
.ca-row{display:none}
@media (max-width:1023px){
  .ca-acc{grid-template-columns:minmax(0,1fr);padding-top:34px}
  .ca-rail{display:none}
  .ca-row{display:flex;justify-content:space-between;position:sticky;top:0;z-index:4;margin:0 calc(-1*var(--gut));padding:0 var(--gut);background:var(--bg);border-bottom:1px solid var(--rule)}
  .ca-row a{position:relative;display:flex;align-items:center;min-height:48px;font:500 14px/20px var(--ws);color:var(--mute);text-decoration:none;white-space:nowrap}
  .ca-row a[aria-current=true]{color:var(--ink)}
  .ca-row a[aria-current=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink)}
  .ca-row .ca-rail-dot{width:6px;height:6px;margin-left:5px;border-radius:50%;background:var(--ca-bad);display:inline-block}
}
@media (min-width:761px) and (max-width:1023px){.ca-row{justify-content:flex-start;gap:34px}}

/* ---------- starea (primul ecran): o propoziție + cel mult o acțiune ---------- */
.ca-st{padding-bottom:55px}
.ca-st-tag{display:flex;align-items:center;gap:8px;margin-top:34px;font:500 14px/20px var(--ws);color:var(--ink2)}
.ca-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ca-c,var(--ca-off))}
.ca-dot[data-c=ok]{--ca-c:var(--ca-ok)}
.ca-dot[data-c=warn]{--ca-c:var(--ca-warn)}
.ca-dot[data-c=bad]{--ca-c:var(--ca-bad)}
.ca-dot[data-c=info]{--ca-c:var(--ca-info)}
.ca-st .ca-h1{margin-top:13px;max-width:17em}
.ca-st .ca-p{margin-top:13px;max-width:34em;font-size:19px}
.ca-st-act{display:flex;flex-wrap:wrap;align-items:center;gap:13px 21px;margin-top:34px}
.ca-st-act:empty{display:none}
.ca-st-note{margin-top:21px}

/* ---------- secțiunile ---------- */
.ca-sec{padding:55px 0;border-top:1px solid var(--rule)}
/* specificitate peste „.s27 main [id]{scroll-margin-top:24px}” din site27.css: pe telefon titlul trebuie să cadă sub rândul lipit (49 px), nu ascuns de el */
.ca main .ca-sec{scroll-margin-top:21px}
@media (max-width:1023px){.ca main .ca-sec{scroll-margin-top:55px}}
.ca-sec-h{display:flex;align-items:baseline;gap:13px;font:400 26px/1.25 var(--ws);letter-spacing:-.018em;color:var(--ink)}
.ca-sec-n{font:500 12px/1 var(--ws);letter-spacing:.04em;color:var(--mute);font-variant-numeric:tabular-nums;transform:translateY(-3px)}
.ca-sec-lead{margin-top:8px;max-width:38em}
.ca-sec-end{margin-top:21px;display:flex;flex-wrap:wrap;gap:8px 34px}

/* rândurile liniștite: eticheta (gri) · valoarea · acțiunea (text) */
.ca-rows{margin:21px 0 0;padding:0}
.ca-r{display:grid;grid-template-columns:150px minmax(0,1fr) auto;column-gap:21px;align-items:baseline;padding:13px 0;border-top:1px solid var(--rule)}
.ca-r:first-child{border-top:0}
.ca-k{font:400 14px/24px var(--ws);color:var(--mute)}
.ca-v{min-width:0;font:400 16px/24px var(--ws);color:var(--ink)}
.ca-v small{display:block;font:400 14px/20px var(--ws);color:var(--mute);margin-top:2px}
.ca-v b{font-weight:500}
.ca-a{justify-self:end;align-self:baseline}
.ca-a .ca-q{min-height:44px;margin:-10px 0}
.ca-r--wide .ca-v{grid-column:2/-1}
@media (max-width:760px){
  .ca-r{grid-template-columns:minmax(0,1fr) auto;row-gap:2px;padding:13px 0}
  .ca-k{grid-column:1/-1}
  .ca-r--wide .ca-v{grid-column:1/-1}
}

/* ce include + totalul: liniile cu suma la dreapta, totalul sub o linie */
.ca-lines{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.ca-lines li{display:flex;justify-content:space-between;gap:21px;font:400 16px/24px var(--ws)}
.ca-lines li span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.ca-lines .ca-sub{color:var(--mute);font-size:15px}
.ca-lines .ca-sum{margin-top:8px;padding-top:8px;border-top:1px solid var(--rule);font-weight:500}
.ca-lines .ca-sum span:last-child{font-size:18px}
.ca-lines s{color:var(--mute)}

/* ---------- ce se deschide pe loc (Modificați, Schimbați cardul, Schimbați parola, anularea): fără cutie, o linie în stânga; se închide din același buton și din „Renunțați” ---------- */
.ca-open{margin-top:13px;padding:21px 0 8px 21px;border-left:2px solid var(--ink)}
.ca-open-h{font:500 16px/24px var(--ws);color:var(--ink)}
.ca-open .ca-grid{margin-top:21px}
.ca-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
.ca-grid>*{grid-column:1/-1;min-width:0}
.ca-grid>.ca-half{grid-column:auto}
.ca-acts{display:flex;flex-wrap:wrap;align-items:center;gap:13px 21px;margin-top:21px}
@media (max-width:760px){
  .ca-open{padding-left:13px}
  .ca-grid>.ca-half{grid-column:1/-1}
  .ca-acts .ca-btn{flex:1 1 100%}
}

/* alegerea pachetului / a intervalului: rânduri cu buton radio, fără căsuțe */
.ca-opts{border-bottom:1px solid var(--rule)}
.ca-opt{position:relative;display:grid;grid-template-columns:21px minmax(0,1fr) auto;column-gap:13px;align-items:center;min-height:55px;padding:8px 0;border-top:1px solid var(--rule);cursor:pointer}
.ca-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ca-rd{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--ca-bd);box-sizing:border-box}
.ca-opt:hover .ca-rd{border-color:var(--ca-bd-h)}
.ca-opt input:checked~.ca-rd{border:5.5px solid var(--ink)}
.ca-opt input:focus-visible~.ca-rd{outline:2px solid var(--ink);outline-offset:3px}
.ca-opt-t{font:400 16px/22px var(--ws);color:var(--ink)}
.ca-opt-t small{display:block;font-size:14px;line-height:20px;color:var(--mute)}
.ca-opt input:checked~.ca-opt-t{font-weight:500}
.ca-opt-p{font:400 15px/22px var(--ws);color:var(--ink2);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.ca-opt-p small{display:block;font-size:13px;color:var(--mute)}
.ca-fl{font:500 15px/20px var(--ws);color:var(--ink);margin-bottom:8px}
.ca-seg{justify-self:start;display:inline-grid;grid-auto-flow:column;border:1px solid var(--ca-bd);border-radius:4px;overflow:hidden}
.ca-seg label{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 21px;font:500 15px/20px var(--ws);color:var(--mute);cursor:pointer}
.ca-seg label+label{border-left:1px solid var(--ca-bd)}
.ca-seg input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.ca-seg label:has(input:checked){background:var(--ink);color:var(--bg)}
.ca-seg label:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}

/* numărătorul (HERE, conturi): − număr + */
.ca-qty{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:21px;align-items:center;padding:13px 0;border-top:1px solid var(--rule)}
.ca-qty:last-child{border-bottom:1px solid var(--rule)}
.ca-qty-t{font:400 16px/22px var(--ws);color:var(--ink)}
.ca-qty-t small{display:block;font-size:14px;line-height:20px;color:var(--mute)}
.ca-stp{display:inline-flex;align-items:center;border:1px solid var(--ca-bd);border-radius:4px}
.ca-stp button{width:44px;height:44px;display:grid;place-items:center;color:var(--ink);cursor:pointer}
.ca-stp button:disabled{color:var(--line);cursor:default}
.ca-stp input{width:48px;height:44px;border:0;border-left:1px solid var(--rule);border-right:1px solid var(--rule);background:transparent;color:var(--ink);
  font:500 16px/1 var(--ws);text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.ca-stp input::-webkit-outer-spin-button,.ca-stp input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* totalul viu */
.ca-total{margin-top:21px}
.ca-total-h{font:500 13px/20px var(--ws);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.ca-total-note{margin-top:13px}

/* pașii de cumpărare (fără abonament): o listă numerotată, totul vizibil, fără vrăjitor */
.ca-steps{list-style:none;margin:21px 0 0;padding:0;counter-reset:pas}
.ca-step{display:grid;grid-template-columns:34px minmax(0,1fr);padding:21px 0;border-top:1px solid var(--rule)}
.ca-step::before{counter-increment:pas;content:counter(pas);font:500 13px/26px var(--ws);color:var(--mute);font-variant-numeric:tabular-nums}
.ca-step-h{font:400 19px/26px var(--ws);letter-spacing:-.01em;color:var(--ink)}
.ca-step-b{margin-top:13px;display:grid;gap:13px}
.ca-step-b .ca-small{margin-top:-5px}
.ca-cui{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}

/* cardul (ca un câmp Stripe): numărul, apoi expirarea + CVC */
.ca-cardf{display:grid;grid-template-columns:minmax(0,1fr) 110px 90px;border:1px solid var(--ca-bd);border-radius:4px;background:var(--card)}
.ca-cardf input{min-height:48px;padding:12px 14px;border:0;background:transparent;color:var(--ink);font:400 16px/1.4 var(--ws);min-width:0}
.ca-cardf input+input{border-left:1px solid var(--rule)}
.ca-cardf input::placeholder{color:var(--mute);opacity:1}
.ca-cardf:focus-within{outline:2px solid var(--ink);outline-offset:2px;border-color:var(--ink)}
.ca-cardf input:focus-visible{outline:0}
@media (max-width:420px){.ca-cardf{grid-template-columns:1fr 1fr}.ca-cardf input:first-child{grid-column:1/-1;border-bottom:1px solid var(--rule)}.ca-cardf input:nth-child(2){border-left:0}}

/* facturile */
.ca-inv{list-style:none;margin:0;padding:0}
.ca-inv li{display:grid;grid-template-columns:minmax(0,1fr) 110px 100px auto;column-gap:21px;align-items:center;min-height:48px;border-top:1px solid var(--rule)}
.ca-inv li[hidden]{display:none}
.ca-inv li:first-child{border-top:0}
.ca-inv-d{font:400 15px/22px var(--ws);color:var(--ink)}
.ca-inv-d small{color:var(--mute);font-size:14px;margin-left:8px}
.ca-inv-s{display:inline-flex;align-items:center;gap:8px;font:400 14px/20px var(--ws);color:var(--mute);justify-self:end}
.ca-inv-sum{font:400 15px/22px var(--ws);font-variant-numeric:tabular-nums;color:var(--ink);justify-self:end}
.ca-inv .ca-q{min-height:44px;font-size:14px}
.ca-inv-more{margin-top:5px}
.ca-inv-s{justify-self:start}
@media (max-width:760px){
  .ca-inv li{grid-template-columns:minmax(0,1fr) auto auto;row-gap:0;padding:5px 0}
  .ca-inv-d{grid-column:1;grid-row:1}
  .ca-inv-s{grid-column:1;grid-row:2}
  .ca-inv-sum{grid-column:2;grid-row:1/span 2;align-self:center}
  .ca-inv li .ca-q{grid-column:3;grid-row:1/span 2}
}

/* confirmarea pe loc (anulare / reactivare): textul cu datele + două butoane */
.ca-confirm{margin-top:8px}
.ca-confirm .ca-p{font-size:16px;max-width:36em}

/* ---------- avatarul din antet (semnat) ---------- */
.ca-acct{position:relative;display:flex;align-items:center}
.ca-acct-b{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 8px 0 4px;border-radius:999px;font:500 14px/20px var(--ws);color:var(--ink);cursor:pointer}
.ca-acct-b:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.ca-acct-b svg{transition:transform .2s ease}
.ca-acct-b[aria-expanded=true] svg{transform:rotate(180deg)}
.ca-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--fill);color:var(--fill-ink);font:600 13px/1 var(--ws)}
:root:not([data-theme=light]) .ca-av{background:color-mix(in srgb,var(--ink) 16%,transparent);color:var(--ink)}
.ca-acct-m{position:absolute;right:0;top:calc(100% + 8px);z-index:31;min-width:272px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--menu);
  box-shadow:0 28px 70px -24px rgba(0,0,0,.65),0 2px 8px rgba(0,0,0,.22)}
:root[data-theme=light] .ca-acct-m{box-shadow:0 26px 60px -26px rgba(20,42,62,.35),0 2px 6px rgba(20,42,62,.08)}
.ca-acct-who{display:grid;gap:2px;padding:8px 12px 13px;margin-bottom:5px;border-bottom:1px solid var(--line)}
.ca-acct-who b{font:500 14px/20px var(--ws);color:var(--ink)}
.ca-acct-who span{font:400 13px/18px var(--ws);color:var(--mute);word-break:break-all}
.ca-acct-m a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;font:400 15px/20px var(--ws);color:var(--ink);text-decoration:none}
.ca-acct-m a:hover{background:rgba(128,128,128,.12)}
.ca-acct-m a[data-next]{color:var(--mute)}
@media (max-width:760px){.ca-acct-n,.ca-acct-b svg{display:none}.ca-acct-b{padding:0 7px}.ca-acct-m{right:-48px;min-width:min(272px,calc(100vw - 32px))}}

/* ---------- pagina anulării probei (fără cont) ---------- */
.ca-tc{width:min(560px,calc(100% - 2*var(--gut)));margin:0 auto;padding:89px 0}
.ca-tc .ca-rows{margin-top:34px}
.ca-tc .ca-acts{margin-top:34px}
@media (max-width:760px){.ca-tc{padding:34px 0 55px}}

/* ---------- comutatorul de stări (doar previzualizare; ascuns în capturi) ---------- */
.ca-pv{position:fixed;right:13px;bottom:13px;z-index:60;font-family:var(--ws)}
.ca-pv-b{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--menu);color:var(--ink);
  font:500 13px/20px var(--ws);cursor:pointer;box-shadow:0 8px 24px -8px rgba(0,0,0,.4)}
.ca-pv-l{position:absolute;right:0;bottom:calc(100% + 8px);width:min(300px,calc(100vw - 26px));max-height:70vh;overflow:auto;overscroll-behavior:contain;padding:8px;
  border:1px solid var(--line);border-radius:12px;background:var(--menu);box-shadow:0 28px 70px -24px rgba(0,0,0,.55)}
.ca-pv-l p{padding:8px 12px 5px;font:500 11.5px/16px var(--ws);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.ca-pv-l a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;font:400 14px/20px var(--ws);color:var(--ink);text-decoration:none}
.ca-pv-l a:hover{background:rgba(128,128,128,.12)}
.ca-pv-l a[aria-current=page]{font-weight:600}
html.ca-shot .ca-pv{display:none}

@media (prefers-reduced-motion:reduce){.ca-btn,.ca-g,.ca-in,.ca-acct-b svg{transition:none}}
.ca-li-ft .ca-li-prog{margin-top:13px}
/* conturile în plus pe Standard / Convenient (utilizatori nelimitați): numărătorul rămâne pe loc, stins, cu explicația dedesubt */
.ca-qty.is-off .ca-stp{opacity:.45}
.ca-qty.is-off .ca-qty-t{color:var(--ink2)}
.ca-stp input:disabled{color:var(--mute);-webkit-text-fill-color:var(--mute);opacity:1}
/* mesajul de eroare de sus (?msg=plata_respinsa / interval_gresit / error): roșu, nu culoarea etichetei de stare */
.ca-st-tag.ca-err{color:var(--ca-bad)}
/* telefon: rândul lipit are deja linia lui jos; prima secțiune nu mai pune încă una dedesubt */
@media (max-width:1023px){.ca-row+.ca-sec{border-top:0}}
/* telefon: numărătorul sub eticheta lui, ca textul să nu se strângă în 130 px lângă el */
@media (max-width:480px){
  .ca-qty{grid-template-columns:minmax(0,1fr);row-gap:8px}
  .ca-stp{justify-self:start}
}

/* [cc 18.10 cont-v4 import] linkul de previzualizare spre contul-machetă e un <a>, nu un <button> */
.ca-pv a.ca-pv-b{text-decoration:none;text-align:center}