/* /Components/Layout/BaraSus.razor.rz.scp.css */
.bara-sus[b-9p7c6lspjs] {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
    padding: 8px 20px; background: #fff; border-bottom: 2px solid #C9DCE5;
    font-family: "Baloo 2", system-ui, sans-serif;
    position: sticky; top: 0; z-index: 100;            /* rămâne sus, pagina trece pe sub ea */
    box-shadow: 0 2px 8px rgba(30, 46, 56, .08);       /* o umbră fină, ca să se vadă că e deasupra */
}
.sigla[b-9p7c6lspjs] { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 1.35rem; color: #1F5F7A; text-decoration: none; }
.sigla:hover[b-9p7c6lspjs] { opacity: .85; }

.legaturi[b-9p7c6lspjs] { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }

/* NavLink e o componentă: stilul ajunge la <a>-ul ei prin ::deep */
.legaturi[b-9p7c6lspjs]  .legatura {
    display: inline-flex; align-items: center; min-height: 40px; padding: 4px 14px;
    border-radius: 999px; color: #1F5F7A; font-weight: 700; text-decoration: none;
}
.legaturi[b-9p7c6lspjs]  .legatura:hover { background: #E3EEF3; }
.legaturi[b-9p7c6lspjs]  .legatura.active { background: #E3EEF3; }          /* pagina curentă */
.legaturi[b-9p7c6lspjs]  .legatura.principala { background: #F4B942; color: #1E2E38; }
.legaturi[b-9p7c6lspjs]  .legatura.principala:hover { background: #E9A92C; }
.legaturi[b-9p7c6lspjs]  .legatura.discreta { color: #4A5D69; border: 2px solid #C9DCE5; }

.sigla:focus-visible[b-9p7c6lspjs], .legaturi[b-9p7c6lspjs]  .legatura:focus-visible { outline: 3px solid #2C7DA0; outline-offset: 2px; }

@media (max-width: 560px) { .bara-sus[b-9p7c6lspjs] { justify-content: center; } }
.eticheta-test[b-9p7c6lspjs] {
    padding: 4px 14px;
    border-radius: 999px;
    background: #B42318;
    color: #fff;
    font-weight: 800;
    font-size: .9rem;
    text-decoration: none;
    letter-spacing: .02em;
}

    .eticheta-test:hover[b-9p7c6lspjs] {
        background: #8F1C13;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.astro[b-cv2jwqxzwo] {
    min-height: 100vh;
    background: #F7FBFD;
}
/* /Components/Layout/Paginapublica.razor.rz.scp.css */
/* Culorile și fontul Astrodemia, comune paginilor publice */
.astro[b-3ufm79iv28] {
    --sea: #2C7DA0;
    --sea-deep: #1F5F7A;
    --leaf: #3E9B5E;
    --bird: #F4B942;
    --ink: #1E2E38;
    --ink-soft: #4A5D69;
    --paper: #F7FBFD;
    --card: #FFFFFF;
    --line: #C9DCE5;
    --night: #14233F;
    --night-deep: #0C1730;
    --star: #FFD966;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--paper);
    color: var(--ink);
    font-family: "Baloo 2", system-ui, "Segoe UI", sans-serif;
    font-size: 18px;
    line-height: 1.5;
}

main[b-3ufm79iv28] {
    flex: 1;
}

/* ---- antetul ---- */
.antet[b-3ufm79iv28] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 14px 20px;
}

.marca[b-3ufm79iv28] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ink);
    text-decoration: none;
    font-weight: 800;
    font-size: 1.5rem;
}

    .marca img[b-3ufm79iv28] {
        border-radius: 10px;
    }

/* ---- butoane, folosite și în pagini ---- */
.astro[b-3ufm79iv28]  .buton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 8px 22px;
    border-radius: 999px;
    font-weight: 700;
    text-decoration: none;
    border: 2px solid transparent;
    transition: transform .15s, background .15s;
}

    .astro[b-3ufm79iv28]  .buton:active {
        transform: scale(.97);
    }

    .astro[b-3ufm79iv28]  .buton.principal {
        background: var(--bird);
        color: var(--ink);
    }

        .astro[b-3ufm79iv28]  .buton.principal:hover {
            background: #F7C964;
        }

    .astro[b-3ufm79iv28]  .buton.secundar {
        background: transparent;
        color: inherit;
        border-color: currentColor;
    }

.astro[b-3ufm79iv28]  a:focus-visible {
    outline: 3px solid var(--sea);
    outline-offset: 3px;
}

/* ---- subsolul ---- */
.subsol[b-3ufm79iv28] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 24px 20px;
    border-top: 2px solid var(--line);
    color: var(--ink-soft);
    font-size: .95rem;
}

    .subsol p[b-3ufm79iv28] {
        margin: 0;
    }

    .subsol nav[b-3ufm79iv28] {
        display: flex;
        gap: 18px;
    }

    .subsol a[b-3ufm79iv28] {
        color: var(--ink-soft);
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ge247utpt0],
.components-reconnect-repeated-attempt-visible[b-ge247utpt0],
.components-reconnect-failed-visible[b-ge247utpt0],
.components-pause-visible[b-ge247utpt0],
.components-resume-failed-visible[b-ge247utpt0],
.components-rejoining-animation[b-ge247utpt0] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ge247utpt0],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-ge247utpt0],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ge247utpt0],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ge247utpt0],
#components-reconnect-modal.components-reconnect-retrying[b-ge247utpt0],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ge247utpt0],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-ge247utpt0],
#components-reconnect-modal.components-reconnect-failed[b-ge247utpt0],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ge247utpt0] {
    display: block;
}


