/* /Components/Layout/AcessoLayout.razor.rz.scp.css */
/* Tokens do painel remapeados para os místicos: o design system ainda não tem formulários de vitrine.
   O erro usa mistico-quartzo (não há token de erro na vitrine); ver docs/roteiro.md, Etapa 2. */
.acesso[b-1b3scoxc8r] {
    --surface: var(--mistico-noite);
    --surface-raised: var(--mistico-noite);
    --surface-sunken: var(--mistico-noite-alta);
    --line: color-mix(in srgb, var(--mistico-nevoa) 22%, transparent);
    --line-strong: color-mix(in srgb, var(--mistico-nevoa) 55%, transparent);
    --ink: var(--mistico-estrela);
    --ink-muted: var(--mistico-nevoa);
    --ametista: var(--mistico-luz);
    --ametista-soft: color-mix(in srgb, var(--mistico-luz) 16%, transparent);
    --on-ametista: var(--mistico-noite);
    --focus-ring: var(--mistico-vela);
    --erro: var(--mistico-quartzo);
    --erro-soft: color-mix(in srgb, var(--mistico-quartzo) 14%, transparent);
    min-height: 100dvh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background:
        radial-gradient(ellipse 60% 50% at 50% 35%, color-mix(in srgb, var(--mistico-violeta) 24%, transparent), transparent 70%),
        var(--mistico-noite);
    color: var(--ink);
}

.topo[b-1b3scoxc8r] {
    padding: var(--space-6) var(--space-8);
}

.marca[b-1b3scoxc8r] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-family: var(--font-display);
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .04em;
    color: var(--mistico-luz);
    text-decoration: none;
}

    .marca[b-1b3scoxc8r]  svg {
        width: 18px;
        height: 18px;
    }

.centro[b-1b3scoxc8r] {
    display: grid;
    place-items: start center;
    padding: var(--space-6) var(--space-4) var(--space-12);
}

.cartao[b-1b3scoxc8r] {
    width: 100%;
    max-width: 440px;
    box-sizing: border-box;
    padding: var(--space-8);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--mistico-noite-alta);
}

.rodape[b-1b3scoxc8r] {
    padding: var(--space-6) var(--space-8);
    color: var(--mistico-nevoa);
    font-size: 13px;
    line-height: 18px;
    text-align: center;
}

@media (max-width: 899.98px) {
    .topo[b-1b3scoxc8r] {
        padding: var(--space-4);
    }

    .centro[b-1b3scoxc8r] {
        padding: var(--space-2) var(--space-4) var(--space-8);
    }

    .cartao[b-1b3scoxc8r] {
        padding: var(--space-6);
    }

    .rodape[b-1b3scoxc8r] {
        padding: var(--space-4);
    }
}
/* /Components/Layout/ErroDoBlazor.razor.rz.scp.css */
#blazor-error-ui[b-h2n0yiejo4] {
    display: none;
    position: fixed;
    inset: auto 0 0 0;
    z-index: 1000;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-6);
    box-sizing: border-box;
    border-top: 1px solid var(--erro);
    background: var(--erro-soft);
    color: var(--erro);
    box-shadow: var(--shadow-raised);
}

    #blazor-error-ui .reload[b-h2n0yiejo4] {
        color: var(--erro);
        font-weight: 600;
    }

    #blazor-error-ui .dismiss[b-h2n0yiejo4] {
        margin-left: auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        min-height: 44px;
        padding: 0;
        border: 0;
        background: transparent;
        color: var(--erro);
        cursor: pointer;
    }
/* /Components/Layout/PainelLayout.razor.rz.scp.css */
.painel[b-829rilashk] {
    display: flex;
    min-height: 100dvh;
    background: var(--surface);
    color: var(--ink);
}

.conteudo[b-829rilashk] {
    flex: 1;
    min-width: 0;
    padding: var(--space-8);
}

.largura[b-829rilashk] {
    max-width: 1200px;
    margin: 0 auto;
}

/* Cabeçalho só aparece quando a barra vira gaveta. */
.cabecalho[b-829rilashk] {
    display: none;
}

@media (max-width: 959.98px) {
    .painel[b-829rilashk] {
        flex-direction: column;
    }

    .cabecalho[b-829rilashk] {
        position: sticky;
        top: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        gap: var(--space-2);
        padding: var(--space-1) var(--space-4);
        background: var(--surface-sunken);
        border-bottom: 1px solid var(--line);
    }

    .conteudo[b-829rilashk] {
        padding: var(--space-6) var(--space-4);
    }
}

.menu[b-829rilashk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
}

    .menu:hover[b-829rilashk] {
        background: var(--surface-raised);
    }

    .menu:focus-visible[b-829rilashk] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

.marca[b-829rilashk] {
    font-family: var(--font-display);
    font-size: 22px;
    line-height: 28px;
}

/* Rodapé da barra lateral */
.conta[b-829rilashk] {
    padding: 0 var(--space-2) var(--space-2);
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

form[b-829rilashk] {
    margin: 0;
}

/* Botões com a mesma aparência dos links da .ps-nav (bundle). */
.acao[b-829rilashk] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: calc(var(--space-2) - 1px) var(--space-2);
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--ink);
    font: inherit;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    cursor: pointer;
}

    .acao:hover[b-829rilashk] {
        background: var(--surface-raised);
    }

    .acao:focus-visible[b-829rilashk] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }


.se-claro[b-829rilashk], .se-escuro[b-829rilashk] {
    display: contents;
}

/* O rótulo do tema acompanha o tema em uso, inclusive quando ele vem do sistema (mesma lógica do tokens.css). */
.se-escuro[b-829rilashk] { display: none; }

:root[data-theme="dark"] .se-claro[b-829rilashk] { display: none; }
:root[data-theme="dark"] .se-escuro[b-829rilashk] { display: contents; }

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .se-claro[b-829rilashk] { display: none; }
    :root:not([data-theme="light"]) .se-escuro[b-829rilashk] { display: contents; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
/* Visibilidade de cada estado: classes que o blazor.web.js aplica no diálogo (mantidas do template). */
.components-reconnect-first-attempt-visible[b-0wbnbrx5z6],
.components-reconnect-repeated-attempt-visible[b-0wbnbrx5z6],
.components-reconnect-failed-visible[b-0wbnbrx5z6],
.components-pause-visible[b-0wbnbrx5z6],
.components-resume-failed-visible[b-0wbnbrx5z6],
.components-rejoining-animation[b-0wbnbrx5z6] {
    display: none;
}

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

#components-reconnect-modal.components-reconnect-failed button.components-reconnect-failed-visible[b-0wbnbrx5z6],
#components-reconnect-modal.components-reconnect-paused button.components-pause-visible[b-0wbnbrx5z6],
#components-reconnect-modal.components-reconnect-resume-failed button.components-resume-failed-visible[b-0wbnbrx5z6] {
    display: inline-flex;
}

/* Painel: superfície elevada, sombra só aqui (modal), transição curta. */
#components-reconnect-modal[b-0wbnbrx5z6] {
    width: min(100% - 2 * var(--space-4), 360px);
    margin: 20vh auto;
    padding: var(--space-6);
    box-sizing: border-box;
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface-raised);
    color: var(--ink);
    box-shadow: var(--shadow-raised);
    opacity: 0;
    transition: display .15s allow-discrete, overlay .15s allow-discrete, opacity .15s;
}

    #components-reconnect-modal[open][b-0wbnbrx5z6] {
        opacity: 1;
    }

@starting-style {
    #components-reconnect-modal[open][b-0wbnbrx5z6] {
        opacity: 0;
    }
}

#components-reconnect-modal[b-0wbnbrx5z6]::backdrop {
    background: color-mix(in srgb, var(--ink) 40%, transparent);
}

.components-reconnect-container[b-0wbnbrx5z6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
    text-align: center;
}

#components-reconnect-modal p[b-0wbnbrx5z6] {
    margin: 0;
}

.titulo[b-0wbnbrx5z6] {
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
}

.apoio[b-0wbnbrx5z6] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

/* Anéis que se abrem, em ametista; com prefers-reduced-motion, o bundle desliga a animação. */
.components-rejoining-animation[b-0wbnbrx5z6] {
    position: relative;
    width: 48px;
    height: 48px;
}

    .components-rejoining-animation div[b-0wbnbrx5z6] {
        position: absolute;
        inset: 0;
        border: 2px solid var(--ametista);
        border-radius: 50%;
        opacity: 0;
        animation: components-rejoining-animation-b-0wbnbrx5z6 1.5s cubic-bezier(0, .2, .8, 1) infinite;
    }

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

@keyframes components-rejoining-animation-b-0wbnbrx5z6 {
    0% { transform: scale(0); opacity: 1; }
    100% { transform: scale(1); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .components-rejoining-animation div[b-0wbnbrx5z6] {
        opacity: .6;
        transform: none;
    }
}
/* /Components/Layout/SimplesLayout.razor.rz.scp.css */
.simples[b-d03tqa8e4f] {
    min-height: 100dvh;
    display: grid;
    grid-template-rows: auto 1fr;
    background: var(--surface);
    color: var(--ink);
}

.topo[b-d03tqa8e4f] {
    padding: var(--space-4) var(--space-6);
    border-bottom: 1px solid var(--line);
    background: var(--surface-sunken);
}

.marca[b-d03tqa8e4f] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-family: var(--font-display);
    font-size: 22px;
    line-height: 28px;
    color: var(--ink);
    text-decoration: none;
}

    .marca[b-d03tqa8e4f]  svg {
        width: 18px;
        height: 18px;
    }

.centro[b-d03tqa8e4f] {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    padding: var(--space-12) var(--space-4);
    box-sizing: border-box;
}
/* /Components/Layout/VitrineLayout.razor.rz.scp.css */
.vitrine[b-lngivd2lgn] {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

.pular[b-lngivd2lgn] {
    position: absolute;
    left: var(--space-4);
    top: calc(-1 * var(--space-20));
    z-index: 20;
    padding: var(--space-2) var(--space-4);
    border-radius: var(--radius-pill);
    background: var(--mistico-luz);
    color: var(--mistico-noite);
    font-weight: 600;
}

    .pular:focus[b-lngivd2lgn] {
        top: var(--space-4);
    }

.topo[b-lngivd2lgn] {
    position: sticky;
    top: 0;
    z-index: 10;
    padding: var(--space-4) var(--space-20);
    background: color-mix(in srgb, var(--mistico-noite) 82%, transparent);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid color-mix(in srgb, var(--mistico-nevoa) 14%, transparent);
}

/* Topo e rodapé no mesmo alinhamento das seções da página: até 1200px, com o recuo de space-20. */
.coluna[b-lngivd2lgn] {
    width: 100%;
    max-width: 1040px;
    margin-inline: auto;
    box-sizing: border-box;
}

.topo-conteudo[b-lngivd2lgn] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
}

.marca[b-lngivd2lgn] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-family: var(--font-display);
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .04em;
    color: var(--mistico-luz);
    text-decoration: none;
}

    .marca[b-lngivd2lgn]  svg {
        width: 20px;
        height: 20px;
    }

.secoes[b-lngivd2lgn] {
    display: flex;
    gap: var(--space-6);
    margin-inline: auto;
}

.secoes a[b-lngivd2lgn],
.entrar[b-lngivd2lgn],
.rodape-links a[b-lngivd2lgn] {
    color: var(--mistico-nevoa);
    text-decoration: none;
    font-size: 15px;
    line-height: 22px;
    transition: color 150ms;
}

    .secoes a:hover[b-lngivd2lgn],
    .entrar:hover[b-lngivd2lgn],
    .rodape-links a:hover[b-lngivd2lgn] {
        color: var(--mistico-estrela);
    }

a:focus-visible[b-lngivd2lgn] {
    outline: 2px solid var(--mistico-vela);
    outline-offset: 3px;
    border-radius: var(--radius-sm);
}

.acesso[b-lngivd2lgn] {
    display: flex;
    align-items: center;
    gap: var(--space-6);
    margin-left: auto;
}

.secoes + .acesso[b-lngivd2lgn] {
    margin-left: 0;
}

.acesso[b-lngivd2lgn]  .ps-btn-vitrine {
    display: inline-flex;
    align-items: center;
    height: 40px;
    font-size: 14px;
    text-decoration: none;
}

main[b-lngivd2lgn] {
    flex: 1;
}

    main:focus[b-lngivd2lgn] {
        outline: none;
    }

.rodape[b-lngivd2lgn] {
    padding: var(--space-12) var(--space-20) var(--space-8);
    border-top: 1px solid color-mix(in srgb, var(--mistico-nevoa) 14%, transparent);
    color: var(--mistico-nevoa);
    font-size: 13px;
    line-height: 18px;
}

.rodape-conteudo[b-lngivd2lgn] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--space-8) var(--space-12);
}

.rodape-marca[b-lngivd2lgn] {
    display: grid;
    gap: var(--space-3);
    max-width: 360px;
}

    .rodape-marca .marca[b-lngivd2lgn] {
        font-size: 17px;
        line-height: 24px;
    }

.rodape p[b-lngivd2lgn] {
    margin: 0;
}

.rodape-links[b-lngivd2lgn] {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: var(--space-2) var(--space-12);
    align-content: start;
}

    .rodape-links a[b-lngivd2lgn] {
        font-size: 13px;
        line-height: 18px;
    }

.rodape-aviso[b-lngivd2lgn],
.direitos[b-lngivd2lgn] {
    grid-column: 1 / -1;
}

.rodape-aviso[b-lngivd2lgn] {
    padding-top: var(--space-6);
    border-top: 1px solid color-mix(in srgb, var(--mistico-nevoa) 10%, transparent);
}

.direitos[b-lngivd2lgn] {
    color: color-mix(in srgb, var(--mistico-nevoa) 70%, transparent);
}

@media (max-width: 1079.98px) {
    .secoes[b-lngivd2lgn] {
        display: none;
    }
}

@media (max-width: 899.98px) {
    .topo[b-lngivd2lgn] {
        padding: var(--space-3) var(--space-4);
    }

    .topo-conteudo[b-lngivd2lgn] {
        gap: var(--space-4);
    }

    .marca[b-lngivd2lgn] {
        font-size: 17px;
        line-height: 24px;
    }

    .acesso[b-lngivd2lgn] {
        gap: var(--space-4);
    }

    .rodape[b-lngivd2lgn] {
        padding: var(--space-12) var(--space-4) var(--space-8);
    }

    .rodape-conteudo[b-lngivd2lgn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 419.98px) {
    .entrar[b-lngivd2lgn] {
        display: none;
    }
}
/* /Components/Pages/Painel/Agenda/CartaoDaAgenda.razor.rz.scp.css */
.cartao[b-kx1uipltlc] {
    display: grid;
    gap: calc(var(--space-1) / 2);
    min-height: 44px;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--line);
    border-left: 3px solid var(--ametista);
    border-radius: var(--radius-sm);
    background: var(--surface-raised);
    color: var(--ink);
    text-decoration: none;
    box-sizing: border-box;
    transition: background-color .15s;
}

    .cartao:hover[b-kx1uipltlc] {
        background: var(--surface-sunken);
    }

    .cartao:focus-visible[b-kx1uipltlc] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

    .cartao.confirmado[b-kx1uipltlc] {
        background: var(--ametista-soft);
    }

    .cartao.apagado[b-kx1uipltlc] {
        border-left-color: var(--line-strong);
        color: var(--ink-muted);
    }

        .cartao.apagado .nome[b-kx1uipltlc] {
            text-decoration: line-through;
        }

.horario[b-kx1uipltlc] {
    font-family: var(--font-mono);
    font-size: 13px;
    line-height: 18px;
    font-variant-numeric: tabular-nums;
    color: var(--ink-muted);
}

.nome[b-kx1uipltlc] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.detalhes[b-kx1uipltlc] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.selo[b-kx1uipltlc] {
    margin-top: var(--space-1);
}

