/* ============================================================
   MODUL: Înregistrare prestatori — stilul propriu (prefix isu-inreg-)
   FACE: 1) Pagina „Înregistrare Prestator" [demo_register]: același aspect ca
            fereastra de logare de pe Home (card întunecat peste fundalul cu Pământul).
         2) Mici completări pentru panoul de cereri [demo_admin_panel] și pentru
            finalizarea contului [finalizare_cont_prestator] (restul vine din piesele
            comune: isu-card, isu-tabel, isu-eticheta, isu-buton, isu-camp ...).
   Se încarcă DOAR pe paginile cu aceste shortcoduri.
   DESIGN SYSTEM: fără coduri de culoare — doar variabile --isu-... (isu-core/design/tokens.css);
   transparențele cu color-mix(). [Agent_0fa1 2026-10-02]
   ============================================================ */

/* ---------- Fundalul paginii ----------
   Imaginea cu Pământul + particulele vin din access.php / access.css
   (aceleași ca pe Home); aici doar lăsăm pagina transparentă. */
html:has(body.isu-inreg-pagina),
body.isu-inreg-pagina {
    background: transparent !important;
}
/* Secțiunile Elementor să nu acopere fundalul */
body.isu-inreg-pagina .elementor-section,
body.isu-inreg-pagina .e-con,
body.isu-inreg-pagina .elementor-widget-wrap,
body.isu-inreg-pagina .elementor-column,
body.isu-inreg-pagina #page,
body.isu-inreg-pagina .site,
body.isu-inreg-pagina .site-content {
    background: transparent !important;
}
/* Logo-ul albastru pus din Elementor e înlocuit de logo-ul din card */
body.isu-inreg-pagina .elementor-widget-image:has(img[src*="cropped-logo-isu"]) {
    display: none !important;
}
/* Caseta cu formularul ocupă toată lățimea, cardul se centrează singur */
body.isu-inreg-pagina .elementor-widget-shortcode:has(.isu-inreg-container) {
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
}
/* Secțiunea Elementor din jur nu mai centrează ea (avea înălțime 93% din ecran
   și margini proprii) — centrarea o face .isu-inreg-container, pe toată fereastra */
body.isu-inreg-pagina .elementor-element-cd60919,
body.isu-inreg-pagina .elementor-element-cd60919 > .e-con-inner {
    --min-height: 0 !important;
    min-height: 0 !important;
    --padding-top: 0 !important;
    --padding-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ---------- Containerul și cardul ---------- */
.isu-inreg-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;   /* centrat pe verticală în fereastră */
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;        /* pe telefon: fără bara browserului */
    padding: var(--isu-spatiu-6) var(--isu-spatiu-4);   /* spațiu EGAL sus și jos; dacă nu încape, se derulează */
    box-sizing: border-box;
}

.isu-inreg-logo {
    position: relative;
    z-index: 2;
    width: 110px; /* la mijloc între Home (88px) și varianta prea mare (132px) */
    height: auto;
    margin-bottom: -1.2rem;
    filter: drop-shadow(0 10px 25px color-mix(in srgb, var(--isu-gri-900) 45%, transparent));
}

.isu-inreg-card {
    position: relative;
    width: 100%;
    max-width: 34rem;
    overflow: hidden;
    border-radius: 2rem;
    border-top: 1px solid color-mix(in srgb, var(--isu-alb) 20%, transparent);
    background: linear-gradient(to top, color-mix(in srgb, var(--isu-gri-100) 10%, transparent), color-mix(in srgb, var(--isu-gri-900) 55%, transparent) 50%);
    padding: var(--isu-spatiu-6);
    color: var(--isu-alb);
    box-shadow: 0 25px 50px -12px color-mix(in srgb, var(--isu-gri-900) 40%, transparent);
    outline: 1px solid color-mix(in srgb, var(--isu-alb) 5%, transparent);
    outline-offset: -1px;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}

.isu-inreg-bottom-glow {
    position: absolute;
    bottom: -5rem;
    left: 8rem;
    right: 8rem;
    height: 2.5rem;
    background-color: var(--isu-alb);
    filter: blur(40px);
    pointer-events: none;
}

