/* /Componentes/Compartilhados/CampoAlternar.razor.rz.scp.css */
/* Texto do estado do interruptor pelo proprio checkbox (:checked): os dois textos vem no HTML e so o do estado atual aparece.
   Vale com e sem circuito (portal SSR estatico e telas interativas do admin). Visual do interruptor em wwwroot/css/pipeline.css. */

.alternar__controle:checked ~ .alternar__estado .alternar__estado-desligado[b-iv6jlwenrn] {
    display: none;
}

.alternar__controle:not(:checked) ~ .alternar__estado .alternar__estado-ligado[b-iv6jlwenrn] {
    display: none;
}
/* /Componentes/Compartilhados/Carimbo.razor.rz.scp.css */
/* Carimbo: chip em pilula com um ponto na cor do estado e o texto em caixa de frase.
   Borda de 1px com 35% da tinta, fundo "molhado" com 10% da tinta sobre branco; o texto usa a variante -texto
   (>= 5.5:1 sobre esse fundo, ver tokens --estado-* em pipeline.css). Sem caixa alta e sem espacamento largo. */

.carimbo[b-cfj9ki21jj] {
    --carimbo-tinta: var(--estado-neutro);
    --carimbo-tinta-texto: var(--estado-neutro-texto);
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--espaco-1);
    border: 1px solid color-mix(in srgb, var(--carimbo-tinta) 35%, transparent);
    border-radius: var(--raio-pilula);
    background-color: color-mix(in srgb, var(--carimbo-tinta) 10%, var(--superficie));
    color: var(--carimbo-tinta-texto);
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
}

.carimbo--pequeno[b-cfj9ki21jj] {
    min-height: 1.5rem;
    padding: 2px 10px 2px 8px;
    font-size: var(--texto-xs);
}

/* Conteudo assentado na base: em chips de mesma altura (linha com varios chips grandes) os rodapes dividem a mesma
   linha, tenha o rotulo 1 ou 2 linhas. Com 2 linhas (rotulo + rodape) a pilula viraria oval: o grande usa --raio-md. */
.carimbo--grande[b-cfj9ki21jj] {
    justify-content: flex-end;
    min-width: 9rem;
    padding: var(--espaco-2) var(--espaco-5);
    border-radius: var(--raio-md);
    font-size: var(--texto-base);
    white-space: normal;
    text-align: center;
}

/* Rotulo longo (ex.: Aguardando horario) quebra em linhas equilibradas em vez de ser cortado. */
.carimbo--grande .carimbo__texto[b-cfj9ki21jj] {
    text-wrap: balance;
}

/* O ponto fica antes do texto e herda a tinta base do estado. */
.carimbo__texto[b-cfj9ki21jj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.carimbo__texto[b-cfj9ki21jj]::before {
    content: "";
    flex: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--carimbo-tinta);
}

.carimbo--grande .carimbo__texto[b-cfj9ki21jj]::before {
    width: 8px;
    height: 8px;
}

.carimbo__rodape[b-cfj9ki21jj] {
    display: block;
    align-self: stretch;
    padding-top: var(--espaco-1);
    border-top: 1px solid color-mix(in srgb, var(--carimbo-tinta) 30%, transparent);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 600;
    letter-spacing: -0.01em;
    font-variant-numeric: tabular-nums slashed-zero;
}

/* No chip grande o numero (ou hash) domina o rotulo. */
.carimbo--grande .carimbo__rodape[b-cfj9ki21jj] {
    font-size: var(--texto-lg);
    font-weight: 650;
}

.carimbo--ativo[b-cfj9ki21jj] {
    --carimbo-tinta: var(--estado-ativo);
    --carimbo-tinta-texto: var(--estado-ativo-texto);
}

.carimbo--ok[b-cfj9ki21jj] {
    --carimbo-tinta: var(--estado-ok);
    --carimbo-tinta-texto: var(--estado-ok-texto);
}

.carimbo--falha[b-cfj9ki21jj] {
    --carimbo-tinta: var(--estado-falha);
    --carimbo-tinta-texto: var(--estado-falha-texto);
}

.carimbo--espera[b-cfj9ki21jj] {
    --carimbo-tinta: var(--estado-espera);
    --carimbo-tinta-texto: var(--estado-espera-texto);
}

.carimbo--neutro[b-cfj9ki21jj] {
    --carimbo-tinta: var(--estado-neutro);
    --carimbo-tinta-texto: var(--estado-neutro-texto);
}

/* O chip assenta quando o status muda: opacidade 0.6 -> 1, escala 1.04 -> 1, 180 ms ease-out. */
.carimbo--assentar[b-cfj9ki21jj] {
    animation: carimbo-assentar-b-cfj9ki21jj 180ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes carimbo-assentar-b-cfj9ki21jj {
    from {
        opacity: 0.6;
        transform: scale(1.04);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .carimbo--assentar[b-cfj9ki21jj] {
        animation: none;
    }
}

@media print {
    .carimbo[b-cfj9ki21jj] {
        background: none;
        color: var(--tinta);
        border-color: var(--tinta);
    }

    .carimbo__texto[b-cfj9ki21jj]::before {
        background-color: var(--tinta);
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
/* /Componentes/Compartilhados/DiferencaTexto.razor.rz.scp.css */
/* DiferencaTexto: diferenca por linha (calibracao de prompt). Molde do Carimbo.razor.css.
   Tintas NEUTRAS (nada de --estado-ok / --estado-falha como decoracao, DESIGN.md):
   - linha que SAI:   prefixo "-", fundo --superficie-realce, filete esquerdo --borda-controle,
                      texto --tinta-suave riscado a 55%;
   - linha que ENTRA: prefixo "+", fundo --navy-tint, filete esquerdo --navy-2, texto --tinta, prefixo em --navy;
   - linha igual:     sem fundo, texto --tinta-suave.
   O sinal nao depende so da cor: prefixo visivel e texto oculto "Sai:" / "Entra:" para leitor de tela. */

.diferenca[b-e7he0kz71w] {
    border: 1px solid var(--hairline);
    border-radius: var(--raio);
    background-color: var(--superficie);
    overflow: clip;
}

.diferenca__legenda[b-e7he0kz71w] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2) var(--espaco-4);
    margin: 0;
    padding: var(--espaco-2) var(--espaco-3);
    border-bottom: 1px solid var(--hairline);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.diferenca__chave[b-e7he0kz71w] {
    display: inline-flex;
    align-items: center;
    gap: var(--espaco-1);
}

.diferenca__chave-amostra[b-e7he0kz71w] {
    display: inline-grid;
    place-items: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 4px;
    font-family: var(--fonte-mono);
    font-weight: 700;
}

.diferenca__chave-amostra--sai[b-e7he0kz71w] {
    background: var(--superficie-realce);
    box-shadow: inset 3px 0 0 var(--borda-controle);
    color: var(--tinta-suave);
}

.diferenca__chave-amostra--entra[b-e7he0kz71w] {
    background: var(--navy-tint);
    box-shadow: inset 3px 0 0 var(--navy-2);
    color: var(--navy);
}

.diferenca__linhas[b-e7he0kz71w] {
    margin: 0;
    padding: var(--espaco-1) 0;
    list-style: none;
    font-family: var(--fonte-mono);
    font-size: 0.8125rem;
    line-height: 1.55;
}

.diferenca__linha[b-e7he0kz71w] {
    display: grid;
    grid-template-columns: 2ch minmax(0, 1fr);
    gap: var(--espaco-2);
    padding: 1px var(--espaco-3);
    border-left: 3px solid transparent;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.diferenca__linha--igual[b-e7he0kz71w] {
    color: var(--tinta-suave);
}

.diferenca__linha--sai[b-e7he0kz71w] {
    background-color: var(--superficie-realce);
    border-left-color: var(--borda-controle);
    color: var(--tinta-suave);
}

.diferenca__linha--sai .diferenca__texto[b-e7he0kz71w] {
    text-decoration: line-through;
    text-decoration-color: color-mix(in srgb, var(--tinta-suave) 55%, transparent);
}

.diferenca__linha--entra[b-e7he0kz71w] {
    background-color: var(--navy-tint);
    border-left-color: var(--navy-2);
    color: var(--tinta);
}

.diferenca__prefixo[b-e7he0kz71w] {
    font-weight: 700;
    user-select: none;
}

.diferenca__linha--entra .diferenca__prefixo[b-e7he0kz71w] {
    color: var(--navy);
}

.diferenca__omitidas[b-e7he0kz71w] {
    margin: 0;
    padding: 2px var(--espaco-3) 2px calc(var(--espaco-3) + 2ch + var(--espaco-2) + 3px);
    color: var(--tinta-fraca);
    font-family: var(--fonte);
    font-size: var(--texto-xs);
    font-style: italic;
}

.diferenca__vazia[b-e7he0kz71w] {
    margin: 0;
    padding: var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

@media print {
    .diferenca__linha--sai[b-e7he0kz71w],
    .diferenca__linha--entra[b-e7he0kz71w] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}
/* /Componentes/Layout/BarraSuperior.razor.rz.scp.css */
/* Botao "Modo apresentacao" da barra superior (H7). Fica entre a busca e o usuario; a barra em si (.barra,
   .barra__busca, .barra__usuario) e estilizada em wwwroot/css/pipeline.css. Tokens do contrato visual.
   A barra usa justify-content: flex-end e a busca tem margin-right: auto (empurra o resto para a direita),
   entao o botao nao precisa de margem propria: fica colado ao bloco do usuario. */

.barra__apresentacao[b-5zv4i4b3xd] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    gap: var(--espaco-2);
    min-height: var(--controle-altura-pequeno);
    padding: 0 var(--espaco-3);
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio);
    background-color: var(--superficie);
    color: var(--tinta-suave);
    box-shadow: var(--sombra-1);
    font-size: var(--texto-xs);
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    user-select: none;
    transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out, box-shadow 150ms ease-out;
}

.barra__apresentacao:hover[b-5zv4i4b3xd] {
    background-color: var(--superficie-realce);
    color: var(--tinta);
}

/* Enquanto o botao e pressionado (clique), sem sombra, como o botao secundario. */
.barra__apresentacao:active[b-5zv4i4b3xd] {
    background-color: var(--navy-tint);
    box-shadow: none;
}

.barra__apresentacao:focus-visible[b-5zv4i4b3xd] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

/* Ligado (pressionado): fundo navy-tint, borda e texto navy, sem sombra. O estado vem de aria-pressed (mesmo sinal que o leitor de tela le). */
.barra__apresentacao[aria-pressed="true"][b-5zv4i4b3xd] {
    background-color: var(--navy-tint);
    border-color: var(--navy);
    color: var(--navy);
    box-shadow: none;
}

.barra__apresentacao[aria-pressed="true"]:hover[b-5zv4i4b3xd] {
    background-color: var(--navy-tint);
    border-color: var(--navy-hover);
    color: var(--navy-hover);
}

/* Celular: so o icone (o nome acessivel continua no aria-label e a dica no title). */
@media (max-width: 639.98px) {
    .barra__apresentacao[b-5zv4i4b3xd] {
        width: var(--controle-altura-pequeno);
        padding: 0;
    }

    .barra__apresentacao-texto[b-5zv4i4b3xd] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .barra__apresentacao[b-5zv4i4b3xd] {
        transition: none;
    }
}

@media print {
    .barra__apresentacao[b-5zv4i4b3xd] {
        display: none !important;
    }
}
/* /Componentes/Layout/LayoutPrincipal.razor.rz.scp.css */
/* Casca da UI admin: trilho de 240px + area de trabalho. Abaixo de 1024px o trilho vira barra superior. */

.casca[b-ll5dpwnh0k] {
    display: grid;
    grid-template-columns: var(--trilho-largura) minmax(0, 1fr);
    min-height: 100vh;
    min-height: 100dvh;
}

.casca__trabalho[b-ll5dpwnh0k] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.casca__conteudo[b-ll5dpwnh0k] {
    flex: 1 1 auto;
    min-width: 0;
    padding: var(--espaco-6) var(--espaco-7) var(--espaco-8);
}

.casca__conteudo:focus[b-ll5dpwnh0k] {
    outline: none;
}

.casca__conteudo:focus-visible[b-ll5dpwnh0k] {
    outline: 2px solid var(--foco);
    outline-offset: -2px;
}

@media (max-width: 1023.98px) {
    .casca[b-ll5dpwnh0k] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto 1fr;
    }

    .casca__conteudo[b-ll5dpwnh0k] {
        padding: var(--espaco-5) var(--espaco-4) var(--espaco-7);
    }
}

@media (max-width: 479.98px) {
    .casca__conteudo[b-ll5dpwnh0k] {
        padding: var(--espaco-4) var(--espaco-3) var(--espaco-6);
    }
}

@media print {
    .casca[b-ll5dpwnh0k] {
        display: block;
    }

    .casca__conteudo[b-ll5dpwnh0k] {
        padding: 0;
    }
}
/* /Componentes/Paginas/Acompanhamento/Eventos.razor.rz.scp.css */
/* Eventos: resumo em linha unica, cortado com reticencias (o texto inteiro fica na dica). */

.eventos__resumo[b-4g9yafd48v] {
    display: inline-block;
    max-width: 64ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

@media (max-width: 639.98px) {
    .eventos__resumo[b-4g9yafd48v] {
        max-width: 100%;
        white-space: normal;
    }
}
/* /Componentes/Paginas/Acompanhamento/ExecucaoDetalhe.razor.rz.scp.css */
/* Detalhe da execucao: carimbo grande no cabecalho, ficha pautada, tarefas por etapa com linha expansivel. */

.execucao__cabecalho[b-13p1wozja5] {
    align-items: center;
}

.execucao__identificacao[b-13p1wozja5] {
    flex: 1 1 320px;
    min-width: 0;
}

.execucao__trilha[b-13p1wozja5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-bottom: var(--espaco-1);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.execucao__acoes[b-13p1wozja5] {
    align-items: center;
}

.execucao__secao[b-13p1wozja5] {
    margin: var(--espaco-6) 0 var(--espaco-3);
}

/* ---- ficha (dados da execucao) ---- */
.ficha[b-13p1wozja5] {
    margin-bottom: var(--espaco-5);
    padding: var(--espaco-4) var(--espaco-5);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.ficha__grade[b-13p1wozja5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--espaco-3) var(--espaco-5);
    margin: 0;
}

.ficha__campo[b-13p1wozja5] {
    min-width: 0;
}

.ficha__campo dt[b-13p1wozja5] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.ficha__campo dd[b-13p1wozja5] {
    margin: 2px 0 0;
    overflow-wrap: anywhere;
}

/* ---- etapas e tarefas ---- */
.etapa + .etapa[b-13p1wozja5] {
    margin-top: var(--espaco-5);
}

.etapa__cabecalho[b-13p1wozja5] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--espaco-1) var(--espaco-3);
    margin-bottom: var(--espaco-2);
}

.etapa__titulo[b-13p1wozja5] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-base);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.etapa__meta[b-13p1wozja5] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.etapa__ordinal[b-13p1wozja5] {
    font-variant-numeric: tabular-nums;
}

/* Numero do ato (etapa.tarefa), primeira celula da linha, como os atos R.1/Av.2 da matricula.
   O numero e o proprio botao que abre os detalhes da tarefa. */
.coluna-ato[b-13p1wozja5] {
    width: 4.5rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.expandir[b-13p1wozja5] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    height: var(--controle-altura-pequeno);
    margin-left: calc(var(--espaco-1) * -1);
    padding: 0 var(--espaco-1);
    border: 1px solid transparent;
    border-radius: var(--raio);
    background: transparent;
    color: var(--tinta-suave);
    transition: background-color var(--transicao), border-color var(--transicao), color var(--transicao);
}

.expandir__ato[b-13p1wozja5] {
    color: var(--tinta);
    font-weight: 650;
}

.expandir:hover[b-13p1wozja5] {
    border-color: var(--hairline-forte);
    background-color: var(--superficie-realce);
    color: var(--tinta);
}

.expandir:active[b-13p1wozja5] {
    background-color: var(--hairline);
}

.expandir[aria-expanded="true"][b-13p1wozja5] {
    color: var(--navy);
}

.expandir[b-13p1wozja5]  .expandir__icone {
    transition: transform var(--transicao);
}

.expandir[b-13p1wozja5]  .expandir__icone--aberto {
    transform: rotate(90deg);
}

.tarefa__codigo[b-13p1wozja5] {
    font-weight: 600;
}

.tarefa__nome[b-13p1wozja5] {
    display: block;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    line-height: 1.3;
}

.linha--aberta td[b-13p1wozja5] {
    border-bottom-color: transparent;
}

.tabela__grade tbody tr.linha-detalhe[b-13p1wozja5] {
    background-color: var(--superficie-pautada);
}

.linha-detalhe > td[b-13p1wozja5] {
    height: auto;
    padding: var(--espaco-3) var(--espaco-3) var(--espaco-4);
}

/* ---- conteudo da linha expandida ---- */
.detalhe-tarefa[b-13p1wozja5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--espaco-3);
}

.bloco[b-13p1wozja5] {
    min-width: 0;
    padding: var(--espaco-3) var(--espaco-4);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
}

.bloco--largo[b-13p1wozja5] {
    grid-column: 1 / -1;
}

.bloco__cabecalho[b-13p1wozja5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2) var(--espaco-3);
    margin-bottom: var(--espaco-2);
}

.bloco__cabecalho .bloco__titulo[b-13p1wozja5] {
    margin-bottom: 0;
}

.bloco__acoes[b-13p1wozja5] {
    margin-left: auto;
}

.bloco__titulo[b-13p1wozja5] {
    margin-bottom: var(--espaco-2);
    color: var(--tinta);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 600;
    letter-spacing: -0.01em;
}

.bloco__linha[b-13p1wozja5] {
    margin-bottom: var(--espaco-2);
    overflow-wrap: anywhere;
}

.bloco__vazio[b-13p1wozja5] {
    color: var(--tinta-suave);
}

.bloco__erro[b-13p1wozja5] {
    margin-bottom: var(--espaco-2);
}

.lista-pautada[b-13p1wozja5] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lista-pautada__linha[b-13p1wozja5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-3);
    min-height: 32px;
    padding: 2px 0;
    border-bottom: 1px solid var(--hairline);
    overflow-wrap: anywhere;
}

.lista-pautada__linha:last-child[b-13p1wozja5] {
    border-bottom: 0;
}

.lista-pautada__linha[b-13p1wozja5]  .lista-pautada__seta {
    color: var(--tinta-suave);
}

.tentativas[b-13p1wozja5] {
    overflow-x: auto;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
}

.tentativas__grade[b-13p1wozja5] {
    width: 100%;
    font-size: var(--texto-xs);
    font-variant-numeric: tabular-nums;
}

.tentativas__grade th[b-13p1wozja5] {
    position: static;
    height: 30px;
    padding: 0 var(--espaco-2);
    border-bottom: 1px solid var(--hairline-forte);
    color: var(--tinta-suave);
    font-weight: 650;
    text-align: left;
    white-space: nowrap;
}

.tentativas__grade td[b-13p1wozja5] {
    height: 30px;
    padding: 0 var(--espaco-2);
    border-bottom: 1px solid var(--hairline);
}

.tentativas__grade tbody tr:last-child td[b-13p1wozja5] {
    border-bottom: 0;
}

.tentativas__grade .tabela__celula--numerica[b-13p1wozja5] {
    text-align: right;
}

.celula-erro[b-13p1wozja5] {
    display: inline-block;
    max-width: 48ch;
    overflow: hidden;
    color: var(--estado-falha-texto);
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.celula-erro strong[b-13p1wozja5] {
    margin-right: var(--espaco-1);
    font-weight: 650;
}

.bloco__erro .celula-erro[b-13p1wozja5] {
    max-width: none;
    white-space: normal;
}

/* Horas da tarefa numa linha so (a data fica no title); o erro (a celula mais importante quando ha falha)
   toma a sobra da largura, quebra em qualquer ponto e le-se inteiro, sem rolagem horizontal.
   A sobra so e reservada (width: 100%, mais abaixo em min-width: 640px) quando alguma tarefa da etapa tem erro:
   com a coluna toda em "—" ela nao rouba largura da coluna Tarefa. */
.coluna-data[b-13p1wozja5] {
    white-space: nowrap;
}

.coluna-erro[b-13p1wozja5] {
    white-space: normal;
    overflow-wrap: anywhere;
}

.coluna-erro .celula-erro[b-13p1wozja5] {
    display: block;
    max-width: none;
    overflow: visible;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Densidade da tabela de tarefas: celulas mais justas para o erro caber em 1440 sem rolagem horizontal. */
@media (min-width: 640px) {
    .etapa .tabela__grade th[b-13p1wozja5],
    .etapa .tabela__grade td[b-13p1wozja5] {
        padding-left: var(--espaco-2);
        padding-right: var(--espaco-2);
    }

    .etapa .tabela__grade .coluna-ato[b-13p1wozja5] {
        padding-left: var(--espaco-3);
        padding-right: 0;
    }

    .etapa .tabela__grade .linha-detalhe > td[b-13p1wozja5] {
        padding: var(--espaco-3) var(--espaco-3) var(--espaco-4);
    }

    /* Codigo + nome da tarefa nao ficam abaixo de 14rem (senao o nome quebra em 3-4 linhas). */
    .etapa .tabela__grade td[data-rotulo="Tarefa"][b-13p1wozja5] {
        min-width: 14rem;
    }

    /* O erro toma a sobra da largura so quando ha erro em alguma tarefa da etapa. */
    .etapa .tabela__grade:has(td.coluna-erro .celula-erro) .coluna-erro[b-13p1wozja5] {
        width: 100%;
    }
}

/* ---- dispensa inline (motivo) ---- */
.dispensa[b-13p1wozja5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    padding: var(--espaco-1) 0;
}

.dispensa__motivo[b-13p1wozja5] {
    width: 18rem;
    max-width: 100%;
}

.dispensa__erro[b-13p1wozja5] {
    flex-basis: 100%;
    color: var(--estado-falha-texto);
    font-size: var(--texto-xs);
}

@media (max-width: 639.98px) {
    .linha-detalhe > td[b-13p1wozja5] {
        display: block;
        padding: var(--espaco-2) 0;
    }

    .linha-detalhe > td[b-13p1wozja5]::before {
        content: none;
    }

    .coluna-ato[b-13p1wozja5],
    .coluna-erro[b-13p1wozja5] {
        width: auto;
    }

    /* No td empilhado (grade rotulo | valor) o nome e um item de grade a parte: sem isto cai na coluna do rotulo. */
    .tarefa__nome[b-13p1wozja5] {
        grid-column: 2;
    }

    .detalhe-tarefa[b-13p1wozja5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tentativas__grade thead[b-13p1wozja5] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
    }

    .tentativas__grade[b-13p1wozja5],
    .tentativas__grade tbody[b-13p1wozja5],
    .tentativas__grade tr[b-13p1wozja5],
    .tentativas__grade td[b-13p1wozja5] {
        display: block;
        width: 100%;
    }

    .tentativas__grade tr[b-13p1wozja5] {
        padding: var(--espaco-2);
        border-bottom: 1px solid var(--hairline);
    }

    .tentativas__grade td[b-13p1wozja5] {
        display: grid;
        grid-template-columns: minmax(96px, 38%) minmax(0, 1fr);
        gap: var(--espaco-2);
        height: auto;
        border-bottom: 0;
        text-align: left;
    }

    .tentativas__grade td[b-13p1wozja5]::before {
        content: attr(data-rotulo);
        color: var(--tinta-suave);
        font-weight: 600;
    }

    .tentativas__grade .tabela__celula--numerica[b-13p1wozja5] {
        text-align: left;
    }

    .celula-erro[b-13p1wozja5] {
        max-width: 100%;
        white-space: normal;
    }
}
/* /Componentes/Paginas/Acompanhamento/Fila.razor.rz.scp.css */
/* Fila: reserva/worker legivel em linha densa, acoes inline sem quebrar a altura da linha. */

.fila__reserva[b-8lpb7iodu0] {
    display: inline-flex;
    flex-direction: column;
    line-height: 1.25;
    max-width: 18ch;
}

.fila__worker[b-8lpb7iodu0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fila__reserva--vencida[b-8lpb7iodu0] {
    color: var(--estado-espera-texto);
    font-weight: 600;
}

.fila__sessao[b-8lpb7iodu0] {
    display: inline-block;
    max-width: 22ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.fila__acoes[b-8lpb7iodu0] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
}

.celula-erro[b-8lpb7iodu0] {
    display: inline-block;
    max-width: 36ch;
    overflow: hidden;
    color: var(--estado-falha-texto);
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.celula-erro strong[b-8lpb7iodu0] {
    margin-right: var(--espaco-1);
    font-weight: 650;
}

@media (max-width: 639.98px) {
    .fila__reserva[b-8lpb7iodu0],
    .fila__sessao[b-8lpb7iodu0],
    .celula-erro[b-8lpb7iodu0] {
        max-width: 100%;
        white-space: normal;
    }
}
/* /Componentes/Paginas/Acompanhamento/Pendencias.razor.rz.scp.css */
/* Pendencias: dispensa inline com motivo, no lugar do botao, sem modal. */

.dispensa[b-uk1szo2vh4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    padding: var(--espaco-1) 0;
}

.dispensa__motivo[b-uk1szo2vh4] {
    width: 18rem;
    max-width: 100%;
}

.dispensa__erro[b-uk1szo2vh4] {
    flex-basis: 100%;
    color: var(--estado-falha-texto);
    font-size: var(--texto-xs);
}

/* Cancelamento em lote: acima da tabela, alinhado a direita. */

.pendencias__lote[b-uk1szo2vh4] {
    justify-content: flex-end;
    margin-bottom: var(--espaco-3);
}
/* /Componentes/Paginas/Acompanhamento/Remessas.razor.rz.scp.css */
/* Remessas: livro denso com linha expansivel para os itens do lote. */

.coluna-expandir[b-q5m32t4g54] {
    width: 2.5rem;
}

.expandir[b-q5m32t4g54] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--controle-altura-pequeno);
    height: var(--controle-altura-pequeno);
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--raio);
    background: transparent;
    color: var(--tinta-suave);
    transition: background-color var(--transicao), border-color var(--transicao), color var(--transicao);
}

.expandir:hover[b-q5m32t4g54] {
    border-color: var(--hairline-forte);
    background-color: var(--superficie-realce);
    color: var(--tinta);
}

.expandir:active[b-q5m32t4g54] {
    background-color: var(--hairline);
}

.expandir[aria-expanded="true"][b-q5m32t4g54] {
    color: var(--navy);
}

.expandir[b-q5m32t4g54]  .expandir__icone {
    transition: transform var(--transicao);
}

.expandir[b-q5m32t4g54]  .expandir__icone--aberto {
    transform: rotate(90deg);
}

.remessa__codigo[b-q5m32t4g54] {
    display: inline-block;
    max-width: 24ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.celula-erro[b-q5m32t4g54] {
    display: inline-block;
    max-width: 36ch;
    overflow: hidden;
    color: var(--estado-falha-texto);
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.celula-erro strong[b-q5m32t4g54] {
    margin-right: var(--espaco-1);
    font-weight: 650;
}

.linha--aberta td[b-q5m32t4g54] {
    border-bottom-color: transparent;
}

.tabela__grade tbody tr.linha-detalhe[b-q5m32t4g54] {
    background-color: var(--superficie-pautada);
}

.linha-detalhe > td[b-q5m32t4g54] {
    height: auto;
    padding: var(--espaco-2) var(--espaco-3) var(--espaco-4) calc(2.5rem + var(--espaco-3));
}

.remessa-itens[b-q5m32t4g54] {
    overflow-x: auto;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
}

.remessa-itens > .texto-suave[b-q5m32t4g54] {
    padding: var(--espaco-3);
}

.remessa-itens__grade[b-q5m32t4g54] {
    width: 100%;
    font-size: var(--texto-xs);
    font-variant-numeric: tabular-nums;
}

.remessa-itens__grade th[b-q5m32t4g54] {
    position: static;
    height: 30px;
    padding: 0 var(--espaco-3);
    border-bottom: 1px solid var(--hairline-forte);
    color: var(--tinta-suave);
    font-weight: 650;
    text-align: left;
    white-space: nowrap;
}

.remessa-itens__grade td[b-q5m32t4g54] {
    height: 30px;
    padding: 0 var(--espaco-3);
    border-bottom: 1px solid var(--hairline);
}

.remessa-itens__grade tbody tr:last-child td[b-q5m32t4g54] {
    border-bottom: 0;
}

.remessa-itens__grade .tabela__celula--numerica[b-q5m32t4g54] {
    text-align: right;
}

@media (max-width: 639.98px) {
    .linha-detalhe > td[b-q5m32t4g54] {
        display: block;
        padding: var(--espaco-2) 0;
    }

    .linha-detalhe > td[b-q5m32t4g54]::before {
        content: none;
    }

    .coluna-expandir[b-q5m32t4g54] {
        width: auto;
    }

    .remessa__codigo[b-q5m32t4g54],
    .celula-erro[b-q5m32t4g54] {
        max-width: 100%;
        white-space: normal;
    }

    .remessa-itens__grade thead[b-q5m32t4g54] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
    }

    .remessa-itens__grade[b-q5m32t4g54],
    .remessa-itens__grade tbody[b-q5m32t4g54],
    .remessa-itens__grade tr[b-q5m32t4g54],
    .remessa-itens__grade td[b-q5m32t4g54] {
        display: block;
        width: 100%;
    }

    .remessa-itens__grade tr[b-q5m32t4g54] {
        padding: var(--espaco-2);
        border-bottom: 1px solid var(--hairline);
    }

    .remessa-itens__grade td[b-q5m32t4g54] {
        display: grid;
        grid-template-columns: minmax(96px, 38%) minmax(0, 1fr);
        gap: var(--espaco-2);
        height: auto;
        border-bottom: 0;
        text-align: left;
    }

    .remessa-itens__grade td[b-q5m32t4g54]::before {
        content: attr(data-rotulo);
        color: var(--tinta-suave);
        font-weight: 600;
    }

    .remessa-itens__grade .tabela__celula--numerica[b-q5m32t4g54] {
        text-align: left;
    }
}
/* /Componentes/Paginas/Acompanhamento/TituloDetalhe.razor.rz.scp.css */
/* Detalhe do titulo: ficha pautada, documentos com itens e a linha do tempo como atos numerados de matricula. */

.titulo-detalhe__trilha[b-oegj5bssta] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-bottom: var(--espaco-1);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

/* ---- ficha ---- */
.ficha[b-oegj5bssta] {
    margin-bottom: var(--espaco-5);
    padding: var(--espaco-4) var(--espaco-5);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.ficha__grade[b-oegj5bssta] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--espaco-3) var(--espaco-5);
    margin: 0;
}

.ficha__campo[b-oegj5bssta] {
    min-width: 0;
}

.ficha__campo--largo[b-oegj5bssta] {
    grid-column: 1 / -1;
}

.ficha__campo dt[b-oegj5bssta] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.ficha__campo dd[b-oegj5bssta] {
    margin: 2px 0 0;
    overflow-wrap: anywhere;
}

.ficha__url[b-oegj5bssta] {
    font-family: var(--fonte-mono);
    font-size: 0.857em;
}

.ficha__texto[b-oegj5bssta] {
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-3);
    border-top: 1px solid var(--hairline);
}

.ficha__texto-titulo[b-oegj5bssta] {
    margin-bottom: var(--espaco-1);
    color: var(--tinta);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 600;
    letter-spacing: -0.01em;
}

.ficha__texto-corpo[b-oegj5bssta] {
    max-width: 75ch;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* ---- documentos ---- */
.documento + .documento[b-oegj5bssta] {
    margin-top: var(--espaco-5);
}

.documento__cabecalho[b-oegj5bssta] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--espaco-1) var(--espaco-3);
    margin-bottom: var(--espaco-2);
}

.documento__titulo[b-oegj5bssta] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-base);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.documento__meta[b-oegj5bssta] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

/* Cabecalho com destaque (rotulo / tipo / nome) e linha pequena do arquivo */
.documento__cabecalho--destaque[b-oegj5bssta] {
    display: block;
}

.documento__linha[b-oegj5bssta] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--espaco-1) var(--espaco-3);
}

.documento__titulo--destaque[b-oegj5bssta] {
    margin: 0;
    font-size: var(--texto-lg);
    letter-spacing: -0.015em;
    overflow-wrap: anywhere;
}

.documento__titulo--fraco[b-oegj5bssta] {
    color: var(--tinta-suave);
}

.documento__arquivo[b-oegj5bssta] {
    margin: 2px 0 0;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    overflow-wrap: anywhere;
}

.documento__arquivo code[b-oegj5bssta] {
    font-family: var(--fonte-mono);
    font-size: 0.72rem;
    color: var(--tinta-fraca);
}

.celula-erro[b-oegj5bssta] {
    display: inline-block;
    max-width: 40ch;
    overflow: hidden;
    color: var(--estado-falha-texto);
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.celula-erro strong[b-oegj5bssta] {
    margin-right: var(--espaco-1);
    font-weight: 650;
}

/* ---- dispensa inline ---- */
.dispensa[b-oegj5bssta] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    padding: var(--espaco-1) 0;
}

.dispensa__motivo[b-oegj5bssta] {
    width: 18rem;
    max-width: 100%;
}

.dispensa__erro[b-oegj5bssta] {
    flex-basis: 100%;
    color: var(--estado-falha-texto);
    font-size: var(--texto-xs);
}

/* ---- linha do tempo: atos numerados na coluna da esquerda, como na folha de matricula ---- */
.atos[b-oegj5bssta] {
    margin: 0 0 var(--espaco-3);
    padding: 0;
    list-style: none;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
}

.ato[b-oegj5bssta] {
    display: grid;
    grid-template-columns: 4rem 10.5rem minmax(10rem, max-content) minmax(0, 1fr);
    align-items: center;
    gap: var(--espaco-3);
    min-height: var(--linha-tabela);
    padding: 0 var(--espaco-4) 0 0;
    border-bottom: 1px solid var(--hairline);
}

.ato:last-child[b-oegj5bssta] {
    border-bottom: 0;
}

.ato__numero[b-oegj5bssta] {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: var(--espaco-3);
    border-right: 1px solid var(--hairline-forte);
    color: var(--trilho-fundo);
    font-weight: 700;
}

.ato__hora[b-oegj5bssta] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.ato__resumo[b-oegj5bssta] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.ato__execucao[b-oegj5bssta] {
    margin-left: var(--espaco-2);
    font-size: var(--texto-xs);
    white-space: nowrap;
}

@media (max-width: 639.98px) {
    .ato[b-oegj5bssta] {
        grid-template-columns: 3rem minmax(0, 1fr);
        gap: var(--espaco-1) var(--espaco-3);
        padding: var(--espaco-2) var(--espaco-3) var(--espaco-2) 0;
    }

    .ato__numero[b-oegj5bssta] {
        grid-row: span 3;
    }

    .celula-erro[b-oegj5bssta] {
        max-width: 100%;
        white-space: normal;
    }
}
/* /Componentes/Paginas/Configuracao/Agendamentos.razor.rz.scp.css */
/* Agendamentos: seletor de publicacao (pagina), formulario e grade semanal de horarios. */

.seletor-publicacao[b-5lh2xshtgg] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--espaco-3) var(--espaco-4);
    margin-bottom: var(--espaco-5);
}

.seletor-publicacao[b-5lh2xshtgg]  .campo {
    flex: 0 1 360px;
}

.seletor-publicacao__link[b-5lh2xshtgg] {
    padding-bottom: var(--espaco-2);
    color: var(--navy);
    font-size: var(--texto-sm);
    font-weight: 600;
    text-underline-offset: 3px;
}

.formulario[b-5lh2xshtgg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-5lh2xshtgg]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-5lh2xshtgg] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-5lh2xshtgg] {
    margin-bottom: var(--espaco-5);
    padding: var(--espaco-4);
    background-color: var(--superficie-pautada);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
}

.formulario-bloco:focus-visible[b-5lh2xshtgg],
.grade:focus-visible[b-5lh2xshtgg] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-5lh2xshtgg] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.chave[b-5lh2xshtgg] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--espaco-1) var(--espaco-3);
    margin: var(--espaco-4) 0 var(--espaco-3);
    padding: var(--espaco-2) var(--espaco-3);
    background-color: var(--superficie);
    border: 1px dashed var(--hairline-forte);
    border-radius: var(--raio);
}

.chave__rotulo[b-5lh2xshtgg] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.chave__valor[b-5lh2xshtgg] {
    color: var(--navy-ativo);
}

.chave__pendente[b-5lh2xshtgg] {
    color: var(--estado-espera-texto);
    font-size: var(--texto-sm);
}

.problemas[b-5lh2xshtgg] {
    margin: var(--espaco-1) 0 0;
    padding-left: var(--espaco-5);
}

.problemas li + li[b-5lh2xshtgg] {
    margin-top: 2px;
}

.acoes-linha[b-5lh2xshtgg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}

.lista[b-5lh2xshtgg]  .linha--selecionada td {
    background-color: var(--navy-tint);
}

.grade[b-5lh2xshtgg] {
    margin-top: var(--espaco-5);
    padding: var(--espaco-4);
    background-color: var(--superficie-pautada);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
}

.grade__cabecalho[b-5lh2xshtgg] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-2) var(--espaco-4);
    margin-bottom: var(--espaco-3);
}

.grade__titulo[b-5lh2xshtgg] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.grade__ajuda[b-5lh2xshtgg] {
    margin-top: 2px;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.grade__semana[b-5lh2xshtgg] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    margin: var(--espaco-3) 0 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
}

.grade__dia[b-5lh2xshtgg] {
    min-height: 8rem;
    padding: var(--espaco-2) var(--espaco-2) var(--espaco-3);
}

.grade__dia + .grade__dia[b-5lh2xshtgg] {
    border-left: 1px solid var(--hairline);
}

.grade__dia-nome[b-5lh2xshtgg] {
    margin-bottom: var(--espaco-2);
    padding-bottom: var(--espaco-1);
    border-bottom: 1px solid var(--hairline);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 650;
}

.grade__vazio[b-5lh2xshtgg] {
    color: var(--tinta-fraca);
    font-size: var(--texto-xs);
}

.grade__horarios[b-5lh2xshtgg] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.grade__horario[b-5lh2xshtgg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-1);
    padding: 0 0 0 var(--espaco-2);
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio);
    background-color: var(--superficie);
    font-size: var(--texto-sm);
    font-weight: 600;
    min-height: var(--controle-altura-pequeno);
}

.grade__adicionar[b-5lh2xshtgg] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--espaco-3) var(--espaco-4);
    margin-top: var(--espaco-4);
}

.grade__adicionar[b-5lh2xshtgg]  .campo {
    flex: 0 1 180px;
}

.grade__adicionar[b-5lh2xshtgg]  .campo + .campo {
    margin-top: 0;
}

/* Caixas de marcar dos dias (o mesmo horario entra ou sai de varios dias de uma vez). */
.grade__dias[b-5lh2xshtgg] {
    flex: 1 1 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.grade__dias-legenda[b-5lh2xshtgg] {
    margin-bottom: var(--espaco-2);
    padding: 0;
    color: var(--tinta);
    font-size: var(--texto-sm);
    font-weight: 600;
    line-height: 1.3;
}

.grade__dias-opcoes[b-5lh2xshtgg] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

.grade__dias-erro[b-5lh2xshtgg] {
    margin-top: var(--espaco-1);
    color: var(--perigo);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.grade__dia-marca[b-5lh2xshtgg] {
    display: inline-flex;
    align-items: center;
    gap: var(--espaco-1);
    min-height: var(--controle-altura-pequeno);
    padding: 0 var(--espaco-3) 0 var(--espaco-2);
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio);
    background-color: var(--superficie);
    font-size: var(--texto-sm);
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}

.grade__dia-marca:has(input:checked)[b-5lh2xshtgg] {
    border-color: var(--navy);
    background-color: var(--navy-tint);
}

.grade__dia-marca:has(input:focus-visible)[b-5lh2xshtgg] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.grade__dia-marca:has(input:disabled)[b-5lh2xshtgg] {
    cursor: not-allowed;
    opacity: 0.6;
}

@media (max-width: 899.98px) {
    .grade__semana[b-5lh2xshtgg] {
        grid-template-columns: minmax(0, 1fr);
    }

    .grade__dia[b-5lh2xshtgg] {
        min-height: 0;
    }

    .grade__dia + .grade__dia[b-5lh2xshtgg] {
        border-left: 0;
        border-top: 1px solid var(--hairline);
    }

    .grade__horarios[b-5lh2xshtgg] {
        flex-direction: row;
        flex-wrap: wrap;
    }
}
/* /Componentes/Paginas/Configuracao/Cadastros/AgentesIA.razor.rz.scp.css */
/* Agentes de IA: CRUD do catalogo global (mesmo layout de Tipos de extracao) com a lista inline de modelos permitidos. */

.cadastro[b-t7yx3vlm6u] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.cadastro[b-t7yx3vlm6u]  .filtros {
    margin-bottom: 0;
}

.barra-acoes[b-t7yx3vlm6u] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.barra-acoes__texto[b-t7yx3vlm6u] {
    flex: 1 1 420px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.formulario[b-t7yx3vlm6u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-t7yx3vlm6u]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-t7yx3vlm6u] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-t7yx3vlm6u] {
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.formulario-bloco:focus-visible[b-t7yx3vlm6u] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-t7yx3vlm6u] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.formulario-bloco__ajuda[b-t7yx3vlm6u] {
    margin: calc(var(--espaco-2) * -1) 0 var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.acoes-linha[b-t7yx3vlm6u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}

/* Modelos permitidos: interruptores inline (sem modal), um por modelo. */
.permitidos[b-t7yx3vlm6u] {
    min-width: 0;
    margin: var(--espaco-5) 0 0;
    padding: var(--espaco-3) var(--espaco-4) var(--espaco-4);
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
}

.permitidos__titulo[b-t7yx3vlm6u] {
    padding: 0 var(--espaco-1);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.permitidos__ajuda[b-t7yx3vlm6u] {
    margin-bottom: var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.permitidos__lista[b-t7yx3vlm6u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: var(--espaco-2) var(--espaco-5);
    align-items: start;
}

.permitidos__lista[b-t7yx3vlm6u]  .campo + .campo {
    margin-top: 0;
}

.permitidos__lista[b-t7yx3vlm6u]  .alternar__rotulo {
    overflow-wrap: anywhere;
}

/* Aviso apos salvar: usos dos modelos retirados dos permitidos. */
.retirados[b-t7yx3vlm6u] {
    margin: var(--espaco-2) 0 0;
    padding-left: var(--espaco-5);
    list-style: disc;
}

.retirados li + li[b-t7yx3vlm6u] {
    margin-top: var(--espaco-1);
}

.retirados li[b-t7yx3vlm6u] {
    overflow-wrap: anywhere;
}
/* /Componentes/Paginas/Configuracao/Cadastros/ClienteGrupos.razor.rz.scp.css */
/* Grupos de clientes: CRUD. */

.cadastro[b-0mtyh3rdm3] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.cadastro[b-0mtyh3rdm3]  .filtros {
    margin-bottom: 0;
}

.barra-acoes[b-0mtyh3rdm3] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.barra-acoes__texto[b-0mtyh3rdm3] {
    flex: 1 1 420px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.formulario[b-0mtyh3rdm3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-0mtyh3rdm3]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-0mtyh3rdm3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-0mtyh3rdm3] {
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.formulario-bloco:focus-visible[b-0mtyh3rdm3] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-0mtyh3rdm3] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.formulario-bloco__ajuda[b-0mtyh3rdm3] {
    margin: calc(var(--espaco-2) * -1) 0 var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.acoes-linha[b-0mtyh3rdm3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}
/* /Componentes/Paginas/Configuracao/Cadastros/Clientes.razor.rz.scp.css */
/* Clientes (espelho): lista somente leitura e participacao em grupos. */

.cadastro[b-onlmsad79p] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.cadastro[b-onlmsad79p]  .filtros {
    margin-bottom: 0;
}

.barra-acoes[b-onlmsad79p] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.barra-acoes__texto[b-onlmsad79p] {
    flex: 1 1 420px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.formulario[b-onlmsad79p] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-onlmsad79p]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-onlmsad79p] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-onlmsad79p] {
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.formulario-bloco:focus-visible[b-onlmsad79p] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-onlmsad79p] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.formulario-bloco__ajuda[b-onlmsad79p] {
    margin: calc(var(--espaco-2) * -1) 0 var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.acoes-linha[b-onlmsad79p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}

.lista[b-onlmsad79p]  .linha--selecionada td {
    background-color: var(--navy-tint);
}

.grupos-cliente[b-onlmsad79p] {
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.grupos-cliente:focus-visible[b-onlmsad79p] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.grupos-cliente__cabecalho[b-onlmsad79p] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--espaco-2);
}

.grupos-cliente__titulo[b-onlmsad79p] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.grupos-cliente__ajuda[b-onlmsad79p],
.grupos-cliente__vazio[b-onlmsad79p] {
    margin-top: var(--espaco-1);
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    max-width: 80ch;
}

.grupos-cliente__lista[b-onlmsad79p] {
    margin: var(--espaco-3) 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--hairline);
}

.grupos-cliente__item[b-onlmsad79p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-2) var(--espaco-4);
    min-height: var(--linha-tabela);
    padding: var(--espaco-1) 0;
    border-bottom: 1px solid var(--hairline);
    font-size: var(--texto-sm);
}

.grupos-cliente__adicionar[b-onlmsad79p] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--espaco-3) var(--espaco-4);
    margin-top: var(--espaco-4);
}

.grupos-cliente__adicionar[b-onlmsad79p]  .campo {
    flex: 0 1 320px;
}
/* /Componentes/Paginas/Configuracao/Cadastros/HistoricoModelosIA.razor.rz.scp.css */
/* Historico de modelos de IA: consulta so leitura. */

.cadastro[b-yom18s9ncz] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.cadastro[b-yom18s9ncz]  .filtros {
    margin-bottom: 0;
}

.barra-acoes[b-yom18s9ncz] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.barra-acoes__texto[b-yom18s9ncz] {
    flex: 1 1 420px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.historico__usuario[b-yom18s9ncz] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 var(--espaco-2);
}

.historico__origem[b-yom18s9ncz] {
    font-size: var(--texto-xs);
}

.historico__json[b-yom18s9ncz] {
    min-width: 0;
    max-width: 32rem;
}

.historico__json-resumo[b-yom18s9ncz] {
    cursor: pointer;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.historico__json-resumo:hover[b-yom18s9ncz] {
    color: var(--tinta);
}

.historico__json-resumo:focus-visible[b-yom18s9ncz] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
    border-radius: var(--raio);
}

.historico__json-conteudo[b-yom18s9ncz] {
    max-height: 20rem;
    overflow: auto;
    margin: var(--espaco-2) 0 0;
    padding: var(--espaco-3);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio);
    font-family: var(--fonte-mono);
    font-size: 0.8125rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

@media (max-width: 639px) {
    .historico__json[b-yom18s9ncz] {
        max-width: 100%;
    }
}
/* /Componentes/Paginas/Configuracao/Cadastros/ModelosCartorio.razor.rz.scp.css */
/* Modelos de IA por cartorio: CRUD de ModeloIAExcecaoCns. */

.cadastro[b-ugg757jomk] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.cadastro[b-ugg757jomk]  .filtros {
    margin-bottom: 0;
}

.barra-acoes[b-ugg757jomk] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.barra-acoes__texto[b-ugg757jomk] {
    flex: 1 1 420px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.formulario[b-ugg757jomk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-ugg757jomk]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-ugg757jomk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-ugg757jomk] {
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.formulario-bloco:focus-visible[b-ugg757jomk] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-ugg757jomk] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.acoes-linha[b-ugg757jomk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}
/* /Componentes/Paginas/Configuracao/Cadastros/ModelosIA.razor.rz.scp.css */
/* Modelos de IA: CRUD do catalogo global (mesmo layout de Tipos de extracao). */

.cadastro[b-n4o13vhfwj] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.cadastro[b-n4o13vhfwj]  .filtros {
    margin-bottom: 0;
}

.barra-acoes[b-n4o13vhfwj] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.barra-acoes__texto[b-n4o13vhfwj] {
    flex: 1 1 420px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.formulario[b-n4o13vhfwj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-n4o13vhfwj]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-n4o13vhfwj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-n4o13vhfwj] {
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.formulario-bloco:focus-visible[b-n4o13vhfwj] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-n4o13vhfwj] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.formulario-bloco__ajuda[b-n4o13vhfwj] {
    margin: calc(var(--espaco-2) * -1) 0 var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.acoes-linha[b-n4o13vhfwj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}
/* /Componentes/Paginas/Configuracao/Cadastros/TiposDocumento.razor.rz.scp.css */
/* Tipos de documento: CRUD. */

.cadastro[b-bels60bu6u] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.cadastro[b-bels60bu6u]  .filtros {
    margin-bottom: 0;
}

.barra-acoes[b-bels60bu6u] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.barra-acoes__texto[b-bels60bu6u] {
    flex: 1 1 420px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.formulario[b-bels60bu6u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-bels60bu6u]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-bels60bu6u] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-bels60bu6u] {
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.formulario-bloco:focus-visible[b-bels60bu6u] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-bels60bu6u] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.formulario-bloco__ajuda[b-bels60bu6u] {
    margin: calc(var(--espaco-2) * -1) 0 var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.acoes-linha[b-bels60bu6u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}
/* /Componentes/Paginas/Configuracao/Cadastros/TiposExtracao.razor.rz.scp.css */
/* Tipos de extracao: CRUD. */

.cadastro[b-olsjjb102u] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.cadastro[b-olsjjb102u]  .filtros {
    margin-bottom: 0;
}

.barra-acoes[b-olsjjb102u] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.barra-acoes__texto[b-olsjjb102u] {
    flex: 1 1 420px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.formulario[b-olsjjb102u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-olsjjb102u]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-olsjjb102u] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-olsjjb102u] {
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.formulario-bloco:focus-visible[b-olsjjb102u] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-olsjjb102u] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.formulario-bloco__ajuda[b-olsjjb102u] {
    margin: calc(var(--espaco-2) * -1) 0 var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.acoes-linha[b-olsjjb102u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}
/* /Componentes/Paginas/Configuracao/Cadastros/UsuariosAdmin.razor.rz.scp.css */
/* Usuarios admin locais: CRUD e definicao de senha. */

.cadastro[b-t8dnu9iib0] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.cadastro[b-t8dnu9iib0]  .filtros {
    margin-bottom: 0;
}

.barra-acoes[b-t8dnu9iib0] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.barra-acoes__texto[b-t8dnu9iib0] {
    flex: 1 1 420px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.formulario[b-t8dnu9iib0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-t8dnu9iib0]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-t8dnu9iib0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-t8dnu9iib0] {
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.formulario-bloco:focus-visible[b-t8dnu9iib0] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-t8dnu9iib0] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.formulario-bloco__ajuda[b-t8dnu9iib0] {
    margin: calc(var(--espaco-2) * -1) 0 var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.acoes-linha[b-t8dnu9iib0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}

.voce[b-t8dnu9iib0] {
    font-size: var(--texto-xs);
    font-weight: 600;
}
/* /Componentes/Paginas/Configuracao/Cadastros/ValidacaoOrigem.razor.rz.scp.css */
/* Validacao de origem por cartorio: CRUD de ValidacaoOrigemCartorio. */

.cadastro[b-fqm7f4yyeb] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.cadastro[b-fqm7f4yyeb]  .filtros {
    margin-bottom: 0;
}

.barra-acoes[b-fqm7f4yyeb] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.barra-acoes__texto[b-fqm7f4yyeb] {
    flex: 1 1 420px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.formulario[b-fqm7f4yyeb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-fqm7f4yyeb]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-fqm7f4yyeb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-fqm7f4yyeb] {
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.formulario-bloco:focus-visible[b-fqm7f4yyeb] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-fqm7f4yyeb] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.problemas[b-fqm7f4yyeb] {
    margin: var(--espaco-1) 0 0;
    padding-left: var(--espaco-5);
}

.problemas li + li[b-fqm7f4yyeb] {
    margin-top: 2px;
}

.acoes-linha[b-fqm7f4yyeb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}
/* /Componentes/Paginas/Configuracao/CalibracaoPrompt.razor.rz.scp.css */
/* Calibracao de prompt (/calibracao): campos de selecao em grade, Texto atual x Novo texto lado a lado a partir de
   1280px (idem Tipo de saida x Listas ligadas), caixa de confirmacao INLINE do Aplicar (classes globais .confirmacao,
   alargada), painel Revisao e historico. Os elementos dos componentes filhos (Painel, Campo*, Aviso) sao alcancados
   com ::deep. */

.calibracao__campos[b-ndrirv9dm9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.calibracao__campos[b-ndrirv9dm9]  .campo + .campo {
    margin-top: 0;
}

.calibracao__vigente[b-ndrirv9dm9] {
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-3);
    border-top: 1px solid var(--hairline);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.calibracao__vigente a[b-ndrirv9dm9] {
    color: var(--navy);
    font-weight: 600;
}

.calibracao__grade[b-ndrirv9dm9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espaco-5);
    align-items: start;
    margin-top: var(--espaco-5);
}

/* O espaco entre os paineis da grade e o gap; o margin global de .painel + .painel nao vale aqui. */
.calibracao__grade[b-ndrirv9dm9]  .painel {
    margin-top: 0;
}

@media (max-width: 1279.98px) {
    .calibracao__grade[b-ndrirv9dm9] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.calibracao__bloco[b-ndrirv9dm9] {
    margin-top: var(--espaco-5);
}

.calibracao__bloco:focus[b-ndrirv9dm9] {
    outline: none;
}

.calibracao__situacao[b-ndrirv9dm9] {
    margin-bottom: var(--espaco-3);
    font-weight: 600;
}

.calibracao__subtitulo[b-ndrirv9dm9] {
    margin: var(--espaco-5) 0 var(--espaco-2);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-base);
    font-weight: 600;
    letter-spacing: -0.01em;
}

.calibracao__acoes[b-ndrirv9dm9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.calibracao__remover[b-ndrirv9dm9] {
    margin-top: var(--espaco-3);
}

.calibracao__desfazer[b-ndrirv9dm9] {
    margin-top: var(--espaco-3);
}

/* Caixa de confirmacao do Aplicar: classes globais .confirmacao, alargada para caber o resumo. */
.confirmacao.calibracao__confirmacao[b-ndrirv9dm9] {
    display: block;
    margin-top: var(--espaco-4);
    padding: var(--espaco-4);
}

.confirmacao.calibracao__confirmacao:focus[b-ndrirv9dm9] {
    outline: none;
}

.calibracao__confirmacao .confirmacao__pergunta[b-ndrirv9dm9] {
    display: block;
    font-size: var(--texto-base);
}

.calibracao__confirmacao[b-ndrirv9dm9]  .aviso {
    margin-top: var(--espaco-3);
}

.calibracao__resumo-titulo[b-ndrirv9dm9] {
    margin-top: var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 650;
    letter-spacing: 0.01em;
}

.calibracao__resumo[b-ndrirv9dm9] {
    margin: var(--espaco-1) 0 0;
    padding-left: 1.25rem;
}

.calibracao__resumo li + li[b-ndrirv9dm9] {
    margin-top: var(--espaco-1);
}

.calibracao__bloco[b-ndrirv9dm9]  .aviso {
    margin-top: var(--espaco-3);
}

.calibracao__confirmacao-botoes[b-ndrirv9dm9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-3);
    border-top: 1px solid var(--hairline);
}

.calibracao__gerada[b-ndrirv9dm9] {
    margin-top: var(--espaco-2);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.calibracao__gerada a[b-ndrirv9dm9] {
    color: var(--navy);
    font-weight: 600;
}

.calibracao__previa[b-ndrirv9dm9] {
    display: grid;
    grid-template-columns: minmax(180px, 240px) auto;
    align-items: end;
    gap: var(--espaco-3);
}

.calibracao__previa[b-ndrirv9dm9]  .campo + .campo {
    margin-top: 0;
}

.calibracao__hash[b-ndrirv9dm9] {
    margin-top: var(--espaco-2);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.calibracao__hash a[b-ndrirv9dm9] {
    color: var(--navy);
    font-weight: 600;
}

.calibracao__ajuda[b-ndrirv9dm9] {
    margin-top: var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    max-width: 80ch;
}

.calibracao__vigente-marca[b-ndrirv9dm9] {
    margin-left: var(--espaco-2);
    color: var(--navy);
    font-size: var(--texto-xs);
    font-weight: 650;
}

.calibracao__links[b-ndrirv9dm9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-3);
}

.calibracao__texto-visto[b-ndrirv9dm9] {
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.calibracao__texto-visto:focus[b-ndrirv9dm9] {
    outline: none;
}

.acoes-linha[b-ndrirv9dm9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}

/* Lista de achados: copia de Publicacoes.razor.css (CSS com escopo nao e compartilhado entre paginas). */
.achados[b-ndrirv9dm9] {
    margin: var(--espaco-4) 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--hairline);
}

.achados__item[b-ndrirv9dm9] {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--espaco-2) var(--espaco-4);
    padding: var(--espaco-3) 0;
    border-bottom: 1px solid var(--hairline);
}

.achados__mensagem[b-ndrirv9dm9] {
    color: var(--tinta);
    font-size: var(--texto-sm);
    line-height: 1.45;
    max-width: 90ch;
}

.achados__meta[b-ndrirv9dm9] {
    margin-top: 2px;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-variant-numeric: tabular-nums;
}

.achados__link[b-ndrirv9dm9] {
    color: var(--navy);
    font-size: var(--texto-sm);
    font-weight: 600;
    text-underline-offset: 3px;
    white-space: nowrap;
}

.achados__link:hover[b-ndrirv9dm9] {
    color: var(--navy-hover);
}

@media (max-width: 639.98px) {
    .achados__item[b-ndrirv9dm9] {
        grid-template-columns: minmax(0, 1fr);
    }

    .calibracao__previa[b-ndrirv9dm9] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Componentes/Paginas/Configuracao/CofreSegredos.razor.rz.scp.css */
/* Cofre de segredos: situacao da credencial e formularios (molde CredenciaisServicoConnect.razor.css). */

.cofre[b-d104mo7h3s] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.cofre__situacao[b-d104mo7h3s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    margin: 0 0 var(--espaco-4);
}

.formulario[b-d104mo7h3s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
    margin-bottom: var(--espaco-4);
}

.formulario[b-d104mo7h3s]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-d104mo7h3s] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-bottom: var(--espaco-2);
}
/* /Componentes/Paginas/Configuracao/Connect/AjustesConnect.razor.rz.scp.css */
/* Ajustes do Connect: seletor de cartorio, parametros gerais, tipos do Sele IA e mapeamentos. */

.seletor-cartorio[b-3u3xt4sxl0] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--espaco-3) var(--espaco-4);
    margin-bottom: var(--espaco-2);
}

.seletor-cartorio__ajuda[b-3u3xt4sxl0] {
    margin-bottom: var(--espaco-5);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.seletor-cartorio[b-3u3xt4sxl0]  .campo {
    flex: 0 1 420px;
}

.ajustes[b-3u3xt4sxl0] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
}

.ajustes[b-3u3xt4sxl0]  .filtros {
    margin-bottom: var(--espaco-3);
}

.formulario[b-3u3xt4sxl0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario--mapeamentos[b-3u3xt4sxl0] {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.formulario[b-3u3xt4sxl0]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-3u3xt4sxl0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-3u3xt4sxl0] {
    margin-bottom: var(--espaco-5);
    padding: var(--espaco-4);
    background-color: var(--superficie-pautada);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
}

.formulario-bloco:focus-visible[b-3u3xt4sxl0] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-3u3xt4sxl0] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.acoes-linha[b-3u3xt4sxl0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}

.lista[b-3u3xt4sxl0]  .linha--selecionada td {
    background-color: var(--navy-tint);
}

.celula-truncada[b-3u3xt4sxl0] {
    display: inline-block;
    max-width: 26ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    font-family: var(--fonte-mono);
    font-size: 0.857em;
}

.problemas[b-3u3xt4sxl0] {
    margin: var(--espaco-1) 0 0;
    padding-left: var(--espaco-5);
}

.problemas li + li[b-3u3xt4sxl0] {
    margin-top: 2px;
}

.barra-salvar[b-3u3xt4sxl0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.barra-salvar__acoes[b-3u3xt4sxl0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

.barra-salvar__info[b-3u3xt4sxl0] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

@media (max-width: 639.98px) {
    .celula-truncada[b-3u3xt4sxl0] {
        max-width: none;
        white-space: normal;
        overflow-wrap: anywhere;
    }
}
/* /Componentes/Paginas/Configuracao/Connect/CartoriosConnect.razor.rz.scp.css */
/* Cartorios do Connect: lista, formulario de habilitacao e instalacoes (pendentes, ativas, historico) do cartorio escolhido. */

.cadastro[b-3qfm2dh78q] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.cadastro[b-3qfm2dh78q]  .filtros {
    margin-bottom: 0;
}

.barra-acoes[b-3qfm2dh78q] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.barra-acoes__texto[b-3qfm2dh78q] {
    flex: 1 1 420px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.formulario[b-3qfm2dh78q] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-3qfm2dh78q]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-3qfm2dh78q] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-3qfm2dh78q] {
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.formulario-bloco:focus-visible[b-3qfm2dh78q],
.instalacoes:focus-visible[b-3qfm2dh78q] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-3qfm2dh78q] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.formulario-bloco__ajuda[b-3qfm2dh78q] {
    margin: calc(var(--espaco-2) * -1) 0 var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.acoes-linha[b-3qfm2dh78q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}

.lista[b-3qfm2dh78q]  .linha--selecionada td {
    background-color: var(--navy-tint);
}

/* ------------------------------------------------------------ instalacoes --- */
.instalacoes[b-3qfm2dh78q] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
    padding: var(--espaco-4);
    background-color: var(--superficie-pautada);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
}

.instalacoes__cabecalho[b-3qfm2dh78q] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-2) var(--espaco-4);
}

.instalacoes__titulo[b-3qfm2dh78q] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.instalacoes__ajuda[b-3qfm2dh78q] {
    margin-top: 2px;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.instalacoes__carregando[b-3qfm2dh78q] {
    color: var(--tinta-suave);
}

.bloco-instalacoes[b-3qfm2dh78q] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
}

.bloco-instalacoes__titulo[b-3qfm2dh78q] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-base);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.solicitacoes[b-3qfm2dh78q] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.solicitacao[b-3qfm2dh78q] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline-forte);
    border-left: 4px solid var(--estado-espera);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.solicitacao__codigo[b-3qfm2dh78q] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.solicitacao__codigo-rotulo[b-3qfm2dh78q] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.solicitacao__codigo-valor[b-3qfm2dh78q] {
    font-family: var(--fonte-mono);
    font-size: var(--texto-2xl);
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.2;
    color: var(--navy-ativo);
}

.solicitacao__dados[b-3qfm2dh78q] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: var(--espaco-2) var(--espaco-5);
    margin: 0;
}

.solicitacao__dado dt[b-3qfm2dh78q] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.solicitacao__dado dd[b-3qfm2dh78q] {
    margin: 0;
    overflow-wrap: anywhere;
}

.solicitacao__impressao[b-3qfm2dh78q] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.solicitacao__impressao-rotulo[b-3qfm2dh78q] {
    font-weight: 600;
}

.solicitacao__impressao .mono[b-3qfm2dh78q] {
    overflow-wrap: anywhere;
    word-spacing: 0.25em;
}
/* /Componentes/Paginas/Configuracao/Connect/CredenciaisServicoConnect.razor.rz.scp.css */
/* Credenciais de servico do Connect: formulario de inclusao (molde ValidacaoOrigem.razor.css). */

.formulario[b-2m7xr1xcbc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
    margin-bottom: var(--espaco-4);
}

.formulario[b-2m7xr1xcbc]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-2m7xr1xcbc] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-bottom: var(--espaco-4);
}
/* /Componentes/Paginas/Configuracao/Connect/PosProcessamentoConnect.razor.rz.scp.css */
/* Pos-processamento do Connect: filtro por cartorio, lista de regras, formulario, previa do nome e ajuda. */

.pos[b-cbfh2m25nf] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
}

.seletor-cartorio[b-cbfh2m25nf] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--espaco-3) var(--espaco-4);
    margin-bottom: var(--espaco-4);
}

.seletor-cartorio[b-cbfh2m25nf]  .campo {
    flex: 0 1 420px;
}

.formulario[b-cbfh2m25nf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
    margin-bottom: var(--espaco-4);
}

.formulario--largo[b-cbfh2m25nf] {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}

.formulario[b-cbfh2m25nf]  .campo + .campo {
    margin-top: 0;
}

.formulario-bloco[b-cbfh2m25nf] {
    padding: var(--espaco-4);
    background-color: var(--superficie-pautada);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
}

.formulario-bloco:focus-visible[b-cbfh2m25nf] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-cbfh2m25nf] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.previa[b-cbfh2m25nf] {
    margin-bottom: var(--espaco-4);
    padding: var(--espaco-3) var(--espaco-4);
    border: 1px dashed var(--hairline);
    border-radius: var(--raio-md);
}

.previa__titulo[b-cbfh2m25nf] {
    margin-bottom: var(--espaco-2);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.previa__linha[b-cbfh2m25nf] {
    overflow-wrap: anywhere;
}

.previa__linha + .previa__linha[b-cbfh2m25nf] {
    margin-top: var(--espaco-1);
}

.previa__rotulo[b-cbfh2m25nf] {
    display: inline-block;
    min-width: 5rem;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.acoes-linha[b-cbfh2m25nf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}

.lista[b-cbfh2m25nf]  .linha--selecionada td {
    background-color: var(--navy-tint);
}

.celula-truncada[b-cbfh2m25nf] {
    display: inline-block;
    max-width: 26ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    font-family: var(--fonte-mono);
    font-size: 0.857em;
}

.problemas[b-cbfh2m25nf] {
    margin: var(--espaco-1) 0 0;
    padding-left: var(--espaco-5);
}

.problemas li + li[b-cbfh2m25nf] {
    margin-top: 2px;
}

.barra-salvar[b-cbfh2m25nf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.barra-salvar__acoes[b-cbfh2m25nf] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

.barra-salvar__info[b-cbfh2m25nf] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.ajuda[b-cbfh2m25nf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--espaco-4) var(--espaco-6);
}

.ajuda__titulo[b-cbfh2m25nf] {
    margin-bottom: var(--espaco-2);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
}

.ajuda__lista[b-cbfh2m25nf] {
    margin: 0;
    padding-left: var(--espaco-5);
}

.ajuda__lista li + li[b-cbfh2m25nf] {
    margin-top: 2px;
}

.ajuda__nota[b-cbfh2m25nf] {
    margin-top: var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

@media (max-width: 639.98px) {
    .celula-truncada[b-cbfh2m25nf] {
        max-width: none;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .formulario--largo[b-cbfh2m25nf] {
        grid-template-columns: 1fr;
    }
}
/* /Componentes/Paginas/Configuracao/Connect/ServicoConnect.razor.rz.scp.css */
/* Servico do Connect: painel de tokens servico-a-servico (molde VersoesConnect.razor.css). */

.formulario[b-n4kwedyf8i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
    margin-bottom: var(--espaco-4);
}

.formulario[b-n4kwedyf8i]  .campo + .campo,
.formulario .campo + .campo[b-n4kwedyf8i] {
    margin-top: 0;
}

.formulario__acoes[b-n4kwedyf8i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    margin-bottom: var(--espaco-4);
}

.token__valor[b-n4kwedyf8i] {
    margin: var(--espaco-2) 0;
    padding: var(--espaco-2) var(--espaco-3);
    border: 1px solid var(--hairline-forte);
    border-radius: 4px;
    background-color: var(--superficie);
    font-size: var(--texto-sm);
    overflow-wrap: anywhere;
    user-select: all;
}

[b-n4kwedyf8i] .quebra {
    overflow-wrap: anywhere;
}

[b-n4kwedyf8i] .revogado {
    display: block;
    margin-top: 2px;
    font-size: var(--texto-xs);
}
/* /Componentes/Paginas/Configuracao/Connect/VersoesConnect.razor.rz.scp.css */
/* Versoes do Connect: ficha da versao publicada, formulario de publicacao (molde CredenciaisServicoConnect e ConsultaExtracao). */

.formulario[b-e9gh97hcnh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
    margin-bottom: var(--espaco-4);
}

.formulario[b-e9gh97hcnh]  .campo + .campo,
.formulario .campo + .campo[b-e9gh97hcnh] {
    margin-top: 0;
}

.formulario__acoes[b-e9gh97hcnh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    margin-bottom: var(--espaco-4);
}

.campo__controle--arquivo[b-e9gh97hcnh] {
    padding-top: var(--espaco-1);
    padding-bottom: var(--espaco-1);
    cursor: pointer;
}

.ficha[b-e9gh97hcnh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--espaco-3) var(--espaco-5);
    margin: 0 0 var(--espaco-4);
}

.ficha dt[b-e9gh97hcnh] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.ficha dd[b-e9gh97hcnh] {
    margin: 2px 0 0;
    font-size: var(--texto-sm);
    overflow-wrap: anywhere;
}

.ficha dd.ficha__destaque[b-e9gh97hcnh] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
}

.quebra[b-e9gh97hcnh] {
    overflow-wrap: anywhere;
}

.andamento[b-e9gh97hcnh] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-2);
    margin-bottom: var(--espaco-4);
}

.andamento__texto[b-e9gh97hcnh] {
    margin: 0;
    font-size: var(--texto-sm);
}

.andamento__barra[b-e9gh97hcnh] {
    width: 100%;
    max-width: 480px;
    height: 12px;
    accent-color: var(--navy);
}

.token__valor[b-e9gh97hcnh] {
    margin: var(--espaco-2) 0;
    padding: var(--espaco-2) var(--espaco-3);
    border: 1px solid var(--hairline-forte);
    border-radius: 4px;
    background-color: var(--superficie);
    font-size: var(--texto-sm);
    overflow-wrap: anywhere;
    user-select: all;
}

[b-e9gh97hcnh] .versoes-objeto {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: var(--texto-xs);
    overflow-wrap: anywhere;
}

[b-e9gh97hcnh] .revogado {
    display: block;
    margin-top: 2px;
    font-size: var(--texto-xs);
}
/* /Componentes/Paginas/Configuracao/ConsultaExtracao.razor.rz.scp.css */
/* Consulta de extracao: seletores da previa, secoes do resultado (regras, politica, modelo, listas, entradas) e o prompt montado
   em bloco monoespacado. Mesmo molde de Listas controladas e Prompts. */

.formulario[b-zpgqeenzfq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-zpgqeenzfq]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-zpgqeenzfq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.resultado[b-zpgqeenzfq] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
    margin-top: var(--espaco-5);
}

.lista[b-zpgqeenzfq]  .linha--selecionada td {
    background-color: var(--navy-tint);
}

.ficha[b-zpgqeenzfq] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--espaco-3) var(--espaco-5);
    margin: 0 0 var(--espaco-3);
}

.ficha dt[b-zpgqeenzfq] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.ficha dd[b-zpgqeenzfq] {
    margin: 2px 0 0;
    font-size: var(--texto-sm);
    overflow-wrap: anywhere;
}

.ficha__nota[b-zpgqeenzfq] {
    margin-left: var(--espaco-1);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.quebra[b-zpgqeenzfq] {
    overflow-wrap: anywhere;
}

.conteudo__rotulo[b-zpgqeenzfq] {
    margin: var(--espaco-3) 0 var(--espaco-1);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.conteudo__rotulo:first-child[b-zpgqeenzfq] {
    margin-top: 0;
}

.conteudo[b-zpgqeenzfq] {
    max-height: 36rem;
    overflow: auto;
    margin: 0;
    padding: var(--espaco-3);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio);
    font-family: var(--fonte-mono);
    font-size: 0.8125rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.conteudo--curto[b-zpgqeenzfq] {
    max-height: 12rem;
}

.envelope[b-zpgqeenzfq] {
    margin-top: var(--espaco-3);
}

.envelope summary[b-zpgqeenzfq] {
    cursor: pointer;
    margin-bottom: var(--espaco-2);
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    font-weight: 600;
}

.envelope summary:focus-visible[b-zpgqeenzfq] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

@media (max-width: 639.98px) {
    .conteudo[b-zpgqeenzfq] {
        max-height: 24rem;
        font-size: 0.75rem;
    }
}
/* /Componentes/Paginas/Configuracao/ListasControladas.razor.rz.scp.css */
/* Listas controladas: tabela de listas, detalhe com abas (dados, conjuntos, itens) e grade simples de itens. */

.lista[b-99lr3vw32h]  .linha--selecionada td {
    background-color: var(--navy-tint);
}

.detalhe[b-99lr3vw32h] {
    margin-top: var(--espaco-5);
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.detalhe:focus-visible[b-99lr3vw32h] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.detalhe__cabecalho[b-99lr3vw32h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-2) var(--espaco-4);
    margin-bottom: var(--espaco-3);
}

.detalhe__titulo[b-99lr3vw32h] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.detalhe[b-99lr3vw32h]  .abas__painel {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
    padding-top: var(--espaco-4);
}

.formulario[b-99lr3vw32h] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-99lr3vw32h]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-99lr3vw32h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.barra-acoes[b-99lr3vw32h] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.barra-acoes__texto[b-99lr3vw32h] {
    flex: 1 1 420px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.acoes-linha[b-99lr3vw32h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}

.problemas[b-99lr3vw32h] {
    margin: var(--espaco-1) 0 0;
    padding-left: var(--espaco-5);
}

.problemas li + li[b-99lr3vw32h] {
    margin-top: 2px;
}

.itens[b-99lr3vw32h] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.itens__titulo[b-99lr3vw32h] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.itens__ajuda[b-99lr3vw32h],
.itens__nota[b-99lr3vw32h] {
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.itens__nota[b-99lr3vw32h] {
    font-size: var(--texto-xs);
}

.itens__adicionar[b-99lr3vw32h] {
    display: flex;
    gap: var(--espaco-2);
}

.grade-itens[b-99lr3vw32h] {
    overflow-x: auto;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
}

.grade-itens:focus-visible[b-99lr3vw32h] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.grade-itens__tabela[b-99lr3vw32h] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--texto-sm);
}

.grade-itens__tabela th[b-99lr3vw32h] {
    padding: var(--espaco-2) var(--espaco-3);
    text-align: left;
    font-weight: 600;
    color: var(--tinta-suave);
    border-bottom: 1px solid var(--hairline);
    white-space: nowrap;
}

.grade-itens__tabela td[b-99lr3vw32h] {
    padding: var(--espaco-1) var(--espaco-3);
    border-bottom: 1px solid var(--hairline);
    vertical-align: middle;
}

.grade-itens__tabela tbody tr:last-child td[b-99lr3vw32h] {
    border-bottom: 0;
}

.grade-itens__controle[b-99lr3vw32h] {
    width: 100%;
    min-width: 10ch;
}

.grade-itens__col-ordem[b-99lr3vw32h] {
    width: 7rem;
}

.grade-itens__col-coringa[b-99lr3vw32h] {
    width: 6rem;
    text-align: center;
}

.grade-itens__col-acoes[b-99lr3vw32h] {
    width: 3.5rem;
    text-align: right;
}

.grade-itens__marca[b-99lr3vw32h] {
    width: 1.125rem;
    height: 1.125rem;
    accent-color: var(--foco);
}

.barra-salvar[b-99lr3vw32h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.barra-salvar__acoes[b-99lr3vw32h] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

.barra-salvar__info[b-99lr3vw32h] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

/* Celular: cada item da grade vira um bloco rotulo/valor. */
@media (max-width: 639.98px) {
    .detalhe[b-99lr3vw32h] {
        padding: var(--espaco-3);
    }

    .grade-itens[b-99lr3vw32h] {
        border: 0;
        background-color: transparent;
    }

    .grade-itens__tabela thead[b-99lr3vw32h] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .grade-itens__tabela[b-99lr3vw32h],
    .grade-itens__tabela tbody[b-99lr3vw32h],
    .grade-itens__tabela tr[b-99lr3vw32h],
    .grade-itens__tabela td[b-99lr3vw32h] {
        display: block;
        width: 100%;
    }

    .grade-itens__tabela tr[b-99lr3vw32h] {
        margin-bottom: var(--espaco-3);
        padding: var(--espaco-2) var(--espaco-3);
        border: 1px solid var(--hairline);
        border-radius: var(--raio-md);
        background-color: var(--superficie);
    }

    .grade-itens__tabela td[b-99lr3vw32h] {
        padding: var(--espaco-1) 0;
        border-bottom: 0;
        text-align: left;
    }

    .grade-itens__tabela td[data-rotulo][b-99lr3vw32h]::before {
        content: attr(data-rotulo);
        display: block;
        margin-bottom: 2px;
        color: var(--tinta-suave);
        font-size: var(--texto-xs);
        font-weight: 600;
    }

    .grade-itens__col-ordem[b-99lr3vw32h],
    .grade-itens__col-coringa[b-99lr3vw32h],
    .grade-itens__col-acoes[b-99lr3vw32h] {
        width: 100%;
    }
}
/* /Componentes/Paginas/Configuracao/Pipelines.razor.rz.scp.css */
/* Pipelines: cadastro (pagina) e versoes da publicacao (aba). */

.formulario[b-t7cvutcehe] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-t7cvutcehe]  .campo + .campo {
    margin-top: 0;
}

.formulario__largo[b-t7cvutcehe] {
    grid-column: 1 / -1;
}

.formulario__acoes[b-t7cvutcehe] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-5);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-t7cvutcehe] {
    margin-bottom: var(--espaco-5);
    padding: var(--espaco-4);
    background-color: var(--superficie-pautada);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
}

.formulario-bloco__titulo[b-t7cvutcehe] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.versoes[b-t7cvutcehe] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-1) var(--espaco-3);
}

.versoes__item[b-t7cvutcehe] {
    display: inline-flex;
    align-items: center;
    gap: var(--espaco-2);
    color: var(--tinta);
    font-size: var(--texto-sm);
    text-decoration: none;
}

.versoes__item:hover .mono[b-t7cvutcehe] {
    color: var(--navy);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.acoes-linha[b-t7cvutcehe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}
/* /Componentes/Paginas/Configuracao/PipelineVersaoEditor.razor.rz.scp.css */
/* Editor da versao de pipeline: secoes em Painel, formularios inline, preview da apresentacao. */

.cabecalho__textos[b-sqn40xyjkv] {
    min-width: 0;
    max-width: 80ch;
}

.cabecalho__acoes[b-sqn40xyjkv] {
    margin-top: var(--espaco-3);
}

.editor[b-sqn40xyjkv] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
    margin-top: var(--espaco-5);
}

.editor[b-sqn40xyjkv]  .painel + .painel {
    margin-top: 0;
}

.formulario[b-sqn40xyjkv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-sqn40xyjkv]  .campo + .campo {
    margin-top: 0;
}

.formulario--estreito[b-sqn40xyjkv] {
    max-width: 320px;
}

.formulario__largo[b-sqn40xyjkv] {
    grid-column: 1 / -1;
}

.formulario__rodape[b-sqn40xyjkv] {
    margin-top: var(--espaco-4);
}

.formulario__acoes[b-sqn40xyjkv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-sqn40xyjkv] {
    margin-bottom: var(--espaco-5);
    padding: var(--espaco-4);
    background-color: var(--superficie-pautada);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
}

.formulario-bloco:focus-visible[b-sqn40xyjkv] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-sqn40xyjkv] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.problemas[b-sqn40xyjkv] {
    margin: var(--espaco-1) 0 0;
    padding-left: var(--espaco-5);
}

.problemas li + li[b-sqn40xyjkv] {
    margin-top: 2px;
}

.acoes-linha[b-sqn40xyjkv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}

.condicao[b-sqn40xyjkv] {
    display: inline-block;
    max-width: 32ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.preview[b-sqn40xyjkv] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
    margin-top: var(--espaco-5);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.preview__acoes[b-sqn40xyjkv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

.preview__rotulo[b-sqn40xyjkv] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.preview__quadro[b-sqn40xyjkv] {
    display: block;
    width: 100%;
    height: 32rem;
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.preview__texto[b-sqn40xyjkv] {
    max-height: 32rem;
    overflow: auto;
    margin: 0;
    padding: var(--espaco-3);
    background-color: var(--superficie);
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio);
    font-family: var(--fonte-mono);
    font-size: 0.8125rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
/* /Componentes/Paginas/Configuracao/PoliticasIa.razor.rz.scp.css */
/* Politicas de IA: seletor de publicacao (pagina), formulario com bloco de lote e tabela. */

.seletor-publicacao[b-7hc3qpta8l] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--espaco-3) var(--espaco-4);
    margin-bottom: var(--espaco-5);
}

.seletor-publicacao[b-7hc3qpta8l]  .campo {
    flex: 0 1 360px;
}

.seletor-publicacao__link[b-7hc3qpta8l] {
    padding-bottom: var(--espaco-2);
    color: var(--navy);
    font-size: var(--texto-sm);
    font-weight: 600;
    text-underline-offset: 3px;
}

.formulario[b-7hc3qpta8l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-7hc3qpta8l]  .campo + .campo {
    margin-top: 0;
}

.formulario--unico[b-7hc3qpta8l] {
    grid-template-columns: minmax(0, 1fr);
    margin-top: var(--espaco-4);
}

.formulario__acoes[b-7hc3qpta8l] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-7hc3qpta8l] {
    margin-bottom: var(--espaco-5);
    padding: var(--espaco-4);
    background-color: var(--superficie-pautada);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
}

.formulario-bloco:focus-visible[b-7hc3qpta8l] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-7hc3qpta8l] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.lote[b-7hc3qpta8l] {
    margin: var(--espaco-5) 0 0;
    padding: var(--espaco-3) var(--espaco-4) var(--espaco-4);
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
}

.lote:disabled[b-7hc3qpta8l] {
    background-color: transparent;
    border-style: dashed;
}

.lote__titulo[b-7hc3qpta8l] {
    padding: 0 var(--espaco-1);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.lote__ajuda[b-7hc3qpta8l] {
    margin-bottom: var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.chave[b-7hc3qpta8l] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--espaco-1) var(--espaco-3);
    margin: var(--espaco-4) 0 var(--espaco-3);
    padding: var(--espaco-2) var(--espaco-3);
    background-color: var(--superficie);
    border: 1px dashed var(--hairline-forte);
    border-radius: var(--raio);
}

.chave__rotulo[b-7hc3qpta8l] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.chave__valor[b-7hc3qpta8l] {
    color: var(--navy-ativo);
}

.chave__pendente[b-7hc3qpta8l] {
    color: var(--estado-espera-texto);
    font-size: var(--texto-sm);
}

.problemas[b-7hc3qpta8l] {
    margin: var(--espaco-1) 0 0;
    padding-left: var(--espaco-5);
}

.problemas li + li[b-7hc3qpta8l] {
    margin-top: 2px;
}

/* Codigo do modelo: o minimo de 18ch (fonte mono do proprio span) acomoda "analise-juridica" inteiro; sem ele,
   overflow-wrap:anywhere deixa a coluna da tabela encolher ate uma letra por linha. Codigos mais longos
   ainda quebram, mas so apos esse minimo. */
.modelo[b-7hc3qpta8l] {
    display: inline-block;
    min-width: 18ch;
    overflow-wrap: anywhere;
}

@media (max-width: 639.98px) {
    /* Celula empilhada (rotulo + valor): a largura vem da celula, o minimo so poderia estourar o celular. */
    .modelo[b-7hc3qpta8l] {
        min-width: 0;
    }
}

.acoes-linha[b-7hc3qpta8l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}
/* /Componentes/Paginas/Configuracao/PortalCartorioAdmin.razor.rz.scp.css */
/* Portal do cartorio (admin): lista de portais, formulario do portal e usuarios do CNS escolhido. */

.cadastro[b-3k4kc6yj1e] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.cadastro[b-3k4kc6yj1e]  .filtros {
    margin-bottom: 0;
}

.barra-acoes[b-3k4kc6yj1e] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.barra-acoes__texto[b-3k4kc6yj1e] {
    flex: 1 1 420px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.formulario[b-3k4kc6yj1e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-3k4kc6yj1e]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-3k4kc6yj1e] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-3k4kc6yj1e] {
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.formulario-bloco:focus-visible[b-3k4kc6yj1e],
.usuarios:focus-visible[b-3k4kc6yj1e] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-3k4kc6yj1e] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.formulario-bloco__ajuda[b-3k4kc6yj1e] {
    margin: calc(var(--espaco-2) * -1) 0 var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.lista[b-3k4kc6yj1e]  .linha--selecionada td {
    background-color: var(--navy-tint);
}

[b-3k4kc6yj1e] .acoes-linha {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}

[b-3k4kc6yj1e] .enderecos {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-3k4kc6yj1e] .enderecos__base {
    font-size: var(--texto-xs);
}

/* --------------------------------------------------------------- usuarios --- */
.usuarios[b-3k4kc6yj1e] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
    padding: var(--espaco-4);
    background-color: var(--superficie-pautada);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
}

.usuarios__cabecalho[b-3k4kc6yj1e] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-2) var(--espaco-4);
}

.usuarios__titulo[b-3k4kc6yj1e] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.usuarios__ajuda[b-3k4kc6yj1e] {
    margin-top: 2px;
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

/* --------------------------------------------------------------- prazo do registro --- */
.prazo-resumo[b-3k4kc6yj1e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--espaco-3) var(--espaco-5);
    margin: 0;
}

.prazo-resumo__item dt[b-3k4kc6yj1e] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.prazo-resumo__item dd[b-3k4kc6yj1e] {
    margin: 2px 0 0;
}
/* /Componentes/Paginas/Configuracao/PromptComponentes.razor.rz.scp.css */
/* Prompts: formularios, painel de versoes, ficha da versao, hash e comparacao lado a lado. */

.aba-conteudo[b-w5hvhppwx0] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.aba-conteudo[b-w5hvhppwx0]  .filtros {
    margin-bottom: 0;
}

.aba-conteudo[b-w5hvhppwx0]  .painel + .painel {
    margin-top: 0;
}

.aba-conteudo[b-w5hvhppwx0]  .linha--selecionada td {
    background-color: var(--navy-tint);
}

.barra-acoes[b-w5hvhppwx0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--espaco-2);
}

.formulario[b-w5hvhppwx0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-w5hvhppwx0]  .campo + .campo {
    margin-top: 0;
}

.formulario__largo[b-w5hvhppwx0] {
    grid-column: 1 / -1;
}

.formulario__rodape[b-w5hvhppwx0] {
    margin-top: var(--espaco-4);
}

.formulario__acoes[b-w5hvhppwx0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-w5hvhppwx0] {
    margin-bottom: var(--espaco-5);
    padding: var(--espaco-4);
    background-color: var(--superficie-pautada);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
}

.formulario-bloco:focus-visible[b-w5hvhppwx0] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-w5hvhppwx0] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.versoes:focus-visible[b-w5hvhppwx0] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.versao-vista__cabecalho[b-w5hvhppwx0] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--espaco-2);
}

.ficha[b-w5hvhppwx0] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: var(--espaco-3) var(--espaco-5);
    margin: 0 0 var(--espaco-4);
}

.ficha dt[b-w5hvhppwx0] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.ficha dd[b-w5hvhppwx0] {
    margin: 2px 0 0;
    font-size: var(--texto-sm);
    overflow-wrap: anywhere;
}

.conteudo__rotulo[b-w5hvhppwx0] {
    margin: var(--espaco-3) 0 var(--espaco-1);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.conteudo[b-w5hvhppwx0] {
    max-height: 28rem;
    overflow: auto;
    margin: 0;
    padding: var(--espaco-3);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio);
    font-family: var(--fonte-mono);
    font-size: 0.8125rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.hash[b-w5hvhppwx0] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--espaco-1) var(--espaco-3);
    margin-top: var(--espaco-4);
}

.hash__rotulo[b-w5hvhppwx0] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.hash__valor[b-w5hvhppwx0] {
    overflow-wrap: anywhere;
}

.acoes-linha[b-w5hvhppwx0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}

.em-uso[b-w5hvhppwx0] {
    font-size: var(--texto-xs);
}

.comparar[b-w5hvhppwx0] {
    margin-top: var(--espaco-5);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.comparar__campos[b-w5hvhppwx0] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--espaco-3) var(--espaco-4);
}

.comparar__campos[b-w5hvhppwx0]  .campo {
    flex: 0 1 200px;
}

.comparar__campos[b-w5hvhppwx0]  .campo + .campo {
    margin-top: 0;
}

.comparar__resumo[b-w5hvhppwx0] {
    margin: var(--espaco-3) 0;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    font-variant-numeric: tabular-nums;
}

.diff[b-w5hvhppwx0] {
    max-height: 36rem;
    overflow: auto;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
}

.diff:focus-visible[b-w5hvhppwx0] {
    outline: 2px solid var(--foco);
    outline-offset: 1px;
}

.diff__tabela[b-w5hvhppwx0] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-family: var(--fonte-mono);
    font-size: 0.8125rem;
}

.diff__tabela thead th[b-w5hvhppwx0] {
    position: sticky;
    top: 0;
    padding: var(--espaco-2) var(--espaco-3);
    background-color: var(--superficie-pautada);
    border-bottom: 1px solid var(--hairline-forte);
    color: var(--tinta-suave);
    font-family: var(--fonte);
    font-size: var(--texto-xs);
    font-weight: 650;
    text-align: left;
}

.diff__num[b-w5hvhppwx0] {
    width: 4.5rem;
    color: var(--tinta-suave);
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.diff__tabela td[b-w5hvhppwx0] {
    padding: 2px var(--espaco-3);
    vertical-align: top;
    border-bottom: 1px solid var(--superficie-realce);
}

.diff__texto[b-w5hvhppwx0] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.diff__linha--removida .diff__texto--a[b-w5hvhppwx0],
.diff__linha--alterada .diff__texto--a[b-w5hvhppwx0] {
    background-color: color-mix(in srgb, var(--estado-falha) 9%, var(--superficie));
}

.diff__linha--adicionada .diff__texto--b[b-w5hvhppwx0],
.diff__linha--alterada .diff__texto--b[b-w5hvhppwx0] {
    background-color: color-mix(in srgb, var(--estado-ok) 10%, var(--superficie));
}

.diff__linha--removida .diff__num[b-w5hvhppwx0],
.diff__linha--adicionada .diff__num[b-w5hvhppwx0],
.diff__linha--alterada .diff__num[b-w5hvhppwx0] {
    color: var(--tinta);
    font-weight: 600;
}
/* /Componentes/Paginas/Configuracao/PromptRegras.razor.rz.scp.css */
/* Regras de prompt: formulario com a chave de escopo calculada e tabela. */

.formulario[b-o1ew6l95bx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-o1ew6l95bx]  .campo + .campo {
    margin-top: 0;
}

.formulario__acoes[b-o1ew6l95bx] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.formulario-bloco[b-o1ew6l95bx] {
    margin-bottom: var(--espaco-5);
    padding: var(--espaco-4);
    background-color: var(--superficie-pautada);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
}

.formulario-bloco:focus-visible[b-o1ew6l95bx] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.formulario-bloco__titulo[b-o1ew6l95bx] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
    letter-spacing: -0.01em;
}

.chave[b-o1ew6l95bx] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--espaco-1) var(--espaco-3);
    margin: var(--espaco-4) 0 var(--espaco-3);
    padding: var(--espaco-2) var(--espaco-3);
    background-color: var(--superficie);
    border: 1px dashed var(--hairline-forte);
    border-radius: var(--raio);
}

.chave__rotulo[b-o1ew6l95bx] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.chave__valor[b-o1ew6l95bx] {
    color: var(--navy-ativo);
    overflow-wrap: anywhere;
}

.chave__pendente[b-o1ew6l95bx] {
    color: var(--estado-espera-texto);
    font-size: var(--texto-sm);
}

.chave-celula[b-o1ew6l95bx] {
    overflow-wrap: anywhere;
}

.acoes-linha[b-o1ew6l95bx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}
/* /Componentes/Paginas/Configuracao/PublicacaoDetalhe.razor.rz.scp.css */
/* Cabecalho da publicacao: titulo e descricao a esquerda, carimbo grande do status a direita. */

.cabecalho__textos[b-lz6vp0iugx] {
    min-width: 0;
    max-width: 72ch;
}

.cabecalho__acoes[b-lz6vp0iugx] {
    margin-top: var(--espaco-3);
}

.detalhe__conteudo[b-lz6vp0iugx] {
    margin-top: var(--espaco-5);
}

/* Linha de tipo e origem sob a descricao (H1): texto pequeno, sem ficha nova. */
.detalhe__origem[b-lz6vp0iugx] {
    margin-top: var(--espaco-2);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.detalhe__origem a[b-lz6vp0iugx] {
    color: var(--navy);
    font-weight: 600;
}

.detalhe__origem-termo[b-lz6vp0iugx] {
    color: var(--tinta);
    font-weight: 600;
}

/* Lista de calibracoes do aviso de rascunho defasado. */
.detalhe__defasagem-lista[b-lz6vp0iugx] {
    margin: var(--espaco-1) 0 0;
    padding-left: 1.25rem;
}

.detalhe__defasagem-lista li + li[b-lz6vp0iugx] {
    margin-top: 2px;
}
/* /Componentes/Paginas/Configuracao/Publicacoes.razor.rz.scp.css */
/* Publicacoes: formulario de rascunho/clone, resultado da publicacao (carimbo grande) e lista de achados. */

.formulario[b-9u9rad3s41] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

.formulario[b-9u9rad3s41]  .campo + .campo {
    margin-top: 0;
}

.formulario__largo[b-9u9rad3s41] {
    grid-column: 1 / -1;
}

.formulario__acoes[b-9u9rad3s41] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-5);
    padding-top: var(--espaco-4);
    border-top: 1px solid var(--hairline);
}

.resultado-publicado[b-9u9rad3s41] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-4) var(--espaco-5);
    padding: var(--espaco-2) 0 var(--espaco-4);
}

.achados[b-9u9rad3s41] {
    margin: var(--espaco-4) 0 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--hairline);
}

.achados__item[b-9u9rad3s41] {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--espaco-2) var(--espaco-4);
    padding: var(--espaco-3) 0;
    border-bottom: 1px solid var(--hairline);
}

.achados__mensagem[b-9u9rad3s41] {
    color: var(--tinta);
    font-size: var(--texto-sm);
    line-height: 1.45;
    max-width: 90ch;
}

.achados__meta[b-9u9rad3s41] {
    margin-top: 2px;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-variant-numeric: tabular-nums;
}

.achados__link[b-9u9rad3s41] {
    color: var(--navy);
    font-size: var(--texto-sm);
    font-weight: 600;
    text-underline-offset: 3px;
    white-space: nowrap;
}

.achados__link:hover[b-9u9rad3s41] {
    color: var(--navy-hover);
}

.acoes-linha[b-9u9rad3s41] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-1) var(--espaco-2);
}

@media (max-width: 639.98px) {
    .achados__item[b-9u9rad3s41] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Lista: codigo e hash mono numa linha so; acoes numa linha so; a descricao toma a largura que sobra
   e mostra no maximo 3 linhas (o texto completo fica no title). */
.publicacoes__lista[b-9u9rad3s41]  .publicacoes__codigo,
.publicacoes__lista[b-9u9rad3s41]  .publicacoes__hash {
    white-space: nowrap;
}

.publicacoes__lista[b-9u9rad3s41]  .publicacoes__descricao {
    width: 100%;
}

.publicacoes__lista[b-9u9rad3s41]  .publicacoes__descricao-texto {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.publicacoes__lista[b-9u9rad3s41]  .publicacoes__acoes .acoes-linha {
    flex-wrap: nowrap;
    gap: var(--espaco-2);
}

@media (max-width: 639.98px) {
    .publicacoes__lista[b-9u9rad3s41]  .publicacoes__descricao {
        width: auto;
    }

    .publicacoes__lista[b-9u9rad3s41]  .publicacoes__acoes .acoes-linha {
        flex-wrap: wrap;
    }
}

/* Coluna Tipo (texto simples, O8) numa linha so. */
.publicacoes__lista[b-9u9rad3s41]  .publicacoes__tipo {
    white-space: nowrap;
}

/* A confirmacao do Publicar defasado e do Desativar de calibracao tem pergunta longa: so nessa linha a celula quebra. */
.publicacoes__lista[b-9u9rad3s41]  .publicacoes__acoes .acoes-linha:has(.confirmacao) {
    flex-wrap: wrap;
}

/* Lista de calibracoes do aviso de rascunho defasado. */
.publicacoes__defasagem-lista[b-9u9rad3s41] {
    margin: var(--espaco-1) 0 0;
    padding-left: 1.25rem;
}

.publicacoes__defasagem-lista li + li[b-9u9rad3s41] {
    margin-top: 2px;
}
/* /Componentes/Paginas/Inicio.razor.rz.scp.css */
/* Painel inicial: frase de saude (o foco), esteira por etapas, faixa de excecoes e producao.
   Os blocos da esteira, da faixa e do grafico tem CSS proprio em Paginas/Painel. */

.painel-inicio[b-e0mgrhdumg] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
}

.painel-inicio__esqueleto[b-e0mgrhdumg] {
    display: grid;
    gap: var(--espaco-5);
    max-width: 960px;
}

/* ---- cabecalho: seletor de pipeline, hora da ultima atualizacao e botao ---- */
/* O bloco do titulo cede espaco (o subtitulo quebra em duas linhas) para as acoes continuarem na mesma linha do titulo. */
.painel-inicio__titulos[b-e0mgrhdumg] {
    flex: 1 1 22rem;
    min-width: 0;
}

.painel-inicio__acoes[b-e0mgrhdumg] {
    align-items: flex-end;
}

.painel-inicio__acoes[b-e0mgrhdumg]  .campo {
    min-width: 14rem;
}

.painel-inicio__acoes[b-e0mgrhdumg]  .campo__rotulo {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.painel-inicio__acoes[b-e0mgrhdumg]  .campo__controle {
    min-height: var(--controle-altura-pequeno);
    font-size: var(--texto-xs);
}

.painel-inicio__pipeline-nome[b-e0mgrhdumg],
.painel-inicio__hora[b-e0mgrhdumg] {
    display: inline-flex;
    align-items: center;
    gap: var(--espaco-1);
    min-height: var(--controle-altura-pequeno);
    margin: 0;
    font-size: var(--texto-xs);
}

.painel-inicio__hora[b-e0mgrhdumg] {
    color: var(--tinta-suave);
}

.painel-inicio__pipeline-nome strong[b-e0mgrhdumg] {
    color: var(--tinta);
    font-weight: 650;
}

/* ---- frase de saude: o momento focal ---- */
.saude__frase[b-e0mgrhdumg] {
    display: flex;
    align-items: flex-start;
    gap: var(--espaco-3);
    margin: 0;
    font-size: var(--texto-xl);
    line-height: 1.3;
}

/* Ponto de status (10 px), centralizado na primeira linha da frase. */
.saude__ponto[b-e0mgrhdumg] {
    position: relative;
    flex: none;
    width: 10px;
    height: 10px;
    margin-top: calc((1.3em - 10px) / 2);
    border-radius: var(--raio-pilula);
    background-color: var(--estado-neutro);
}

/* Fluindo: o verde-limao e o sinal de "esta andando"; um anel expande e some. */
.saude__ponto--fluindo[b-e0mgrhdumg] {
    background-color: var(--lime);
}

.saude__ponto--fluindo[b-e0mgrhdumg]::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid var(--lime);
    border-radius: inherit;
    animation: saude-pulso-b-e0mgrhdumg 2s ease-out infinite;
}

@keyframes saude-pulso-b-e0mgrhdumg {
    from {
        opacity: 0.7;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(2.8);
    }
}

.saude__texto[b-e0mgrhdumg] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--espaco-1) var(--espaco-3);
    min-width: 0;
}

.saude__titulo[b-e0mgrhdumg] {
    color: var(--tinta);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-xl);
    font-weight: 600;
    letter-spacing: -0.015em;
    text-wrap: balance;
}

.saude__detalhe[b-e0mgrhdumg] {
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    font-variant-numeric: tabular-nums;
}

/* ---- producao: periodo (segmentos) e intervalo ---- */
.producao__controles[b-e0mgrhdumg] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--espaco-3) var(--espaco-5);
    margin-bottom: var(--espaco-4);
}

.periodo[b-e0mgrhdumg] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.periodo__segmentos[b-e0mgrhdumg] {
    display: inline-flex;
    gap: 2px;
    padding: 2px;
    background-color: var(--superficie-realce);
    border-radius: var(--raio);
}

.periodo__opcao[b-e0mgrhdumg] {
    position: relative;
    display: inline-flex;
    cursor: pointer;
}

/* O radio nativo cobre o segmento (teclado, setas e leitor de tela de graca); so o texto e desenhado. */
.periodo__radio[b-e0mgrhdumg] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.periodo__texto[b-e0mgrhdumg] {
    display: inline-flex;
    align-items: center;
    min-height: var(--controle-altura-pequeno);
    padding: 0 var(--espaco-3);
    border-radius: calc(var(--raio) - 2px);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
    white-space: nowrap;
}

/* Sem transicao de proposito: o segmento escolhido troca de estado na hora, sem fase intermediaria. */
.periodo__opcao:hover .periodo__texto[b-e0mgrhdumg] {
    color: var(--tinta);
}

.periodo__radio:checked + .periodo__texto[b-e0mgrhdumg] {
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
    color: var(--navy);
}

.periodo__radio:focus-visible + .periodo__texto[b-e0mgrhdumg] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.periodo__intervalo[b-e0mgrhdumg] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--espaco-3);
}

.periodo__intervalo[b-e0mgrhdumg]  .campo + .campo {
    margin-top: 0;
}

.periodo__intervalo[b-e0mgrhdumg]  .campo__rotulo {
    font-size: var(--texto-xs);
}

.periodo__intervalo[b-e0mgrhdumg]  .campo__controle {
    min-height: var(--controle-altura-pequeno);
    font-size: var(--texto-xs);
}

/* O aviso de intervalo invalido fica dentro de um div (o id liga os campos ao aviso): a folga para o grafico vem daqui. */
.producao__aviso[b-e0mgrhdumg] {
    margin-bottom: var(--espaco-4);
}

/* Troca de periodo ou de pipeline: o grafico anterior fica esmaecido ate a nova consulta responder (sem transicao: o
   estado muda na hora, tambem em aba em segundo plano, onde as transicoes ficam paradas). */
.producao__grafico--carregando[b-e0mgrhdumg] {
    opacity: 0.55;
}

@media (max-width: 639.98px) {
    .painel-inicio__acoes[b-e0mgrhdumg]  .campo {
        min-width: 0;
        width: 100%;
    }

    .painel-inicio__acoes[b-e0mgrhdumg] {
        width: 100%;
    }

    .saude__frase[b-e0mgrhdumg],
    .saude__titulo[b-e0mgrhdumg] {
        font-size: var(--texto-lg);
    }

    .periodo[b-e0mgrhdumg],
    .periodo__segmentos[b-e0mgrhdumg] {
        display: flex;
        width: 100%;
    }

    .periodo__opcao[b-e0mgrhdumg] {
        flex: 1 1 0;
    }

    .periodo__texto[b-e0mgrhdumg] {
        justify-content: center;
        width: 100%;
        padding: 0 var(--espaco-2);
        line-height: 1.2;
        text-align: center;
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .saude__ponto--fluindo[b-e0mgrhdumg]::after {
        display: none;
    }
}
/* /Componentes/Paginas/Painel/Esteira.razor.rz.scp.css */
/* Esteira do Painel: estacoes (etapas) em fila, ligadas por um trilho. 1280 px ou mais: uma linha, com rolagem horizontal
   DENTRO da faixa se nao couber (6 etapas ou mais). 640-1279: grade de estacoes sem conectores. Abaixo de 640: lista vertical. */

.esteira[b-n2jp8ucwd5] {
    /* O espaco entre estacoes e o proprio conector (40 px). */
    --conector-largura: calc(var(--espaco-6) + var(--espaco-2));
    /* Largura do esmaecimento da borda direita quando ha mais estacoes do que cabem (32 px). */
    --esteira-fade: var(--espaco-6);
}

/* A folga lateral evita cortar a sombra das estacoes na borda da rolagem; a margem negativa a devolve ao alinhamento. */
.esteira__rolagem[b-n2jp8ucwd5] {
    margin: 0 calc(var(--espaco-1) * -1);
    padding: var(--espaco-1) var(--espaco-1) var(--espaco-2);
    overflow-x: auto;
    scrollbar-width: thin;
}

/* Esmaecimento da borda direita, SO quando ha estacoes alem da borda (sem JS). A mascara e um degrade cuja faixa
   transparente fica nos ultimos 32 px; a camada e 32 px mais larga que a caixa, entao em repouso a faixa cai FORA da
   caixa (sem esmaecer). Com rolagem guiada por CSS, a camada encolhe para a largura da caixa (esmaece) quando a faixa
   realmente rola e volta a crescer ao chegar no fim. Sem rolagem, a linha de tempo fica inativa e vale o repouso. */
@supports (animation-timeline: scroll()) {
    @media (min-width: 1280px) {
        .esteira__rolagem[b-n2jp8ucwd5] {
            mask-image: linear-gradient(90deg, #000 calc(100% - var(--esteira-fade)), transparent);
            mask-repeat: no-repeat;
            mask-size: calc(100% + var(--esteira-fade)) 100%;
            animation: esteira-esmaecer-b-n2jp8ucwd5 linear both;
            animation-timeline: scroll(self inline);
        }
    }
}

/* Navegador sem rolagem guiada por CSS: esmaece sempre que houver 6 estacoes ou mais (so a esteira em linha rola). */
@supports not (animation-timeline: scroll()) {
    @media (min-width: 1280px) {
        .esteira--muitas .esteira__rolagem[b-n2jp8ucwd5] {
            mask-image: linear-gradient(90deg, #000 calc(100% - var(--esteira-fade)), transparent);
        }
    }
}

@keyframes esteira-esmaecer-b-n2jp8ucwd5 {
    0%,
    90% {
        mask-size: 100% 100%;
    }

    100% {
        mask-size: calc(100% + var(--esteira-fade)) 100%;
    }
}

.esteira__lista[b-n2jp8ucwd5] {
    display: flex;
    align-items: stretch;
    gap: var(--conector-largura);
    margin: 0;
    padding: 0;
    list-style: none;
}

.esteira__item[b-n2jp8ucwd5] {
    position: relative;
    display: flex;
    flex: 1 1 0;
    min-width: 9.5rem;
}

/* Pipeline sem etapas: o estado vazio ganha moldura para nao ficar solto sobre o chao da pagina. */
.esteira__vazio[b-n2jp8ucwd5] {
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
}

/* ---- estacao ---- */
.estacao[b-n2jp8ucwd5] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--espaco-3);
    min-width: 0;
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
    transition: border-color var(--transicao);
}

/* Onde ha trabalho em andamento a borda ganha um tom de navy: o olho acha a estacao viva. */
.estacao--ativa[b-n2jp8ucwd5] {
    border-color: color-mix(in srgb, var(--navy-2) 45%, var(--hairline));
}

.estacao__nome[b-n2jp8ucwd5] {
    margin: 0;
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--tinta);
    text-wrap: balance;
}

/* Ancorado acima das linhas: com as estacoes na mesma altura, os numeros ficam alinhados entre si
   mesmo quando um nome quebra em duas linhas e outro nao. */
.estacao__principal[b-n2jp8ucwd5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: auto 0 0;
}

/* O numero e o que pesa na estacao: maior que o nome. */
.estacao__numero[b-n2jp8ucwd5] {
    font-family: var(--fonte-titulo);
    font-size: 2rem;
    font-weight: 650;
    line-height: 1.1;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
    color: var(--navy);
}

.estacao--ociosa .estacao__numero[b-n2jp8ucwd5] {
    color: var(--tinta-fraca);
}

.estacao__legenda[b-n2jp8ucwd5] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.estacao__linhas[b-n2jp8ucwd5] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-1);
    margin: 0;
    padding: var(--espaco-3) 0 0;
    border-top: 1px solid var(--hairline);
    list-style: none;
}

.estacao__linha[b-n2jp8ucwd5] {
    display: flex;
    align-items: center;
    gap: var(--espaco-2);
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    font-variant-numeric: tabular-nums;
}

.estacao__linha strong[b-n2jp8ucwd5] {
    color: var(--tinta);
    font-weight: 650;
}

.estacao__linha[b-n2jp8ucwd5]  .icone {
    width: 1rem;
    height: 1rem;
    vertical-align: baseline;
}

/* O verde so aparece aqui como sinal de "saiu pronto": check das concluidas. */
.estacao__linha--concluidas[b-n2jp8ucwd5]  .icone {
    color: var(--lime-deep);
}

/* ---- conector (o trilho entre estacoes) ---- */
.conector[b-n2jp8ucwd5] {
    position: absolute;
    top: 50%;
    left: 100%;
    display: flex;
    align-items: center;
    width: var(--conector-largura);
    padding: 0 var(--espaco-1);
    transform: translateY(-50%);
    color: var(--hairline-forte);
    pointer-events: none;
}

.conector__linha[b-n2jp8ucwd5] {
    flex: 1 1 auto;
    height: 2px;
    border-radius: 1px;
    background-color: currentColor;
}

.conector[b-n2jp8ucwd5]  .icone {
    width: 1rem;
    height: 1rem;
    margin-left: -3px;
    vertical-align: baseline;
}

/* Estacao de origem com trabalho em andamento: o trilho corre da esquerda para a direita. */
.conector--fluindo[b-n2jp8ucwd5] {
    color: var(--navy-2);
}

.conector--fluindo .conector__linha[b-n2jp8ucwd5] {
    background-color: transparent;
    background-image: repeating-linear-gradient(90deg, currentColor 0 6px, transparent 6px 12px);
    background-size: 12px 2px;
    background-repeat: repeat-x;
    animation: esteira-fluxo-b-n2jp8ucwd5 1.2s linear infinite;
}

@keyframes esteira-fluxo-b-n2jp8ucwd5 {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 12px 0;
    }
}

@keyframes esteira-fluxo-vertical-b-n2jp8ucwd5 {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 12px;
    }
}

/* ---- 640 a 1279: grade de 2-3 colunas, sem conectores. A esteira em linha pede 5 x 9,5 rem + 4 x 40 px = 920 px; em 1024-1279
   a area util e (largura - 336 px), de 688 a 943 px: nao cabe, entao a grade assume. 14,5 rem por coluna rende 3 colunas
   (3 + 2 estacoes) a partir de 1056 px e 2 colunas abaixo disso. ---- */
@media (max-width: 1279.98px) {
    .esteira__rolagem[b-n2jp8ucwd5] {
        margin: 0;
        padding: 0;
        overflow: visible;
        mask-image: none;
        animation: none;
    }

    .esteira__lista[b-n2jp8ucwd5] {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(14.5rem, 1fr));
        gap: var(--espaco-3);
    }

    .esteira__item[b-n2jp8ucwd5] {
        min-width: 0;
    }

    .conector[b-n2jp8ucwd5] {
        display: none;
    }
}

/* ---- abaixo de 640: lista vertical, com conector vertical entre as estacoes ---- */
@media (max-width: 639.98px) {
    .esteira__lista[b-n2jp8ucwd5] {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .esteira__item[b-n2jp8ucwd5] {
        flex: none;
        flex-direction: column;
    }

    /* Estacao compacta: numero e legenda na mesma linha, fila e ultima hora lado a lado. */
    .estacao[b-n2jp8ucwd5] {
        gap: var(--espaco-2);
        padding: var(--espaco-3);
    }

    .estacao__principal[b-n2jp8ucwd5] {
        flex-direction: row;
        align-items: baseline;
        gap: var(--espaco-2);
        margin: 0;
    }

    .estacao__numero[b-n2jp8ucwd5] {
        font-size: var(--texto-2xl);
    }

    .estacao__linhas[b-n2jp8ucwd5] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--espaco-1) var(--espaco-4);
        padding-top: var(--espaco-2);
    }

    /* 44 px de altura: sobra cerca de 27 px de trilho animado entre o fim de uma estacao e o icone (44 - 4 de folga
       no topo - 13 do icone, que tem 16 px e entra 3 px sobre o trilho). */
    .conector[b-n2jp8ucwd5] {
        position: static;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: auto;
        height: calc(var(--espaco-6) + var(--espaco-3));
        padding: var(--espaco-1) 0 0;
        transform: none;
    }

    .conector__linha[b-n2jp8ucwd5] {
        flex: 1 1 auto;
        width: 2px;
        height: auto;
    }

    .conector[b-n2jp8ucwd5]  .icone {
        margin: -3px 0 0;
        transform: rotate(90deg);
    }

    .conector--fluindo .conector__linha[b-n2jp8ucwd5] {
        background-image: repeating-linear-gradient(180deg, currentColor 0 6px, transparent 6px 12px);
        background-size: 2px 12px;
        background-repeat: repeat-y;
        animation-name: esteira-fluxo-vertical-b-n2jp8ucwd5;
    }
}

@media (prefers-reduced-motion: reduce) {
    .conector--fluindo .conector__linha[b-n2jp8ucwd5] {
        animation: none;
    }
}
/* /Componentes/Paginas/Painel/FaixaExcecoes.razor.rz.scp.css */
/* Faixa de excecoes: uma linha. Vazia = discreta (so borda). Com algo = fundo a 7% da tinta e borda a 35%. */

.excecoes[b-jyaddeah4i] {
    --excecao-tinta: var(--estado-neutro);
    --excecao-texto: var(--estado-neutro-texto);
    display: flex;
    align-items: flex-start;
    gap: var(--espaco-3);
    padding: var(--espaco-3) var(--espaco-4);
    border: 1px solid var(--hairline);
    border-radius: var(--raio);
    background-color: transparent;
    color: var(--tinta-suave);
}

.excecoes--falha[b-jyaddeah4i] {
    --excecao-tinta: var(--estado-falha);
    --excecao-texto: var(--estado-falha-texto);
}

.excecoes--espera[b-jyaddeah4i] {
    --excecao-tinta: var(--estado-espera);
    --excecao-texto: var(--estado-espera-texto);
}

.excecoes--falha[b-jyaddeah4i],
.excecoes--espera[b-jyaddeah4i] {
    border-color: color-mix(in srgb, var(--excecao-tinta) 35%, var(--superficie));
    background-color: color-mix(in srgb, var(--excecao-tinta) 7%, var(--superficie));
    color: var(--tinta);
}

.excecoes__icone[b-jyaddeah4i] {
    display: inline-flex;
    flex: none;
    margin-top: 1px;
    color: var(--excecao-texto);
}

.excecoes__icone--ok[b-jyaddeah4i] {
    color: var(--estado-ok);
}

.excecoes__texto[b-jyaddeah4i] {
    margin: 0;
}

.excecoes__lista[b-jyaddeah4i] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-1) var(--espaco-5);
    margin: 0;
    padding: 0;
    list-style: none;
}

.excecoes__link[b-jyaddeah4i] {
    color: var(--tinta);
    text-decoration-color: color-mix(in srgb, var(--excecao-texto) 55%, transparent);
}

.excecoes__link:hover[b-jyaddeah4i] {
    color: var(--excecao-texto);
    text-decoration-color: currentColor;
}

.excecoes__link strong[b-jyaddeah4i] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
/* /Componentes/Paginas/Painel/GraficoProducao.razor.rz.scp.css */
/* Grafico de producao em SVG. Sao dois desenhos com os mesmos dados: o LARGO (viewBox 960x260) e o COMPACTO (360x230,
   so no celular). O CSS mostra um por vez, entao o texto fica legivel em qualquer largura e o grafico ocupa a largura
   toda sem rolagem. Os tamanhos de texto estao em unidades do viewBox. */

.grafico[b-shrq919p3t] {
    position: relative;
}

.grafico__resumo[b-shrq919p3t] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--espaco-1) var(--espaco-4);
    margin: 0 0 var(--espaco-3);
}

.grafico__periodo[b-shrq919p3t] {
    color: var(--tinta);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-base);
    font-weight: 600;
    letter-spacing: -0.01em;
}

.grafico__totais[b-shrq919p3t] {
    color: var(--tinta-suave);
    font-variant-numeric: tabular-nums;
}

.grafico__totais strong[b-shrq919p3t] {
    color: var(--tinta);
    font-weight: 650;
}

.grafico__svg[b-shrq919p3t] {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

/* O compacto so aparece no celular (ver o @media no fim do arquivo). */
.grafico__svg--compacta[b-shrq919p3t] {
    display: none;
}

/* ---- elementos do desenho ----
   Os <text> sao montados na arvore de renderizacao (ver Texto() no .razor) e nao levam o atributo do CSS isolado:
   por isso o estilo deles parte do <svg> com ::deep. */
.grafico__expediente[b-shrq919p3t] {
    fill: var(--navy-tint);
}

.grafico__grade[b-shrq919p3t] {
    stroke: var(--hairline);
    stroke-width: 1;
}

.grafico__base[b-shrq919p3t] {
    stroke: var(--hairline-forte);
    stroke-width: 1;
}

.grafico__svg[b-shrq919p3t]  .grafico__rotulo-expediente {
    fill: var(--navy);
    font-weight: 600;
}

.grafico__svg[b-shrq919p3t]  .grafico__eixo-y,
.grafico__svg[b-shrq919p3t]  .grafico__eixo-x {
    fill: var(--tinta-suave);
    font-variant-numeric: tabular-nums;
}

.grafico__svg[b-shrq919p3t]  .grafico__eixo-x--fraco {
    fill: var(--tinta-fraca);
}

/* Area de captura: a coluna inteira responde ao mouse e ao toque, inclusive a de barra zerada. */
.grafico__coluna[b-shrq919p3t] {
    fill: transparent;
}

.grafico__barra[b-shrq919p3t] {
    fill: var(--navy);
    transition: fill var(--transicao);
}

/* Cada barra e focavel (tabindex): o toque e o teclado mostram o numero como o mouse. O foco nunca some:
   o contorno de teclado e desenhado na coluna (o contorno nativo de <g> varia entre navegadores). */
.grafico__grupo[b-shrq919p3t] {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.grafico__grupo:hover .grafico__barra[b-shrq919p3t],
.grafico__grupo:focus .grafico__barra[b-shrq919p3t] {
    fill: var(--navy-2);
}

.grafico__grupo:focus-visible .grafico__coluna[b-shrq919p3t] {
    stroke: var(--foco);
    stroke-width: 2px;
}

/* Numero da barra (H10). O contorno claro o separa das linhas de grade. */
.grafico__svg[b-shrq919p3t]  .grafico__valor {
    fill: var(--tinta);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    stroke: var(--superficie);
    stroke-width: 3px;
    stroke-linejoin: round;
    paint-order: stroke;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transicao);
}

.grafico__grupo:hover[b-shrq919p3t]  .grafico__valor,
.grafico__grupo:focus[b-shrq919p3t]  .grafico__valor {
    opacity: 1;
}

.grafico__svg[b-shrq919p3t]  .grafico__vazio {
    fill: var(--tinta-suave);
}

/* ---- tamanho do texto ----
   O texto do SVG esta em unidades do viewBox; o tamanho renderizado e (unidades x largura do SVG / largura do viewBox).
   LARGO (960): largura do SVG = janela - 384 px a partir de 1024 px (trilho 240 + 2 x 48 de margem + 48 do painel) e
   janela - 80 px abaixo disso (2 x 16 de margem + 48 do painel), tirando 17 px da barra de rolagem da pagina. Cada faixa
   usa as unidades que mantem o texto em 11 px ou mais (--grafico-texto = rotulos dos eixos; valor = +1, vazio = +2).
   Medido no navegador (com barra de rolagem de 17 px):
     1360 px ou mais  11,5 un -> 11,5 px a 1360, 12,4 px a 1440
     1280 a 1359      12,5 un -> 11,5 px a 1280
     1152 a 1279      15 un   -> 11,7 px a 1152, 13,7 px a 1279
     1024 a 1151      18 un   -> 11,7 px a 1024, 14,1 px a 1151
      768 a 1023      16 un   -> 11,2 px a 768, 15,4 px a 1023
      640 a  767      20 un   -> 11,3 px a 640, 14,0 px a 767
   COMPACTO (360, so abaixo de 640 px; celular sem barra de rolagem; largura = janela - 58 px abaixo de 480 e - 66 de 480 a 639):
      ate 399         14 un   -> 11,7 px a 360, 13,3 px a 399
     400 a 479        12 un   -> 11,4 px a 400, 14,0 px a 479
     480 a 639        10 un   -> 11,5 px a 480, 15,9 px a 639 */
.grafico__svg--larga[b-shrq919p3t] {
    --grafico-texto: 11.5px;
}

.grafico__svg--compacta[b-shrq919p3t] {
    --grafico-texto: 14px;
}

.grafico__svg[b-shrq919p3t]  .grafico__rotulo-expediente,
.grafico__svg[b-shrq919p3t]  .grafico__eixo-y,
.grafico__svg[b-shrq919p3t]  .grafico__eixo-x {
    font-size: var(--grafico-texto);
}

.grafico__svg[b-shrq919p3t]  .grafico__valor {
    font-size: calc(var(--grafico-texto) + 1px);
}

.grafico__svg[b-shrq919p3t]  .grafico__vazio {
    font-size: calc(var(--grafico-texto) + 2px);
}

/* No compacto a frase do periodo vazio precisa caber na largura do grafico. */
.grafico__svg--compacta[b-shrq919p3t]  .grafico__vazio {
    font-size: var(--grafico-texto);
}

/* As faixas do largo, da mais larga para a mais estreita: a ultima que combina vence. */
@media (max-width: 1359.98px) {
    .grafico__svg--larga[b-shrq919p3t] {
        --grafico-texto: 12.5px;
    }
}

@media (max-width: 1279.98px) {
    .grafico__svg--larga[b-shrq919p3t] {
        --grafico-texto: 15px;
    }
}

@media (max-width: 1151.98px) {
    .grafico__svg--larga[b-shrq919p3t] {
        --grafico-texto: 18px;
    }
}

@media (max-width: 1023.98px) {
    .grafico__svg--larga[b-shrq919p3t] {
        --grafico-texto: 16px;
    }
}

@media (max-width: 767.98px) {
    .grafico__svg--larga[b-shrq919p3t] {
        --grafico-texto: 20px;
    }
}

/* Celular: o desenho compacto ocupa a largura toda; o largo sai de cena. */
@media (max-width: 639.98px) {
    .grafico__svg--larga[b-shrq919p3t] {
        display: none;
    }

    .grafico__svg--compacta[b-shrq919p3t] {
        display: block;
    }
}

@media (min-width: 400px) and (max-width: 639.98px) {
    .grafico__svg--compacta[b-shrq919p3t] {
        --grafico-texto: 12px;
    }
}

@media (min-width: 480px) and (max-width: 639.98px) {
    .grafico__svg--compacta[b-shrq919p3t] {
        --grafico-texto: 10px;
    }
}
/* /Componentes/Paginas/Workflow/CanvasWorkflow.razor.rz.scp.css */
/* Canvas do Workflow: palco lavado navy (excecao LOCAL ao tema claro) com blocos por etapa, ligacoes em SVG e
   cartoes brancos por tarefa. Cores de executor so aqui dentro. O lime-deep e o sinal de fluxo sobre o palco claro:
   tarefa em andamento e ligacao correndo. prefers-reduced-motion desliga todo movimento; a informacao fica em cor,
   anel e texto.
   A escala (--cw-escala) e gravada pelo JS (pipeline.ajustarCanvas / pipeline.zoomCanvas) na raiz .cw: no modo
   "Ver tudo" o desenho inteiro cabe na largura do palco e na altura da janela (piso 0.35, teto 1); no zoom manual
   vai de 0.35 a 1.4 e o palco rola. Abaixo de 760px de largura o canvas inteiro fica escondido (a pagina mostra a
   lista por passo no lugar).
   Sombras tingidas de navy (35, 44, 139); halo/brilho sem deslocamento so na narracao e na selecao. */

.cw[b-np8jgcqwqc] {
    --cw-app: #4A54B8;
    --cw-api: #1B7F9E;
    --cw-agente: #7A4FD3;
    --cw-outro: #616787;
    --cw-palco: #E9ECFA;
    --cw-faixa: rgba(255, 255, 255, 0.72);
    --cw-faixa-borda: #C9CEEB;
    --cw-cartao-borda: #DDE0F2;
    --cw-ligacao: rgba(107, 115, 184, 0.7);
    --cw-ligacao-opaca: #6B73B8;
    --cw-sombra: rgba(35, 44, 139, 0.16);
    --cw-cartao-raio: var(--raio-md);
    --cw-fluxo: var(--lime-deep);

    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
    min-width: 0;
}

/* ---- palco ---- */
/* Moldura do palco: referencia de posicao da barra de zoom (fora do palco, para nao rolar junto com o desenho). */
.cw__area[b-np8jgcqwqc] {
    position: relative;
    min-width: 0;
}

.cw__palco[b-np8jgcqwqc] {
    position: relative;
    padding: var(--espaco-4);
    /* Espaco no topo para a barra de zoom nao cobrir o cabecalho das etapas. */
    padding-top: calc(var(--espaco-4) + 36px);
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--cw-palco);
    background-image: radial-gradient(rgba(35, 44, 139, 0.08) 1px, transparent 1px);
    background-size: 24px 24px;
    box-shadow: none;
    scrollbar-width: thin;
    scrollbar-color: rgba(107, 115, 184, 0.55) transparent;
}

.cw__escala[b-np8jgcqwqc] {
    position: relative;
    width: calc(var(--cw-largura) * var(--cw-escala, 1));
    height: calc(var(--cw-altura) * var(--cw-escala, 1));
    margin-inline: auto;
}

.cw__tela[b-np8jgcqwqc] {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--cw-largura);
    height: var(--cw-altura);
    transform: scale(var(--cw-escala, 1));
    transform-origin: 0 0;
}

.cw__ligacoes[b-np8jgcqwqc] {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: visible;
    pointer-events: none;
}

/* ---- barra de zoom (canto superior direito do palco lavado navy) ---- */
.cw-zoom[b-np8jgcqwqc] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 2px;
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio-pilula);
    background-color: #FFFFFF;
    box-shadow: var(--sombra-1);
}

.cw-zoom__botao[b-np8jgcqwqc] {
    display: inline-grid;
    place-items: center;
    min-width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: var(--raio-pilula);
    background-color: transparent;
    color: var(--tinta);
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background-color var(--transicao), color var(--transicao);
}

.cw-zoom__botao--texto[b-np8jgcqwqc] {
    padding: 0 10px;
    font-size: 12px;
    font-weight: 600;
}

.cw-zoom__botao:hover[b-np8jgcqwqc] {
    background-color: var(--superficie-realce);
    color: var(--tinta);
}

.cw-zoom__botao[aria-pressed="true"][b-np8jgcqwqc] {
    background-color: var(--navy-tint);
    color: var(--navy);
}

.cw-zoom__botao:focus-visible[b-np8jgcqwqc] {
    outline: 3px solid var(--foco);
    outline-offset: 1px;
}

.cw-zoom__valor[b-np8jgcqwqc] {
    min-width: 4.5ch;
    color: var(--tinta-suave);
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    text-align: center;
}

/* ---- blocos por etapa ---- */
.cw-faixa[b-np8jgcqwqc] {
    position: absolute;
    z-index: 0;
    overflow: hidden;
    container-name: cw-faixa;
    container-type: inline-size;
    border: 1px solid var(--cw-faixa-borda);
    border-radius: var(--raio-md);
    background: var(--cw-faixa);
    box-shadow: var(--sombra-1);
}

.cw-faixa__cabecalho[b-np8jgcqwqc] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    height: 62px;
    padding: 10px 18px 0;
    box-sizing: border-box;
}

/* Numero grande da etapa como marca d'agua; encolhe junto com blocos estreitos. */
.cw-faixa__numero[b-np8jgcqwqc] {
    position: absolute;
    top: 9px;
    right: 16px;
    font-family: var(--fonte-titulo);
    font-size: clamp(30px, 11cqi, 38px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.04em;
    font-variant-numeric: tabular-nums;
    color: rgba(74, 84, 184, 0.12);
    user-select: none;
}

/* Caixa de frase ("Etapa 1"), sem caixa alta. */
.cw-faixa__rotulo[b-np8jgcqwqc] {
    max-width: calc(100% - 90px);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.01em;
    color: var(--tinta-suave);
}

.cw-faixa__nome[b-np8jgcqwqc] {
    display: -webkit-box;
    max-width: calc(100% - 90px);
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-family: var(--fonte-titulo);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: #161A4D;
    overflow-wrap: anywhere;
}

@container cw-faixa (max-width: 180px) {
    .cw-faixa__numero[b-np8jgcqwqc] {
        display: none;
    }

    .cw-faixa__rotulo[b-np8jgcqwqc],
    .cw-faixa__nome[b-np8jgcqwqc] {
        max-width: 100%;
    }
}

/* ---- ligacoes ---- */
.cw-lig[b-np8jgcqwqc] {
    transition: opacity var(--transicao);
}

.cw-lig__base[b-np8jgcqwqc] {
    fill: none;
    stroke: var(--cw-ligacao);
    stroke-width: 2;
    stroke-linecap: round;
    transition: stroke var(--transicao), stroke-width var(--transicao);
}

.cw-lig--condicional .cw-lig__base[b-np8jgcqwqc] {
    stroke-dasharray: 4 4;
}

/* O tracejado corre da origem ao destino (offset decrescente anda no sentido do caminho). */
.cw-lig__fluxo[b-np8jgcqwqc] {
    fill: none;
    stroke: var(--cw-fluxo);
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-dasharray: 6 8;
    animation: cw-correr-b-np8jgcqwqc 1.4s linear infinite;
}

@keyframes cw-correr-b-np8jgcqwqc {
    from {
        stroke-dashoffset: 14;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.cw-lig--feita .cw-lig__base[b-np8jgcqwqc],
.cw-lig--acesa .cw-lig__base[b-np8jgcqwqc] {
    stroke: var(--cw-ligacao-opaca);
}

/* Futura quase some: nao compete com as ligacoes acesas da narracao. */
.cw-lig--futura[b-np8jgcqwqc] {
    opacity: 0.15;
}

.cw-lig--destaque .cw-lig__base[b-np8jgcqwqc] {
    stroke: var(--foco);
    stroke-width: 2.5;
}

.cw-lig--apagada[b-np8jgcqwqc] {
    opacity: 0.35;
}

/* Pontas de seta (um marcador por cor). */
.cw-seta--base[b-np8jgcqwqc] {
    fill: var(--cw-ligacao);
}

.cw-seta--feita[b-np8jgcqwqc] {
    fill: var(--cw-ligacao-opaca);
}

.cw-seta--destaque[b-np8jgcqwqc] {
    fill: var(--foco);
}

.cw-seta--acesa[b-np8jgcqwqc] {
    fill: var(--cw-fluxo);
}

/* ---- nos (cartoes, 160 x 92 no layout) ---- */
.cw-no[b-np8jgcqwqc] {
    --cw-acento: var(--cw-outro);

    position: absolute;
    z-index: 2;
    display: flex;
    margin: 0;
    padding: 10px 10px 8px;
    border: 1px solid var(--cw-cartao-borda);
    border-radius: var(--cw-cartao-raio);
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(35, 44, 139, 0.1), 0 10px 24px -10px var(--cw-sombra);
    color: var(--tinta);
    font: inherit;
    text-align: left;
    cursor: pointer;
    /* rolarParaNo (block "nearest"): primeira aproximacao; o JS depois mede o bloco fixo da narracao e corrige. */
    scroll-margin-top: 300px;
    scroll-margin-bottom: 24px;
    transition:
        transform var(--transicao),
        box-shadow var(--transicao),
        opacity var(--transicao),
        filter var(--transicao);
}

.cw-no--app[b-np8jgcqwqc] {
    --cw-acento: var(--cw-app);
}

.cw-no--api[b-np8jgcqwqc] {
    --cw-acento: var(--cw-api);
}

.cw-no--agente[b-np8jgcqwqc] {
    --cw-acento: var(--cw-agente);
}

/* Barra de acento pela cor do executor. */
.cw-no[b-np8jgcqwqc]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: var(--cw-cartao-raio) var(--cw-cartao-raio) 0 0;
    background-color: var(--cw-acento);
}

.cw-no:hover[b-np8jgcqwqc] {
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(35, 44, 139, 0.14), 0 16px 32px -12px rgba(35, 44, 139, 0.24);
}

.cw-no:focus-visible[b-np8jgcqwqc] {
    outline: 3px solid var(--foco);
    outline-offset: 3px;
}

/* Tres linhas: icone + nome (ate 2 linhas), abrangencia, executor + Passo N. */
.cw-no__corpo[b-np8jgcqwqc] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
    gap: 3px;
    min-width: 0;
}

.cw-no__topo[b-np8jgcqwqc] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    min-width: 0;
}

.cw-no__icone[b-np8jgcqwqc] {
    display: grid;
    flex: none;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: var(--raio);
    background-color: color-mix(in srgb, var(--cw-acento) 12%, #FFFFFF);
    color: var(--cw-acento);
}

.cw-no__icone[b-np8jgcqwqc]  .itarefa {
    width: 16px;
    height: 16px;
}

.cw-no__nome[b-np8jgcqwqc] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.005em;
    color: var(--tinta);
}

.cw-no__abrangencia[b-np8jgcqwqc] {
    display: block;
    min-width: 0;
    overflow: hidden;
    color: var(--tinta-suave);
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cw-no__base[b-np8jgcqwqc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-width: 0;
}

.cw-no__chip[b-np8jgcqwqc],
.cw-no__passo[b-np8jgcqwqc] {
    min-width: 0;
    overflow: hidden;
    padding: 1px 7px;
    border-radius: var(--raio-pilula);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cw-no__chip[b-np8jgcqwqc] {
    background-color: color-mix(in srgb, var(--cw-acento) 12%, #FFFFFF);
    color: color-mix(in srgb, var(--cw-acento) 72%, #0B0D26);
}

.cw-no__passo[b-np8jgcqwqc] {
    flex: none;
    background-color: var(--superficie-realce);
    color: var(--estado-neutro-texto);
    font-variant-numeric: tabular-nums;
}

/* ---- contadores ao vivo (sobre o canto superior direito do cartao) ---- */
.cw-no__contadores[b-np8jgcqwqc] {
    position: absolute;
    top: -10px;
    right: 8px;
    display: flex;
    gap: 3px;
}

.cw-cont[b-np8jgcqwqc] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    height: 20px;
    padding: 0 7px;
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio-pilula);
    background-color: #FFFFFF;
    box-shadow: 0 2px 6px var(--cw-sombra);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.cw-cont[b-np8jgcqwqc]  .icone {
    width: 11px;
    height: 11px;
}

.cw-cont--andamento[b-np8jgcqwqc] {
    color: var(--navy);
}

.cw-cont--fila[b-np8jgcqwqc] {
    color: var(--estado-espera-texto);
}

.cw-cont--falha[b-np8jgcqwqc] {
    border-color: color-mix(in srgb, var(--estado-falha) 45%, #FFFFFF);
    color: var(--estado-falha-texto);
}

.cw-cont--hoje[b-np8jgcqwqc] {
    color: var(--lime-deep);
}

.cw-cont__ponto[b-np8jgcqwqc] {
    position: relative;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--lime);
}

.cw-cont__ponto[b-np8jgcqwqc]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background-color: var(--lime);
    animation: cw-pulso-ponto-b-np8jgcqwqc 1.6s ease-out infinite;
}

@keyframes cw-pulso-ponto-b-np8jgcqwqc {
    from {
        transform: scale(1);
        opacity: 0.7;
    }

    to {
        transform: scale(2.6);
        opacity: 0;
    }
}

/* Tarefa com trabalho agora: contorno verde (sem brilho; o brilho fica reservado a narracao e selecao). */
.cw-no--trabalhando[b-np8jgcqwqc] {
    outline: 2px solid var(--lime-deep);
    outline-offset: 0;
}

.cw-no--trabalhando:focus-visible[b-np8jgcqwqc] {
    outline: 3px solid var(--foco);
    outline-offset: 3px;
}

/* ---- selecao ---- */
.cw-no--selecionado[b-np8jgcqwqc],
.cw-no--selecionado:hover[b-np8jgcqwqc] {
    z-index: 3;
    box-shadow:
        0 0 0 3px var(--cw-palco),
        0 0 0 6px var(--cw-acento),
        0 0 32px color-mix(in srgb, var(--cw-acento) 70%, transparent);
}

.cw-no--vizinho[b-np8jgcqwqc] {
    opacity: 0.7;
}

.cw-no--apagado[b-np8jgcqwqc] {
    opacity: 0.5;
}

/* ---- narracao ---- */
.cw-no--ativa[b-np8jgcqwqc] {
    z-index: 3;
    transform: scale(1.04);
    box-shadow:
        0 0 0 3px var(--lime-deep),
        0 0 36px rgba(78, 122, 30, 0.36),
        0 12px 28px -10px rgba(35, 44, 139, 0.24);
    animation: cw-pulso-no-b-np8jgcqwqc 1.8s ease-in-out infinite;
}

.cw-no--ativa:hover[b-np8jgcqwqc] {
    transform: scale(1.04) translateY(-2px);
}

@keyframes cw-pulso-no-b-np8jgcqwqc {
    0%,
    100% {
        box-shadow:
            0 0 0 3px var(--lime-deep),
            0 0 24px rgba(78, 122, 30, 0.28),
            0 12px 28px -10px rgba(35, 44, 139, 0.24);
    }

    50% {
        box-shadow:
            0 0 0 5px var(--lime-deep),
            0 0 48px rgba(78, 122, 30, 0.44),
            0 12px 28px -10px rgba(35, 44, 139, 0.24);
    }
}

.cw-no--futura[b-np8jgcqwqc] {
    opacity: 0.5;
    filter: grayscale(1);
}

.cw-no--futura.cw-no--selecionado[b-np8jgcqwqc] {
    opacity: 1;
    filter: none;
}

.cw-no__feito[b-np8jgcqwqc] {
    position: absolute;
    top: -9px;
    left: -9px;
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border: 2px solid var(--cw-palco);
    border-radius: 50%;
    background-color: #FFFFFF;
    color: var(--lime-deep);
}

.cw-no__feito[b-np8jgcqwqc]  .icone {
    width: 12px;
    height: 12px;
}

/* ---- insignias ---- */
.cw-juncao[b-np8jgcqwqc],
.cw-cond[b-np8jgcqwqc] {
    position: absolute;
    z-index: 3;
    transform: translate(-50%, -50%);
    transition: opacity var(--transicao);
}

.cw-juncao[b-np8jgcqwqc] {
    display: grid;
    place-items: center;
    width: 17px;
    min-width: 17px;
    height: 17px;
    padding: 0;
    border: 1.5px solid #161A4D;
    border-radius: 50%;
    background-color: #161A4D;
    box-sizing: border-box;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: -0.06em;
    line-height: 1;
    cursor: help;
}

.cw-juncao--qualquer[b-np8jgcqwqc] {
    border-style: dashed;
}

/* Em repouso so a pilula compacta "condição"; o texto da regra abre como balao abaixo dela. */
.cw-cond[b-np8jgcqwqc] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border: 1px solid var(--navy);
    border-radius: var(--raio-pilula);
    background-color: var(--navy);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    cursor: help;
}

.cw-cond__rotulo[b-np8jgcqwqc] {
    letter-spacing: 0;
}

.cw-cond__texto[b-np8jgcqwqc] {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 50%;
    width: max-content;
    max-width: 28ch;
    padding: 6px 10px;
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio);
    background-color: #FFFFFF;
    box-shadow: var(--sombra-2);
    color: var(--tinta);
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    transform: translateX(-50%);
}

/* Ponte invisivel sobre o vao de 6px entre a pilula e o balao: o mouse chega ao balao sem fechar (WCAG 1.4.13). */
.cw-cond__texto[b-np8jgcqwqc]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 8px;
}

.cw-cond:hover[b-np8jgcqwqc],
.cw-cond:focus-visible[b-np8jgcqwqc] {
    z-index: 5;
    border-color: var(--navy-2);
}

.cw-cond:hover .cw-cond__texto[b-np8jgcqwqc],
.cw-cond:focus-visible .cw-cond__texto[b-np8jgcqwqc] {
    display: block;
}

/* Fechado com Escape: fica fechado ate o mouse ou o foco sair da insignia. */
.cw-cond.cw-cond--fechada .cw-cond__texto[b-np8jgcqwqc] {
    display: none;
}

.cw-cond:focus-visible[b-np8jgcqwqc] {
    outline: 3px solid var(--foco);
    outline-offset: 2px;
}

.cw-insignia--futura[b-np8jgcqwqc] {
    opacity: 0.5;
}

.cw-insignia--apagada[b-np8jgcqwqc] {
    opacity: 0.5;
}

/* ---- legenda (fora do palco, tema claro) ---- */
.cw__legenda[b-np8jgcqwqc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: var(--espaco-2) var(--espaco-5);
    margin: 0;
    padding: 0;
    list-style: none;
    color: #3A43A0;
    font-size: var(--texto-xs);
}

.cw-leg[b-np8jgcqwqc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    line-height: 1.4;
}

.cw-leg strong[b-np8jgcqwqc] {
    color: var(--tinta);
    font-weight: 700;
}

.cw-leg__amostra[b-np8jgcqwqc] {
    flex: none;
    width: 14px;
    height: 14px;
    border-radius: var(--raio-pilula);
}

.cw-leg__amostra--app[b-np8jgcqwqc] {
    background-color: var(--cw-app);
}

.cw-leg__amostra--api[b-np8jgcqwqc] {
    background-color: var(--cw-api);
}

.cw-leg__amostra--agente[b-np8jgcqwqc] {
    background-color: var(--cw-agente);
}

.cw-leg__juncao[b-np8jgcqwqc],
.cw-leg__cond[b-np8jgcqwqc] {
    display: inline-grid;
    flex: none;
    place-items: center;
    min-width: 24px;
    height: 20px;
    padding: 0 7px;
    border-radius: var(--raio-pilula);
    background-color: #161A4D;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.cw-leg__cond[b-np8jgcqwqc] {
    background-color: var(--navy);
    color: #FFFFFF;
    font-weight: 600;
}

.cw-leg__passo[b-np8jgcqwqc] {
    display: inline-grid;
    flex: none;
    place-items: center;
    height: 20px;
    padding: 0 7px;
    border-radius: var(--raio-pilula);
    background-color: var(--superficie-realce);
    color: var(--estado-neutro-texto);
    font-size: 11px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.cw-leg__ponto[b-np8jgcqwqc] {
    flex: none;
    width: 10px;
    height: 10px;
    border: 3px solid var(--lime-tint);
    border-radius: 50%;
    background-color: var(--lime);
    background-clip: padding-box;
    box-sizing: content-box;
}

.cw-leg__fluxo[b-np8jgcqwqc] {
    flex: none;
    padding: 4px 6px;
    border-radius: var(--raio-pilula);
    background-color: var(--cw-palco);
    box-sizing: content-box;
}

.cw-leg__fluxo-base[b-np8jgcqwqc] {
    fill: none;
    stroke: var(--cw-ligacao);
    stroke-width: 2;
}

.cw-leg__fluxo-linha[b-np8jgcqwqc] {
    fill: none;
    stroke: var(--cw-fluxo);
    stroke-width: 2.25;
    stroke-linecap: round;
    stroke-dasharray: 6 8;
    animation: cw-correr-b-np8jgcqwqc 1.4s linear infinite;
}

/* ---- celular: o canvas inteiro (palco, zoom e legenda) sai; a pagina mostra a lista por passo ---- */
@media (max-width: 759.98px) {
    .cw[b-np8jgcqwqc] {
        display: none;
    }
}

/* ---- sem movimento: nada pulsa, corre ou cresce; cor, anel e texto continuam ---- */
@media (prefers-reduced-motion: reduce) {
    .cw-no[b-np8jgcqwqc],
    .cw-lig[b-np8jgcqwqc],
    .cw-lig__base[b-np8jgcqwqc],
    .cw-juncao[b-np8jgcqwqc],
    .cw-cond[b-np8jgcqwqc],
    .cw-zoom__botao[b-np8jgcqwqc] {
        transition: none;
    }

    .cw-lig__fluxo[b-np8jgcqwqc],
    .cw-leg__fluxo-linha[b-np8jgcqwqc],
    .cw-cont__ponto[b-np8jgcqwqc]::after,
    .cw-no--ativa[b-np8jgcqwqc] {
        animation: none;
    }

    .cw-cont__ponto[b-np8jgcqwqc]::after {
        display: none;
    }

    .cw-no:hover[b-np8jgcqwqc],
    .cw-no--ativa[b-np8jgcqwqc],
    .cw-no--ativa:hover[b-np8jgcqwqc] {
        transform: none;
    }
}
/* /Componentes/Paginas/Workflow/DetalheTarefaWorkflow.razor.rz.scp.css */
/* Detalhe de uma tarefa do workflow: cartao branco que flutua (dock) sobre o fim do canvas.
   2 colunas a partir de 900 px de largura do proprio cartao (container query); 1 coluna abaixo. */

.detalhe[b-t8l6mmtalv] {
    container-type: inline-size;
    max-height: min(70vh, 640px);
    overflow-y: auto;
    padding: var(--espaco-4) var(--espaco-5) var(--espaco-5);
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-2);
    scrollbar-width: thin;
}

/* ---- topo: nome, chips e fechar ---- */
.detalhe__topo[b-t8l6mmtalv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3);
    padding-bottom: var(--espaco-3);
    border-bottom: 1px solid var(--hairline);
}

.detalhe__cabeca[b-t8l6mmtalv] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-2);
    min-width: 0;
}

.detalhe__nome[b-t8l6mmtalv] {
    margin: 0;
    color: var(--tinta);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.detalhe__nome:focus[b-t8l6mmtalv] {
    outline: none;
}

.detalhe__nome:focus-visible[b-t8l6mmtalv] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
    border-radius: var(--raio);
}

.detalhe__chips[b-t8l6mmtalv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.detalhe__chip[b-t8l6mmtalv] {
    display: inline-flex;
    align-items: center;
    gap: var(--espaco-1);
    min-height: 24px;
    padding: 2px var(--espaco-3);
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio-pilula);
    background-color: var(--superficie-pautada);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
    white-space: nowrap;
}

.detalhe__chip[b-t8l6mmtalv]  .detalhe__chip-icone {
    width: 14px;
    height: 14px;
    color: var(--navy);
}

.detalhe__fechar[b-t8l6mmtalv] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: var(--controle-altura);
    height: var(--controle-altura);
    padding: 0;
    border: 0;
    border-radius: var(--raio);
    background: none;
    color: var(--tinta-suave);
    cursor: pointer;
    transition: background-color var(--transicao), color var(--transicao);
}

.detalhe__fechar:hover[b-t8l6mmtalv] {
    background-color: var(--superficie-realce);
    color: var(--tinta);
}

.detalhe__fechar:focus-visible[b-t8l6mmtalv] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.detalhe__fechar[b-t8l6mmtalv]  .icone {
    width: 18px;
    height: 18px;
}

/* ---- corpo ---- */
.detalhe__corpo[b-t8l6mmtalv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--espaco-4) var(--espaco-6);
    padding-top: var(--espaco-4);
}

@container (min-width: 900px) {
    .detalhe__corpo[b-t8l6mmtalv] {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    }
}

.detalhe__coluna[b-t8l6mmtalv] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
    min-width: 0;
}

.detalhe__secao[b-t8l6mmtalv] {
    min-width: 0;
}

.detalhe__rotulo[b-t8l6mmtalv] {
    margin: 0 0 var(--espaco-1);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
    letter-spacing: 0.01em;
}

.detalhe__texto[b-t8l6mmtalv] {
    max-width: 72ch;
    margin: 0;
    color: var(--tinta);
    font-size: var(--texto-base);
    line-height: 1.55;
}

.detalhe__suave[b-t8l6mmtalv] {
    color: var(--tinta-suave);
}

.detalhe__chave[b-t8l6mmtalv] {
    display: inline-block;
    margin-right: var(--espaco-2);
    padding: 1px var(--espaco-2);
    border-radius: var(--raio);
    background-color: var(--superficie-realce);
    color: var(--ink-2);
    font-family: var(--fonte-mono);
    font-size: var(--texto-sm);
    overflow-wrap: anywhere;
}

/* ---- Depende de / Libera ---- */
.detalhe__grupos[b-t8l6mmtalv] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.detalhe__grupo[b-t8l6mmtalv] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--espaco-1) var(--espaco-2);
}

.detalhe__modo[b-t8l6mmtalv] {
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    font-weight: 600;
    white-space: nowrap;
}

.detalhe__ligacoes[b-t8l6mmtalv] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.detalhe__ligacoes--linha[b-t8l6mmtalv] {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--espaco-1) var(--espaco-3);
}

.detalhe__ligacao[b-t8l6mmtalv] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Botao com aparencia de link: leva a outra tarefa no mesmo detalhe. */
.detalhe__link[b-t8l6mmtalv] {
    align-self: flex-start;
    padding: 2px 0;
    border: 0;
    background: none;
    color: var(--navy);
    font: inherit;
    font-size: var(--texto-base);
    font-weight: 600;
    text-align: left;
    text-decoration: underline;
    text-decoration-color: var(--hairline-forte);
    text-underline-offset: 3px;
    cursor: pointer;
    transition: color var(--transicao), text-decoration-color var(--transicao);
}

.detalhe__link:hover[b-t8l6mmtalv] {
    color: var(--navy-hover);
    text-decoration-color: currentColor;
}

.detalhe__link:focus-visible[b-t8l6mmtalv] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
    border-radius: var(--raio);
}

.detalhe__condicao[b-t8l6mmtalv] {
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    line-height: 1.4;
}

/* ---- Agora ---- */
.detalhe__numeros[b-t8l6mmtalv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--espaco-2);
    margin: 0;
}

.detalhe__numero[b-t8l6mmtalv] {
    display: flex;
    flex-direction: column-reverse;
    gap: 2px;
    min-width: 0;
    padding: var(--espaco-2) var(--espaco-3);
    border-radius: var(--raio);
    background-color: var(--superficie-pautada);
}

.detalhe__numero dt[b-t8l6mmtalv] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
    line-height: 1.3;
}

.detalhe__numero dd[b-t8l6mmtalv] {
    margin: 0;
    color: var(--tinta);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.detalhe__numero--falha dt[b-t8l6mmtalv],
.detalhe__numero--falha dd[b-t8l6mmtalv] {
    color: var(--estado-falha-texto);
}

.detalhe__nota[b-t8l6mmtalv] {
    margin: var(--espaco-1) 0 0;
    color: var(--tinta-fraca);
    font-size: var(--texto-xs);
}

@container (max-width: 479.98px) {
    .detalhe__numeros[b-t8l6mmtalv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 639.98px) {
    .detalhe[b-t8l6mmtalv] {
        max-height: 60vh;
        padding: var(--espaco-3) var(--espaco-4) var(--espaco-4);
    }
}

@media (prefers-reduced-motion: reduce) {
    .detalhe__fechar[b-t8l6mmtalv],
    .detalhe__link[b-t8l6mmtalv] {
        transition: none;
    }
}
/* /Componentes/Paginas/Workflow/ListaWorkflow.razor.rz.scp.css */
/* Lista por passo do Workflow (celular). Linha do tempo vertical em tema claro: trilho a esquerda com o numero do passo,
   cartoes brancos das tarefas empilhados com a barra de acento na cor do executor (as mesmas cores do canvas).
   O verde-limao e so sinal de fluxo: ponto de "em andamento", passo ativo e realce da narracao.
   Visivel so abaixo de 760px (acima o canvas ocupa o lugar). prefers-reduced-motion desliga todo movimento. */

.wl[b-bm5ttwehra] {
    --wl-app: #4A54B8;
    --wl-api: #1B7F9E;
    --wl-agente: #7A4FD3;
    --wl-outro: #616787;
    --wl-trilho-x: 15px;

    display: none;
    min-width: 0;
}

@media (max-width: 759.98px) {
    .wl[b-bm5ttwehra] {
        display: block;
    }
}

.wl__passos[b-bm5ttwehra] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ---- passo: marcador + trilho vertical a esquerda ---- */
.wl-passo[b-bm5ttwehra] {
    position: relative;
    padding-left: 44px;
}

/* Trilho: do marcador deste passo ate o proximo (atravessa o gap entre passos). */
.wl-passo[b-bm5ttwehra]::before {
    content: "";
    position: absolute;
    top: 30px;
    bottom: calc(-1 * var(--espaco-5));
    left: var(--wl-trilho-x);
    width: 0;
    border-left: 2px dotted var(--hairline-forte);
}

.wl-passo:last-child[b-bm5ttwehra]::before {
    content: none;
}

.wl-passo__titulo[b-bm5ttwehra] {
    display: flex;
    align-items: center;
    gap: var(--espaco-2);
    min-height: 30px;
    margin: 0 0 var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-base);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--tinta);
}

.wl-passo__numero[b-bm5ttwehra] {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1.5px solid var(--hairline-forte);
    border-radius: 50%;
    background-color: var(--superficie);
    font-size: 13px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--tinta);
    transition: border-color var(--transicao), color var(--transicao), box-shadow var(--transicao);
}

.wl-passo__qtde[b-bm5ttwehra] {
    color: var(--tinta-suave);
    font-family: inherit;
    font-size: var(--texto-xs);
    font-weight: 500;
    letter-spacing: 0;
}

/* Passo ativo da narracao. */
.wl-passo--ativo .wl-passo__numero[b-bm5ttwehra] {
    border-color: var(--lime);
    background-color: var(--lime-tint);
    color: var(--lime-deep);
    box-shadow: 0 0 0 4px rgba(140, 198, 63, 0.22);
}

.wl-passo__tarefas[b-bm5ttwehra] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.wl-passo__item[b-bm5ttwehra] {
    min-width: 0;
}

/* ---- cartao da tarefa ---- */
.wl-no[b-bm5ttwehra] {
    --wl-acento: var(--wl-outro);

    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--espaco-2);
    width: 100%;
    margin: 0;
    padding: 14px 14px 12px 18px;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: 0 1px 2px rgba(22, 26, 77, 0.06), 0 6px 16px -10px rgba(22, 26, 77, 0.28);
    color: var(--tinta);
    font: inherit;
    text-align: left;
    cursor: pointer;
    /* rolarParaNo: primeira aproximacao; o JS depois mede o bloco fixo da narracao e corrige. */
    scroll-margin-top: 260px;
    scroll-margin-bottom: 16px;
    transition: box-shadow var(--transicao), opacity var(--transicao), filter var(--transicao), border-color var(--transicao);
}

.wl-no--app[b-bm5ttwehra] {
    --wl-acento: var(--wl-app);
}

.wl-no--api[b-bm5ttwehra] {
    --wl-acento: var(--wl-api);
}

.wl-no--agente[b-bm5ttwehra] {
    --wl-acento: var(--wl-agente);
}

/* Barra de acento a esquerda pela cor do executor. */
.wl-no[b-bm5ttwehra]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5px;
    border-radius: var(--raio-md) 0 0 var(--raio-md);
    background-color: var(--wl-acento);
}

.wl-no:hover[b-bm5ttwehra] {
    border-color: var(--hairline-forte);
}

.wl-no:focus-visible[b-bm5ttwehra] {
    outline: 3px solid var(--foco);
    outline-offset: 2px;
}

.wl-no__topo[b-bm5ttwehra] {
    display: flex;
    align-items: flex-start;
    gap: var(--espaco-3);
    min-width: 0;
}

.wl-no__icone[b-bm5ttwehra] {
    display: grid;
    flex: none;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--raio);
    background-color: color-mix(in srgb, var(--wl-acento) 12%, #FFFFFF);
    color: var(--wl-acento);
}

.wl-no__icone[b-bm5ttwehra]  .itarefa {
    width: 20px;
    height: 20px;
}

.wl-no__titulos[b-bm5ttwehra] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.wl-no__nome[b-bm5ttwehra] {
    font-size: var(--texto-base);
    font-weight: 700;
    line-height: 1.3;
    color: var(--tinta);
    overflow-wrap: anywhere;
}

.wl-no__etapa[b-bm5ttwehra] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
    overflow-wrap: anywhere;
}

/* Selo "Etapa N": pilula caixa de frase, numerais tabulares (DESIGN.md: carimbo-pequeno). */
.wl-no__etapa-selo[b-bm5ttwehra] {
    flex: none;
    padding: 1px 8px;
    border-radius: var(--raio-pilula);
    background-color: var(--navy-tint);
    color: var(--navy);
    font-size: var(--texto-xs);
    font-weight: 600;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.wl-no__etapa-nome[b-bm5ttwehra] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    line-height: 1.4;
}

.wl-no__feito[b-bm5ttwehra] {
    display: grid;
    flex: none;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--lime);
    color: #FFFFFF;
}

.wl-no__feito[b-bm5ttwehra]  .icone {
    width: 14px;
    height: 14px;
}

/* Linha do executor e dos numeros ao vivo (so os maiores que zero). */
.wl-no__base[b-bm5ttwehra] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.wl-no__chip[b-bm5ttwehra] {
    padding: 2px 9px;
    border-radius: var(--raio-pilula);
    background-color: color-mix(in srgb, var(--wl-acento) 12%, #FFFFFF);
    color: color-mix(in srgb, var(--wl-acento) 72%, #0B0D26);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}

.wl-no__abrangencia[b-bm5ttwehra] {
    color: var(--tinta-suave);
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
}

.wl-cont[b-bm5ttwehra] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio-pilula);
    background-color: var(--superficie);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.wl-cont[b-bm5ttwehra]  .icone {
    width: 12px;
    height: 12px;
}

.wl-cont--andamento[b-bm5ttwehra] {
    color: var(--navy);
}

.wl-cont--fila[b-bm5ttwehra] {
    color: var(--estado-espera-texto);
}

.wl-cont--falha[b-bm5ttwehra] {
    border-color: color-mix(in srgb, var(--estado-falha) 45%, #FFFFFF);
    color: var(--estado-falha-texto);
}

.wl-cont--hoje[b-bm5ttwehra] {
    color: var(--lime-deep);
}

.wl-cont__ponto[b-bm5ttwehra] {
    position: relative;
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--lime);
}

.wl-cont__ponto[b-bm5ttwehra]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background-color: var(--lime);
    animation: wl-pulso-ponto-b-bm5ttwehra 1.6s ease-out infinite;
}

@keyframes wl-pulso-ponto-b-bm5ttwehra {
    from {
        transform: scale(1);
        opacity: 0.7;
    }

    to {
        transform: scale(2.6);
        opacity: 0;
    }
}

.wl-no__depende[b-bm5ttwehra] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.wl-no__depende-rotulo[b-bm5ttwehra] {
    color: var(--tinta);
    font-weight: 600;
}

/* Entrada condicional: selo "condição" + o texto da regra (sempre visivel no celular, sem balao). */
.wl-cond[b-bm5ttwehra] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 8px;
    padding: 6px 10px;
    border: 1px dashed var(--hairline-forte);
    border-radius: var(--raio);
    background-color: var(--superficie-pautada);
    font-size: var(--texto-xs);
    line-height: 1.45;
}

.wl-cond__selo[b-bm5ttwehra] {
    flex: none;
    padding: 1px 8px;
    border-radius: var(--raio-pilula);
    background-color: var(--navy-tint);
    color: var(--navy);
    font-size: 12px;
    font-weight: 600;
}

.wl-cond__texto[b-bm5ttwehra] {
    min-width: 0;
    color: var(--tinta);
    overflow-wrap: anywhere;
}

/* Tarefa com trabalho agora: contorno verde discreto. */
.wl-no--trabalhando[b-bm5ttwehra] {
    border-color: rgba(140, 198, 63, 0.7);
}

/* ---- selecao ---- */
.wl-no--selecionado[b-bm5ttwehra],
.wl-no--selecionado:hover[b-bm5ttwehra] {
    border-color: var(--wl-acento);
    box-shadow:
        0 0 0 2px var(--wl-acento),
        0 8px 22px -10px color-mix(in srgb, var(--wl-acento) 70%, transparent);
}

/* ---- narracao ---- */
.wl-no--ativa[b-bm5ttwehra],
.wl-no--ativa:hover[b-bm5ttwehra] {
    border-color: var(--lime);
    box-shadow:
        0 0 0 3px var(--lime),
        0 0 24px rgba(140, 198, 63, 0.45);
    animation: wl-pulso-no-b-bm5ttwehra 1.8s ease-in-out infinite;
}

@keyframes wl-pulso-no-b-bm5ttwehra {
    0%,
    100% {
        box-shadow:
            0 0 0 3px var(--lime),
            0 0 16px rgba(140, 198, 63, 0.35);
    }

    50% {
        box-shadow:
            0 0 0 4px var(--lime),
            0 0 30px rgba(140, 198, 63, 0.6);
    }
}

.wl-no--futura[b-bm5ttwehra] {
    opacity: 0.5;
    filter: grayscale(1);
}

.wl-no--futura.wl-no--selecionado[b-bm5ttwehra] {
    opacity: 1;
    filter: none;
}

/* ---- sem movimento: nada pulsa; cor, anel e texto continuam ---- */
@media (prefers-reduced-motion: reduce) {
    .wl-no[b-bm5ttwehra],
    .wl-passo__numero[b-bm5ttwehra] {
        transition: none;
    }

    .wl-no--ativa[b-bm5ttwehra],
    .wl-cont__ponto[b-bm5ttwehra]::after {
        animation: none;
    }

    .wl-cont__ponto[b-bm5ttwehra]::after {
        display: none;
    }
}
/* /Componentes/Paginas/Workflow/PaginaWorkflow.razor.rz.scp.css */
/* Pagina Workflow: cabecalho, faixa de fatos, controles e legenda da narracao, canvas (CSS proprio) e o dock do detalhe.
   Tudo no tema claro; o palco escuro e so do CanvasWorkflow. */

.workflow[b-kqfzl5awxo] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
}

.workflow__esqueleto[b-kqfzl5awxo] {
    display: grid;
    gap: var(--espaco-5);
    max-width: 960px;
}

/* ---- cabecalho ---- */
.workflow__titulos[b-kqfzl5awxo] {
    flex: 1 1 22rem;
    min-width: 0;
}

.workflow__titulo-linha[b-kqfzl5awxo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2) var(--espaco-3);
}

.workflow__acoes[b-kqfzl5awxo] {
    align-items: flex-end;
}

.workflow__acoes[b-kqfzl5awxo]  .campo {
    min-width: 14rem;
}

.workflow__acoes[b-kqfzl5awxo]  .campo__rotulo {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.workflow__acoes[b-kqfzl5awxo]  .campo__controle {
    min-height: var(--controle-altura-pequeno);
    font-size: var(--texto-xs);
}

.workflow__pipeline-nome[b-kqfzl5awxo],
.workflow__hora[b-kqfzl5awxo] {
    display: inline-flex;
    align-items: center;
    gap: var(--espaco-1);
    min-height: var(--controle-altura-pequeno);
    margin: 0;
    font-size: var(--texto-xs);
}

.workflow__hora[b-kqfzl5awxo] {
    color: var(--tinta-suave);
}

.workflow__pipeline-nome strong[b-kqfzl5awxo] {
    color: var(--tinta);
    font-weight: 650;
}

/* Descricao do pipeline: uma linha discreta abaixo do subtitulo. */
.workflow__descricao[b-kqfzl5awxo] {
    max-width: 72ch;
    margin: var(--espaco-1) 0 0;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    line-height: 1.5;
}

/* ---- aba "Fluxo das tarefas" ---- */
.fluxo[b-kqfzl5awxo] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
    padding-top: var(--espaco-4);
}

/* Faixa de fatos: uma linha de texto com separadores, nao cartoes. */
.fatos[b-kqfzl5awxo] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--espaco-1) 0;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--tinta-suave);
    font-size: var(--texto-base);
}

.fatos__item[b-kqfzl5awxo] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 0.3em;
}

.fatos__item + .fatos__item[b-kqfzl5awxo]::before {
    content: "\00B7";
    margin: 0 var(--espaco-3);
    color: var(--tinta-fraca);
}

.fatos__numero[b-kqfzl5awxo] {
    color: var(--tinta);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.fatos__item--falha[b-kqfzl5awxo],
.fatos__item--falha .fatos__numero[b-kqfzl5awxo] {
    color: var(--estado-falha-texto);
}

/* Pipeline sem nenhuma execucao: a frase toma o lugar dos numeros zerados. */
.fatos__item--aviso[b-kqfzl5awxo] {
    display: inline;
    color: var(--tinta-suave);
}

/* ---- bloco da narracao (toolbar + legenda) ----
   Fora da narracao fica no fluxo normal. Durante a narracao gruda logo abaixo da barra do topo: o canvas rola ate a
   tarefa ativa e a legenda nao pode sair da tela. --barra-altura vale nos dois layouts: no desktop e a .barra (sticky,
   z-index 20); abaixo de 1024 px e o trilho em barra (sticky, z-index 30, altura do .trilho__topo = --barra-altura).
   z-index 6: acima dos nos e insignias do canvas (ate 5) e do dock (5), abaixo das barras. Nenhum ancestral
   (.fluxo, .abas__painel) tem overflow, entao o sticky referencia a janela. */
.narracao[b-kqfzl5awxo] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.narracao--fixa[b-kqfzl5awxo] {
    position: sticky;
    top: calc(var(--barra-altura) + var(--espaco-2));
    z-index: 6;
    gap: var(--espaco-3);
    padding-block: var(--espaco-2) var(--espaco-3);
    background-color: var(--fundo);
    box-shadow: 0 0 0 var(--espaco-2) var(--fundo);
}

/* Texto da cena limitado a ~6 linhas (1.6 x 6); se passar, rola dentro da legenda. */
.narracao--fixa .narracao__texto[b-kqfzl5awxo] {
    max-height: 9.6em;
    overflow-y: auto;
    scrollbar-width: thin;
}

/* ---- controles da narracao ---- */
.narracao__controles[b-kqfzl5awxo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-3) var(--espaco-5);
}

.narracao__botoes[b-kqfzl5awxo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

.narracao__progresso[b-kqfzl5awxo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2) var(--espaco-3);
}

.narracao__passo[b-kqfzl5awxo] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
    white-space: nowrap;
}

.narracao__pontos[b-kqfzl5awxo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Ponto de 10 px com area de toque de 26 px (padding). */
.narracao__ponto[b-kqfzl5awxo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--espaco-2);
    border: 0;
    border-radius: var(--raio-pilula);
    background: none;
    cursor: pointer;
}

.narracao__ponto-marca[b-kqfzl5awxo] {
    display: block;
    width: 10px;
    height: 10px;
    border: 1.5px solid var(--borda-controle);
    border-radius: var(--raio-pilula);
    background-color: var(--superficie);
    transition: background-color var(--transicao), border-color var(--transicao), transform var(--transicao);
}

.narracao__ponto--visto .narracao__ponto-marca[b-kqfzl5awxo] {
    border-color: var(--navy-2);
    background-color: var(--navy-tint);
}

.narracao__ponto--atual .narracao__ponto-marca[b-kqfzl5awxo] {
    border-color: var(--navy);
    background-color: var(--navy);
    transform: scale(1.2);
}

.narracao__ponto:hover .narracao__ponto-marca[b-kqfzl5awxo] {
    border-color: var(--navy);
}

.narracao__ponto:focus-visible[b-kqfzl5awxo] {
    outline: 2px solid var(--foco);
    outline-offset: 0;
}

/* ---- legenda da narracao: legivel a distancia (apresentacao em reuniao) ---- */
.narracao__legenda[b-kqfzl5awxo] {
    min-height: 3.25rem;
    padding: var(--espaco-3) var(--espaco-4);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
}

.narracao__legenda--ativa[b-kqfzl5awxo] {
    padding: var(--espaco-4) var(--espaco-5);
    border-color: var(--hairline-forte);
    background-color: var(--navy-tint);
}

.narracao__titulo[b-kqfzl5awxo] {
    margin: 0 0 var(--espaco-2);
    color: var(--tinta);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.3;
    text-wrap: balance;
}

.narracao__texto[b-kqfzl5awxo] {
    max-width: 72ch;
    margin: 0;
    color: var(--ink-2);
    font-size: var(--texto-base);
    line-height: 1.6;
}

.narracao__dica[b-kqfzl5awxo] {
    margin: 0;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

/* ---- dock do detalhe: gruda no rodape da janela enquanto o canvas rola ---- */
.workflow__dock[b-kqfzl5awxo] {
    position: sticky;
    bottom: var(--espaco-4);
    z-index: 5;
    width: 100%;
    max-width: 960px;
    margin-inline: auto;
    animation: workflow-dock-entrar-b-kqfzl5awxo var(--transicao);
}

@keyframes workflow-dock-entrar-b-kqfzl5awxo {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 639.98px) {
    .workflow__acoes[b-kqfzl5awxo] {
        width: 100%;
    }

    .workflow__acoes[b-kqfzl5awxo]  .campo {
        min-width: 0;
        width: 100%;
    }

    .fatos[b-kqfzl5awxo] {
        flex-direction: column;
        gap: var(--espaco-1);
    }

    .fatos__item + .fatos__item[b-kqfzl5awxo]::before {
        content: none;
    }

    .narracao__controles[b-kqfzl5awxo],
    .narracao__botoes[b-kqfzl5awxo] {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .narracao__controles[b-kqfzl5awxo]  .botao {
        justify-content: center;
        width: 100%;
    }

    .narracao__legenda--ativa[b-kqfzl5awxo] {
        padding: var(--espaco-4);
    }

    /* Narracao no celular: o bloco grudado nao pode cobrir a tela. Botoes voltam a linha (quebrando), os pontos saem
       (Anterior/Proximo e "Passo N de M" continuam) e o texto da cena fica em ~4 linhas com rolagem interna. */
    .narracao--fixa .narracao__controles[b-kqfzl5awxo],
    .narracao--fixa .narracao__botoes[b-kqfzl5awxo] {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }

    .narracao--fixa .narracao__controles[b-kqfzl5awxo]  .botao {
        width: auto;
    }

    .narracao--fixa .narracao__pontos[b-kqfzl5awxo] {
        display: none;
    }

    .narracao--fixa .narracao__legenda--ativa[b-kqfzl5awxo] {
        padding: var(--espaco-3);
    }

    .narracao--fixa .narracao__titulo[b-kqfzl5awxo] {
        font-size: var(--texto-md);
    }

    .narracao--fixa .narracao__texto[b-kqfzl5awxo] {
        max-height: 6.4em;
    }

    /* Teto do bloco grudado: no maximo ~40% da altura da tela; se ainda passar (titulo longo, fonte grande), rola dentro. */
    .narracao--fixa[b-kqfzl5awxo] {
        max-height: 40vh;
        max-height: 40svh;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
    }

    /* Dock do detalhe no celular: largura toda e no maximo 70% da altura, com rolagem interna. */
    .workflow__dock[b-kqfzl5awxo] {
        bottom: var(--espaco-2);
        max-width: none;
        max-height: 70vh;
        max-height: 70svh;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
}

@media (prefers-reduced-motion: reduce) {
    .workflow__dock[b-kqfzl5awxo] {
        animation: none;
    }

    .narracao__ponto-marca[b-kqfzl5awxo] {
        transition: none;
    }
}
/* /Componentes/Paginas/Workflow/PartesSistema.razor.rz.scp.css */
/* Aba "Partes do sistema" do Workflow: diagrama estatico das partes e das 7 ligacoes numeradas.
   Palco escuro (navy profundo, malha de pontos) como o canvas das tarefas: excecao LOCAL ao tema claro.
   Cores de parte so dentro do desenho: cliente branco, Sele indigo, AWS violeta, SeleIA API azul-petroleo,
   arquivos e banco cinza-azulado claro. Verde-limao so dentro do palco escuro (pontos, numeros, ligacao acesa);
   o item destacado da lista (fundo claro) usa navy.
   Destaque sem JS: :has() olha o item do passo a passo (hover/foco no botao) ou a ligacao (hover) e acende tudo que tem o
   mesmo numero em data-passos; o resto do desenho escurece. Tamanho de texto em unidades do viewBox (1200 de largura).
   Computador (>= 760 px): o desenho cabe na tela - no maximo 1200 px de largura (centralizado) e a altura da janela menos
   200 px, mantendo a proporcao do viewBox; em janela estreita ele apenas encolhe (sem rolagem).
   Celular (< 760 px): a lista vem primeiro, em cartoes; o desenho fica recolhido atras do <details> "Ver o diagrama completo"
   e, aberto, rola na horizontal dentro do palco com 900 px de largura minima (a pagina nao rola de lado). */

.partes[b-4qchek9b9k] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
}

/* ---- recolher (so no celular; no computador o desenho aparece sempre) ---- */
.partes__recolher[b-4qchek9b9k] {
    display: none;
}

.partes__recolher-botao[b-4qchek9b9k] {
    display: flex;
    align-items: center;
    gap: var(--espaco-2);
    min-height: 44px;
    padding: var(--espaco-2) var(--espaco-4);
    color: var(--tinta);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 650;
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio);
    box-shadow: var(--sombra-1);
    cursor: pointer;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
}

.partes__recolher-botao[b-4qchek9b9k]::-webkit-details-marker {
    display: none;
}

/* Seta de abrir/fechar desenhada em CSS (sem caractere especial). */
.partes__recolher-botao[b-4qchek9b9k]::before {
    content: "";
    flex: none;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform var(--transicao);
}

.partes__recolher[open] .partes__recolher-botao[b-4qchek9b9k]::before {
    transform: rotate(45deg);
}

.partes__recolher-botao:focus[b-4qchek9b9k] {
    outline: none;
}

.partes__recolher-botao:focus-visible[b-4qchek9b9k] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

/* ---- palco ---- */
.partes__palco[b-4qchek9b9k] {
    order: 1;
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    overflow: hidden;
    background-color: var(--trilho-fundo);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-2);
}

.partes__palco:focus-visible[b-4qchek9b9k] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

/* Cabe na tela mantendo a proporcao do viewBox: largura e altura limitadas juntas (elemento substituido com proporcao).
   Piso de 320 px na altura para janela muito baixa. */
.partes__svg[b-4qchek9b9k] {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: max(320px, calc(100vh - 200px));
    margin-inline: auto;
}

.partes__fundo[b-4qchek9b9k] {
    fill: var(--trilho-fundo);
}

.partes__malha-ponto[b-4qchek9b9k] {
    fill: #2E3575;
}

.partes__seta[b-4qchek9b9k] {
    fill: var(--trilho-texto-suave);
}

.partes__seta--acesa[b-4qchek9b9k] {
    fill: var(--lime);
}

/* ---- texto do desenho ---- */
.partes__svg text[b-4qchek9b9k] {
    font-family: var(--fonte);
    font-size: 13.5px;
    font-weight: 500;
}

.partes__svg .t-titulo[b-4qchek9b9k] {
    font-family: var(--fonte-titulo);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.partes__svg .t-titulo--grande[b-4qchek9b9k] {
    font-size: 18px;
}

.partes__svg .t-sub[b-4qchek9b9k] {
    font-family: var(--fonte);
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: 0;
}

.partes__svg .t-tec[b-4qchek9b9k] {
    font-family: var(--fonte-mono);
    font-size: 13.5px;
    font-weight: 400;
}

.partes__svg .t-rotulo[b-4qchek9b9k] {
    fill: var(--trilho-texto);
    font-weight: 600;
}

.partes__svg .t-legenda[b-4qchek9b9k] {
    fill: var(--trilho-texto);
}

.partes__svg .t-legenda--titulo[b-4qchek9b9k] {
    font-family: var(--fonte-titulo);
    font-weight: 700;
}

.partes__svg .t-marca[b-4qchek9b9k] {
    fill: var(--navy-profundo);
    font-family: var(--fonte-titulo);
    font-size: 14px;
    font-weight: 700;
    text-anchor: middle;
    dominant-baseline: central;
}

/* ---- partes ---- */
.parte[b-4qchek9b9k],
.lig[b-4qchek9b9k],
.marca[b-4qchek9b9k] {
    transition: opacity var(--transicao);
}

.parte__caixa[b-4qchek9b9k] {
    fill: var(--parte-fundo);
    stroke: var(--contorno, var(--parte-contorno));
    stroke-width: var(--largura-contorno, 1.5px);
    transition: stroke var(--transicao);
}

.parte--cliente[b-4qchek9b9k] {
    --parte-fundo: #FFFFFF;
    --parte-contorno: var(--hairline-forte);
}

.parte--sele[b-4qchek9b9k] {
    --parte-fundo: #4A54B8;
    --parte-contorno: #7D86E0;
}

.parte--maestro[b-4qchek9b9k] {
    --parte-fundo: var(--trilho-hover);
    --parte-contorno: #4A54B8;
    --largura-contorno: 2px;
}

.parte--seleia[b-4qchek9b9k] {
    --parte-fundo: #1B7F9E;
    --parte-contorno: #4FB3D1;
}

.parte--aws[b-4qchek9b9k] {
    --parte-fundo: #7A4FD3;
    --parte-contorno: #A486EC;
}

.parte--armazenamento[b-4qchek9b9k] {
    --parte-fundo: #E3E7F3;
    --parte-contorno: #B9C0DC;
}

/* Texto escuro sobre caixa clara; branco sobre caixa colorida (>= 4.5:1 nas tres cores). */
.parte--clara .t-titulo[b-4qchek9b9k] {
    fill: var(--tinta);
}

.parte--clara .t-desc[b-4qchek9b9k] {
    fill: var(--ink-2);
}

.parte--clara .t-sub[b-4qchek9b9k],
.parte--clara .t-tec[b-4qchek9b9k] {
    fill: var(--tinta-suave);
}

.parte--escura text[b-4qchek9b9k],
.parte--escura .t-sub[b-4qchek9b9k] {
    fill: #FFFFFF;
}

.parte--maestro .t-sub[b-4qchek9b9k] {
    fill: var(--trilho-texto);
}

/* ---- ligacoes ---- */
.lig__traco[b-4qchek9b9k] {
    fill: none;
    stroke: var(--cor-lig, var(--trilho-texto-suave));
    stroke-width: var(--largura-lig, 2px);
    stroke-linecap: round;
    stroke-linejoin: round;
    marker-end: var(--seta, url(#partes-seta));
    transition: stroke var(--transicao), stroke-width var(--transicao);
}

.lig__traco--sem-seta[b-4qchek9b9k] {
    marker-end: none;
}

.lig__traco--tracejada[b-4qchek9b9k] {
    stroke-dasharray: 7 6;
}

.lig__traco--dupla[b-4qchek9b9k] {
    marker-start: var(--seta, url(#partes-seta));
}

/* Painel: tracejada fina, sem seta e sem numero. */
.lig--painel .lig__traco[b-4qchek9b9k] {
    stroke: var(--trilho-texto-suave);
    stroke-width: 1.5px;
    stroke-dasharray: 4 4;
}

/* Area de mouse da ligacao: traco largo e invisivel por baixo do traco visivel. */
.lig__alvo[b-4qchek9b9k] {
    fill: none;
    stroke: transparent;
    stroke-width: 16px;
    pointer-events: stroke;
}

/* ---- numeros dos passos ---- */
.marca__circulo[b-4qchek9b9k] {
    fill: var(--lime);
    stroke: var(--trilho-fundo);
    stroke-width: 3px;
}

/* ---- legenda ---- */
.legenda__amostra[b-4qchek9b9k] {
    stroke-width: 1px;
}

.legenda__amostra--cliente[b-4qchek9b9k] {
    fill: #FFFFFF;
    stroke: var(--hairline-forte);
}

.legenda__amostra--sele[b-4qchek9b9k] {
    fill: #4A54B8;
    stroke: #7D86E0;
}

.legenda__amostra--seleia[b-4qchek9b9k] {
    fill: #1B7F9E;
    stroke: #4FB3D1;
}

.legenda__amostra--aws[b-4qchek9b9k] {
    fill: #7A4FD3;
    stroke: #A486EC;
}

.legenda__amostra--armazenamento[b-4qchek9b9k] {
    fill: #E3E7F3;
    stroke: #B9C0DC;
}

.legenda__linha[b-4qchek9b9k] {
    fill: none;
    stroke: var(--trilho-texto-suave);
    stroke-width: 2px;
}

.legenda__linha--tracejada[b-4qchek9b9k] {
    stroke-dasharray: 5 4;
}

.legenda__linha--painel[b-4qchek9b9k] {
    stroke-width: 1.5px;
    stroke-dasharray: 3 3;
}

.legenda__ponto[b-4qchek9b9k] {
    fill: var(--lime);
}

/* ---- pontos correndo pelas ligacoes, em sequencia (8 s por volta) ----
   Os caminhos repetem o atributo d das ligacoes em PartesSistema.razor. */
.pulso[b-4qchek9b9k] {
    fill: var(--lime);
    opacity: 0;
    offset-rotate: 0deg;
    pointer-events: none;
    animation: partes-correr-b-4qchek9b9k 8s linear infinite both;
}

.pulso--1[b-4qchek9b9k] {
    offset-path: path("M216,100 H280");
    animation-delay: 0s;
}

.pulso--2a[b-4qchek9b9k] {
    offset-path: path("M500,105 H535 V76 H560");
    animation-delay: 1.1s;
}

.pulso--2b[b-4qchek9b9k] {
    offset-path: path("M500,105 H535 V202 H560");
    animation-delay: 1.1s;
}

.pulso--3[b-4qchek9b9k] {
    offset-path: path("M640,262 V286 H512 V345");
    animation-delay: 2.2s;
}

.pulso--4a[b-4qchek9b9k] {
    offset-path: path("M764,400 H840 V82 H900");
    animation-delay: 3.3s;
}

.pulso--4b[b-4qchek9b9k] {
    offset-path: path("M764,400 H840 V212 H900");
    animation-delay: 3.3s;
}

.pulso--4c[b-4qchek9b9k] {
    offset-path: path("M764,400 H840 V350 H900");
    animation-delay: 3.3s;
}

.pulso--5a[b-4qchek9b9k] {
    offset-path: path("M1025,420 V500");
    animation-delay: 4.4s;
}

.pulso--5b[b-4qchek9b9k] {
    offset-path: path("M900,552 H766");
    animation-delay: 5s;
}

.pulso--5c[b-4qchek9b9k] {
    offset-path: path("M1150,82 H1180 V644 H660 V632");
    animation-delay: 4.4s;
}

.pulso--6[b-4qchek9b9k] {
    offset-path: path("M296,515 H262 V125 H216");
    animation-delay: 5.6s;
}

.pulso--7[b-4qchek9b9k] {
    offset-path: path("M296,585 H240 V150 H216");
    animation-delay: 6.7s;
}

@keyframes partes-correr-b-4qchek9b9k {
    0% {
        offset-distance: 0%;
        opacity: 0;
    }

    2% {
        opacity: 1;
    }

    13% {
        opacity: 1;
    }

    15% {
        offset-distance: 100%;
        opacity: 0;
    }

    100% {
        offset-distance: 100%;
        opacity: 0;
    }
}

/* ---- passo a passo ---- */
.partes__passos[b-4qchek9b9k] {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: var(--espaco-2);
}

.partes__passos-titulo[b-4qchek9b9k] {
    margin: 0;
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    letter-spacing: -0.01em;
    color: var(--tinta);
}

.partes__dica[b-4qchek9b9k] {
    margin: 0;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.passos[b-4qchek9b9k] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
    gap: var(--espaco-2);
    margin: var(--espaco-2) 0 0;
    padding: 0;
    list-style: none;
}

/* O li so carrega data-passos; o botao dentro dele e o alvo de foco (Tab e toque, inclusive no iOS). */
.passo[b-4qchek9b9k] {
    display: flex;
}

.passo__botao[b-4qchek9b9k] {
    display: flex;
    flex: 1;
    align-items: flex-start;
    gap: var(--espaco-3);
    width: 100%;
    margin: 0;
    padding: var(--espaco-3) var(--espaco-4);
    color: var(--tinta);
    font: inherit;
    font-size: var(--texto-sm);
    line-height: 1.5;
    text-align: left;
    background-color: var(--fundo-passo, var(--superficie));
    border: 1px solid var(--borda-passo, var(--hairline));
    border-radius: var(--raio);
    box-shadow: var(--sombra-1);
    cursor: default;
    -webkit-tap-highlight-color: transparent;
    transition: background-color var(--transicao), border-color var(--transicao);
}

.passo__botao:focus[b-4qchek9b9k] {
    outline: none;
}

.passo__botao:focus-visible[b-4qchek9b9k] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.passo__numero[b-4qchek9b9k] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--raio-pilula);
    background-color: var(--numero-fundo, var(--navy));
    color: var(--numero-texto, #FFFFFF);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    transition: background-color var(--transicao), color var(--transicao);
}

.passo__texto[b-4qchek9b9k] {
    padding-top: 2px;
}

/* Partes envolvidas: so no cartao do celular. */
.passo__partes[b-4qchek9b9k] {
    display: none;
    margin-top: var(--espaco-1);
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    font-weight: 600;
}

/* ---- rodape ---- */
.partes__rodape[b-4qchek9b9k] {
    order: 3;
    display: flex;
    flex-direction: column;
    gap: var(--espaco-1);
}

.partes__rodape p[b-4qchek9b9k] {
    margin: 0;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

/* ---- destaque: algum passo em foco/hover (ou uma ligacao com numero em hover) escurece o desenho ---- */
.partes:has(.passo:hover, .passo:focus-within, .lig[data-passos]:hover) :is(.parte, .lig, .marca)[b-4qchek9b9k] {
    opacity: 0.25;
}

/* ...e acende o que tem o mesmo numero. Mesma especificidade da regra acima: vale por vir depois.
   No desenho (palco escuro) o destaque e limao; no item da lista (fundo claro) e navy (o limao fica so no palco). */
.partes:has(.passo[data-passos~="1"]:is(:hover, :focus-within), .lig[data-passos~="1"]:hover) [data-passos~="1"][b-4qchek9b9k],
.partes:has(.passo[data-passos~="2"]:is(:hover, :focus-within), .lig[data-passos~="2"]:hover) [data-passos~="2"][b-4qchek9b9k],
.partes:has(.passo[data-passos~="3"]:is(:hover, :focus-within), .lig[data-passos~="3"]:hover) [data-passos~="3"][b-4qchek9b9k],
.partes:has(.passo[data-passos~="4"]:is(:hover, :focus-within), .lig[data-passos~="4"]:hover) [data-passos~="4"][b-4qchek9b9k],
.partes:has(.passo[data-passos~="5"]:is(:hover, :focus-within), .lig[data-passos~="5"]:hover) [data-passos~="5"][b-4qchek9b9k],
.partes:has(.passo[data-passos~="6"]:is(:hover, :focus-within), .lig[data-passos~="6"]:hover) [data-passos~="6"][b-4qchek9b9k],
.partes:has(.passo[data-passos~="7"]:is(:hover, :focus-within), .lig[data-passos~="7"]:hover) [data-passos~="7"][b-4qchek9b9k] {
    opacity: 1;
    --cor-lig: var(--lime);
    --largura-lig: 3px;
    --seta: url(#partes-seta-acesa);
    --contorno: var(--lime);
    --largura-contorno: 2.5px;
    --fundo-passo: var(--navy-tint);
    --borda-passo: var(--navy-2);
    --numero-fundo: var(--navy);
    --numero-texto: #FFFFFF;
}

/* ---- abaixo de 760 px: a lista vira a leitura principal (acima); o desenho fica recolhido e, aberto, rola na horizontal ---- */
@media (max-width: 759.98px) {
    .partes__passos[b-4qchek9b9k] {
        order: 0;
    }

    .passos[b-4qchek9b9k] {
        grid-template-columns: 1fr;
    }

    .passo__partes[b-4qchek9b9k] {
        display: block;
    }

    .partes__recolher[b-4qchek9b9k] {
        display: block;
        order: 1;
    }

    .partes__palco[b-4qchek9b9k] {
        order: 2;
        max-width: none;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: thin;
    }

    .partes:has(.partes__recolher:not([open])) .partes__palco[b-4qchek9b9k] {
        display: none;
    }

    .partes__svg[b-4qchek9b9k] {
        width: 900px;
        max-width: none;
        max-height: none;
        margin-inline: 0;
    }

    .partes__rodape[b-4qchek9b9k] {
        order: 3;
    }
}

/* ---- sem movimento: sem pontos correndo; ligacoes e numeros continuam ---- */
@media (prefers-reduced-motion: reduce) {
    .pulso[b-4qchek9b9k],
    .legenda__pulso[b-4qchek9b9k] {
        display: none;
        animation: none;
    }

    .parte[b-4qchek9b9k],
    .lig[b-4qchek9b9k],
    .marca[b-4qchek9b9k],
    .parte__caixa[b-4qchek9b9k],
    .lig__traco[b-4qchek9b9k],
    .passo__botao[b-4qchek9b9k],
    .passo__numero[b-4qchek9b9k],
    .partes__recolher-botao[b-4qchek9b9k]::before {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/AndamentoPortal.razor.rz.scp.css */
/* Barrinha de andamento do portal: 4 segmentos de 22x6 px em pilula, vao de 3 px. Sem animacao (as listras do passo
   atual sao paradas), entao nada muda em prefers-reduced-motion. */

.andamento-portal[b-mjywtv29c9] {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: 3px;
    vertical-align: middle;
}

.andamento-portal__passo[b-mjywtv29c9] {
    display: block;
    width: 22px;
    height: 6px;
    border-radius: var(--raio-pilula);
    background-color: var(--hairline-forte);
}

.andamento-portal__passo--feito[b-mjywtv29c9] {
    background-color: var(--navy);
}

/* Passo atual de titulo em andamento: listras navy-2 sobre o tom claro do navy. */
.andamento-portal__passo--atual[b-mjywtv29c9] {
    background-color: var(--navy-tint);
    background-image: repeating-linear-gradient(90deg, var(--navy-2) 0 4px, var(--navy-tint) 4px 7px);
    box-shadow: inset 0 0 0 1px var(--navy-2);
}

.andamento-portal__passo--espera[b-mjywtv29c9] {
    background-color: var(--estado-espera);
}

.andamento-portal__passo--falha[b-mjywtv29c9] {
    background-color: var(--estado-falha);
}

.andamento-portal__passo--neutro[b-mjywtv29c9] {
    background-color: var(--hairline-forte);
}

@media (forced-colors: active) {
    .andamento-portal__passo[b-mjywtv29c9] {
        forced-color-adjust: none;
    }
}
/* /Componentes/PortalCartorio/AvisosRecebidosPortal.razor.rz.scp.css */
/* Avisos recebidos no Inicio do portal (slot AvisosRecebidosPortal; mockup aprovado: aviso de cobranca no topo do Inicio):
   uma faixa por aviso nao lido (classe global .aviso de wwwroot/css/pipeline.css, tinta de espera para cobranca e ativa para
   redistribuicao), a mensagem citada, o prazo pedido e as acoes a direita (abaixo do texto em tela estreita). */

.recebidos[b-apgxd0of1j] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
}

/* O espacamento ".aviso + *" do pipeline.css fica por conta do gap da faixa. */
.recebidos .aviso + *[b-apgxd0of1j] {
    margin-top: 0;
}

.recebido[b-apgxd0of1j] {
    flex-wrap: wrap;
}

.recebido__corpo[b-apgxd0of1j] {
    flex: 1 1 320px;
    min-width: 0;
}

.recebido__mensagem[b-apgxd0of1j] {
    max-width: 80ch;
    margin-top: 2px;
}

.recebido__prazo[b-apgxd0of1j] {
    margin-top: 4px;
    font-size: var(--texto-xs);
    font-weight: 650;
    color: var(--estado-espera-texto);
}

.recebido__acoes[b-apgxd0of1j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-self: center;
    gap: var(--espaco-2);
    margin-left: auto;
}

.recebidos__mais[b-apgxd0of1j] {
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

@media (max-width: 759.98px) {
    .recebido__acoes[b-apgxd0of1j] {
        margin-left: 0;
        width: 100%;
    }
}
/* /Componentes/PortalCartorio/BarraSituacaoPortal.razor.rz.scp.css */
/* Barra de situacao do portal: pilula de 22 px com um segmento por situacao (vao de 2 px) e a lista abaixo.
   Tintas pelos tokens de estado de pipeline.css; todas com 3:1 ou mais sobre o branco (nada clareado). */

.situacao-portal[b-sedos3vc1j] {
    min-width: 0;
}

.situacao-portal__barra[b-sedos3vc1j] {
    display: flex;
    gap: 2px;
    height: 22px;
    margin: var(--espaco-2) 0 var(--espaco-1);
    overflow: hidden;
    border-radius: var(--raio-pilula);
    background-color: var(--superficie);
}

.situacao-portal__segmento[b-sedos3vc1j] {
    display: block;
    min-width: 4px;
}

/* ---- tintas por situacao ---- */
.situacao-portal__tinta--recebendo[b-sedos3vc1j] {
    background-color: var(--estado-neutro);
}

.situacao-portal__tinta--fila[b-sedos3vc1j] {
    background-color: var(--estado-espera);
}

.situacao-portal__tinta--analise[b-sedos3vc1j] {
    background-color: var(--navy-2);
}

.situacao-portal__tinta--aguardando[b-sedos3vc1j] {
    background-color: var(--estado-espera-texto);
}

.situacao-portal__tinta--pronto[b-sedos3vc1j] {
    background-color: var(--estado-ok);
}

.situacao-portal__tinta--falha[b-sedos3vc1j] {
    background-color: var(--estado-falha);
}

.situacao-portal__tinta--cancelado[b-sedos3vc1j] {
    background-color: var(--estado-neutro-texto);
}

/* ---- lista ---- */
.situacao-portal__lista[b-sedos3vc1j] {
    display: grid;
    gap: var(--espaco-2);
    margin: var(--espaco-4) 0 0;
    padding: 0;
    list-style: none;
}

.situacao-portal__item[b-sedos3vc1j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: var(--espaco-3);
    color: var(--tinta);
}

.situacao-portal__amostra[b-sedos3vc1j] {
    width: 10px;
    height: 10px;
    border-radius: 3px;
}

.situacao-portal__texto[b-sedos3vc1j] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.situacao-portal__quantidade[b-sedos3vc1j] {
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.situacao-portal__porcentagem[b-sedos3vc1j] {
    min-width: 3.6em;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

/* Situacao sem titulos: continua na lista (o cartorio ve que esta zerada), com menos peso. */
.situacao-portal__item--zero .situacao-portal__texto[b-sedos3vc1j],
.situacao-portal__item--zero .situacao-portal__quantidade[b-sedos3vc1j] {
    color: var(--tinta-suave);
}

/* ---- vazio ---- */
.situacao-portal__vazio[b-sedos3vc1j] {
    display: grid;
    place-items: center;
    min-height: 120px;
    padding: var(--espaco-4);
    border: 1px dashed var(--hairline-forte);
    border-radius: var(--raio);
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    text-align: center;
}

@media (forced-colors: active) {
    .situacao-portal__segmento[b-sedos3vc1j],
    .situacao-portal__amostra[b-sedos3vc1j] {
        forced-color-adjust: none;
    }
}
/* /Componentes/PortalCartorio/ComunicacoesCartorio.razor.rz.scp.css */
/* Comunicacoes do portal do cartorio (portal AAA, frente B, lote B17): trilha, cabecalho, lista pautada das comunicacoes e a
   nota de rodape (molde do mockup aprovado, mockups/portal-cartorio-v2-fonte/estilo.css, bloco "comunicacoes"). A DOI Web
   ("Em uso") mostra os numeros do resumo; a comunicacao "Em breve" fica com o icone e o nome esmaecidos. Abaixo de 760px a
   coluna de acoes desce para baixo do texto (cartao). Tokens de wwwroot/css/pipeline.css. */

.comunicacoes-pagina[b-b78ymv0hbl] {
    display: grid;
    gap: var(--espaco-4);
}

/* ---------------------------------------------------------------- cabecalho */
.cab__titulo[b-b78ymv0hbl] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.cab__texto[b-b78ymv0hbl] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

/* ---------------------------------------------------------------- lista */
.lista[b-b78ymv0hbl] {
    background: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

.comunicacoes[b-b78ymv0hbl] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.comunicacao[b-b78ymv0hbl] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--espaco-3) var(--espaco-5);
    align-items: start;
    padding: var(--espaco-5);
    border-bottom: 1px solid var(--hairline);
}

.comunicacao:last-child[b-b78ymv0hbl] {
    border-bottom: 0;
}

.comunicacao__icone[b-b78ymv0hbl] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--raio);
    background: var(--navy-tint);
    color: var(--navy);
}

.comunicacao__texto[b-b78ymv0hbl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.comunicacao__linha[b-b78ymv0hbl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2) var(--espaco-3);
}

.comunicacao__nome[b-b78ymv0hbl] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 700;
    color: var(--tinta);
}

.comunicacao__link[b-b78ymv0hbl] {
    border-radius: var(--raio);
    text-decoration: none;
}

.comunicacao__link .comunicacao__nome[b-b78ymv0hbl] {
    color: var(--navy);
}

.comunicacao__link:hover .comunicacao__nome[b-b78ymv0hbl] {
    text-decoration: underline;
}

.comunicacao__link:focus-visible[b-b78ymv0hbl] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.comunicacao__orgao[b-b78ymv0hbl],
.comunicacao__descricao[b-b78ymv0hbl] {
    color: var(--tinta-suave);
}

.comunicacao__descricao[b-b78ymv0hbl] {
    margin: 0;
    max-width: 72ch;
}

.comunicacao__numeros[b-b78ymv0hbl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 20px;
    margin-top: var(--espaco-1);
}

.comunicacao__numeros b[b-b78ymv0hbl] {
    font-variant-numeric: tabular-nums;
}

.contagem-bloq[b-b78ymv0hbl] {
    font-weight: 650;
    color: var(--estado-falha-texto);
}

.comunicacao__falha[b-b78ymv0hbl] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: var(--espaco-1) 0 0;
    color: var(--estado-espera-texto);
    font-size: var(--texto-sm);
}

.comunicacao__falha[b-b78ymv0hbl]  .icone {
    width: 16px;
    height: 16px;
    flex: none;
}

.comunicacao__acoes[b-b78ymv0hbl] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--espaco-2);
}

.comunicacao--futura .comunicacao__icone[b-b78ymv0hbl] {
    background: var(--superficie-realce);
    color: var(--tinta-suave);
}

.comunicacao--futura .comunicacao__nome[b-b78ymv0hbl] {
    color: var(--tinta-suave);
}

/* ---------------------------------------------------------------- nota */
.comunicacoes__nota[b-b78ymv0hbl] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0;
    max-width: 90ch;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.comunicacoes__nota[b-b78ymv0hbl]  .icone {
    width: 14px;
    height: 14px;
    flex: none;
    margin-top: 2px;
}

/* ---------------------------------------------------------------- telas estreitas (cartoes) */
@media (max-width: 760px) {
    .comunicacao[b-b78ymv0hbl] {
        grid-template-columns: auto minmax(0, 1fr);
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }

    .comunicacao__acoes[b-b78ymv0hbl] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}
/* /Componentes/PortalCartorio/Doi/FormularioDeclaracaoDoi.razor.rz.scp.css */
/* Formulario da declaracao da DOI Web (editor do portal do cartorio). Base: mockup portal-cartorio-v2-fonte/estilo.css,
   blocos "campos" (382-466) e "DOI Web" (673-772). Os campos (CampoDoi) e as partes (ParteDoi) sao componentes filhos e o
   portal-doi.js cria mensagens, marcas e botoes sem o atributo de escopo: por isso quase tudo aqui passa por ::deep. */

.doi-form[b-4tndkmebb8] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
    min-width: 0;
}

.doi-form > .painel + .painel[b-4tndkmebb8] {
    margin-top: 0;
}

.doi-form[b-4tndkmebb8]  .secao {
    scroll-margin-top: calc(var(--barra-altura) + 84px);
}

.doi-form[b-4tndkmebb8]  .secao .painel__titulo {
    font-size: var(--texto-md);
}

/* ------------------------------------------------------------- grade de campos --- */
.doi-form[b-4tndkmebb8]  .form-grade {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
    align-items: start;
}

/* Grupo condicional (data-doi-se): os campos de dentro participam da grade do pai. */
.doi-form[b-4tndkmebb8]  .doi-se {
    display: contents;
}

.doi-form[b-4tndkmebb8]  .doi-se[hidden] {
    display: none;
}

.doi-form[b-4tndkmebb8]  .campo {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

/* O global separa campos empilhados; na grade o espaco vem do gap. */
.doi-form[b-4tndkmebb8]  .campo + .campo {
    margin-top: 0;
}

.doi-form[b-4tndkmebb8]  .campo--largo {
    grid-column: 1 / -1;
}

.doi-form[b-4tndkmebb8]  .campo--duplo {
    grid-column: span 2;
}

.doi-form[b-4tndkmebb8]  .campo__rotulo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.doi-form[b-4tndkmebb8]  .campo__controle {
    height: 38px;
}

.doi-form[b-4tndkmebb8]  .campo__msg {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    flex-wrap: wrap;
    font-size: var(--texto-xs);
    font-weight: 600;
    line-height: 1.45;
}

.doi-form[b-4tndkmebb8]  .campo__msg[hidden] {
    display: none;
}

.doi-form[b-4tndkmebb8]  .campo__msg .icone {
    width: 14px;
    height: 14px;
    margin-top: 1px;
    flex: none;
}

.doi-form[b-4tndkmebb8]  .campo--erro .campo__controle {
    border-color: var(--perigo);
    background-color: #FFFAF9;
}

.doi-form[b-4tndkmebb8]  .campo--erro .campo__controle:focus {
    outline-color: var(--perigo);
}

.doi-form[b-4tndkmebb8]  .campo--erro .campo__msg {
    color: var(--estado-falha-texto);
}

.doi-form[b-4tndkmebb8]  .campo--aviso .campo__controle {
    border-color: var(--estado-espera);
}

.doi-form[b-4tndkmebb8]  .campo--aviso .campo__msg {
    color: var(--estado-espera-texto);
}

.doi-form[b-4tndkmebb8]  .campo__marca {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 20px;
    padding: 0 8px;
    border-radius: var(--raio-pilula);
    font-size: 0.6875rem;
    font-weight: 700;
    background: var(--navy-tint);
    color: var(--navy);
    white-space: nowrap;
}

.doi-form[b-4tndkmebb8]  .campo__marca--calc {
    background: color-mix(in srgb, var(--estado-ok) 10%, #FFFFFF);
    color: var(--estado-ok-texto);
}

.doi-form[b-4tndkmebb8]  .campo__origem {
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.doi-form[b-4tndkmebb8]  .campo__origem[hidden] {
    display: none;
}

.doi-form[b-4tndkmebb8]  .campo__origem s {
    color: var(--tinta-fraca);
}

.doi-form[b-4tndkmebb8]  .link-botao {
    padding: 0;
    border: 0;
    background: none;
    color: var(--navy);
    font: inherit;
    font-weight: 650;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

.doi-form[b-4tndkmebb8]  .link-botao:hover {
    color: var(--navy-hover);
}

.doi-form[b-4tndkmebb8]  .link-botao:focus-visible {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
    border-radius: 4px;
}

.doi-form[b-4tndkmebb8]  .icone--14 {
    width: 14px;
    height: 14px;
}

/* Lista de outros municipios (IBGE): grade propria dentro da linha inteira. */
.doi-form__lista[b-4tndkmebb8] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-2);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.doi-form__lista > .campo__rotulo[b-4tndkmebb8] {
    padding: 0;
}

.doi-form__bloco[b-4tndkmebb8] {
    padding-top: var(--espaco-2);
    border-top: 1px solid var(--hairline);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.doi-form__vazio[b-4tndkmebb8] {
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.doi-form__vazio--partes[b-4tndkmebb8] {
    padding: var(--espaco-4) var(--espaco-5);
}

.doi-form__gerais[b-4tndkmebb8] {
    margin: var(--espaco-1) 0 0;
    padding-left: 1.1em;
    list-style: disc;
}

/* ------------------------------------------------------------- alertas da IA --- */
.alertas-ia[b-4tndkmebb8] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.alertas-ia li[b-4tndkmebb8] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid var(--hairline);
}

.alertas-ia li:first-child[b-4tndkmebb8] {
    padding-top: 0;
}

.alertas-ia li:last-child[b-4tndkmebb8] {
    border-bottom: 0;
    padding-bottom: 0;
}

.alertas-ia[b-4tndkmebb8]  .icone {
    flex: none;
    margin-top: 2px;
    color: var(--estado-espera-texto);
}

.alertas-ia p[b-4tndkmebb8] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

/* ------------------------------------------------------------- soma das participacoes --- */
/* O portal-doi.js reconstroi o conteudo da soma a cada alteracao: as regras de dentro usam ::deep. */
.soma[b-4tndkmebb8] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px var(--espaco-5);
    border-bottom: 1px solid var(--hairline);
    font-size: var(--texto-xs);
    font-weight: 650;
}

.soma[b-4tndkmebb8]  .soma__barra,
.soma .soma__barra[b-4tndkmebb8] {
    flex: 1;
    display: flex;
    max-width: 320px;
    height: 8px;
    overflow: hidden;
    border-radius: var(--raio-pilula);
    background: var(--superficie-realce);
}

.soma[b-4tndkmebb8]  .soma__barra span {
    display: block;
    height: 100%;
    background: var(--navy-2);
    border-right: 2px solid #FFFFFF;
}

.soma[b-4tndkmebb8]  .soma__barra span:last-child {
    border-right: 0;
}

.soma[b-4tndkmebb8]  .icone {
    flex: none;
}

.soma--ok[b-4tndkmebb8] {
    color: var(--estado-ok-texto);
}

.soma--erro[b-4tndkmebb8] {
    color: var(--estado-falha-texto);
}

.soma--erro[b-4tndkmebb8]  .soma__barra span {
    background: var(--estado-falha);
}

.doi-form[b-4tndkmebb8]  .doi-form__msg-soma,
.doi-form[b-4tndkmebb8]  .soma + [data-doi-msg-gerada] {
    padding: 8px var(--espaco-5);
    border-bottom: 1px solid var(--hairline);
}

.partes[b-4tndkmebb8] {
    display: flex;
    flex-direction: column;
}

@media (max-width: 560px) {
    .doi-form[b-4tndkmebb8]  .campo--duplo {
        grid-column: 1 / -1;
    }

    .soma[b-4tndkmebb8] {
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }
}
/* /Componentes/PortalCartorio/Doi/PainelMatriculaDoi.razor.rz.scp.css */
/* Painel da matricula ao lado do editor da DOI Web (portal AAA, frente B, lote B13b).
   Base: mockup portal-cartorio-v2-fonte/estilo.css:741-752 (.matricula, .matricula__busca, .ocr) e o visualizador do portal
   (VisualizadorCartorio.razor.css, adaptado a um painel estreito: sem lista de documentos e sem miniaturas).
   O portal-doi.js mostra/esconde pelo atributo hidden (painel, caixa de busca, texto e visualizador): a regra com !important
   vence o display das regras abaixo. Os elementos que os scripts criam dentro do texto e do palco (div.ocr, p de status, mark,
   div.vis-pagina com canvas, pre.vis-texto e pre.vis-json) usam ::deep, porque nao levam o atributo de escopo do Blazor.
   Transicoes so de cor; tudo parado em prefers-reduced-motion. */

.matricula[b-zc05pwjit1] {
    position: sticky;
    top: calc(var(--barra-altura) + 76px);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - var(--barra-altura) - 96px - var(--proto-altura, 0px));
    min-width: 0;
    overflow: hidden;
}

.matricula[hidden][b-zc05pwjit1],
.matricula [hidden][b-zc05pwjit1] {
    display: none !important;
}

.matricula--vazia[b-zc05pwjit1] {
    overflow: visible;
}

/* ------------------------------------------------------------- cabecalho e abas */
.matricula__cab[b-zc05pwjit1] {
    flex: none;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.matricula__arquivo[b-zc05pwjit1] {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.matricula__abas[b-zc05pwjit1] {
    display: inline-flex;
    gap: 2px;
    padding: 2px;
    border-radius: var(--raio);
    background-color: var(--superficie-realce);
}

.matricula__aba[b-zc05pwjit1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 14px;
    border: 0;
    border-radius: 9px;
    background-color: transparent;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--transicao), color var(--transicao);
}

.matricula__aba:hover:not(:disabled)[b-zc05pwjit1] {
    color: var(--navy);
}

.matricula__aba[aria-pressed="true"][b-zc05pwjit1] {
    background-color: var(--superficie);
    color: var(--navy);
    box-shadow: var(--sombra-1);
}

.matricula__aba:focus-visible[b-zc05pwjit1] {
    outline: 2px solid var(--foco);
    outline-offset: 1px;
}

.matricula__aba:disabled[b-zc05pwjit1] {
    opacity: 0.45;
    cursor: default;
}

/* ------------------------------------------------------------- busca */
.matricula__busca[b-zc05pwjit1] {
    position: relative;
    flex: none;
    padding: 10px var(--espaco-4);
    border-bottom: 1px solid var(--hairline);
}

.matricula__busca[b-zc05pwjit1]  .icone {
    position: absolute;
    left: 28px;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    color: var(--tinta-suave);
    pointer-events: none;
}

.matricula__busca input[b-zc05pwjit1] {
    height: 34px;
    padding-left: 34px;
}

/* ------------------------------------------------------------- texto (OCR) */
.matricula__texto[b-zc05pwjit1] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.matricula__dica[b-zc05pwjit1] {
    flex: none;
    margin: 0;
    padding: var(--espaco-3) var(--espaco-5) 0;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    text-wrap: pretty;
}

.matricula__dica .tabular[b-zc05pwjit1] {
    color: var(--navy);
    font-variant-numeric: tabular-nums;
}

/* Status do carregamento e da busca ("Carregando...", "3 de 12 ocorrencias"), criado pelo script. */
.matricula__texto[b-zc05pwjit1]  > p:not(.matricula__dica) {
    flex: none;
    margin: 0;
    padding: var(--espaco-2) var(--espaco-5) 0;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.matricula__texto[b-zc05pwjit1]  > p:not(.matricula__dica):empty {
    display: none;
}

.matricula__texto[b-zc05pwjit1]  .link-botao {
    padding: 0;
    border: 0;
    background: none;
    color: var(--navy);
    font: inherit;
    font-weight: 650;
    text-decoration: underline;
    cursor: pointer;
}

.matricula__texto[b-zc05pwjit1]  .link-botao:focus-visible {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Corpo do texto: o proprio div rola dentro do painel (o script marca tabindex=0 e pre-wrap). */
.matricula__texto[b-zc05pwjit1]  .ocr {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: var(--espaco-4) var(--espaco-5) var(--espaco-6);
    color: var(--tinta);
    font-size: 0.8125rem;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.matricula__texto[b-zc05pwjit1]  .ocr:focus-visible {
    outline: 2px solid var(--foco);
    outline-offset: -2px;
}

.matricula__texto[b-zc05pwjit1]  .ocr mark {
    padding: 0 1px;
    border-radius: 2px;
    background-color: #FFE58F;
    color: inherit;
}

.matricula__texto[b-zc05pwjit1]  .ocr mark[data-doi-atual] {
    background-color: #FFC53D;
}

/* ------------------------------------------------------------- imagem (visualizador) */
.vis[b-zc05pwjit1] {
    /* Fundo lavado de navy do palco (mesmo do visualizador do portal). */
    --vis-palco: #E9ECFA;

    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
}

.vis__ferramentas[b-zc05pwjit1] {
    display: flex;
    flex: none;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    padding: 8px var(--espaco-3);
    border-bottom: 1px solid var(--hairline);
    background-color: var(--superficie);
}

.vis__grupo-ctl[b-zc05pwjit1] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px;
    border-radius: var(--raio);
    background-color: var(--superficie-realce);
}

.vis__ctl[b-zc05pwjit1] {
    display: grid;
    place-items: center;
    width: 32px;
    height: var(--controle-altura-pequeno);
    padding: 0;
    border: 0;
    border-radius: var(--raio);
    background-color: transparent;
    color: var(--tinta-suave);
    cursor: pointer;
    transition: background-color var(--transicao), color var(--transicao);
}

.vis__ctl:hover:not(:disabled)[b-zc05pwjit1] {
    background-color: var(--superficie);
    color: var(--navy);
}

.vis__ctl:focus-visible[b-zc05pwjit1] {
    outline: 2px solid var(--foco);
    outline-offset: 1px;
}

.vis__ctl:disabled[b-zc05pwjit1] {
    opacity: 0.4;
    cursor: default;
}

.vis__saida[b-zc05pwjit1] {
    min-width: 64px;
    color: var(--tinta);
    font-size: var(--texto-xs);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.vis__acoes[b-zc05pwjit1] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    margin-left: auto;
}

.vis__corpo[b-zc05pwjit1] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    background-color: var(--vis-palco);
    background-image: radial-gradient(color-mix(in srgb, var(--navy) 8%, transparent) 1px, transparent 1px);
    background-size: 16px 16px;
}

/* Painel estreito: sem coluna de miniaturas (os botoes de pagina bastam). */
.vis__miniaturas[b-zc05pwjit1] {
    display: none;
}

.vis__palco[b-zc05pwjit1] {
    display: grid;
    justify-items: center;
    align-content: start;
    gap: var(--espaco-4);
    min-width: 0;
    min-height: 46vh;
    max-height: calc(100vh - var(--barra-altura) - 230px - var(--proto-altura, 0px));
    padding: var(--espaco-4) var(--espaco-3) var(--espaco-6);
    overflow: auto;
}

.vis__palco:focus-visible[b-zc05pwjit1] {
    outline: 2px solid var(--foco);
    outline-offset: -2px;
}

/* Pagina desenhada pelo script (PDF e TIFF). */
.vis__palco[b-zc05pwjit1]  .vis-pagina {
    max-width: none;
    background-color: var(--superficie);
    border-radius: var(--raio);
    box-shadow: var(--sombra-2);
    line-height: 0;
    overflow: hidden;
}

.vis__palco[b-zc05pwjit1]  .vis-pagina canvas {
    display: block;
}

/* Texto simples e JSON formatado pelo script. */
.vis__palco[b-zc05pwjit1]  pre.vis-texto,
.vis__palco[b-zc05pwjit1]  pre.vis-json {
    width: 100%;
    margin: 0;
    padding: var(--espaco-4);
    background-color: var(--superficie);
    border-radius: var(--raio);
    box-shadow: var(--sombra-2);
    color: var(--tinta);
    font-family: var(--fonte-mono);
    font-size: 0.75rem;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    tab-size: 4;
}

.vis__palco[b-zc05pwjit1]  pre.vis-json .k {
    color: var(--navy);
}

.vis__palco[b-zc05pwjit1]  pre.vis-json .s {
    color: var(--estado-ok-texto);
}

.vis__palco[b-zc05pwjit1]  pre.vis-json .n {
    color: var(--estado-espera-texto);
}

.vis__palco[b-zc05pwjit1]  pre.vis-json .b {
    color: var(--estado-ativo-texto);
    font-weight: 650;
}

.vis__palco[b-zc05pwjit1]  pre.vis-json .z {
    color: var(--estado-neutro-texto);
    font-style: italic;
}

.vis__imagem[b-zc05pwjit1] {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: var(--raio);
    background-color: var(--superficie);
    box-shadow: var(--sombra-2);
    transform-origin: center center;
}

/* Sem visualizacao ou grande demais: mensagem (o Baixar fica na barra de ferramentas). */
.vis__mensagem[b-zc05pwjit1] {
    display: grid;
    justify-items: center;
    gap: var(--espaco-3);
    max-width: 340px;
    margin-top: var(--espaco-5);
    padding: var(--espaco-5) var(--espaco-4);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
    text-align: center;
}

.vis__mensagem-icone[b-zc05pwjit1] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--navy-tint);
    color: var(--navy);
}

.vis__mensagem-texto[b-zc05pwjit1] {
    margin: 0;
    color: var(--tinta);
    text-wrap: pretty;
}

.vis__estado[b-zc05pwjit1] {
    flex: none;
    margin: 0;
    padding: 0 var(--espaco-4);
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.vis__estado:not(:empty)[b-zc05pwjit1] {
    padding-block: var(--espaco-2);
    border-top: 1px solid var(--hairline);
}

/* ------------------------------------------------------------- tela estreita */
/* A grade do editor vira uma coluna: o painel deixa de acompanhar a rolagem e ocupa a largura toda. */
@media (max-width: 1100px) {
    .matricula[b-zc05pwjit1] {
        position: static;
        max-height: none;
    }

    .matricula__texto[b-zc05pwjit1]  .ocr {
        max-height: 60vh;
    }

    .vis__palco[b-zc05pwjit1] {
        min-height: 50vh;
        max-height: 70vh;
    }
}

@media (prefers-reduced-motion: reduce) {
    .matricula__aba[b-zc05pwjit1],
    .vis__ctl[b-zc05pwjit1] {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/Doi/ParteDoi.razor.rz.scp.css */
/* Cartao de uma parte da DOI Web (alienante/adquirente). Base: mockup portal-cartorio-v2-fonte/estilo.css:746-757.
   Os campos (CampoDoi) herdam o estilo do FormularioDeclaracaoDoi.razor.css (regras ::deep a partir de .doi-form). */

.parte[b-hbrdf74pjj] {
    padding: var(--espaco-4) var(--espaco-5);
    border-bottom: 1px solid var(--hairline);
    scroll-margin-top: calc(var(--barra-altura) + 84px);
}

.parte:last-child[b-hbrdf74pjj] {
    border-bottom: 0;
}

.parte__cab[b-hbrdf74pjj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--espaco-3);
    margin-bottom: var(--espaco-3);
}

.parte__nome[b-hbrdf74pjj] {
    font-weight: 700;
    font-size: var(--texto-base);
    overflow-wrap: anywhere;
}

.parte__sub[b-hbrdf74pjj] {
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
    font-variant-numeric: tabular-nums;
}

.parte__chips[b-hbrdf74pjj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.etiqueta[b-hbrdf74pjj] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 9px;
    border-radius: var(--raio-pilula);
    background: var(--superficie-realce);
    color: var(--tinta-suave);
    font-size: 0.6875rem;
    font-weight: 700;
    white-space: nowrap;
}

.parte details[b-hbrdf74pjj] {
    margin-top: var(--espaco-3);
}

.parte summary[b-hbrdf74pjj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    cursor: pointer;
    font-weight: 650;
    color: var(--navy);
    list-style: none;
}

.parte summary[b-hbrdf74pjj]::-webkit-details-marker {
    display: none;
}

.parte summary:focus-visible[b-hbrdf74pjj] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
    border-radius: 6px;
}

.parte summary[b-hbrdf74pjj]  .icone {
    width: 14px;
    height: 14px;
    transition: transform var(--transicao);
}

.parte details[open] summary[b-hbrdf74pjj]  .icone {
    transform: rotate(180deg);
}

.parte details > .form-grade[b-hbrdf74pjj] {
    margin-top: var(--espaco-3);
}

/* Mensagem da parte inteira (servidor) e as que o portal-doi.js poe no fim do cartao. */
.parte[b-hbrdf74pjj]  [data-doi-msg-gerada] {
    margin-top: var(--espaco-3);
}

@media (prefers-reduced-motion: reduce) {
    .parte summary[b-hbrdf74pjj]  .icone {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/DoiCartorio.razor.rz.scp.css */
/* Fila da DOI Web do portal do cartorio (portal AAA, frente B, lote B17; mockup app.js:906-941 e estilo.css, blocos "DOI Web"
   e "segmentos"): trilha, cabecalho com a acao de exportar, aviso de somente leitura, tres numeros do resumo, filtro por
   situacao (segmentos), mes dos atos e referencia, e a tabela pautada (base .tabela/.tabela__grade de pipeline.css) com as
   marcas de cada declaracao. Abaixo de 760px a tabela vira cartoes (thead oculto, grade por linha). Tokens de
   wwwroot/css/pipeline.css. Movimento: so troca de cor em hover/foco; nada sobe nem anima. */

.doi[b-rt49ejljzn] {
    display: grid;
    gap: var(--espaco-4);
}

/* ---------------------------------------------------------------- cabecalho */
.cab[b-rt49ejljzn] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.cab__textos[b-rt49ejljzn] {
    min-width: 0;
}

.cab__titulo[b-rt49ejljzn] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.cab__texto[b-rt49ejljzn] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

.cab__acoes[b-rt49ejljzn] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

/* ---------------------------------------------------------------- somente leitura */
.somente-leitura[b-rt49ejljzn] {
    display: flex;
    align-items: flex-start;
    gap: var(--espaco-3);
    padding: var(--espaco-3) var(--espaco-4);
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio);
    background: var(--superficie-realce);
}

.somente-leitura__icone[b-rt49ejljzn] {
    display: inline-flex;
    flex: none;
    margin-top: 2px;
    color: var(--tinta-suave);
}

.somente-leitura__icone[b-rt49ejljzn]  .icone {
    width: 18px;
    height: 18px;
}

.somente-leitura__titulo[b-rt49ejljzn] {
    margin: 0;
    font-weight: 700;
    color: var(--tinta);
}

.somente-leitura__texto[b-rt49ejljzn] {
    margin: 2px 0 0;
    color: var(--tinta-suave);
}

/* ---------------------------------------------------------------- resumo */
.resumo[b-rt49ejljzn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--espaco-4);
}

.resumo__numero[b-rt49ejljzn] {
    padding: var(--espaco-4) var(--espaco-5);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background: var(--superficie);
}

.resumo__numero strong[b-rt49ejljzn] {
    display: block;
    font-family: var(--fonte-titulo);
    font-size: 1.75rem;
    font-weight: 650;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--navy);
}

.resumo__numero--neutro strong[b-rt49ejljzn] {
    color: var(--tinta-suave);
}

.resumo__numero span[b-rt49ejljzn] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.nota[b-rt49ejljzn] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0;
    max-width: 90ch;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.nota[b-rt49ejljzn]  .icone {
    width: 14px;
    height: 14px;
    flex: none;
    margin-top: 2px;
}

/* ---------------------------------------------------------------- filtros */
.filtros[b-rt49ejljzn] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-4);
}

.segmentos[b-rt49ejljzn] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 2px;
    border-radius: var(--raio);
    background: var(--superficie-realce);
}

.segmentos a[b-rt49ejljzn] {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 14px;
    border-radius: 9px;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color var(--transicao), color var(--transicao);
}

.segmentos a:hover[b-rt49ejljzn] {
    color: var(--tinta);
}

.segmentos a:focus-visible[b-rt49ejljzn] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.segmentos a[aria-current="true"][b-rt49ejljzn] {
    background: var(--superficie);
    color: var(--navy);
    box-shadow: var(--sombra-1);
}

.busca[b-rt49ejljzn] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--espaco-3);
}

/* O espacamento vertical ".campo + .campo" do pipeline.css nao vale na linha. */
.busca .campo[b-rt49ejljzn] {
    margin-top: 0;
}

.busca__campo[b-rt49ejljzn] {
    min-width: 180px;
}

.busca__acoes[b-rt49ejljzn] {
    display: flex;
    gap: var(--espaco-2);
}

/* ---------------------------------------------------------------- tabela */
.painel--vazio[b-rt49ejljzn] {
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background: var(--superficie);
    box-shadow: var(--sombra-1);
}

.fila__cab[b-rt49ejljzn] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--espaco-2) var(--espaco-4);
    padding: var(--espaco-4) var(--espaco-5);
    border-bottom: 1px solid var(--hairline);
}

.fila__titulo[b-rt49ejljzn] {
    margin: 0;
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 700;
}

.fila__meta[b-rt49ejljzn] {
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.tabela__grade td[b-rt49ejljzn] {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}

.prot[b-rt49ejljzn] {
    color: var(--navy);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
}

.prot:hover[b-rt49ejljzn] {
    text-decoration: underline;
}

.prot:focus-visible[b-rt49ejljzn] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
    border-radius: var(--raio);
}

.celula-sub[b-rt49ejljzn] {
    display: block;
    margin-top: 2px;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.suave[b-rt49ejljzn] {
    color: var(--tinta-suave);
}

.progresso[b-rt49ejljzn] {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-top: 4px;
}

.progresso i[b-rt49ejljzn] {
    width: 18px;
    height: 6px;
    border-radius: var(--raio-pilula);
    background: var(--hairline-forte);
}

.progresso i.feito[b-rt49ejljzn] {
    background: var(--estado-ok);
}

.progresso i.bloqueio[b-rt49ejljzn] {
    background: var(--estado-falha);
}

.progresso i.dispensado[b-rt49ejljzn] {
    background: var(--estado-neutro);
    opacity: 0.45;
}

.contagem-bloq[b-rt49ejljzn] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    color: var(--estado-falha-texto);
}

.contagem-bloq[b-rt49ejljzn]  .icone {
    width: 14px;
    height: 14px;
}

.acao[b-rt49ejljzn] {
    text-align: right;
    white-space: nowrap;
}

/* ---------------------------------------------------------------- paginacao */
.paginacao[b-rt49ejljzn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-3);
    padding: var(--espaco-3) var(--espaco-5);
    border-top: 1px solid var(--hairline);
    color: var(--tinta-suave);
    font-size: 0.8125rem;
}

.paginacao__acoes[b-rt49ejljzn] {
    display: inline-flex;
    gap: var(--espaco-2);
}

/* ---------------------------------------------------------------- telas estreitas */
@media (max-width: 1024px) {
    .resumo[b-rt49ejljzn] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--espaco-2);
    }

    .resumo__numero[b-rt49ejljzn] {
        display: flex;
        align-items: baseline;
        gap: var(--espaco-3);
        padding: var(--espaco-3) var(--espaco-4);
    }

    .resumo__numero strong[b-rt49ejljzn] {
        font-size: var(--texto-xl);
    }
}

@media (max-width: 760px) {
    .filtros[b-rt49ejljzn],
    .busca[b-rt49ejljzn] {
        flex-direction: column;
        align-items: stretch;
    }

    .segmentos[b-rt49ejljzn] {
        align-self: flex-start;
    }

    .busca__campo[b-rt49ejljzn] {
        min-width: 0;
    }

    .fila__cab[b-rt49ejljzn] {
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }

    .tabela__rolagem[b-rt49ejljzn] {
        max-height: none;
    }

    .tabela__grade[b-rt49ejljzn],
    .tabela__grade thead[b-rt49ejljzn],
    .tabela__grade tbody[b-rt49ejljzn],
    .tabela__grade td[b-rt49ejljzn] {
        display: block;
    }

    .tabela__grade thead[b-rt49ejljzn] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    /* Especificidade igual a das regras de pipeline.css (".tabela__grade tbody tr..."), declarada depois: a grade vence o display de tabela. */
    .tabela__grade tbody tr.tabela__linha[b-rt49ejljzn] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 8px var(--espaco-3);
        padding: var(--espaco-3) var(--espaco-4);
        border-bottom: 1px solid var(--hairline);
    }

    .tabela__grade tbody tr.tabela__linha:last-child[b-rt49ejljzn] {
        border-bottom: 0;
    }

    .tabela__grade td[b-rt49ejljzn] {
        height: auto;
        padding: 0;
        border: 0;
    }

    td[data-col="mat"][b-rt49ejljzn] {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    td[data-col="sit"][b-rt49ejljzn] {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        text-align: right;
    }

    td[data-col="decl"][b-rt49ejljzn] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    td[data-col="bloq"][b-rt49ejljzn] {
        grid-column: 1 / -1;
        grid-row: 3;
        font-size: var(--texto-xs);
    }

    td[data-col="bloq"][b-rt49ejljzn]::before {
        content: attr(data-rotulo) ": ";
        color: var(--tinta-suave);
    }

    .acao[b-rt49ejljzn] {
        grid-column: 1 / -1;
        grid-row: 4;
        margin-top: var(--espaco-1);
        text-align: left;
    }

    .paginacao[b-rt49ejljzn] {
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }
}

@media (prefers-reduced-motion: reduce) {
    .segmentos a[b-rt49ejljzn] {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/DoiExportarCartorio.razor.rz.scp.css */
/* Exportar a DOI Web por periodo (portal AAA, frente B, lote B15; mockup app.js:1114-1149 e estilo.css, blocos
   ".export-resumo", ".export-numero", ".motivos" e ".arquivo-nome"): trilha, cabecalho, filtros (mes, periodo personalizado,
   destino), tres numeros do arquivo, "Ficam de fora" e "Arquivo" lado a lado. Os paineis usam o <Painel> compartilhado (CSS
   global); aqui ficam so o conteudo deles e o restante da pagina. Tokens de wwwroot/css/pipeline.css. Movimento: so troca de
   cor em hover/foco. */

.exportar[b-hu5qvc9rt6] {
    display: grid;
    gap: var(--espaco-4);
}

/* ---------------------------------------------------------------- cabecalho */
.cab__titulo[b-hu5qvc9rt6] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.cab__texto[b-hu5qvc9rt6] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

/* ---------------------------------------------------------------- filtros */
.filtros[b-hu5qvc9rt6] {
    display: grid;
    gap: var(--espaco-3);
    padding: var(--espaco-4) var(--espaco-5);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.filtros__form[b-hu5qvc9rt6],
.filtros__linha[b-hu5qvc9rt6] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--espaco-3) var(--espaco-4);
}

/* O espacamento vertical ".campo + .campo" do pipeline.css nao vale na linha. */
.filtros .campo[b-hu5qvc9rt6] {
    margin-top: 0;
}

.filtros__form select[b-hu5qvc9rt6],
.filtros__form input[type="date"][b-hu5qvc9rt6] {
    min-width: 12rem;
}

.destino[b-hu5qvc9rt6] {
    display: grid;
    gap: 4px;
}

.filtros__dica[b-hu5qvc9rt6] {
    margin: 0;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.segmentos[b-hu5qvc9rt6] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 2px;
    border-radius: var(--raio);
    background: var(--superficie-realce);
}

.segmentos a[b-hu5qvc9rt6] {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 14px;
    border-radius: 9px;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color var(--transicao), color var(--transicao);
}

.segmentos a:hover[b-hu5qvc9rt6] {
    color: var(--tinta);
}

.segmentos a:focus-visible[b-hu5qvc9rt6] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.segmentos a[aria-current="true"][b-hu5qvc9rt6] {
    background: var(--superficie);
    color: var(--navy);
    box-shadow: var(--sombra-1);
}

/* ---------------------------------------------------------------- numeros */
.resumo[b-hu5qvc9rt6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--espaco-4);
}

.resumo__numero[b-hu5qvc9rt6] {
    padding: var(--espaco-4) var(--espaco-5);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background: var(--superficie);
}

.resumo__numero strong[b-hu5qvc9rt6] {
    display: block;
    font-family: var(--fonte-titulo);
    font-size: 1.75rem;
    font-weight: 650;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--navy);
}

.resumo__numero--fora strong[b-hu5qvc9rt6] {
    color: var(--estado-espera-texto);
}

.resumo__numero span[b-hu5qvc9rt6] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.tabular[b-hu5qvc9rt6] {
    font-variant-numeric: tabular-nums;
}

/* ---------------------------------------------------------------- fora e arquivo */
.grade[b-hu5qvc9rt6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--espaco-5);
    align-items: start;
}

@media (min-width: 1100px) {
    .grade[b-hu5qvc9rt6] {
        grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    }
}

.texto[b-hu5qvc9rt6] {
    margin: 0;
    color: var(--tinta-suave);
}

.motivos[b-hu5qvc9rt6] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.motivo[b-hu5qvc9rt6] {
    display: flex;
    align-items: center;
    gap: var(--espaco-3);
    padding: 12px 0;
    border-bottom: 1px solid var(--hairline);
}

.motivo:last-child[b-hu5qvc9rt6] {
    border-bottom: 0;
}

.motivo__n[b-hu5qvc9rt6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    min-width: 40px;
    height: 28px;
    padding: 0 8px;
    border-radius: var(--raio-pilula);
    background: var(--superficie-realce);
    font-weight: 750;
}

.motivo__texto[b-hu5qvc9rt6] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    gap: 2px;
}

.motivo__texto span[b-hu5qvc9rt6] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    overflow-wrap: anywhere;
}

.arquivo[b-hu5qvc9rt6] {
    display: grid;
    gap: var(--espaco-4);
    justify-items: start;
}

.arquivo p[b-hu5qvc9rt6] {
    margin: 0;
}

.arquivo__nome[b-hu5qvc9rt6] {
    padding: 2px 8px;
    border-radius: 6px;
    background: var(--superficie-realce);
    font-family: var(--fonte-mono);
    font-size: 0.8125rem;
    overflow-wrap: anywhere;
}

.arquivo__lista[b-hu5qvc9rt6] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 18px;
    list-style: disc;
    color: var(--tinta-suave);
}

.arquivo__lista code[b-hu5qvc9rt6] {
    font-family: var(--fonte-mono);
    font-size: 0.8125rem;
}

.nota[b-hu5qvc9rt6] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: var(--espaco-3) 0 0;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.arquivo .nota[b-hu5qvc9rt6] {
    margin-top: 0;
}

.nota[b-hu5qvc9rt6]  .icone {
    width: 14px;
    height: 14px;
    flex: none;
    margin-top: 2px;
}

/* ---------------------------------------------------------------- telas estreitas */
@media (max-width: 1024px) {
    .resumo[b-hu5qvc9rt6] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--espaco-2);
    }

    .resumo__numero[b-hu5qvc9rt6] {
        display: flex;
        align-items: baseline;
        gap: var(--espaco-3);
        padding: var(--espaco-3) var(--espaco-4);
    }

    .resumo__numero strong[b-hu5qvc9rt6] {
        font-size: var(--texto-xl);
    }
}

@media (max-width: 760px) {
    .filtros[b-hu5qvc9rt6] {
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }

    .filtros__form[b-hu5qvc9rt6],
    .filtros__linha[b-hu5qvc9rt6] {
        flex-direction: column;
        align-items: stretch;
    }

    .filtros__form select[b-hu5qvc9rt6],
    .filtros__form input[type="date"][b-hu5qvc9rt6] {
        min-width: 0;
        width: 100%;
    }

    .motivo[b-hu5qvc9rt6] {
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .segmentos a[b-hu5qvc9rt6] {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/DoiInicioPortal.razor.rz.scp.css */
/* Bloco da DOI Web no Inicio do escrevente (portal AAA, frente B, lote B16; mockup app.js:594-616 e estilo.css, blocos
   ".continuar", ".progresso", ".fila-doi" e ".indice__atalhos"). O CSS isolado do InicioCartorio nao alcanca este componente,
   por isso o molde do ".bloco" e repetido aqui. Tokens de wwwroot/css/pipeline.css. Sem animacao: o hover so troca a cor. */

.doi-inicio[b-jhojpn9uy2] {
    display: grid;
    gap: var(--espaco-5);
}

/* ---------------------------------------------------------------- bloco */
.bloco[b-jhojpn9uy2] {
    min-width: 0;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.bloco__cab[b-jhojpn9uy2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-3);
    padding: var(--espaco-4) var(--espaco-5) var(--espaco-3);
    border-bottom: 1px solid var(--hairline);
}

.bloco__titulos[b-jhojpn9uy2] {
    min-width: 0;
}

.bloco__titulo[b-jhojpn9uy2] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.bloco__descricao[b-jhojpn9uy2] {
    margin-top: 2px;
    font-size: 0.8125rem;
    color: var(--tinta-suave);
}

.bloco__corpo[b-jhojpn9uy2] {
    padding: var(--espaco-2) var(--espaco-5) var(--espaco-4);
}

/* ---------------------------------------------------------------- continuar de onde parou */
.continuar[b-jhojpn9uy2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--espaco-4);
    padding: var(--espaco-5);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.continuar__textos[b-jhojpn9uy2] {
    min-width: 0;
}

.continuar__rotulo[b-jhojpn9uy2] {
    margin: 0;
    color: var(--tinta-suave);
}

.continuar__titulo[b-jhojpn9uy2] {
    margin-top: 2px;
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

.continuar__meta[b-jhojpn9uy2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2) var(--espaco-3);
    margin: 8px 0 0;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.contagem-bloq[b-jhojpn9uy2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    color: var(--estado-falha-texto);
}

.contagem-bloq[b-jhojpn9uy2]  .icone {
    width: 14px;
    height: 14px;
}

/* ---------------------------------------------------------------- grade: fila e atalhos */
.grade[b-jhojpn9uy2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--espaco-5);
    align-items: start;
}

@media (min-width: 1100px) {
    .grade[b-jhojpn9uy2] {
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    }
}

/* ---------------------------------------------------------------- fila compacta */
.fila[b-jhojpn9uy2] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fila__item[b-jhojpn9uy2] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 0.9fr) auto;
    align-items: start;
    gap: var(--espaco-2) var(--espaco-4);
    padding: var(--espaco-3) 0;
    border-bottom: 1px solid var(--hairline);
}

.fila__item:last-child[b-jhojpn9uy2] {
    border-bottom: 0;
}

.fila__matricula[b-jhojpn9uy2],
.fila__declaracoes[b-jhojpn9uy2],
.fila__situacao[b-jhojpn9uy2] {
    min-width: 0;
}

.fila__link[b-jhojpn9uy2] {
    color: var(--navy);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.fila__link:hover[b-jhojpn9uy2] {
    text-decoration: underline;
}

.fila__link:focus-visible[b-jhojpn9uy2] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
    border-radius: var(--raio);
}

.fila__sub[b-jhojpn9uy2] {
    display: block;
    margin-top: 2px;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.fila__acao[b-jhojpn9uy2] {
    text-align: right;
    white-space: nowrap;
}

.fila__mais[b-jhojpn9uy2] {
    margin: 0;
    padding: var(--espaco-3) 0 var(--espaco-1);
    border-top: 1px solid var(--hairline);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.fila__mais a[b-jhojpn9uy2] {
    margin-left: var(--espaco-1);
    color: var(--navy);
    font-weight: 650;
}

.progresso[b-jhojpn9uy2] {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
}

.progresso i[b-jhojpn9uy2] {
    width: 18px;
    height: 6px;
    border-radius: var(--raio-pilula);
    background-color: var(--hairline-forte);
}

.progresso i.feito[b-jhojpn9uy2] {
    background-color: var(--estado-ok);
}

.progresso i.bloqueio[b-jhojpn9uy2] {
    background-color: var(--estado-falha);
}

.progresso i.dispensado[b-jhojpn9uy2] {
    background-color: var(--estado-neutro);
    opacity: 0.45;
}

/* ---------------------------------------------------------------- atalhos */
.atalhos[b-jhojpn9uy2] {
    display: grid;
    gap: var(--espaco-3);
    margin: 0;
    padding: var(--espaco-2) 0;
    list-style: none;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.atalhos li[b-jhojpn9uy2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px var(--espaco-3);
}

.atalhos__teclas[b-jhojpn9uy2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 7.5rem;
    color: var(--tinta);
}

.atalhos kbd[b-jhojpn9uy2] {
    display: inline-block;
    min-width: 1.75rem;
    padding: 2px 6px;
    border: 1px solid var(--hairline-forte);
    border-bottom-width: 2px;
    border-radius: 6px;
    background-color: var(--superficie-realce);
    color: var(--tinta);
    font-family: inherit;
    font-size: var(--texto-xs);
    font-weight: 650;
    text-align: center;
}

/* ---------------------------------------------------------------- telas estreitas */
@media (max-width: 1024px) {
    .fila__item[b-jhojpn9uy2] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .fila__declaracoes[b-jhojpn9uy2] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .fila__situacao[b-jhojpn9uy2] {
        grid-column: 1;
        grid-row: 3;
    }

    .fila__acao[b-jhojpn9uy2] {
        grid-column: 2;
        grid-row: 1;
    }
}

@media (max-width: 639.98px) {
    .continuar[b-jhojpn9uy2] {
        grid-template-columns: minmax(0, 1fr);
        padding: var(--espaco-4);
    }

    .bloco__cab[b-jhojpn9uy2],
    .bloco__corpo[b-jhojpn9uy2] {
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }
}
/* /Componentes/PortalCartorio/DoiProcessamentoPortal.razor.rz.scp.css */
/* Cartao "DOI Web" do detalhe do processamento (portal AAA, frente B, lote B16; chips das declaracoes do mockup,
   ".declaracao-chip" e ".ponto" de estilo.css). O cartao usa o <Painel> compartilhado (CSS global); aqui ficam so o texto, os
   chips e a nota. Tokens de wwwroot/css/pipeline.css. Sem animacao: o hover so troca a cor. */

.doi-proc__texto[b-5pemhxswyw] {
    margin: 0;
}

.doi-proc__texto + .doi-proc__declaracoes[b-5pemhxswyw] {
    margin-top: var(--espaco-3);
}

.tabular[b-5pemhxswyw] {
    font-variant-numeric: tabular-nums;
}

.contagem-bloq[b-5pemhxswyw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: var(--espaco-2);
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    color: var(--estado-falha-texto);
}

.contagem-bloq[b-5pemhxswyw]  .icone {
    width: 14px;
    height: 14px;
}

/* ---------------------------------------------------------------- chips das declaracoes */
.doi-proc__declaracoes[b-5pemhxswyw] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.doi-proc__chip[b-5pemhxswyw] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio);
    background-color: var(--superficie);
    color: var(--tinta);
    font-size: var(--texto-sm);
    font-weight: 600;
    text-decoration: none;
    transition: background-color var(--transicao), border-color var(--transicao);
}

.doi-proc__chip:hover[b-5pemhxswyw] {
    border-color: var(--navy);
    background-color: var(--navy-tint);
    color: var(--navy);
}

.doi-proc__chip:focus-visible[b-5pemhxswyw] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.doi-proc__chip small[b-5pemhxswyw] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 500;
}

.ponto[b-5pemhxswyw] {
    display: inline-block;
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--hairline-forte);
}

.ponto--ok[b-5pemhxswyw] {
    background-color: var(--estado-ok);
}

.ponto--bloq[b-5pemhxswyw] {
    background-color: var(--estado-falha);
}

.ponto--disp[b-5pemhxswyw] {
    background-color: var(--estado-neutro);
}

.doi-proc__nota[b-5pemhxswyw] {
    margin: var(--espaco-3) 0 0;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

@media (prefers-reduced-motion: reduce) {
    .doi-proc__chip[b-5pemhxswyw] {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/DoiRevisaoCartorio.razor.rz.scp.css */
/* Editor da DOI Web do portal do cartorio (portal AAA, frente B, lote B19). Base: mockup portal-cartorio-v2-fonte/estilo.css,
   blocos "DOI Web" (673-772) e responsivo (844-944; os @container 1279, 1099 e 759 do mockup viram @media aqui, como no
   LayoutCartorio). Tokens de wwwroot/css/pipeline.css.
   Escopo: os elementos desta pagina (inclusive o RenderFragment do corpo do formulario) levam o atributo de escopo; os filhos
   (Icone, Botao, Aviso, EstadoVazio, TrilhaPortal, FormularioDeclaracaoDoi e PainelMatriculaDoi) e tudo o que o
   portal-doi.js cria (conteudo do resumo-val, dos sinais do indice e dos avisos gerados) NAO levam: por isso ::deep.
   A barra do portal (LayoutCartorio) e fixa com 60px; --barra-altura e redefinida aqui para os filhos (painel da matricula
   e scroll-margin das secoes) usarem a mesma altura. Movimento: so troca de cor; nada sobe nem anima. */

.doi-editor[b-sn5yr2icz8] {
    --barra-altura: 60px;
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
    min-width: 0;
}

.doi-editor[b-sn5yr2icz8]  .icone--14 {
    width: 14px;
    height: 14px;
}

.doi-editor[b-sn5yr2icz8]  .icone--16 {
    width: 16px;
    height: 16px;
}

.doi-editor__titulo[b-sn5yr2icz8] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

.doi-editor__voltar[b-sn5yr2icz8] {
    display: flex;
}

.doi-editor__lista[b-sn5yr2icz8] {
    margin: var(--espaco-1) 0 0;
    padding-left: 1.1em;
    list-style: disc;
}

.doi-editor__lista li + li[b-sn5yr2icz8] {
    margin-top: var(--espaco-1);
}

/* ------------------------------------------------------------- barra de contexto */
.doi-contexto[b-sn5yr2icz8] {
    position: sticky;
    top: var(--barra-altura);
    z-index: 20;
    margin: calc(-1 * var(--espaco-2)) 0 0;
    border-bottom: 1px solid var(--hairline);
    background: color-mix(in srgb, var(--fundo) 94%, transparent);
    backdrop-filter: saturate(1.2) blur(6px);
}

.doi-contexto__in[b-sn5yr2icz8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-3) var(--espaco-4);
    padding: 10px 0;
}

.doi-contexto__titulo[b-sn5yr2icz8] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.doi-contexto__titulo h1[b-sn5yr2icz8] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.01em;
    overflow-wrap: anywhere;
}

.doi-contexto__titulo h1:focus[b-sn5yr2icz8] {
    outline: none;
}

.doi-contexto__titulo span[b-sn5yr2icz8] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    overflow-wrap: anywhere;
}

.declaracoes[b-sn5yr2icz8] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-left: auto;
}

.declaracao-chip[b-sn5yr2icz8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 12px;
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio);
    background: var(--superficie);
    color: var(--tinta);
    font-size: var(--texto-sm);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color var(--transicao), border-color var(--transicao), color var(--transicao);
}

.declaracao-chip:hover[b-sn5yr2icz8] {
    background: var(--superficie-realce);
    color: var(--tinta);
    text-decoration: none;
}

.declaracao-chip:focus-visible[b-sn5yr2icz8] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.declaracao-chip[aria-current="true"][b-sn5yr2icz8] {
    border-color: var(--navy);
    background: var(--navy-tint);
    color: var(--navy);
    box-shadow: inset 0 0 0 1px var(--navy);
}

.ponto[b-sn5yr2icz8] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--hairline-forte);
}

.ponto--ok[b-sn5yr2icz8] {
    background: var(--estado-ok);
}

.ponto--bloq[b-sn5yr2icz8] {
    background: var(--estado-falha);
}

.ponto--atual[b-sn5yr2icz8] {
    background: var(--navy-2);
}

.ponto--disp[b-sn5yr2icz8] {
    background: var(--estado-neutro);
}

/* ------------------------------------------------------------- avisos */
.doi-avisos[b-sn5yr2icz8] {
    display: grid;
    gap: var(--espaco-3);
}

.doi-avisos:empty[b-sn5yr2icz8] {
    display: none;
}

.doi-avisos[b-sn5yr2icz8]  .aviso + * {
    margin-top: 0;
}

.doi-avisos__acao[b-sn5yr2icz8] {
    margin-top: var(--espaco-2);
}

/* Avisos que o portal-doi.js poe no topo do form (pontos da declaracao inteira e "Reaplicar minhas alteracoes"). */
.doi-form-pagina[b-sn5yr2icz8]  [data-doi-msg-gerada].aviso,
.doi-form-pagina[b-sn5yr2icz8]  [data-doi-oferta] {
    margin-bottom: var(--espaco-4);
}

.doi-form-pagina[b-sn5yr2icz8]  ul.aviso__texto {
    padding-left: 1.1em;
    list-style: disc;
}

.doi-form-pagina[b-sn5yr2icz8]  .doi-aviso-acoes {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: var(--espaco-3);
}

/* ------------------------------------------------------------- grade: indice, formulario e matricula */
.doi-form-pagina[b-sn5yr2icz8] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Formulario x matricula: proporcao padrao 1fr x 0,85fr; a divisoria do portal.js troca por --divisoria-esq/-dir. */
.doi-grade[b-sn5yr2icz8] {
    display: grid;
    grid-template-columns: 210px minmax(0, var(--divisoria-esq, 1fr)) minmax(320px, var(--divisoria-dir, 0.85fr));
    gap: var(--espaco-5);
    align-items: start;
    min-width: 0;
}

.doi-grade--sem-matricula[b-sn5yr2icz8] {
    grid-template-columns: 210px minmax(0, 1fr);
}

.doi-coluna[b-sn5yr2icz8] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
    min-width: 0;
}

.doi-coluna > .painel + .painel[b-sn5yr2icz8] {
    margin-top: 0;
}

.indice[b-sn5yr2icz8] {
    position: sticky;
    top: calc(var(--barra-altura) + 76px);
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.indice__titulo[b-sn5yr2icz8] {
    padding: 0 10px 6px;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 650;
}

.indice a[b-sn5yr2icz8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 36px;
    padding: 6px 10px;
    border-radius: 9px;
    color: var(--tinta-suave);
    font-weight: 600;
    text-decoration: none;
    transition: background-color var(--transicao), color var(--transicao);
}

.indice a:hover[b-sn5yr2icz8] {
    background: var(--superficie-realce);
    color: var(--tinta);
    text-decoration: none;
}

.indice a:focus-visible[b-sn5yr2icz8] {
    outline: 2px solid var(--foco);
    outline-offset: 1px;
}

.indice a[aria-current="true"][b-sn5yr2icz8] {
    background: var(--superficie);
    color: var(--navy);
    box-shadow: var(--sombra-1);
}

.indice__sinal[b-sn5yr2icz8] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--texto-xs);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.indice__sinal--bloq[b-sn5yr2icz8] {
    color: var(--estado-falha-texto);
}

.indice__sinal--aviso[b-sn5yr2icz8] {
    color: var(--estado-espera-texto);
}

.indice__sinal--ok[b-sn5yr2icz8] {
    color: var(--estado-ok-texto);
}

.indice__atalhos[b-sn5yr2icz8] {
    display: grid;
    gap: 6px;
    margin-top: var(--espaco-4);
    padding: 10px;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.indice__atalhos div[b-sn5yr2icz8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

/* ------------------------------------------------------------- situacao e envio da declaracao */
.doi-situacao[b-sn5yr2icz8] {
    scroll-margin-top: calc(var(--barra-altura) + 84px);
}

.doi-situacao .painel__titulo[b-sn5yr2icz8] {
    font-size: var(--texto-md);
}

.doi-situacao__corpo[b-sn5yr2icz8] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
}

.doi-situacao__estado[b-sn5yr2icz8] {
    margin: 0;
    padding-left: 1.1em;
    list-style: disc;
}

.doi-situacao__estado li + li[b-sn5yr2icz8] {
    margin-top: var(--espaco-1);
}

.doi-situacao__opcoes[b-sn5yr2icz8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2) var(--espaco-5);
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.doi-situacao__opcao[b-sn5yr2icz8] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    font-weight: 600;
    cursor: pointer;
}

.doi-situacao__opcao input[b-sn5yr2icz8] {
    flex: none;
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--navy);
}

.doi-situacao__opcao input:focus-visible[b-sn5yr2icz8] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.doi-situacao__acoes[b-sn5yr2icz8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

/* ------------------------------------------------------------- Ver JSON */
.doi-json summary[b-sn5yr2icz8] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 var(--espaco-5);
    color: var(--navy);
    font-weight: 650;
    list-style: none;
    cursor: pointer;
}

.doi-json summary[b-sn5yr2icz8]::-webkit-details-marker {
    display: none;
}

.doi-json summary:focus-visible[b-sn5yr2icz8] {
    outline: 2px solid var(--foco);
    outline-offset: -2px;
    border-radius: var(--raio-md);
}

.doi-json[open] summary[b-sn5yr2icz8]  .icone {
    transform: rotate(180deg);
}

.doi-json__corpo[b-sn5yr2icz8] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-2);
    min-width: 0;
    padding: 0 var(--espaco-5) var(--espaco-5);
}

.doi-json__rotulo[b-sn5yr2icz8] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 700;
}

.doi-json__rotulo:not(:first-child)[b-sn5yr2icz8] {
    margin-top: var(--espaco-2);
}

/* A rolagem horizontal do JSON fica dentro do pre; a pagina nunca rola de lado. */
.doi-json__pre[b-sn5yr2icz8] {
    max-width: 100%;
    max-height: 360px;
    overflow: auto;
    margin: 0;
    padding: var(--espaco-3);
    border: 1px solid var(--hairline);
    border-radius: var(--raio);
    background: var(--superficie-pautada);
    color: var(--tinta);
    font-family: var(--fonte-mono);
    font-size: 0.75rem;
    line-height: 1.55;
    white-space: pre;
    tab-size: 2;
}

/* ------------------------------------------------------------- barra de acoes (fixa no rodape da tela) */
.barra-acoes[b-sn5yr2icz8] {
    position: sticky;
    bottom: 0;
    z-index: 25;
    margin-top: var(--espaco-5);
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio-md) var(--raio-md) 0 0;
    background: color-mix(in srgb, var(--superficie) 96%, transparent);
    box-shadow: 0 -8px 24px -12px rgba(35, 44, 139, 0.18);
    backdrop-filter: blur(6px);
}

.barra-acoes__in[b-sn5yr2icz8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-3);
    padding: 10px var(--espaco-4);
}

.resumo-val[b-sn5yr2icz8] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2) var(--espaco-3);
}

.resumo-val[b-sn5yr2icz8]  a,
.resumo-val[b-sn5yr2icz8]  span.resumo-val__ok,
.resumo-val[b-sn5yr2icz8]  span.resumo-val__aviso,
.resumo-val > a[b-sn5yr2icz8],
.resumo-val > span[b-sn5yr2icz8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    border-radius: var(--raio-pilula);
    font-size: var(--texto-xs);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.resumo-val[b-sn5yr2icz8]  a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.resumo-val[b-sn5yr2icz8]  a:focus-visible {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.resumo-val[b-sn5yr2icz8]  .resumo-val__bloq {
    border: 1px solid color-mix(in srgb, var(--estado-falha) 35%, transparent);
    background: color-mix(in srgb, var(--estado-falha) 10%, #FFFFFF);
    color: var(--estado-falha-texto);
}

.resumo-val[b-sn5yr2icz8]  .resumo-val__aviso {
    border: 1px solid color-mix(in srgb, var(--estado-espera) 35%, transparent);
    background: color-mix(in srgb, var(--estado-espera) 10%, #FFFFFF);
    color: var(--estado-espera-texto);
}

.resumo-val[b-sn5yr2icz8]  .resumo-val__ok {
    border: 1px solid color-mix(in srgb, var(--estado-ok) 35%, transparent);
    background: color-mix(in srgb, var(--estado-ok) 10%, #FFFFFF);
    color: var(--estado-ok-texto);
}

.salvo[b-sn5yr2icz8] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.acoes[b-sn5yr2icz8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    margin-left: auto;
}

/* aria-disabled: o botao continua focavel e o portal-doi.js leva ao primeiro ponto que impede concluir. */
#btn-revisada[aria-disabled="true"][b-sn5yr2icz8] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ------------------------------------------------------------- revisao do processamento (rodape) */
.doi-processamento[b-sn5yr2icz8] {
    margin-top: var(--espaco-2);
}

.doi-processamento__corpo[b-sn5yr2icz8] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
}

.doi-processamento__texto[b-sn5yr2icz8] {
    max-width: 72ch;
    color: var(--tinta-suave);
}

.doi-processamento__acoes[b-sn5yr2icz8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
}

.doi-processamento__acoes form[b-sn5yr2icz8] {
    display: inline-flex;
}

/* ======================================================== responsivo === */
@media (max-width: 1279px) {
    .doi-grade[b-sn5yr2icz8] {
        grid-template-columns: minmax(0, var(--divisoria-esq, 1fr)) minmax(300px, var(--divisoria-dir, 0.8fr));
    }

    .doi-grade .indice[b-sn5yr2icz8] {
        display: none;
    }

    .doi-grade--sem-matricula[b-sn5yr2icz8] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 1099px) {
    .doi-grade[b-sn5yr2icz8],
    .doi-grade--sem-matricula[b-sn5yr2icz8] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 759px) {
    .doi-contexto[b-sn5yr2icz8] {
        position: static;
        margin-top: 0;
        background: transparent;
        backdrop-filter: none;
    }

    .declaracoes[b-sn5yr2icz8] {
        width: 100%;
        margin-left: 0;
    }

    .declaracao-chip[b-sn5yr2icz8] {
        flex: 1 1 0;
        justify-content: center;
        padding: 0 8px;
    }

    .doi-json summary[b-sn5yr2icz8],
    .doi-json__corpo[b-sn5yr2icz8] {
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }

    .barra-acoes__in[b-sn5yr2icz8] {
        gap: 8px;
        padding: 8px 12px;
    }

    .resumo-val > a[b-sn5yr2icz8],
    .resumo-val > span[b-sn5yr2icz8],
    .resumo-val[b-sn5yr2icz8]  a,
    .resumo-val[b-sn5yr2icz8]  span.resumo-val__ok,
    .resumo-val[b-sn5yr2icz8]  span.resumo-val__aviso {
        height: 28px;
    }

    .salvo[b-sn5yr2icz8],
    .doi-restaurar[b-sn5yr2icz8] {
        display: none;
    }

    /* "Salvar e marcar revisada" ocupa a linha de cima; Salvar e a Proxima (so o icone) ficam embaixo. */
    .acoes[b-sn5yr2icz8] {
        width: 100%;
        margin-left: 0;
    }

    .acoes .botao[b-sn5yr2icz8] {
        flex: 1 1 auto;
        min-height: 44px;
        padding: 0 12px;
    }

    .acoes #btn-revisada[b-sn5yr2icz8] {
        flex-basis: 100%;
        order: -1;
    }

    .acoes a.botao[b-sn5yr2icz8] {
        flex: 0 0 44px;
        width: 44px;
        padding: 0;
    }

    .doi-proxima__texto[b-sn5yr2icz8] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .doi-processamento__acoes[b-sn5yr2icz8] {
        flex-direction: column;
        align-items: stretch;
    }

    .doi-processamento__acoes form[b-sn5yr2icz8],
    .doi-processamento__acoes form .botao[b-sn5yr2icz8],
    .doi-processamento__acoes[b-sn5yr2icz8]  .botao {
        display: flex;
        width: 100%;
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .declaracao-chip[b-sn5yr2icz8],
    .indice a[b-sn5yr2icz8] {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/GraficoBarrasPortal.razor.rz.scp.css */
/* Grafico de barras do portal em SVG. Sao dois desenhos com os mesmos dados: o LARGO (viewBox 560x240) e o COMPACTO
   (320x220). O componente e um container de consulta (container-type): o desenho e o tamanho do texto seguem a largura
   do PROPRIO grafico (que muda com a grade da pagina), nao a da janela. Os tamanhos de texto estao em unidades do
   viewBox; tamanho real = unidades x largura do componente / largura do viewBox, sempre 11 px ou mais.
   Por cima de cada desenho fica a camada das opcoes (um radio por coluna, mesmo nome): uma parada de Tab por grafico,
   setas entre as colunas; hover, toque (opcao marcada) e foco mostram o realce e o valor. O desenho escondido (display
   none) tira as opcoes dele da ordem de Tab. */

.grafico-portal[b-5ielt63ax8] {
    position: relative;
    container-type: inline-size;
    min-width: 0;
}

.grafico-portal__desenho[b-5ielt63ax8] {
    position: relative;
}

.grafico-portal__svg[b-5ielt63ax8] {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

/* O compacto so aparece quando o componente tem menos de 480 px (ver os @container no fim do arquivo). */
.grafico-portal__desenho--compacta[b-5ielt63ax8] {
    display: none;
}

/* ---- elementos do desenho ----
   Os <text> sao montados na arvore de renderizacao (ver Texto() e Valores() no .razor) e nao levam o atributo do CSS
   isolado: por isso o estilo deles parte do <svg> com ::deep. */
.grafico-portal__grade[b-5ielt63ax8] {
    stroke: var(--hairline);
    stroke-width: 1;
}

.grafico-portal__base[b-5ielt63ax8] {
    stroke: var(--hairline-forte);
    stroke-width: 1;
}

.grafico-portal__svg[b-5ielt63ax8]  .grafico-portal__eixo-y,
.grafico-portal__svg[b-5ielt63ax8]  .grafico-portal__eixo-x {
    fill: var(--tinta-suave);
    font-family: var(--fonte);
    font-variant-numeric: tabular-nums;
}

/* Marcas: so cores com contraste de 3:1 ou mais sobre o branco (nada clareado). Serie sem classe conhecida = navy. */
.grafico-portal__barra[b-5ielt63ax8] {
    fill: var(--navy);
}

.grafico-portal__barra.serie-1[b-5ielt63ax8] {
    fill: var(--navy);
}

.grafico-portal__barra.serie-2[b-5ielt63ax8] {
    fill: var(--estado-ok);
}

.grafico-portal__barra.serie-3[b-5ielt63ax8] {
    fill: var(--navy-2);
}

/* ---- camada das opcoes (teclado, toque e mouse) ----
   Cada coluna e um <label> com o radio cobrindo a faixa inteira (opacidade 0, mas focavel e clicavel). O realce e o valor
   vem DEPOIS do radio no <label>, por isso os seletores de irmao (~) bastam, sem :has(). */
.grafico-portal__teclas[b-5ielt63ax8] {
    position: absolute;
    inset: 0;
}

.grafico-portal__tecla[b-5ielt63ax8] {
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-tap-highlight-color: transparent;
}

.grafico-portal__opcao[b-5ielt63ax8] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    appearance: none;
}

/* Veu bem leve por cima das barras (a camada fica acima do desenho, entao nada opaco). */
.grafico-portal__realce[b-5ielt63ax8] {
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 4px;
    background-color: transparent;
    pointer-events: none;
    transition: background-color var(--transicao);
}

.grafico-portal__tecla:hover .grafico-portal__realce[b-5ielt63ax8],
.grafico-portal__opcao:checked ~ .grafico-portal__realce[b-5ielt63ax8],
.grafico-portal__opcao:focus ~ .grafico-portal__realce[b-5ielt63ax8] {
    background-color: color-mix(in srgb, var(--navy) 7%, transparent);
}

.grafico-portal__opcao:focus-visible ~ .grafico-portal__realce[b-5ielt63ax8] {
    outline: 2px solid var(--foco);
    outline-offset: 0;
}

/* Valor do periodo, logo acima da barra mais alta. Fundo claro para separar das linhas de grade. */
.grafico-portal__dica[b-5ielt63ax8] {
    position: absolute;
    left: 50%;
    z-index: 1;
    padding: 1px 5px;
    border-radius: 4px;
    background-color: var(--superficie);
    color: var(--tinta);
    font-family: var(--fonte);
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.3;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -100%);
    transition: opacity var(--transicao);
}

.grafico-portal__tecla--inicio .grafico-portal__dica[b-5ielt63ax8] {
    left: 0;
    transform: translateY(-100%);
}

.grafico-portal__tecla--fim .grafico-portal__dica[b-5ielt63ax8] {
    left: auto;
    right: 0;
    transform: translateY(-100%);
}

.grafico-portal__tecla:hover .grafico-portal__dica[b-5ielt63ax8],
.grafico-portal__opcao:checked ~ .grafico-portal__dica[b-5ielt63ax8],
.grafico-portal__opcao:focus ~ .grafico-portal__dica[b-5ielt63ax8] {
    opacity: 1;
}

.grafico-portal__dica-valor.serie-1[b-5ielt63ax8] {
    color: var(--navy);
}

.grafico-portal__dica-valor.serie-2[b-5ielt63ax8] {
    color: var(--estado-ok-texto);
}

.grafico-portal__dica-valor.serie-3[b-5ielt63ax8] {
    color: var(--navy-2);
}

.grafico-portal__dica-separador[b-5ielt63ax8] {
    color: var(--tinta-suave);
    font-weight: 600;
}

/* ---- legenda ---- */
.grafico-portal__legenda[b-5ielt63ax8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-1) var(--espaco-4);
    margin: var(--espaco-3) 0 0;
    padding: 0;
    list-style: none;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.grafico-portal__legenda li[b-5ielt63ax8] {
    display: inline-flex;
    align-items: center;
    gap: var(--espaco-2);
}

.grafico-portal__amostra[b-5ielt63ax8] {
    flex: none;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background-color: var(--navy);
}

.grafico-portal__amostra.serie-1[b-5ielt63ax8] {
    background-color: var(--navy);
}

.grafico-portal__amostra.serie-2[b-5ielt63ax8] {
    background-color: var(--estado-ok);
}

.grafico-portal__amostra.serie-3[b-5ielt63ax8] {
    background-color: var(--navy-2);
}

/* ---- vazio ---- */
.grafico-portal__vazio[b-5ielt63ax8] {
    display: grid;
    place-items: center;
    min-height: 160px;
    padding: var(--espaco-4);
    border: 1px dashed var(--hairline-forte);
    border-radius: var(--raio);
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    text-align: center;
}

/* ---- tamanho do texto ----
   --grafico-texto = rotulos dos eixos (o valor da coluna e texto HTML de 13 px, fora do viewBox).
   LARGO (560), componente com 480 px ou mais:
      480 a 559   13 un  -> 11,1 px a 480, 13,0 px a 559
      560 a 699   11 un  -> 11,0 px a 560, 13,7 px a 699
      700 a 879    9 un  -> 11,3 px a 700, 14,1 px a 879
      880 ou mais  7,5 un -> 11,8 px a 880
   COMPACTO (320), componente abaixo de 480 px:
      ate 239     17 un  -> 11,0 px a 207, 12,7 px a 239
      240 a 279   15 un  -> 11,3 px a 240, 13,1 px a 279
      280 a 359   13 un  -> 11,4 px a 280, 14,6 px a 359
      360 a 479   10 un  -> 11,3 px a 360, 15,0 px a 479
   As larguras de caractere da geometria (.razor) contam o pior caso de cada desenho (13 + 1 e 17 + 1). */
.grafico-portal__desenho--larga[b-5ielt63ax8] {
    --grafico-texto: 13px;
}

.grafico-portal__desenho--compacta[b-5ielt63ax8] {
    --grafico-texto: 17px;
}

.grafico-portal__svg[b-5ielt63ax8]  .grafico-portal__eixo-y,
.grafico-portal__svg[b-5ielt63ax8]  .grafico-portal__eixo-x {
    font-size: var(--grafico-texto);
}

@container (min-width: 560px) {
    .grafico-portal__desenho--larga[b-5ielt63ax8] {
        --grafico-texto: 11px;
    }
}

@container (min-width: 700px) {
    .grafico-portal__desenho--larga[b-5ielt63ax8] {
        --grafico-texto: 9px;
    }
}

@container (min-width: 880px) {
    .grafico-portal__desenho--larga[b-5ielt63ax8] {
        --grafico-texto: 7.5px;
    }
}

/* Componente estreito: o desenho compacto ocupa a largura toda; o largo sai de cena. */
@container (max-width: 479.98px) {
    .grafico-portal__desenho--larga[b-5ielt63ax8] {
        display: none;
    }

    .grafico-portal__desenho--compacta[b-5ielt63ax8] {
        display: block;
    }
}

@container (min-width: 240px) and (max-width: 479.98px) {
    .grafico-portal__desenho--compacta[b-5ielt63ax8] {
        --grafico-texto: 15px;
    }
}

@container (min-width: 280px) and (max-width: 479.98px) {
    .grafico-portal__desenho--compacta[b-5ielt63ax8] {
        --grafico-texto: 13px;
    }
}

@container (min-width: 360px) and (max-width: 479.98px) {
    .grafico-portal__desenho--compacta[b-5ielt63ax8] {
        --grafico-texto: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .grafico-portal__realce[b-5ielt63ax8],
    .grafico-portal__dica[b-5ielt63ax8] {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/GraficoLinhaPortal.razor.rz.scp.css */
/* Grafico de linha do portal em SVG. Dois desenhos com os mesmos dados: o LARGO (viewBox 560x240) e o COMPACTO
   (320x220). O componente e um container de consulta (container-type): o desenho e o tamanho do texto seguem a largura
   do PROPRIO grafico, nao a da janela. Tamanho real do texto = unidades x largura do componente / largura do viewBox,
   sempre 11 px ou mais (mesmas faixas do GraficoBarrasPortal).
   Por cima de cada desenho fica a camada das opcoes (um radio por balde, mesmo nome): uma parada de Tab por grafico,
   setas entre os pontos; hover, toque (opcao marcada) e foco mostram o realce, o ponto em destaque e o valor. */

.linha-portal[b-lu5pcmgym2] {
    position: relative;
    container-type: inline-size;
    min-width: 0;
}

.linha-portal__desenho[b-lu5pcmgym2] {
    position: relative;
}

.linha-portal__svg[b-lu5pcmgym2] {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
}

.linha-portal__desenho--compacta[b-lu5pcmgym2] {
    display: none;
}

/* ---- elementos do desenho ----
   Os <text> sao montados na arvore de renderizacao (ver Texto() no .razor): estilo com ::deep a partir do <svg>. */
.linha-portal__grade[b-lu5pcmgym2] {
    stroke: var(--hairline);
    stroke-width: 1;
}

.linha-portal__base[b-lu5pcmgym2] {
    stroke: var(--hairline-forte);
    stroke-width: 1;
}

.linha-portal__svg[b-lu5pcmgym2]  .linha-portal__eixo-y,
.linha-portal__svg[b-lu5pcmgym2]  .linha-portal__eixo-x {
    fill: var(--tinta-suave);
    font-family: var(--fonte);
    font-variant-numeric: tabular-nums;
}

.linha-portal__area[b-lu5pcmgym2] {
    fill: var(--navy-tint);
}

.linha-portal__traco[b-lu5pcmgym2] {
    fill: none;
    stroke: var(--navy);
    stroke-width: 2.5;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.linha-portal__ponto[b-lu5pcmgym2] {
    fill: var(--superficie);
    stroke: var(--navy);
    stroke-width: 2;
}

.linha-portal__ponto--ultimo[b-lu5pcmgym2] {
    fill: var(--navy);
}

/* ---- camada das opcoes (teclado, toque e mouse) ----
   Cada balde e um <label> com o radio cobrindo a faixa inteira (opacidade 0, mas focavel e clicavel). O realce, a marca do
   ponto e o valor vem DEPOIS do radio no <label>: seletores de irmao (~), sem :has(). */
.linha-portal__teclas[b-lu5pcmgym2] {
    position: absolute;
    inset: 0;
}

.linha-portal__tecla[b-lu5pcmgym2] {
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-tap-highlight-color: transparent;
}

.linha-portal__opcao[b-lu5pcmgym2] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    appearance: none;
}

/* Veu navy bem leve: a camada fica por cima da linha. */
.linha-portal__realce[b-lu5pcmgym2] {
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 4px;
    background-color: transparent;
    pointer-events: none;
    transition: background-color var(--transicao);
}

.linha-portal__tecla:hover .linha-portal__realce[b-lu5pcmgym2],
.linha-portal__opcao:checked ~ .linha-portal__realce[b-lu5pcmgym2],
.linha-portal__opcao:focus ~ .linha-portal__realce[b-lu5pcmgym2] {
    background-color: color-mix(in srgb, var(--navy) 6%, transparent);
}

.linha-portal__opcao:focus-visible ~ .linha-portal__realce[b-lu5pcmgym2] {
    outline: 2px solid var(--foco);
    outline-offset: 0;
}

/* Ponto em destaque (cheio) por cima do ponto do desenho. */
.linha-portal__marca[b-lu5pcmgym2] {
    position: absolute;
    left: 50%;
    width: 11px;
    height: 11px;
    border: 2px solid var(--superficie);
    border-radius: 50%;
    background-color: var(--navy);
    box-shadow: 0 0 0 1px var(--navy);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: opacity var(--transicao);
}

/* Valor do ponto, logo acima dele. Fundo claro para separar da linha e da grade. */
.linha-portal__dica[b-lu5pcmgym2] {
    position: absolute;
    left: 50%;
    z-index: 1;
    padding: 1px 5px;
    border-radius: 4px;
    background-color: var(--superficie);
    color: var(--tinta);
    font-family: var(--fonte);
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.3;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -100%);
    transition: opacity var(--transicao);
}

.linha-portal__tecla--inicio .linha-portal__dica[b-lu5pcmgym2] {
    left: 0;
    transform: translateY(-100%);
}

.linha-portal__tecla--fim .linha-portal__dica[b-lu5pcmgym2] {
    left: auto;
    right: 0;
    transform: translateY(-100%);
}

.linha-portal__tecla:hover .linha-portal__marca[b-lu5pcmgym2],
.linha-portal__opcao:checked ~ .linha-portal__marca[b-lu5pcmgym2],
.linha-portal__opcao:focus ~ .linha-portal__marca[b-lu5pcmgym2],
.linha-portal__tecla:hover .linha-portal__dica[b-lu5pcmgym2],
.linha-portal__opcao:checked ~ .linha-portal__dica[b-lu5pcmgym2],
.linha-portal__opcao:focus ~ .linha-portal__dica[b-lu5pcmgym2] {
    opacity: 1;
}

/* ---- vazio ---- */
.linha-portal__vazio[b-lu5pcmgym2] {
    display: grid;
    place-items: center;
    min-height: 160px;
    padding: var(--espaco-4);
    border: 1px dashed var(--hairline-forte);
    border-radius: var(--raio);
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    text-align: center;
}

/* ---- tamanho do texto ----
   --grafico-texto = rotulos dos eixos (o valor do ponto e texto HTML de 13 px). Faixas (largura do componente):
   LARGO (560): 480 a 559 = 13 un; 560 a 699 = 11 un; 700 a 879 = 9 un; 880 ou mais = 7,5 un.
   COMPACTO (320): ate 239 = 17 un; 240 a 279 = 15 un; 280 a 359 = 13 un; 360 a 479 = 10 un.
   Cada faixa mantem o texto entre 11 e 15 px reais (contas no GraficoBarrasPortal.razor.css). */
.linha-portal__desenho--larga[b-lu5pcmgym2] {
    --grafico-texto: 13px;
}

.linha-portal__desenho--compacta[b-lu5pcmgym2] {
    --grafico-texto: 17px;
}

.linha-portal__svg[b-lu5pcmgym2]  .linha-portal__eixo-y,
.linha-portal__svg[b-lu5pcmgym2]  .linha-portal__eixo-x {
    font-size: var(--grafico-texto);
}

@container (min-width: 560px) {
    .linha-portal__desenho--larga[b-lu5pcmgym2] {
        --grafico-texto: 11px;
    }
}

@container (min-width: 700px) {
    .linha-portal__desenho--larga[b-lu5pcmgym2] {
        --grafico-texto: 9px;
    }
}

@container (min-width: 880px) {
    .linha-portal__desenho--larga[b-lu5pcmgym2] {
        --grafico-texto: 7.5px;
    }
}

@container (max-width: 479.98px) {
    .linha-portal__desenho--larga[b-lu5pcmgym2] {
        display: none;
    }

    .linha-portal__desenho--compacta[b-lu5pcmgym2] {
        display: block;
    }
}

@container (min-width: 240px) and (max-width: 479.98px) {
    .linha-portal__desenho--compacta[b-lu5pcmgym2] {
        --grafico-texto: 15px;
    }
}

@container (min-width: 280px) and (max-width: 479.98px) {
    .linha-portal__desenho--compacta[b-lu5pcmgym2] {
        --grafico-texto: 13px;
    }
}

@container (min-width: 360px) and (max-width: 479.98px) {
    .linha-portal__desenho--compacta[b-lu5pcmgym2] {
        --grafico-texto: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .linha-portal__realce[b-lu5pcmgym2],
    .linha-portal__marca[b-lu5pcmgym2],
    .linha-portal__dica[b-lu5pcmgym2] {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/InicioCartorio.razor.rz.scp.css */
/* Inicio do portal do cartorio AAA (por perfil): cabecalho com saudacao e "Atualizado as", frase de saude, esteira de 5
   estacoes, "Precisa de atencao" ao lado do bloco Comunicacoes (grade-2), "Prontos para ver", busca grande do atendente com
   os recentes e "Uso do seu cartorio" (grade 2x2 de graficos com filetes). Tokens de wwwroot/css/pipeline.css; desenho do
   mockup mockups/portal-cartorio-v2-fonte (estilo.css). Movimento: so o ponto de saude (pulso) e o trilho tracejado saindo
   de estacao com trabalho; tudo parado em prefers-reduced-motion. Sem "hover que sobe": o hover so troca a cor (150 ms). */

.inicio[b-c894ka0ilo] {
    display: grid;
    gap: var(--espaco-5);
}

/* ---------------------------------------------------------------- cabecalho */
.cab[b-c894ka0ilo] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--espaco-4);
}

.cab__textos[b-c894ka0ilo] {
    min-width: 0;
}

.cab__titulo[b-c894ka0ilo] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.cab__texto[b-c894ka0ilo] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

.cab__meta[b-c894ka0ilo] {
    display: inline-flex;
    align-items: center;
    gap: var(--espaco-2);
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.cab__meta[b-c894ka0ilo]  .icone {
    width: 16px;
    height: 16px;
}

.cab__atualizar[b-c894ka0ilo] {
    color: var(--navy);
    font-weight: 600;
    text-underline-offset: 3px;
}

@media (max-width: 759.98px) {
    .cab__titulo[b-c894ka0ilo] {
        font-size: var(--texto-xl);
    }
}

/* ---------------------------------------------------------------- falha de um bloco (dentro do Aviso) */
.falha__codigo[b-c894ka0ilo] {
    margin-top: var(--espaco-1);
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.falha__codigo code[b-c894ka0ilo] {
    font-family: var(--fonte-mono);
    font-size: inherit;
    overflow-wrap: anywhere;
}

.falha__acao[b-c894ka0ilo] {
    margin-top: var(--espaco-3);
}

/* ---------------------------------------------------------------- saude */
.saude[b-c894ka0ilo] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.saude__ponto[b-c894ka0ilo] {
    position: relative;
    flex: none;
    width: 10px;
    height: 10px;
    margin-top: 11px;
    border-radius: 50%;
    background-color: var(--estado-neutro);
}

.saude__ponto--vivo[b-c894ka0ilo] {
    background-color: var(--lime);
}

.saude__ponto--vivo[b-c894ka0ilo]::after {
    content: "";
    position: absolute;
    inset: -2px;
    border: 2px solid var(--lime);
    border-radius: 50%;
    animation: pulso-b-c894ka0ilo 2s ease-out infinite;
}

@keyframes pulso-b-c894ka0ilo {
    from {
        transform: scale(1);
        opacity: 0.9;
    }

    to {
        transform: scale(2.8);
        opacity: 0;
    }
}

.saude__textos[b-c894ka0ilo] {
    min-width: 0;
}

.saude__frase[b-c894ka0ilo] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-xl);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.015em;
    text-wrap: balance;
}

.saude__detalhe[b-c894ka0ilo] {
    margin-top: var(--espaco-1);
    color: var(--tinta-suave);
}

@media (max-width: 759.98px) {
    .saude__frase[b-c894ka0ilo] {
        font-size: var(--texto-lg);
    }
}

/* ---------------------------------------------------------------- esteira */
.esteira__lista[b-c894ka0ilo] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
}

.estacao[b-c894ka0ilo] {
    position: relative;
    min-width: 0;
    margin-right: var(--espaco-6);
}

.estacao:last-child[b-c894ka0ilo] {
    margin-right: 0;
}

/* Trilho entre estacoes: filete parado; tracejado correndo so saindo de estacao com trabalho. */
.estacao:not(:last-child)[b-c894ka0ilo]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(-1 * var(--espaco-6) - 1px);
    width: var(--espaco-6);
    height: 2px;
    background-color: var(--hairline-forte);
    pointer-events: none;
}

.estacao--viva:not(:last-child)[b-c894ka0ilo]::after {
    background: repeating-linear-gradient(90deg, var(--navy-2) 0 6px, transparent 6px 12px);
    background-size: 12px 2px;
    animation: corre-b-c894ka0ilo 1.2s linear infinite;
}

@keyframes corre-b-c894ka0ilo {
    to {
        background-position: 12px 0;
    }
}

.estacao__link[b-c894ka0ilo] {
    display: grid;
    gap: 6px;
    align-content: start;
    height: 100%;
    padding: var(--espaco-4);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
    color: inherit;
    text-decoration: none;
    transition: border-color var(--transicao);
}

.estacao__link:hover[b-c894ka0ilo] {
    border-color: color-mix(in srgb, var(--navy-2) 55%, var(--hairline));
}

.estacao__link:focus-visible[b-c894ka0ilo] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.estacao--viva .estacao__link[b-c894ka0ilo] {
    border-color: color-mix(in srgb, var(--navy-2) 45%, var(--hairline));
}

.estacao__nome[b-c894ka0ilo] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-sm);
    font-weight: 600;
    line-height: 1.3;
}

.estacao__numero[b-c894ka0ilo] {
    font-family: var(--fonte-titulo);
    font-size: 2rem;
    font-weight: 650;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--navy);
    font-variant-numeric: tabular-nums;
}

.estacao--ociosa .estacao__numero[b-c894ka0ilo] {
    color: var(--tinta-fraca);
}

.estacao__legenda[b-c894ka0ilo] {
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.estacao__rodape[b-c894ka0ilo] {
    margin-top: var(--espaco-1);
    padding-top: var(--espaco-2);
    border-top: 1px solid var(--hairline);
    font-size: 0.8125rem;
    color: var(--tinta-suave);
}

@media (max-width: 1099.98px) {
    .esteira__lista[b-c894ka0ilo] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--espaco-3);
    }

    .estacao[b-c894ka0ilo] {
        margin-right: 0;
    }

    .estacao[b-c894ka0ilo]::after,
    .estacao:not(:last-child)[b-c894ka0ilo]::after {
        display: none;
    }
}

@media (max-width: 759.98px) {
    .esteira__lista[b-c894ka0ilo] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--espaco-2);
    }

    .estacao__link[b-c894ka0ilo] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: baseline;
        column-gap: var(--espaco-3);
    }

    .estacao__numero[b-c894ka0ilo] {
        grid-column: 2;
        grid-row: 1 / span 2;
        font-size: var(--texto-2xl);
    }

    .estacao__rodape[b-c894ka0ilo] {
        grid-column: 1 / -1;
    }
}

/* ---------------------------------------------------------------- grade-2 (atencao + comunicacoes; prontos + atencao) */
.grade-2[b-c894ka0ilo] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: var(--espaco-5);
    align-items: start;
}

/* O slot da DOI (frente B) pode nao renderizar nada: o bloco que sobra ocupa a linha toda. */
.grade-2 > :only-child[b-c894ka0ilo] {
    grid-column: 1 / -1;
}

@media (max-width: 1099.98px) {
    .grade-2[b-c894ka0ilo] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ---------------------------------------------------------------- precisa de atencao (painel) */
.atencao[b-c894ka0ilo] {
    min-width: 0;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
    scroll-margin-top: 76px;
}

.atencao__lista[b-c894ka0ilo] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.atencao__item[b-c894ka0ilo] {
    border-bottom: 1px solid var(--hairline);
}

.atencao__item:last-child[b-c894ka0ilo] {
    border-bottom: 0;
}

.atencao__linha[b-c894ka0ilo] {
    display: flex;
    align-items: center;
    gap: var(--espaco-3);
    padding: var(--espaco-3) var(--espaco-5);
}

.atencao__icone[b-c894ka0ilo] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.atencao__icone[b-c894ka0ilo]  .icone {
    width: 16px;
    height: 16px;
}

.atencao__icone--falha[b-c894ka0ilo] {
    background-color: color-mix(in srgb, var(--estado-falha) 10%, var(--superficie));
    color: var(--estado-falha-texto);
}

.atencao__icone--espera[b-c894ka0ilo] {
    background-color: color-mix(in srgb, var(--estado-espera) 10%, var(--superficie));
    color: var(--estado-espera-texto);
}

.atencao__icone--ativo[b-c894ka0ilo] {
    background-color: var(--navy-tint);
    color: var(--navy);
}

.atencao__texto[b-c894ka0ilo] {
    flex: 1;
    min-width: 0;
}

.atencao__titulo[b-c894ka0ilo] {
    display: block;
    font-weight: 650;
}

.atencao__detalhe[b-c894ka0ilo] {
    display: block;
    margin-top: 2px;
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.atencao__processo a[b-c894ka0ilo] {
    color: var(--tinta);
    font-weight: 650;
    text-underline-offset: 3px;
}

.atencao__quieta[b-c894ka0ilo] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px var(--espaco-5);
    color: var(--tinta-suave);
}

.atencao__quieta[b-c894ka0ilo]  .icone {
    width: 16px;
    height: 16px;
    color: var(--estado-ok-texto);
}

.atencao .bloco__corpo + .atencao__lista[b-c894ka0ilo],
.atencao .bloco__corpo + .atencao__quieta[b-c894ka0ilo] {
    border-top: 1px solid var(--hairline);
}

@media (max-width: 759.98px) {
    .atencao__linha[b-c894ka0ilo] {
        flex-wrap: wrap;
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }

    .atencao__texto[b-c894ka0ilo] {
        flex-basis: calc(100% - 32px - var(--espaco-3));
    }

    .atencao__linha[b-c894ka0ilo]  .botao {
        margin-left: calc(32px + var(--espaco-3));
    }

    .atencao__quieta[b-c894ka0ilo] {
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }
}

/* ---------------------------------------------------------------- bloco (painel) */
.bloco[b-c894ka0ilo] {
    min-width: 0;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
    scroll-margin-top: 76px;
}

.bloco__cab[b-c894ka0ilo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-3);
    padding: var(--espaco-4) var(--espaco-5) var(--espaco-3);
    border-bottom: 1px solid var(--hairline);
}

.bloco__titulos[b-c894ka0ilo] {
    min-width: 0;
}

.bloco__titulo[b-c894ka0ilo] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.bloco__descricao[b-c894ka0ilo] {
    margin-top: 2px;
    font-size: 0.8125rem;
    color: var(--tinta-suave);
}

.bloco__contagem[b-c894ka0ilo] {
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
    font-variant-numeric: tabular-nums;
}

.bloco__corpo[b-c894ka0ilo] {
    padding: var(--espaco-4) var(--espaco-5) var(--espaco-5);
}

.bloco__corpo--lista[b-c894ka0ilo] {
    padding-top: var(--espaco-1);
    padding-bottom: var(--espaco-2);
}

@media (max-width: 759.98px) {
    .bloco__cab[b-c894ka0ilo],
    .bloco__corpo[b-c894ka0ilo] {
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }
}

/* ---------------------------------------------------------------- prontos */
.prontos[b-c894ka0ilo] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pronto[b-c894ka0ilo] {
    display: grid;
    grid-template-columns: 8px auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--espaco-3);
    padding: var(--espaco-3) 0;
    border-bottom: 1px solid var(--hairline);
}

/* Ponto "Novo": resultado ainda nao aberto pelo usuario (sem acesso registrado). Lido = so o espaco da coluna. */
.pronto__novo[b-c894ka0ilo] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--navy-2);
}

.pronto__novo--lido[b-c894ka0ilo] {
    background-color: transparent;
}

.pronto:last-child[b-c894ka0ilo] {
    border-bottom: 0;
}

/* Miniatura decorativa de folha: linhas pautadas e um traco navy no topo. */
.pronto__miniatura[b-c894ka0ilo] {
    position: relative;
    width: 40px;
    height: 52px;
    overflow: hidden;
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio);
    background-color: var(--superficie);
}

.pronto__miniatura[b-c894ka0ilo]::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 6px;
    right: 6px;
    height: 30px;
    background: repeating-linear-gradient(var(--hairline-forte) 0 2px, transparent 2px 6px);
}

.pronto__miniatura[b-c894ka0ilo]::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 14px;
    height: 3px;
    border-radius: var(--raio-pilula);
    background-color: var(--navy);
}

.pronto__textos[b-c894ka0ilo] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.pronto__titulo[b-c894ka0ilo] {
    color: var(--tinta);
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.pronto__meta[b-c894ka0ilo] {
    overflow: hidden;
    font-size: 0.8125rem;
    color: var(--tinta-suave);
    text-overflow: ellipsis;
}

@media (max-width: 479.98px) {
    .pronto[b-c894ka0ilo] {
        grid-template-columns: 8px auto minmax(0, 1fr);
    }

    .pronto[b-c894ka0ilo]  .botao {
        grid-column: 3;
        justify-self: start;
    }
}

/* ---------------------------------------------------------------- busca do atendente */
.busca[b-c894ka0ilo] {
    padding: var(--espaco-6);
}

.busca__titulo[b-c894ka0ilo] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.busca__form[b-c894ka0ilo] {
    display: flex;
    gap: var(--espaco-2);
    margin-top: var(--espaco-4);
}

.busca__campo[b-c894ka0ilo] {
    position: relative;
    flex: 1;
    min-width: 0;
}

.busca__campo[b-c894ka0ilo]  .icone {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 20px;
    height: 20px;
    color: var(--tinta-suave);
    transform: translateY(-50%);
    pointer-events: none;
}

.busca__controle[b-c894ka0ilo] {
    width: 100%;
    height: 52px;
    padding-left: 48px;
    border-radius: var(--raio-md);
    font-size: var(--texto-md);
}

.busca__form[b-c894ka0ilo]  .busca__botao {
    height: 52px;
    padding: 0 24px;
    border-radius: var(--raio-md);
}

.busca__dicas[b-c894ka0ilo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-1) var(--espaco-4);
    margin-top: var(--espaco-3);
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.recentes[b-c894ka0ilo] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: var(--espaco-4);
}

.recentes__rotulo[b-c894ka0ilo] {
    align-self: center;
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.recentes__link[b-c894ka0ilo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    border-radius: var(--raio-pilula);
    background-color: var(--superficie-realce);
    color: var(--tinta);
    font-size: var(--texto-xs);
    font-weight: 600;
    text-decoration: none;
    font-variant-numeric: tabular-nums;
    transition: background-color var(--transicao), color var(--transicao);
}

.recentes__link[b-c894ka0ilo]  .icone {
    width: 14px;
    height: 14px;
}

.recentes__link:hover[b-c894ka0ilo] {
    background-color: var(--navy-tint);
    color: var(--navy);
}

.recentes__link:focus-visible[b-c894ka0ilo] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

@media (max-width: 759.98px) {
    .busca[b-c894ka0ilo] {
        padding: var(--espaco-5) var(--espaco-4);
    }

    .busca__form[b-c894ka0ilo] {
        flex-direction: column;
    }

    .busca__controle[b-c894ka0ilo] {
        font-size: 16px;
    }
}

/* ---------------------------------------------------------------- fluxo (esteira do atendente) */
.fluxo__titulo[b-c894ka0ilo] {
    margin-bottom: var(--espaco-3);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

/* ---------------------------------------------------------------- segmentos de periodo */
.segmentos[b-c894ka0ilo] {
    display: inline-flex;
    padding: 2px;
    border-radius: var(--raio);
    background-color: var(--superficie-realce);
}

.segmentos__opcao[b-c894ka0ilo] {
    display: inline-flex;
    align-items: center;
    height: var(--controle-altura-pequeno);
    padding: 0 var(--espaco-3);
    border-radius: calc(var(--raio) - 2px); /* concentrico ao container (--raio, padding 2px) */
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color var(--transicao), color var(--transicao);
}

.segmentos__opcao:hover[b-c894ka0ilo] {
    color: var(--tinta);
}

.segmentos__opcao:focus-visible[b-c894ka0ilo] {
    outline: 2px solid var(--foco);
    outline-offset: 1px;
}

.segmentos__opcao[aria-current="true"][b-c894ka0ilo] {
    background-color: var(--superficie);
    color: var(--navy);
    box-shadow: var(--sombra-1);
}

/* ---------------------------------------------------------------- graficos (2x2 com filetes) */
.graficos[b-c894ka0ilo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grafico[b-c894ka0ilo] {
    min-width: 0;
    padding: 20px var(--espaco-5) var(--espaco-5);
    border-top: 1px solid var(--hairline);
}

.grafico:nth-child(odd)[b-c894ka0ilo] {
    border-right: 1px solid var(--hairline);
}

.grafico:nth-child(-n + 2)[b-c894ka0ilo] {
    border-top: 0;
}

.grafico__topo[b-c894ka0ilo] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--espaco-1) var(--espaco-3);
    margin-bottom: var(--espaco-3);
}

.grafico__titulo[b-c894ka0ilo] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-base);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.grafico__destaque[b-c894ka0ilo] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 650;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--navy);
    font-variant-numeric: tabular-nums;
}

.grafico__destaque small[b-c894ka0ilo] {
    margin-left: 6px;
    font-family: var(--fonte);
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0;
    color: var(--tinta-suave);
}

.grafico__nota[b-c894ka0ilo] {
    margin-top: var(--espaco-2);
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.graficos__dica[b-c894ka0ilo] {
    padding: var(--espaco-3) var(--espaco-5) var(--espaco-4);
    border-top: 1px solid var(--hairline);
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

@media (max-width: 759.98px) {
    .graficos[b-c894ka0ilo] {
        grid-template-columns: minmax(0, 1fr);
    }

    .grafico[b-c894ka0ilo] {
        padding: var(--espaco-4);
    }

    .grafico:nth-child(odd)[b-c894ka0ilo] {
        border-right: 0;
    }

    .grafico:nth-child(2)[b-c894ka0ilo] {
        border-top: 1px solid var(--hairline);
    }
}

/* ---------------------------------------------------------------- movimento reduzido */
@media (prefers-reduced-motion: reduce) {
    .saude__ponto--vivo[b-c894ka0ilo]::after {
        display: none;
        animation: none;
    }

    .estacao--viva:not(:last-child)[b-c894ka0ilo]::after {
        animation: none;
    }

    .estacao__link[b-c894ka0ilo],
    .segmentos__opcao[b-c894ka0ilo],
    .recentes__link[b-c894ka0ilo] {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/LayoutCartorio.razor.rz.scp.css */
/* Casca do portal do cartorio AAA (mockup portal-cartorio-v2-fonte/estilo.css, secao "casca"): barra navy (sticky) com marca,
   navegacao principal, busca global e menu do usuario; conteudo centralizado. Os @container do mockup (1279, 1099 e 759) viram
   @media aqui. html.js (posto pelo js/portal.js) liga o botao Menu abaixo de 1100px; sem JS o menu aparece aberto, em linhas. */

.portal[b-x2nzsbg25o] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    background-color: var(--fundo);
}

.portal__barra[b-x2nzsbg25o] {
    position: sticky;
    top: env(safe-area-inset-top, 0px);
    z-index: 30;
    background-color: var(--trilho-fundo);
    color: var(--trilho-texto);
}

.portal__barra-in[b-x2nzsbg25o] {
    display: flex;
    align-items: center;
    gap: var(--espaco-4);
    min-height: 60px;
    max-width: 1440px;
    margin: 0 auto;
    padding: var(--espaco-2) max(var(--espaco-5), env(safe-area-inset-right, 0px)) var(--espaco-2) max(var(--espaco-5), env(safe-area-inset-left, 0px));
}

/* -------------------------------------------------------------- marca --- */
.portal__marca[b-x2nzsbg25o] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: none;
    color: inherit;
    text-decoration: none;
}

.portal__marca:hover[b-x2nzsbg25o] {
    color: inherit;
}

.portal__robo[b-x2nzsbg25o] {
    flex: none;
    width: auto;
    height: 34px;
}

.portal__marca-texto[b-x2nzsbg25o] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.portal__marca-nome[b-x2nzsbg25o] {
    color: #FFFFFF;
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* Sobre o fundo navy o "IA" usa --lime. */
.portal__marca-ia[b-x2nzsbg25o] {
    color: var(--lime);
}

.portal__marca-produto[b-x2nzsbg25o] {
    color: var(--trilho-texto-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

/* Foco visivel em lime sobre o navy (barra); dentro dos suspensos (fundo claro) volta ao navy. */
.portal__marca:focus-visible[b-x2nzsbg25o],
.portal__nav-link:focus-visible[b-x2nzsbg25o],
.portal__menu-botao:focus-visible[b-x2nzsbg25o],
.portal__usuario-botao:focus-visible[b-x2nzsbg25o] {
    outline: 2px solid var(--foco-sobre-trilho);
    outline-offset: 2px;
}

.portal__suspenso-link:focus-visible[b-x2nzsbg25o] {
    outline: 2px solid var(--navy-2);
    outline-offset: 2px;
}

/* ---------------------------------------------------------- navegacao --- */
.portal__menu[b-x2nzsbg25o] {
    display: flex;
    min-width: 0;
}

.portal__nav[b-x2nzsbg25o] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-left: var(--espaco-3);
}

.portal__nav-link[b-x2nzsbg25o] {
    display: inline-flex;
    align-items: center;
    gap: var(--espaco-2);
    height: 38px;
    padding: 0 var(--espaco-3);
    border: 1px solid transparent;
    border-radius: var(--raio);
    background: transparent;
    color: var(--trilho-texto);
    font-weight: 550;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--transicao), color var(--transicao);
}

.portal__nav-link[b-x2nzsbg25o]  .icone {
    color: var(--trilho-texto-suave);
}

.portal__nav-link:hover[b-x2nzsbg25o] {
    background-color: var(--trilho-hover);
    color: #FFFFFF;
}

.portal__nav-link[aria-current="page"][b-x2nzsbg25o],
.portal__grupo-botao.ativo[b-x2nzsbg25o] {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: var(--navy);
    color: #FFFFFF;
    font-weight: 650;
}

.portal__nav-link[aria-current="page"][b-x2nzsbg25o]  .icone,
.portal__grupo-botao.ativo[b-x2nzsbg25o]  .icone {
    color: var(--lime);
}

.portal__contador[b-x2nzsbg25o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: var(--raio-pilula);
    background: var(--lime);
    color: var(--trilho-fundo);
    font-size: 0.6875rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.portal__contador--alerta[b-x2nzsbg25o] {
    background: #FFFFFF;
    color: var(--estado-falha-texto);
}

/* Grupo "Administracao" e menu do usuario: <details> nativo (abre sem JS; o portal.js fecha com Escape e clique fora). */
.portal__grupo[b-x2nzsbg25o],
.portal__usuario[b-x2nzsbg25o] {
    position: relative;
}

.portal__grupo-botao[b-x2nzsbg25o],
.portal__usuario-botao[b-x2nzsbg25o] {
    list-style: none;
}

.portal__grupo-botao[b-x2nzsbg25o]::-webkit-details-marker,
.portal__usuario-botao[b-x2nzsbg25o]::-webkit-details-marker {
    display: none;
}

.portal__grupo-botao[b-x2nzsbg25o]  .portal__caret,
.portal__usuario-botao[b-x2nzsbg25o]  .portal__caret {
    width: 12px;
    height: 12px;
    transition: transform var(--transicao);
}

.portal__grupo[open] > .portal__grupo-botao[b-x2nzsbg25o]  .portal__caret,
.portal__usuario[open] > .portal__usuario-botao[b-x2nzsbg25o]  .portal__caret {
    transform: rotate(180deg);
}

.portal__suspenso[b-x2nzsbg25o] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 40;
    min-width: 240px;
    padding: 6px;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background: var(--superficie);
    color: var(--tinta);
    box-shadow: var(--sombra-2);
}

.portal__suspenso--direita[b-x2nzsbg25o] {
    left: auto;
    right: 0;
    min-width: 280px;
}

.portal__suspenso-link[b-x2nzsbg25o] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--tinta);
    font: inherit;
    font-weight: 550;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.portal__suspenso-link:hover[b-x2nzsbg25o] {
    background: var(--superficie-realce);
    color: var(--tinta);
}

.portal__suspenso-link[aria-current="page"][b-x2nzsbg25o] {
    background: var(--superficie-realce);
    font-weight: 650;
}

.portal__suspenso-link[b-x2nzsbg25o]  .icone {
    color: var(--tinta-suave);
}

.portal__suspenso-sub[b-x2nzsbg25o] {
    display: block;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 500;
}

.portal__suspenso-sep[b-x2nzsbg25o] {
    height: 1px;
    margin: 6px 4px;
    background: var(--hairline);
}

.portal__suspenso-info[b-x2nzsbg25o] {
    display: flex;
    flex-direction: column;
    padding: 8px 10px 6px;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.portal__suspenso-info strong[b-x2nzsbg25o] {
    color: var(--tinta);
    font-size: var(--texto-sm);
    font-weight: 650;
}

.portal__cartorio[b-x2nzsbg25o] {
    max-width: 34ch;
    overflow: hidden;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal__detalhe[b-x2nzsbg25o] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.portal__sair[b-x2nzsbg25o] {
    margin: 0;
}

/* -------------------------------------------------------------- busca --- */
.portal__busca[b-x2nzsbg25o] {
    position: relative;
    flex: 1 1 300px;
    max-width: 380px;
    margin: 0 0 0 auto;
}

.portal__busca[b-x2nzsbg25o]  .icone {
    position: absolute;
    top: 50%;
    left: 12px;
    color: var(--trilho-texto-suave);
    transform: translateY(-50%);
    pointer-events: none;
}

.portal__busca input[b-x2nzsbg25o] {
    width: 100%;
    height: 38px;
    padding: 0 40px 0 38px;
    border: 1px solid rgba(155, 161, 198, 0.45);
    border-radius: var(--raio);
    background: rgba(255, 255, 255, 0.07);
    color: #FFFFFF;
    font: inherit;
    transition: background-color var(--transicao), border-color var(--transicao);
}

.portal__busca input[b-x2nzsbg25o]::placeholder {
    color: var(--trilho-texto-suave);
    opacity: 1;
}

.portal__busca input:hover[b-x2nzsbg25o] {
    border-color: var(--trilho-texto-suave);
}

/* Foco da busca: borda lime (sem contorno extra, como no mockup). */
.portal__busca input:focus[b-x2nzsbg25o] {
    border-color: var(--lime);
    outline: none;
    background: rgba(255, 255, 255, 0.12);
    caret-color: var(--lime);
}

.portal__busca kbd[b-x2nzsbg25o] {
    position: absolute;
    top: 50%;
    right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5em;
    height: 1.5em;
    padding: 0 0.35em;
    border: 1px solid rgba(155, 161, 198, 0.5);
    border-bottom-width: 2px;
    border-radius: 6px;
    background: transparent;
    color: var(--trilho-texto-suave);
    font-family: var(--fonte);
    font-size: 0.75rem;
    font-weight: 650;
    line-height: 1;
    transform: translateY(-50%);
    pointer-events: none;
}

.portal__busca input:focus + kbd[b-x2nzsbg25o] {
    display: none;
}

/* ------------------------------------------------------------ usuario --- */
.portal__usuario[b-x2nzsbg25o] {
    flex: none;
}

.portal__usuario-botao[b-x2nzsbg25o] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 8px 0 4px;
    border: 1px solid transparent;
    border-radius: var(--raio);
    color: var(--trilho-texto);
    cursor: pointer;
}

.portal__usuario-botao:hover[b-x2nzsbg25o] {
    background: var(--trilho-hover);
}

.portal__avatar[b-x2nzsbg25o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: none;
    border-radius: var(--raio-pilula);
    background: var(--navy-2);
    color: #FFFFFF;
    font-size: var(--texto-xs);
    font-weight: 700;
}

.portal__usuario-texto[b-x2nzsbg25o] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
    text-align: left;
}

.portal__usuario-nome[b-x2nzsbg25o] {
    max-width: 18ch;
    overflow: hidden;
    color: #FFFFFF;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal__usuario-cartorio[b-x2nzsbg25o] {
    max-width: 26ch;
    overflow: hidden;
    color: var(--trilho-texto-suave);
    font-size: var(--texto-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Sem usuario (tela de login do host de slug): so o nome do cartorio, a direita. */
.portal__sessao[b-x2nzsbg25o] {
    display: flex;
    align-items: center;
    margin-left: auto;
    min-width: 0;
}

/* ------------------------------------------------------- botao Menu --- */
/* So aparece com JS e abaixo de 1100px (ver @media). O texto troca para "Fechar" com o menu aberto. */
.portal__menu-botao[b-x2nzsbg25o] {
    display: none;
    align-items: center;
    height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(155, 161, 198, 0.6);
    border-radius: var(--raio);
    background: transparent;
    color: #FFFFFF;
    font: inherit;
    font-weight: 650;
    cursor: pointer;
}

.portal__menu-abrir[b-x2nzsbg25o],
.portal__menu-fechar[b-x2nzsbg25o] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.portal__menu-fechar[b-x2nzsbg25o],
.portal__menu-botao[aria-expanded="true"] .portal__menu-abrir[b-x2nzsbg25o] {
    display: none;
}

.portal__menu-botao[aria-expanded="true"] .portal__menu-fechar[b-x2nzsbg25o] {
    display: inline-flex;
}

/* ----------------------------------------------------------- conteudo --- */
/* Mesma largura maxima da barra (1440px), com 20px de borda a esquerda e a direita. */
.portal__conteudo[b-x2nzsbg25o] {
    flex: 1 1 auto;
    width: min(100%, 1440px);
    margin: 0 auto;
    padding: var(--espaco-5) 20px var(--espaco-8);
}

.portal__conteudo:focus[b-x2nzsbg25o] {
    outline: none;
}

.portal__rodape[b-x2nzsbg25o] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--espaco-2);
    padding: var(--espaco-5);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

/* ---------------------------------------------------------- divisoria --- */
/* Divisoria arrastavel entre duas colunas (js/portal.js, secao 9): a grade marcada com data-divisoria recebe a alca
   (.divisoria) criada pelo script, posicionada sobre o vao entre as colunas. A grade le --divisoria-esq/--divisoria-dir
   no proprio grid-template-columns. Sem JS nao ha alca e vale a largura padrao. */
.portal__conteudo[b-x2nzsbg25o]  [data-divisoria] {
    position: relative;
}

.portal__conteudo[b-x2nzsbg25o]  .divisoria {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 16px;
    cursor: col-resize;
    touch-action: none;
}

.portal__conteudo[b-x2nzsbg25o]  .divisoria[hidden] {
    display: none;
}

/* Linha fina, so visivel no hover, no foco e no arraste. */
.portal__conteudo[b-x2nzsbg25o]  .divisoria::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    width: 2px;
    border-radius: 1px;
    background-color: transparent;
    transition: background-color var(--transicao);
}

/* Pegador: o script poe o top no meio da parte visivel da grade (grade mais alta que a janela, ou cortada na rolagem). */
.portal__conteudo[b-x2nzsbg25o]  .divisoria__pegador {
    position: absolute;
    top: calc(50% - 18px);
    left: 5px;
    width: 6px;
    height: 36px;
    border-radius: 3px;
    background-color: var(--hairline);
    box-shadow: 0 0 0 1px var(--superficie);
    transition: background-color var(--transicao);
}

.portal__conteudo[b-x2nzsbg25o]  .divisoria:hover::before,
.portal__conteudo[b-x2nzsbg25o]  .divisoria--arrastando::before {
    background-color: var(--navy-tint);
}

.portal__conteudo[b-x2nzsbg25o]  .divisoria:hover .divisoria__pegador,
.portal__conteudo[b-x2nzsbg25o]  .divisoria--arrastando .divisoria__pegador {
    background-color: var(--navy);
}

.portal__conteudo[b-x2nzsbg25o]  .divisoria:focus-visible {
    outline: none;
}

.portal__conteudo[b-x2nzsbg25o]  .divisoria:focus-visible::before {
    background-color: var(--foco);
}

.portal__conteudo[b-x2nzsbg25o]  .divisoria:focus-visible .divisoria__pegador {
    background-color: var(--foco);
}

/* Durante o arraste o iframe (previa, visualizador) nao pode engolir o ponteiro. */
.portal__conteudo[b-x2nzsbg25o]  [data-divisoria].divisoria-ativa iframe {
    pointer-events: none;
}

/* ======================================================== responsivo === */
@media (max-width: 1279px) {
    .portal__busca[b-x2nzsbg25o] {
        max-width: 300px;
    }

    .portal__usuario-texto[b-x2nzsbg25o] {
        display: none;
    }
}

/* Abaixo de 1100px a navegacao vira painel: com JS, escondido ate o botao Menu abrir (classe "aberto" do portal.js), solto
   sob a barra; sem JS, aberto em linhas no fim da barra (e a barra deixa de ser fixa para nao cobrir a tela). */
@media (max-width: 1099px) {
    .portal__barra-in[b-x2nzsbg25o] {
        flex-wrap: wrap;
    }

    .portal__menu[b-x2nzsbg25o] {
        order: 10;
        flex: 1 1 100%;
        flex-direction: column;
    }

    .portal__nav[b-x2nzsbg25o] {
        flex-direction: column;
        align-items: stretch;
        gap: 2px;
        margin-left: 0;
    }

    .portal__nav-link[b-x2nzsbg25o] {
        gap: 12px;
        height: auto;
        min-height: 48px;
        padding: 0 12px;
        font-weight: 600;
    }

    .portal__contador[b-x2nzsbg25o] {
        margin-left: auto;
    }

    .portal__grupo-botao[b-x2nzsbg25o]  .portal__caret {
        margin-left: auto;
    }

    /* No painel o grupo Administracao abre no proprio fluxo (sem suspenso flutuante), nas cores da barra. */
    .portal__grupo .portal__suspenso[b-x2nzsbg25o] {
        position: static;
        min-width: 0;
        padding: 2px 0 2px var(--espaco-4);
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--trilho-texto);
        box-shadow: none;
    }

    .portal__grupo .portal__suspenso-link[b-x2nzsbg25o] {
        min-height: 48px;
        padding: 6px 12px;
        border-radius: var(--raio);
        color: var(--trilho-texto);
        font-weight: 600;
    }

    .portal__grupo .portal__suspenso-link:hover[b-x2nzsbg25o] {
        background: var(--trilho-hover);
        color: #FFFFFF;
    }

    .portal__grupo .portal__suspenso-link[aria-current="page"][b-x2nzsbg25o] {
        background: var(--navy);
        color: #FFFFFF;
    }

    .portal__grupo .portal__suspenso-link[b-x2nzsbg25o]  .icone {
        color: var(--trilho-texto-suave);
    }

    .portal__grupo .portal__suspenso-link[aria-current="page"][b-x2nzsbg25o]  .icone {
        color: var(--lime);
    }

    .portal__grupo .portal__suspenso-link:focus-visible[b-x2nzsbg25o] {
        outline-color: var(--foco-sobre-trilho);
    }

    .portal__grupo .portal__suspenso-sub[b-x2nzsbg25o] {
        color: var(--trilho-texto-suave);
    }

    html:not(.js) .portal__barra[b-x2nzsbg25o] {
        position: static;
    }

    html:not(.js) .portal__menu[b-x2nzsbg25o] {
        padding: var(--espaco-2) 0 var(--espaco-3);
        border-top: 1px solid rgba(155, 161, 198, 0.25);
    }

    html.js .portal__menu-botao[b-x2nzsbg25o] {
        display: inline-flex;
    }

    html.js .portal__menu[b-x2nzsbg25o] {
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        max-height: calc(100vh - 100%);
        max-height: calc(100dvh - 100%);
        overflow-y: auto;
        padding: var(--espaco-3) var(--espaco-4) var(--espaco-4);
        border-top: 1px solid rgba(155, 161, 198, 0.25);
        background: var(--trilho-fundo);
        box-shadow: var(--sombra-2);
    }

    html.js .portal__menu.aberto[b-x2nzsbg25o] {
        display: flex;
    }
}

/* Abaixo de 760px a busca vai para linha propria (alvo de 44px e fonte de 16px, sem zoom no iOS); o menu do usuario fica so
   com o avatar. */
@media (max-width: 759px) {
    .portal__barra-in[b-x2nzsbg25o] {
        gap: 8px 12px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: max(var(--espaco-4), env(safe-area-inset-left, 0px));
        padding-right: max(var(--espaco-4), env(safe-area-inset-right, 0px));
    }

    .portal__menu-botao[b-x2nzsbg25o] {
        margin-left: auto;
    }

    .portal__busca[b-x2nzsbg25o] {
        order: 5;
        flex: 1 1 100%;
        max-width: none;
        margin: 0 0 4px;
    }

    .portal__busca input[b-x2nzsbg25o] {
        height: 44px;
        font-size: 16px;
    }

    .portal__busca kbd[b-x2nzsbg25o] {
        display: none;
    }

    .portal__suspenso--direita[b-x2nzsbg25o] {
        min-width: min(280px, calc(100vw - 2 * var(--espaco-4)));
    }

    .portal__cartorio[b-x2nzsbg25o] {
        max-width: 24ch;
    }

    .portal__conteudo[b-x2nzsbg25o] {
        padding: var(--espaco-4) var(--espaco-4) var(--espaco-7);
    }
}

@media (prefers-reduced-motion: reduce) {
    .portal__nav-link[b-x2nzsbg25o],
    .portal__busca input[b-x2nzsbg25o],
    .portal__grupo-botao[b-x2nzsbg25o]  .portal__caret,
    .portal__usuario-botao[b-x2nzsbg25o]  .portal__caret,
    .portal__conteudo[b-x2nzsbg25o]  .divisoria::before,
    .portal__conteudo[b-x2nzsbg25o]  .divisoria__pegador {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/LoginCartorio.razor.rz.scp.css */
/* Login do portal do cartorio (mockup aprovado, tela de login: .login__caixa, .login__folha, .login__cartorio, .campo-senha).
   Tokens de wwwroot/css/pipeline.css. */

.login[b-szrpyz75sj] {
    display: flex;
    justify-content: center;
    padding: var(--espaco-6) 0;
}

.login__caixa[b-szrpyz75sj] {
    width: min(100%, 420px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--espaco-5);
}

.login__folha[b-szrpyz75sj] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
    padding: var(--espaco-6) var(--espaco-6) var(--espaco-5);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-lg);
    box-shadow: var(--sombra-2);
}

/* A folha controla o espaco entre os campos (gap); o "campo + campo" global somaria margem. */
.login__folha[b-szrpyz75sj]  .campo + .campo,
.login__folha > .campo[b-szrpyz75sj] {
    margin-top: 0;
}

.login__titulo[b-szrpyz75sj] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-xl);
    font-weight: 700;
    letter-spacing: -0.02em;
}

.login__texto[b-szrpyz75sj] {
    color: var(--tinta-suave);
}

.login__cartorio[b-szrpyz75sj] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: var(--raio);
    background-color: var(--superficie-realce);
}

.login__cartorio[b-szrpyz75sj]  .icone {
    flex: none;
    color: var(--navy);
}

.login__endereco[b-szrpyz75sj] {
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
    overflow-wrap: anywhere;
}

/* Mostrar senha: o botao fica dentro do campo; sem JavaScript ele nao aparece (o portal.js marca html.js). */
.campo-senha[b-szrpyz75sj] {
    position: relative;
}

html.js .campo-senha .campo__controle[b-szrpyz75sj] {
    padding-right: 46px;
}

.campo-senha__botao[b-szrpyz75sj] {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--tinta-suave);
    cursor: pointer;
}

html:not(.js) .campo-senha__botao[b-szrpyz75sj] {
    display: none;
}

.campo-senha__botao:hover[b-szrpyz75sj] {
    background-color: var(--superficie-realce);
    color: var(--tinta);
}

.campo-senha__botao:focus-visible[b-szrpyz75sj] {
    outline: 2px solid var(--foco);
    outline-offset: 1px;
}

/* aria-pressed="true" = senha visivel: o icone passa a ser o "ocultar". */
.campo-senha__botao[b-szrpyz75sj]  .campo-senha__ocultar,
.campo-senha__botao[aria-pressed="true"][b-szrpyz75sj]  .campo-senha__mostrar {
    display: none;
}

.campo-senha__botao[aria-pressed="true"][b-szrpyz75sj]  .campo-senha__ocultar {
    display: inline-block;
}

.login__acoes[b-szrpyz75sj]  .botao {
    width: 100%;
    min-height: 44px;
    font-size: var(--texto-base);
}

.login__ajuda summary[b-szrpyz75sj] {
    display: inline;
    list-style: none;
    cursor: pointer;
    color: var(--navy);
    font-weight: 650;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}

.login__ajuda summary[b-szrpyz75sj]::-webkit-details-marker {
    display: none;
}

.login__ajuda summary:hover[b-szrpyz75sj] {
    color: var(--navy-hover);
}

.login__ajuda .campo__ajuda[b-szrpyz75sj] {
    margin-top: var(--espaco-2);
}

.login__rodape[b-szrpyz75sj] {
    max-width: 40ch;
    text-align: center;
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

@media (max-width: 760px) {
    .login[b-szrpyz75sj] {
        padding: var(--espaco-4) 0;
    }

    .login__folha[b-szrpyz75sj] {
        padding: var(--espaco-5);
    }

    /* 16px e 44px no celular: o iOS nao amplia a pagina ao focar o campo e o alvo de toque fica confortavel. */
    .login__folha[b-szrpyz75sj]  .campo__controle,
    .login__folha .campo__controle[b-szrpyz75sj] {
        min-height: 44px;
        font-size: 16px;
    }
}
/* /Componentes/PortalCartorio/MaquinasCartorio.razor.rz.scp.css */
/* Maquinas do Connect no portal do cartorio: cabecalho, cartao do instalador, blocos (aguardando aprovacao, ativas, historico)
   e cartoes por maquina com o formulario de aprovar, recusar e revogar. Fiel ao mockup portal-cartorio-v2-fonte (.maquinas,
   .maquina, .instalador). Tokens de wwwroot/css/pipeline.css. Sem movimento: so cor. */

.pagina[b-eqzccu9tkd] {
    display: grid;
    gap: var(--espaco-5);
}

/* ---------------------------------------------------------------- cabecalho */
.cab[b-eqzccu9tkd] {
    margin-bottom: var(--espaco-1);
}

.cab__titulo[b-eqzccu9tkd] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.cab__texto[b-eqzccu9tkd] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

.tentar[b-eqzccu9tkd] {
    margin: 0;
}

/* ---------------------------------------------------------------- cartao do instalador */
.instalador[b-eqzccu9tkd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-4);
    padding: var(--espaco-4) var(--espaco-5);
}

.instalador__icone[b-eqzccu9tkd],
.maquina__icone[b-eqzccu9tkd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: var(--raio);
    background-color: var(--navy-tint);
    color: var(--navy);
}

.instalador__texto[b-eqzccu9tkd] {
    display: grid;
    gap: 2px;
    flex: 1 1 240px;
    min-width: 0;
}

.instalador__texto span[b-eqzccu9tkd] {
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

/* ---------------------------------------------------------------- blocos */
.bloco[b-eqzccu9tkd] {
    display: grid;
    gap: var(--espaco-3);
}

.bloco__cab[b-eqzccu9tkd] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--espaco-1) var(--espaco-4);
}

.bloco__titulo[b-eqzccu9tkd] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-xl);
    font-weight: 700;
    line-height: 1.25;
}

.bloco__contagem[b-eqzccu9tkd] {
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

/* ---------------------------------------------------------------- cartoes das maquinas */
.maquinas[b-eqzccu9tkd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
    gap: var(--espaco-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

.maquina[b-eqzccu9tkd] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
    padding: var(--espaco-5);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.maquina--pendente[b-eqzccu9tkd] {
    border-color: color-mix(in srgb, var(--estado-espera) 40%, var(--hairline));
}

/* A maquina sobre a qual o ultimo POST agiu (cartao ativo apos aprovar; linha do historico apos revogar ou recusar). */
.maquina--destaque[b-eqzccu9tkd] {
    border-color: var(--navy-2);
    box-shadow: 0 0 0 3px var(--navy-tint), var(--sombra-1);
}

.maquina__cab[b-eqzccu9tkd] {
    display: flex;
    align-items: center;
    gap: var(--espaco-3);
}

.maquina__texto[b-eqzccu9tkd] {
    display: grid;
    flex: 1 1 auto;
    gap: 2px;
    min-width: 0;
}

.maquina__texto span[b-eqzccu9tkd] {
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.maquina__nome[b-eqzccu9tkd] {
    font-weight: 700;
    overflow-wrap: anywhere;
}

.maquina__sem-funcao[b-eqzccu9tkd] {
    margin: 0;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.maquina__form[b-eqzccu9tkd] {
    display: grid;
    gap: var(--espaco-3);
}

.maquina__form--revogar[b-eqzccu9tkd] {
    justify-items: start;
    margin-top: auto;
}

.maquina__aviso[b-eqzccu9tkd] {
    margin: 0;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.maquina__acoes[b-eqzccu9tkd] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

/* Campo do codigo de ativacao (CampoTexto e componente filho: ::deep alcanca o input). Fonte de 16px evita o zoom do celular. */
.maquina__form[b-eqzccu9tkd]  .codigo-campo .campo__controle {
    height: 44px;
    font-family: var(--fonte-mono);
    font-size: 1rem;
    letter-spacing: 0.12em;
    text-align: center;
    text-transform: uppercase;
}

.maquina__form[b-eqzccu9tkd]  .codigo-campo .campo__controle::placeholder {
    text-transform: none;
}

/* ---------------------------------------------------------------- funcoes */
.funcoes[b-eqzccu9tkd] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.funcao[b-eqzccu9tkd] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio-pilula);
    background-color: var(--navy-tint);
    color: var(--navy);
    font-size: var(--texto-xs);
    font-weight: 600;
    white-space: nowrap;
}

/* ---------------------------------------------------------------- historico */
.historico__cab[b-eqzccu9tkd] {
    padding: var(--espaco-4) var(--espaco-5) var(--espaco-3);
}

.linha--destaque td[b-eqzccu9tkd] {
    background-color: var(--navy-tint);
}

@media (max-width: 639px) {
    .maquina[b-eqzccu9tkd] {
        padding: var(--espaco-4);
    }

    /* Botao e componente filho: ::deep alcanca o elemento dele. */
    .maquina__acoes[b-eqzccu9tkd]  .botao {
        flex: 1 1 100%;
    }

    .instalador[b-eqzccu9tkd] {
        padding: var(--espaco-4);
    }
}
/* /Componentes/PortalCartorio/NaoEncontradoCartorio.razor.rz.scp.css */
/* "Nao encontrado" do portal do cartorio (mockup aprovado, tela 404: .pagina-erro e a busca grande). Tokens de wwwroot/css/pipeline.css. */

.pagina-erro[b-wldibqs28z] {
    max-width: 640px;
    margin: var(--espaco-7) auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--espaco-4);
}

.pagina-erro__icone[b-wldibqs28z] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--navy-tint);
    color: var(--navy);
}

.pagina-erro__icone[b-wldibqs28z]  .icone {
    width: 26px;
    height: 26px;
}

.pagina-erro__texto[b-wldibqs28z] {
    color: var(--tinta-suave);
}

.pagina-erro__busca[b-wldibqs28z] {
    display: flex;
    gap: var(--espaco-2);
    width: 100%;
}

.pagina-erro__campo[b-wldibqs28z] {
    position: relative;
    flex: 1;
    min-width: 0;
}

.pagina-erro__campo[b-wldibqs28z]  .icone {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    color: var(--tinta-suave);
    pointer-events: none;
}

.pagina-erro__campo .campo__controle[b-wldibqs28z] {
    height: 52px;
    padding-left: 48px;
    border-radius: var(--raio-md);
    font-size: var(--texto-md);
}

.pagina-erro__busca[b-wldibqs28z]  .botao {
    height: 52px;
    padding: 0 var(--espaco-5);
    border-radius: var(--raio-md);
}

@media (max-width: 760px) {
    .pagina-erro[b-wldibqs28z] {
        margin: var(--espaco-6) auto;
    }

    .pagina-erro__busca[b-wldibqs28z] {
        flex-direction: column;
    }

    /* 16px no celular: o iOS nao amplia a pagina ao focar o campo. */
    .pagina-erro__campo .campo__controle[b-wldibqs28z] {
        font-size: 16px;
    }

    .pagina-erro[b-wldibqs28z]  .botao {
        width: 100%;
        min-height: 44px;
    }
}
/* /Componentes/PortalCartorio/OperacaoCartorio.razor.rz.scp.css */
/* Operacao do cartorio (portal AAA; mockup aprovado, tela Operacao): trilha, cabecalho com o seletor de periodo da equipe
   (segmentos), avisos do PRG e o quadro (OperacaoQuadroPortal). Tokens de wwwroot/css/pipeline.css. */

.operacao[b-d87hbftgx0] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
}

/* ---------------------------------------------------------------- cabecalho */
.cab[b-d87hbftgx0] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--espaco-4);
}

.cab__textos[b-d87hbftgx0] {
    min-width: 0;
}

.cab__titulo[b-d87hbftgx0] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.cab__texto[b-d87hbftgx0] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

/* ---------------------------------------------------------------- periodo */
.segmentos[b-d87hbftgx0] {
    display: inline-flex;
    gap: 2px;
    padding: 2px;
    border-radius: var(--raio);
    background-color: var(--superficie-realce);
}

.segmentos__opcao[b-d87hbftgx0] {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    border-radius: 9px;
    font-weight: 650;
    font-size: var(--texto-sm);
    color: var(--tinta-suave);
    text-decoration: none;
    transition: background-color var(--transicao), color var(--transicao);
}

.segmentos__opcao:hover[b-d87hbftgx0] {
    color: var(--tinta);
}

.segmentos__opcao:focus-visible[b-d87hbftgx0] {
    outline: 2px solid var(--foco);
    outline-offset: 1px;
}

.segmentos__opcao[aria-current="true"][b-d87hbftgx0] {
    background-color: var(--superficie);
    color: var(--navy);
    box-shadow: var(--sombra-1);
}

/* ---------------------------------------------------------------- erro */
.operacao__erro[b-d87hbftgx0] {
    flex-wrap: wrap;
}

.operacao__codigo[b-d87hbftgx0] {
    margin-top: 4px;
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.operacao__codigo code[b-d87hbftgx0] {
    font-family: var(--fonte-mono);
}

.operacao__erro-acoes[b-d87hbftgx0] {
    margin-left: auto;
    align-self: center;
}

@media (max-width: 759.98px) {
    .segmentos__opcao[b-d87hbftgx0] {
        height: 40px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .segmentos__opcao[b-d87hbftgx0] {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/OperacaoCobrarCartorio.razor.rz.scp.css */
/* Cobrar (portal AAA; mockup aprovado, painel "Cobrar" da Operacao em pagina propria): trilha, cabecalho com o item, quadro de
   confirmacao com a mensagem, o prazo pedido e onde avisar. Mesmo desenho da pagina Redistribuir. Tokens de
   wwwroot/css/pipeline.css. */

.acao-pagina[b-cosanjh79t] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
    max-width: 880px;
}

.cab__titulo[b-cosanjh79t] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.cab__texto[b-cosanjh79t] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

/* ---------------------------------------------------------------- quadro do formulario */
.confirmacao[b-cosanjh79t] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
    padding: var(--espaco-5);
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.confirmacao__pergunta[b-cosanjh79t] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
}

.formulario[b-cosanjh79t] {
    display: grid;
    gap: var(--espaco-4);
}

.formulario[b-cosanjh79t]  .campo {
    margin-top: 0;
}

.formulario__grade[b-cosanjh79t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espaco-3) var(--espaco-4);
    align-items: start;
}

.grupo[b-cosanjh79t] {
    display: grid;
    gap: var(--espaco-2);
    margin: 0;
    padding: 0;
    border: 0;
}

.grupo__titulo[b-cosanjh79t] {
    padding: 0;
    font-weight: 600;
}

.marca[b-cosanjh79t] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.marca input[b-cosanjh79t] {
    width: 18px;
    height: 18px;
    accent-color: var(--navy);
}

.marca__ajuda[b-cosanjh79t] {
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.formulario__acoes[b-cosanjh79t] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

/* ---------------------------------------------------------------- erro */
.acao-pagina__erro[b-cosanjh79t] {
    flex-wrap: wrap;
}

.acao-pagina__codigo[b-cosanjh79t] {
    margin-top: 4px;
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.acao-pagina__codigo code[b-cosanjh79t] {
    font-family: var(--fonte-mono);
}

.acao-pagina__erro-acoes[b-cosanjh79t] {
    margin-left: auto;
    align-self: center;
}

@media (max-width: 759.98px) {
    .confirmacao[b-cosanjh79t] {
        padding: var(--espaco-4);
    }

    .formulario__grade[b-cosanjh79t] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Componentes/PortalCartorio/OperacaoInicioPortal.razor.rz.scp.css */
/* Operacao resumida no Inicio do portal (slot OperacaoInicioPortal; mockup aprovado: Inicio do diretor de operacoes).
   Cabecalho do bloco com o atalho para a Operacao completa; o quadro vem do OperacaoQuadroPortal. Tokens de
   wwwroot/css/pipeline.css. */

.operacao-inicio[b-u3yanvw3ex] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.operacao-inicio__cab[b-u3yanvw3ex] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--espaco-3);
}

.operacao-inicio__titulo[b-u3yanvw3ex] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
    letter-spacing: -0.01em;
}

.operacao-inicio__texto[b-u3yanvw3ex] {
    margin-top: 2px;
    color: var(--tinta-suave);
}

.operacao-inicio__codigo[b-u3yanvw3ex] {
    margin-top: 4px;
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.operacao-inicio__codigo code[b-u3yanvw3ex] {
    font-family: var(--fonte-mono);
}

.operacao-inicio__erro-acoes[b-u3yanvw3ex] {
    margin-left: auto;
    align-self: center;
}
/* /Componentes/PortalCartorio/OperacaoPrazoCartorio.razor.rz.scp.css */
/* Prazo do registro (portal AAA): trilha, cabecalho, blocos pautados (prazo em uso, regra, prazo da Sele, prazo do cartorio)
   e o formulario do prazo do cartorio (dias + contagem). Mesmo visual de UsuarioCartorio; tokens de wwwroot/css/pipeline.css. */

.prazo[b-tfulw19qxv] {
    display: grid;
    gap: var(--espaco-4);
    max-width: 880px;
}

/* ---------------------------------------------------------------- cabecalho */
.cab__titulo[b-tfulw19qxv] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.cab__texto[b-tfulw19qxv] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

/* ---------------------------------------------------------------- blocos */
.bloco[b-tfulw19qxv] {
    display: grid;
    gap: var(--espaco-3);
    padding: var(--espaco-5);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
}

.bloco--vale[b-tfulw19qxv] {
    border-color: var(--navy);
    background-color: var(--navy-tint);
}

.bloco__titulo[b-tfulw19qxv] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 700;
}

.bloco__texto[b-tfulw19qxv] {
    max-width: 72ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.vale[b-tfulw19qxv] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--espaco-1) var(--espaco-3);
}

.vale__numero[b-tfulw19qxv] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-xl);
    font-weight: 700;
    color: var(--navy);
}

.vale__origem[b-tfulw19qxv] {
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.valor[b-tfulw19qxv] {
    font-weight: 650;
}

.valor--vazio[b-tfulw19qxv] {
    color: var(--tinta-suave);
    font-weight: 500;
}

.regra[b-tfulw19qxv] {
    display: grid;
    gap: var(--espaco-1);
    margin: 0;
    padding-left: 1.25rem;
    max-width: 72ch;
}

.rodape[b-tfulw19qxv] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

/* ---------------------------------------------------------------- formulario */
.formulario[b-tfulw19qxv] {
    display: grid;
    gap: var(--espaco-4);
}

.formulario__grade[b-tfulw19qxv] {
    display: grid;
    grid-template-columns: minmax(0, 16rem);
    gap: var(--espaco-3) var(--espaco-4);
}

.formulario__grade[b-tfulw19qxv]  .campo {
    margin-top: 0;
}

.grupo[b-tfulw19qxv] {
    display: grid;
    gap: var(--espaco-2);
    margin: 0;
    padding: 0;
    border: 0;
}

.grupo__titulo[b-tfulw19qxv] {
    padding: 0;
    margin-bottom: var(--espaco-1);
    font-weight: 650;
}

.opcao[b-tfulw19qxv] {
    display: flex;
    align-items: center;
    gap: var(--espaco-2);
    min-height: 32px;
    cursor: pointer;
}

.opcao input[b-tfulw19qxv] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--navy);
}

.opcao input:focus-visible[b-tfulw19qxv] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.opcao__ajuda[b-tfulw19qxv] {
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.formulario__acoes[b-tfulw19qxv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

/* ---------------------------------------------------------------- telas estreitas */
@media (max-width: 760px) {
    .bloco[b-tfulw19qxv] {
        padding: var(--espaco-4);
    }

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

    /* Campo de 16px no celular: o navegador nao aplica zoom ao focar. */
    .formulario__grade[b-tfulw19qxv]  .campo__controle {
        font-size: 16px;
    }
}
/* /Componentes/PortalCartorio/OperacaoQuadroPortal.razor.rz.scp.css */
/* Quadro da Operacao (portal AAA; molde do mockup aprovado mockups/portal-cartorio-v2-fonte/estilo.css, blocos "operacao",
   "painel", "tabela" e "atencao"): frase do dia, paineis de prazos, itens parados e equipe. Tabela da equipe vira cartoes
   abaixo de 760px; a lista de parados desce as acoes para baixo do texto. Tokens de wwwroot/css/pipeline.css. */

.quadro[b-q42jhbb7sx] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
}

/* ---------------------------------------------------------------- frase do dia */
.saude[b-q42jhbb7sx] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.saude__ponto[b-q42jhbb7sx] {
    flex: none;
    width: 10px;
    height: 10px;
    margin-top: 11px;
    border-radius: 50%;
}

.saude__ponto--atencao[b-q42jhbb7sx] {
    background-color: var(--estado-espera);
}

.saude__ponto--quieto[b-q42jhbb7sx] {
    background-color: var(--estado-neutro);
}

.saude__textos[b-q42jhbb7sx] {
    min-width: 0;
}

.saude__titulo[b-q42jhbb7sx] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-xl);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.015em;
    text-wrap: balance;
}

.saude__detalhe[b-q42jhbb7sx] {
    margin-top: 2px;
    color: var(--tinta-suave);
}

/* ---------------------------------------------------------------- painel */
.painel[b-q42jhbb7sx] {
    min-width: 0;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.painel__cab[b-q42jhbb7sx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-3);
    padding: var(--espaco-4) var(--espaco-5) var(--espaco-3);
    border-bottom: 1px solid var(--hairline);
}

.painel__titulo[b-q42jhbb7sx] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.painel__sub[b-q42jhbb7sx] {
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.painel__pe[b-q42jhbb7sx] {
    display: flex;
    justify-content: flex-end;
    padding: var(--espaco-3) var(--espaco-5);
    border-top: 1px solid var(--hairline);
}

.painel__nota[b-q42jhbb7sx] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 12px var(--espaco-5) 16px;
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.painel__nota[b-q42jhbb7sx]  .icone {
    flex: none;
    width: 14px;
    height: 14px;
    margin-top: 1px;
}

.quieta[b-q42jhbb7sx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px var(--espaco-5);
    color: var(--tinta-suave);
}

.quieta[b-q42jhbb7sx]  .icone {
    color: var(--estado-ok-texto);
}

/* ---------------------------------------------------------------- tabela */
.tabela-env[b-q42jhbb7sx] {
    position: relative;
    overflow-x: auto;
}

.tabela[b-q42jhbb7sx] {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.tabela th[b-q42jhbb7sx] {
    height: 40px;
    padding: 0 14px;
    border-bottom: 1px solid var(--hairline-forte);
    background-color: var(--superficie);
    font-size: var(--texto-xs);
    font-weight: 650;
    text-align: left;
    white-space: nowrap;
    color: var(--tinta-suave);
}

.tabela td[b-q42jhbb7sx] {
    height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--hairline);
    vertical-align: middle;
}

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

.tabela tbody tr[b-q42jhbb7sx] {
    transition: background-color var(--transicao);
}

.tabela tbody tr:hover[b-q42jhbb7sx] {
    background-color: var(--superficie-pautada);
}

.tabela .num[b-q42jhbb7sx] {
    text-align: right;
}

.tabela .acao[b-q42jhbb7sx] {
    text-align: right;
    white-space: nowrap;
}

.tabela .fila[b-q42jhbb7sx] {
    min-width: 220px;
}

.tabela .prazos[b-q42jhbb7sx] {
    min-width: 200px;
}

.tabela .pessoa[b-q42jhbb7sx] {
    min-width: 180px;
}

.linha-link[b-q42jhbb7sx] {
    position: relative;
}

.linha-link a.esticado[b-q42jhbb7sx]::after {
    content: "";
    position: absolute;
    inset: 0;
}

.linha-link .acao[b-q42jhbb7sx]  a,
.linha-link .acao[b-q42jhbb7sx]  button {
    position: relative;
    z-index: 1;
}

.protocolo[b-q42jhbb7sx] {
    font-weight: 700;
    color: var(--tinta);
    text-decoration: none;
    font-variant-numeric: tabular-nums;
}

.protocolo:hover[b-q42jhbb7sx] {
    color: var(--navy);
    text-decoration: underline;
}

.protocolo:focus-visible[b-q42jhbb7sx] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
    border-radius: 4px;
}

.celula-sub[b-q42jhbb7sx] {
    display: block;
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.suave[b-q42jhbb7sx] {
    color: var(--tinta-suave);
}

.tnum[b-q42jhbb7sx] {
    font-variant-numeric: tabular-nums;
}

.t-espera[b-q42jhbb7sx] {
    font-weight: 700;
    color: var(--estado-espera-texto);
}

.t-falha[b-q42jhbb7sx] {
    font-weight: 700;
    color: var(--estado-falha-texto);
}

.prazo-mini[b-q42jhbb7sx] {
    display: flex;
    gap: 2px;
    max-width: 220px;
    height: 8px;
    margin-bottom: 4px;
    overflow: hidden;
    border-radius: var(--raio-pilula);
    background-color: var(--superficie-realce);
}

.prazo-mini span[b-q42jhbb7sx] {
    display: block;
    height: 100%;
}

.prazo-mini__ok[b-q42jhbb7sx] {
    background-color: var(--estado-ok);
}

.prazo-mini__espera[b-q42jhbb7sx] {
    background-color: var(--estado-espera);
}

.prazo-mini__falha[b-q42jhbb7sx] {
    background-color: var(--estado-falha);
}

.fila-futura td[b-q42jhbb7sx] {
    height: auto;
    padding: 14px;
    border-top: 1px dashed var(--hairline-forte);
    background-color: var(--superficie-pautada);
    color: var(--tinta-suave);
}

.fila-futura[b-q42jhbb7sx]  .icone {
    display: inline-block;
    margin-right: 8px;
    vertical-align: -3px;
    color: var(--navy);
}

/* ---------------------------------------------------------------- itens parados */
.parados[b-q42jhbb7sx] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.parado[b-q42jhbb7sx] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: var(--espaco-3) var(--espaco-4);
    align-items: start;
    padding: var(--espaco-4) var(--espaco-5);
    border-bottom: 1px solid var(--hairline);
    scroll-margin-top: 76px;
}

.parado:last-child[b-q42jhbb7sx] {
    border-bottom: 0;
}

.parado:target[b-q42jhbb7sx] {
    background-color: color-mix(in srgb, var(--estado-ok) 6%, #ffffff);
}

.parado__icone[b-q42jhbb7sx] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.parado__icone[b-q42jhbb7sx]  .icone {
    width: 16px;
    height: 16px;
}

.parado__icone--falha[b-q42jhbb7sx] {
    background-color: color-mix(in srgb, var(--estado-falha) 10%, #ffffff);
    color: var(--estado-falha-texto);
}

.parado__icone--espera[b-q42jhbb7sx] {
    background-color: color-mix(in srgb, var(--estado-espera) 10%, #ffffff);
    color: var(--estado-espera-texto);
}

.parado__texto[b-q42jhbb7sx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.parado__linha[b-q42jhbb7sx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.parado__detalhe[b-q42jhbb7sx] {
    color: var(--tinta-suave);
}

.parado__com[b-q42jhbb7sx] {
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.parado__com b[b-q42jhbb7sx] {
    color: var(--tinta);
}

.parado__acoes[b-q42jhbb7sx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.etiqueta[b-q42jhbb7sx] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 9px;
    border-radius: var(--raio-pilula);
    background-color: var(--superficie-realce);
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--tinta-suave);
}

/* ---------------------------------------------------------------- equipe em cartoes (celular) */
.cartoes-lista[b-q42jhbb7sx] {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cartao-linha[b-q42jhbb7sx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--hairline);
}

.cartao-linha:last-child[b-q42jhbb7sx] {
    border-bottom: 0;
}

.cartao-linha__topo[b-q42jhbb7sx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.cartao-linha__ajuda[b-q42jhbb7sx] {
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.cartao-linha__texto[b-q42jhbb7sx] {
    color: var(--tinta-suave);
}

.cartao-linha__acao[b-q42jhbb7sx] {
    margin-top: 6px;
}

@media (max-width: 759.98px) {
    .painel__cab[b-q42jhbb7sx],
    .painel__pe[b-q42jhbb7sx],
    .painel__nota[b-q42jhbb7sx],
    .quieta[b-q42jhbb7sx] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .parado[b-q42jhbb7sx] {
        grid-template-columns: auto minmax(0, 1fr);
        padding-left: 16px;
        padding-right: 16px;
    }

    .parado__acoes[b-q42jhbb7sx] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .tabela-env--cartoes[b-q42jhbb7sx] {
        display: none;
    }

    .cartoes-lista[b-q42jhbb7sx] {
        display: block;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tabela tbody tr[b-q42jhbb7sx] {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/OperacaoRedistribuirCartorio.razor.rz.scp.css */
/* Redistribuir (portal AAA; mockup aprovado, painel "Redistribuir" da Operacao em pagina propria): trilha, cabecalho com o item,
   quadro de confirmacao com "Passar para" (quem nao pode fica travado com o motivo) e o motivo. Mesmo desenho da pagina Cobrar. Tokens de
   wwwroot/css/pipeline.css. */

.acao-pagina[b-esr53lvjqo] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
    max-width: 880px;
}

.cab__titulo[b-esr53lvjqo] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.cab__texto[b-esr53lvjqo] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

/* ---------------------------------------------------------------- quadro do formulario */
.confirmacao[b-esr53lvjqo] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
    padding: var(--espaco-5);
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.confirmacao__pergunta[b-esr53lvjqo] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
}

.formulario[b-esr53lvjqo] {
    display: grid;
    gap: var(--espaco-4);
}

.formulario[b-esr53lvjqo]  .campo {
    margin-top: 0;
}

.formulario__grade[b-esr53lvjqo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espaco-3) var(--espaco-4);
    align-items: start;
}

.grupo[b-esr53lvjqo] {
    display: grid;
    gap: var(--espaco-2);
    margin: 0;
    padding: 0;
    border: 0;
}

.grupo__titulo[b-esr53lvjqo] {
    padding: 0;
    font-weight: 600;
}

.marca[b-esr53lvjqo] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.marca input[b-esr53lvjqo] {
    width: 18px;
    height: 18px;
    accent-color: var(--navy);
}

.marca__ajuda[b-esr53lvjqo] {
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.formulario__acoes[b-esr53lvjqo] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

/* ---------------------------------------------------------------- erro */
.acao-pagina__erro[b-esr53lvjqo] {
    flex-wrap: wrap;
}

.acao-pagina__codigo[b-esr53lvjqo] {
    margin-top: 4px;
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}

.acao-pagina__codigo code[b-esr53lvjqo] {
    font-family: var(--fonte-mono);
}

.acao-pagina__erro-acoes[b-esr53lvjqo] {
    margin-left: auto;
    align-self: center;
}

@media (max-width: 759.98px) {
    .confirmacao[b-esr53lvjqo] {
        padding: var(--espaco-4);
    }

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

.acao-pagina__nota[b-esr53lvjqo] {
    font-size: var(--texto-xs);
    color: var(--tinta-suave);
}
/* /Componentes/PortalCartorio/PerfilCartorio.razor.rz.scp.css */
/* Perfil do portal (mockup portal-cartorio-v2-fonte, tela "Perfil"): trilha, cabecalho com o selo, resumo de erros, painel de
   identificacao (nome, codigo interno, situacao) e um painel por grupo de acoes (portal / SeleIA Connect) com caixas de marcar
   em cartao; as acoes que o ator nao tem ficam travadas com o motivo. A contagem "N de M marcadas" acompanha os cliques por
   contador CSS (sem script). Perfil padrao (ou acima do ator) em etiquetas somente leitura. A confirmacao de desativar um perfil
   em uso aparece com o interruptor desligado (:has), trocando o botao principal por "Desativar e gravar".
   Tokens de wwwroot/css/pipeline.css. */

.gestao[b-qdnsldzygk] {
    display: grid;
    gap: var(--espaco-4);
    max-width: 920px;
}

/* ---------------------------------------------------------------- cabecalho */
.cab[b-qdnsldzygk] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.cab__titulo[b-qdnsldzygk] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    overflow-wrap: anywhere;
}

.cab__texto[b-qdnsldzygk] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

.codigo-suporte[b-qdnsldzygk] {
    margin-top: var(--espaco-1);
    font-size: var(--texto-xs);
}

.tentar[b-qdnsldzygk] {
    margin-top: var(--espaco-2);
}

/* ---------------------------------------------------------------- resumo de erros */
.resumo-erros[b-qdnsldzygk] {
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.resumo-erros a[b-qdnsldzygk] {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
}

.resumo-erros a:focus-visible[b-qdnsldzygk] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
    border-radius: var(--raio);
}

/* ---------------------------------------------------------------- paineis */
.formulario[b-qdnsldzygk] {
    display: grid;
    gap: var(--espaco-4);
}

.painel-form[b-qdnsldzygk] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.painel-form__cab[b-qdnsldzygk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-3);
    padding: var(--espaco-4) var(--espaco-5) var(--espaco-3);
    border-bottom: 1px solid var(--hairline);
}

.painel-form__titulo[b-qdnsldzygk] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 700;
}

.painel-form__nota[b-qdnsldzygk] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.painel-form__corpo[b-qdnsldzygk] {
    padding: var(--espaco-4) var(--espaco-5) var(--espaco-5);
}

.painel-form__texto[b-qdnsldzygk] {
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.pilha[b-qdnsldzygk] {
    display: grid;
    gap: var(--espaco-3);
}

.formulario__grade[b-qdnsldzygk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
}

.campo-largo[b-qdnsldzygk] {
    grid-column: 1 / -1;
}

.formulario__grade[b-qdnsldzygk]  .campo,
.pilha[b-qdnsldzygk]  .campo {
    margin-top: 0;
}

/* ---------------------------------------------------------------- caixas de marcar */
.grupo-acoes__corpo[b-qdnsldzygk] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
    counter-reset: marcadas;
}

/* Contagem viva: vem depois das caixas no HTML (o contador ja somou) e sobe para o topo do painel pela ordem do flex. */
.grupo-acoes__contagem[b-qdnsldzygk] {
    order: -1;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.grupo-acoes__contagem[b-qdnsldzygk]::before {
    content: counter(marcadas) attr(data-de);
}

.marcar-lista[b-qdnsldzygk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: var(--espaco-2) var(--espaco-3);
    margin: 0;
    padding: 0;
    list-style: none;
}

.marcar[b-qdnsldzygk] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    height: 100%;
    padding: 10px 12px;
    border: 1px solid var(--hairline);
    border-radius: var(--raio);
    background-color: var(--superficie);
    cursor: pointer;
}

.marcar:hover[b-qdnsldzygk] {
    border-color: var(--hairline-forte);
    background-color: var(--superficie-pautada);
}

.marcar__controle[b-qdnsldzygk] {
    flex: none;
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: var(--navy);
}

.marcar__controle:checked[b-qdnsldzygk] {
    counter-increment: marcadas;
}

.marcar__controle:focus-visible[b-qdnsldzygk] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.marcar__texto strong[b-qdnsldzygk] {
    display: block;
    font-weight: 650;
}

.marcar__texto span[b-qdnsldzygk] {
    display: block;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.marcar--travado[b-qdnsldzygk],
.marcar--travado:hover[b-qdnsldzygk] {
    border-color: var(--hairline);
    background-color: var(--superficie-pautada);
    cursor: not-allowed;
}

.marcar--travado .marcar__texto strong[b-qdnsldzygk] {
    color: var(--tinta-suave);
}

.marcar__motivo[b-qdnsldzygk]  .icone {
    width: 12px;
    height: 12px;
    vertical-align: -1px;
}

.nota-antiescalada[b-qdnsldzygk] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.nota-antiescalada[b-qdnsldzygk]  .icone {
    flex: none;
    width: 14px;
    height: 14px;
    margin-top: 1px;
}

/* ---------------------------------------------------------------- etiquetas (somente leitura) */
.etiquetas[b-qdnsldzygk] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.etiqueta[b-qdnsldzygk] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    min-height: 24px;
    padding: 2px 10px;
    border-radius: var(--raio-pilula);
    background-color: var(--superficie-realce);
    color: var(--tinta);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.etiqueta__flag[b-qdnsldzygk] {
    color: var(--tinta-suave);
    font-weight: 500;
}

/* ---------------------------------------------------------------- confirmacao de desativar (sem modal) */
.confirmar-desativacao[b-qdnsldzygk] {
    display: none;
    gap: var(--espaco-2);
    padding: var(--espaco-3) var(--espaco-4);
    border: 1px solid color-mix(in srgb, var(--perigo) 45%, var(--superficie));
    border-radius: var(--raio);
    background-color: color-mix(in srgb, var(--perigo) 4%, var(--superficie));
}

.confirmar-desativacao__pergunta[b-qdnsldzygk] {
    font-weight: 700;
}

.confirmar-desativacao__dica[b-qdnsldzygk] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.acoes__desativar[b-qdnsldzygk] {
    display: none;
}

.formulario[data-estava-ativo="sim"]:has(.situacao-ativo .alternar__controle:not(:checked)) .confirmar-desativacao[b-qdnsldzygk] {
    display: grid;
}

.formulario[data-estava-ativo="sim"]:has(.situacao-ativo .alternar__controle:not(:checked)) .acoes__desativar[b-qdnsldzygk] {
    display: inline-flex;
}

.formulario[data-estava-ativo="sim"]:has(.situacao-ativo .alternar__controle:not(:checked)) .acoes__gravar[b-qdnsldzygk] {
    display: none;
}

/* ---------------------------------------------------------------- acoes */
.formulario__acoes[b-qdnsldzygk] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

/* ---------------------------------------------------------------- telas estreitas */
@media (max-width: 760px) {
    .painel-form__cab[b-qdnsldzygk],
    .painel-form__corpo[b-qdnsldzygk] {
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }

    .formulario__grade[b-qdnsldzygk],
    .marcar-lista[b-qdnsldzygk] {
        grid-template-columns: minmax(0, 1fr);
    }

    .formulario__grade[b-qdnsldzygk]  .campo__controle {
        height: 44px;
        font-size: 16px;
    }

    .marcar[b-qdnsldzygk] {
        min-height: 44px;
    }

    .formulario__acoes .botao[b-qdnsldzygk],
    .formulario__acoes[b-qdnsldzygk]  .botao {
        flex: 1 1 auto;
        height: 44px;
    }
}
/* /Componentes/PortalCartorio/PerfisCartorio.razor.rz.scp.css */
/* Perfis do Connect no portal (mockup portal-cartorio-v2-fonte, tela "Perfis"): trilha, cabecalho com "Novo perfil", bloco dos
   perfis proprios (tabela pautada de pipeline.css, linha inteira clicavel, perfil gravado destacado) e bloco dos perfis padrao
   em cartoes com as acoes em etiquetas, "Criar a partir deste" e "Ver todas as acoes". Abaixo de 760px a tabela vira cartoes.
   Tokens de wwwroot/css/pipeline.css. */

.gestao[b-w2t1xzmqpe] {
    display: grid;
    gap: var(--espaco-5);
}

/* ---------------------------------------------------------------- cabecalho */
.cab[b-w2t1xzmqpe] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.cab__titulo[b-w2t1xzmqpe] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.cab__texto[b-w2t1xzmqpe] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

.cab__acoes[b-w2t1xzmqpe] {
    display: flex;
    gap: var(--espaco-2);
}

.codigo-suporte[b-w2t1xzmqpe] {
    margin-top: var(--espaco-1);
    font-size: var(--texto-xs);
}

.tentar[b-w2t1xzmqpe] {
    margin-top: var(--espaco-2);
}

/* ---------------------------------------------------------------- blocos */
.bloco[b-w2t1xzmqpe] {
    display: grid;
    gap: var(--espaco-3);
}

.bloco__cab[b-w2t1xzmqpe] {
    display: grid;
    gap: 4px;
}

.bloco__titulo[b-w2t1xzmqpe] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 700;
}

.bloco__texto[b-w2t1xzmqpe] {
    max-width: 72ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.painel-vazio[b-w2t1xzmqpe] {
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
}

/* ---------------------------------------------------------------- tabela */
.tabela__grade td[b-w2t1xzmqpe] {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}

.linha-link[b-w2t1xzmqpe] {
    position: relative;
}

.esticado[b-w2t1xzmqpe]::after {
    content: "";
    position: absolute;
    inset: 0;
}

.linha-link:hover[b-w2t1xzmqpe] {
    background-color: var(--superficie-pautada);
}

.acao[b-w2t1xzmqpe]  .botao {
    position: relative;
    z-index: 1;
}

.linha-destaque[b-w2t1xzmqpe],
.linha-destaque:hover[b-w2t1xzmqpe] {
    background-color: color-mix(in srgb, var(--estado-ok) 8%, var(--superficie));
}

.nome[b-w2t1xzmqpe] {
    color: var(--tinta);
    font-weight: 700;
    text-decoration: none;
}

.nome:hover[b-w2t1xzmqpe] {
    color: var(--navy);
    text-decoration: underline;
}

.nome:focus-visible[b-w2t1xzmqpe] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
    border-radius: var(--raio);
}

.libera[b-w2t1xzmqpe] {
    max-width: 48ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.acao[b-w2t1xzmqpe] {
    text-align: right;
    white-space: nowrap;
}

/* ---------------------------------------------------------------- perfis padrao */
.padroes[b-w2t1xzmqpe] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--espaco-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

.padrao[b-w2t1xzmqpe] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
    padding: var(--espaco-5);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.padrao__cab[b-w2t1xzmqpe] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--espaco-2);
}

.padrao__nome[b-w2t1xzmqpe] {
    font-size: var(--texto-base);
    font-weight: 700;
}

.padrao__qtd[b-w2t1xzmqpe] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.padrao__texto[b-w2t1xzmqpe] {
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.etiquetas[b-w2t1xzmqpe] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.etiqueta[b-w2t1xzmqpe] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 9px;
    border-radius: var(--raio-pilula);
    background-color: var(--superficie-realce);
    color: var(--tinta-suave);
    font-size: 0.6875rem;
    font-weight: 700;
}

.padrao__acoes[b-w2t1xzmqpe] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-top: auto;
}

/* ---------------------------------------------------------------- telas estreitas */
@media (max-width: 760px) {
    .tabela__rolagem[b-w2t1xzmqpe] {
        max-height: none;
    }

    .tabela__grade[b-w2t1xzmqpe],
    .tabela__grade thead[b-w2t1xzmqpe],
    .tabela__grade tbody[b-w2t1xzmqpe],
    .tabela__grade td[b-w2t1xzmqpe] {
        display: block;
    }

    .tabela__grade thead[b-w2t1xzmqpe] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .tabela__grade tbody tr.tabela__linha[b-w2t1xzmqpe] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 4px var(--espaco-3);
        padding: 14px var(--espaco-4);
        border-bottom: 1px solid var(--hairline);
    }

    .tabela__grade tbody tr.tabela__linha:last-child[b-w2t1xzmqpe] {
        border-bottom: 0;
    }

    .tabela__grade td[b-w2t1xzmqpe] {
        height: auto;
        padding: 0;
        border: 0;
    }

    td[data-col="nome"][b-w2t1xzmqpe] {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    td[data-col="sit"][b-w2t1xzmqpe] {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
    }

    td[data-col="libera"][b-w2t1xzmqpe],
    td[data-col="qtd"][b-w2t1xzmqpe] {
        grid-column: 1 / -1;
        max-width: none;
        font-size: var(--texto-xs);
        text-align: left;
    }

    td[data-col="qtd"][b-w2t1xzmqpe]::before {
        content: attr(data-rotulo) " ";
    }

    td[data-col="acao"][b-w2t1xzmqpe] {
        display: none;
    }

    .padrao[b-w2t1xzmqpe] {
        padding: var(--espaco-4);
    }

    .padrao__acoes[b-w2t1xzmqpe]  .botao {
        height: 44px;
    }
}
/* /Componentes/PortalCartorio/ResumoComunicacoesInicio.razor.rz.scp.css */
/* Bloco "Comunicacoes" do Inicio do gestor (portal AAA, frente B, lote B16; mockup app.js:513-525 e estilo.css, blocos
   ".prazo", ".legenda" e ".comunicacao__icone"). O CSS isolado do InicioCartorio nao alcanca este componente, por isso o
   molde do ".bloco" e repetido aqui. Tokens de wwwroot/css/pipeline.css. Sem animacao. */

.bloco[b-xccdhzixai] {
    min-width: 0;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.bloco__cab[b-xccdhzixai] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-3);
    padding: var(--espaco-4) var(--espaco-5) var(--espaco-3);
    border-bottom: 1px solid var(--hairline);
}

.bloco__titulos[b-xccdhzixai] {
    min-width: 0;
}

.bloco__titulo[b-xccdhzixai] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.bloco__descricao[b-xccdhzixai] {
    margin-top: 2px;
    font-size: 0.8125rem;
    color: var(--tinta-suave);
}

.bloco__corpo[b-xccdhzixai] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
    padding: var(--espaco-4) var(--espaco-5) var(--espaco-5);
}

/* ---------------------------------------------------------------- DOI Web */
.orgao[b-xccdhzixai] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
    margin: 0;
}

.orgao__icone[b-xccdhzixai] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background-color: var(--navy-tint);
    color: var(--navy);
}

.orgao__icone[b-xccdhzixai]  .icone {
    width: 16px;
    height: 16px;
}

.orgao__nome[b-xccdhzixai] {
    color: var(--tinta-suave);
}

.frase[b-xccdhzixai] {
    margin: 0;
}

.frase--suave[b-xccdhzixai] {
    color: var(--tinta-suave);
}

.tabular[b-xccdhzixai] {
    font-variant-numeric: tabular-nums;
}

.contagem-bloq[b-xccdhzixai] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: var(--espaco-3);
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    color: var(--estado-falha-texto);
}

.contagem-bloq[b-xccdhzixai]  .icone {
    width: 14px;
    height: 14px;
}

/* ---------------------------------------------------------------- barra e legenda */
.barra[b-xccdhzixai] {
    display: flex;
    height: 10px;
    overflow: hidden;
    border-radius: var(--raio-pilula);
    background-color: var(--superficie-realce);
}

.barra__seg[b-xccdhzixai] {
    display: block;
    height: 100%;
}

.barra__seg--ok[b-xccdhzixai],
.legenda__cor--ok[b-xccdhzixai] {
    background-color: var(--estado-ok);
}

.barra__seg--pendente[b-xccdhzixai],
.legenda__cor--pendente[b-xccdhzixai] {
    background-color: var(--navy-2);
}

.barra__seg--dispensada[b-xccdhzixai],
.legenda__cor--dispensada[b-xccdhzixai] {
    background-color: var(--estado-neutro);
    opacity: 0.5;
}

.legenda[b-xccdhzixai] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-1) var(--espaco-4);
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.legenda__cor[b-xccdhzixai] {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border-radius: 3px;
    vertical-align: -1px;
}

/* ---------------------------------------------------------------- acoes e notas */
.acoes[b-xccdhzixai] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

.nota[b-xccdhzixai] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.nota[b-xccdhzixai]  .icone {
    width: 14px;
    height: 14px;
    flex: none;
    margin-top: 2px;
}

@media (max-width: 639.98px) {
    .bloco__cab[b-xccdhzixai],
    .bloco__corpo[b-xccdhzixai] {
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }

    .contagem-bloq[b-xccdhzixai] {
        margin-left: 0;
    }
}
/* /Componentes/PortalCartorio/SemPermissaoCartorio.razor.rz.scp.css */
/* Pagina "sem permissao" do portal (mockup aprovado: .pagina-erro com o cadeado, a acao que falta e quem administra).
   Tokens de wwwroot/css/pipeline.css. */

.pagina-erro[b-seki4t1us6] {
    max-width: 640px;
    margin: var(--espaco-7) auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--espaco-4);
}

.pagina-erro__icone[b-seki4t1us6] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--navy-tint);
    color: var(--navy);
}

.pagina-erro__icone[b-seki4t1us6]  .icone {
    width: 26px;
    height: 26px;
}

.pagina-erro__texto[b-seki4t1us6] {
    color: var(--tinta-suave);
}

.pagina-erro__texto strong[b-seki4t1us6] {
    color: var(--tinta);
}

.pagina-erro__acoes[b-seki4t1us6] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

@media (max-width: 760px) {
    .pagina-erro[b-seki4t1us6] {
        margin: var(--espaco-6) auto;
    }

    .pagina-erro__acoes[b-seki4t1us6] {
        width: 100%;
        flex-direction: column;
    }

    .pagina-erro__acoes[b-seki4t1us6]  .botao {
        width: 100%;
        min-height: 44px;
    }
}
/* /Componentes/PortalCartorio/TituloCartorio.razor.rz.scp.css */
/* Detalhe do processamento (portal do cartorio; mockup portal-cartorio-v2-fonte/estilo.css: .det-cab, .ficha, .tempo,
   .previa, .arquivos, .docs/.doc, .historico): cabecalho com a ficha e o carimbo da situacao, andamento em 4 passos, bloco
   do documento pedido, resultado com previa, documentos em cartoes e historico com o codigo para o suporte.
   Transicoes so de cor (150 ms); tudo parado em prefers-reduced-motion. */

.pagina-titulo[b-32ygmr5quv] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pilha[b-32ygmr5quv] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-5);
    min-width: 0;
}

/* Os paineis ja ficam espacados pelo gap da coluna. */
.pilha[b-32ygmr5quv]  .painel + .painel {
    margin-top: 0;
}

.titulo[b-32ygmr5quv] {
    margin: 0;
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

.titulo:focus[b-32ygmr5quv] {
    outline: none;
}

.pagina-titulo > .titulo[b-32ygmr5quv] {
    margin-bottom: var(--espaco-4);
}

/* Cartao simples (andamento, estado vazio do 404): mesma moldura do Painel, sem cabecalho. */
.painel-simples[b-32ygmr5quv] {
    min-width: 0;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

/* ---------------------------------------------------------------- cabecalho */
.det-cab[b-32ygmr5quv] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--espaco-5);
    margin-bottom: var(--espaco-5);
}

.det-cab__texto[b-32ygmr5quv] {
    flex: 1 1 420px;
    min-width: 0;
}

.det-cab__descricao[b-32ygmr5quv] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

.ficha[b-32ygmr5quv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: var(--espaco-3) var(--espaco-5);
    margin: var(--espaco-3) 0 0;
}

.ficha dt[b-32ygmr5quv] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.ficha dd[b-32ygmr5quv] {
    margin: 0;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}

.det-cab__situacao[b-32ygmr5quv] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--espaco-4);
}

.det-cab__acoes[b-32ygmr5quv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--espaco-2);
}

/* ---------------------------------------------------------------- andamento (4 passos) */
.tempo[b-32ygmr5quv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: var(--espaco-5);
    list-style: none;
}

.tempo__passo[b-32ygmr5quv] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding-right: var(--espaco-3);
}

.tempo__marca[b-32ygmr5quv] {
    display: flex;
    align-items: center;
}

.tempo__bola[b-32ygmr5quv] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 2px solid var(--hairline-forte);
    border-radius: 50%;
    background-color: var(--superficie);
    color: var(--tinta-fraca);
}

.tempo__bola[b-32ygmr5quv]  .icone {
    width: 14px;
    height: 14px;
}

.tempo__numero[b-32ygmr5quv] {
    font-size: 12px;
    font-weight: 700;
}

.tempo__linha[b-32ygmr5quv] {
    flex: 1;
    height: 2px;
    background-color: var(--hairline-forte);
}

.tempo__passo:last-child .tempo__linha[b-32ygmr5quv] {
    display: none;
}

.tempo__passo--feito .tempo__bola[b-32ygmr5quv] {
    border-color: var(--estado-ok);
    background-color: var(--estado-ok);
    color: #FFFFFF;
}

.tempo__passo--feito .tempo__linha[b-32ygmr5quv] {
    background-color: var(--estado-ok);
}

.tempo__passo--atual .tempo__bola[b-32ygmr5quv] {
    border-color: var(--navy-2);
    background-color: var(--navy-tint);
    color: var(--navy);
}

.tempo__passo--falha .tempo__bola[b-32ygmr5quv] {
    border-color: var(--estado-falha);
    background-color: var(--estado-falha);
    color: #FFFFFF;
}

.tempo__passo--cancelado .tempo__bola[b-32ygmr5quv] {
    border-color: var(--estado-neutro);
    background-color: var(--superficie-realce);
    color: var(--estado-neutro-texto);
}

.tempo__nome[b-32ygmr5quv] {
    margin-top: 6px;
    font-weight: 650;
}

.tempo__passo--pendente .tempo__nome[b-32ygmr5quv] {
    color: var(--tinta-suave);
}

.tempo__passo--falha .tempo__nome[b-32ygmr5quv] {
    color: var(--estado-falha-texto);
}

.tempo__quando[b-32ygmr5quv],
.tempo__detalhe[b-32ygmr5quv] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.tempo__detalhe[b-32ygmr5quv] {
    max-width: 30ch;
    text-wrap: pretty;
}

/* ---------------------------------------------------------------- documento pedido */
.pendente[b-32ygmr5quv] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-4);
}

.pendente > p[b-32ygmr5quv] {
    max-width: 72ch;
}

.pedidos[b-32ygmr5quv] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pedidos__item[b-32ygmr5quv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: var(--espaco-3);
    padding: 10px 0;
    border-bottom: 1px solid var(--hairline);
}

.pedidos__item:first-child[b-32ygmr5quv] {
    padding-top: 0;
}

.pedidos__item:last-child[b-32ygmr5quv] {
    padding-bottom: 0;
    border-bottom: 0;
}

.pedidos__nome[b-32ygmr5quv] {
    min-width: 0;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.pedidos__quando[b-32ygmr5quv] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    white-space: nowrap;
}

/* ---------------------------------------------------------------- resultado */
/* Previa 3/5 da largura, lista 2/5 (padrao; a divisoria do portal.js troca a proporcao por --divisoria-esq/-dir); a previa
   acompanha a altura da lista (stretch), sem vazio embaixo; minimo de 420px. */
.resultado[b-32ygmr5quv] {
    display: grid;
    grid-template-columns: minmax(0, var(--divisoria-esq, 3fr)) minmax(0, var(--divisoria-dir, 2fr));
    gap: var(--espaco-5);
    align-items: stretch;
}

.resultado--sem-previa[b-32ygmr5quv] {
    grid-template-columns: minmax(0, 1fr);
}

/* Previa: folha da apresentacao em escala 0,7 sobre o fundo lavado; o iframe nao recebe clique (o link e a moldura). */
.previa[b-32ygmr5quv] {
    position: relative;
    display: block;
    min-height: 420px;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--hairline);
    border-radius: var(--raio);
    background-color: #E9ECFA;
    color: inherit;
    text-decoration: none;
    cursor: zoom-in;
    transition: border-color var(--transicao);
}

.previa:hover[b-32ygmr5quv] {
    border-color: var(--navy-2);
}

.previa:focus-visible[b-32ygmr5quv] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.previa iframe[b-32ygmr5quv] {
    position: absolute;
    top: var(--espaco-4);
    left: var(--espaco-4);
    width: calc((100% - 2 * var(--espaco-4)) / 0.7);
    height: calc((100% - var(--espaco-4)) / 0.7);
    border: 0;
    border-radius: 2px;
    background-color: #FFFFFF;
    box-shadow: var(--sombra-2);
    transform: scale(0.7);
    transform-origin: 0 0;
    pointer-events: none;
}

.previa__selo[b-32ygmr5quv] {
    position: absolute;
    right: 14px;
    bottom: 14px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: var(--raio-pilula);
    background-color: var(--navy);
    box-shadow: var(--sombra-2);
    color: #FFFFFF;
    font-size: var(--texto-xs);
    font-weight: 650;
}

.previa__selo[b-32ygmr5quv]  .icone {
    width: 14px;
    height: 14px;
}

.subtitulo[b-32ygmr5quv] {
    margin: 0 0 6px;
    font-size: var(--texto-base);
    font-weight: 650;
}

.arquivos[b-32ygmr5quv] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.arquivos__item[b-32ygmr5quv] {
    display: flex;
    align-items: center;
    gap: var(--espaco-3);
    padding: 12px 0;
    border-bottom: 1px solid var(--hairline);
}

.arquivos__item:last-child[b-32ygmr5quv] {
    border-bottom: 0;
}

.arquivos__tipo[b-32ygmr5quv] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background-color: var(--navy-tint);
    color: var(--navy);
}

.arquivos__tipo[b-32ygmr5quv]  .icone {
    width: 16px;
    height: 16px;
}

.arquivos__texto[b-32ygmr5quv] {
    flex: 1;
    min-width: 0;
}

.arquivo__nome[b-32ygmr5quv] {
    display: block;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.arquivos__meta[b-32ygmr5quv] {
    display: block;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.arquivos__acoes[b-32ygmr5quv] {
    display: flex;
    flex: none;
    flex-wrap: wrap;
    gap: 2px;
}

/* ---------------------------------------------------------------- documentos */
.docs-grupo + .docs-grupo[b-32ygmr5quv] {
    margin-top: var(--espaco-5);
}

.docs-grupo__titulo[b-32ygmr5quv] {
    display: flex;
    align-items: center;
    gap: var(--espaco-2);
    margin: 0 0 var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 650;
}

.docs-grupo__contagem[b-32ygmr5quv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: var(--raio-pilula);
    background-color: var(--superficie-realce);
    color: var(--tinta-suave);
}

.docs[b-32ygmr5quv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: var(--espaco-4);
    margin: 0;
    padding: 0;
    list-style: none;
}

.docs__item[b-32ygmr5quv] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.doc[b-32ygmr5quv] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
    color: inherit;
    text-decoration: none;
    transition: border-color var(--transicao);
}

.doc--link:hover[b-32ygmr5quv] {
    border-color: var(--navy-2);
    color: inherit;
}

.doc--link:focus-visible[b-32ygmr5quv] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.doc__capa[b-32ygmr5quv] {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 96px;
    padding-top: 14px;
    background-color: #E9ECFA;
}

.doc__papel[b-32ygmr5quv] {
    position: relative;
    width: 62px;
    height: 82px;
    border-radius: 2px;
    background-color: #FFFFFF;
    box-shadow: var(--sombra-2);
}

.doc__papel[b-32ygmr5quv]::before {
    content: "";
    position: absolute;
    top: 12px;
    right: 9px;
    left: 9px;
    height: 2px;
    background-color: var(--hairline-forte);
    box-shadow: 0 7px 0 var(--hairline-forte), 0 14px 0 var(--hairline-forte), 0 21px 0 var(--hairline), 0 28px 0 var(--hairline), 0 35px 0 var(--hairline);
}

.doc__papel--scan[b-32ygmr5quv] {
    background-color: #F4F1EA;
}

.doc__papel--imagem[b-32ygmr5quv] {
    background-color: #EEF3EC;
}

.doc__papel--imagem[b-32ygmr5quv]::before {
    top: 14px;
    right: 10px;
    left: 10px;
    height: 40px;
    border-radius: 2px;
    background-color: var(--hairline);
    box-shadow: none;
}

.doc__papel--texto[b-32ygmr5quv]::before {
    box-shadow: 0 7px 0 var(--hairline-forte), 0 14px 0 var(--hairline-forte), 0 21px 0 var(--hairline-forte), 0 28px 0 var(--hairline-forte), 0 35px 0 var(--hairline-forte), 0 42px 0 var(--hairline);
}

.doc__papel--assinatura[b-32ygmr5quv]::after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 18px;
    height: 18px;
    border: 2px solid var(--navy-2);
    border-radius: 50%;
}

.doc__corpo[b-32ygmr5quv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px 12px;
    min-width: 0;
}

.doc__nome[b-32ygmr5quv] {
    overflow: hidden;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc__rotulo[b-32ygmr5quv],
.doc__meta[b-32ygmr5quv] {
    overflow: hidden;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc__acoes[b-32ygmr5quv] {
    padding-left: 2px;
    font-size: var(--texto-xs);
}

.link-acao[b-32ygmr5quv] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 28px;
    border-radius: var(--raio);
    color: var(--navy);
    font-weight: 600;
    text-decoration: none;
    transition: color var(--transicao);
}

.link-acao:hover[b-32ygmr5quv] {
    color: var(--navy-hover);
    text-decoration: underline;
}

.link-acao:focus-visible[b-32ygmr5quv] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.link-acao[b-32ygmr5quv]  .icone {
    width: 14px;
    height: 14px;
}

/* ---------------------------------------------------------------- historico */
.historico[b-32ygmr5quv] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.historico li[b-32ygmr5quv] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: var(--espaco-3);
    padding: 8px 0;
    border-bottom: 1px solid var(--hairline);
}

.historico li:last-child[b-32ygmr5quv] {
    border-bottom: 0;
}

.historico time[b-32ygmr5quv] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.ajuda-suporte[b-32ygmr5quv] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: var(--espaco-3);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.ajuda-suporte[b-32ygmr5quv]  .icone {
    flex: none;
    width: 14px;
    height: 14px;
    margin-top: 1px;
}

/* ---------------------------------------------------------------- erro */
.codigo-suporte[b-32ygmr5quv] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.aviso-acoes[b-32ygmr5quv] {
    margin-top: var(--espaco-2);
}

/* ---------------------------------------------------------------- telas estreitas */
@media (max-width: 900px) {
    .resultado[b-32ygmr5quv] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .det-cab__situacao[b-32ygmr5quv] {
        align-items: flex-start;
    }

    .det-cab__acoes[b-32ygmr5quv] {
        justify-content: flex-start;
    }

    .det-cab__acoes[b-32ygmr5quv]  .botao {
        height: 44px;
    }

    .tempo[b-32ygmr5quv] {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .tempo__passo[b-32ygmr5quv] {
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr);
        column-gap: 12px;
        align-items: center;
        padding-right: 0;
    }

    .tempo__marca[b-32ygmr5quv] {
        grid-row: span 3;
        align-self: start;
    }

    .tempo__linha[b-32ygmr5quv] {
        display: none;
    }

    .tempo__nome[b-32ygmr5quv] {
        margin-top: 0;
    }

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

    /* Arquivos do resultado: as acoes descem para baixo do nome (o nome nao espreme). */
    .arquivos__item[b-32ygmr5quv] {
        flex-wrap: wrap;
    }

    .arquivos__texto[b-32ygmr5quv] {
        flex: 1 1 calc(100% - 50px);
    }

    .arquivos__acoes[b-32ygmr5quv] {
        margin-left: 50px;
    }

    .pedidos__item[b-32ygmr5quv] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .pedidos__quando[b-32ygmr5quv] {
        grid-column: 1 / -1;
    }

    .historico li[b-32ygmr5quv] {
        grid-template-columns: minmax(0, 1fr);
        gap: 2px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .previa[b-32ygmr5quv],
    .doc[b-32ygmr5quv],
    .link-acao[b-32ygmr5quv] {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/TitulosCartorio.razor.rz.scp.css */
/* Lista de processamentos do portal do cartorio (mockup portal-cartorio-v2-fonte/estilo.css: .pilulas, .linha-link,
   .protocolo, .celula-sub, .etiqueta, .cartoes-lista, .cartao-linha, .paginacao): cabecalho, busca num cartao (texto +
   periodo + ordem), pilulas por situacao com contagem, tabela pautada (base .tabela/.tabela__grade de pipeline.css) com a
   linha inteira clicavel e paginacao numerada no rodape. Abaixo de 760px a tabela some e a mesma lista vira cartoes.
   Tokens de wwwroot/css/pipeline.css. Movimento: so troca de cor em hover/foco (150 ms); nada sobe nem anima. */

.titulos[b-e54j2um3xg] {
    display: grid;
    gap: var(--espaco-4);
    min-width: 0;
}

/* ---------------------------------------------------------------- cabecalho */
.cab__titulo[b-e54j2um3xg] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.cab__titulo:focus[b-e54j2um3xg] {
    outline: none;
}

.cab__texto[b-e54j2um3xg] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

/* ---------------------------------------------------------------- busca (cartao do mockup) */
.busca[b-e54j2um3xg] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)) auto;
    align-items: end;
    gap: var(--espaco-3);
    padding: var(--espaco-4) var(--espaco-5);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

/* O espacamento vertical ".campo + .campo" do pipeline.css nao vale na grade. */
.busca[b-e54j2um3xg]  .campo,
.busca .campo[b-e54j2um3xg] {
    margin-top: 0;
}

.busca__texto[b-e54j2um3xg] {
    position: relative;
    min-width: 0;
}

.busca__texto[b-e54j2um3xg]  .campo__controle {
    padding-left: 36px;
}

/* Lupa dentro do campo: centrada na altura do controle, abaixo do rotulo. */
.busca__lupa[b-e54j2um3xg] {
    position: absolute;
    left: 12px;
    bottom: calc((var(--controle-altura) - 16px) / 2);
    display: inline-flex;
    color: var(--tinta-suave);
    pointer-events: none;
}

.busca__lupa[b-e54j2um3xg]  .icone {
    width: 16px;
    height: 16px;
}

.busca__selecao[b-e54j2um3xg] {
    min-width: 0;
}

.busca__acoes[b-e54j2um3xg] {
    display: flex;
    gap: var(--espaco-2);
}

/* ---------------------------------------------------------------- pilulas por situacao */
.pilulas[b-e54j2um3xg] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
}

.pilula[b-e54j2um3xg] {
    display: inline-flex;
    align-items: center;
    gap: var(--espaco-2);
    height: 36px;
    padding: 0 14px;
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio-pilula);
    background-color: var(--superficie);
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color var(--transicao), color var(--transicao), border-color var(--transicao);
}

.pilula:hover[b-e54j2um3xg] {
    background-color: var(--superficie-realce);
    color: var(--tinta);
}

.pilula:focus-visible[b-e54j2um3xg] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.pilula__contagem[b-e54j2um3xg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: var(--raio-pilula);
    background-color: var(--superficie-realce);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 700;
}

.pilula[aria-current="true"][b-e54j2um3xg] {
    border-color: var(--navy);
    background-color: var(--navy);
    color: #FFFFFF;
}

.pilula[aria-current="true"] .pilula__contagem[b-e54j2um3xg] {
    background-color: rgba(255, 255, 255, 0.18);
    color: #FFFFFF;
}

/* ---------------------------------------------------------------- cartao da lista */
.painel-lista[b-e54j2um3xg] {
    min-width: 0;
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
    overflow: clip;
}

/* A tabela vive dentro do cartao: sem moldura propria. */
.painel-lista .tabela[b-e54j2um3xg] {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

/* ---------------------------------------------------------------- tabela */
.tabela__grade td[b-e54j2um3xg] {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}

/* Linha inteira clicavel: o link do identificador estica sobre a linha; a acao fica por cima. */
.tabela__grade tbody tr.tabela__linha[b-e54j2um3xg] {
    position: relative;
}

.protocolo[b-e54j2um3xg] {
    color: var(--tinta);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-decoration: none;
}

.protocolo:hover[b-e54j2um3xg] {
    color: var(--navy);
    text-decoration: underline;
}

.esticado[b-e54j2um3xg]::after {
    content: "";
    position: absolute;
    inset: 0;
}

.esticado:focus-visible[b-e54j2um3xg] {
    outline: none;
}

.esticado:focus-visible[b-e54j2um3xg]::after {
    outline: 2px solid var(--foco);
    outline-offset: -2px;
    border-radius: var(--raio);
}

.celula-id[b-e54j2um3xg] {
    min-width: 200px;
}

.celula-sub[b-e54j2um3xg] {
    display: block;
    max-width: 48ch;
    margin-top: 2px;
    overflow: hidden;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.etiqueta[b-e54j2um3xg] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 9px;
    border-radius: var(--raio-pilula);
    background-color: var(--superficie-realce);
    color: var(--tinta-suave);
    font-size: 0.6875rem;
    font-weight: 700;
    white-space: nowrap;
}

.tabela__grade td.tabular[b-e54j2um3xg] {
    white-space: nowrap;
}

.acao[b-e54j2um3xg] {
    position: relative;
    z-index: 1;
    text-align: right;
    white-space: nowrap;
}

/* ---------------------------------------------------------------- cartoes (celular) */
.cartoes-lista[b-e54j2um3xg] {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cartao-linha[b-e54j2um3xg] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--hairline);
    color: inherit;
    text-decoration: none;
}

.cartoes-lista li:last-child .cartao-linha[b-e54j2um3xg] {
    border-bottom: 0;
}

.cartao-linha:active[b-e54j2um3xg] {
    background-color: var(--superficie-realce);
}

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

.cartao-linha__topo[b-e54j2um3xg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 10px;
}

/* Identificador longo (referencia do processamento generico) quebra em vez de empurrar o carimbo para fora. */
.cartao-linha__topo .protocolo[b-e54j2um3xg] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.cartao-linha__texto[b-e54j2um3xg] {
    color: var(--tinta-suave);
}

.cartao-linha__meta[b-e54j2um3xg] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

/* ---------------------------------------------------------------- paginacao */
.paginacao[b-e54j2um3xg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-3);
    padding: var(--espaco-3) var(--espaco-5);
    border-top: 1px solid var(--hairline);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.paginacao__nav[b-e54j2um3xg] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.paginacao__nav a[b-e54j2um3xg],
.paginacao__atual[b-e54j2um3xg],
.paginacao__reticencias[b-e54j2um3xg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 10px;
    border-radius: 9px;
    color: var(--tinta-suave);
    font-weight: 650;
    text-decoration: none;
}

.paginacao__nav a[b-e54j2um3xg] {
    transition: background-color var(--transicao), color var(--transicao);
}

.paginacao__nav a:hover[b-e54j2um3xg] {
    background-color: var(--superficie-realce);
    color: var(--tinta);
}

.paginacao__nav a:focus-visible[b-e54j2um3xg] {
    outline: 2px solid var(--foco);
    outline-offset: 1px;
}

.paginacao__atual[b-e54j2um3xg] {
    border: 1px solid rgba(35, 44, 139, 0.28);
    background-color: var(--navy-tint);
    color: var(--navy);
}

.paginacao__seta[b-e54j2um3xg]  .icone {
    width: 16px;
    height: 16px;
}

/* ---------------------------------------------------------------- erro */
.codigo-suporte[b-e54j2um3xg] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.aviso-acoes[b-e54j2um3xg] {
    margin-top: var(--espaco-2);
}

/* ---------------------------------------------------------------- telas estreitas */
@media (max-width: 1024px) {
    .busca[b-e54j2um3xg] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .busca__texto[b-e54j2um3xg],
    .busca__acoes[b-e54j2um3xg] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .busca[b-e54j2um3xg] {
        grid-template-columns: minmax(0, 1fr);
        padding: var(--espaco-4);
    }

    .busca__acoes[b-e54j2um3xg]  .botao {
        width: 100%;
        height: 44px;
        justify-content: center;
    }

    .pilula[b-e54j2um3xg] {
        height: 40px;
    }

    .painel-lista .tabela[b-e54j2um3xg] {
        display: none;
    }

    .cartoes-lista[b-e54j2um3xg] {
        display: flex;
        flex-direction: column;
    }

    .paginacao[b-e54j2um3xg] {
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }

    .paginacao__nav a[b-e54j2um3xg],
    .paginacao__atual[b-e54j2um3xg] {
        min-width: 44px;
        height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pilula[b-e54j2um3xg],
    .paginacao__nav a[b-e54j2um3xg] {
        transition: none;
    }
}
/* /Componentes/PortalCartorio/TrilhaPortal.razor.rz.scp.css */
/* Trilha de navegacao do portal (mockup portal-cartorio-v2-fonte/estilo.css, ".migalhas"): fica no topo do conteudo. */

.trilha[b-9d2wvxku6c] {
    margin: 0 0 var(--espaco-4);
}

.trilha__lista[b-9d2wvxku6c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-weight: 600;
}

.trilha__item[b-9d2wvxku6c] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Separador: chevron desenhado em CSS (decorativo, fora da arvore de acessibilidade). */
.trilha__item + .trilha__item[b-9d2wvxku6c]::before {
    content: "";
    width: 6px;
    height: 6px;
    margin-right: 4px;
    border-top: 1.5px solid var(--borda-controle);
    border-right: 1.5px solid var(--borda-controle);
    transform: rotate(45deg);
}

.trilha a[b-9d2wvxku6c] {
    color: var(--tinta-suave);
    text-decoration: none;
}

.trilha a:hover[b-9d2wvxku6c] {
    color: var(--navy);
    text-decoration: underline;
}

.trilha [aria-current="page"][b-9d2wvxku6c] {
    color: var(--tinta);
}

@media (max-width: 759px) {
    .trilha[b-9d2wvxku6c] {
        margin-bottom: var(--espaco-3);
    }
}
/* /Componentes/PortalCartorio/UsuarioCartorio.razor.rz.scp.css */
/* Cadastro de um usuario do portal (mockup portal-cartorio-v2-fonte, tela "Usuario"): trilha, cabecalho com o selo de acesso,
   resumo de erros com links e um formulario unico em paineis (dados e acesso; permissoes individuais; situacao; senha) com
   grade de campos em duas colunas que vira uma abaixo de 760px. Campos e alternadores vem dos componentes compartilhados
   (::deep). A confirmacao de desativar aparece com o interruptor da situacao desligado (:has) SO quando o registro estava ativo
   (data-estava-ativo="sim" no form), trocando o botao principal por "Desativar e gravar"; registro novo ou ja inativo
   mantem o botao Gravar. Tokens de wwwroot/css/pipeline.css. */

.gestao[b-bxsw1xw98x] {
    display: grid;
    gap: var(--espaco-4);
    max-width: 880px;
}

/* ---------------------------------------------------------------- cabecalho */
.cab[b-bxsw1xw98x] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
}

.cab__titulo[b-bxsw1xw98x] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    overflow-wrap: anywhere;
}

.cab__texto[b-bxsw1xw98x] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
    overflow-wrap: anywhere;
}

.codigo-suporte[b-bxsw1xw98x] {
    margin-top: var(--espaco-1);
    font-size: var(--texto-xs);
}

.tentar[b-bxsw1xw98x] {
    margin-top: var(--espaco-2);
}

/* ---------------------------------------------------------------- resumo de erros */
.resumo-erros[b-bxsw1xw98x] {
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.resumo-erros a[b-bxsw1xw98x] {
    color: inherit;
    font-weight: 600;
    text-decoration: underline;
}

.resumo-erros a:focus-visible[b-bxsw1xw98x] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
    border-radius: var(--raio);
}

/* ---------------------------------------------------------------- paineis do formulario */
.formulario[b-bxsw1xw98x] {
    display: grid;
    gap: var(--espaco-4);
}

.painel-form[b-bxsw1xw98x] {
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.painel-form__cab[b-bxsw1xw98x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-3);
    padding: var(--espaco-4) var(--espaco-5) var(--espaco-3);
    border-bottom: 1px solid var(--hairline);
}

.painel-form__titulo[b-bxsw1xw98x] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 700;
}

.painel-form__nota[b-bxsw1xw98x] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.painel-form__corpo[b-bxsw1xw98x] {
    padding: var(--espaco-4) var(--espaco-5) var(--espaco-5);
}

.painel-form__texto[b-bxsw1xw98x] {
    max-width: 72ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.pilha[b-bxsw1xw98x] {
    display: grid;
    gap: var(--espaco-4);
}

.formulario__grade[b-bxsw1xw98x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--espaco-4) var(--espaco-5);
}

.campo-largo[b-bxsw1xw98x] {
    grid-column: 1 / -1;
}

/* O espacamento vertical ".campo + .campo" do pipeline.css nao vale na grade nem na pilha. */
.formulario__grade[b-bxsw1xw98x]  .campo,
.pilha[b-bxsw1xw98x]  .campo {
    margin-top: 0;
}

.ajuda-link[b-bxsw1xw98x] {
    margin-top: 6px;
    font-size: var(--texto-xs);
}

.ajuda-link a[b-bxsw1xw98x] {
    color: var(--navy);
    font-weight: 600;
}

/* ---------------------------------------------------------------- senha com "mostrar" */
.campo-senha[b-bxsw1xw98x] {
    position: relative;
}

.campo-senha .campo__controle[b-bxsw1xw98x] {
    width: 100%;
    padding-right: 46px;
}

.campo-senha__mostrar[b-bxsw1xw98x] {
    position: absolute;
    top: 50%;
    right: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: var(--raio);
    background: transparent;
    color: var(--tinta-suave);
    cursor: pointer;
    transform: translateY(-50%);
}

.campo-senha__mostrar:hover[b-bxsw1xw98x] {
    background-color: var(--superficie-realce);
    color: var(--tinta);
}

.campo-senha__mostrar:focus-visible[b-bxsw1xw98x] {
    outline: 2px solid var(--foco);
    outline-offset: 1px;
}

.campo-senha__mostrar[aria-pressed="true"][b-bxsw1xw98x] {
    color: var(--navy);
}

/* Edicao: os campos de senha so aparecem com a marca "Trocar a senha" ligada (:has, sem script; o servidor ignora a senha
   sem a marca). */
.trocar-senha[b-bxsw1xw98x] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-self: start;
    font-weight: 600;
    cursor: pointer;
}

.trocar-senha__controle[b-bxsw1xw98x] {
    flex: none;
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--navy);
}

.trocar-senha__controle:focus-visible[b-bxsw1xw98x] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.senha-campos[b-bxsw1xw98x] {
    display: none;
}

.senha-painel:has(.trocar-senha__controle:checked) .senha-campos[b-bxsw1xw98x] {
    display: grid;
}

/* ---------------------------------------------------------------- confirmacao de desativar (sem modal) */
.confirmar-desativacao[b-bxsw1xw98x] {
    display: none;
    gap: var(--espaco-2);
    padding: var(--espaco-3) var(--espaco-4);
    border: 1px solid color-mix(in srgb, var(--perigo) 45%, var(--superficie));
    border-radius: var(--raio);
    background-color: color-mix(in srgb, var(--perigo) 4%, var(--superficie));
}

.confirmar-desativacao__pergunta[b-bxsw1xw98x] {
    font-weight: 700;
}

.confirmar-desativacao__dica[b-bxsw1xw98x] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.acoes__desativar[b-bxsw1xw98x] {
    display: none;
}

.formulario[data-estava-ativo="sim"]:has(.situacao-ativo .alternar__controle:not(:checked)) .confirmar-desativacao[b-bxsw1xw98x] {
    display: grid;
}

.formulario[data-estava-ativo="sim"]:has(.situacao-ativo .alternar__controle:not(:checked)) .acoes__desativar[b-bxsw1xw98x] {
    display: inline-flex;
}

.formulario[data-estava-ativo="sim"]:has(.situacao-ativo .alternar__controle:not(:checked)) .acoes__gravar[b-bxsw1xw98x] {
    display: none;
}

/* ---------------------------------------------------------------- acoes */
.formulario__acoes[b-bxsw1xw98x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
}

.formulario__nota[b-bxsw1xw98x] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

/* ---------------------------------------------------------------- telas estreitas */
@media (max-width: 760px) {
    .painel-form__cab[b-bxsw1xw98x],
    .painel-form__corpo[b-bxsw1xw98x] {
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }

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

    .formulario__grade[b-bxsw1xw98x]  .campo__controle,
    .campo-senha .campo__controle[b-bxsw1xw98x] {
        height: 44px;
        font-size: 16px;
    }

    .formulario__acoes .botao[b-bxsw1xw98x] {
        flex: 1 1 auto;
        height: 44px;
    }

    .trocar-senha[b-bxsw1xw98x] {
        min-height: 44px;
    }

    .formulario__nota[b-bxsw1xw98x] {
        width: 100%;
    }
}
/* /Componentes/PortalCartorio/UsuariosCartorio.razor.rz.scp.css */
/* Lista de usuarios do portal do cartorio (mockup portal-cartorio-v2-fonte, tela "Usuarios"): trilha, cabecalho com a acao
   "Novo usuario", barra com os filtros em segmentos e a busca, tabela pautada (estilos base .tabela/.tabela__grade de
   pipeline.css) com a linha inteira clicavel, selo de acesso e a linha gravada destacada. Abaixo de 760px a tabela vira
   lista de cartoes (nome + selo, perfil, e-mail). Tokens de wwwroot/css/pipeline.css. */

.gestao[b-1geqookoyb] {
    display: grid;
    gap: var(--espaco-4);
}

/* ---------------------------------------------------------------- cabecalho */
.cab[b-1geqookoyb] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
    margin-bottom: var(--espaco-1);
}

.cab__titulo[b-1geqookoyb] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-wrap: balance;
}

.cab__texto[b-1geqookoyb] {
    margin-top: 6px;
    max-width: 72ch;
    color: var(--tinta-suave);
}

.cab__acoes[b-1geqookoyb] {
    display: flex;
    gap: var(--espaco-2);
}

.codigo-suporte[b-1geqookoyb] {
    margin-top: var(--espaco-1);
    font-size: var(--texto-xs);
}

.tentar[b-1geqookoyb] {
    margin-top: var(--espaco-2);
}

/* ---------------------------------------------------------------- filtros e busca */
.barra[b-1geqookoyb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-3);
}

.segmentos[b-1geqookoyb] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 2px;
    border-radius: var(--raio);
    background-color: var(--superficie-realce);
}

.segmentos__item[b-1geqookoyb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    border-radius: calc(var(--raio) - 2px);
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
    font-weight: 600;
    text-decoration: none;
}

.segmentos__item:hover[b-1geqookoyb] {
    color: var(--tinta);
}

.segmentos__item:focus-visible[b-1geqookoyb] {
    outline: 2px solid var(--foco);
    outline-offset: 1px;
}

.segmentos__item[aria-current="true"][b-1geqookoyb] {
    background-color: var(--superficie);
    color: var(--navy);
    box-shadow: var(--sombra-1);
}

.segmentos__qtd[b-1geqookoyb] {
    font-weight: 700;
}

.busca[b-1geqookoyb] {
    display: flex;
    gap: var(--espaco-2);
    width: 360px;
    max-width: 100%;
}

.busca__campo[b-1geqookoyb] {
    flex: 1 1 auto;
    min-width: 0;
}

.busca__botao[b-1geqookoyb] {
    flex: none;
}

.painel-vazio[b-1geqookoyb] {
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
}

/* ---------------------------------------------------------------- tabela */
.tabela__grade td[b-1geqookoyb] {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}

/* A linha inteira abre o usuario (o link do nome cobre a linha); o botao Editar fica por cima. */
.linha-link[b-1geqookoyb] {
    position: relative;
}

.esticado[b-1geqookoyb]::after {
    content: "";
    position: absolute;
    inset: 0;
}

.linha-link:hover[b-1geqookoyb] {
    background-color: var(--superficie-pautada);
}

.acao[b-1geqookoyb]  .botao {
    position: relative;
    z-index: 1;
}

.linha-destaque[b-1geqookoyb],
.linha-destaque:hover[b-1geqookoyb] {
    background-color: color-mix(in srgb, var(--estado-ok) 8%, var(--superficie));
}

.nome[b-1geqookoyb] {
    color: var(--tinta);
    font-weight: 700;
    text-decoration: none;
}

.nome:hover[b-1geqookoyb] {
    color: var(--navy);
    text-decoration: underline;
}

.nome:focus-visible[b-1geqookoyb] {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
    border-radius: var(--raio);
}

.celula-sub[b-1geqookoyb] {
    display: block;
    max-width: 36ch;
    overflow: hidden;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.etiqueta[b-1geqookoyb] {
    display: inline-flex;
    align-items: center;
    height: 22px;
    margin: 1px 4px 1px 0;
    padding: 0 9px;
    border-radius: var(--raio-pilula);
    background-color: var(--superficie-realce);
    color: var(--tinta-suave);
    font-size: 0.6875rem;
    font-weight: 700;
    white-space: nowrap;
}

td[data-col="nome"] .etiqueta[b-1geqookoyb] {
    margin-left: var(--espaco-2);
}

td[data-col="acesso"][b-1geqookoyb] {
    color: var(--tinta-suave);
    white-space: nowrap;
}

td[data-col="sit"][b-1geqookoyb]  .acesso-curto {
    display: none;
}

.sem-valor[b-1geqookoyb] {
    color: var(--tinta-suave);
}

.acao[b-1geqookoyb] {
    text-align: right;
    white-space: nowrap;
}

.rodape-lista[b-1geqookoyb] {
    padding: var(--espaco-3) var(--espaco-5);
    border-top: 1px solid var(--hairline);
    color: var(--tinta-suave);
    font-size: 0.8125rem;
}

/* ---------------------------------------------------------------- telas estreitas */
@media (max-width: 760px) {
    .barra[b-1geqookoyb] {
        flex-direction: column;
        align-items: stretch;
    }

    .segmentos__item[b-1geqookoyb] {
        height: 40px;
    }

    .busca[b-1geqookoyb] {
        width: 100%;
    }

    .busca__campo[b-1geqookoyb] {
        height: 44px;
        font-size: 16px;
    }

    .tabela__rolagem[b-1geqookoyb] {
        max-height: none;
    }

    .tabela__grade[b-1geqookoyb],
    .tabela__grade thead[b-1geqookoyb],
    .tabela__grade tbody[b-1geqookoyb],
    .tabela__grade td[b-1geqookoyb] {
        display: block;
    }

    .tabela__grade thead[b-1geqookoyb] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    /* Especificidade igual a das regras de pipeline.css, declarada depois: a grade vence o display de tabela. */
    .tabela__grade tbody tr.tabela__linha[b-1geqookoyb] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 4px var(--espaco-3);
        padding: 14px var(--espaco-4);
        border-bottom: 1px solid var(--hairline);
    }

    .tabela__grade tbody tr.tabela__linha:last-child[b-1geqookoyb] {
        border-bottom: 0;
    }

    .tabela__grade td[b-1geqookoyb] {
        height: auto;
        padding: 0;
        border: 0;
    }

    td[data-col="nome"][b-1geqookoyb] {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    td[data-col="sit"][b-1geqookoyb] {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
    }

    td[data-col="sit"][b-1geqookoyb]  .acesso-longo {
        display: none;
    }

    td[data-col="sit"][b-1geqookoyb]  .acesso-curto {
        display: inline-flex;
    }

    td[data-col="perfil"][b-1geqookoyb] {
        grid-column: 1 / -1;
        grid-row: 2;
        color: var(--tinta-suave);
    }

    /* No cartao: nome e selo, perfil e e-mail (o cartao inteiro abre o usuario). */
    td[data-col="nome"] .celula-sub[b-1geqookoyb] {
        max-width: none;
    }

    td[data-col="permissoes"][b-1geqookoyb],
    td[data-col="acesso"][b-1geqookoyb],
    td[data-col="acao"][b-1geqookoyb] {
        display: none;
    }

    .rodape-lista[b-1geqookoyb] {
        padding-left: var(--espaco-4);
        padding-right: var(--espaco-4);
    }
}
/* /Componentes/PortalCartorio/VisualizadorCartorio.razor.rz.scp.css */
/* Visualizador de documentos (portal do cartorio; mockup portal-cartorio-v2-fonte/estilo.css: .vis, .vis__lista,
   .vis__ferr, .palco, .palco__estado, .palco__cartao, .carregando-folha, .vis__pe, .vis__navdoc): lista dos documentos a
   esquerda e o visualizador a direita (barra com o nome do documento, miniaturas, palco com as camadas de carregando/erro
   e o rodape com os atalhos e o documento anterior/proximo). Abaixo de 900px a lista some e a troca de documento fica no
   rodape. Os elementos que o script /js/portal-visualizador.js cria dentro do palco e das miniaturas usam ::deep
   (div.vis-pagina com canvas, button.vis-miniatura, pre.vis-texto, pre.vis-json com span.k/.s/.n/.b/.z).
   Transicoes so de cor (150 ms); tudo parado em prefers-reduced-motion. */

.pagina-vis[b-3kam507pua] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.titulo[b-3kam507pua] {
    margin: 0 0 var(--espaco-4);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    letter-spacing: -0.02em;
    text-wrap: balance;
    overflow-wrap: anywhere;
}

.titulo:focus[b-3kam507pua] {
    outline: none;
}

.painel-simples[b-3kam507pua] {
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
}

.codigo-suporte[b-3kam507pua] {
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.aviso-acoes[b-3kam507pua] {
    margin-top: var(--espaco-2);
}

/* ------------------------------------------------------------- grade */
.vis-grade[b-3kam507pua] {
    /* Fundo lavado de navy do palco (mockup: .palco). */
    --vis-palco: #E9ECFA;

    display: grid;
    /* Lista com 280px (padrao); a divisoria do portal.js troca por proporcao (--divisoria-esq/-dir, em fr). */
    grid-template-columns: minmax(0, var(--divisoria-esq, 280px)) minmax(0, var(--divisoria-dir, 1fr));
    min-height: calc(100vh - 220px);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
    overflow: hidden;
}

/* ------------------------------------------------------------- lista */
.vis-lista[b-3kam507pua] {
    display: grid;
    gap: var(--espaco-4);
    align-content: start;
    padding: var(--espaco-4) var(--espaco-3);
    border-right: 1px solid var(--hairline);
    overflow-y: auto;
    max-height: calc(100vh - 160px);
}

.vis-lista__grupo[b-3kam507pua] {
    display: grid;
    gap: 2px;
}

.vis-lista__titulo[b-3kam507pua] {
    margin: 0;
    padding: 0 var(--espaco-2) var(--espaco-1);
    font-family: var(--fonte);
    font-size: var(--texto-xs);
    font-weight: 650;
    letter-spacing: 0.01em;
    color: var(--tinta-suave);
}

.vis-lista__itens[b-3kam507pua] {
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vis-item[b-3kam507pua] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: var(--espaco-2);
    border-radius: var(--raio);
    color: var(--tinta);
    text-decoration: none;
    transition: background-color var(--transicao), color var(--transicao);
}

a.vis-item:hover[b-3kam507pua] {
    background-color: var(--superficie-realce);
}

a.vis-item:focus-visible[b-3kam507pua] {
    outline: 2px solid var(--foco);
    outline-offset: 1px;
}

.vis-item[aria-current="page"][b-3kam507pua] {
    background-color: var(--navy-tint);
    color: var(--navy);
}

.vis-item[aria-current="page"] .vis-item__ic[b-3kam507pua] {
    border-color: var(--navy-2);
    color: var(--navy);
}

.vis-item--indisponivel[b-3kam507pua] {
    color: var(--tinta-suave);
}

.vis-item__ic[b-3kam507pua] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 36px;
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio);
    background-color: var(--superficie);
    color: var(--tinta-suave);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.vis-item__dados[b-3kam507pua] {
    display: grid;
    min-width: 0;
}

/* Nome inteiro, quebrando a linha (o cartorio precisa ler o que e o arquivo; nada de reticencias). */
.vis-item__nome[b-3kam507pua] {
    display: block;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.vis-item__sub[b-3kam507pua] {
    display: block;
    overflow: hidden;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ------------------------------------------------------------- visualizador */
.vis[b-3kam507pua] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    min-width: 0;
}

/* O script mostra/esconde grupos, botoes e camadas pelo atributo hidden: ele vence o display das regras abaixo. */
.vis [hidden][b-3kam507pua] {
    display: none !important;
}

.vis__ferramentas[b-3kam507pua] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2) var(--espaco-3);
    padding: 10px var(--espaco-4);
    border-bottom: 1px solid var(--hairline);
    background-color: var(--superficie);
}

.vis__identidade[b-3kam507pua] {
    flex: 1 1 220px;
    min-width: 0;
}

.vis__nome[b-3kam507pua] {
    margin: 0;
    overflow: hidden;
    font-family: var(--fonte-titulo);
    font-size: var(--texto-md);
    font-weight: 650;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.vis__nome:focus[b-3kam507pua] {
    outline: none;
}

.vis__sub[b-3kam507pua] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    overflow: hidden;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
    white-space: nowrap;
}

.vis__fmt[b-3kam507pua] {
    flex: none;
    display: inline-block;
    padding: 0 7px;
    border-radius: var(--raio-pilula);
    background-color: var(--superficie-realce);
    color: var(--tinta-suave);
    font-size: 0.6875rem;
    font-weight: 650;
    line-height: 1.7;
    letter-spacing: 0.01em;
}

.vis__grupo-ctl[b-3kam507pua] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px;
    border-radius: var(--raio);
    background-color: var(--superficie-realce);
}

.vis__ctl[b-3kam507pua] {
    display: grid;
    place-items: center;
    width: 32px;
    height: var(--controle-altura-pequeno);
    padding: 0;
    border: 0;
    border-radius: var(--raio);
    background-color: transparent;
    color: var(--tinta-suave);
    cursor: pointer;
    transition: background-color var(--transicao), color var(--transicao);
}

.vis__ctl:hover:not(:disabled)[b-3kam507pua] {
    background-color: var(--superficie);
    color: var(--navy);
}

.vis__ctl:focus-visible[b-3kam507pua] {
    outline: 2px solid var(--foco);
    outline-offset: 1px;
}

.vis__ctl:disabled[b-3kam507pua] {
    opacity: 0.4;
    cursor: default;
}

.vis__saida[b-3kam507pua] {
    min-width: 74px;
    color: var(--tinta);
    font-size: var(--texto-xs);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.vis__acoes[b-3kam507pua] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2);
}

/* ------------------------------------------------------------- corpo e palco */
.vis__corpo[b-3kam507pua] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 70vh;
    background-color: var(--vis-palco);
    background-image: radial-gradient(color-mix(in srgb, var(--navy) 8%, transparent) 1px, transparent 1px);
    background-size: 16px 16px;
}

.vis__miniaturas[b-3kam507pua] {
    display: grid;
    gap: 26px;
    align-content: start;
    max-height: 78vh;
    padding: var(--espaco-4) var(--espaco-3) var(--espaco-6);
    border-right: 1px solid color-mix(in srgb, var(--navy) 10%, transparent);
    overflow-y: auto;
}

/* Sem miniaturas (pagina unica, imagem, texto, HTML): a coluna some. */
.vis__miniaturas:empty[b-3kam507pua] {
    display: none;
}

.vis__miniaturas[b-3kam507pua]  .vis-miniatura {
    position: relative;
    display: grid;
    place-items: center;
    width: 72px;
    min-height: 92px;
    padding: 4px;
    border: 2px solid transparent;
    border-radius: var(--raio);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
    cursor: pointer;
    transition: border-color var(--transicao);
}

.vis__miniaturas[b-3kam507pua]  .vis-miniatura:hover {
    border-color: var(--hairline-forte);
}

.vis__miniaturas[b-3kam507pua]  .vis-miniatura[aria-current="true"] {
    border-color: var(--navy);
}

.vis__miniaturas[b-3kam507pua]  .vis-miniatura:focus-visible {
    outline: 2px solid var(--foco);
    outline-offset: 2px;
}

.vis__miniaturas[b-3kam507pua]  .vis-miniatura canvas,
.vis__miniaturas[b-3kam507pua]  .vis-miniatura img {
    display: block;
    max-width: 100%;
    height: auto;
}

.vis__miniaturas[b-3kam507pua]  .vis-miniatura span {
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    color: var(--tinta-suave);
    font-size: 0.6875rem;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.vis__miniaturas[b-3kam507pua]  .vis-miniatura[aria-current="true"] span {
    color: var(--navy);
    font-weight: 650;
}

/* Envoltorio do palco: ocupa sempre a ultima coluna da grade (mesmo quando as miniaturas somem; senao cai na coluna
   auto e encolhe ao conteudo) e posiciona as camadas de carregando e erro por cima do palco. */
.vis__palco-env[b-3kam507pua] {
    position: relative;
    grid-column: -2 / -1;
    min-width: 0;
}

.vis__palco[b-3kam507pua] {
    display: grid;
    justify-items: center;
    align-content: start;
    gap: var(--espaco-4);
    min-width: 0;
    min-height: 70vh;
    max-height: 78vh;
    padding: 28px var(--espaco-5) 40px;
    overflow: auto;
}

.vis__palco:focus-visible[b-3kam507pua] {
    outline: 2px solid var(--foco);
    outline-offset: -2px;
}

/* Pagina desenhada pelo script (PDF e TIFF). */
.vis__palco[b-3kam507pua]  .vis-pagina {
    max-width: none;
    background-color: var(--superficie);
    border-radius: var(--raio);
    box-shadow: var(--sombra-2);
    line-height: 0;
    overflow: hidden;
}

.vis__palco[b-3kam507pua]  .vis-pagina canvas {
    display: block;
}

/* Texto simples e JSON formatado pelo script. */
.vis__palco[b-3kam507pua]  pre.vis-texto,
.vis__palco[b-3kam507pua]  pre.vis-json {
    width: min(100%, 900px);
    margin: 0;
    padding: var(--espaco-5);
    background-color: var(--superficie);
    border-radius: var(--raio);
    box-shadow: var(--sombra-2);
    color: var(--tinta);
    font-family: var(--fonte-mono);
    font-size: 0.8125rem;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    tab-size: 4;
}

.vis__palco[b-3kam507pua]  pre.vis-json .k {
    color: var(--navy);
}

.vis__palco[b-3kam507pua]  pre.vis-json .s {
    color: var(--estado-ok-texto);
}

.vis__palco[b-3kam507pua]  pre.vis-json .n {
    color: var(--estado-espera-texto);
}

.vis__palco[b-3kam507pua]  pre.vis-json .b {
    color: var(--estado-ativo-texto);
    font-weight: 650;
}

.vis__palco[b-3kam507pua]  pre.vis-json .z {
    color: var(--estado-neutro-texto);
    font-style: italic;
}

/* Apresentacao HTML (iframe sandbox) e imagem, renderizados pela pagina.
   A altura do iframe cabe no max-height do palco menos o padding vertical (28px + 40px), para o palco nao ter
   barra de rolagem propria; so a apresentacao rola. */
.vis__iframe[b-3kam507pua] {
    display: block;
    width: 100%;
    height: calc(78vh - 68px);
    min-height: 320px;
    border: 0;
    border-radius: var(--raio);
    background-color: var(--superficie);
    box-shadow: var(--sombra-2);
}

.vis__imagem[b-3kam507pua] {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: var(--raio);
    background-color: var(--superficie);
    box-shadow: var(--sombra-2);
    transform-origin: center center;
}

/* Sem visualizacao ou grande demais: mensagem e Baixar. */
.vis__mensagem[b-3kam507pua] {
    display: grid;
    justify-items: center;
    gap: var(--espaco-3);
    max-width: 440px;
    margin-top: var(--espaco-7);
    padding: var(--espaco-6) var(--espaco-5);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-1);
    text-align: center;
}

.vis__mensagem-icone[b-3kam507pua] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--navy-tint);
    color: var(--navy);
}

.vis__mensagem-texto[b-3kam507pua] {
    margin: 0;
    color: var(--tinta);
    text-wrap: pretty;
}

/* ------------------------------------------------------------- estado e dica */
.vis__estado[b-3kam507pua] {
    margin: 0;
    padding: 0 var(--espaco-4);
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.vis__estado:not(:empty)[b-3kam507pua] {
    padding-block: var(--espaco-2);
    border-top: 1px solid var(--hairline);
}

.vis__dica[b-3kam507pua] {
    margin: 0;
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.vis__dica kbd[b-3kam507pua] {
    padding: 1px 6px;
    border: 1px solid var(--hairline-forte);
    border-radius: var(--raio);
    background-color: var(--superficie);
    color: var(--tinta);
    font-family: var(--fonte);
    font-size: 0.6875rem;
    font-weight: 600;
}

/* ------------------------------------------------------------- camadas do palco (carregando e erro) */
.vis__camada[b-3kam507pua] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--espaco-3);
    padding: 28px var(--espaco-5);
    background-color: var(--vis-palco);
    background-image: radial-gradient(color-mix(in srgb, var(--navy) 8%, transparent) 1px, transparent 1px);
    background-size: 16px 16px;
    text-align: center;
    overflow: hidden;
}

.vis__camada--erro[b-3kam507pua] {
    justify-content: center;
}

.vis__folha-esq[b-3kam507pua] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: min(640px, 100%);
    height: min(560px, 100%);
    padding: 48px 56px;
    border-radius: 2px;
    background-color: var(--superficie);
    box-shadow: var(--sombra-2);
    text-align: left;
}

.vis__folha-esq .esqueleto__linha[b-3kam507pua] {
    display: block;
    height: 10px;
}

.vis__carregando-texto[b-3kam507pua] {
    position: absolute;
    top: 40px;
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 2 * var(--espaco-5));
    padding: 4px 12px;
    overflow: hidden;
    border-radius: var(--raio-pilula);
    background-color: var(--navy-tint);
    color: var(--navy);
    font-size: var(--texto-xs);
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vis__cartao[b-3kam507pua] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    max-width: 420px;
    padding: var(--espaco-5);
    border-radius: var(--raio-md);
    background-color: var(--superficie);
    box-shadow: var(--sombra-2);
}

.vis__cartao-icone[b-3kam507pua] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: var(--raio-pilula);
    background-color: color-mix(in srgb, var(--estado-falha) 14%, var(--superficie));
    color: var(--estado-falha-texto);
}

.vis__cartao-titulo[b-3kam507pua] {
    margin: 0;
    font-family: var(--fonte-titulo);
    font-weight: 600;
}

.vis__cartao-texto[b-3kam507pua] {
    margin: 0;
    color: var(--tinta-suave);
    text-wrap: pretty;
}

.vis__cartao-acoes[b-3kam507pua] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--espaco-2);
    margin-top: var(--espaco-1);
}

/* ------------------------------------------------------------- rodape (atalhos e documento anterior/proximo) */
.vis__pe[b-3kam507pua] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-2) var(--espaco-3);
    padding: 10px var(--espaco-4);
    border-top: 1px solid var(--hairline);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

.vis__pe:empty[b-3kam507pua] {
    display: none;
}

.vis__navdoc[b-3kam507pua] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--espaco-2);
    margin-left: auto;
}

.vis__navdoc-link[b-3kam507pua] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    max-width: 280px;
    padding: 0 10px;
    border-radius: var(--raio);
    color: var(--tinta);
    font-weight: 600;
    text-decoration: none;
    transition: background-color var(--transicao), color var(--transicao);
}

.vis__navdoc-link:hover[b-3kam507pua] {
    background-color: var(--superficie-realce);
    color: var(--navy);
}

.vis__navdoc-link:focus-visible[b-3kam507pua] {
    outline: 2px solid var(--foco);
    outline-offset: 1px;
}

.vis__navdoc-link[b-3kam507pua]  .icone {
    flex: none;
    width: 14px;
    height: 14px;
}

.vis__navdoc-nome[b-3kam507pua] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ------------------------------------------------------------- tela estreita */
@media (max-width: 900px) {
    .vis-grade[b-3kam507pua] {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
    }

    .vis-lista[b-3kam507pua] {
        display: none;
    }

    .vis__miniaturas[b-3kam507pua] {
        display: none;
    }

    .vis__corpo[b-3kam507pua] {
        grid-template-columns: minmax(0, 1fr);
        min-height: 60vh;
    }

    .vis__palco[b-3kam507pua] {
        min-height: 60vh;
        padding: var(--espaco-4) var(--espaco-3) var(--espaco-6);
    }

    .vis__camada[b-3kam507pua] {
        padding: var(--espaco-4) var(--espaco-3);
    }

    .vis__folha-esq[b-3kam507pua] {
        padding: 24px 20px;
    }

    .vis__iframe[b-3kam507pua] {
        /* Padding vertical do palco aqui: 16px + 32px. */
        height: calc(78vh - 48px);
        min-height: 320px;
    }

    .vis__dica[b-3kam507pua] {
        display: none;
    }

    .vis__navdoc[b-3kam507pua] {
        width: 100%;
        justify-content: space-between;
        margin-left: 0;
    }

    .vis__navdoc-link[b-3kam507pua] {
        min-height: 44px;
        max-width: 48%;
    }

    .vis__navdoc-link--proximo[b-3kam507pua] {
        margin-left: auto;
    }
}

@media (max-width: 760px) {
    .vis__ferramentas .vis__grupo-ctl[data-papel="grupo-zoom"][b-3kam507pua] {
        display: none;
    }

    .vis__ctl[b-3kam507pua] {
        width: 44px;
        height: 40px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vis-item[b-3kam507pua],
    .vis__ctl[b-3kam507pua],
    .vis__navdoc-link[b-3kam507pua],
    .vis__miniaturas[b-3kam507pua]  .vis-miniatura,
    .vis__imagem[b-3kam507pua] {
        transition: none;
    }
}