/* Na grade: ocupa a altura do horário e corta o que não cabe. */
.cartao.compacto[b-kx1uipltlc] {
    height: 100%;
    min-height: 0;
    padding: var(--space-1) var(--space-2);
    overflow: hidden;
    align-content: start;
}

    .cartao.compacto .horario[b-kx1uipltlc],
    .cartao.compacto .nome[b-kx1uipltlc] {
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/* /Components/Pages/Painel/Agenda/EditorDeAgendamento.razor.rz.scp.css */
.modalidade[b-h0e32xmg6m] {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--space-6);
}

    .modalidade legend[b-h0e32xmg6m] {
        width: 100%;
    }

/* Um protocolo por linha: caixa, nome, duração e valor, selos. */
.protocolos[b-h0e32xmg6m] {
    gap: var(--space-1);
}

.protocolo[b-h0e32xmg6m] {
    flex-wrap: wrap;
    column-gap: var(--space-3);
}

.protocolo-nome[b-h0e32xmg6m] {
    font-weight: 600;
}

.protocolo-meta[b-h0e32xmg6m] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.excluir[b-h0e32xmg6m] {
    padding-top: var(--space-4);
    border-top: 1px solid var(--line);
}

/* Campo com valor ou duração sugeridos: o botão de voltar à sugestão fica logo abaixo. */
.campo-sugerido[b-h0e32xmg6m] {
    display: grid;
    gap: var(--space-1);
    justify-items: start;
    min-width: 0;
}

    .campo-sugerido[b-h0e32xmg6m]  .ps-campo {
        width: 100%;
        min-width: 0;
    }

        .campo-sugerido[b-h0e32xmg6m]  .ps-campo input {
            width: 100%;
            box-sizing: border-box;
        }

    .campo-sugerido[b-h0e32xmg6m]  .ps-btn {
        height: auto;
        min-height: 44px;
    }

/* Aviso de horário que coincide com outro agendamento. Não impede salvar. */
.conflito[b-h0e32xmg6m] {
    margin: var(--space-4) 0 0;
}

    .conflito p[b-h0e32xmg6m] {
        margin: 0;
    }

.conflito-titulo[b-h0e32xmg6m] {
    font-weight: 600;
}

.conflito ul[b-h0e32xmg6m] {
    margin: 0 0 var(--space-1);
    padding-left: var(--space-4);
}

.conflito li a[b-h0e32xmg6m] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

/* Retorno: a pessoa é a do atendimento de origem, só se mostra. */
.campo-fixo[b-h0e32xmg6m] {
    display: grid;
    gap: var(--space-1);
    align-content: start;
    min-width: 0;
}

.valor-fixo[b-h0e32xmg6m] {
    display: flex;
    align-items: center;
    min-height: 44px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.ajuda[b-h0e32xmg6m] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}
/* /Components/Pages/Painel/Agenda/PaginaDaAgenda.razor.rz.scp.css */
/* ---------- Barra: período, visão e cancelados ---------- */
.barra[b-jxi9yu3j4s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3) var(--space-6);
}

.passos[b-jxi9yu3j4s] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

    .passos a.ps-btn[b-jxi9yu3j4s] {
        height: 44px;
    }

.visoes[b-jxi9yu3j4s] {
    display: inline-flex;
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-sm);
    overflow: hidden;
}

    .visoes a[b-jxi9yu3j4s] {
        display: inline-flex;
        align-items: center;
        min-height: 42px;
        padding: 0 var(--space-4);
        color: var(--ink);
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        text-decoration: none;
        background: var(--surface-raised);
    }

        .visoes a + a[b-jxi9yu3j4s] {
            border-left: 1px solid var(--line-strong);
        }

        .visoes a[aria-current="page"][b-jxi9yu3j4s] {
            background: var(--ametista-soft);
            color: var(--ametista);
        }

        .visoes a:focus-visible[b-jxi9yu3j4s] {
            outline: 2px solid var(--focus-ring);
            outline-offset: -2px;
        }

.cancelados[b-jxi9yu3j4s] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-left: auto;
    font-size: 14px;
    line-height: 20px;
}

.semana-vazia[b-jxi9yu3j4s] {
    color: var(--ink-muted);
}

.lista-do-dia[b-jxi9yu3j4s] {
    display: grid;
    gap: var(--space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ---------- Grade da semana (a partir de 600px) ---------- */
.grade[b-jxi9yu3j4s] {
    --altura-hora: var(--space-12);
    display: grid;
    grid-template-columns: var(--space-12) repeat(7, minmax(0, 1fr));
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    background: var(--surface-raised);
    overflow: hidden;
}

.grade-canto[b-jxi9yu3j4s],
.grade-dia[b-jxi9yu3j4s] {
    border-bottom: 1px solid var(--line);
}

.grade-dia[b-jxi9yu3j4s] {
    display: grid;
    justify-items: center;
    gap: calc(var(--space-1) / 2);
    min-height: 44px;
    padding: var(--space-2) 0;
    border-left: 1px solid var(--line);
    color: var(--ink);
    text-decoration: none;
}

    .grade-dia:hover[b-jxi9yu3j4s] {
        background: var(--surface-sunken);
    }

    .grade-dia:focus-visible[b-jxi9yu3j4s] {
        outline: 2px solid var(--focus-ring);
        outline-offset: -2px;
    }

.dia-semana[b-jxi9yu3j4s] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink-muted);
}

.dia-numero[b-jxi9yu3j4s] {
    font-family: var(--font-mono);
    font-size: 17px;
    line-height: 24px;
    font-variant-numeric: tabular-nums;
}

.grade-dia.hoje .dia-numero[b-jxi9yu3j4s],
.grade-dia.hoje .dia-semana[b-jxi9yu3j4s] {
    color: var(--ametista);
    font-weight: 600;
}

.grade-horas[b-jxi9yu3j4s] {
    display: grid;
    grid-auto-rows: var(--altura-hora);
}

    .grade-horas span[b-jxi9yu3j4s] {
        padding: var(--space-1) var(--space-2) 0 0;
        border-top: 1px solid var(--line);
        font-family: var(--font-mono);
        font-size: 12px;
        line-height: 16px;
        text-align: right;
        color: var(--ink-muted);
    }

.grade-coluna[b-jxi9yu3j4s] {
    position: relative;
    display: grid;
    grid-auto-rows: var(--altura-hora);
    border-left: 1px solid var(--line);
}

    .grade-coluna.hoje[b-jxi9yu3j4s] {
        background: color-mix(in srgb, var(--ametista-soft) 40%, transparent);
    }

.livre[b-jxi9yu3j4s] {
    border-top: 1px solid var(--line);
    transition: background-color .15s;
}

    .livre:hover[b-jxi9yu3j4s] {
        background: var(--surface-sunken);
    }

    .livre:focus-visible[b-jxi9yu3j4s] {
        outline: 2px solid var(--focus-ring);
        outline-offset: -2px;
    }

/* Posição pelo horário: --inicio e --duracao em horas desde a primeira hora da grade. */
.grade-item[b-jxi9yu3j4s] {
    position: absolute;
    top: calc(var(--inicio) * var(--altura-hora));
    left: calc(100% * var(--coluna) / var(--colunas));
    width: calc(100% / var(--colunas));
    height: calc(var(--duracao) * var(--altura-hora));
    padding: calc(var(--space-1) / 2);
    box-sizing: border-box;
}

/* ---------- Lista da semana (celular) ---------- */
.semana-lista[b-jxi9yu3j4s] {
    display: none;
    gap: var(--space-6);
}

.dia[b-jxi9yu3j4s] {
    display: grid;
    gap: var(--space-2);
}

.dia-titulo[b-jxi9yu3j4s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
}

    .dia-titulo a[b-jxi9yu3j4s] {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        color: var(--ink);
        text-decoration: none;
    }

.livre-texto[b-jxi9yu3j4s] {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--ink-muted);
}

    .livre-texto a[b-jxi9yu3j4s] {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }

@media (max-width: 599.98px) {
    .grade[b-jxi9yu3j4s] {
        display: none;
    }

    .semana-lista[b-jxi9yu3j4s] {
        display: grid;
    }

    .cancelados[b-jxi9yu3j4s] {
        margin-left: 0;
    }
}
/* /Components/Pages/Painel/Atendimentos/CartaoDoAtendimento.razor.rz.scp.css */
/* Mesmo desenho do cartão da agenda: em andamento com fundo de marca suave, cancelado apagado. */
.cartao[b-d76qamo03u] {
    display: grid;
    gap: calc(var(--space-1) / 2);
    min-height: 44px;
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--line);
    border-left: 3px solid var(--ametista);
    border-radius: var(--radius-sm);
    background: var(--surface-raised);
    color: var(--ink);
    text-decoration: none;
    box-sizing: border-box;
    transition: background-color .15s;
}

    .cartao:hover[b-d76qamo03u] {
        background: var(--surface-sunken);
    }

    .cartao:focus-visible[b-d76qamo03u] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

    .cartao.andamento[b-d76qamo03u] {
        background: var(--ametista-soft);
    }

    .cartao.apagado[b-d76qamo03u] {
        border-left-color: var(--line-strong);
        color: var(--ink-muted);
    }

.horario[b-d76qamo03u] {
    font-family: var(--font-mono);
    font-size: 13px;
    line-height: 18px;
    font-variant-numeric: tabular-nums;
    color: var(--ink-muted);
}

.nome[b-d76qamo03u] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.detalhes[b-d76qamo03u] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
    overflow-wrap: anywhere;
}

.selo[b-d76qamo03u] {
    margin-top: var(--space-1);
}
/* /Components/Pages/Painel/Atendimentos/ComparacaoDaResposta.razor.rz.scp.css */
/* Mesmo desenho do registro anterior à mudança da pergunta: filete à esquerda e fundo rebaixado. */
.comparacao[b-x27sdkj5xu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-1) var(--space-2);
    margin: 0;
    padding: var(--space-2) var(--space-3);
    border-left: 3px solid var(--ametista);
    background: var(--surface-sunken);
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
    overflow-wrap: anywhere;
}

.diferenca[b-x27sdkj5xu] {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--ink);
}
/* /Components/Pages/Painel/Atendimentos/IniciarAtendimento.razor.rz.scp.css */
.modalidade[b-lohy33vuwt] {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--space-6);
}

    .modalidade legend[b-lohy33vuwt] {
        width: 100%;
    }

/* Pessoa do agendamento: não se escolhe, só se mostra. */
.campo-fixo[b-lohy33vuwt] {
    display: grid;
    gap: var(--space-1);
    align-content: start;
    min-width: 0;
}

.valor-fixo[b-lohy33vuwt] {
    display: flex;
    align-items: center;
    min-height: 44px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.ajuda[b-lohy33vuwt] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

/* Sem consentimento: o registro fica logo abaixo da escolha da pessoa. */
.consentimento[b-lohy33vuwt] {
    display: grid;
    gap: var(--space-3);
    margin-top: var(--space-4);
    padding: var(--space-4);
    border: 1px solid var(--line-strong);
    border-left: 3px solid var(--ametista);
    border-radius: var(--radius-sm);
    background: var(--surface-sunken);
}

    .consentimento p[b-lohy33vuwt] {
        margin: 0;
        color: var(--ink);
    }

.consentimento-titulo[b-lohy33vuwt] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-weight: 600;
}

.consentimento[b-lohy33vuwt]  .ps-btn {
    height: auto;
    min-height: 44px;
}

/* Um protocolo por linha: caixa, nome, valor, selos. */
.protocolos[b-lohy33vuwt] {
    gap: var(--space-1);
}

.protocolo[b-lohy33vuwt] {
    flex-wrap: wrap;
    column-gap: var(--space-3);
}

.protocolo-nome[b-lohy33vuwt] {
    font-weight: 600;
}

.protocolo-meta[b-lohy33vuwt] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.campo-sugerido[b-lohy33vuwt] {
    display: grid;
    gap: var(--space-1);
    justify-items: start;
    min-width: 0;
}

    .campo-sugerido[b-lohy33vuwt]  .ps-campo {
        width: 100%;
        min-width: 0;
    }

        .campo-sugerido[b-lohy33vuwt]  .ps-campo input {
            width: 100%;
            box-sizing: border-box;
        }

    .campo-sugerido[b-lohy33vuwt]  .ps-btn {
        height: auto;
        min-height: 44px;
    }

.barra-salvar[b-lohy33vuwt]  .ps-btn {
    min-height: 44px;
}
/* /Components/Pages/Painel/Atendimentos/ItemDoTratamento.razor.rz.scp.css */
/* Item do tratamento: cartão com a terapia e o recurso no título, a origem embaixo e a remoção ao lado. */
.tratamento[b-g1awlcw3lv] {
    display: grid;
    gap: var(--space-4);
    padding: var(--space-3) var(--space-4) var(--space-4);
    border: 1px solid var(--line);
    border-left: 3px solid var(--ametista);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

/* A remoção fica sempre à direita do título, também no celular; a confirmação desce quando não cabe. */
.tratamento-cabecalho[b-g1awlcw3lv] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-2);
}

.tratamento-nome[b-g1awlcw3lv] {
    flex: 1 1 0;
    min-width: 0;
}

.tratamento-titulo[b-g1awlcw3lv] {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: var(--ink);
    overflow-wrap: anywhere;
}

.tratamento-origem[b-g1awlcw3lv] {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.confirmar-remocao[b-g1awlcw3lv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

    .confirmar-remocao[b-g1awlcw3lv]  .ps-btn {
        min-height: 44px;
    }

/* Fieldset só para desabilitar tudo de uma vez no atendimento cancelado. */
.sem-borda[b-g1awlcw3lv] {
    display: grid;
    gap: var(--space-4);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

/* No celular, o cartão tem menos que os 260px da grade de campos: a coluna encolhe até caber. */
.tratamento .campos[b-g1awlcw3lv] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
}

.tratamento .ps-campo[b-g1awlcw3lv] {
    min-width: 0;
}

    .tratamento .ps-campo :is(input, select, textarea)[b-g1awlcw3lv] {
        box-sizing: border-box;
        width: 100%;
        min-height: 44px;
    }

    .tratamento .ps-campo textarea[b-g1awlcw3lv] {
        min-height: 66px;
    }

    .tratamento .ps-campo [aria-invalid="true"][b-g1awlcw3lv] {
        border-color: var(--erro);
    }

/* Rótulo de grupo (duração) e de valor só para consulta, no estilo do rótulo do campo. */
.rotulo-duracao[b-g1awlcw3lv] {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: var(--ink);
}

/* Duração e unidade lado a lado, numa célula da grade. */
.duracao[b-g1awlcw3lv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-2);
}

.valor-antigo[b-g1awlcw3lv] {
    margin: 0;
    color: var(--ink-muted);
    overflow-wrap: anywhere;
}

.erro[b-g1awlcw3lv] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-1);
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--erro);
}
/* /Components/Pages/Painel/Atendimentos/LeituraDeBiometro.razor.rz.scp.css */
.leitura[b-mlb9uhacmu] {
    display: grid;
    gap: var(--space-3);
    min-width: 0;
}

.anel[b-mlb9uhacmu] {
    display: grid;
    gap: var(--space-2);
}

.anel-nome[b-mlb9uhacmu] {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: var(--ink-muted);
}

/* No celular, duas colunas em vez de uma (o design system pede 176px por opção): biômetros longos ficam com metade da
   altura. Acima disso, a grade do design system. */
