/* /Components/Layout/MainLayout.razor.rz.scp.css */
.casca[b-5qyvcn3iem] { display: flex; min-height: 100vh; }

.menu[b-5qyvcn3iem] {
    width: 202px; flex: none; background: var(--menu); color: var(--menu-texto);
    position: sticky; top: 0; height: 100vh; overflow-y: auto;
}

.marca[b-5qyvcn3iem] {
    display: flex; align-items: center; gap: .6rem; padding: .9rem .75rem 1.1rem;
    color: var(--menu-texto); text-decoration: none;
}
.logo[b-5qyvcn3iem] { width: 40px; height: 40px; flex: none; display: block; }
.marca-texto[b-5qyvcn3iem] { display: flex; flex-direction: column; min-width: 0; }
.marca-nome[b-5qyvcn3iem] { font-size: 1.2rem; font-weight: 600; letter-spacing: .01em; }
.marca-usuario[b-5qyvcn3iem] { font-size: .68rem; opacity: .9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

nav[b-5qyvcn3iem] { display: flex; flex-direction: column; }
nav[b-5qyvcn3iem]  a, nav button[b-5qyvcn3iem] {
    display: flex; align-items: center; gap: .75rem; height: 40px; padding: 0 .8rem;
    color: var(--menu-texto); text-decoration: none; font: inherit; font-size: .95rem;
    border: 0; border-left: 3px solid transparent; background: none; cursor: pointer;
    width: 100%; text-align: left; box-sizing: border-box;
}
nav[b-5qyvcn3iem]  a:hover, nav button:hover[b-5qyvcn3iem] { background: var(--menu-ativo); }
nav[b-5qyvcn3iem]  a.active { background: var(--menu-ativo); border-left-color: var(--marca-verde); }
nav[b-5qyvcn3iem]  svg { width: 20px; height: 20px; flex: none; }
nav form[b-5qyvcn3iem] { margin: 0; }
.grupo-menu[b-5qyvcn3iem] {
    padding: .9rem .8rem .3rem 1rem; font-size: .7rem; text-transform: uppercase;
    letter-spacing: .06em; color: #aab2bc;
}

.conteudo[b-5qyvcn3iem] { flex: 1; min-width: 0; padding: 1.5rem 2.75rem 2.5rem 3.25rem; box-sizing: border-box; }

/* Tela estreita: menu so com icones, como no combit */
@media (max-width: 900px) {
    .menu[b-5qyvcn3iem] { width: 52px; }
    .marca[b-5qyvcn3iem] { justify-content: center; padding: .9rem 0; }
    .logo[b-5qyvcn3iem] { width: 34px; height: 34px; }
    .marca-texto[b-5qyvcn3iem], nav span[b-5qyvcn3iem] { display: none; }
    .grupo-menu[b-5qyvcn3iem] { padding: .5rem 0 0; border-top: 1px solid #50575f; margin: .3rem .5rem 0; }
    nav[b-5qyvcn3iem]  a, nav button[b-5qyvcn3iem] { justify-content: center; padding: 0; }
    .conteudo[b-5qyvcn3iem] { padding: 1.25rem 1rem 2rem; }
}

#blazor-error-ui[b-5qyvcn3iem] {
    background: #fff4c4; bottom: 0; box-shadow: 0 -1px 2px rgba(0,0,0,.2);
    display: none; left: 0; padding: .6rem 1.25rem; position: fixed; width: 100%; z-index: 1000;
}
#blazor-error-ui .dismiss[b-5qyvcn3iem] { cursor: pointer; position: absolute; right: .75rem; top: .5rem; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-oqtaqlxmit],
.components-reconnect-repeated-attempt-visible[b-oqtaqlxmit],
.components-reconnect-failed-visible[b-oqtaqlxmit],
.components-pause-visible[b-oqtaqlxmit],
.components-resume-failed-visible[b-oqtaqlxmit],
.components-rejoining-animation[b-oqtaqlxmit] {
    display: none;
}

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


#components-reconnect-modal[b-oqtaqlxmit] {
    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-oqtaqlxmit 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-oqtaqlxmit {
    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/Entrar.razor.rz.scp.css */
/* Login: faixa grafite do menu a esquerda, formulario no fundo areia, no espirito do combit */
.login[b-687f2ghm3f] { min-height: 100vh; display: flex; background: var(--fundo); }
.lateral[b-687f2ghm3f] { width: 202px; flex: none; background: var(--menu); }
.lateral img[b-687f2ghm3f] { display: none; }
.cartao[b-687f2ghm3f] {
    margin: auto; width: 100%; max-width: 360px; display: flex; flex-direction: column;
    padding: 2rem 1.5rem; box-sizing: border-box;
}
.logo-grande[b-687f2ghm3f] { width: 96px; height: 96px; margin-bottom: 1rem; }
h1[b-687f2ghm3f] { margin: 0; font-size: 1.6rem; font-weight: 300; color: var(--titulo); }
.subtitulo[b-687f2ghm3f] { margin: .25rem 0 1.5rem; font-size: .9rem; }
.botao[b-687f2ghm3f] { align-self: flex-start; }

@media (max-width: 900px) {
    .lateral[b-687f2ghm3f] { display: none; }
}
/* /Components/Pages/TrocarSenha.razor.rz.scp.css */
.formulario-senha[b-zknysm4s8f] { max-width: 360px; }