/* ---------- Taburile Conectare / Înregistrare (ca pe Home) ---------- */
.isu-inreg-tabs {
    position: relative;
    display: flex;
    height: 3rem;
    align-items: center;
    border-radius: var(--isu-rotund-full);
    border-bottom: 1px solid color-mix(in srgb, var(--isu-alb) 12%, transparent);
    background-color: color-mix(in srgb, var(--isu-gri-900) 75%, transparent);
    padding: var(--isu-spatiu-1);
    font-size: var(--isu-text-sm);
    font-weight: var(--isu-greutate-mediu);
    margin-bottom: var(--isu-spatiu-6);
}
/* pastila gri — aici stă pe „Înregistrare" (dreapta) */
.isu-inreg-tabs::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: var(--isu-spatiu-1);
    bottom: var(--isu-spatiu-1);
    left: var(--isu-spatiu-1);
    width: calc(50% - var(--isu-spatiu-1));
    background-color: var(--isu-gri-800);
    border-radius: var(--isu-rotund-full);
    border-top: 1px solid color-mix(in srgb, var(--isu-alb) 10%, transparent);
    outline: 1px solid color-mix(in srgb, var(--isu-alb) 4%, transparent);
    outline-offset: -1px;
    transform: translateX(100%);
    transition: transform var(--isu-tranzitie);
}
/* la click pe „Conectare" pastila alunecă înapoi spre stânga */
.isu-inreg-tabs.isu-inreg-spre-conectare::before {
    transform: translateX(0);
}
.isu-inreg-tab {
    position: relative;
    z-index: 1;
    display: inline-flex;
    height: 100%;
    width: 50%;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    transition: color 300ms;
}
.isu-inreg-tab.active { color: var(--isu-alb); }
.isu-inreg-tab-link { color: var(--isu-gri-500) !important; cursor: pointer; }
.isu-inreg-tab-link:hover { color: var(--isu-alb) !important; }
.isu-inreg-tabs.isu-inreg-spre-conectare .isu-inreg-tab.active { color: var(--isu-gri-500); }
.isu-inreg-tabs.isu-inreg-spre-conectare .isu-inreg-tab-link { color: var(--isu-alb) !important; }

/* ---------- Titlu ---------- */
.isu-inreg-title {
    margin: 0 0 0.4rem;
    font-size: var(--isu-text-2xl);
    font-weight: var(--isu-greutate-semi);
    line-height: 1.3;
    color: var(--isu-alb);
}
.isu-inreg-subtitle {
    margin: 0 0 1.75rem;
    font-size: 0.9rem;
    color: color-mix(in srgb, var(--isu-alb) 55%, transparent);
}

/* ---------- Formular ---------- */
.isu-inreg-form {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
}
.isu-inreg-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--isu-spatiu-4);
}
@media (max-width: 540px) {
    .isu-inreg-row { grid-template-columns: 1fr; }
    .isu-inreg-card { padding: var(--isu-spatiu-6) 1.25rem 1.5rem; }
}
.isu-inreg-label {
    display: block;
    margin-bottom: 0.45rem;
    font-size: 0.8rem;
    font-weight: var(--isu-greutate-mediu);
    letter-spacing: 0.01em;
    color: color-mix(in srgb, var(--isu-alb) 75%, transparent);
}
.isu-inreg-input {
    display: block;
    width: 100%;
    height: 3rem;
    padding: 0 var(--isu-spatiu-4);
    border-radius: var(--isu-rotund);
    border: 1px solid color-mix(in srgb, var(--isu-alb) 15%, transparent) !important;
    background-color: color-mix(in srgb, var(--isu-alb) 8%, transparent) !important;
    color: var(--isu-alb) !important;
    font-size: 0.95rem;
    box-shadow: none !important;
    transition: all 300ms;
}
.isu-inreg-input::placeholder { color: color-mix(in srgb, var(--isu-alb) 40%, transparent); }
.isu-inreg-input:hover {
    border-color: color-mix(in srgb, var(--isu-alb) 22%, transparent) !important;
    background-color: color-mix(in srgb, var(--isu-alb) 10%, transparent) !important;
}
.isu-inreg-input:focus {
    outline: none;
    border-color: color-mix(in srgb, var(--isu-alb) 35%, transparent) !important;
    background-color: color-mix(in srgb, var(--isu-alb) 12%, transparent) !important;
}
.isu-inreg-input.is-eroare { border-color: color-mix(in srgb, var(--isu-eroare-500) 80%, transparent) !important; }

.isu-inreg-cif {
    display: flex;
    gap: 0.6rem;
}
.isu-inreg-cif .isu-inreg-input { flex: 1; min-width: 0; }