@media (max-width: 480px) {
    .anel[b-mlb9uhacmu]  .ps-opcao {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .anel[b-mlb9uhacmu]  .ps-opcoes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.limpar-anel[b-mlb9uhacmu] {
    justify-self: start;
    min-height: 44px;
    padding: 0 var(--space-1);
    border: 0;
    background: none;
    font: inherit;
    font-size: 13px;
    line-height: 18px;
    color: var(--ametista);
    cursor: pointer;
}

    .limpar-anel:focus-visible[b-mlb9uhacmu] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

/* A leitura de detalhe fica recuada, presa à leitura de onde veio. */
.detalhe[b-mlb9uhacmu] {
    display: grid;
    gap: var(--space-2);
    padding-left: var(--space-3);
    border-left: 3px solid var(--ametista);
}

.detalhe-titulo[b-mlb9uhacmu] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: var(--ametista);
}

.confirmar[b-mlb9uhacmu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2) var(--space-3);
    padding: var(--space-3);
    border: 1px solid var(--erro);
    border-radius: var(--radius-sm);
    background: var(--erro-soft);
    color: var(--erro);
}

.confirmar-acoes[b-mlb9uhacmu] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

    .confirmar-acoes[b-mlb9uhacmu]  .ps-btn {
        min-height: 44px;
    }

.erro[b-mlb9uhacmu] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-1);
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--erro);
}

.sem-biometro[b-mlb9uhacmu] {
    margin: 0;
    color: var(--ink-muted);
}
/* /Components/Pages/Painel/Atendimentos/ListaDeAtendimentos.razor.rz.scp.css */
.busca[b-wohdvuru0f] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--space-2) var(--space-6);
}

    .busca .ps-campo[b-wohdvuru0f] {
        flex: 1 1 280px;
        min-width: 0;
    }

/* Lupa dentro do campo, à esquerda. */
.busca-campo[b-wohdvuru0f] {
    position: relative;
    display: block;
}

    .busca-campo[b-wohdvuru0f]  .ps-icone {
        position: absolute;
        top: 50%;
        left: var(--space-3);
        transform: translateY(-50%);
        color: var(--ink-muted);
        pointer-events: none;
    }

    .busca-campo input[b-wohdvuru0f] {
        width: 100%;
        box-sizing: border-box;
        min-height: 44px;
        padding-left: calc(var(--space-3) + var(--space-4) + var(--space-2));
    }

/* Busca e quantos encontrou, juntos; a lista vem depois, no espaçamento da página. */
.busca-bloco[b-wohdvuru0f] {
    display: grid;
    gap: var(--space-2);
}

.busca select[b-wohdvuru0f] {
    min-height: 44px;
}

.pagina .lista-situacao[b-wohdvuru0f] {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}
/* /Components/Pages/Painel/Atendimentos/ObservacaoDaResposta.razor.rz.scp.css */
.observacao textarea[b-8e81f21075] {
    box-sizing: border-box;
    width: 100%;
    min-height: 66px;
}

.anotar[b-8e81f21075] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    min-height: 44px;
    padding: 0 var(--space-1);
    border: 0;
    background: none;
    font: inherit;
    font-size: 13px;
    line-height: 18px;
    color: var(--ametista);
    cursor: pointer;
}

    .anotar:focus-visible[b-8e81f21075] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

.erro[b-8e81f21075] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-1);
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--erro);
}
/* /Components/Pages/Painel/Atendimentos/PerguntaNoAtendimento.razor.rz.scp.css */
/* Uma pergunta por bloco, separadas por linha; no celular ocupa a largura toda. A margem no topo deixa a pergunta
   abaixo da barra do painel quando a tela desce até ela. */
.pergunta[b-nmxc4bgv2c] {
    display: grid;
    gap: var(--space-2);
    min-width: 0;
    padding-top: var(--space-4);
    border-top: 1px solid var(--line);
    scroll-margin-top: var(--space-20);
}

.pergunta-topo[b-nmxc4bgv2c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-1) var(--space-2);
}

.pergunta-posicao[b-nmxc4bgv2c] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.obrigatoria[b-nmxc4bgv2c] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: var(--ametista);
}

.pergunta-enunciado[b-nmxc4bgv2c] {
    margin: 0;
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
    color: var(--ink);
    overflow-wrap: anywhere;
}

.pergunta-ajuda[b-nmxc4bgv2c] {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

/* Mesmo desenho dos campos do design system (.ps-campo), com alvo de toque de 44px. */
.pergunta-campo[b-nmxc4bgv2c] {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: var(--space-2) var(--space-3);
    font: inherit;
    color: var(--ink);
    background: var(--surface-raised);
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-sm);
}

    .pergunta-campo:focus-visible[b-nmxc4bgv2c] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

    .pergunta-campo[aria-invalid="true"][b-nmxc4bgv2c] {
        border-color: var(--erro);
    }

textarea.pergunta-campo[b-nmxc4bgv2c] {
    min-height: 88px;
    resize: vertical;
}

.campo-data[b-nmxc4bgv2c] {
    width: auto;
    min-width: 180px;
}

.com-unidade[b-nmxc4bgv2c] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    max-width: 240px;
}

.unidade[b-nmxc4bgv2c] {
    font-family: var(--font-mono);
    color: var(--ink-muted);
}

/* Sim e Não lado a lado mesmo no celular. */
.duas[b-nmxc4bgv2c] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 360px;
}

.anterior[b-nmxc4bgv2c] {
    margin: 0;
    padding: var(--space-2) var(--space-3);
    border-left: 3px solid var(--line-strong);
    background: var(--surface-sunken);
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.erro[b-nmxc4bgv2c] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-1);
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--erro);
}

.pergunta-rodape[b-nmxc4bgv2c] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--space-2) var(--space-4);
}

    .pergunta-rodape[b-nmxc4bgv2c]  .observacao {
        flex: 1 1 100%;
    }

/* Ação discreta (Limpar resposta): parece link, com 44px de altura. */
.anotar[b-nmxc4bgv2c] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    min-height: 44px;
    padding: 0 var(--space-1);
    border: 0;
    background: none;
    font: inherit;
    font-size: 13px;
    line-height: 18px;
    color: var(--ametista);
    cursor: pointer;
}

    .anotar:focus-visible[b-nmxc4bgv2c] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

.confirmar-acoes[b-nmxc4bgv2c] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

    .confirmar-acoes[b-nmxc4bgv2c]  .ps-btn {
        min-height: 44px;
    }

/* Opções de escolha em duas colunas no celular, como as do biômetro. */
@media (max-width: 480px) {
    .ps-opcao[b-nmxc4bgv2c] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .ps-opcoes[b-nmxc4bgv2c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Painel/Atendimentos/RelatoriosDoAtendimento.razor.rz.scp.css */
.painel-bloco[b-h96iy64wk7]  .ps-btn {
    min-height: 44px;
}

/* Um cartão por relatório que se pode gerar: o que leva e o botão. */
.geradores[b-h96iy64wk7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: var(--space-3);
}

.gerador[b-h96iy64wk7] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    justify-items: start;
    gap: var(--space-2);
    min-width: 0;
    padding: var(--space-4);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

.gerador-titulo[b-h96iy64wk7] {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: var(--ink);
}

.gerador-texto[b-h96iy64wk7] {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.gerados[b-h96iy64wk7] {
    display: grid;
    gap: var(--space-3);
}

.lista-relatorios[b-h96iy64wk7] {
    display: grid;
    gap: var(--space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.relatorio[b-h96iy64wk7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

.relatorio-texto[b-h96iy64wk7] {
    flex: 1 1 220px;
    min-width: 0;
}

.relatorio-nome[b-h96iy64wk7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    margin: 0;
    font-weight: 600;
    color: var(--ink);
}

.relatorio-data[b-h96iy64wk7] {
    margin: 0;
    font-family: var(--font-mono);
    font-size: 13px;
    line-height: 18px;
    font-variant-numeric: tabular-nums;
    color: var(--ink-muted);
}

.relatorio-acoes[b-h96iy64wk7],
.confirmar-remocao[b-h96iy64wk7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
}

@media (max-width: 480px) {
    .gerador[b-h96iy64wk7],
    .relatorio[b-h96iy64wk7] {
        padding: var(--space-3);
    }
}
/* /Components/Pages/Painel/Atendimentos/RespostasDoProtocolo.razor.rz.scp.css */
.protocolo[b-jmsxwlczue] {
    gap: var(--space-4);
}

.protocolo-cabecalho[b-jmsxwlczue] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.protocolo-titulo[b-jmsxwlczue] {
    display: grid;
    gap: var(--space-1);
    min-width: 0;
}

    .protocolo-titulo h2[b-jmsxwlczue] {
        margin: 0;
        overflow-wrap: anywhere;
    }

.meta[b-jmsxwlczue] {
    margin: 0;
    font-family: var(--font-mono);
    font-size: 13px;
    line-height: 18px;
    font-variant-numeric: tabular-nums;
}

.instrucoes[b-jmsxwlczue],
.sem-perguntas[b-jmsxwlczue] {
    margin: 0;
}

.indicados[b-jmsxwlczue] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    margin: 0;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    background: var(--ametista-soft);
    color: var(--ink);
}

.grupo[b-jmsxwlczue] {
    display: grid;
    gap: var(--space-3);
    padding-top: var(--space-4);
    border-top: 1px solid var(--line);
}

.grupo-nome[b-jmsxwlczue] {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: var(--ink);
}

/* Cada ocorrência de grupo repetível num cartão próprio, com o número à vista. */
.ocorrencia[b-jmsxwlczue] {
    display: grid;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4) var(--space-4);
    border: 1px solid var(--line);
    border-left: 3px solid var(--ametista);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

    .ocorrencia.unica[b-jmsxwlczue] {
        padding: 0;
        border: 0;
        background: none;
    }

.ocorrencia-cabecalho[b-jmsxwlczue] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
}

.ocorrencia-nome[b-jmsxwlczue] {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: var(--ametista);
}

.aviso-remocao[b-jmsxwlczue] {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--erro);
}

.confirmar-acoes[b-jmsxwlczue] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.protocolo[b-jmsxwlczue]  .ps-btn {
    min-height: 44px;
}

.grupo[b-jmsxwlczue] >  .ps-btn {
    justify-self: start;
}

.antigas[b-jmsxwlczue] {
    display: grid;
    gap: var(--space-2);
    padding-top: var(--space-4);
    border-top: 1px solid var(--line);
}

.antigas-lista[b-jmsxwlczue] {
    display: grid;
    gap: var(--space-2);
    margin: 0;
}

.antiga[b-jmsxwlczue] {
    display: grid;
    gap: calc(var(--space-1) / 2);
}

    .antiga dt[b-jmsxwlczue] {
        font-size: 13px;
        line-height: 18px;
        color: var(--ink-muted);
    }

    .antiga dd[b-jmsxwlczue] {
        margin: 0;
        color: var(--ink);
    }

@media (max-width: 480px) {
    .protocolo[b-jmsxwlczue] {
        padding: var(--space-4);
    }

    .ocorrencia[b-jmsxwlczue] {
        padding: var(--space-3);
    }
}
/* /Components/Pages/Painel/Atendimentos/ResumoDaFinalizacao.razor.rz.scp.css */
/* Resumo antes de concluir: caixa rebaixada, como a faixa de sugestões, mas com borda contínua. */
.resumo[b-g7d3u1se3p] {
    display: grid;
    gap: var(--space-2);
    padding: var(--space-4);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface-sunken);
}

.resumo-titulo[b-g7d3u1se3p] {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: var(--ink);
}

    .resumo-titulo + .resumo-lista[b-g7d3u1se3p],
    .resumo-titulo + .resumo-texto[b-g7d3u1se3p] {
        margin-top: 0;
    }

    * + .resumo-titulo[b-g7d3u1se3p] {
        margin-top: var(--space-2);
    }

.resumo-lista[b-g7d3u1se3p] {
    display: grid;
    gap: var(--space-1);
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--ink);
}

.atencao[b-g7d3u1se3p] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-1);
    color: var(--ink);
}

    .atencao[b-g7d3u1se3p]  .ps-icone {
        flex: none;
        margin-top: calc(var(--space-1) / 2);
        color: var(--ink-muted);
    }

.resumo-texto[b-g7d3u1se3p] {
    margin: 0;
    color: var(--ink-muted);
    overflow-wrap: anywhere;
}

.medicoes[b-g7d3u1se3p] {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

.medicao[b-g7d3u1se3p] {
    display: grid;
    gap: calc(var(--space-1) / 2);
    padding: var(--space-2) 0;
}

    .medicao + .medicao[b-g7d3u1se3p] {
        border-top: 1px solid var(--line);
    }

.medicao-nome[b-g7d3u1se3p] {
    font-weight: 600;
    color: var(--ink);
    overflow-wrap: anywhere;
}

.medicao-valores[b-g7d3u1se3p] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1) var(--space-4);
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.diferenca[b-g7d3u1se3p] {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--ink);
}
/* /Components/Pages/Painel/Atendimentos/RetornosPendentes.razor.rz.scp.css */
.retornos[b-73xopgjt9k] {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Uma linha por retorno: quem, de quando, a data sugerida e a ação; no celular a ação desce. */
.retorno[b-73xopgjt9k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3) var(--space-4);
    padding: var(--space-3) 0;
}

    .retorno + .retorno[b-73xopgjt9k] {
        border-top: 1px solid var(--line);
    }

.retorno-texto[b-73xopgjt9k] {
    display: grid;
    gap: calc(var(--space-1) / 2);
    flex: 1 1 240px;
    min-width: 0;
}

.nome[b-73xopgjt9k] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-weight: 600;
    color: var(--ink);
    overflow-wrap: anywhere;
}

    .nome:focus-visible[b-73xopgjt9k] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

.detalhes[b-73xopgjt9k],
.quando[b-73xopgjt9k] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
    overflow-wrap: anywhere;
}

.quando[b-73xopgjt9k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
}

.retorno[b-73xopgjt9k]  .ps-btn {
    height: auto;
    min-height: 44px;
}

.todos[b-73xopgjt9k] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin-top: var(--space-2);
}
/* /Components/Pages/Painel/Atendimentos/TelaDoAtendimento.razor.rz.scp.css */
.subtitulo[b-uod9gtnfok] {
    margin: 0;
    font-family: var(--font-mono);
    font-size: 13px;
    line-height: 18px;
    font-variant-numeric: tabular-nums;
    color: var(--ink-muted);
}

    .subtitulo a[b-uod9gtnfok] {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        font-family: var(--font-sans);
    }

/* Fieldset só para desabilitar tudo de uma vez no atendimento cancelado. */
.sem-borda[b-uod9gtnfok] {
    display: grid;
    gap: var(--space-4);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.modalidade[b-uod9gtnfok],
.conclusao[b-uod9gtnfok] {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--space-6);
}

    .modalidade legend[b-uod9gtnfok],
    .conclusao legend[b-uod9gtnfok] {
        width: 100%;
    }

.sem-borda[b-uod9gtnfok]  textarea {
    width: 100%;
    box-sizing: border-box;
}

.campo-sugerido[b-uod9gtnfok] {
    display: grid;
    gap: var(--space-1);
    justify-items: start;
    min-width: 0;
}

    .campo-sugerido[b-uod9gtnfok]  .ps-campo {
        width: 100%;
        min-width: 0;
    }

        .campo-sugerido[b-uod9gtnfok]  .ps-campo input {
            width: 100%;
            box-sizing: border-box;
        }

    .campo-sugerido[b-uod9gtnfok]  .ps-btn {
        height: auto;
        min-height: 44px;
    }

.confirmar-remocao[b-uod9gtnfok] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.incluir[b-uod9gtnfok] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--space-3);
}

    .incluir .ps-campo[b-uod9gtnfok] {
        flex: 1 1 240px;
        min-width: 0;
    }

        .incluir .ps-campo select[b-uod9gtnfok] {
            width: 100%;
            box-sizing: border-box;
        }

.painel-bloco[b-uod9gtnfok]  .ps-btn {
    min-height: 44px;
}

/* Leitura avulsa: um cartão por leitura, com o biômetro no título e a remoção ao lado. */
.avulsa[b-uod9gtnfok] {
    display: grid;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4) var(--space-4);
    border: 1px solid var(--line);
    border-left: 3px solid var(--ametista);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

