/* cont-bgn-auth.css — stratul local al ecranelor de intrare din cont.bgn.ro (4 nov 2026).
   Se încarcă DUPĂ bgn-33.css v2.8.5. Folosește doar tokenurile și clasele bgn-33; nu se urcă în bgn-33
   (Bogdan: „Doar aici”, 3 nov 2026, și „da”, 4 nov 2026). Sursa: propunerea https://claude.ai/artifact/LRUqDf7h3dpHnwwkcwDdEK */
/* Propunerea cont.bgn.ro (3 nov 2026): doar așezarea paginii, cu tokenurile și clasele bgn-33 v2.8.2.
   Ce nu e în catalog, așezat local din tokenuri: cercul cu iconiță (.ic-box.round, după .modal.center)
   și rama codului QR (.qr). */
body{min-height:100dvh}

.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:calc(100dvh - 52px)}
.auth-main{position:relative;display:flex;align-items:center;justify-content:center;padding:112px var(--sp-6) var(--sp-16)}
.auth-brand{position:absolute;top:var(--sp-8);left:var(--sp-10);text-decoration:none;color:var(--c-ink)}
/* Stă direct pe colțul violet al degradeului, unde --c-fog simplu dă 4,49:1 noaptea. */
.auth-brand .t-fog{color:color-mix(in srgb,var(--c-fog) 85%,var(--c-ink))}
.auth-top{position:absolute;top:var(--sp-8);right:var(--sp-10)}
.auth-card{width:100%;max-width:440px}
.auth-card .card{padding:36px 36px var(--sp-8)}
.halo{outline:1px solid var(--c-halo);outline-offset:16px}
.auth-card .marker{margin-bottom:var(--sp-3)}
.auth-card h1{margin:0}
.auth-card .desc{margin:var(--sp-2) 0 0}
.auth-card form .btn{margin-top:var(--sp-3)}
.auth-card .divider.text{margin:var(--sp-6) 0}
.auth-card .back{display:flex;width:fit-content;margin:calc(var(--sp-2) * -1) 0 var(--sp-4) calc(var(--sp-3) * -1)}
.trust{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-6)}
.fine{margin:var(--sp-2) auto 0;text-align:center}
.fine a{color:var(--c-fog)}
.g-tile{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--r-sm);background:var(--c-on-accent)}
.g-tile svg{width:16px;height:16px}
.otp-meta{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-4)}
.otp-timer{display:inline-flex;align-items:center;gap:6px}
.who{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-6)}
.who .grow{min-width:0}
.pane[hidden]{display:none!important}
.auth-card .center{text-align:center}
.auth-card .center .ic-box{margin:0 auto var(--sp-4)}
.auth-card .center .chip{max-width:100%}
.auth-card .center .marker{justify-content:center}
.ic-box.round{width:52px;height:52px;border-radius:50%}
.ic-box.round .ic{width:22px;height:22px;--ic-w:22}
.ic-box.round.lg{width:72px;height:72px}
.ic-box.round.lg .ic{width:32px;height:32px;--ic-w:32}
.ic-box.ok{background:var(--c-success-bg);color:var(--c-success-text)}
.t-ok{color:var(--c-success-text)}
.links{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}
.links[hidden],.field[hidden]{display:none}
.sim{text-align:center;margin:var(--sp-6) 0 0}
.links .btn.link,.sim .btn.link{white-space:normal;height:auto;min-height:0;text-align:center;line-height:20px}
.pw-bars{height:4px}
.pw-bars > i.weak{background:var(--c-error)} .pw-bars > i.mid{background:var(--c-warn)} .pw-bars > i.ok{background:var(--c-success)}
/* codul QR rămâne negru pe alb și noaptea, ca să-l poată citi orice aplicație */
.qr{width:184px;margin-inline:auto;padding:var(--sp-3);background:var(--c-on-accent);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--c-rule)}
.qr svg{display:block;width:100%;height:auto;fill:var(--c-dark)}

/* Fundalul paginii (degradeul C, zi și noapte) vine din bgn-33 v2.9.0 (Bogdan, 4 nov 2026: pe toate ecranele).
   Aici rămâne doar linia dintre coloane, noaptea, și panoul din dreapta transparent noaptea: .sec-dark îi dă un fundal
   plin care ar acoperi colțul gri al degradeului (bgn-33 v2.9.0: secțiunile mari nu acoperă degradeul). Doar de la 1024px:
   sub ele panoul stă sub card și, la derulare, textul lui trece peste colțul violet (5,87:1, sub pragul de 7:1). */