#components-reconnect-modal[b-ge247utpt0] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ge247utpt0 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-ge247utpt0 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-ge247utpt0 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-ge247utpt0]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-ge247utpt0 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-ge247utpt0 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-ge247utpt0 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-ge247utpt0 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-ge247utpt0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-ge247utpt0] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-ge247utpt0] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-ge247utpt0] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-ge247utpt0] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-ge247utpt0] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-ge247utpt0] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-ge247utpt0 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-ge247utpt0] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-ge247utpt0 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Abonament.razor.rz.scp.css */
.pagina[b-68gslubqt3] {
    max-width: 760px;
    margin: 0 auto;
    padding: 24px 16px;
    font-family: "Baloo 2", system-ui, sans-serif;
}

h1[b-68gslubqt3] {
    font-weight: 800;
    color: #1F5F7A;
}

.card[b-68gslubqt3] {
    background: #fff;
    border: 2px solid #C9DCE5;
    border-radius: 18px;
    padding: 20px 24px;
    margin: 16px 0;
}

    .card h2[b-68gslubqt3] {
        font-weight: 800;
        margin: 0 0 10px;
        font-size: 1.3rem;
    }

.gol[b-68gslubqt3] {
    color: #4A5D69;
}

.mic[b-68gslubqt3] {
    display: block;
    color: #4A5D69;
    font-size: .9rem;
}

.lista[b-68gslubqt3] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .lista li[b-68gslubqt3] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        padding: 10px 0;
        border-bottom: 1px dashed #C9DCE5;
    }

.copil[b-68gslubqt3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .copil img[b-68gslubqt3] {
        border-radius: 50%;
        object-fit: cover;
    }

.initiala[b-68gslubqt3] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFD966;
    color: #1E2E38;
    font-weight: 800;
}

.stare[b-68gslubqt3] {
    flex: none;
    padding: 2px 12px;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
}

    .stare.activ[b-68gslubqt3] {
        background: #D8EFE0;
        color: #2E7A49;
    }

    .stare.atentie[b-68gslubqt3] {
        background: #FDECEA;
        color: #B42318;
    }

    .stare.incheiat[b-68gslubqt3], .stare.neinclus[b-68gslubqt3] {
        background: #EEF2F5;
        color: #4A5D69;
    }

.rand-cod[b-68gslubqt3] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

[b-68gslubqt3] .camp-cod {
    width: 8em;
    min-height: 48px;
    padding: 4px 12px;
    border: 2px solid #C9DCE5;
    border-radius: 12px;
    font: inherit;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.buton[b-68gslubqt3] {
    min-height: 48px;
    padding: 8px 24px;
    border-radius: 999px;
    border: none;
    background: #F4B942;
    color: #1E2E38;
    font-weight: 700;
}

.eroare[b-68gslubqt3], [b-68gslubqt3] .validation-message {
    color: #B42318;
    font-weight: 700;
}

.reusit[b-68gslubqt3] {
    color: #2E7A49;
    font-weight: 700;
}

.optiuni[b-68gslubqt3] {
    border: none;
    padding: 0;
    margin: 0 0 16px;
}

    .optiuni legend[b-68gslubqt3] {
        font-weight: 800;
        margin-bottom: 6px;
    }

    .optiuni label[b-68gslubqt3] {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 44px;
    }

    .optiuni input[b-68gslubqt3] {
        width: 20px;
        height: 20px;
    }
.info[b-68gslubqt3] {
    background: #E3EEF3;
    color: #1F5F7A;
    border-radius: 12px;
    padding: 12px 16px;
    font-weight: 600;
}
.portal[b-68gslubqt3] {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.buton.secundar[b-68gslubqt3] {
    background: #fff;
    border: 2px solid #2C7DA0;
    color: #1F5F7A;
}
/* /Components/Pages/AdaugaCopil.razor.rz.scp.css */
.adauga[b-p20ncywa0d] {
    max-width: 760px;
    margin: 0 auto;
    padding: 24px 16px;
    font-family: "Baloo 2", system-ui, sans-serif;
}

h1[b-p20ncywa0d] {
    font-weight: 800;
    color: #1F5F7A;
}

.camp[b-p20ncywa0d] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0 0 18px;
}

    .camp label[b-p20ncywa0d] {
        font-weight: 700;
    }

[b-p20ncywa0d] .camp input {
    min-height: 44px;
    padding: 6px 12px;
    border: 2px solid #C9DCE5;
    border-radius: 12px;
    font: inherit;
}

.camp small[b-p20ncywa0d] {
    color: #4A5D69;
}

.acord[b-p20ncywa0d] {
    background: #F1F6F9;
    border: 2px solid #C9DCE5;
    border-radius: 16px;
    padding: 4px 20px 12px;
    margin: 8px 0 16px;
}

    .acord summary[b-p20ncywa0d] {
        cursor: pointer;
        font-weight: 700;
        color: #2C7DA0;
    }

.bifa[b-p20ncywa0d] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin: 12px 0;
}