.avulsa-cabecalho[b-uod9gtnfok] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
}

.avulsa-nome[b-uod9gtnfok] {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: var(--ink);
    overflow-wrap: anywhere;
}

@media (max-width: 480px) {
    .painel-bloco[b-uod9gtnfok] {
        padding: var(--space-4);
    }
}
/* /Components/Pages/Painel/Atendimentos/TratamentoDoAtendimento.razor.rz.scp.css */
.painel-bloco[b-cis70xdsrw]  .ps-btn {
    min-height: 44px;
}

/* Sugestões dos protocolos: uma faixa à parte, para ficar claro que ainda não valem. */
.sugestoes[b-cis70xdsrw] {
    display: grid;
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px dashed var(--line-strong);
    border-radius: var(--radius-sm);
    background: var(--surface-sunken);
}

.sugestoes-topo[b-cis70xdsrw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
}

.sugestoes-titulo[b-cis70xdsrw] {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: var(--ink);
}

.sugestoes-ajuda[b-cis70xdsrw] {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.sugestoes-protocolo[b-cis70xdsrw] {
    margin: var(--space-2) 0 0;
    font-family: var(--font-mono);
    font-size: 12px;
    line-height: 16px;
    color: var(--ink-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lista-sugestoes[b-cis70xdsrw] {
    display: grid;
    gap: var(--space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.sugestao[b-cis70xdsrw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

.sugestao-texto[b-cis70xdsrw] {
    flex: 1 1 240px;
    min-width: 0;
}

.sugestao-titulo[b-cis70xdsrw] {
    margin: 0;
    font-weight: 600;
    color: var(--ink);
    overflow-wrap: anywhere;
}

.sugestao-resumo[b-cis70xdsrw] {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
    overflow-wrap: anywhere;
}

.sugestao-acoes[b-cis70xdsrw] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.itens[b-cis70xdsrw] {
    display: grid;
    gap: var(--space-3);
}

.adicionar[b-cis70xdsrw] {
    display: grid;
    gap: var(--space-3);
    justify-items: start;
}

.incluir[b-cis70xdsrw] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--space-3);
    width: 100%;
}

    .incluir .ps-campo[b-cis70xdsrw] {
        flex: 1 1 240px;
        min-width: 0;
    }

        .incluir .ps-campo select[b-cis70xdsrw] {
            box-sizing: border-box;
            width: 100%;
            min-height: 44px;
        }

/* Ação discreta (Criar terapia nova): parece link, com 44px de altura. */
.acao-discreta[b-cis70xdsrw] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    min-height: 44px;
    padding: 0 var(--space-1);
    border: 0;
    background: none;
    font: inherit;
    font-size: 14px;
    line-height: 20px;
    color: var(--ametista);
    cursor: pointer;
}

    .acao-discreta:focus-visible[b-cis70xdsrw] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

.criar-terapia[b-cis70xdsrw] {
    display: grid;
    gap: var(--space-3);
    width: 100%;
    box-sizing: border-box;
    padding: var(--space-4);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

    .criar-terapia .ps-campo[b-cis70xdsrw] {
        min-width: 0;
    }

        .criar-terapia .ps-campo input[b-cis70xdsrw] {
            box-sizing: border-box;
            width: 100%;
            min-height: 44px;
        }

    .criar-terapia .campos[b-cis70xdsrw] {
        grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
    }

.padrao[b-cis70xdsrw] {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--space-6);
}

    .padrao legend[b-cis70xdsrw] {
        width: 100%;
    }

.erro[b-cis70xdsrw] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-1);
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--erro);
}

@media (max-width: 480px) {
    .painel-bloco[b-cis70xdsrw] {
        padding: var(--space-4);
    }
}
/* /Components/Pages/Painel/Biometros/EditorDeBiometro.razor.rz.scp.css */
.anel-cabecalho[b-00lerqbbka] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

    .anel-cabecalho p[b-00lerqbbka] {
        color: var(--ink-muted);
        font-size: 13px;
        line-height: 18px;
    }

/* Itens: cartão por item em espaço estreito; uma linha por item com títulos de coluna em espaço largo. */
.itens[b-00lerqbbka] {
    container-type: inline-size;
    display: grid;
    gap: var(--space-2);
}

.itens-titulos[b-00lerqbbka] {
    display: none;
}

.itens-lista[b-00lerqbbka] {
    display: grid;
    gap: var(--space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.item[b-00lerqbbka] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

    .item.inativo[b-00lerqbbka] {
        background: var(--surface-sunken);
    }

        .item.inativo[b-00lerqbbka]  input,
        .item.inativo[b-00lerqbbka]  select {
            color: var(--ink-muted);
        }

.numero[b-00lerqbbka] {
    grid-column: 1 / -1;
    font-family: var(--font-mono);
    font-size: 12px;
    line-height: 16px;
    color: var(--ink-muted);
}

.item[b-00lerqbbka]  .ps-campo:first-of-type {
    grid-column: 1 / -1;
}

.item[b-00lerqbbka]  input,
.item[b-00lerqbbka]  select {
    min-width: 0;
    min-height: 44px;
    box-sizing: border-box;
}

.ativo[b-00lerqbbka] {
    align-self: end;
}

.item .reordenar[b-00lerqbbka] {
    align-self: end;
    justify-content: flex-end;
}

/* Cor do item: o seletor do navegador num quadrado de toque; sem cor, só o contorno tracejado. */
.cor-do-item[b-00lerqbbka] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.seletor-cor[b-00lerqbbka] {
    flex: none;
    width: 44px;
    height: 44px;
    padding: var(--space-1);
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-sm);
    background: var(--surface-raised);
    cursor: pointer;
}

    .seletor-cor.sem-cor[b-00lerqbbka] {
        border-style: dashed;
    }

        .seletor-cor.sem-cor[b-00lerqbbka]::-webkit-color-swatch {
            opacity: 0;
        }

        .seletor-cor.sem-cor[b-00lerqbbka]::-moz-color-swatch {
            opacity: 0;
        }

@container (min-width: 960px) {
    .itens-titulos[b-00lerqbbka],
    .item[b-00lerqbbka] {
        grid-template-columns: 32px minmax(0, 2fr) minmax(0, .7fr) minmax(0, .7fr) minmax(136px, 1.2fr) 92px minmax(0, 1.4fr) 48px 140px;
        align-items: start;
        column-gap: var(--space-2);
    }

    .itens-titulos[b-00lerqbbka] {
        display: grid;
        padding: 0 var(--space-2);
        font-size: 13px;
        line-height: 18px;
        font-weight: 600;
        color: var(--ink);
    }

    .item[b-00lerqbbka] {
        padding: var(--space-2);
    }

    .numero[b-00lerqbbka] {
        grid-column: auto;
        align-self: center;
        text-align: center;
    }

    .item[b-00lerqbbka]  .ps-campo:first-of-type {
        grid-column: auto;
    }

    /* Os títulos de coluna fazem o papel visual do rótulo; o rótulo continua para leitores de tela. */
    .item[b-00lerqbbka]  .ps-campo > label,
    .ativo-rotulo[b-00lerqbbka] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .ativo[b-00lerqbbka],
    .item .reordenar[b-00lerqbbka] {
        align-self: center;
    }

    .ativo[b-00lerqbbka] {
        justify-content: center;
    }
}

/* /Components/Pages/Painel/Biometros/ImpressaoDeBiometro.razor.rz.scp.css */
/* Folha do biômetro: na tela, um cartão; na impressão, a folha A4 deitada inteira (@page no HeadContent da página). */
.folha[b-b0ktiose4o] {
    display: grid;
    gap: var(--space-2);
    padding: var(--space-6);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    background: var(--surface-raised);
}

.nome[b-b0ktiose4o] {
    margin: 0;
    font-family: var(--font-display);
    font-size: 28px;
    line-height: 34px;
    font-weight: 400;
    text-align: center;
}

.descricao[b-b0ktiose4o],
.aneis[b-b0ktiose4o],
.assinatura[b-b0ktiose4o] {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
    text-align: center;
}

.assinatura[b-b0ktiose4o] {
    font-family: var(--font-display);
}

.desenho[b-b0ktiose4o] {
    display: block;
    width: 100%;
    height: auto;
    max-width: 1100px;
    margin: 0 auto;
}

.contorno[b-b0ktiose4o] {
    fill: none;
    stroke: var(--ink);
    stroke-width: 2;
}

.fatia[b-b0ktiose4o] {
    fill: var(--surface-raised);
    stroke: var(--line-strong);
    stroke-width: 1;
}

    .fatia.par[b-b0ktiose4o] {
        fill: var(--surface-sunken);
    }

    .fatia.deficiente[b-b0ktiose4o] {
        fill: var(--estado-deficiente-soft);
    }

    .fatia.equilibrado[b-b0ktiose4o] {
        fill: var(--estado-equilibrado-soft);
    }

    .fatia.excessivo[b-b0ktiose4o] {
        fill: var(--estado-excessivo-soft);
    }

    /* Cor escolhida no item (vem no style da fatia). Vale igual nos dois temas, como no papel. */
    .fatia.com-cor[b-b0ktiose4o] {
        fill: var(--cor-da-fatia);
    }

.centro[b-b0ktiose4o] {
    fill: var(--surface-sunken);
    stroke: var(--ink);
    stroke-width: 2;
}

.ponto[b-b0ktiose4o] {
    fill: var(--ink);
}

.rotulo-fatia[b-b0ktiose4o] {
    fill: var(--ink);
    font-family: var(--font-sans);
    font-weight: 600;
}

/* Sobre a cor do item o rótulo não segue o tema: escuro em cor clara, claro em cor escura (DesenhoDoBiometro). */
.rotulo-fatia.sobre-claro[b-b0ktiose4o] {
    fill: var(--mistico-noite);
}

.rotulo-fatia.sobre-escuro[b-b0ktiose4o] {
    fill: var(--mistico-estrela);
}

@media print {
    .folha[b-b0ktiose4o] {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: none;
        break-inside: avoid;
    }

    /* A folha deitada tem 186 mm úteis de altura (210 menos as margens de 12): o desenho fica em 140 e sobra
       espaço para o nome, a descrição e a legenda, sem empurrar nada para uma segunda folha. */
    .desenho[b-b0ktiose4o] {
        max-width: none;
        max-height: 140mm;
    }

    /* Fundos só saem se o navegador imprimir cores; os estados e os anéis alternados fazem parte do biômetro. */
    .fatia[b-b0ktiose4o],
    .centro[b-b0ktiose4o] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }
}
/* /Components/Pages/Painel/Biometros/ListaDeBiometros.razor.rz.scp.css */
.busca[b-nihevljct7] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--space-2) var(--space-6);
}

    .busca .ps-campo[b-nihevljct7] {
        flex: 1 1 280px;
        min-width: 0;
    }

/* Lupa dentro do campo, à esquerda. */
.busca-campo[b-nihevljct7] {
    position: relative;
    display: block;
}

    .busca-campo[b-nihevljct7]  .ps-icone {
        position: absolute;
        top: 50%;
        left: var(--space-3);
        transform: translateY(-50%);
        color: var(--ink-muted);
        pointer-events: none;
    }

    .busca-campo input[b-nihevljct7] {
        width: 100%;
        box-sizing: border-box;
        min-height: 44px;
        padding-left: calc(var(--space-3) + var(--space-4) + var(--space-2));
    }

/* Busca e quantos encontrou, juntos; a lista vem depois, no espaçamento da página. */
.busca-bloco[b-nihevljct7] {
    display: grid;
    gap: var(--space-2);
}

.busca select[b-nihevljct7] {
    min-height: 44px;
}

.pagina .lista-situacao[b-nihevljct7] {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.busca .opcao-marcar[b-nihevljct7] {
    min-height: 44px;
}

/* Nome com a descrição embaixo, em tom secundário. */
.nome-celula[b-nihevljct7] {
    display: grid;
    gap: var(--space-1);
}

.descricao[b-nihevljct7] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.acoes-da-linha[b-nihevljct7] {
    display: inline-flex;
    gap: var(--space-2);
}
/* /Components/Pages/Painel/Clientes/AceiteDoTermo.razor.rz.scp.css */
.termo-pagina[b-k9fudfeda0] {
    display: grid;
    gap: var(--space-6);
}

    .termo-pagina h1[b-k9fudfeda0],
    .termo-pagina p[b-k9fudfeda0] {
        margin: 0;
    }

/* O texto é lido por quem é atendido, às vezes com o aparelho na mão: maior que o corpo do painel. */
.texto[b-k9fudfeda0] {
    font-size: 17px;
    line-height: 24px;
    color: var(--ink);
}

.versao[b-k9fudfeda0] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.acoes[b-k9fudfeda0] {
    display: grid;
    gap: var(--space-4);
}

    .acoes[b-k9fudfeda0]  .aviso {
        margin-bottom: 0;
    }

.aceitar[b-k9fudfeda0] {
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 52px;
    font-size: 17px;
    line-height: 24px;
}

.so-impressao[b-k9fudfeda0] {
    display: none;
}

@media print {
    .nao-imprimir[b-k9fudfeda0] {
        display: none;
    }

    .so-impressao[b-k9fudfeda0] {
        display: grid;
    }

    /* Duas linhas para preencher à mão. */
    .assinatura[b-k9fudfeda0] {
        grid-template-columns: 2fr 1fr;
        gap: var(--space-8);
        margin-top: var(--space-12);
    }

        .assinatura span[b-k9fudfeda0] {
            padding-top: var(--space-2);
            border-top: 1px solid var(--ink);
            font-size: 13px;
            line-height: 18px;
        }
}
/* /Components/Pages/Painel/Clientes/DetalheDoCliente.razor.rz.scp.css */
/* Dados preenchidos: rótulo acima do valor, em colunas que se ajustam à largura. */
.dados[b-s863k09x75] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--space-4) var(--space-6);
    margin: 0;
}

    .dados dt[b-s863k09x75] {
        font-size: 13px;
        line-height: 18px;
        font-weight: 600;
        color: var(--ink-muted);
    }

    .dados dd[b-s863k09x75] {
        margin: var(--space-1) 0 0;
        color: var(--ink);
        overflow-wrap: anywhere;
    }

        .dados dd a[b-s863k09x75] {
            display: inline-flex;
            align-items: center;
            min-height: 44px;
            margin: calc(-1 * var(--space-3)) 0;
        }

.confirmar[b-s863k09x75] {
    display: grid;
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-sm);
    background: var(--surface-sunken);
}

    .confirmar p[b-s863k09x75] {
        color: var(--ink);
    }

.anteriores[b-s863k09x75] {
    display: grid;
    gap: var(--space-2);
    padding-top: var(--space-4);
    border-top: 1px solid var(--line);
}

    .anteriores h3[b-s863k09x75] {
        margin: 0;
    }

    .anteriores ul[b-s863k09x75] {
        display: grid;
        gap: var(--space-1);
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 13px;
        line-height: 18px;
        color: var(--ink-muted);
    }

.observacoes[b-s863k09x75] {
    white-space: pre-line;
}

    .painel-bloco p.observacoes[b-s863k09x75] {
        color: var(--ink);
    }

.agendamentos[b-s863k09x75] {
    display: grid;
    gap: var(--space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

h3.rotulo[b-s863k09x75] {
    margin: 0;
}

.acoes-cabecalho[b-s863k09x75] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}
/* /Components/Pages/Painel/Clientes/EditorDeCliente.razor.rz.scp.css */
/* CEP com o botão de busca ao lado; no celular, o botão desce. */
.cep[b-g0qoi861uz] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--space-2) var(--space-3);
}

    .cep[b-g0qoi861uz]  .ps-campo {
        flex: 0 1 260px;
        min-width: 0;
    }

        .cep[b-g0qoi861uz]  .ps-campo input {
            width: 100%;
            box-sizing: border-box;
        }

    /* Alinha o botão ao campo, abaixo do rótulo (18px de linha + space-2). */
    .cep[b-g0qoi861uz]  .ps-btn {
        margin-top: calc(var(--space-4) + var(--space-2) + var(--space-1) / 2);
        min-height: 44px;
    }

