/* /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/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);
}
/* /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);
}

.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;
}

@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/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/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/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);
}
/* /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);
}
/* /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;
    }
}
/* /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/LayoutCartorio.razor.rz.scp.css */
/* Layout do portal do cartorio: barra navy com a marca, nome do cartorio e Sair; conteudo centralizado. */

.portal[b-x2nzsbg25o] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    background-color: var(--fundo);
}

.portal__barra[b-x2nzsbg25o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-3) var(--espaco-5);
    padding: var(--espaco-3) var(--espaco-5);
    background-color: var(--trilho-fundo);
    color: var(--trilho-texto);
}

.portal__marca[b-x2nzsbg25o] {
    display: inline-flex;
    align-items: center;
    gap: var(--espaco-3);
    color: inherit;
    text-decoration: none;
}

.portal__marca:focus-visible[b-x2nzsbg25o] {
    outline: 2px solid var(--foco-sobre-trilho);
    outline-offset: 3px;
    border-radius: var(--raio);
}

.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] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-lg);
    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;
}

.portal__sessao[b-x2nzsbg25o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2) var(--espaco-4);
}

.portal__quem[b-x2nzsbg25o] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.25;
    text-align: right;
}

.portal__cartorio[b-x2nzsbg25o] {
    font-weight: 650;
}

.portal__detalhe[b-x2nzsbg25o] {
    color: var(--trilho-texto-suave);
    font-size: var(--texto-xs);
}

.portal__sair[b-x2nzsbg25o] {
    margin: 0;
}

.portal__sair[b-x2nzsbg25o]  .botao {
    color: var(--trilho-texto);
    border-color: var(--trilho-texto-suave);
}

.portal__sair[b-x2nzsbg25o]  .botao:hover {
    background-color: var(--trilho-hover);
}

.portal__conteudo[b-x2nzsbg25o] {
    flex: 1 1 auto;
    width: min(100%, 1180px);
    margin: 0 auto;
    padding: var(--espaco-6) var(--espaco-5);
}

.portal__rodape[b-x2nzsbg25o] {
    display: flex;
    justify-content: center;
    gap: var(--espaco-2);
    padding: var(--espaco-4);
    color: var(--tinta-suave);
    font-size: var(--texto-xs);
}

@media (max-width: 640px) {
    .portal__barra[b-x2nzsbg25o] {
        padding: var(--espaco-3) var(--espaco-4);
    }

    .portal__quem[b-x2nzsbg25o] {
        align-items: flex-start;
        text-align: left;
    }

    .portal__conteudo[b-x2nzsbg25o] {
        padding: var(--espaco-5) var(--espaco-3);
    }
}
/* /Componentes/PortalCartorio/LoginCartorio.razor.rz.scp.css */
/* Login do portal do cartorio: folha unica centralizada (mesmo desenho do login admin). */

.login[b-szrpyz75sj] {
    width: min(100%, 420px);
    margin: var(--espaco-5) auto 0;
    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);
}

.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] {
    margin: var(--espaco-2) 0 var(--espaco-5);
    color: var(--tinta-suave);
}

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

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

.login__acoes[b-szrpyz75sj]  .botao {
    width: 100%;
}

@media (max-width: 480px) {
    .login[b-szrpyz75sj] {
        padding: var(--espaco-5) var(--espaco-4) var(--espaco-4);
    }
}
/* /Componentes/PortalCartorio/TituloCartorio.razor.rz.scp.css */
/* Detalhe do titulo (portal do cartorio): dados, execucao com tarefas/fila, pendencias, apresentacao e entregas. */

.voltar[b-32ygmr5quv] {
    margin-bottom: var(--espaco-3);
    font-size: var(--texto-sm);
}

.voltar a[b-32ygmr5quv]::before {
    content: "\2190\00a0";
}

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

.titulo[b-32ygmr5quv] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    letter-spacing: -0.02em;
}

.cabecalho__texto[b-32ygmr5quv] {
    margin-top: var(--espaco-1);
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

.bloco[b-32ygmr5quv] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-3);
    margin-bottom: var(--espaco-5);
    padding: var(--espaco-4) var(--espaco-5);
    background-color: var(--superficie);
    border: 1px solid var(--hairline);
    border-radius: var(--raio-md);
    box-shadow: var(--sombra-1);
}

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

.bloco__subtitulo[b-32ygmr5quv] {
    margin-top: var(--espaco-2);
    font-family: var(--fonte-titulo);
    font-size: var(--texto-base);
    font-weight: 650;
}

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

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

.dados dd[b-32ygmr5quv] {
    margin: 2px 0 0;
}

.dados__largo[b-32ygmr5quv] {
    grid-column: 1 / -1;
}

.erro[b-32ygmr5quv] {
    color: var(--estado-falha-texto);
}

.contexto[b-32ygmr5quv] {
    display: block;
    font-size: var(--texto-xs);
}

.arquivos[b-32ygmr5quv],
.historico[b-32ygmr5quv] {
    display: flex;
    flex-direction: column;
    gap: var(--espaco-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.arquivo[b-32ygmr5quv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--espaco-2) var(--espaco-4);
    padding: var(--espaco-3);
    border: 1px solid var(--hairline);
    border-radius: var(--raio);
}

.arquivo__dados[b-32ygmr5quv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.arquivo__nome[b-32ygmr5quv] {
    font-weight: 600;
}

.arquivo__meta[b-32ygmr5quv] {
    font-size: var(--texto-xs);
}

.arquivo__link[b-32ygmr5quv] {
    font-weight: 600;
}

.historico li[b-32ygmr5quv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--espaco-2) var(--espaco-3);
    font-size: var(--texto-sm);
}
/* /Componentes/PortalCartorio/TitulosCartorio.razor.rz.scp.css */
/* Titulos enviados (portal do cartorio): cabecalho, busca por protocolo, tabela e paginacao por links. */

.cabecalho[b-e54j2um3xg] {
    margin-bottom: var(--espaco-5);
}

.cabecalho__titulo[b-e54j2um3xg] {
    font-family: var(--fonte-titulo);
    font-size: var(--texto-2xl);
    font-weight: 700;
    letter-spacing: -0.02em;
}

.cabecalho__texto[b-e54j2um3xg] {
    margin-top: var(--espaco-1);
    max-width: 80ch;
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}

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

.busca[b-e54j2um3xg]  .busca__campo {
    flex: 0 1 320px;
    margin: 0;
}

.busca__acoes[b-e54j2um3xg] {
    display: flex;
    gap: var(--espaco-2);
}

.paginas[b-e54j2um3xg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--espaco-3);
    margin-top: var(--espaco-4);
}

.paginas__texto[b-e54j2um3xg] {
    color: var(--tinta-suave);
    font-size: var(--texto-sm);
}