[b-p20ncywa0d] .bifa input {
    width: 24px;
    height: 24px;
    margin-top: 3px;
    flex: none;
}

.eroare[b-p20ncywa0d] {
    color: #B42318;
    font-weight: 700;
}

.buton[b-p20ncywa0d] {
    min-height: 48px;
    padding: 8px 24px;
    border-radius: 999px;
    border: none;
    background: #F4B942;
    color: #1E2E38;
    font-weight: 700;
    margin-top: 8px;
}

[b-p20ncywa0d] .validation-message {
    color: #B42318;
}
/* /Components/Pages/Dispozitive.razor.rz.scp.css */
.dispozitive[b-90lg0oe4ql] {
    max-width: 760px;
    margin: 0 auto;
    padding: 24px 16px;
    font-family: "Baloo 2", system-ui, sans-serif;
}

h1[b-90lg0oe4ql] {
    font-weight: 800;
    color: #1F5F7A;
}

.card[b-90lg0oe4ql] {
    background: #fff;
    border: 2px solid #C9DCE5;
    border-radius: 18px;
    padding: 20px 24px;
    margin: 16px 0;
}

    .card h2[b-90lg0oe4ql] {
        font-weight: 800;
        margin: 0 0 8px;
        font-size: 1.3rem;
    }

.mic[b-90lg0oe4ql] {
    display: block;
    color: #4A5D69;
    font-size: .95rem;
}

.camp[b-90lg0oe4ql] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 14px 0;
}

    .camp label[b-90lg0oe4ql] {
        font-weight: 700;
    }

[b-90lg0oe4ql] .camp input {
    min-height: 44px;
    padding: 6px 12px;
    border: 2px solid #C9DCE5;
    border-radius: 12px;
    font: inherit;
}

    [b-90lg0oe4ql] .camp input.cod {
        max-width: 180px;
        font-size: 1.5rem;
        font-weight: 800;
        letter-spacing: .15em;
        text-transform: uppercase;
    }

.buton[b-90lg0oe4ql] {
    min-height: 48px;
    padding: 8px 24px;
    border-radius: 999px;
    border: none;
    background: #F4B942;
    color: #1E2E38;
    font-weight: 700;
}

.eroare[b-90lg0oe4ql] {
    color: #B42318;
    font-weight: 700;
}

.succes[b-90lg0oe4ql] {
    color: #2E7A49;
    font-weight: 700;
}

.gol[b-90lg0oe4ql] {
    color: #4A5D69;
}

.lista[b-90lg0oe4ql] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .lista li[b-90lg0oe4ql] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        padding: 10px 0;
        border-bottom: 1px dashed #C9DCE5;
    }

.deconecteaza[b-90lg0oe4ql] {
    flex: none;
    min-height: 40px;
    padding: 4px 16px;
    border-radius: 999px;
    border: 2px solid #E4B4AE;
    background: #fff;
    color: #B42318;
    font-weight: 700;
}

[b-90lg0oe4ql] .validation-message {
    color: #B42318;
}
[b-90lg0oe4ql] .camp select {
    min-height: 44px;
    max-width: 240px;
    padding: 6px 12px;
    border: 2px solid #C9DCE5;
    border-radius: 12px;
    font: inherit;
    background: #fff;
}

.cod-mare[b-90lg0oe4ql] {
    font-size: 2.6rem;
    font-weight: 800;
    letter-spacing: .15em;
    color: #1F5F7A;
    margin: 8px 0 0;
}