/* Resultado da busca, na largura toda, logo abaixo do CEP. */
.painel-bloco .cep-situacao[b-g0qoi861uz] {
    margin-top: calc(-1 * var(--space-2));
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

/* Exclusão completa: aviso do que sai, oferta de exportar e o nome digitado. */
.exclusao-completa[b-g0qoi861uz] {
    display: grid;
    gap: var(--space-4);
    max-width: 640px;
}

    .exclusao-completa p[b-g0qoi861uz] {
        margin: 0;
    }
/* /Components/Pages/Painel/Clientes/ListaDeClientes.razor.rz.scp.css */
.busca[b-nn23psczab] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--space-2) var(--space-6);
}

    .busca .ps-campo[b-nn23psczab] {
        flex: 1 1 280px;
        min-width: 0;
    }

/* Lupa dentro do campo, à esquerda. */
.busca-campo[b-nn23psczab] {
    position: relative;
    display: block;
}

    .busca-campo[b-nn23psczab]  .ps-icone {
        position: absolute;
        top: 50%;
        left: var(--space-3);
        transform: translateY(-50%);
        color: var(--ink-muted);
        pointer-events: none;
    }

    .busca-campo input[b-nn23psczab] {
        width: 100%;
        box-sizing: border-box;
        min-height: 44px;
        padding-left: calc(var(--space-3) + var(--space-4) + var(--space-2));
    }

/* Busca e quantos encontrou, juntos; a lista vem depois, no espaçamento da página. */
.busca-bloco[b-nn23psczab] {
    display: grid;
    gap: var(--space-2);
}

.busca select[b-nn23psczab] {
    min-height: 44px;
}

.pagina .lista-situacao[b-nn23psczab] {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}
/* /Components/Pages/Painel/Inicio.razor.rz.scp.css */
.passos[b-cl9p9l0gr6] {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
}

.passo[b-cl9p9l0gr6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3) var(--space-4);
    padding: var(--space-4) 0;
}

    .passo + .passo[b-cl9p9l0gr6] {
        border-top: 1px solid var(--line);
    }

.marca[b-cl9p9l0gr6] {
    display: inline-flex;
    color: var(--ink-muted);
}

    .marca[b-cl9p9l0gr6]  .ps-icone {
        width: 20px;
        height: 20px;
    }

.feito .marca[b-cl9p9l0gr6] {
    color: var(--ametista);
}

.texto[b-cl9p9l0gr6] {
    display: grid;
    gap: var(--space-1);
    flex: 1 1 240px;
}

.titulo[b-cl9p9l0gr6] {
    font-weight: 600;
}

.feito .titulo[b-cl9p9l0gr6] {
    color: var(--ink-muted);
}

.descricao[b-cl9p9l0gr6] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.tudo-pronto[b-cl9p9l0gr6] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--ink-muted);
}

    .tudo-pronto[b-cl9p9l0gr6]  .ps-icone {
        color: var(--ametista);
    }

.andamento[b-cl9p9l0gr6] {
    display: grid;
    gap: var(--space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}
/* /Components/Pages/Painel/Protocolos/CartaoDePergunta.razor.rz.scp.css */
.pergunta[b-h44woupx58] {
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

    .pergunta.aberta[b-h44woupx58] {
        border-color: var(--line-strong);
    }

.pergunta-cabecalho[b-h44woupx58] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2);
}

/* O resumo inteiro é o botão de abrir e fechar: alvo de toque grande. */
.pergunta-resumo[b-h44woupx58] {
    display: flex;
    flex: 1 1 240px;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2) var(--space-3);
    min-width: 0;
    min-height: 44px;
    padding: var(--space-2);
    border: 0;
    border-radius: var(--radius-sm);
    background: none;
    color: var(--ink);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

    .pergunta-resumo:hover[b-h44woupx58] {
        background: var(--surface-sunken);
    }

    .pergunta-resumo:focus-visible[b-h44woupx58] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

    .pergunta-resumo[b-h44woupx58] >  .ps-icone {
        margin-left: auto;
        flex: none;
    }

.pergunta-numero[b-h44woupx58] {
    font-family: var(--font-mono);
    font-size: 12px;
    line-height: 16px;
    color: var(--ink-muted);
}

.pergunta-texto[b-h44woupx58] {
    display: grid;
    flex: 1 1 160px;
    min-width: 0;
}

.pergunta-enunciado[b-h44woupx58] {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.pergunta-meta[b-h44woupx58] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.pergunta-corpo[b-h44woupx58] {
    display: grid;
    gap: var(--space-4);
    padding: var(--space-2) var(--space-4) var(--space-4);
    border-top: 1px solid var(--line);
}

.pergunta-marcas[b-h44woupx58] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-6);
}

/* Opções: rótulo, estado e botões; uma por linha em espaço largo. */
.opcoes[b-h44woupx58] {
    container-type: inline-size;
    display: grid;
    gap: var(--space-3);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.opcoes-lista[b-h44woupx58] {
    display: grid;
    gap: var(--space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.opcao[b-h44woupx58] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
    padding: var(--space-3);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface-raised);
}

    .opcao[b-h44woupx58]  input,
    .opcao[b-h44woupx58]  select {
        width: 100%;
        min-height: 44px;
        box-sizing: border-box;
    }

    .opcao .reordenar[b-h44woupx58] {
        justify-content: flex-end;
    }

@container (min-width: 440px) {
    .opcao[b-h44woupx58] {
        grid-template-columns: minmax(0, 2fr) minmax(130px, 1fr) auto;
        align-items: end;
    }
}

/* Dentro de um grupo, no celular, sobra menos que os 260px da grade de campos: a coluna encolhe até caber. */
.pergunta-corpo > .campos[b-h44woupx58] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
}
/* /Components/Pages/Painel/Protocolos/CartaoDeTratamento.razor.rz.scp.css */
.tratamento[b-0o96olo0n5] {
    display: grid;
    gap: var(--space-4);
    padding: var(--space-4);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

.tratamento-cabecalho[b-0o96olo0n5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.tratamento-titulo[b-0o96olo0n5] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
    min-width: 0;
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.pergunta-numero[b-0o96olo0n5] {
    font-family: var(--font-mono);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: var(--ink-muted);
}

/* Duração e unidade ocupam uma célula da grade de campos, lado a lado. */
.duracao[b-0o96olo0n5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-2);
    min-width: 0;
}

    .duracao[b-0o96olo0n5]  :is(input, select) {
        width: 100%;
        box-sizing: border-box;
    }

/* No celular, o cartão dentro do bloco tem menos que os 260px da grade de campos: a coluna encolhe até caber. */
.tratamento > .campos[b-0o96olo0n5] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
}
/* /Components/Pages/Painel/Protocolos/EditorDeProtocolo.razor.rz.scp.css */
.campos-curtos[b-ascvocmvzq] {
    grid-template-columns: repeat(auto-fill, minmax(200px, 260px));
}

/* Perguntas soltas e grupos, na ordem do formulário. */
.elementos[b-ascvocmvzq],
.perguntas[b-ascvocmvzq],
.indicados[b-ascvocmvzq],
.tratamentos[b-ascvocmvzq] {
    display: grid;
    gap: var(--space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.grupo[b-ascvocmvzq] {
    display: grid;
    gap: var(--space-4);
    padding: var(--space-4);
    border: 1px solid var(--line-strong);
    border-radius: var(--radius-md);
    background: var(--surface-sunken);
}

.grupo-cabecalho[b-ascvocmvzq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.grupo-titulo[b-ascvocmvzq] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
    min-width: 0;
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.pergunta-numero[b-ascvocmvzq] {
    font-family: var(--font-mono);
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: var(--ink-muted);
}

/* Biômetro indicado: escolha, observação e botões numa linha em espaço largo. */
.indicados[b-ascvocmvzq] {
    container-type: inline-size;
}

.indicado[b-ascvocmvzq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-3);
    padding: var(--space-3);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

    .indicado[b-ascvocmvzq]  select,
    .indicado[b-ascvocmvzq]  input {
        width: 100%;
        min-height: 44px;
        box-sizing: border-box;
    }

    .indicado .reordenar[b-ascvocmvzq] {
        justify-content: flex-end;
    }

@container (min-width: 640px) {
    .indicado[b-ascvocmvzq] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
        align-items: end;
    }
}

.grupo > .campos[b-ascvocmvzq] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
}

@media (max-width: 599.98px) {
    .grupo[b-ascvocmvzq] {
        padding: var(--space-3);
    }
}
/* /Components/Pages/Painel/Relatorios/SecaoDeIdentidade.razor.rz.scp.css */
.logo[b-n8e4jyzdo6] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--space-6);
}

.moldura[b-n8e4jyzdo6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    max-width: 100%;
    height: 120px;
    padding: var(--space-3);
    box-sizing: border-box;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface-raised);
    overflow: hidden;
}

    .moldura img[b-n8e4jyzdo6] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.sem-logo[b-n8e4jyzdo6] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.logo-acoes[b-n8e4jyzdo6] {
    display: grid;
    gap: var(--space-3);
    flex: 1 1 240px;
    min-width: 0;
}

    .logo-acoes[b-n8e4jyzdo6]  input[type="file"] {
        max-width: 100%;
        min-height: 44px;
    }

.linha-cor[b-n8e4jyzdo6] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

    .linha-cor[b-n8e4jyzdo6]  input[type="text"] {
        flex: 1 1 auto;
        min-width: 0;
    }

.seletor-cor[b-n8e4jyzdo6] {
    flex: none;
    width: 44px;
    height: 44px;
    padding: var(--space-1);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface-raised);
    cursor: pointer;
}

.amostra-filete[b-n8e4jyzdo6] {
    display: block;
    border-top: 4px solid var(--cor-da-conta);
}

.acoes[b-n8e4jyzdo6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-4);
}

.status[b-n8e4jyzdo6] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.identidade-campos[b-n8e4jyzdo6] {
    display: grid;
    gap: var(--space-4);
    max-width: 560px;
}
/* /Components/Pages/Painel/Terapias/DetalheDaTerapia.razor.rz.scp.css */
.definicoes[b-rskxci8jpo] {
    display: grid;
    grid-template-columns: minmax(120px, max-content) minmax(0, 1fr);
    gap: var(--space-3) var(--space-6);
    margin: 0;
}

    .definicoes dt[b-rskxci8jpo] {
        font-size: 13px;
        line-height: 18px;
        font-weight: 600;
        color: var(--ink);
    }

    .definicoes dd[b-rskxci8jpo] {
        margin: 0;
        color: var(--ink);
    }

.campos-extras[b-rskxci8jpo] {
    display: grid;
    gap: var(--space-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

    .campos-extras li[b-rskxci8jpo] {
        display: grid;
        gap: calc(var(--space-1) / 2);
    }

/* Recursos: linha de 44px com a caixa de marcar, o nome (link para o recurso) e os selos. */
.recursos[b-rskxci8jpo] {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
}

.recurso[b-rskxci8jpo] {
    display: flex;
    align-items: center;
    gap: var(--space-2) var(--space-3);
    min-height: 44px;
    padding: 0 var(--space-4) 0 var(--space-2);
}

    .recurso + .recurso[b-rskxci8jpo] {
        border-top: 1px solid var(--line);
    }

    .recurso .opcao-marcar[b-rskxci8jpo] {
        justify-content: center;
        width: 44px;
        flex: none;
    }

.recurso-nome[b-rskxci8jpo] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex: 1 1 auto;
    min-width: 0;
    padding: var(--space-2) 0;
    color: var(--ink);
    text-decoration: none;
}

.recurso-textos[b-rskxci8jpo] {
    display: grid;
    min-width: 0;
}

/* Imagem do recurso (a da conta antes da do catálogo), só ilustrativa: o nome ao lado já diz o que é. */
.miniatura[b-rskxci8jpo] {
    width: 40px;
    height: 40px;
    flex: none;
    object-fit: contain;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface-sunken);
}

    .recurso-nome:hover .lista-nome[b-rskxci8jpo] {
        text-decoration: underline;
    }

    .recurso-nome:focus-visible[b-rskxci8jpo] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

    .recurso-nome .lista-nome[b-rskxci8jpo] {
        font-weight: 500;
    }

@media (max-width: 599.98px) {
    .definicoes[b-rskxci8jpo] {
        grid-template-columns: 1fr;
        gap: var(--space-1);
    }

        .definicoes dd + dt[b-rskxci8jpo] {
            margin-top: var(--space-3);
        }
}
/* /Components/Pages/Painel/Terapias/DetalheDoRecurso.razor.rz.scp.css */
.sobre[b-xr96igtxac] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--space-6);
}

.imagens[b-xr96igtxac] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    max-width: 100%;
}

.textos[b-xr96igtxac] {
    display: grid;
    gap: var(--space-3);
    flex: 1 1 280px;
    min-width: 0;
}

    .textos:empty[b-xr96igtxac] {
        display: none;
    }

/* Imagem e detalhes da conta num recurso do catálogo: um embaixo do outro, o texto na largura toda. */
.sua-versao[b-xr96igtxac] {
    display: grid;
    gap: var(--space-4);
}

    .sua-versao[b-xr96igtxac]  textarea {
        width: 100%;
        box-sizing: border-box;
    }

.subtitulo[b-xr96igtxac] {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: var(--ink);
}

.descricao[b-xr96igtxac] {
    margin: 0;
    white-space: pre-line;
    color: var(--ink);
}
/* /Components/Pages/Painel/Terapias/EscolhaDeImagem.razor.rz.scp.css */
.imagem[b-bzavepvauo] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--space-6);
}

.moldura[b-bzavepvauo] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    max-width: 100%;
    aspect-ratio: 1;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface-sunken);
    overflow: hidden;
}

    .moldura img[b-bzavepvauo] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.sem-imagem[b-bzavepvauo] {
    display: grid;
    justify-items: center;
    gap: var(--space-2);
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

    .sem-imagem[b-bzavepvauo]  .ps-icone {
        width: 24px;
        height: 24px;
    }

.imagem-acoes[b-bzavepvauo] {
    display: grid;
    gap: var(--space-3);
    flex: 1 1 240px;
    min-width: 0;
}

    .imagem-acoes[b-bzavepvauo]  input[type="file"] {
        max-width: 100%;
        min-height: 44px;
    }
/* /Components/Pages/Painel/Terapias/FormularioDeTerapia.razor.rz.scp.css */
.padrao[b-ulx72u3fys] {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    column-gap: var(--space-4);
}

.campos-extras[b-ulx72u3fys] {
    display: grid;
    gap: var(--space-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.campo-extra[b-ulx72u3fys] {
    display: grid;
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface);
}

    .campo-extra.inativo[b-ulx72u3fys] {
        background: var(--surface-sunken);
    }

.campo-rodape[b-ulx72u3fys] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2) var(--space-6);
}

    .campo-rodape .reordenar[b-ulx72u3fys] {
        margin-left: auto;
    }
/* /Components/Pages/Painel/Terapias/ImagemAmpliavel.razor.rz.scp.css */
.figura[b-3ro23poab6] {
    display: grid;
    gap: var(--space-2);
    width: 240px;
    max-width: 100%;
    margin: 0;
}

    .figura figcaption[b-3ro23poab6] {
        font-size: 13px;
        line-height: 18px;
        color: var(--ink-muted);
    }

.moldura[b-3ro23poab6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    background: var(--surface-sunken);
    overflow: hidden;
}

    .moldura:focus-visible[b-3ro23poab6] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

    .moldura img[b-3ro23poab6] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
/* /Components/Pages/Vitrine/Inicio.razor.rz.scp.css */
/* Página inicial da vitrine. Só tokens místicos, salvo a demonstração do atendimento, que mostra o painel
   como ele é (tokens do painel, no tema do visitante). */