/* Câmpul CIF în timpul verificării la ANAF: bară de încărcare în interior */
.isu-inreg-cif-camp {
    position: relative;
    flex: 1;
    min-width: 0;
    display: flex;
}
.isu-inreg-cif-camp .isu-inreg-input { flex: 1; }
.isu-inreg-cif-bara {
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
    height: 3px;
    overflow: hidden;
    border-radius: 0 0 var(--isu-rotund) var(--isu-rotund);
    opacity: 0;
    transition: opacity 200ms;
    pointer-events: none;
}
.isu-inreg-cif-bara::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -40%;
    width: 40%;
    background: linear-gradient(to right, transparent, var(--isu-alb), transparent);
    animation: isu-inreg-bara-merge 1.1s ease-in-out infinite;
}
@keyframes isu-inreg-bara-merge {
    from { left: -40%; }
    to   { left: 100%; }
}
.isu-inreg-se-verifica .isu-inreg-cif-bara { opacity: 1; }
.isu-inreg-se-verifica .isu-inreg-input {
    color: color-mix(in srgb, var(--isu-alb) 60%, transparent) !important;
    border-color: color-mix(in srgb, var(--isu-alb) 30%, transparent) !important;
}
/* butonul arată un mic cerc care se rotește */
.isu-inreg-se-verifica .isu-inreg-btn-valideaza {
    opacity: 1 !important;
    display: inline-flex;
    align-items: center;
    gap: var(--isu-spatiu-2);
}
.isu-inreg-se-verifica .isu-inreg-btn-valideaza::before {
    content: "";
    width: 0.9rem;
    height: 0.9rem;
    border: 2px solid color-mix(in srgb, var(--isu-alb) 30%, transparent);
    border-top-color: var(--isu-alb);
    border-radius: 50%;
    animation: isu-inreg-rotire 0.7s linear infinite;
}
@keyframes isu-inreg-rotire { to { transform: rotate(360deg); } }

/* Buton „Validează" — contur alb, discret */
.isu-inreg-btn-valideaza {
    flex-shrink: 0;
    height: 3rem;
    padding: 0 1.25rem;
    border-radius: var(--isu-rotund);
    border: 1px solid color-mix(in srgb, var(--isu-alb) 25%, transparent);
    background: color-mix(in srgb, var(--isu-alb) 10%, transparent);
    color: var(--isu-alb);
    font-size: 0.9rem;
    font-weight: var(--isu-greutate-semi);
    cursor: pointer;
    transition: all 300ms;
}
.isu-inreg-btn-valideaza:hover {
    background: color-mix(in srgb, var(--isu-alb) 18%, transparent);
    border-color: color-mix(in srgb, var(--isu-alb) 40%, transparent);
}
.isu-inreg-btn-valideaza:disabled { opacity: 0.5; pointer-events: none; }