.panou[b-90lg0oe4ql] {
    background: #fff;
    border: 2px solid #C9DCE5;
    border-radius: 18px;
    padding: 0 24px;
    margin: 12px 0;
}

.panou[open][b-90lg0oe4ql] {
    padding-bottom: 20px;
}

.panou summary[b-90lg0oe4ql] {
    cursor: pointer;
    list-style: none;
    padding: 16px 0;
    font-weight: 800;
    font-size: 1.1rem;
    color: #1F5F7A;
}

.panou summary[b-90lg0oe4ql]::-webkit-details-marker {
    display: none;
}

.panou summary[b-90lg0oe4ql]::before {
    content: "＋ ";
}

.panou[open] summary[b-90lg0oe4ql]::before {
    content: "－ ";
}

[b-90lg0oe4ql] .camp small {
    color: #4A5D69;
}
/* /Components/Pages/Familia.razor.rz.scp.css */
.familia[b-bpsy08i1ii] {
    max-width: 760px;
    margin: 0 auto;
    padding: 24px 16px;
    font-family: "Baloo 2", system-ui, sans-serif;
}

h1[b-bpsy08i1ii] {
    font-weight: 800;
    color: #1F5F7A;
}

.card[b-bpsy08i1ii] {
    background: #fff;
    border: 2px solid #C9DCE5;
    border-radius: 18px;
    padding: 20px 24px;
    margin: 16px 0;
}

h2[b-bpsy08i1ii] {
    font-weight: 800;
    margin: 0 0 12px;
}