/* ---------- Estrutura comum das seções ---------- */

.secao[b-yvj0opixul] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--space-20) var(--space-20);
    box-sizing: border-box;
    display: grid;
    gap: var(--space-12);
}

.cabecalho[b-yvj0opixul] {
    display: grid;
    gap: var(--space-4);
    max-width: 720px;
}

    .cabecalho.centro[b-yvj0opixul] {
        justify-items: center;
        text-align: center;
        margin-inline: auto;
    }

.chamada[b-yvj0opixul] {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mistico-luz);
}

h2[b-yvj0opixul], h3[b-yvj0opixul], p[b-yvj0opixul], ul[b-yvj0opixul], ol[b-yvj0opixul], dl[b-yvj0opixul], dd[b-yvj0opixul], figure[b-yvj0opixul] {
    margin: 0;
}

h2[b-yvj0opixul] {
    color: var(--mistico-estrela);
    text-wrap: balance;
}

.lede[b-yvj0opixul] {
    font-size: 17px;
    line-height: 24px;
    color: var(--mistico-nevoa);
    max-width: 600px;
}

/* ---------- O que você faz: cinco etapas logo depois do hero ---------- */

.faz[b-yvj0opixul] {
    padding-top: var(--space-12);
}

    .faz .lede[b-yvj0opixul] {
        max-width: 640px;
    }

.terapias em[b-yvj0opixul] {
    font-style: normal;
    color: var(--mistico-estrela);
}

.etapas[b-yvj0opixul] {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--space-6);
}

    .etapas li[b-yvj0opixul] {
        display: grid;
        align-content: start;
        gap: var(--space-2);
        padding-top: var(--space-4);
        border-top: 1px solid color-mix(in srgb, var(--mistico-luz) 45%, transparent);
    }

.etapa-n[b-yvj0opixul] {
    font-family: var(--font-display);
    font-size: 42px;
    line-height: 48px;
    color: var(--mistico-luz);
}

.etapas h3[b-yvj0opixul] {
    color: var(--mistico-estrela);
}

.etapas p[b-yvj0opixul] {
    font-size: 15px;
    line-height: 22px;
    color: var(--mistico-nevoa);
}

/* ---------- Como funciona ---------- */

.como-grade[b-yvj0opixul] {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    gap: var(--space-12);
    align-items: center;
}

/* A sessão como um registro de horários: um fio vertical que liga as marcações. */
.sessao[b-yvj0opixul] {
    position: relative;
    list-style: none;
    padding: 0;
    display: grid;
    gap: var(--space-6);
}

    .sessao[b-yvj0opixul]::before {
        content: "";
        position: absolute;
        left: 5px;
        top: var(--space-2);
        bottom: var(--space-2);
        width: 1px;
        background: linear-gradient(var(--mistico-luz), color-mix(in srgb, var(--mistico-violeta) 25%, transparent));
    }

    .sessao li[b-yvj0opixul] {
        position: relative;
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr);
        column-gap: var(--space-3);
        row-gap: var(--space-1);
        padding-left: var(--space-8);
    }

        .sessao li[b-yvj0opixul]::before {
            content: "";
            position: absolute;
            left: 0;
            top: 6px;
            width: 9px;
            height: 9px;
            border-radius: var(--radius-pill);
            border: 1px solid var(--mistico-luz);
            background: var(--mistico-noite);
        }

        .sessao li:last-child[b-yvj0opixul]::before {
            background: var(--mistico-luz);
        }

    .sessao .hora[b-yvj0opixul] {
        grid-row: span 2;
        font-family: var(--font-mono);
        font-size: 13px;
        line-height: 22px;
        font-variant-numeric: tabular-nums;
        color: var(--mistico-luz);
    }

    .sessao h3[b-yvj0opixul] {
        color: var(--mistico-estrela);
    }

    .sessao p[b-yvj0opixul] {
        font-size: 15px;
        line-height: 22px;
        color: var(--mistico-nevoa);
    }

/* Demonstração: um recorte da tela de atendimento, com o painel no tema do visitante. */
.demo[b-yvj0opixul] {
    display: grid;
    gap: var(--space-3);
}

    .demo figcaption[b-yvj0opixul] {
        font-size: 13px;
        line-height: 18px;
        color: var(--mistico-nevoa);
        text-align: center;
    }

.janela[b-yvj0opixul] {
    color-scheme: light dark;
    display: grid;
    gap: var(--space-4);
    padding: var(--space-6);
    border-radius: var(--radius-lg);
    background: var(--surface);
    color: var(--ink);
    font-family: var(--font-sans);
    font-size: 15px;
    line-height: 22px;
    box-shadow: var(--shadow-glow);
    border: 1px solid color-mix(in srgb, var(--mistico-luz) 30%, transparent);
}

.janela-topo[b-yvj0opixul] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: var(--space-4);
}

.janela-rotulo[b-yvj0opixul] {
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.janela-pergunta[b-yvj0opixul] {
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
}

.mesa-demo[b-yvj0opixul] {
    width: 100%;
    max-width: 360px;
    justify-self: center;
    overflow: visible;
}

.fatia[b-yvj0opixul] {
    fill: var(--surface-raised);
    stroke: var(--line-strong);
    stroke-width: 1;
}

    .fatia.alvo[b-yvj0opixul] {
        animation: fatia-indicada-b-yvj0opixul 9s ease-in-out infinite;
    }

.fatia-n[b-yvj0opixul] {
    fill: var(--ink-muted);
    font-family: var(--font-mono);
    font-size: 12px;
}

.trajeto[b-yvj0opixul] {
    stroke: var(--ametista);
    stroke-width: 1.5;
    stroke-dasharray: 3 4;
    opacity: .7;
}

.peso[b-yvj0opixul] {
    fill: var(--ametista);
    transform-box: view-box;
    animation: balanco-b-yvj0opixul .9s ease-in-out infinite alternate;
}

.eixo[b-yvj0opixul] {
    fill: var(--ink);
}

/* O pêndulo procura, oscila cada vez menos e para no centro da fatia 3 (−25,71°). */
.ponteiro[b-yvj0opixul] {
    transform-origin: 160px 158px;
    animation: procura-b-yvj0opixul 9s ease-in-out infinite;
}

@keyframes procura-b-yvj0opixul {
    0% { transform: rotate(62deg); }
    9% { transform: rotate(-58deg); }
    18% { transform: rotate(38deg); }
    27% { transform: rotate(-48deg); }
    35% { transform: rotate(-6deg); }
    41% { transform: rotate(-33deg); }
    46% { transform: rotate(-23deg); }
    50%, 90% { transform: rotate(-25.71deg); }
    100% { transform: rotate(62deg); }
}

@keyframes balanco-b-yvj0opixul {
    from { transform: translateY(-20px); }
    to { transform: translateY(16px); }
}

@keyframes fatia-indicada-b-yvj0opixul {
    0%, 49% { fill: var(--surface-raised); }
    53%, 90% { fill: var(--ametista-soft); stroke: var(--ametista); }
    100% { fill: var(--surface-raised); }
}

.janela .ps-opcoes[b-yvj0opixul] {
    grid-template-columns: repeat(auto-fill, minmax(124px, 1fr));
}

.janela .ps-opcao[b-yvj0opixul] {
    cursor: default;
    font-size: 14px;
    line-height: 20px;
}

.opcao-alvo[b-yvj0opixul] {
    animation: opcao-marcada-b-yvj0opixul 9s ease-in-out infinite;
}

@keyframes opcao-marcada-b-yvj0opixul {
    0%, 51% { background: var(--surface-raised); border-color: var(--line-strong); box-shadow: none; }
    54%, 90% { background: var(--ametista-soft); border-color: var(--ametista); box-shadow: inset 0 0 0 1px var(--ametista); font-weight: 600; }
    100% { background: var(--surface-raised); border-color: var(--line-strong); box-shadow: none; }
}

.salvo[b-yvj0opixul] {
    flex: none;
    opacity: 0;
    animation: aparece-b-yvj0opixul 9s ease-in-out infinite;
}

@keyframes aparece-b-yvj0opixul {
    0%, 54% { opacity: 0; transform: translateY(4px); }
    58%, 88% { opacity: 1; transform: none; }
    96%, 100% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .ponteiro[b-yvj0opixul], .peso[b-yvj0opixul], .fatia.alvo[b-yvj0opixul], .opcao-alvo[b-yvj0opixul], .salvo[b-yvj0opixul] {
        animation: none;
    }

    .ponteiro[b-yvj0opixul] { transform: rotate(-25.71deg); }
    .fatia.alvo[b-yvj0opixul] { fill: var(--ametista-soft); stroke: var(--ametista); }
    .opcao-alvo[b-yvj0opixul] { background: var(--ametista-soft); border-color: var(--ametista); box-shadow: inset 0 0 0 1px var(--ametista); font-weight: 600; }
    .salvo[b-yvj0opixul] { opacity: 1; }
}

/* ---------- A mesa: a foto de fundo, com o texto sobre o lado escuro ---------- */

.mesa[b-yvj0opixul] {
    position: relative;
    isolation: isolate;
    min-height: 680px;
    display: grid;
    grid-template-columns: minmax(0, 1200px);
    justify-content: center;
    align-items: center;
    padding: var(--space-20) 0;
    box-sizing: border-box;
    overflow: hidden;
}

.mesa-foto[b-yvj0opixul] {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 62% 50%;
}

.mesa[b-yvj0opixul]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, var(--mistico-noite) 0%, color-mix(in srgb, var(--mistico-noite) 86%, transparent) 30%, transparent 60%),
        linear-gradient(180deg, var(--mistico-noite) 0%, transparent 16%, transparent 84%, var(--mistico-noite) 100%);
}

/* Mesma margem das outras seções: coluna de 1200px com o recuo de space-20. */
.mesa-texto[b-yvj0opixul] {
    max-width: 500px;
    padding-inline: var(--space-20);
    display: grid;
    gap: var(--space-6);
}

/* O jeito antigo riscado, o novo logo abaixo. */
.trocas[b-yvj0opixul] {
    list-style: none;
    padding: 0;
    display: grid;
    gap: var(--space-2);
}

    .trocas li[b-yvj0opixul] {
        display: grid;
        gap: var(--space-1);
        padding: var(--space-2) 0 var(--space-2) var(--space-4);
        border-left: 1px solid color-mix(in srgb, var(--mistico-luz) 45%, transparent);
    }

    .trocas s[b-yvj0opixul] {
        font-size: 13px;
        line-height: 18px;
        color: color-mix(in srgb, var(--mistico-nevoa) 75%, transparent);
        text-decoration-color: color-mix(in srgb, var(--mistico-quartzo) 80%, transparent);
    }

    .trocas span[b-yvj0opixul] {
        font-size: 15px;
        line-height: 22px;
        color: var(--mistico-estrela);
    }

/* ---------- Recursos: cartões com um recorte de cada parte ---------- */

.bento[b-yvj0opixul] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
}

.cartao[b-yvj0opixul] {
    display: grid;
    align-content: start;
    gap: var(--space-3);
    padding: var(--space-6);
    border-radius: var(--radius-lg);
    background: var(--mistico-noite-alta);
    border: 1px solid color-mix(in srgb, var(--mistico-nevoa) 12%, transparent);
    overflow: hidden;
}

    .cartao h3[b-yvj0opixul] {
        color: var(--mistico-estrela);
    }

    .cartao p[b-yvj0opixul] {
        font-size: 15px;
        line-height: 22px;
        color: var(--mistico-nevoa);
    }

.cartao-biometro[b-yvj0opixul] {
    grid-column: span 2;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    align-items: end;
    gap: var(--space-8);
    padding: var(--space-8);
    background:
        radial-gradient(ellipse 55% 90% at 76% 100%, color-mix(in srgb, var(--mistico-violeta) 30%, transparent), transparent 70%),
        var(--mistico-noite-alta);
}

.cartao-texto[b-yvj0opixul] {
    display: grid;
    gap: var(--space-3);
}

/* O biômetro nasce da borda de baixo do cartão, como se estivesse sobre a mesa. */
.ilustra-biometro[b-yvj0opixul] {
    width: 100%;
    overflow: visible;
    margin-bottom: calc(-1 * var(--space-8) - 2px);
}

.setor[b-yvj0opixul] {
    fill: color-mix(in srgb, var(--mistico-violeta) 10%, transparent);
    stroke: color-mix(in srgb, var(--mistico-luz) 55%, transparent);
    stroke-width: 1;
}

    .setor.marcado[b-yvj0opixul] {
        fill: color-mix(in srgb, var(--mistico-luz) 38%, transparent);
        stroke: var(--mistico-luz);
    }

    .setor.centro[b-yvj0opixul] {
        fill: color-mix(in srgb, var(--mistico-violeta) 24%, transparent);
    }

.agulha[b-yvj0opixul] {
    stroke: var(--mistico-estrela);
    stroke-width: 1.5;
}

.agulha-ponta[b-yvj0opixul] {
    fill: var(--mistico-estrela);
}

.ilustra-protocolo[b-yvj0opixul],
.ilustra-comparacao[b-yvj0opixul],
.ilustra-terapias[b-yvj0opixul],
.ilustra-agenda[b-yvj0opixul],
.ilustra-sigilo[b-yvj0opixul] {
    min-height: 136px;
    margin-bottom: var(--space-2);
}

.ilustra-protocolo[b-yvj0opixul] {
    display: grid;
    gap: var(--space-2);
    align-content: center;
}

.pergunta-mini[b-yvj0opixul] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--mistico-noite) 65%, transparent);
    border: 1px solid color-mix(in srgb, var(--mistico-nevoa) 16%, transparent);
    font-size: 13px;
    line-height: 18px;
    color: var(--mistico-estrela);
}

    .pergunta-mini em[b-yvj0opixul] {
        flex: none;
        font-style: normal;
        font-family: var(--font-mono);
        font-size: 12px;
        color: var(--mistico-luz);
    }

    .pergunta-mini.condicao[b-yvj0opixul] {
        margin-left: var(--space-6);
        border-style: dashed;
        border-color: color-mix(in srgb, var(--mistico-luz) 55%, transparent);
    }

        .pergunta-mini.condicao[b-yvj0opixul]::before {
            content: "";
            position: absolute;
            left: calc(-1 * var(--space-4));
            top: -10px;
            width: 10px;
            height: 26px;
            border-left: 1px solid color-mix(in srgb, var(--mistico-luz) 55%, transparent);
            border-bottom: 1px solid color-mix(in srgb, var(--mistico-luz) 55%, transparent);
            border-bottom-left-radius: var(--radius-sm);
        }

.ilustra-comparacao[b-yvj0opixul] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
}

    .ilustra-comparacao .antes[b-yvj0opixul] {
        font-size: 28px;
        line-height: 32px;
        color: var(--mistico-nevoa);
        opacity: .7;
    }

    .ilustra-comparacao .agora[b-yvj0opixul] {
        font-size: 48px;
        line-height: 48px;
        font-weight: 500;
        color: var(--mistico-estrela);
    }

    .ilustra-comparacao .seta[b-yvj0opixul] {
        position: relative;
        width: 44px;
        height: 1px;
        background: var(--mistico-luz);
    }

        .ilustra-comparacao .seta[b-yvj0opixul]::after {
            content: "";
            position: absolute;
            right: 0;
            top: -4px;
            width: 8px;
            height: 8px;
            border-top: 1px solid var(--mistico-luz);
            border-right: 1px solid var(--mistico-luz);
            transform: rotate(45deg);
        }

.ilustra-terapias[b-yvj0opixul] {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap: var(--space-2);
}

    .ilustra-terapias li[b-yvj0opixul] {
        padding: var(--space-1) var(--space-3);
        border-radius: var(--radius-pill);
        border: 1px solid color-mix(in srgb, var(--mistico-nevoa) 28%, transparent);
        font-size: 13px;
        line-height: 20px;
        color: var(--mistico-estrela);
    }

    .ilustra-terapias .nova[b-yvj0opixul] {
        border-style: dashed;
        border-color: var(--mistico-luz);
        color: var(--mistico-luz);
    }