/* Buton principal — alb, ca „Conectare" pe Home */
.isu-inreg-btn-submit {
    width: 100%;
    height: 3rem;
    margin-top: 0.4rem;
    border: none;
    border-radius: var(--isu-rotund);
    background: var(--isu-alb);
    color: var(--isu-gri-800);
    font-size: 0.95rem;
    font-weight: var(--isu-greutate-semi);
    cursor: pointer;
    box-shadow: var(--isu-umbra-xl);
    transition: all 300ms;
}
.isu-inreg-btn-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 25px 50px -12px color-mix(in srgb, var(--isu-gri-900) 35%, transparent);
}
.isu-inreg-btn-submit:disabled {
    opacity: 0.35;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.isu-inreg-nota {
    margin: var(--isu-spatiu-1) 0 0;
    font-size: 0.8rem;
    line-height: 1.5;
    text-align: center;
    color: color-mix(in srgb, var(--isu-alb) 50%, transparent);
}
.isu-inreg-nota--spatiu { margin-top: 1.25rem; }
.isu-inreg-societate { margin-bottom: -0.6rem; }

/* ---------- Mesajele din card (piesa isu-alerta, varianta pe fundal întunecat) ---------- */
.isu-inreg-card .isu-alerta {
    justify-content: center;
    text-align: center;
    margin-bottom: var(--isu-spatiu-4);
    color: var(--isu-alb);
}
.isu-inreg-card .isu-alerta ul { list-style: none; margin: 0; padding: 0; }
.isu-inreg-card .isu-alerta--eroare {
    background: color-mix(in srgb, var(--isu-eroare-500) 12%, transparent);
    border-color: color-mix(in srgb, var(--isu-eroare-500) 30%, transparent);
    color: var(--isu-eroare-margine);
}
.isu-inreg-card .isu-alerta--succes {
    background: color-mix(in srgb, var(--isu-succes-500) 12%, transparent);
    border-color: color-mix(in srgb, var(--isu-succes-500) 30%, transparent);
    color: var(--isu-succes-margine);
}
.isu-inreg-form .isu-alerta { margin-bottom: 0; }
.isu-inreg-card .error-container:empty { display: none; }

/* ---------- Fișa firmei validate la ANAF (desenată de JavaScript) ---------- */
.isu-inreg-firma {
    display: flex;
    flex-direction: column;
    gap: var(--isu-spatiu-4);
    padding: var(--isu-spatiu-5);
    border-radius: var(--isu-rotund);
    border: 1px solid color-mix(in srgb, var(--isu-alb) 12%, transparent);
    background: color-mix(in srgb, var(--isu-alb) 6%, transparent);
}
.isu-inreg-firma-grila { display: grid; grid-template-columns: 1fr 1fr; gap: var(--isu-spatiu-4); }
.isu-inreg-firma-eticheta {
    margin: 0 0 var(--isu-spatiu-1);
    font-size: var(--isu-text-xs);
    color: color-mix(in srgb, var(--isu-alb) 55%, transparent);
}
.isu-inreg-firma-nume {
    margin: 0;
    font-size: var(--isu-text-2xl);
    font-weight: var(--isu-greutate-semi);
    line-height: 1.25;
    color: var(--isu-alb);
}
.isu-inreg-firma-valoare {
    margin: 0;
    font-size: var(--isu-text-base);
    font-weight: var(--isu-greutate-mediu);
    color: var(--isu-alb);
}
.isu-inreg-firma-validata {
    display: flex;
    align-items: center;
    gap: var(--isu-spatiu-2);
    padding-top: var(--isu-spatiu-4);
    border-top: 1px solid color-mix(in srgb, var(--isu-alb) 12%, transparent);
    font-size: var(--isu-text-sm);
    font-weight: var(--isu-greutate-mediu);
    color: var(--isu-succes-500);
}
.isu-inreg-firma-validata svg { width: 16px; height: 16px; flex: none; }
/* rândurile apar pe rând (JavaScript-ul adaugă is-vizibil) */
.isu-inreg-apare {
    opacity: 0;
    transform: scale(0.7);
    transition: opacity .6s cubic-bezier(0.68, -0.55, 0.265, 1.55), transform .6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.isu-inreg-apare.is-vizibil { opacity: 1; transform: scale(1); }

/* ---------- Ecranul de succes ---------- */
.isu-inreg-succes { text-align: center; }
.isu-inreg-succes-icon { width: 4rem; height: 4rem; margin: 0 auto 1.25rem; color: var(--isu-succes-500); }
.isu-inreg-succes .isu-inreg-title { margin-bottom: var(--isu-spatiu-4); }


/* ================================================================
   PANOUL DE CERERI [demo_admin_panel] — completări peste piesele comune
   ================================================================ */
.isu-inreg-cifre { margin-bottom: var(--isu-spatiu-5); }
.isu-inreg-cifra-iconita {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--isu-rotund);
    background: var(--isu-gri-100);
    color: var(--isu-gri-600);
}
.isu-inreg-cifra-iconita svg { width: 24px; height: 24px; }
.isu-inreg-cifra-iconita--avertizare { background: var(--isu-avertizare-fundal); color: var(--isu-avertizare); }
.isu-inreg-cifra-iconita--succes     { background: var(--isu-succes-fundal);     color: var(--isu-succes); }
.isu-inreg-cifra-iconita--info       { background: var(--isu-info-fundal);       color: var(--isu-info); }
.isu-inreg-admin .isu-card-cap { flex-wrap: wrap; }
.isu-inreg-tabel-cadru { overflow-x: auto; }
.isu-inreg-tabel-cadru .isu-tabel td { vertical-align: middle; }
.isu-inreg-admin .isu-tabel .isu-inreg-col-actiuni { text-align: right; }
.isu-inreg-nowrap { white-space: nowrap; }
.isu-inreg-firma-nume-tabel { white-space: nowrap; }


/* ================================================================
   FINALIZAREA CONTULUI [finalizare_cont_prestator]
   ================================================================ */
/* [Agent_869a 2026-10-03] Refăcut: fundal gri pe TOATĂ pagina, card îngust centrat
   pe orizontală și pe verticală, contul afișat ca „persoană", câmpuri una sub alta. */
html:has(body.isu-inreg-fin-pagina),
body.isu-inreg-fin-pagina {
    background: var(--isu-fundal-pagina) !important;
}
body.isu-inreg-fin-pagina .elementor-section,
body.isu-inreg-fin-pagina .e-con,
body.isu-inreg-fin-pagina .e-con-inner,
body.isu-inreg-fin-pagina .elementor-widget-wrap,
body.isu-inreg-fin-pagina .elementor-column,
body.isu-inreg-fin-pagina #page,
body.isu-inreg-fin-pagina .site,
body.isu-inreg-fin-pagina .site-content {
    background: transparent !important;
    --padding-top: 0; --padding-bottom: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    --min-height: 0;
    min-height: 0 !important;
}
.isu-inreg-finalizare {
    min-height: 100vh;
    min-height: 100dvh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--isu-spatiu-3);
    padding: var(--isu-spatiu-6) var(--isu-spatiu-4);
    box-sizing: border-box;
    background: var(--isu-fundal-pagina);
}
/* Badge verde plin: fond verde deschis + text verde închis, fără margine/umbră [Agent_869a 2026-10-03] */
.isu-inreg-finalizare .isu-inreg-fin-eticheta {
    background: var(--isu-succes-100);
    color: var(--isu-succes-800);
    border: 0;
    box-shadow: none;
    padding: 6px 14px;
    font-weight: var(--isu-greutate-semi);
}
.isu-inreg-fin-card {
    width: 100%;
    max-width: 440px;
    padding: var(--isu-spatiu-6);
    box-shadow: var(--isu-umbra-lg);
    display: flex;
    flex-direction: column;
    gap: var(--isu-spatiu-5);
    box-sizing: border-box;
}
/* Selector întărit + !important: o regulă generală a temei pentru <img> (height:auto)
   lăsa logo-ul la mărimea lui naturală, 204px. [Agent_869a 2026-10-03] */