@media (min-width:1024px){
  :root[data-theme="dark"] .auth-side{background:transparent;border-left:1px solid var(--c-hover)}
}
@media (min-width:1024px) and (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .auth-side{background:transparent;border-left:1px solid var(--c-hover)}
}
.auth-card .btn.outline{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-accent) 45%, transparent)}
.auth-card .btn.outline:hover:where(:not(:disabled)){background:var(--c-accent-ultra);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-accent) 65%, transparent)}

/* PROPUNERE (4 nov 2026, Bogdan: „da”, doar în cont.bgn.ro, nu în bgn-33): patru detalii din prototipul Bono Auth,
   care acolo sunt stiluri locale, nu Edge: „SAU” cu majuscule, colțul de 24px, umbra fină și textul butonului principal la 600.
   „SAU”, colțul de 24px și butonul la 600 au intrat în bgn-33 (v2.9.1, v2.9.2, v2.9.3) și au ieșit de aici; rămâne
   umbra. */
:root{--sh-auth:0 1px 3px color-mix(in srgb, var(--c-ink) 6%, transparent), 0 1px 2px color-mix(in srgb, var(--c-ink) 4%, transparent)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--sh-auth:var(--sh-card)}}
:root[data-theme="dark"]{--sh-auth:var(--sh-card)}
.auth-card .card.lifted{box-shadow:var(--sh-auth)}
.auth-side{padding:var(--sp-16) var(--sp-16) var(--sp-10);display:flex;flex-direction:column;justify-content:center;gap:var(--sp-10)}
.auth-side h2{margin:var(--sp-4) 0 0;max-width:13em}
.auth-side .lead-txt{margin:var(--sp-4) 0 0}
.feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-8) var(--sp-10);margin-top:var(--sp-10);max-width:600px}
.feat{border-top:1px solid var(--c-dark-card);padding-top:var(--sp-4)}
.feat .ic{margin-bottom:var(--sp-4);color:var(--c-accent-on-dark)}
.feat .t16{margin:0 0 var(--sp-1)}
.feat .mono{display:block;margin-top:var(--sp-2)}
.side-foot{display:flex;align-items:center;gap:var(--sp-2)}

@media (max-width:1023px){
  .auth{grid-template-columns:minmax(0,1fr)}
  .auth-side{padding:var(--sp-10) var(--sp-6)}
}
@media (max-width:640px){
  .auth-main{align-items:flex-start;padding:80px var(--sp-4) var(--sp-10)}
  .auth-brand{left:var(--sp-4);top:var(--sp-6)}
  .auth-top{right:var(--sp-4);top:var(--sp-6)}
  .auth-card .card{padding:var(--sp-8) var(--sp-6) var(--sp-6)}
  .halo{outline-offset:8px}
  .feats{grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}
}

/* intrare.css — ce au în plus paginile reale față de cont-bgn-auth.css (servit înaintea acestui text, în același fișier).
   Doar tokenuri bgn-33; aceleași reguli ca stilul local din prototip (index.html), fără bara prototipului. */

.auth{min-height:100dvh}
/* Paginile fixe 429 și 500 n-au panoul din dreapta: cardul stă pe mijloc, nu pe jumătatea din stânga. */
.auth.fara-panou{grid-template-columns:minmax(0,1fr)}
.sprite{display:none}
.auth-card .t40{overflow-wrap:anywhere}
.ic-box.bad{background:var(--c-error-bg);color:var(--c-error-text)}
.ic-box.wait{background:var(--c-warn-bg);color:var(--c-warn-text)}
.g-tile img{width:16px;height:16px;display:block}
.otp-timer{color:var(--c-fog)}
.otp-timer.expired{color:var(--c-error-text)}
.terms-text p{margin:0 0 var(--sp-3)}

/* Formularele care țin un singur buton (Google, „Intră cu alt cont”, „Cere acces”, codul): fără spațiul de 12px pe care
   cont-bgn-auth.css îl pune deasupra butoanelor din formularul de email. */
.auth-card form.fara-spatiu .btn{margin-top:0}
.auth-card form.fara-spatiu .btn.mt-6{margin-top:var(--sp-6)}
.auth-card form.center{display:flex;justify-content:center}

/* Fereastra E5 stă în pagină, ascunsă; scriptul o deschide. */
.scrim[hidden]{display:none}

/* Paginile publice (`/`, `/confidentialitate`): cardul de citit din pagina publicată pe 3 nov 2026. */
.pagina-publica{min-height:100dvh;display:grid;place-items:center;padding:var(--sp-6) var(--sp-4)}
.pagina-publica .card{width:100%;max-width:620px;padding:36px var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-3)}
.pagina-publica .card h1{margin:var(--sp-1) 0}
.pagina-publica .card h2{margin:var(--sp-2) 0 0}
.pagina-publica .card p{margin:0}
.pagina-publica .card a{color:var(--c-accent-text)}
@media (max-width:640px){.pagina-publica .card{padding:var(--sp-8) var(--sp-6)}}