.ilustra-agenda[b-yvj0opixul] {
    display: grid;
    gap: var(--space-2);
    align-content: center;
}

.horario[b-yvj0opixul] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--mistico-noite) 65%, transparent);
    border-left: 3px solid var(--mistico-luz);
    font-size: 13px;
    line-height: 18px;
    color: var(--mistico-estrela);
}

    .horario .h[b-yvj0opixul],
    .horario .v[b-yvj0opixul] {
        font-family: var(--font-mono);
        font-size: 12px;
        color: var(--mistico-nevoa);
        font-variant-numeric: tabular-nums;
    }

    .horario.cruza[b-yvj0opixul] {
        border-left-color: var(--mistico-quartzo);
    }

.cruzamento[b-yvj0opixul] {
    padding-left: var(--space-3);
    font-size: 12px;
    line-height: 16px;
    color: var(--mistico-quartzo);
}

.ilustra-sigilo[b-yvj0opixul] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-content: center;
    align-items: center;
    gap: var(--space-2) var(--space-3);
    padding: 0 var(--space-4);
    border-radius: var(--radius-sm);
    border: 1px dashed color-mix(in srgb, var(--mistico-nevoa) 24%, transparent);
    font-size: 13px;
    line-height: 18px;
    color: var(--mistico-luz);
}

    .ilustra-sigilo[b-yvj0opixul]  .ps-icone {
        width: 16px;
        height: 16px;
    }

    .ilustra-sigilo .borrado[b-yvj0opixul] {
        grid-column: 1 / -1;
        font-size: 15px;
        line-height: 22px;
        color: var(--mistico-estrela);
        filter: blur(3.5px);
        user-select: none;
    }

.cartao-mais[b-yvj0opixul] {
    grid-column: span 2;
    align-content: center;
}

.mais[b-yvj0opixul] {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3) var(--space-6);
}

    .mais li[b-yvj0opixul] {
        position: relative;
        padding-left: var(--space-6);
        font-size: 15px;
        line-height: 22px;
        color: var(--mistico-nevoa);
    }

/* Marcador: um pequeno pêndulo (losango) na luz da marca. */
.mais li[b-yvj0opixul]::before,
.plano li[b-yvj0opixul]::before {
    content: "";
    position: absolute;
    left: var(--space-1);
    top: var(--space-2);
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    background: var(--mistico-luz);
    border-radius: 1px;
}

/* ---------- Relatórios ---------- */

.relatorios[b-yvj0opixul] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
}

.relatorios-texto[b-yvj0opixul] {
    display: grid;
    gap: var(--space-4);
}

.nota[b-yvj0opixul] {
    font-size: 13px;
    line-height: 18px;
    color: var(--mistico-nevoa);
    padding-left: var(--space-4);
    border-left: 2px solid var(--mistico-violeta);
}

.folhas[b-yvj0opixul] {
    position: relative;
    min-height: 440px;
}

.folha[b-yvj0opixul] {
    position: absolute;
    width: 264px;
    box-sizing: border-box;
    display: grid;
    gap: var(--space-2);
    padding: var(--space-6);
    border-radius: var(--radius-sm);
    background: var(--mistico-estrela);
    color: var(--mistico-noite);
    font-family: var(--font-sans);
    font-size: 12px;
    line-height: 16px;
    box-shadow: 0 24px 48px color-mix(in srgb, var(--mistico-noite) 70%, transparent);
}

.folha-leitura[b-yvj0opixul] {
    left: 0;
    top: 0;
    transform: rotate(-3deg);
    z-index: 1;
}

.folha-tratamento[b-yvj0opixul] {
    right: calc(-1 * var(--space-12));
    top: var(--space-20);
    transform: rotate(2.5deg);
}

.folha-topo[b-yvj0opixul] {
    display: flex;
    gap: var(--space-3);
    align-items: center;
    padding-bottom: var(--space-3);
    margin-bottom: var(--space-1);
    border-bottom: 2px solid var(--mistico-violeta);
}

.folha-logo[b-yvj0opixul] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-pill);
    background: var(--mistico-violeta);
    color: var(--mistico-estrela);
    font-family: var(--font-display);
    font-size: 13px;
}

.folha-marca[b-yvj0opixul] {
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
}

.folha-meta[b-yvj0opixul] {
    color: color-mix(in srgb, var(--mistico-noite) 60%, transparent);
}

.folha-secao[b-yvj0opixul] {
    margin-top: var(--space-2);
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--mistico-violeta);
}

.folha-linha[b-yvj0opixul] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-3);
    padding-bottom: var(--space-1);
    border-bottom: 1px solid color-mix(in srgb, var(--mistico-noite) 10%, transparent);
}

.mono[b-yvj0opixul] {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
}

.folha-barra[b-yvj0opixul] {
    height: 6px;
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--mistico-noite) 10%, transparent);
    overflow: hidden;
}

    .folha-barra span[b-yvj0opixul] {
        display: block;
        width: 70%;
        height: 100%;
        background: var(--mistico-turmalina);
    }

.folha-texto[b-yvj0opixul] {
    height: 8px;
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--mistico-noite) 12%, transparent);
}

    .folha-texto.curto[b-yvj0opixul] {
        width: 62%;
    }

.folha-aviso[b-yvj0opixul] {
    margin-top: var(--space-3);
    padding-top: var(--space-2);
    border-top: 1px solid color-mix(in srgb, var(--mistico-noite) 10%, transparent);
    color: color-mix(in srgb, var(--mistico-noite) 60%, transparent);
    font-style: italic;
}

/* ---------- Privacidade ---------- */

.privacidade[b-yvj0opixul] {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    align-items: start;
}

.privacidade-chamada[b-yvj0opixul] {
    display: grid;
    gap: var(--space-6);
}

.garantias[b-yvj0opixul] {
    list-style: none;
    padding: 0;
    display: grid;
}

    .garantias li[b-yvj0opixul] {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
        gap: var(--space-4);
        padding: var(--space-6) 0;
        border-top: 1px solid color-mix(in srgb, var(--mistico-nevoa) 16%, transparent);
    }

        .garantias li:last-child[b-yvj0opixul] {
            border-bottom: 1px solid color-mix(in srgb, var(--mistico-nevoa) 16%, transparent);
        }

    .garantias h3[b-yvj0opixul] {
        color: var(--mistico-estrela);
    }

    .garantias p[b-yvj0opixul] {
        font-size: 15px;
        line-height: 22px;
        color: var(--mistico-nevoa);
    }

.link[b-yvj0opixul] {
    justify-self: start;
    color: var(--mistico-luz);
    font-weight: 600;
    text-underline-offset: 4px;
}

    .link:hover[b-yvj0opixul] {
        color: var(--mistico-estrela);
    }

    .link:focus-visible[b-yvj0opixul],
    summary:focus-visible[b-yvj0opixul] {
        outline: 2px solid var(--mistico-vela);
        outline-offset: 3px;
        border-radius: var(--radius-sm);
    }

/* ---------- Planos ---------- */

.planos-grade[b-yvj0opixul] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 400px));
    justify-content: center;
    gap: var(--space-6);
}

.plano[b-yvj0opixul] {
    position: relative;
    display: grid;
    grid-template-rows: auto auto auto 1fr auto;
    gap: var(--space-4);
    padding: var(--space-8);
    border-radius: var(--radius-lg);
    background: var(--mistico-noite-alta);
    border: 1px solid color-mix(in srgb, var(--mistico-nevoa) 16%, transparent);
}

    .plano.destaque[b-yvj0opixul] {
        border-color: var(--mistico-luz);
        box-shadow: var(--shadow-glow);
        background:
            radial-gradient(ellipse 80% 60% at 50% 0%, color-mix(in srgb, var(--mistico-violeta) 26%, transparent), transparent 70%),
            var(--mistico-noite-alta);
    }

    .plano h3[b-yvj0opixul] {
        color: var(--mistico-estrela);
    }

.plano-selo[b-yvj0opixul] {
    position: absolute;
    top: var(--space-8);
    right: var(--space-8);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--mistico-luz) 18%, transparent);
    color: var(--mistico-luz);
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.plano-resumo[b-yvj0opixul] {
    font-size: 15px;
    line-height: 22px;
    color: var(--mistico-nevoa);
}

.preco[b-yvj0opixul] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
    padding-block: var(--space-2);
}

    .preco .valor[b-yvj0opixul] {
        font-family: var(--font-display);
        font-size: 42px;
        line-height: 48px;
        color: var(--mistico-estrela);
    }

    .preco .periodo[b-yvj0opixul] {
        font-size: 15px;
        line-height: 22px;
        color: var(--mistico-nevoa);
    }

.plano ul[b-yvj0opixul] {
    list-style: none;
    padding: var(--space-4) 0 0;
    border-top: 1px solid color-mix(in srgb, var(--mistico-nevoa) 14%, transparent);
    display: grid;
    gap: var(--space-3);
    align-content: start;
}

.plano li[b-yvj0opixul] {
    position: relative;
    padding-left: var(--space-6);
    font-size: 15px;
    line-height: 22px;
    color: var(--mistico-estrela);
}

.plano[b-yvj0opixul]  .ps-btn-vitrine {
    width: 100%;
    margin-top: var(--space-2);
}

.planos-nota[b-yvj0opixul] {
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    color: var(--mistico-nevoa);
}

/* ---------- Perguntas ---------- */

.perguntas[b-yvj0opixul] {
    grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
    align-items: start;
}

.lista-perguntas[b-yvj0opixul] {
    display: grid;
}

details[b-yvj0opixul] {
    border-bottom: 1px solid color-mix(in srgb, var(--mistico-nevoa) 16%, transparent);
}

    details:first-child[b-yvj0opixul] {
        border-top: 1px solid color-mix(in srgb, var(--mistico-nevoa) 16%, transparent);
    }

summary[b-yvj0opixul] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-4);
    min-height: 44px;
    padding: var(--space-4) 0;
    cursor: pointer;
    list-style: none;
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
    color: var(--mistico-estrela);
}

    summary[b-yvj0opixul]::-webkit-details-marker {
        display: none;
    }

    summary[b-yvj0opixul]::after {
        content: "+";
        flex: none;
        font-family: var(--font-mono);
        font-size: 22px;
        line-height: 28px;
        color: var(--mistico-luz);
        transition: transform 150ms;
    }

details[open] summary[b-yvj0opixul]::after {
    transform: rotate(45deg);
}

details p[b-yvj0opixul] {
    padding-bottom: var(--space-6);
    max-width: 640px;
    font-size: 15px;
    line-height: 22px;
    color: var(--mistico-nevoa);
}

/* ---------- Chamada final ---------- */

.final[b-yvj0opixul] {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: var(--space-4);
    padding: var(--space-12) var(--space-4) var(--space-20);
    background: radial-gradient(ellipse 50% 70% at 50% 30%, color-mix(in srgb, var(--mistico-violeta) 24%, transparent), transparent 70%);
}

    .final h2[b-yvj0opixul] {
        max-width: 640px;
    }

    .final p[b-yvj0opixul] {
        font-size: 17px;
        line-height: 24px;
        color: var(--mistico-nevoa);
    }

    .final[b-yvj0opixul]  .ps-btn-vitrine {
        margin-top: var(--space-2);
    }

.pendulo-final[b-yvj0opixul] {
    width: 96px;
    height: 160px;
    overflow: visible;
}

/* PenduloCristal num grupo já deslocado: a suspensão é a origem. */
.pendulo-final-corpo[b-yvj0opixul] {
    transform-origin: 0 0;
    animation: oscila-b-yvj0opixul 3.6s ease-in-out infinite alternate;
}

@keyframes oscila-b-yvj0opixul {
    from { transform: rotate(-9deg); }
    to { transform: rotate(9deg); }
}

@media (prefers-reduced-motion: reduce) {
    .pendulo-final-corpo[b-yvj0opixul] { animation: none; }
}

/* ---------- Telas menores ---------- */

@media (max-width: 1079.98px) {
    .folha-tratamento[b-yvj0opixul] {
        right: 0;
    }

    .como-grade[b-yvj0opixul],
    .relatorios[b-yvj0opixul],
    .perguntas[b-yvj0opixul],
    .privacidade[b-yvj0opixul] {
        grid-template-columns: 1fr;
    }

    .bento[b-yvj0opixul] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .etapas[b-yvj0opixul] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .cartao-biometro[b-yvj0opixul],
    .cartao-mais[b-yvj0opixul] {
        grid-column: 1 / -1;
    }

    .folhas[b-yvj0opixul] {
        max-width: 560px;
        width: 100%;
        justify-self: center;
    }
}

@media (max-width: 899.98px) {
    .secao[b-yvj0opixul] {
        padding: var(--space-12) var(--space-4);
        gap: var(--space-8);
    }

    .faz[b-yvj0opixul] {
        padding-top: var(--space-8);
    }

    .etapas[b-yvj0opixul] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--space-4);
    }

    .etapas li[b-yvj0opixul] {
        grid-template-columns: var(--space-8) minmax(0, 1fr);
        column-gap: var(--space-4);
    }

    .etapa-n[b-yvj0opixul] {
        grid-row: span 2;
        font-size: 28px;
        line-height: 34px;
    }

    h2.display-lg[b-yvj0opixul] {
        font-size: 28px;
        line-height: 34px;
    }

    /* A foto vem inteira em cima e o texto embaixo, sem nada por cima da imagem. */
    .mesa[b-yvj0opixul] {
        min-height: 0;
        padding: 0 var(--space-4) var(--space-12);
        gap: var(--space-6);
        grid-template-columns: minmax(0, 1fr);
    }

    .mesa-texto[b-yvj0opixul] {
        padding-inline: 0;
    }

    .mesa-foto[b-yvj0opixul] {
        position: relative;
        inset: auto;
        width: calc(100% + 2 * var(--space-4));
        height: auto;
        aspect-ratio: 4 / 3;
        margin-inline: calc(-1 * var(--space-4));
        object-position: 66% 50%;
    }

    .mesa[b-yvj0opixul]::before {
        background: linear-gradient(180deg, var(--mistico-noite) 0, transparent 10%, transparent 30%, var(--mistico-noite) 60%);
        top: 0;
        z-index: -1;
    }

    .bento[b-yvj0opixul] {
        grid-template-columns: minmax(0, 1fr);
    }

    .cartao-biometro[b-yvj0opixul] {
        grid-template-columns: minmax(0, 1fr);
        padding: var(--space-6);
        gap: var(--space-6);
    }

    .mais[b-yvj0opixul],
    .garantias li[b-yvj0opixul] {
        grid-template-columns: minmax(0, 1fr);
    }

    .garantias li[b-yvj0opixul] {
        gap: var(--space-2);
    }

    .planos-grade[b-yvj0opixul] {
        grid-template-columns: minmax(0, 1fr);
    }

    .plano[b-yvj0opixul] {
        padding: var(--space-6);
    }

    .plano-selo[b-yvj0opixul] {
        top: var(--space-6);
        right: var(--space-6);
    }

    .janela[b-yvj0opixul] {
        padding: var(--space-4);
    }
}

@media (max-width: 599.98px) {
    .folhas[b-yvj0opixul] {
        min-height: 0;
        display: grid;
        gap: var(--space-4);
    }

    .folha[b-yvj0opixul] {
        position: static;
        width: 100%;
        transform: none;
    }

    .folha-tratamento[b-yvj0opixul] {
        display: none;
    }
}
/* /Components/Pages/Vitrine/Privacidade.razor.rz.scp.css */
/* Política de privacidade: texto longo na vitrine, com índice fixo ao lado em telas largas. */