h3[b-bpsy08i1ii] {
    font-size: 1rem;
    font-weight: 700;
    color: #4A5D69;
    margin: 16px 0 6px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.membri[b-bpsy08i1ii] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .membri li[b-bpsy08i1ii] {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
        border-bottom: 1px dashed #C9DCE5;
    }

.rol[b-bpsy08i1ii] {
    color: #4A5D69;
}

.gol[b-bpsy08i1ii] {
    color: #4A5D69;
    margin: 0 0 10px;
}

.buton[b-bpsy08i1ii] {
    min-height: 44px;
    padding: 6px 18px;
    border-radius: 999px;
    border: 2px solid #C9DCE5;
    background: #F7FBFD;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

    .buton:disabled[b-bpsy08i1ii] {
        opacity: .6;
        cursor: default;
    }

.iesire[b-bpsy08i1ii] {
    margin-top: 24px;
}
.copii[b-bpsy08i1ii] {
    list-style: none;
    padding: 0;
    margin: 0 0 12px;
}

.copii li[b-bpsy08i1ii] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px dashed #C9DCE5;
}

.copii .nume[b-bpsy08i1ii] {
    flex: 1;
    font-weight: 700;
}

.avatar[b-bpsy08i1ii] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFD966;
    color: #1E2E38;
    font-weight: 800;
    font-size: 1.1rem;
}
.avatar-img[b-bpsy08i1ii] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #FFD966;
    flex: none;
    object-fit: cover;
}
/* /Components/Pages/Ghid.razor.rz.scp.css */
.ghid[b-h7fbkpefi5] { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; font-family: "Baloo 2", system-ui, sans-serif; color: #1E2E38; }
.ghid h1[b-h7fbkpefi5] { font-weight: 800; color: #1F5F7A; }
.intro[b-h7fbkpefi5] { color: #4A5D69; font-size: 1.1rem; }

/* cuprinsul */
.cuprins[b-h7fbkpefi5] { list-style: none; padding: 0; margin: 16px 0; display: grid; gap: 10px; }
.cuprins a[b-h7fbkpefi5], .cuprins .curand[b-h7fbkpefi5] { display: flex; flex-direction: column; gap: 2px; padding: 14px 18px;
    border: 2px solid #C9DCE5; border-radius: 16px; background: #fff; text-decoration: none; color: inherit; }
.cuprins a:hover[b-h7fbkpefi5] { border-color: #2C7DA0; }
.cuprins a strong[b-h7fbkpefi5] { color: #1F5F7A; font-size: 1.1rem; }
.cuprins span[b-h7fbkpefi5] { color: #4A5D69; }
.cuprins .curand[b-h7fbkpefi5] { opacity: .6; }

/* textul unei secțiuni (vine din Markdown, deci are nevoie de ::deep) */
.text[b-h7fbkpefi5] { line-height: 1.6; font-size: 1.05rem; }
.text[b-h7fbkpefi5]  h1 { margin-top: 8px; }
.text[b-h7fbkpefi5]  h2 { font-weight: 800; color: #1F5F7A; margin: 28px 0 8px; font-size: 1.35rem; }
.text[b-h7fbkpefi5]  ul, .text[b-h7fbkpefi5]  ol { padding-left: 1.4em; }
.text[b-h7fbkpefi5]  li { margin: 4px 0; }
.text[b-h7fbkpefi5]  a { color: #2C7DA0; font-weight: 600; }
.text[b-h7fbkpefi5]  strong { color: #1E2E38; }

/* pagina anterioară / următoare */
.vecini[b-h7fbkpefi5] { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 36px;
    padding-top: 16px; border-top: 2px dashed #C9DCE5; }
/* /Components/Pages/Home.razor.rz.scp.css */
/* ---- mesajul principal: cer de noapte ---- */
.erou[b-329m5qn36w] { background: linear-gradient(180deg, var(--night) 0%, var(--night-deep) 100%); color: #F2F6FA; }
.erou-interior[b-329m5qn36w] {
    display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 32px;
    max-width: 1100px; margin: 0 auto; padding: 56px 20px 64px;
}
h1[b-329m5qn36w] { font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1.1; font-weight: 800; margin: 0 0 16px; }
.subtitlu[b-329m5qn36w] { font-size: 1.2rem; color: #C9D6E3; max-width: 34ch; margin: 0 0 28px; }
.actiuni[b-329m5qn36w] { display: flex; flex-wrap: wrap; gap: 12px; }

.erou-imagine[b-329m5qn36w] { position: relative; }
.constelatie[b-329m5qn36w] { width: 100%; height: auto; display: block; }
.linii line[b-329m5qn36w] { stroke: var(--star); stroke-width: 2; opacity: .6; }
.linii line.stinsa[b-329m5qn36w] { stroke: #5B6B8C; stroke-dasharray: 4 6; opacity: 1; }
circle.aprinsa[b-329m5qn36w] { fill: var(--star); }
circle.deschisa[b-329m5qn36w] { fill: #fff; filter: drop-shadow(0 0 8px var(--star)); }
circle.stinsa[b-329m5qn36w] { fill: #5B6B8C; }
.ghid[b-329m5qn36w] { position: absolute; left: 50%; bottom: -10px; width: 34%; height: auto; }

/* ---- secțiunile ---- */
.sectiune[b-329m5qn36w] { max-width: 1100px; margin: 0 auto; padding: 56px 20px; }
.alternativa[b-329m5qn36w] { max-width: none; background: #EAF4F8; padding-inline: max(20px, calc((100% - 1060px) / 2)); }
h2[b-329m5qn36w] { font-size: clamp(1.6rem, 3.5vw, 2.2rem); font-weight: 800; margin: 0 0 28px; }
h3[b-329m5qn36w] { font-size: 1.2rem; font-weight: 800; margin: 0 0 6px; }
p[b-329m5qn36w] { margin: 0; }

/* trei pași */
.pasi[b-329m5qn36w] { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.pasi li[b-329m5qn36w] { background: var(--card); border: 2px solid var(--line); border-radius: 20px; padding: 22px; }
.nr[b-329m5qn36w] {
    display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-bottom: 10px;
    border-radius: 50%; background: var(--star); color: var(--ink); font-weight: 800;
}
.pasi p[b-329m5qn36w], .carduri p[b-329m5qn36w] { color: var(--ink-soft); }

/* carduri */
.carduri[b-329m5qn36w] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.carduri article[b-329m5qn36w] { background: var(--card); border-radius: 18px; padding: 20px; border-top: 6px solid var(--sea); }

/* siguranța */
.siguranta[b-329m5qn36w] { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; max-width: 640px; }
.siguranta li[b-329m5qn36w] { position: relative; padding-left: 36px; font-size: 1.1rem; }
.siguranta li[b-329m5qn36w]::before {
    content: "✓"; position: absolute; left: 0; top: 2px; width: 26px; height: 26px; border-radius: 50%;
    background: var(--leaf); color: #fff; font-weight: 800; font-size: .9rem;
    display: flex; align-items: center; justify-content: center;
}

/* ---- ecrane mai mici ---- */
@media (max-width: 900px) {
    .carduri[b-329m5qn36w] { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
    .erou-interior[b-329m5qn36w] { grid-template-columns: 1fr; padding: 36px 20px 48px; }
    .erou-imagine[b-329m5qn36w] { max-width: 360px; }
    .pasi[b-329m5qn36w], .carduri[b-329m5qn36w] { grid-template-columns: 1fr; }
}


/* /Components/Pages/Student.razor.rz.scp.css */
.fisa[b-ybcgrfbqq0] {
    max-width: 760px;
    margin: 0 auto;
    padding: 24px 16px;
    font-family: "Baloo 2", system-ui, sans-serif;
}

.antet[b-ybcgrfbqq0] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 8px 0 16px;
}

    .antet h1[b-ybcgrfbqq0] {
        margin: 0;
        font-weight: 800;
        color: #1F5F7A;
    }

.detalii[b-ybcgrfbqq0] {
    margin: 0;
    color: #4A5D69;
}

.avatar[b-ybcgrfbqq0] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFD966;
    color: #1E2E38;
    font-weight: 800;
    font-size: 1.8rem;
}

.card[b-ybcgrfbqq0] {
    background: #fff;
    border: 2px solid #C9DCE5;
    border-radius: 18px;
    padding: 20px 24px;
    margin: 16px 0;
}

    .card h2[b-ybcgrfbqq0] {
        font-weight: 800;
        margin: 0 0 10px;
        font-size: 1.3rem;
    }

.gol[b-ybcgrfbqq0] {
    color: #4A5D69;
}

.buton[b-ybcgrfbqq0] {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding: 8px 24px;
    border-radius: 999px;
    background: #F4B942;
    color: #1E2E38;
    font-weight: 700;
    text-decoration: none;
}

.acorduri[b-ybcgrfbqq0] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .acorduri li[b-ybcgrfbqq0] {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 0;
        border-bottom: 1px dashed #C9DCE5;
    }

.mic[b-ybcgrfbqq0] {
    display: block;
    color: #4A5D69;
    font-size: .9rem;
}

.stare[b-ybcgrfbqq0] {
    flex: none;
    align-self: center;
    padding: 2px 12px;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
}

    .stare.activ[b-ybcgrfbqq0] {
        background: #D8EFE0;
        color: #2E7A49;
    }

    .stare.retras[b-ybcgrfbqq0] {
        background: #EEF2F5;
        color: #4A5D69;
    }
    .modifica[b-ybcgrfbqq0] {
        font-size: .95rem;
        color: #2C7DA0;
    }
    .parola[b-ybcgrfbqq0] {
        display: flex;
        gap: 12px;
        margin: 4px 0 12px;
    }

    .parola img[b-ybcgrfbqq0] {
        border-radius: 14px;
        border: 2px solid #C9DCE5;
    }
    .avatar-img[b-ybcgrfbqq0] {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        border: 3px solid #FFD966;
        flex: none;
        object-fit: cover;
    }

    .modifica[b-ybcgrfbqq0] {
        margin-right: 12px;
    }
/* cerurile copilului */
.ceruri[b-ybcgrfbqq0] {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
}

.cer[b-ybcgrfbqq0] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px 12px;
    padding: 12px 0;
    border-bottom: 1px dashed #C9DCE5;
    color: inherit;
    text-decoration: none;
}

    .cer:hover .nume-cer[b-ybcgrfbqq0] {
        color: #2C7DA0;
    }

.nume-cer[b-ybcgrfbqq0] {
    font-weight: 800;
    font-size: 1.1rem;
}

    .nume-cer .mic[b-ybcgrfbqq0] {
        display: inline;
        font-weight: 400;
        font-size: .9rem;
        color: #4A5D69;
    }

.eticheta-cer[b-ybcgrfbqq0] {
    align-self: center;
    padding: 2px 12px;
    border-radius: 999px;
    font-weight: 700;
    font-size: .85rem;
    background: #EEF2F5;
    color: #4A5D69;
}

    .eticheta-cer.in-lucru[b-ybcgrfbqq0] {
        background: #E3EEF3;
        color: #1F5F7A;
    }

    .eticheta-cer.terminat[b-ybcgrfbqq0] {
        background: #FFF1C9;
        color: #8A5A00;
    }

.bara-cer[b-ybcgrfbqq0] {
    grid-column: 1 / -1;
    height: 10px;
    border-radius: 999px;
    background: #E3EEF3;
    overflow: hidden;
}

    .bara-cer span[b-ybcgrfbqq0] {
        display: block;
        height: 100%;
        background: #F4B942;
    }

.cer > .mic[b-ybcgrfbqq0] {
    grid-column: 1 / -1;
    color: #4A5D69;
    font-size: .9rem;
}
/* /Components/Pages/StudentAvatar.razor.rz.scp.css */
.adauga[b-n6uyfnydv0] {
    max-width: 760px;
    margin: 0 auto;
    padding: 24px 16px;
    font-family: "Baloo 2", system-ui, sans-serif;
}

h1[b-n6uyfnydv0] {
    font-weight: 800;
    color: #1F5F7A;
}

.mic[b-n6uyfnydv0] {
    color: #4A5D69;
}

/* 4 coloane pe ecranele late, 3 pe cele înguste */
.alegere[b-n6uyfnydv0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    border: 2px solid #C9DCE5;
    border-radius: 16px;
    padding: 8px 12px 12px;
    margin: 0 0 16px;
}

    .alegere legend[b-n6uyfnydv0] {
        font-weight: 800;
        padding: 0 6px;
    }

@media (max-width: 480px) {
    .alegere[b-n6uyfnydv0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.imagine[b-n6uyfnydv0] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    font-size: .9rem;
}

    .imagine img[b-n6uyfnydv0] {
        width: 100%;
        max-width: 88px;
        height: auto;
        border-radius: 50%;
        border: 4px solid transparent;
    }

[b-n6uyfnydv0] .imagine input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}

    [b-n6uyfnydv0] .imagine input:checked + img {
        border-color: #F4B942;
        box-shadow: 0 0 0 3px #FFE7A8;
    }

    [b-n6uyfnydv0] .imagine input:focus-visible + img {
        outline: 3px solid #2C7DA0;
    }

[b-n6uyfnydv0] .alegere .validation-message {
    grid-column: 1 / -1;
}

.eroare[b-n6uyfnydv0] {
    color: #B42318;
    font-weight: 700;
}

[b-n6uyfnydv0] .validation-message {
    color: #B42318;
}

.buton[b-n6uyfnydv0] {
    min-height: 48px;
    padding: 8px 24px;
    border-radius: 999px;
    border: none;
    background: #F4B942;
    color: #1E2E38;
    font-weight: 700;
    margin-top: 8px;
}

.anuleaza[b-n6uyfnydv0] {
    margin-left: 16px;
    color: #4A5D69;
}
/* avatarele alese de frați */
.imagine.luat[b-n6uyfnydv0] {
    cursor: not-allowed;
}

.imagine.luat img[b-n6uyfnydv0] {
    opacity: .35;
    filter: grayscale(1);
}

.imagine.luat span[b-n6uyfnydv0] {
    font-weight: 700;
    color: #4A5D69;
}
/* /Components/Pages/StudentCer.razor.rz.scp.css */
.fisa[b-fk1t47cwhe] { max-width: 760px; margin: 0 auto; padding: 24px 16px; font-family: "Baloo 2", system-ui, sans-serif; }
.antet[b-fk1t47cwhe] { margin: 8px 0 16px; }
.antet h1[b-fk1t47cwhe] { margin: 0; font-weight: 800; color: #1F5F7A; }
.detalii[b-fk1t47cwhe] { margin: 0; color: #4A5D69; }
.card[b-fk1t47cwhe] { background: #fff; border: 2px solid #C9DCE5; border-radius: 18px; padding: 20px 24px; margin: 16px 0; }
.card h2[b-fk1t47cwhe] { font-weight: 800; margin: 0 0 10px; font-size: 1.3rem; }
.gol[b-fk1t47cwhe], .mic[b-fk1t47cwhe] { color: #4A5D69; }
.mic[b-fk1t47cwhe] { display: block; font-size: .9rem; }

/* pe scurt, în numere */
.numere[b-fk1t47cwhe] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; text-align: center; }
.numere strong[b-fk1t47cwhe] { display: block; font-size: 1.8rem; font-weight: 800; color: #1F5F7A; }
.numere span[b-fk1t47cwhe] { color: #4A5D69; font-size: .9rem; }
.numere .bara[b-fk1t47cwhe] { grid-column: 1 / -1; height: 12px; border-radius: 999px; background: #E3EEF3; overflow: hidden; }
.numere .bara span[b-fk1t47cwhe] { display: block; height: 100%; background: #F4B942; }
@media (max-width: 560px) { .numere[b-fk1t47cwhe] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* listele de stele */
.stele[b-fk1t47cwhe] { list-style: none; padding: 0; margin: 0; }
.stele li[b-fk1t47cwhe] { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px dashed #C9DCE5; }
.eticheta[b-fk1t47cwhe] { flex: none; align-self: center; padding: 2px 12px; border-radius: 999px; font-weight: 700; font-size: .85rem; }
.eticheta.stapanit[b-fk1t47cwhe] { background: #FFF1C9; color: #8A5A00; }
.eticheta.consolidare[b-fk1t47cwhe] { background: #E3EEF3; color: #1F5F7A; }

/* constelațiile, cu stelele ca buline */
.constelatie[b-fk1t47cwhe] { padding: 8px 0; border-bottom: 1px dashed #C9DCE5; }
.titlu-constelatie[b-fk1t47cwhe] { display: flex; justify-content: space-between; gap: 12px; }
.buline[b-fk1t47cwhe] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.bulina[b-fk1t47cwhe] { display: inline-block; width: 18px; height: 18px; border-radius: 50%; vertical-align: middle; }
.bulina.s4[b-fk1t47cwhe], .bulina.s3[b-fk1t47cwhe] { background: #F4B942; box-shadow: 0 0 6px #F4B94299; }
.bulina.s2[b-fk1t47cwhe] { background: linear-gradient(90deg, #F4B942 50%, #fff 50%); border: 2px solid #F4B942; }
.bulina.s1[b-fk1t47cwhe] { background: #fff; border: 2px solid #8FB3C4; }
.bulina.s0[b-fk1t47cwhe] { background: #E3EEF3; }
.bulina.critic[b-fk1t47cwhe] { outline: 2px dotted #1F5F7A; outline-offset: 2px; }
.legenda[b-fk1t47cwhe] { margin: 12px 0 0; color: #4A5D69; font-size: .9rem; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.legenda .bulina[b-fk1t47cwhe] { width: 14px; height: 14px; margin-right: -8px; }
/* /Components/Pages/StudentModifica.razor.rz.scp.css */
.adauga[b-97r5k0h3wd] {
    max-width: 760px;
    margin: 0 auto;
    padding: 24px 16px;
    font-family: "Baloo 2", system-ui, sans-serif;
}

h1[b-97r5k0h3wd] {
    font-weight: 800;
    color: #1F5F7A;
}

.camp[b-97r5k0h3wd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0 0 18px;
}

    .camp label[b-97r5k0h3wd] {
        font-weight: 700;
    }

[b-97r5k0h3wd] .camp input {
    min-height: 44px;
    padding: 6px 12px;
    border: 2px solid #C9DCE5;
    border-radius: 12px;
    font: inherit;
}

.camp small[b-97r5k0h3wd] {
    color: #4A5D69;
}

.acord[b-97r5k0h3wd] {
    background: #F1F6F9;
    border: 2px solid #C9DCE5;
    border-radius: 16px;
    padding: 4px 20px 12px;
    margin: 8px 0 16px;
}

    .acord summary[b-97r5k0h3wd] {
        cursor: pointer;
        font-weight: 700;
        color: #2C7DA0;
    }

.bifa[b-97r5k0h3wd] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin: 12px 0;
}

[b-97r5k0h3wd] .bifa input {
    width: 24px;
    height: 24px;
    margin-top: 3px;
    flex: none;
}

.eroare[b-97r5k0h3wd] {
    color: #B42318;
    font-weight: 700;
}

.buton[b-97r5k0h3wd] {
    min-height: 48px;
    padding: 8px 24px;
    border-radius: 999px;
    border: none;
    background: #F4B942;
    color: #1E2E38;
    font-weight: 700;
    margin-top: 8px;
}

[b-97r5k0h3wd] .validation-message {
    color: #B42318;
}

.anuleaza[b-97r5k0h3wd] {
    margin-left: 16px;
    color: #4A5D69;
}
/* /Components/Pages/StudentParola.razor.rz.scp.css */
.adauga[b-74sh144g0a] {
    max-width: 760px;
    margin: 0 auto;
    padding: 24px 16px;
    font-family: "Baloo 2", system-ui, sans-serif;
}

h1[b-74sh144g0a] {
    font-weight: 800;
    color: #1F5F7A;
}

.mic[b-74sh144g0a] {
    color: #4A5D69;
}

.alegere[b-74sh144g0a] {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 4px;
    border: 2px solid #C9DCE5;
    border-radius: 16px;
    padding: 8px 10px 10px;
    margin: 0 0 16px;
}

.alegere legend[b-74sh144g0a] {
    font-weight: 800;
    padding: 0 6px;
}

.imagine[b-74sh144g0a] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    margin: 0;
    cursor: pointer;
    font-size: .75rem;
    text-align: center;
}

.imagine img[b-74sh144g0a] {
    width: 100%;
    max-width: 56px;
    height: auto;
    border-radius: 10px;
    border: 3px solid transparent;
}


[b-74sh144g0a] .imagine input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}

    [b-74sh144g0a] .imagine input:checked + img {
        border-color: #F4B942;
        box-shadow: 0 0 0 3px #FFE7A8;
    }

    [b-74sh144g0a] .imagine input:focus-visible + img {
        outline: 3px solid #2C7DA0;
    }

.eroare[b-74sh144g0a] {
    color: #B42318;
    font-weight: 700;
}

[b-74sh144g0a] .validation-message {
    color: #B42318;
}
/* mesajul de validare ocupă tot rândul, sub imagini */
[b-74sh144g0a] .alegere .validation-message {
    grid-column: 1 / -1;
}
.buton[b-74sh144g0a] {
    min-height: 48px;
    padding: 8px 24px;
    border-radius: 999px;
    border: none;
    background: #F4B942;
    color: #1E2E38;
    font-weight: 700;
    margin-top: 8px;
}

.anuleaza[b-74sh144g0a] {
    margin-left: 16px;
    color: #4A5D69;
}