.isu-inreg-finalizare img.isu-inreg-fin-logo {
    display: block;
    height: 100px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 auto;
}
.isu-inreg-fin-antet {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--isu-spatiu-2);
    text-align: center;
}
.isu-inreg-fin-titlu {
    margin: var(--isu-spatiu-1) 0 0;
    font-size: var(--isu-text-2xl);
    font-weight: var(--isu-greutate-semi);
    line-height: 1.25;
    color: var(--isu-text);
}
.isu-inreg-fin-subtitlu {
    margin: 0;
    font-size: var(--isu-text-sm);
    color: var(--isu-text-slab);
    line-height: 1.5;
}
.isu-inreg-fin-iconita {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
}
.isu-inreg-fin-iconita svg { width: 28px; height: 28px; }
.isu-inreg-fin-iconita--eroare { background: var(--isu-eroare-fundal); color: var(--isu-eroare); }

/* Contul care se creează: inițiale + nume + email, una sub alta */
.isu-inreg-fin-cont {
    display: flex;
    flex-direction: column;
    padding: 0 var(--isu-spatiu-4);
    background: var(--isu-gri-50);
    border: 1px solid var(--isu-margine);
    border-radius: var(--isu-rotund);
}
.isu-inreg-fin-avatar {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--isu-principal-100);
    color: var(--isu-principal-700);
    font-size: var(--isu-text-sm);
    font-weight: var(--isu-greutate-semi);
}
/* Fiecare rând (firma, apoi persoana), despărțite de o linie [Agent_869a 2026-10-03] */
.isu-inreg-fin-cont-rand {
    display: flex;
    align-items: center;
    gap: var(--isu-spatiu-3);
    padding: var(--isu-spatiu-3) 0;
}
.isu-inreg-fin-cont-rand + .isu-inreg-fin-cont-rand { border-top: 1px solid var(--isu-margine); }
.isu-inreg-fin-avatar--firma {
    border-radius: var(--isu-rotund);
    background: var(--isu-gri-200);
    color: var(--isu-text-normal);
}
.isu-inreg-fin-avatar--firma svg { width: 22px; height: 22px; }
/* Numele firmei pe un singur rând; prea lung → „..." (numele întreg la hover) */
.isu-inreg-fin-trunchiat {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.isu-inreg-fin-cont-detaliu {
    font-size: var(--isu-text-xs);
    color: var(--isu-text-slab);
    line-height: 1.45;
}
.isu-inreg-fin-cont-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.isu-inreg-fin-cont-nume {
    font-weight: var(--isu-greutate-semi);
    color: var(--isu-text);
}
.isu-inreg-fin-cont-email {
    font-size: var(--isu-text-sm);
    color: var(--isu-text-slab);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.isu-inreg-fin-form {
    display: flex;
    flex-direction: column;
    gap: var(--isu-spatiu-4);
}
.isu-inreg-fin-form .isu-buton { margin-top: var(--isu-spatiu-1); }
.isu-inreg-fin-nota {
    margin: 0;
    text-align: center;
    font-size: var(--isu-text-xs);
    color: var(--isu-text-slab);
    line-height: 1.5;
}
.isu-inreg-fin-card .isu-alerta { margin: 0; }
@media (max-width: 480px) {
    .isu-inreg-fin-card { padding: var(--isu-spatiu-5) var(--isu-spatiu-4); }
}
.isu-inreg-lat { width: 100%; }
.isu-inreg-centru { text-align: center; }
.isu-inreg-final-ok { padding: var(--isu-spatiu-4) 0; }
.isu-inreg-succes-iconita {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--isu-succes-fundal);
    color: var(--isu-succes);
}
.isu-inreg-succes-iconita svg { width: 36px; height: 36px; }
.isu-inreg-final-ok .isu-alerta { text-align: left; }

/* --- Finalizare: parola (ochi, reguli live, stare) [Agent_869a 2026-10-03] --- */
.isu-inreg-fin-parola { position: relative; }
.isu-inreg-fin-parola .isu-input { width: 100%; padding-right: 44px; box-sizing: border-box; }
.isu-inreg-fin-ochi {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: var(--isu-rotund-sm);
    background: transparent;
    color: var(--isu-text-slab);
    cursor: pointer;
}
.isu-inreg-fin-ochi:hover { color: var(--isu-text); background: var(--isu-gri-100); }
.isu-inreg-fin-ochi svg { width: 20px; height: 20px; }
.isu-inreg-fin-ochi .isu-inreg-fin-ochi-inchis { display: none; }
.isu-inreg-fin-ochi--vizibil .isu-inreg-fin-ochi-deschis { display: none; }
.isu-inreg-fin-ochi--vizibil .isu-inreg-fin-ochi-inchis { display: block; }

.isu-inreg-fin-reguli {
    list-style: none;
    margin: var(--isu-spatiu-2) 0 0;
    padding: 0;
    display: grid;
    /* două jumătăți egale, dar niciuna mai îngustă decât textul ei (fără rupere de rând) */
    grid-template-columns: repeat(2, minmax(max-content, 1fr));
    gap: var(--isu-spatiu-1) var(--isu-spatiu-6);
    font-size: var(--isu-text-xs);
    color: var(--isu-text-slab);
}
.isu-inreg-fin-reguli[hidden], .isu-inreg-fin-stare[hidden] { display: none; }
.isu-inreg-fin-reguli li,
.isu-inreg-fin-stare {
    display: flex;
    white-space: nowrap;
    align-items: center;
    gap: 6px;
    line-height: 1.4;
    transition: color var(--isu-tranzitie-rapida);
}
/* cerculeț gol → bifă verde */
.isu-inreg-fin-reguli li::before,
.isu-inreg-fin-stare::before {
    content: "";
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1.5px solid var(--isu-gri-300);
    box-sizing: border-box;
}
.isu-inreg-fin-reguli li.isu-inreg-fin-regula--ok,
.isu-inreg-fin-stare--ok { color: var(--isu-succes); }
.isu-inreg-fin-reguli li.isu-inreg-fin-regula--ok::before,
.isu-inreg-fin-stare--ok::before {
    border-color: var(--isu-succes);
    background: var(--isu-succes) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center / 10px no-repeat;
}
.isu-inreg-fin-stare { margin-top: var(--isu-spatiu-2); font-size: var(--isu-text-xs); font-weight: var(--isu-greutate-mediu); }
.isu-inreg-fin-stare--nu { color: var(--isu-eroare); }
.isu-inreg-fin-stare--nu::before { border-color: var(--isu-eroare); }
.isu-inreg-fin-form .isu-buton:disabled { opacity: .5; cursor: not-allowed; }
@media (max-width: 420px) { .isu-inreg-fin-reguli { grid-template-columns: 1fr; } }