/* Paginile publice de autentificare si cont (prototip v4: authSide, authCard, V_login,
   V_2fa, V_reset, V_activ, V_gb_reactivate). Clasele de baza (.auth, .auth-side,
   .auth-main, .auth-box, .auth-ic, .mailhint, .pwbox, .pweye, .or, .otp, .pwm) sunt in
   profesio.css; aici doar ce prototipul avea in atribute style si adaptarile la Django. */

.auth-h1{font-size:30px}
.auth-center{text-align:center}
.auth-safe{text-align:center}
.auth-safe i{margin-right:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* latura stanga */
.auth-side-h{color:#fff;font-size:clamp(26px,3vw,38px)}
/* Latura stanga nu e titlu de document (R-16): <p> cu aspectul unui h2, h1 ramane formularul. */
p.auth-side-h{font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0;text-wrap:balance}
.auth-side-p{color:#b9cbe0;max-width:44ch;margin:0}
ul.auth-list{list-style:none;margin:0;padding:0}
.am-main img{height:auto}
.am-body{gap:6px;padding:14px 16px}
.am-kicker{color:#7dd3fc;font-weight:700}
.am-title,.am-w{color:#fff}
.am-bar{flex:1;background:rgba(255,255,255,.15)}
.am-bar i{width:57%;background:#38bdf8}
.am-dim{color:#cfe3f2}
.am-mute{color:#9fb7cc}
.al-i.al-ok{background:rgba(74,222,128,.15);color:#4ade80}
.auth-stats{gap:28px}
.auth-stats b{color:#fff;font-size:24px;font-weight:800}
.auth-stats .xs{color:#9fb7cc}
.auth-q .av{background:rgba(56,189,248,.18);color:#7dd3fc}

/* campurile: label.f e in profesio.css; aici si varianta div.f (eticheta + link pe acelasi rand) */
.auth-box div.f{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}
.auth-box div.f>label,.auth-box div.f>.row label{font-size:13px;font-weight:700;color:var(--ink)}
.auth-box .f .err{display:block}
.auth-box .errorlist.nonfield{padding:10px 14px;border-radius:12px;background:var(--bad-s)}
.auth-forgot{font-weight:600}
.pwbox .form-control{padding-right:48px}
.auth-pwt{font-weight:600}
.auth-pwt.ok{color:var(--ok)}
.auth-pwt.bad{color:var(--bad)}
.auth-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.auth-box .chk span{font-weight:500;color:var(--text)}

/* codul de verificare (captcha) */
.cap-row{gap:8px}
.cap-img{display:block;width:225px;max-width:calc(100% - 52px);height:69px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f3f7ff}
.cap-img img{display:block;width:100%;height:100%;object-fit:cover}
.cap-refresh{border:1px solid var(--line);border-radius:10px;width:44px;height:44px;color:var(--blue-t)}

/* ecranul „confirma adresa” */
.auth-mh{min-width:0;overflow-wrap:anywhere}
.auth-inline{display:inline}
.auth-center .linkbtn{font:inherit;font-weight:600}

/* verificarea in doi pasi */
.auth-otp{justify-items:center}
.otp-one{text-align:center;letter-spacing:.4em;font-size:24px;font-weight:800;max-width:260px}
.otp.bad input{border-color:var(--bad)}
.auth-rec{text-align:center;letter-spacing:.2em;font-weight:700}
.auth-alt{border-top:1px solid var(--line-2);padding-top:16px;justify-items:start}
.auth-alt form{margin:0}
.auth-alt .linkbtn{font:600 13px var(--font);text-align:left}
.auth-alt .linkbtn:disabled{color:var(--muted);cursor:not-allowed}
.auth-alt a{font-weight:600}

/* dialogul „Intra cu telefonul” */
#qr-dialog .db{justify-items:center}

@media (max-width:420px){.auth-h1{font-size:26px}}