.politica[b-sgjlcwqdmo] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--space-20) var(--space-20);
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 240px minmax(0, 720px);
    grid-template-areas:
        "abertura abertura"
        "indice texto";
    gap: var(--space-12) var(--space-20);
}

h1[b-sgjlcwqdmo], h2[b-sgjlcwqdmo], p[b-sgjlcwqdmo], ul[b-sgjlcwqdmo], ol[b-sgjlcwqdmo] {
    margin: 0;
}

.abertura[b-sgjlcwqdmo] {
    grid-area: abertura;
    display: grid;
    gap: var(--space-4);
    max-width: 760px;
}

    .abertura h1[b-sgjlcwqdmo] {
        color: var(--mistico-estrela);
        text-wrap: balance;
    }

.chamada[b-sgjlcwqdmo] {
    font-family: var(--font-sans);
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mistico-luz);
}

.lede[b-sgjlcwqdmo] {
    font-size: 17px;
    line-height: 24px;
    color: var(--mistico-nevoa);
}

.data[b-sgjlcwqdmo] {
    font-size: 13px;
    line-height: 18px;
    color: var(--mistico-nevoa);
}

.indice[b-sgjlcwqdmo] {
    grid-area: indice;
    align-self: start;
    position: sticky;
    top: var(--space-20);
    display: grid;
    gap: var(--space-3);
}

    .indice ol[b-sgjlcwqdmo] {
        list-style: none;
        padding: 0;
        display: grid;
        gap: var(--space-1);
        counter-reset: secao;
    }

    .indice li[b-sgjlcwqdmo] {
        counter-increment: secao;
    }

    .indice a[b-sgjlcwqdmo] {
        display: flex;
        gap: var(--space-2);
        padding: var(--space-1) 0;
        font-size: 13px;
        line-height: 18px;
        color: var(--mistico-nevoa);
        text-decoration: none;
    }

        .indice a[b-sgjlcwqdmo]::before {
            content: counter(secao, decimal-leading-zero);
            font-family: var(--font-mono);
            color: color-mix(in srgb, var(--mistico-luz) 70%, transparent);
        }

        .indice a:hover[b-sgjlcwqdmo] {
            color: var(--mistico-estrela);
        }

a:focus-visible[b-sgjlcwqdmo] {
    outline: 2px solid var(--mistico-vela);
    outline-offset: 3px;
    border-radius: var(--radius-sm);
}

.texto[b-sgjlcwqdmo] {
    grid-area: texto;
    display: grid;
    gap: var(--space-12);
}

    .texto section[b-sgjlcwqdmo] {
        display: grid;
        gap: var(--space-4);
    }

    .texto h2[b-sgjlcwqdmo] {
        color: var(--mistico-estrela);
    }

    .texto p[b-sgjlcwqdmo],
    .texto li[b-sgjlcwqdmo] {
        font-size: 15px;
        line-height: 22px;
        color: var(--mistico-nevoa);
    }

    .texto strong[b-sgjlcwqdmo] {
        color: var(--mistico-estrela);
        font-weight: 600;
    }

    .texto ul[b-sgjlcwqdmo] {
        display: grid;
        gap: var(--space-3);
        padding-left: var(--space-6);
    }

    .texto li[b-sgjlcwqdmo]::marker {
        color: var(--mistico-luz);
    }

.tabela-rolagem[b-sgjlcwqdmo] {
    overflow-x: auto;
    border-radius: var(--radius-md);
    border: 1px solid color-mix(in srgb, var(--mistico-nevoa) 18%, transparent);
}

table[b-sgjlcwqdmo] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    line-height: 18px;
}

th[b-sgjlcwqdmo], td[b-sgjlcwqdmo] {
    text-align: left;
    vertical-align: top;
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid color-mix(in srgb, var(--mistico-nevoa) 12%, transparent);
}

th[b-sgjlcwqdmo] {
    font-weight: 600;
    color: var(--mistico-estrela);
    background: var(--mistico-noite-alta);
}

td[b-sgjlcwqdmo] {
    color: var(--mistico-nevoa);
}

tbody tr:last-child td[b-sgjlcwqdmo] {
    border-bottom: 0;
}

code[b-sgjlcwqdmo] {
    font-family: var(--font-mono);
    font-size: 12px;
    color: var(--mistico-luz);
    word-break: break-all;
}

@media (max-width: 899.98px) {
    .politica[b-sgjlcwqdmo] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "abertura"
            "indice"
            "texto";
        padding: var(--space-12) var(--space-4);
        gap: var(--space-8);
    }

    .abertura h1[b-sgjlcwqdmo] {
        font-size: 28px;
        line-height: 34px;
    }

    .indice[b-sgjlcwqdmo] {
        position: static;
        padding: var(--space-4);
        border-radius: var(--radius-md);
        background: var(--mistico-noite-alta);
    }

    .texto h2[b-sgjlcwqdmo] {
        font-size: 22px;
        line-height: 28px;
    }
}
/* /Components/Ui/EstadoDaGravacao.razor.rz.scp.css */
/* Indicador de gravação: discreto quando está tudo salvo, na cor de erro quando algo não chegou ao banco. */
.estado-gravacao[b-0wdigppx4q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2) var(--space-3);
    min-height: 44px;
    font-size: 13px;
    line-height: 18px;
    color: var(--ink-muted);
}

.estado-texto[b-0wdigppx4q] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
}

.salvando[b-0wdigppx4q]  .ps-icone {
    animation: girar-b-0wdigppx4q 1s linear infinite;
}

.nao-salvo .estado-texto[b-0wdigppx4q] {
    color: var(--erro);
    font-weight: 600;
}

.estado-gravacao[b-0wdigppx4q]  .ps-btn {
    min-height: 44px;
}

@keyframes girar-b-0wdigppx4q {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .salvando[b-0wdigppx4q]  .ps-icone {
        animation: none;
    }
}
/* /Components/Ui/EstadoVazio.razor.rz.scp.css */
.estado-vazio[b-nh6ypgvpov] {
    display: grid;
    justify-items: start;
    gap: var(--space-3);
    padding: var(--space-8) var(--space-6);
    border: 1px dashed var(--line-strong);
    border-radius: var(--radius-md);
    background: var(--surface-raised);
}

    .estado-vazio h2[b-nh6ypgvpov],
    .estado-vazio p[b-nh6ypgvpov] {
        margin: 0;
    }

    .estado-vazio p[b-nh6ypgvpov] {
        max-width: 560px;
        color: var(--ink-muted);
    }

.simbolo[b-nh6ypgvpov] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-pill);
    background: var(--ametista-soft);
    color: var(--ametista);
}

    .simbolo[b-nh6ypgvpov]  .ps-icone {
        width: 20px;
        height: 20px;
    }

.acoes[b-nh6ypgvpov] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-2);
}
/* /Components/Ui/HeroMistico.razor.rz.scp.css */
/* HeroMistico: valores do preview do design system, com as cores fixas trocadas pelos tokens místicos. */

.hero[b-mdqz4dgjr7] {
    position: relative;
    overflow: hidden;
    min-height: 600px;
    display: grid;
    /* as duas colunas somam 1040px, como o conteúdo das outras seções; em tela larga ficam no centro */
    grid-template-columns: minmax(0, 540px) minmax(0, 500px);
    justify-content: center;
    align-items: center;
    padding: 0 var(--space-20);
    box-sizing: border-box;
    background:
        radial-gradient(ellipse 55% 70% at calc(50% + 270px) 60%, color-mix(in srgb, var(--mistico-violeta) 32%, transparent), transparent 70%),
        var(--mistico-noite);
}

/* O céu se dissolve no fundo da página embaixo, sem uma borda reta entre o hero e a seção seguinte. */
.hero[b-mdqz4dgjr7]::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: var(--space-20);
    background: linear-gradient(transparent, var(--mistico-noite));
    pointer-events: none;
}

.ceu[b-mdqz4dgjr7] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.estrela[b-mdqz4dgjr7] { fill: var(--mistico-estrela); }
.estrela.quartzo[b-mdqz4dgjr7] { fill: var(--mistico-quartzo); }

.texto[b-mdqz4dgjr7] {
    position: relative;
    z-index: 1;
    max-width: 560px;
    display: grid;
    gap: var(--space-6);
}

.marca[b-mdqz4dgjr7] {
    font-family: var(--font-display);
    font-size: 22px;
    letter-spacing: .04em;
    color: var(--mistico-luz);
}

.sobretitulo[b-mdqz4dgjr7] {
    font-family: var(--font-sans);
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mistico-luz);
}

h1[b-mdqz4dgjr7] {
    margin: 0;
    color: var(--mistico-estrela);
    text-wrap: balance;
}

    h1[b-mdqz4dgjr7]  em {
        font-style: normal;
        color: var(--mistico-vela);
    }

p[b-mdqz4dgjr7] {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 17px;
    line-height: 24px;
    color: var(--mistico-nevoa);
    max-width: 440px;
}

p.nota[b-mdqz4dgjr7] {
    margin-top: calc(-1 * var(--space-2));
    font-size: 13px;
    line-height: 18px;
}

.acoes[b-mdqz4dgjr7] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.palco[b-mdqz4dgjr7] {
    position: relative;
    z-index: 1;
    height: 600px;
}

    .palco svg[b-mdqz4dgjr7] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

.anel[b-mdqz4dgjr7] { fill: none; stroke: var(--mistico-violeta); stroke-width: 1; }
.marca-dial[b-mdqz4dgjr7] { stroke: var(--mistico-nevoa); stroke-width: 1; opacity: .45; }
.rot-dial[b-mdqz4dgjr7] { fill: var(--mistico-nevoa); opacity: .7; font-family: var(--font-mono); font-weight: 500; font-size: 12px; letter-spacing: .08em; }
.vela[b-mdqz4dgjr7] { stop-color: var(--mistico-vela); }
.sombra[b-mdqz4dgjr7] { fill: var(--mistico-noite); opacity: .7; }

/* O pêndulo (PenduloCristal) fica num grupo já deslocado para o ponto de suspensão: a origem é (0, 0). */
.pendulo[b-mdqz4dgjr7] {
    transform-origin: 0 0;
    animation: oscila-b-mdqz4dgjr7 3.6s ease-in-out infinite alternate;
}

@keyframes oscila-b-mdqz4dgjr7 {
    from { transform: rotate(-7deg); }
    to { transform: rotate(7deg); }
}

/* A ponta está 499 unidades abaixo da suspensão: ±7° levam ela ±61 para os lados, no mesmo compasso. */
.sob-a-ponta[b-mdqz4dgjr7] {
    animation: acompanha-b-mdqz4dgjr7 3.6s ease-in-out infinite alternate;
}

@keyframes acompanha-b-mdqz4dgjr7 {
    from { transform: translateX(61px); }
    to { transform: translateX(-61px); }
}

.onda[b-mdqz4dgjr7] {
    fill: none;
    stroke: var(--mistico-luz);
    stroke-width: 1;
    opacity: 0;
    transform-origin: 300px 520px;
    animation: onda-b-mdqz4dgjr7 3.6s ease-out infinite;
}

.onda.d2[b-mdqz4dgjr7] { animation-delay: 1.2s; }
.onda.d3[b-mdqz4dgjr7] { animation-delay: 2.4s; }

@keyframes onda-b-mdqz4dgjr7 {
    0% { transform: scale(.2); opacity: .5; }
    100% { transform: scale(1.6); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .pendulo[b-mdqz4dgjr7], .onda[b-mdqz4dgjr7], .sob-a-ponta[b-mdqz4dgjr7] { animation: none; }
    .onda[b-mdqz4dgjr7] { opacity: .15; }
}

/* Abaixo de 900px: texto em cima, pêndulo abaixo com 360px de altura. */
@media (max-width: 899.98px) {
    .hero[b-mdqz4dgjr7] {
        grid-template-columns: 1fr;
        padding: var(--space-12) var(--space-4) 0;
        gap: var(--space-6);
    }

    h1[b-mdqz4dgjr7] {
        font-size: 42px;
        line-height: 48px;
    }

    .palco[b-mdqz4dgjr7] { height: 360px; }
}
/* /Components/Ui/NavLateral.razor.rz.scp.css */
/* Complementos da .ps-nav do bundle: posição no layout, gaveta no celular e rodapé. */

.nav-lateral[b-zjz7bd475b] {
    position: sticky;
    top: 0;
    height: 100dvh;
    overflow-y: auto;
    margin: 0;
    color: var(--ink);
}

/* O popover só age como gaveta abaixo de 960px; em telas largas a barra fica sempre visível no fluxo. */
@media (min-width: 960px) {
    .nav-lateral[popover][b-zjz7bd475b] {
        display: flex;
        inset: 0 auto auto 0;
        border-width: 0 1px 0 0;
    }

    .topo .fechar[b-zjz7bd475b] {
        display: none;
    }
}

@media (max-width: 959.98px) {
    /* O display:flex do .ps-nav venceria o display:none que o navegador dá ao popover fechado. */
    .nav-lateral[popover]:not(:popover-open)[b-zjz7bd475b] {
        display: none;
    }

    .nav-lateral[popover][b-zjz7bd475b] {
        position: fixed;
        inset: 0 auto 0 0;
        border-width: 0 1px 0 0;
        box-shadow: var(--shadow-raised);
    }

        .nav-lateral[popover][b-zjz7bd475b]::backdrop {
            background: color-mix(in srgb, var(--ink) 40%, transparent);
        }
}

.topo[b-zjz7bd475b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
}

a.ps-nav-marca[b-zjz7bd475b] {
    padding: 0 var(--space-2);
    text-decoration: none;
}

    a.ps-nav-marca:hover[b-zjz7bd475b] {
        background: none;
    }

.fechar[b-zjz7bd475b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--ink);
    cursor: pointer;
}

    .fechar:hover[b-zjz7bd475b] {
        background: var(--surface-raised);
    }

    .fechar:focus-visible[b-zjz7bd475b] {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

.rodape[b-zjz7bd475b] {
    margin-top: auto;
    display: grid;
    gap: calc(var(--space-1) / 2);
    padding-top: var(--space-4);
    border-top: 1px solid var(--line);
}
/* /Components/Ui/TabelaGrade.razor.rz.scp.css */
.tabela-rolagem[b-v60rnigayi] {
    overflow-x: auto;
    background: var(--surface-raised);
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
}

.tabela[b-v60rnigayi] {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    line-height: 22px;
}

    .tabela th[b-v60rnigayi],
    .tabela td[b-v60rnigayi] {
        padding: var(--space-3) var(--space-4);
        text-align: left;
        vertical-align: middle;
    }

    .tabela tbody tr + tr[b-v60rnigayi],
    .tabela thead tr[b-v60rnigayi] {
        border-top: 1px solid var(--line);
    }

    .tabela thead tr[b-v60rnigayi] {
        border-top: 0;
        border-bottom: 1px solid var(--line);
    }

    .tabela tbody tr:hover[b-v60rnigayi] {
        background: var(--surface-sunken);
    }

.tabela-ordem[b-v60rnigayi] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    min-height: 44px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--ink-muted);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

    .tabela-ordem:hover[b-v60rnigayi],
    th[aria-sort="ascending"] .tabela-ordem[b-v60rnigayi],
    th[aria-sort="descending"] .tabela-ordem[b-v60rnigayi] {
        color: var(--ink);
    }

    .tabela-ordem:focus-visible[b-v60rnigayi],
    .tabela[b-v60rnigayi]  .tabela-link:focus-visible {
        outline: 2px solid var(--focus-ring);
        outline-offset: 2px;
    }

.tabela-seta[b-v60rnigayi] {
    font-size: 12px;
}

.tabela[b-v60rnigayi]  .tabela-link {
    color: var(--ink);
    font-weight: 600;
    text-decoration: none;
}

    .tabela[b-v60rnigayi]  .tabela-link:hover {
        text-decoration: underline;
    }


.tabela th[b-v60rnigayi] {
    color: var(--ink-muted);
    font-weight: 600;
}