/* /Componentes/AvataresDaObra.razor.rz.scp.css */
.pilha[b-ou09ums0o8] { display: inline-flex; align-items: center; flex-shrink: 0; }

/* Cada avatar avança sobre o anterior, com o anel na cor do fundo separando um do outro. */
.pilha[b-ou09ums0o8]  .avatar { box-shadow: 0 0 0 2px var(--superficie); }
.pilha[b-ou09ums0o8]  .avatar + .avatar, .pilha[b-ou09ums0o8]  .avatar + .pilha-mais { margin-left: -5px; }
.pilha-m[b-ou09ums0o8]  .avatar + .avatar, .pilha-m[b-ou09ums0o8]  .avatar + .pilha-mais { margin-left: -7px; }

.pilha-mais[b-ou09ums0o8] {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--superficie-3);
    color: var(--texto-suave);
    font-size: .66rem;
    font-weight: 700;
    box-shadow: 0 0 0 2px var(--superficie);
}

.pilha-m .pilha-mais[b-ou09ums0o8] { width: 34px; height: 34px; font-size: .74rem; }
/* /Componentes/BaixaNoEstoque.razor.rz.scp.css */
.baixa[b-qgpnzctz11] { gap: 18px; }

.lote[b-qgpnzctz11] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--borda);
    border-radius: var(--raio-p);
    background: var(--superficie-2);
}

.lote-texto[b-qgpnzctz11] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.lote-texto strong[b-qgpnzctz11] { font-size: .98rem; overflow-wrap: anywhere; }
.lote-texto small[b-qgpnzctz11] { font-size: .82rem; color: var(--texto-fraco); }

fieldset[b-qgpnzctz11] { margin: 0; padding: 0; border: 0; min-width: 0; }
legend[b-qgpnzctz11], .rotulo[b-qgpnzctz11] { display: block; margin-bottom: 7px; padding: 0; font-size: .86rem; font-weight: 600; color: var(--texto-suave); }

.aviso-baixa[b-qgpnzctz11] { justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; gap: 10px; margin: 0; font-size: .9rem; }
.aviso-baixa[b-qgpnzctz11]  .icone { margin-top: 2px; flex-shrink: 0; }

.baixa-acoes[b-qgpnzctz11] { display: flex; justify-content: space-between; gap: 10px; }

@media (max-width: 800px) {
    .baixa-acoes[b-qgpnzctz11] { flex-direction: column-reverse; }
    .baixa-acoes .botao[b-qgpnzctz11] { justify-content: center; }
}
/* /Componentes/CaixaDeConfirmacao.razor.rz.scp.css */
.texto-da-confirmacao[b-lucghlumev] { margin: 0; color: var(--texto-suave); white-space: pre-line; overflow-wrap: anywhere; }

.acoes-da-confirmacao[b-lucghlumev] { justify-content: flex-end; margin: 0; }

.confirmar-perigo[b-lucghlumev] { background: var(--vermelho); border-color: var(--vermelho); color: #fff; }
.confirmar-perigo:hover[b-lucghlumev] { background: color-mix(in srgb, var(--vermelho) 85%, #000); border-color: color-mix(in srgb, var(--vermelho) 85%, #000); }

@media (max-width: 800px) {
    .acoes-da-confirmacao[b-lucghlumev] { flex-direction: column-reverse; align-items: stretch; }
    .acoes-da-confirmacao .botao[b-lucghlumev] { justify-content: center; }
}
/* /Componentes/CampoDeQuantidade.razor.rz.scp.css */
.quantidade[b-503sg97gtd] { display: flex; flex-direction: column; gap: 6px; }
.quantidade-rotulo[b-503sg97gtd] { font-size: .86rem; font-weight: 550; color: var(--texto-suave); }

.quantidade-linha[b-503sg97gtd] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }

.quantidade-campo[b-503sg97gtd] {
    display: flex;
    align-items: stretch;
    width: min(240px, 100%);
    border: 1px solid var(--borda-forte);
    border-radius: var(--raio-p);
    background: var(--superficie);
    overflow: hidden;
    transition: border-color .15s, box-shadow .15s;
}

.quantidade-campo:focus-within[b-503sg97gtd] { border-color: var(--azul); box-shadow: var(--foco); }

.quantidade-campo input[b-503sg97gtd] {
    flex: 1;
    min-width: 0;
    min-height: 48px;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    padding: 8px 14px;
    font-size: 1.35rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.quantidade-campo input:focus[b-503sg97gtd] { box-shadow: none; }

.quantidade-unidade[b-503sg97gtd] {
    display: grid;
    place-items: center;
    padding: 0 14px;
    background: var(--superficie-2);
    border-left: 1px solid var(--borda);
    color: var(--texto-suave);
    font-size: .9rem;
    font-weight: 650;
}

.quantidade-tudo[b-503sg97gtd] { color: var(--azul); }
.quantidade-ajuda[b-503sg97gtd] { font-size: .86rem; color: var(--texto-fraco); }
/* /Componentes/CapaDaObra.razor.rz.scp.css */
/* O quadro é de quem usa a capa (posicionado e com o tamanho dele); a capa só o preenche. */
.capa[b-j0v1wa8gpo] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    color: var(--sobre-navy);
    background:
        radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--ambar) 30%, transparent), transparent 46%),
        linear-gradient(135deg, var(--navy) 0%, var(--navy-3) 100%);
}

/* Quatro variações nos tons da marca, para as obras sem capa não ficarem todas iguais. */
.capa-tom-1[b-j0v1wa8gpo] {
    background:
        radial-gradient(circle at 8% 100%, color-mix(in srgb, var(--ambar) 30%, transparent), transparent 50%),
        linear-gradient(160deg, var(--navy-2) 0%, color-mix(in srgb, var(--navy-3) 55%, var(--serie-1)) 100%);
}

/* O mais quente: o âmbar sobe do canto de baixo e toma quase metade. */
.capa-tom-2[b-j0v1wa8gpo] {
    background:
        radial-gradient(ellipse at 100% 110%, color-mix(in srgb, var(--ambar) 46%, transparent), transparent 58%),
        linear-gradient(120deg, var(--navy) 0%, var(--navy-2) 70%, var(--navy-3) 100%);
}

/* O mais frio: azul claro no alto, sem âmbar. */
.capa-tom-3[b-j0v1wa8gpo] {
    background:
        radial-gradient(circle at 15% -10%, color-mix(in srgb, var(--serie-1) 55%, transparent), transparent 55%),
        linear-gradient(200deg, var(--navy-3) 0%, var(--navy) 100%);
}

/* A grade de prancheta, que some nas bordas. */
.capa:not(.capa-com-foto)[b-j0v1wa8gpo]::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(color-mix(in srgb, var(--sobre-navy) 8%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--sobre-navy) 8%, transparent) 1px, transparent 1px);
    background-size: 22px 22px;
    background-position: -1px -1px;
    mask-image: radial-gradient(ellipse at 60% 40%, var(--navy) 10%, transparent 75%);
    pointer-events: none;
}

.capa-desenho[b-j0v1wa8gpo] { position: absolute; inset: 0; }

.capa-desenho[b-j0v1wa8gpo]  .capa-predio {
    position: absolute;
    right: 4%;
    bottom: -18%;
    color: color-mix(in srgb, var(--sobre-navy) 14%, transparent);
    stroke-width: 1;
}

.capa-iniciais[b-j0v1wa8gpo] {
    position: absolute;
    left: 20px;
    bottom: 14px;
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: .03em;
    line-height: 1;
    color: color-mix(in srgb, var(--sobre-navy) 94%, transparent);
}

.capa-iniciais[b-j0v1wa8gpo]::before {
    content: "";
    display: block;
    width: 26px;
    height: 3px;
    margin-bottom: 10px;
    border-radius: 2px;
    background: var(--ambar);
}

.capa-faixa .capa-desenho[b-j0v1wa8gpo]  .capa-predio { right: 3%; bottom: -30%; color: color-mix(in srgb, var(--sobre-navy) 9%, transparent); }

.capa-miniatura .capa-iniciais[b-j0v1wa8gpo] {
    left: 0;
    right: 0;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    text-align: center;
    font-size: .82rem;
    font-weight: 750;
    letter-spacing: .05em;
}

.capa-miniatura .capa-iniciais[b-j0v1wa8gpo]::before { display: none; }
.capa-miniatura[b-j0v1wa8gpo]::before { background-size: 8px 8px; }

.capa img[b-j0v1wa8gpo] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    animation: aparecer-b-j0v1wa8gpo .3s ease-out;
    transition: transform .35s ease;
}

@keyframes aparecer-b-j0v1wa8gpo { from { opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
    .capa img[b-j0v1wa8gpo] { animation: none; transition: none; }
}
/* /Componentes/CartaoDeObra.razor.rz.scp.css */
.cartao-de-obra[b-zsw53flu96] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: 12px;
    overflow: hidden;
    color: var(--texto);
    text-decoration: none;
    transition: border-color .15s, box-shadow .2s, transform .2s;
}

.cartao-de-obra:hover[b-zsw53flu96] { border-color: var(--borda-forte); box-shadow: var(--sombra-alta); transform: translateY(-2px); }
.cartao-de-obra:hover[b-zsw53flu96]  .capa img { transform: scale(1.04); }
.cartao-de-obra:focus-visible[b-zsw53flu96] { outline: 2px solid var(--ambar); outline-offset: 2px; }

.cartao-de-obra-capa[b-zsw53flu96] { position: relative; aspect-ratio: 2 / 1; background: var(--navy); }

/* Em cima da foto a etiqueta precisa de fundo firme: no tema escuro o fundo dela é translúcido. */
.cartao-de-obra-selo[b-zsw53flu96] {
    position: absolute;
    top: 10px;
    left: 10px;
    display: inline-flex;
    border-radius: 999px;
    background: var(--superficie);
    box-shadow: 0 1px 4px color-mix(in srgb, var(--navy) 35%, transparent);
}

.cartao-de-obra-corpo[b-zsw53flu96] { display: flex; flex-direction: column; gap: 12px; padding: 14px 16px 12px; flex: 1; }

.cartao-de-obra-titulo[b-zsw53flu96] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

.cartao-de-obra-titulo h2[b-zsw53flu96], .cartao-de-obra-titulo p[b-zsw53flu96] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cartao-de-obra-titulo h2[b-zsw53flu96] { margin: 0; font-size: 1.02rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.3; }
.cartao-de-obra-titulo p[b-zsw53flu96] { font-size: .84rem; color: var(--texto-fraco); }

.cartao-de-obra-sem-servico[b-zsw53flu96] { font-size: .84rem; color: var(--texto-fraco); padding: 6px 0 7px; }

.progresso-da-obra[b-zsw53flu96] { display: flex; flex-direction: column; gap: 7px; }
.progresso-da-obra-texto[b-zsw53flu96] { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: .8rem; color: var(--texto-fraco); }
.progresso-da-obra-texto strong[b-zsw53flu96] { font-size: .88rem; color: var(--texto); font-variant-numeric: tabular-nums; }
.progresso-da-obra-trilho[b-zsw53flu96] { position: relative; display: block; height: 8px; border-radius: 4px; background: var(--superficie-3); }
.progresso-da-obra-trilho.com-rotulo[b-zsw53flu96] { margin-top: 16px; }
.progresso-da-obra-barra[b-zsw53flu96] { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background: var(--serie-1); }


.cartao-de-obra-fatos[b-zsw53flu96] {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    border: 1px solid var(--borda);
    border-radius: 8px;
    margin: 0;
}

.cartao-de-obra-fatos div[b-zsw53flu96] { display: flex; flex-direction: column-reverse; justify-content: flex-end; padding: 7px 10px; min-width: 0; }
.cartao-de-obra-fatos div + div[b-zsw53flu96] { border-left: 1px solid var(--borda); }
.cartao-de-obra-fatos dt[b-zsw53flu96] { font-size: .74rem; color: var(--texto-fraco); line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cartao-de-obra-fatos dd[b-zsw53flu96] { margin: 0; font-size: .9rem; font-weight: 650; font-variant-numeric: tabular-nums; }

.cartao-de-obra-rodape[b-zsw53flu96] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid var(--borda);
    min-height: 37px;
}

.cartao-de-obra-responsaveis[b-zsw53flu96] { flex: 1; min-width: 0; font-size: .82rem; color: var(--texto-suave); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.cartao-de-obra-rodape[b-zsw53flu96]  .cartao-de-obra-seta { color: var(--texto-fraco); transition: transform .2s, color .2s; }
.cartao-de-obra:hover[b-zsw53flu96]  .cartao-de-obra-seta { color: var(--texto); transform: translateX(2px); }

@media (prefers-reduced-motion: reduce) {
    .cartao-de-obra[b-zsw53flu96], .cartao-de-obra:hover[b-zsw53flu96] { transform: none; }
}
/* /Componentes/ConfirmacaoDoMovimento.razor.rz.scp.css */
.confirmacao[b-x7oqzrmqqh] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 16px;
    border-radius: var(--raio-p);
    border: 1px solid transparent;
}

.confirmacao-icone[b-x7oqzrmqqh] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.confirmacao-texto[b-x7oqzrmqqh] { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding-top: 1px; }
.confirmacao-texto strong[b-x7oqzrmqqh] { font-size: .8rem; font-weight: 650; text-transform: uppercase; letter-spacing: .05em; }
.confirmacao-texto p[b-x7oqzrmqqh] { font-size: 1rem; line-height: 1.45; color: var(--texto); overflow-wrap: anywhere; }
.confirmacao-texto p[b-x7oqzrmqqh]  b { font-weight: 650; }

.confirmacao-azul[b-x7oqzrmqqh] { background: var(--azul-fundo); border-color: color-mix(in srgb, var(--azul) 22%, transparent); }
.confirmacao-azul .confirmacao-icone[b-x7oqzrmqqh] { background: var(--superficie); color: var(--azul); }
.confirmacao-azul .confirmacao-texto strong[b-x7oqzrmqqh] { color: var(--azul); }

.confirmacao-perigo[b-x7oqzrmqqh] { background: var(--vermelho-fundo); border-color: color-mix(in srgb, var(--vermelho) 25%, transparent); }
.confirmacao-perigo .confirmacao-icone[b-x7oqzrmqqh] { background: var(--superficie); color: var(--vermelho); }
.confirmacao-perigo .confirmacao-texto strong[b-x7oqzrmqqh] { color: var(--vermelho); }

.confirmacao-pendente[b-x7oqzrmqqh] { background: var(--superficie-2); border: 1px dashed var(--borda-forte); }
.confirmacao-pendente .confirmacao-icone[b-x7oqzrmqqh] { background: var(--superficie-3); color: var(--texto-fraco); }
.confirmacao-pendente .confirmacao-texto strong[b-x7oqzrmqqh] { color: var(--texto-fraco); }
.confirmacao-pendente .confirmacao-texto p[b-x7oqzrmqqh] { color: var(--texto-suave); font-size: .92rem; }
/* /Componentes/EditarServico.razor.rz.scp.css */
.servico-acoes[b-xijaebfpjv] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin: 0; }
.servico-acoes > .botao:first-child[b-xijaebfpjv] { margin-right: auto; }

@media (max-width: 800px) {
    .servico-acoes[b-xijaebfpjv] { flex-direction: column-reverse; align-items: stretch; }
    .servico-acoes > .botao:first-child[b-xijaebfpjv] { margin-right: 0; }
    .servico-acoes .botao[b-xijaebfpjv] { justify-content: center; }
}
/* /Componentes/EncaminharDoEstoque.razor.rz.scp.css */
.encaminhar[b-3pc8e1asfy] { gap: 18px; }

.lote[b-3pc8e1asfy] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--borda);
    border-radius: var(--raio-p);
    background: var(--superficie-2);
}

.lote-texto[b-3pc8e1asfy] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.lote-texto strong[b-3pc8e1asfy] { font-size: .98rem; overflow-wrap: anywhere; }
.lote-texto small[b-3pc8e1asfy] { font-size: .82rem; color: var(--texto-fraco); }

fieldset[b-3pc8e1asfy] { margin: 0; padding: 0; border: 0; min-width: 0; }
legend[b-3pc8e1asfy], .rotulo[b-3pc8e1asfy] { display: block; margin-bottom: 7px; padding: 0; font-size: .86rem; font-weight: 600; color: var(--texto-suave); }

.destino[b-3pc8e1asfy] { align-self: flex-start; }
.destino button[b-3pc8e1asfy] { padding: 8px 16px; }

.encaminhar-acoes[b-3pc8e1asfy] { display: flex; justify-content: space-between; gap: 10px; margin: 0; }

@media (max-width: 800px) {
    .encaminhar-acoes[b-3pc8e1asfy] { flex-direction: column-reverse; }
    .encaminhar-acoes .botao[b-3pc8e1asfy] { justify-content: center; }
}

@media (max-width: 640px) {
    .destino[b-3pc8e1asfy] { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
    .destino button[b-3pc8e1asfy] { justify-content: center; padding: 8px 6px; font-size: .84rem; }
    .destino[b-3pc8e1asfy]  .icone { display: none; }
}
/* /Componentes/EntradaNoEstoque.razor.rz.scp.css */
.formulario-de-entrada[b-uw7xzz2x0s] { gap: 18px; }

fieldset[b-uw7xzz2x0s] { margin: 0; padding: 0; border: 0; min-width: 0; }
legend[b-uw7xzz2x0s], .rotulo[b-uw7xzz2x0s] { display: block; margin-bottom: 7px; padding: 0; font-size: .86rem; font-weight: 600; color: var(--texto-suave); }

/* Os almoxarifados como cartões de escolha: nome, onde fica e, com o item escolhido, quanto já tem lá. */
.lugares[b-uw7xzz2x0s] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }

.lugar[b-uw7xzz2x0s] {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 13px;
    border: 1px solid var(--borda);
    border-radius: var(--raio-p);
    background: var(--superficie);
    color: var(--texto);
    font-size: .9rem;
    cursor: pointer;
    transition: border-color .15s, background .15s, box-shadow .15s;
}

.lugar:hover[b-uw7xzz2x0s] { border-color: var(--borda-forte); }
.lugar:focus-within[b-uw7xzz2x0s] { box-shadow: var(--foco); }
.lugar input[b-uw7xzz2x0s] { margin: 2px 0 0; }
.lugar.marcado[b-uw7xzz2x0s] { border-color: var(--azul); background: var(--azul-fundo); box-shadow: inset 0 0 0 1px var(--azul); }

.lugar-texto[b-uw7xzz2x0s] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.lugar-nome[b-uw7xzz2x0s] { font-weight: 650; color: var(--texto); }
.lugar-local[b-uw7xzz2x0s] { font-size: .8rem; font-weight: 400; color: var(--texto-fraco); }
.lugar-saldo[b-uw7xzz2x0s] { margin-top: 4px; font-size: .78rem; font-weight: 650; color: var(--texto-suave); }

.dica[b-uw7xzz2x0s] { font-size: .86rem; color: var(--texto-fraco); }

.entrada-acoes[b-uw7xzz2x0s] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.entrada-acoes > .botao:first-child[b-uw7xzz2x0s] { margin-right: auto; }

@media (max-width: 800px) {
    .entrada-acoes[b-uw7xzz2x0s] { flex-direction: column-reverse; align-items: stretch; }
    .entrada-acoes > .botao:first-child[b-uw7xzz2x0s] { margin-right: 0; }
    .entrada-acoes .botao[b-uw7xzz2x0s] { justify-content: center; }
}

@media (max-width: 480px) {
    .lugares[b-uw7xzz2x0s] { grid-template-columns: minmax(0, 1fr); }
}
/* /Componentes/EquipePorObra.razor.rz.scp.css */
.por-obra[b-6r9roidwio] { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 18px; align-items: start; }

.grupo-de-hoje[b-6r9roidwio] { background: var(--superficie); border: 1px solid var(--borda); border-radius: 12px; overflow: hidden; }

.grupo-topo[b-6r9roidwio] { display: flex; align-items: baseline; gap: 10px; padding: 11px 18px; background: var(--navy-2); color: #fff; }
.grupo-topo h2[b-6r9roidwio] { margin: 0; min-width: 0; font-size: .98rem; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.grupo-topo h2 a[b-6r9roidwio] { color: #fff; text-decoration: none; }
.grupo-topo h2 a:hover[b-6r9roidwio] { text-decoration: underline; }
.grupo-topo small[b-6r9roidwio] { font-size: .8rem; color: var(--sobre-navy-suave); white-space: nowrap; }
.grupo-contagem[b-6r9roidwio] { margin-left: auto; font-size: .82rem; font-weight: 650; color: var(--ambar); white-space: nowrap; }

.grupo-livres .grupo-topo[b-6r9roidwio] { background: var(--verde); }
.grupo-livres .grupo-topo small[b-6r9roidwio] { color: color-mix(in srgb, #fff 80%, var(--verde)); }
.grupo-livres .grupo-contagem[b-6r9roidwio] { color: #fff; }

.grupo-de-hoje li + li[b-6r9roidwio] { border-top: 1px solid var(--borda); }

.pessoa-da-obra[b-6r9roidwio] { position: relative; display: flex; align-items: center; gap: 12px; padding: 10px 16px; transition: background .12s; }
.pessoa-da-obra:hover[b-6r9roidwio] { background: var(--superficie-2); }

.pessoa-da-obra-texto[b-6r9roidwio] { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.pessoa-da-obra-nome[b-6r9roidwio] { font-size: .92rem; font-weight: 650; color: var(--texto); text-decoration: none; }
.pessoa-da-obra-nome[b-6r9roidwio]::after { content: ""; position: absolute; inset: 0; }
.pessoa-da-obra-nome:focus-visible[b-6r9roidwio] { outline: none; }
.pessoa-da-obra:has(.pessoa-da-obra-nome:focus-visible)[b-6r9roidwio] { box-shadow: inset 0 0 0 2px var(--ambar); }
.pessoa-da-obra-texto small[b-6r9roidwio] { font-size: .78rem; color: var(--texto-fraco); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pessoa-da-obra-acao[b-6r9roidwio] { position: relative; z-index: 1; flex-shrink: 0; font-size: .82rem; font-weight: 600; text-decoration: none; }
.pessoa-da-obra-acao:hover[b-6r9roidwio] { text-decoration: underline; }

@media (max-width: 800px) {
    .por-obra[b-6r9roidwio] { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}
/* /Componentes/Escolha.razor.rz.scp.css */
.escolha[b-do8s5jd89e] { position: relative; display: flex; min-width: 0; }

.escolha-botao[b-do8s5jd89e] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
    min-height: 40px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: var(--superficie-3);
    color: var(--texto);
    font-weight: 400;
    font-size: .95rem;
    text-align: left;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, background-color .15s;
}
.escolha-botao:hover:not(:disabled)[b-do8s5jd89e] { background: color-mix(in srgb, var(--superficie-3) 85%, var(--texto-fraco)); }
.escolha-botao:focus-visible[b-do8s5jd89e], .escolha-botao[aria-expanded="true"][b-do8s5jd89e] {
    outline: none;
    border-color: var(--navy-3);
    background: var(--superficie);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--navy-3) 14%, transparent);
}
.escolha-botao:disabled[b-do8s5jd89e] { color: var(--texto-fraco); cursor: not-allowed; opacity: .7; }

.escolha-ativa .escolha-botao[b-do8s5jd89e] { background: var(--azul-fundo); color: var(--azul); font-weight: 550; }

.escolha-botao[b-do8s5jd89e]  .escolha-icone { flex: none; color: var(--texto-fraco); }
.escolha-botao[b-do8s5jd89e]  .escolha-seta { flex: none; margin-left: auto; color: var(--texto-fraco); transition: transform .15s; }
.escolha-botao[aria-expanded="true"][b-do8s5jd89e]  .escolha-seta { transform: rotate(180deg); }

.escolha-texto[b-do8s5jd89e] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: pre; }

.escolha-obrigatoria[b-do8s5jd89e] { position: absolute; left: 12px; bottom: 0; width: 1px; height: 1px; min-height: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; }

.escolha-painel[b-do8s5jd89e] {
    position: fixed;
    z-index: 90;
    display: flex;
    flex-direction: column;
    max-width: min(440px, calc(100vw - 16px));
    padding: 6px;
    border: 1px solid var(--borda);
    border-radius: 12px;
    background: var(--superficie);
    box-shadow: 0 12px 32px rgba(14, 27, 43, .18);
    animation: abrir-escolha-b-do8s5jd89e .12s ease-out;
}
.escolha-painel:focus[b-do8s5jd89e] { outline: none; }

.escolha-busca[b-do8s5jd89e] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 6px;
    padding: 0 10px;
    border-radius: 8px;
    background: var(--superficie-3);
    color: var(--texto-fraco);
}
.escolha-busca input[b-do8s5jd89e] { flex: 1; min-width: 0; min-height: 36px; padding: 0; border: 0; background: none; box-shadow: none; font-size: .9rem; }
.escolha-busca input:focus[b-do8s5jd89e] { box-shadow: none; }

.escolha-lista[b-do8s5jd89e] { flex: 1; min-height: 0; margin: 0; padding: 0; list-style: none; overflow-y: auto; }

.escolha-grupo[b-do8s5jd89e] {
    padding: 8px 10px 4px;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--texto-fraco);
}

.escolha-opcao[b-do8s5jd89e] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: .9rem;
    cursor: pointer;
}
.escolha-opcao.ativa[b-do8s5jd89e] { background: var(--superficie-3); }
.escolha-opcao.escolhida[b-do8s5jd89e] { background: color-mix(in srgb, var(--azul) 10%, transparent); font-weight: 600; }
.escolha-opcao.escolhida.ativa[b-do8s5jd89e] { background: color-mix(in srgb, var(--azul) 16%, transparent); }
.escolha-opcao.desativada[b-do8s5jd89e] { color: var(--texto-fraco); cursor: not-allowed; }
.escolha-opcao-texto[b-do8s5jd89e] { flex: 1; min-width: 0; white-space: pre; overflow: hidden; text-overflow: ellipsis; }
.escolha-opcao[b-do8s5jd89e]  .escolha-marca { flex: none; color: var(--navy-3); }

.escolha-nada[b-do8s5jd89e] { padding: 10px; font-size: .88rem; color: var(--texto-fraco); }

@keyframes abrir-escolha-b-do8s5jd89e { from { opacity: 0; transform: translateY(-4px); } }

@media (prefers-reduced-motion: reduce) {
    .escolha-painel[b-do8s5jd89e] { animation: none; }
}
/* /Componentes/EstoquePorAlmoxarifado.razor.rz.scp.css */
.por-almoxarifado[b-8u0gjg9b5b] { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 18px; align-items: start; }

.lugar[b-8u0gjg9b5b] { background: var(--superficie); border: 1px solid var(--borda); border-radius: 12px; overflow: hidden; }

.lugar-topo[b-8u0gjg9b5b] { display: flex; align-items: baseline; gap: 10px; padding: 11px 18px; background: var(--navy-2); color: #fff; }
.lugar-topo h2[b-8u0gjg9b5b] { margin: 0; min-width: 0; font-size: .98rem; font-weight: 650; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lugar-contagem[b-8u0gjg9b5b] { margin-left: auto; font-size: .82rem; font-weight: 650; color: var(--ambar); white-space: nowrap; }

.lote[b-8u0gjg9b5b] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 16px; }
.lote + .lote[b-8u0gjg9b5b] { border-top: 1px solid var(--borda); }

.lote-nome[b-8u0gjg9b5b] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.lote-nome strong[b-8u0gjg9b5b], .lote-nome small[b-8u0gjg9b5b] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lote-nome strong[b-8u0gjg9b5b] { font-size: .9rem; font-weight: 650; }
.lote-nome small[b-8u0gjg9b5b] { font-size: .78rem; color: var(--texto-fraco); }

.lote-saldo[b-8u0gjg9b5b] { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; white-space: nowrap; font-variant-numeric: tabular-nums; font-size: .9rem; }
.lote-saldo strong[b-8u0gjg9b5b] { font-weight: 700; }
.lote-saldo small[b-8u0gjg9b5b] { color: var(--texto-fraco); }

.lote-acoes[b-8u0gjg9b5b] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; width: 100%; padding-left: 42px; }

.zerado .lote-nome strong[b-8u0gjg9b5b] { color: var(--texto-fraco); }

@media (max-width: 800px) {
    .por-almoxarifado[b-8u0gjg9b5b] { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .lote-acoes[b-8u0gjg9b5b] { justify-content: flex-start; }
}
/* /Componentes/EstoquePorItem.razor.rz.scp.css */
.estoque-por-item[b-92xav6ndno] { background: var(--superficie); border: 1px solid var(--borda); border-radius: 12px; overflow: hidden; }

.linha[b-92xav6ndno] {
    display: grid;
    grid-template-columns: minmax(0, 2.4fr) minmax(0, 1fr) minmax(90px, .9fr) minmax(0, 2.2fr) minmax(0, 1.1fr) 210px;
    align-items: center;
    gap: 18px;
    padding: 11px 20px;
    font-size: .88rem;
}

.cabecalho[b-92xav6ndno] { padding: 11px 20px; background: var(--navy-2); color: #fff; font-size: .8rem; font-weight: 650; }

li + li[b-92xav6ndno], .cabecalho + ul > li:first-child[b-92xav6ndno] { border-top: 1px solid var(--borda); }

.item[b-92xav6ndno] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.item-nome[b-92xav6ndno] { display: flex; flex-direction: column; min-width: 0; }
.item-nome strong[b-92xav6ndno], .item-nome small[b-92xav6ndno] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.item-nome strong[b-92xav6ndno] { font-size: .92rem; font-weight: 650; }
.item-nome small[b-92xav6ndno] { font-size: .78rem; color: var(--texto-fraco); }

.categoria[b-92xav6ndno] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.saldo[b-92xav6ndno] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.saldo strong[b-92xav6ndno] { font-weight: 700; }
.saldo small[b-92xav6ndno] { color: var(--texto-fraco); }

.onde-esta[b-92xav6ndno] { display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; }

.lugar[b-92xav6ndno] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 2px 10px;
    border: 1px solid var(--borda);
    border-radius: 999px;
    background: var(--superficie-2);
    font-size: .78rem;
    color: var(--texto-suave);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lugar b[b-92xav6ndno] { color: var(--texto); font-variant-numeric: tabular-nums; }

.acoes[b-92xav6ndno] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }

.acoes[b-92xav6ndno]  .seta, .acoes[b-92xav6ndno]  .seta-virada { transition: transform .15s; }
.acoes[b-92xav6ndno]  .seta-virada { transform: rotate(180deg); }

.zerado .item-nome strong[b-92xav6ndno], .zerado .categoria[b-92xav6ndno] { color: var(--texto-fraco); }

/* Os lotes do item, abertos embaixo da linha dele. */
.lotes[b-92xav6ndno] { background: var(--superficie-2); border-top: 1px solid var(--borda); }

.lote[b-92xav6ndno] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr) minmax(90px, auto) auto;
    align-items: center;
    gap: 16px;
    padding: 9px 20px 9px 62px;
    font-size: .85rem;
}

.lote + .lote[b-92xav6ndno] { border-top: 1px dashed var(--borda); }
.lote-onde[b-92xav6ndno] { display: inline-flex; align-items: center; gap: 6px; color: var(--texto-suave); min-width: 0; }
.lote-saldo[b-92xav6ndno] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.lote-saldo small[b-92xav6ndno] { color: var(--texto-fraco); }

@media (max-width: 1180px) {
    .linha[b-92xav6ndno] { grid-template-columns: minmax(0, 2.4fr) minmax(90px, .9fr) minmax(0, 2fr) minmax(0, 1.1fr) 200px; }
    .categoria[b-92xav6ndno], .cabecalho > span:nth-child(2)[b-92xav6ndno] { display: none; }
}

/* No celular a linha vira um bloco: o item em cima, o saldo e a validade, e os lugares e as ações embaixo. */
@media (max-width: 760px) {
    .cabecalho[b-92xav6ndno] { display: none; }
    .cabecalho + ul > li:first-child[b-92xav6ndno] { border-top: 0; }

    .linha[b-92xav6ndno] { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 12px 14px; }
    .item[b-92xav6ndno] { grid-column: 1 / -1; }
    .saldo[b-92xav6ndno] { grid-column: 2; grid-row: 2; }
    .validade[b-92xav6ndno] { grid-column: 1; grid-row: 2; }
    .onde-esta[b-92xav6ndno], .acoes[b-92xav6ndno] { grid-column: 1 / -1; }
    .acoes[b-92xav6ndno] { justify-content: flex-start; }

    .lote[b-92xav6ndno] { grid-template-columns: minmax(0, 1fr) auto; padding: 10px 14px; gap: 6px 12px; }
    .lote .acoes[b-92xav6ndno] { grid-column: 1 / -1; }
}
/* /Componentes/FichaDoFuncionario.razor.rz.scp.css */
.carregando-ficha[b-akpgr8bnnb] { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 64px 0; }

/* O perfil: a capa azul-marinho, o avatar grande por cima dela, o nome e as etiquetas. */

.perfil[b-akpgr8bnnb] {
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
    overflow: hidden;
}

.perfil-capa[b-akpgr8bnnb] {
    height: 88px;
    background:
        radial-gradient(circle at 85% -40%, color-mix(in srgb, var(--azul) 45%, transparent), transparent 55%),
        linear-gradient(120deg, var(--navy) 0%, var(--navy-3) 100%);
}

.perfil-conteudo[b-akpgr8bnnb] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px 22px; padding: 0 26px 22px; }

.perfil-conteudo[b-akpgr8bnnb]  .avatar {
    width: 100px;
    height: 100px;
    margin-top: -44px;
    font-size: 2rem;
    box-shadow: 0 0 0 5px var(--superficie);
}

.perfil-texto[b-akpgr8bnnb] { display: flex; flex-direction: column; gap: 9px; flex: 1; min-width: 0; }

.perfil-etiquetas[b-akpgr8bnnb] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.perfil-contagem[b-akpgr8bnnb] { font-size: .82rem; color: var(--texto-fraco); }
.perfil .acoes[b-akpgr8bnnb] { padding-bottom: 2px; }

.amostra-de-serie[b-akpgr8bnnb] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }

/* As seções: especialidades e dados na coluna larga; onde está hoje ao lado. */

.ficha[b-akpgr8bnnb] {
    background: var(--superficie-2);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    grid-template-areas: "especialidades onde" "dados onde";
    grid-template-rows: auto 1fr;
    gap: 20px;
    align-items: start;
}

.onde-hoje[b-akpgr8bnnb] { grid-area: onde; }
.especialidades[b-akpgr8bnnb] { grid-area: especialidades; }
.dados-do-funcionario[b-akpgr8bnnb] { grid-area: dados; }

.especialidades > .cabecalho[b-akpgr8bnnb] { align-items: flex-start; }
.ajuda[b-akpgr8bnnb] { margin-top: 3px; font-size: .82rem; color: var(--texto-fraco); }

/* Onde está hoje. */

.lugar[b-akpgr8bnnb] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid var(--borda);
    border-radius: var(--raio-p);
    background: var(--superficie-2);
    color: var(--texto);
    text-decoration: none;
    transition: border-color .15s, background .15s;
}

a.lugar:hover[b-akpgr8bnnb] { border-color: var(--borda-forte); background: var(--superficie-3); }

.lugar-icone[b-akpgr8bnnb] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--azul-fundo);
    color: var(--azul);
    flex-shrink: 0;
}

.lugar.livre .lugar-icone[b-akpgr8bnnb] { background: var(--verde-fundo); color: var(--verde); }
.lugar-texto[b-akpgr8bnnb] { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.lugar-texto strong[b-akpgr8bnnb] { font-size: .98rem; font-weight: 650; }
.lugar-texto span[b-akpgr8bnnb] { font-size: .82rem; color: var(--texto-fraco); }
.lugar[b-akpgr8bnnb]  .lugar-seta { color: var(--texto-fraco); }

.ver-equipe[b-akpgr8bnnb] { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-size: .88rem; font-weight: 550; text-decoration: none; }
.ver-equipe:hover[b-akpgr8bnnb] { text-decoration: underline; }

/* Especialidades: cada uma é um botão que liga e desliga. */

.chips-de-especialidade[b-akpgr8bnnb] { display: flex; flex-wrap: wrap; gap: 8px; }

.escolha-de-especialidade[b-akpgr8bnnb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 6px 15px 6px 11px;
    border: 1px solid var(--borda-forte);
    border-radius: 999px;
    background: var(--superficie);
    color: var(--texto-suave);
    font-size: .88rem;
    font-weight: 500;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}

.escolha-de-especialidade[b-akpgr8bnnb]  .icone { color: var(--texto-fraco); }
.escolha-de-especialidade:hover[b-akpgr8bnnb] { border-color: var(--texto-fraco); color: var(--texto); }

.escolha-de-especialidade[aria-pressed="true"][b-akpgr8bnnb] { background: var(--azul-fundo); border-color: var(--azul); color: var(--texto); font-weight: 600; }
.escolha-de-especialidade[aria-pressed="true"][b-akpgr8bnnb]  .icone { color: var(--azul); }

.escolha-de-especialidade:disabled[b-akpgr8bnnb] { opacity: .6; cursor: progress; }

.escolha-de-especialidade.nova[b-akpgr8bnnb] { border-style: dashed; background: none; color: var(--azul); }
.escolha-de-especialidade.nova[b-akpgr8bnnb]  .icone { color: var(--azul); }

.especialidade-marcada[b-akpgr8bnnb] {
    padding: 5px 14px;
    border: 1px solid var(--borda);
    border-radius: 999px;
    background: var(--superficie-2);
    font-size: .88rem;
    font-weight: 500;
}

.nova-especialidade[b-akpgr8bnnb] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.nova-especialidade input[b-akpgr8bnnb] { flex: 1 1 220px; min-width: 0; max-width: 340px; min-height: 36px; }

.especialidades .erro[b-akpgr8bnnb], .dados-do-funcionario .erro[b-akpgr8bnnb], .dados-do-funcionario .faixa[b-akpgr8bnnb] { margin-top: 14px; }
.dados-do-funcionario .faixa span[b-akpgr8bnnb] { display: inline-flex; align-items: center; gap: 8px; }

/* Dados. */

.campos[b-akpgr8bnnb] { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 22px 36px; align-items: start; }
.campo[b-akpgr8bnnb] { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.campo label[b-akpgr8bnnb], .rotulo[b-akpgr8bnnb] { font-size: .86rem; font-weight: 550; color: var(--texto-suave); }
.campo .alternador[b-akpgr8bnnb] { align-self: flex-start; }
.campo .campo-com-botao[b-akpgr8bnnb] { max-width: 520px; }
.campo .alternador button:disabled[b-akpgr8bnnb] { cursor: progress; }
.campo .ajuda[b-akpgr8bnnb] { margin-top: 0; }

@media (max-width: 800px) {
    .ficha[b-akpgr8bnnb] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "onde" "especialidades" "dados"; grid-template-rows: none; gap: 16px; }

    .perfil-capa[b-akpgr8bnnb] { height: 68px; }
    .perfil-conteudo[b-akpgr8bnnb] { flex-direction: column; align-items: flex-start; gap: 12px; padding: 0 16px 18px; }
    .perfil-conteudo[b-akpgr8bnnb]  .avatar { width: 84px; height: 84px; margin-top: -40px; font-size: 1.7rem; }
    .perfil .acoes[b-akpgr8bnnb] { width: 100%; }
    .perfil .acoes .botao[b-akpgr8bnnb] { flex: 1; }
}

/* Na janela: a capa encosta nas bordas, o X fica claro sobre ela e as seções ganham margem. */

.janela-do-funcionario[b-akpgr8bnnb]  .janela-fechar-solto { color: #fff; }
.janela-do-funcionario[b-akpgr8bnnb]  .janela-fechar-solto:hover { background: rgb(255 255 255 / .14); color: #fff; }

.perfil[b-akpgr8bnnb] { border: 0; border-radius: 0; box-shadow: none; border-bottom: 1px solid var(--borda); }
.perfil-texto h2[b-akpgr8bnnb] { font-size: 1.5rem; overflow-wrap: anywhere; }

.janela-do-funcionario .erro[b-akpgr8bnnb] { margin: 16px 24px 0; }
.ficha[b-akpgr8bnnb] { padding: 20px 24px 24px; grid-template-columns: minmax(0, 1fr) minmax(240px, 280px); }
.ficha-vazia[b-akpgr8bnnb] { padding: 32px 24px; }

@media (max-width: 800px) {
    .ficha[b-akpgr8bnnb] { padding: 16px; grid-template-columns: minmax(0, 1fr); }
    .janela-do-funcionario .erro[b-akpgr8bnnb] { margin: 12px 16px 0; }
}
/* /Componentes/FichaDoUsuario.razor.rz.scp.css */
.sem-ficha[b-kijaxjb85k] { padding: 24px; }

.ficha-do-usuario[b-kijaxjb85k] { display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: 100%; }

.lado-da-pessoa[b-kijaxjb85k] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 24px 20px;
    background: var(--navy);
    color: #F1F5FA;
}
.quem[b-kijaxjb85k] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.quem h3[b-kijaxjb85k] { margin: 0; font-size: 1.12rem; line-height: 1.25; overflow-wrap: anywhere; }
.quem span[b-kijaxjb85k] { font-size: .82rem; color: #B3C2D5; overflow-wrap: anywhere; }

.etiquetas[b-kijaxjb85k] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

.fatos[b-kijaxjb85k] { display: flex; flex-direction: column; gap: 12px; margin: 0; }
.fatos div[b-kijaxjb85k] { padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .12); }
.fatos dt[b-kijaxjb85k] { font-size: .8rem; color: #B3C2D5; }
.fatos dd[b-kijaxjb85k] { margin: 0; font-weight: 700; }

.sessoes[b-kijaxjb85k] { display: flex; flex-direction: column; gap: 8px; margin-top: auto; padding-top: 12px; }
.sair-de-tudo[b-kijaxjb85k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 12px;
    border: 1px solid rgba(245, 163, 163, .4);
    border-radius: var(--raio-p);
    background: none;
    color: #F5A3A3;
    font: inherit;
    font-size: .86rem;
    font-weight: 600;
    cursor: pointer;
}
.sair-de-tudo[b-kijaxjb85k] { white-space: nowrap; }
.sair-de-tudo:hover[b-kijaxjb85k] { background: rgba(245, 163, 163, .12); }
.erro-das-sessoes[b-kijaxjb85k] { margin: 0; font-size: .82rem; color: #F5A3A3; }
.aviso-das-sessoes[b-kijaxjb85k] { display: flex; align-items: center; gap: 6px; margin: 0; font-size: .82rem; color: #9FE3C1; }

.miolo[b-kijaxjb85k] { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.partes[b-kijaxjb85k] { display: flex; flex-direction: column; gap: 20px; padding: 22px 56px 22px 24px; }

.parte[b-kijaxjb85k] { display: flex; flex-direction: column; gap: 10px; }
.parte h3[b-kijaxjb85k] { display: flex; align-items: center; gap: 8px; margin: 0; font-size: .98rem; }
.parte h3[b-kijaxjb85k]  .icone { color: var(--texto-fraco); }
.parte-descricao[b-kijaxjb85k] { margin-top: -4px; font-size: .84rem; color: var(--texto-fraco); }

.acesso[b-kijaxjb85k] { align-items: start; }
.campo-do-grupo[b-kijaxjb85k] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.descricao-do-grupo[b-kijaxjb85k] {
    margin: 0;
    padding: 9px 12px;
    border: 1px solid var(--borda);
    border-radius: var(--raio-p);
    background: var(--superficie-2);
    font-size: .82rem;
    color: var(--texto-suave);
}

.aviso-de-sessao[b-kijaxjb85k] { justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; gap: 8px; margin: 0; }
.aviso-de-sessao[b-kijaxjb85k]  .icone { margin-top: 2px; }

.obras[b-kijaxjb85k] { display: flex; flex-wrap: wrap; gap: 8px; }
.obras li[b-kijaxjb85k] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid var(--borda);
    border-radius: 999px;
    background: var(--superficie-2);
    font-size: .86rem;
    font-weight: 550;
}
.obras[b-kijaxjb85k]  .icone { color: var(--texto-fraco); }

.rodape-da-ficha[b-kijaxjb85k] {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: auto;
    padding: 14px 24px;
    border-top: 1px solid var(--borda);
    background: var(--superficie-2);
}

@media (max-width: 800px) {
    .ficha-do-usuario[b-kijaxjb85k] { grid-template-columns: 1fr; }
    .lado-da-pessoa[b-kijaxjb85k] { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px 14px; padding: 18px 56px 18px 16px; }
    .etiquetas[b-kijaxjb85k], .fatos[b-kijaxjb85k], .sessoes[b-kijaxjb85k] { grid-column: 1 / -1; }
    .fatos[b-kijaxjb85k] { flex-direction: row; gap: 16px; }
    .fatos div[b-kijaxjb85k] { flex: 1; }
    .sessoes[b-kijaxjb85k] { padding-top: 0; }
    .partes[b-kijaxjb85k] { padding: 18px 16px; }
    .rodape-da-ficha[b-kijaxjb85k] { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); }
    .rodape-da-ficha .botao[b-kijaxjb85k] { flex: 1; justify-content: center; }
}
/* /Componentes/FinalizarObra.razor.rz.scp.css */
.finalizar[b-mdvycc0yhz] { display: flex; flex-direction: column; gap: 16px; }

.resumo-da-obra[b-mdvycc0yhz] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--borda);
    border-radius: var(--raio-p);
    background: var(--verde-fundo);
}

.resumo-icone[b-mdvycc0yhz] { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--verde); color: var(--sobre-verde); flex-shrink: 0; }
.resumo-da-obra div[b-mdvycc0yhz] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.resumo-da-obra strong[b-mdvycc0yhz] { font-size: .98rem; }
.resumo-da-obra span[b-mdvycc0yhz] { font-size: .84rem; color: var(--texto-suave); }

.o-que-acontece[b-mdvycc0yhz] { display: flex; flex-direction: column; gap: 10px; font-size: .9rem; color: var(--texto-suave); }
.o-que-acontece li[b-mdvycc0yhz] { display: flex; align-items: flex-start; gap: 10px; }
.o-que-acontece[b-mdvycc0yhz]  .icone { margin-top: 2px; color: var(--texto-fraco); flex-shrink: 0; }

.aviso-de-finalizar[b-mdvycc0yhz] { justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; gap: 8px; margin: 0; font-size: .88rem; }
.aviso-de-finalizar[b-mdvycc0yhz]  .icone { margin-top: 2px; flex-shrink: 0; }

.acoes-de-finalizar[b-mdvycc0yhz] { justify-content: space-between; margin: 0; }

@media (max-width: 800px) {
    .acoes-de-finalizar[b-mdvycc0yhz] { flex-direction: column-reverse; align-items: stretch; }
    .acoes-de-finalizar .botao[b-mdvycc0yhz] { justify-content: center; }
}
/* /Componentes/FormularioDeConta.razor.rz.scp.css */
.conta-acoes[b-qot8ccp6n2] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin: 0; }
.conta-acoes > .botao:first-child[b-qot8ccp6n2] { margin-right: auto; }

@media (max-width: 800px) {
    .conta-acoes[b-qot8ccp6n2] { flex-direction: column-reverse; align-items: stretch; }
    .conta-acoes > .botao:first-child[b-qot8ccp6n2] { margin-right: 0; }
    .conta-acoes .botao[b-qot8ccp6n2] { justify-content: center; }
}
/* /Componentes/FormularioDeEncaminhamento.razor.rz.scp.css */
.encaminhamento-acoes[b-rep2lq8u99] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin: 0; }
.encaminhamento-acoes > .botao:first-child:not(:last-child)[b-rep2lq8u99] { margin-right: auto; }

@media (max-width: 800px) {
    .encaminhamento-acoes[b-rep2lq8u99] { flex-direction: column-reverse; align-items: stretch; }
    .encaminhamento-acoes > .botao:first-child[b-rep2lq8u99] { margin-right: 0; }
    .encaminhamento-acoes .botao[b-rep2lq8u99] { justify-content: center; }
}
/* /Componentes/FormularioDePedido.razor.rz.scp.css */
.formulario-de-pedido[b-lgfgdige4u] { gap: 18px; }

fieldset[b-lgfgdige4u] { margin: 0; padding: 0; border: 0; min-width: 0; }
legend[b-lgfgdige4u] { display: block; margin-bottom: 7px; padding: 0; font-size: .86rem; font-weight: 600; color: var(--texto-suave); }

.pedido-linhas[b-lgfgdige4u] { display: flex; flex-direction: column; gap: 10px; }

.pedido-linha[b-lgfgdige4u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 110px 130px 110px auto;
    align-items: start;
    gap: 10px;
}

.pedido-titulos[b-lgfgdige4u] { font-size: .74rem; font-weight: 650; letter-spacing: .04em; text-transform: uppercase; color: var(--texto-fraco); }
.pedido-item[b-lgfgdige4u] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.pedido-linha input[b-lgfgdige4u] { width: 100%; text-align: right; }
.pedido-total[b-lgfgdige4u] { padding-top: 10px; white-space: nowrap; }
.pedido-linha .botao-link[b-lgfgdige4u] { padding-top: 10px; }

.rodape-dos-itens[b-lgfgdige4u] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; }

.pedido-acoes[b-lgfgdige4u] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin: 0; }
.pedido-acoes > .botao:first-child[b-lgfgdige4u] { margin-right: auto; }

@media (max-width: 800px) {
    .pedido-titulos[b-lgfgdige4u] { display: none; }
    .pedido-linha[b-lgfgdige4u] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding-bottom: 10px; border-bottom: 1px solid var(--borda); }
    .pedido-item[b-lgfgdige4u] { grid-column: 1 / -1; }
    .pedido-total[b-lgfgdige4u], .pedido-linha .botao-link[b-lgfgdige4u] { padding-top: 0; }
    .pedido-linha .botao-link[b-lgfgdige4u] { justify-self: end; }

    .pedido-acoes[b-lgfgdige4u] { flex-direction: column-reverse; align-items: stretch; }
    .pedido-acoes > .botao:first-child[b-lgfgdige4u] { margin-right: 0; }
    .pedido-acoes .botao[b-lgfgdige4u] { justify-content: center; }
}
/* /Componentes/IconeDoTipo.razor.rz.scp.css */
.tipo[b-sgmewey2kv] {
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--azul-fundo);
    color: var(--azul);
}

.tipo-p[b-sgmewey2kv] { width: 30px; height: 30px; border-radius: 8px; }
.tipo-g[b-sgmewey2kv] { width: 52px; height: 52px; border-radius: 14px; }
/* /Componentes/ImportarPlanilha.razor.rz.scp.css */
.importacao[b-3n7b3jl4a0] { gap: 16px; }

.importacao-arquivo[b-3n7b3jl4a0] { align-items: center; margin: 0; }

.importacao-linhas[b-3n7b3jl4a0] { max-height: 46vh; overflow-y: auto; }

.importacao-acoes[b-3n7b3jl4a0] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin: 0; }
.importacao-acoes > .botao:first-child[b-3n7b3jl4a0] { margin-right: auto; }

@media (max-width: 800px) {
    .importacao-acoes[b-3n7b3jl4a0] { flex-direction: column-reverse; align-items: stretch; }
    .importacao-acoes > .botao:first-child[b-3n7b3jl4a0] { margin-right: 0; }
    .importacao-acoes .botao[b-3n7b3jl4a0] { justify-content: center; }
}
/* /Componentes/JanelaDoFinanceiro.razor.rz.scp.css */
.janela-camada[b-7gmb4yk5ok] {
    position: fixed;
    inset: 0;
    z-index: 70;
    display: grid;
    place-items: center;
    padding: 24px 16px;
}

.janela-fundo[b-7gmb4yk5ok] {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--navy) 55%, transparent);
    backdrop-filter: blur(3px);
    animation: aparecer-b-7gmb4yk5ok .15s ease-out;
}

.janela[b-7gmb4yk5ok] {
    position: relative;
    width: min(560px, 100%);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 22px 24px 24px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra-alta);
    animation: subir-b-7gmb4yk5ok .18s ease-out;
}

/* Com altura máxima, o que passa rola: nada dentro pode encolher (o perfil da ficha sumia espremido). */
.janela > *[b-7gmb4yk5ok], .janela[b-7gmb4yk5ok] >  * { flex-shrink: 0; }

.janela:focus[b-7gmb4yk5ok] { outline: none; }
.janela-larga[b-7gmb4yk5ok] { width: min(780px, 100%); }

.janela-cabecalho[b-7gmb4yk5ok] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.janela-cabecalho > div[b-7gmb4yk5ok] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.janela-cabecalho h2[b-7gmb4yk5ok] { font-size: 1.15rem; margin: 0; overflow-wrap: anywhere; }

.janela-fechar[b-7gmb4yk5ok] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    margin: -6px -8px 0 0;
    flex-shrink: 0;
    border: 0;
    border-radius: var(--raio-p);
    background: none;
    color: var(--texto-fraco);
    cursor: pointer;
}

.janela-fechar:hover[b-7gmb4yk5ok] { background: var(--superficie-3); color: var(--texto); }

.janela-sem-moldura[b-7gmb4yk5ok] { gap: 0; padding: 0; border: 0; }
.janela-larga.janela-sem-moldura[b-7gmb4yk5ok] { width: min(880px, 100%); }
.janela-fechar-solto[b-7gmb4yk5ok] { position: absolute; top: 12px; right: 12px; z-index: 2; margin: 0; }

.titulo-oculto[b-7gmb4yk5ok] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

@keyframes aparecer-b-7gmb4yk5ok { from { opacity: 0; } }
@keyframes subir-b-7gmb4yk5ok { from { opacity: 0; transform: translateY(12px); } }

@media (prefers-reduced-motion: reduce) {
    .janela[b-7gmb4yk5ok], .janela-fundo[b-7gmb4yk5ok] { animation: none; }
}

@media (max-width: 800px) {
    .janela-camada[b-7gmb4yk5ok] { place-items: end stretch; padding: 0; }

    .janela[b-7gmb4yk5ok] {
        width: 100%;
        max-height: 92vh;
        border-radius: var(--raio) var(--raio) 0 0;
        border-bottom: 0;
        padding: 18px 16px calc(20px + env(safe-area-inset-bottom));
    }

    .janela-sem-moldura[b-7gmb4yk5ok] { padding: 0; }
}

@media print {
    .janela-camada[b-7gmb4yk5ok] { display: none; }
}
/* /Componentes/LinhaDeAlerta.razor.rz.scp.css */
/* A cor da gravidade vai no ícone e na faixa à esquerda; o nome dela vai escrito na etiqueta. */

.alerta[b-qprcmtfs3r] {
    --cor-da-gravidade: var(--azul);
    --fundo-da-gravidade: var(--azul-fundo);

    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 4px 16px;
    padding: 16px 20px 16px 22px;
    border-bottom: 1px solid var(--borda);
}

.alerta:last-child[b-qprcmtfs3r] { border-bottom: 0; }

.alerta[b-qprcmtfs3r]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--cor-da-gravidade);
}

.alerta-critico[b-qprcmtfs3r] { --cor-da-gravidade: var(--vermelho); --fundo-da-gravidade: var(--vermelho-fundo); }
.alerta-atencao[b-qprcmtfs3r] { --cor-da-gravidade: var(--ambar-tinta); --fundo-da-gravidade: var(--ambar-fundo); }

.alerta-icone[b-qprcmtfs3r] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--fundo-da-gravidade);
    color: var(--cor-da-gravidade);
}

.alerta-corpo[b-qprcmtfs3r] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }

.alerta-cabeca[b-qprcmtfs3r] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.alerta-titulo[b-qprcmtfs3r] { font-size: .98rem; font-weight: 650; line-height: 1.35; color: var(--texto); }
.alerta-detalhe[b-qprcmtfs3r] { color: var(--texto-suave); font-size: .9rem; }

.alerta-meta[b-qprcmtfs3r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 16px;
    margin-top: 4px;
    font-size: .82rem;
    color: var(--texto-fraco);
}

.alerta-onde[b-qprcmtfs3r] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.alerta-onde a[b-qprcmtfs3r] { color: var(--texto-suave); font-weight: 600; text-decoration: none; }
.alerta-onde a:hover[b-qprcmtfs3r] { color: var(--azul); text-decoration: underline; }

.alerta-acoes[b-qprcmtfs3r] { display: flex; align-items: center; gap: 8px; }

/* Resolvido: cinza, sem a cor da gravidade, para o que ainda está aberto se destacar. */
.alerta-apagado[b-qprcmtfs3r] { --cor-da-gravidade: var(--texto-fraco); --fundo-da-gravidade: var(--superficie-3); }
.alerta-apagado[b-qprcmtfs3r]::before { opacity: .35; }
.alerta-apagado .alerta-titulo[b-qprcmtfs3r] { color: var(--texto-suave); font-weight: 600; }
.alerta-apagado .alerta-detalhe[b-qprcmtfs3r] { color: var(--texto-fraco); }

@media (max-width: 640px) {
    .alerta[b-qprcmtfs3r] { gap: 4px 12px; padding: 14px 10px 14px 16px; }
    .alerta-icone[b-qprcmtfs3r] { width: 34px; height: 34px; border-radius: 10px; }
}
/* /Componentes/Marca.razor.rz.scp.css */
.marca-simbolo[b-4h6dzzd7tw] { border-radius: 7px; }
/* /Componentes/MarcadorDoPrevisto.razor.rz.scp.css */
.marcador[b-cb46dm7yq0] {
    position: absolute;
    top: -4px;
    bottom: -4px;
    width: 2px;
    margin-left: -1px;
    border-radius: 1px;
    background: var(--texto);
    box-shadow: 0 0 0 2px var(--superficie);
    cursor: default;
}

.marcador[b-cb46dm7yq0]::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    border-radius: 50%;
    background: var(--texto);
}

/* Área de passar o mouse maior que o pino de 2 px. */
.marcador[b-cb46dm7yq0]::after { content: ""; position: absolute; inset: -6px -8px; }

.rotulo[b-cb46dm7yq0] {
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    color: var(--texto-fraco);
    font-size: .74rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    transition: opacity .15s ease;
}

.balao-a-direita .rotulo[b-cb46dm7yq0] { left: -1px; transform: none; }
.balao-a-esquerda .rotulo[b-cb46dm7yq0] { left: auto; right: -1px; transform: none; }

.marcador:hover .rotulo[b-cb46dm7yq0] { opacity: 0; }

.balao[b-cb46dm7yq0] {
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 12px;
    border-radius: var(--raio-p);
    background: var(--barra-do-app);
    color: var(--sobre-navy-suave);
    box-shadow: var(--sombra-alta);
    font-size: .76rem;
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, 4px);
    transition: opacity .15s ease, transform .15s ease;
}

.balao strong[b-cb46dm7yq0] { color: var(--sobre-navy); font-size: .8rem; font-weight: 650; }

.balao[b-cb46dm7yq0]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color: var(--barra-do-app);
}

.marcador:hover .balao[b-cb46dm7yq0] { opacity: 1; transform: translate(-50%, 0); }

.balao-a-direita .balao[b-cb46dm7yq0] { left: -14px; transform: translateY(4px); }
.balao-a-direita .balao[b-cb46dm7yq0]::after { left: 9px; margin-left: 0; }
.balao-a-direita:hover .balao[b-cb46dm7yq0] { transform: none; }

.balao-a-esquerda .balao[b-cb46dm7yq0] { left: auto; right: -14px; transform: translateY(4px); }
.balao-a-esquerda .balao[b-cb46dm7yq0]::after { left: auto; right: 9px; margin-left: 0; }
.balao-a-esquerda:hover .balao[b-cb46dm7yq0] { transform: none; }
/* /Componentes/MinhaConta.razor.rz.scp.css */

.ficha-do-usuario[b-joqbybs52y] { display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: 100%; }

.lado-da-pessoa[b-joqbybs52y] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 24px 20px;
    background: var(--navy);
    color: #F1F5FA;
}
.quem[b-joqbybs52y] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.quem h3[b-joqbybs52y] { margin: 0; font-size: 1.12rem; line-height: 1.25; overflow-wrap: anywhere; }
.quem span[b-joqbybs52y] { font-size: .82rem; color: #B3C2D5; overflow-wrap: anywhere; }

.etiquetas[b-joqbybs52y] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

.fatos[b-joqbybs52y] { display: flex; flex-direction: column; gap: 12px; margin: 0; }
.fatos div[b-joqbybs52y] { padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .12); }
.fatos dt[b-joqbybs52y] { font-size: .8rem; color: #B3C2D5; }
.fatos dd[b-joqbybs52y] { margin: 0; font-weight: 700; }

.sessoes[b-joqbybs52y] { display: flex; flex-direction: column; gap: 8px; margin-top: auto; padding-top: 12px; }
.sair-de-tudo[b-joqbybs52y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 12px;
    border: 1px solid rgba(245, 163, 163, .4);
    border-radius: var(--raio-p);
    background: none;
    color: #F5A3A3;
    font: inherit;
    font-size: .86rem;
    font-weight: 600;
    cursor: pointer;
}
.sair-de-tudo[b-joqbybs52y] { white-space: nowrap; }
.sair-de-tudo:hover[b-joqbybs52y] { background: rgba(245, 163, 163, .12); }
.erro-das-sessoes[b-joqbybs52y] { margin: 0; font-size: .82rem; color: #F5A3A3; }

.miolo[b-joqbybs52y] { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.partes[b-joqbybs52y] { display: flex; flex-direction: column; gap: 20px; padding: 22px 56px 22px 24px; }

.parte[b-joqbybs52y] { display: flex; flex-direction: column; gap: 10px; }
.parte h3[b-joqbybs52y] { display: flex; align-items: center; gap: 8px; margin: 0; font-size: .98rem; }
.parte h3[b-joqbybs52y]  .icone { color: var(--texto-fraco); }
.parte-descricao[b-joqbybs52y] { margin-top: -4px; font-size: .84rem; color: var(--texto-fraco); }

.descricao-do-grupo[b-joqbybs52y] {
    margin: 0;
    padding: 9px 12px;
    border: 1px solid var(--borda);
    border-radius: var(--raio-p);
    background: var(--superficie-2);
    font-size: .82rem;
    color: var(--texto-suave);
}


.obras[b-joqbybs52y] { display: flex; flex-wrap: wrap; gap: 8px; }
.obras li[b-joqbybs52y] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid var(--borda);
    border-radius: 999px;
    background: var(--superficie-2);
    font-size: .86rem;
    font-weight: 550;
}
.obras[b-joqbybs52y]  .icone { color: var(--texto-fraco); }

.rodape-da-ficha[b-joqbybs52y] {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: auto;
    padding: 14px 24px;
    border-top: 1px solid var(--borda);
    background: var(--superficie-2);
}

.dica-de-senha[b-joqbybs52y] { display: flex; align-items: center; gap: 6px; margin: 0; }
.senha-atual[b-joqbybs52y] { max-width: 320px; }

@media (max-width: 800px) {
    .ficha-do-usuario[b-joqbybs52y] { grid-template-columns: 1fr; }
    .lado-da-pessoa[b-joqbybs52y] { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px 14px; padding: 18px 56px 18px 16px; }
    .etiquetas[b-joqbybs52y], .fatos[b-joqbybs52y], .sessoes[b-joqbybs52y] { grid-column: 1 / -1; }
    .fatos[b-joqbybs52y] { flex-direction: row; gap: 16px; }
    .fatos div[b-joqbybs52y] { flex: 1; }
    .sessoes[b-joqbybs52y] { padding-top: 0; }
    .partes[b-joqbybs52y] { padding: 18px 16px; }
    .senha-atual[b-joqbybs52y] { max-width: none; }
    .rodape-da-ficha[b-joqbybs52y] { padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); }
    .rodape-da-ficha .botao[b-joqbybs52y] { flex: 1; justify-content: center; }
}
/* /Componentes/MotivoDaBaixa.razor.rz.scp.css */
.motivos[b-i3m1avfizq] { border: 0; padding: 0; margin: 0; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.motivos legend[b-i3m1avfizq] { padding: 0; margin-bottom: 8px; font-size: .86rem; font-weight: 550; color: var(--texto-suave); }

.motivos-opcoes[b-i3m1avfizq] { display: flex; flex-wrap: wrap; gap: 8px; }

.motivo[b-i3m1avfizq] {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 16px 0 12px;
    border: 1px solid var(--borda-forte);
    border-radius: 999px;
    background: var(--superficie);
    color: var(--texto);
    font-size: .92rem;
    font-weight: 550;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

.motivo:hover[b-i3m1avfizq] { border-color: var(--texto-fraco); }
.motivo:focus-within[b-i3m1avfizq] { box-shadow: var(--foco); }
.motivo input[b-i3m1avfizq] { margin: 0; accent-color: var(--vermelho); }
.motivo.marcado[b-i3m1avfizq] { border-color: var(--vermelho); background: var(--vermelho-fundo); color: var(--vermelho); }
/* /Componentes/MovimentoNaObra.razor.rz.scp.css */
.aviso-baixa[b-6zztz7lp0o] { justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; font-size: .9rem; }
.aviso-baixa[b-6zztz7lp0o]  .icone { margin-top: 2px; }

.retirar[b-6zztz7lp0o] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 6px;
    padding: 12px 16px;
    border-radius: var(--raio-p);
    background: var(--superficie-2);
    border: 1px solid var(--borda);
    text-align: left;
}

.retirar ul[b-6zztz7lp0o] { display: flex; flex-direction: column; gap: 4px; }
.retirar b[b-6zztz7lp0o] { color: var(--texto); font-weight: 650; }

.movimento[b-6zztz7lp0o] { gap: 18px; }

fieldset[b-6zztz7lp0o] { margin: 0; padding: 0; border: 0; min-width: 0; }
legend[b-6zztz7lp0o], .rotulo[b-6zztz7lp0o] { display: block; margin-bottom: 7px; padding: 0; font-size: .86rem; font-weight: 600; color: var(--texto-suave); }

.movimento-acoes[b-6zztz7lp0o] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin: 0; }
.movimento-acoes > .botao:first-child[b-6zztz7lp0o] { margin-right: auto; }

@media (max-width: 800px) {
    .movimento-acoes[b-6zztz7lp0o] { flex-direction: column-reverse; align-items: stretch; }
    .movimento-acoes > .botao:first-child[b-6zztz7lp0o] { margin-right: 0; }
    .movimento-acoes .botao[b-6zztz7lp0o] { justify-content: center; }
}
/* /Componentes/NovaOcorrencia.razor.rz.scp.css */
.nova-ocorrencia[b-chnp140t6a] { gap: 16px; }

.descricao[b-chnp140t6a] { resize: none; }

.escolher-fotos[b-chnp140t6a] { align-self: flex-start; flex-direction: row; cursor: pointer; }

.nova-ocorrencia-acoes[b-chnp140t6a] { display: flex; justify-content: space-between; gap: 10px; margin: 0; }

@media (max-width: 800px) {
    .nova-ocorrencia-acoes[b-chnp140t6a] { flex-direction: column-reverse; }
    .nova-ocorrencia-acoes .botao[b-chnp140t6a] { justify-content: center; }
}
/* /Componentes/NovoFuncionario.razor.rz.scp.css */
.novo-funcionario[b-mnzp6h4dyu] { gap: 18px; }

.previa[b-mnzp6h4dyu] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid var(--borda);
    border-radius: var(--raio-p);
    background: var(--superficie-2);
}

.previa div[b-mnzp6h4dyu] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.previa strong[b-mnzp6h4dyu] { font-size: 1.02rem; overflow-wrap: anywhere; }
.previa span[b-mnzp6h4dyu] { font-size: .82rem; color: var(--texto-fraco); }

fieldset[b-mnzp6h4dyu] { margin: 0; padding: 0; border: 0; min-width: 0; }
legend[b-mnzp6h4dyu] { margin-bottom: 7px; padding: 0; font-size: .86rem; font-weight: 600; color: var(--texto-suave); }
legend .discreto[b-mnzp6h4dyu] { font-weight: 400; }

.tipo-opcoes[b-mnzp6h4dyu] { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
.tipo-opcoes button[b-mnzp6h4dyu] { justify-content: center; padding: 8px 10px; }
.tipo-opcoes span[b-mnzp6h4dyu] { display: flex; flex-direction: column; align-items: center; line-height: 1.25; }
.tipo-opcoes small[b-mnzp6h4dyu] { font-size: .74rem; font-weight: 400; color: var(--texto-fraco); }

.especialidades-lista[b-mnzp6h4dyu] { display: flex; flex-wrap: wrap; gap: 8px; }

.especialidade[b-mnzp6h4dyu] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--borda-forte);
    border-radius: 999px;
    background: var(--superficie);
    color: var(--texto-suave);
    font: inherit;
    font-size: .86rem;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}

.especialidade:hover[b-mnzp6h4dyu] { border-color: var(--texto-fraco); color: var(--texto); }
.especialidade[aria-pressed="true"][b-mnzp6h4dyu] { background: var(--navy); border-color: var(--navy); color: var(--sobre-navy); }
.especialidade[aria-pressed="true"][b-mnzp6h4dyu]  .icone { color: var(--ambar); }
.especialidade-nova[b-mnzp6h4dyu] { border-style: dashed; }
.especialidade-nova[b-mnzp6h4dyu]  .icone { color: var(--ambar-forte); }

.nova-especialidade[b-mnzp6h4dyu] { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.nova-especialidade input[b-mnzp6h4dyu] { flex: 1; min-width: 0; min-height: 36px; }

.novo-funcionario-acoes[b-mnzp6h4dyu] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; padding-top: 4px; }
.novo-funcionario-acoes > .botao:first-child[b-mnzp6h4dyu] { margin-right: auto; }

@media (max-width: 800px) {
    .novo-funcionario-acoes[b-mnzp6h4dyu] { flex-direction: column-reverse; align-items: stretch; }
    .novo-funcionario-acoes > .botao:first-child[b-mnzp6h4dyu] { margin-right: 0; }
    .novo-funcionario-acoes .botao[b-mnzp6h4dyu] { justify-content: center; }
}
/* /Componentes/NovoServico.razor.rz.scp.css */
.novo-servico[b-zh33tg9ucq] { gap: 16px; }

.descricao[b-zh33tg9ucq] { resize: none; }

.novo-servico-acoes[b-zh33tg9ucq] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin: 0; }
.novo-servico-acoes > .botao:first-child[b-zh33tg9ucq] { margin-right: auto; }

@media (max-width: 800px) {
    .novo-servico-acoes[b-zh33tg9ucq] { flex-direction: column-reverse; align-items: stretch; }
    .novo-servico-acoes > .botao:first-child[b-zh33tg9ucq] { margin-right: 0; }
    .novo-servico-acoes .botao[b-zh33tg9ucq] { justify-content: center; }
}
/* /Componentes/NovoUsuario.razor.rz.scp.css */
.novo-usuario[b-66dolg01lq] { gap: 18px; }

.grupos[b-66dolg01lq] { border: 0; padding: 0; margin: 0; min-width: 0; }
.grupos legend[b-66dolg01lq] { padding: 0; margin-bottom: 8px; font-size: .86rem; font-weight: 550; color: var(--texto-suave); }

.grupos-lista[b-66dolg01lq] { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.grupos-lista label[b-66dolg01lq] { flex-direction: row; color: var(--texto); font-weight: 400; font-size: .92rem; }
.grupo-texto[b-66dolg01lq] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.grupo-texto strong[b-66dolg01lq] { font-weight: 600; }
.grupo-texto small[b-66dolg01lq] { font-size: .8rem; line-height: 1.4; color: var(--texto-fraco); }

.campo-de-senha[b-66dolg01lq] { max-width: 380px; }
.campo-de-senha small[b-66dolg01lq] { font-size: .8rem; font-weight: 400; }

.novo-usuario-acoes[b-66dolg01lq] { display: flex; justify-content: space-between; gap: 10px; margin: 0; }

@media (max-width: 800px) {
    .campo-de-senha[b-66dolg01lq] { max-width: none; }
    .novo-usuario-acoes[b-66dolg01lq] { flex-direction: column-reverse; }
    .novo-usuario-acoes .botao[b-66dolg01lq] { justify-content: center; }
}
/* /Componentes/PaginaDaObra.razor.rz.scp.css */
/* A faixa no alto da obra: a capa (ou o fundo desenhado) atrás do nome, do endereço e da situação. */
.faixa-da-obra[b-yek02h3x6x] {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: flex-end;
    min-height: 208px;
    border-radius: var(--raio);
    overflow: hidden;
    background: var(--navy);
    color: var(--sobre-navy);
    box-shadow: var(--sombra);
}

/* O véu escuro de baixo para cima, que deixa o texto legível em qualquer foto. */
.faixa-da-obra[b-yek02h3x6x]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(to top,
        color-mix(in srgb, var(--navy) 92%, transparent) 0%,
        color-mix(in srgb, var(--navy) 55%, transparent) 48%,
        transparent 88%);
    pointer-events: none;
}

.faixa-da-obra-conteudo[b-yek02h3x6x] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
    max-width: 920px;
    padding: 64px 28px 22px;
}

.faixa-da-obra-selos[b-yek02h3x6x] { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; }

/* A etiqueta vai num fundo firme: no tema escuro o fundo dela é translúcido e sumiria na foto. */
.faixa-da-obra-selo[b-yek02h3x6x] { display: inline-flex; border-radius: 999px; background: var(--superficie); }

.faixa-da-obra h1[b-yek02h3x6x] {
    color: var(--sobre-navy);
    font-size: 1.95rem;
    letter-spacing: -.02em;
    text-shadow: 0 1px 14px color-mix(in srgb, var(--navy) 60%, transparent);
    overflow-wrap: anywhere;
}

.faixa-da-obra-endereco[b-yek02h3x6x] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: .95rem;
    color: color-mix(in srgb, var(--sobre-navy) 86%, transparent);
}

.faixa-da-obra-endereco[b-yek02h3x6x]  .icone { margin-top: 2px; color: var(--ambar); }

.faixa-da-obra-acoes[b-yek02h3x6x] { position: absolute; top: 14px; right: 14px; z-index: 2; display: flex; gap: 8px; }

/* Botão sobre a capa: vidro escuro, que aparece em foto clara ou escura. */
.faixa-da-obra-acoes[b-yek02h3x6x]  .botao {
    background: color-mix(in srgb, var(--navy) 58%, transparent);
    border-color: color-mix(in srgb, var(--sobre-navy) 28%, transparent);
    color: var(--sobre-navy);
    box-shadow: none;
    backdrop-filter: blur(8px);
}

.faixa-da-obra-acoes[b-yek02h3x6x]  .botao:hover { background: color-mix(in srgb, var(--navy) 80%, transparent); border-color: color-mix(in srgb, var(--sobre-navy) 45%, transparent); }
.faixa-da-obra-acoes[b-yek02h3x6x]  .botao .icone { color: var(--ambar); }

.faixa-carregando[b-yek02h3x6x] {
    background: linear-gradient(90deg, var(--superficie-3) 0%, var(--superficie-2) 50%, var(--superficie-3) 100%);
    background-size: 200% 100%;
    box-shadow: none;
    animation: brilhar-b-yek02h3x6x 1.4s ease-in-out infinite;
}

.faixa-carregando[b-yek02h3x6x]::after { display: none; }

@keyframes brilhar-b-yek02h3x6x { from { background-position: 100% 0; } to { background-position: -100% 0; } }

@media (prefers-reduced-motion: reduce) {
    .faixa-carregando[b-yek02h3x6x] { animation: none; }
}

@media print {
    .faixa-da-obra[b-yek02h3x6x] { min-height: 0; background: none; color: var(--texto); box-shadow: none; }
    .faixa-da-obra[b-yek02h3x6x]::after, .faixa-da-obra[b-yek02h3x6x]  .capa, .faixa-da-obra-acoes[b-yek02h3x6x] { display: none; }
    .faixa-da-obra-conteudo[b-yek02h3x6x] { padding: 0; }
    .faixa-da-obra h1[b-yek02h3x6x] { color: var(--texto); text-shadow: none; }
    .faixa-da-obra-endereco[b-yek02h3x6x] { color: var(--texto-fraco); }
}

@media (max-width: 800px) {
    .faixa-da-obra[b-yek02h3x6x] { min-height: 164px; }
    .faixa-da-obra-conteudo[b-yek02h3x6x] { padding: 58px 18px 16px; gap: 4px; }
    .faixa-da-obra h1[b-yek02h3x6x] { font-size: 1.4rem; }
    .faixa-da-obra-endereco[b-yek02h3x6x] { font-size: .85rem; }

    .faixa-da-obra-endereco span[b-yek02h3x6x] {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .faixa-da-obra-acoes[b-yek02h3x6x] { top: 10px; right: 10px; }
    .faixa-da-obra-acoes[b-yek02h3x6x]  .botao-rotulo { display: none; }
}
/* /Componentes/PaginaDoFinanceiro.razor.rz.scp.css */
/* As seções: o movimento do dia a dia à esquerda e os cadastros à direita. */

.secoes[b-19gm8lygut] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: -6px -8px;
    overflow-x: auto;
    scrollbar-width: none;
}

.secoes[b-19gm8lygut]::-webkit-scrollbar { display: none; }

.secoes-grupo[b-19gm8lygut] { display: flex; gap: 2px; flex-shrink: 0; }
.secoes-cadastros[b-19gm8lygut] { margin-left: auto; padding-left: 8px; border-left: 1px solid var(--borda); }

.secao[b-19gm8lygut] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 38px;
    padding: 0 11px;
    border-radius: var(--raio-p);
    color: var(--texto-suave);
    text-decoration: none;
    font-weight: 550;
    font-size: .88rem;
    white-space: nowrap;
    transition: background .15s, color .15s;
}

.secao[b-19gm8lygut]  .icone { color: var(--texto-fraco); transition: color .15s; }
.secao:hover[b-19gm8lygut] { background: var(--superficie-3); color: var(--texto); }
.secao:hover[b-19gm8lygut]  .icone { color: var(--texto-suave); }

.secao[aria-current="page"][b-19gm8lygut] { background: var(--navy); color: var(--sobre-navy); font-weight: 650; }
.secao[aria-current="page"][b-19gm8lygut]  .icone { color: var(--ambar); }

.secoes-cadastros .secao[b-19gm8lygut] { font-size: .85rem; }

/* Na tela média as seções não cabem numa linha: os cadastros descem para a de baixo. */
@media (min-width: 801px) and (max-width: 1250px) {
    .secoes[b-19gm8lygut] { flex-wrap: wrap; row-gap: 4px; overflow: visible; }
    .secoes-grupo[b-19gm8lygut] { flex-wrap: wrap; flex-shrink: 1; }
    .secoes-cadastros[b-19gm8lygut] { margin-left: 0; padding-left: 0; border-left: 0; }
}

@media (max-width: 800px) {
    /* No celular as seções vão de borda a borda do cartão e rolam de lado; o esmaecido da direita avisa que há mais. */
    .secoes[b-19gm8lygut] {
        margin: -4px -12px;
        padding: 0 12px;
        scroll-padding: 0 12px;
        mask-image: linear-gradient(90deg, transparent, var(--texto) 12px, var(--texto) calc(100% - 28px), transparent);
    }

    .secoes-cadastros[b-19gm8lygut] { margin-left: 0; }
    .secao[b-19gm8lygut] { height: 36px; padding: 0 12px; }
}
/* /Componentes/Painel/CartaoDoPainel.razor.rz.scp.css */
.cartao-do-painel[b-5dist7hplq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: 12px;
}

.cartao-do-painel-topo[b-5dist7hplq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 18px;
    background: var(--navy-2);
    color: #fff;
}

.cartao-do-painel-topo h2[b-5dist7hplq] { margin: 0; font-size: 1rem; font-weight: 650; color: #fff; }

.cartao-do-painel-acoes[b-5dist7hplq] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

.ver-tudo[b-5dist7hplq] {
    flex-shrink: 0;
    color: var(--ambar);
    font-size: .85rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.ver-tudo:hover[b-5dist7hplq] { text-decoration: underline; }

.cartao-do-painel-corpo[b-5dist7hplq] { padding: 18px 20px; min-width: 0; }
.cartao-do-painel-corpo.sem-margem[b-5dist7hplq] { padding: 0; }

/* Dentro do cartão, a lista vazia não precisa de outra moldura. */
.cartao-do-painel[b-5dist7hplq]  .vazio { border: 0; background: none; padding: 32px 20px; }

@media (max-width: 800px) {
    .cartao-do-painel-topo[b-5dist7hplq] { padding: 11px 16px; }
    .cartao-do-painel-corpo[b-5dist7hplq] { padding: 16px; }
}
/* /Componentes/Painel/ContasDaSemana.razor.rz.scp.css */
.agenda[b-bt7qujffya] { display: flex; flex-direction: column; gap: 16px; }

.dia[b-bt7qujffya] { display: flex; flex-direction: column; gap: 6px; }

.dia-topo[b-bt7qujffya] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--borda);
}

.dia-titulo[b-bt7qujffya] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--texto-suave);
}

.dia-total[b-bt7qujffya] { font-size: .8rem; color: var(--texto-fraco); font-variant-numeric: tabular-nums; text-align: right; }

.dia-atrasado .dia-titulo[b-bt7qujffya], .dia-atrasado .dia-total[b-bt7qujffya] { color: var(--vermelho); }
.dia-atrasado .dia-topo[b-bt7qujffya] { border-bottom-color: color-mix(in srgb, var(--vermelho) 30%, transparent); }

.conta[b-bt7qujffya] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 8px 0;
}

.conta-tipo[b-bt7qujffya] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: var(--raio-p);
    background: var(--superficie-3);
    color: var(--texto-suave);
}

.dia-atrasado .conta-tipo[b-bt7qujffya] { background: var(--vermelho-fundo); color: var(--vermelho); }

.conta-texto[b-bt7qujffya] { display: flex; flex-direction: column; min-width: 0; }

.conta-texto a[b-bt7qujffya] {
    color: var(--texto);
    font-weight: 550;
    font-size: .92rem;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conta-texto a:hover[b-bt7qujffya] { text-decoration: underline; }
.conta-texto small[b-bt7qujffya] { font-size: .78rem; color: var(--texto-fraco); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.conta-valor[b-bt7qujffya] { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.conta-valor strong[b-bt7qujffya] { font-size: .92rem; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.conta-valor small[b-bt7qujffya] { font-size: .76rem; color: var(--texto-fraco); white-space: nowrap; }
.venceu[b-bt7qujffya] { color: var(--vermelho); font-weight: 600; }

.mais[b-bt7qujffya] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    font-size: .84rem;
    font-weight: 600;
    color: var(--azul);
    text-decoration: none;
}

.mais:hover[b-bt7qujffya] { text-decoration: underline; }

@media (max-width: 640px) {
    .conta[b-bt7qujffya] { align-items: start; gap: 10px; }
    .conta-texto a[b-bt7qujffya] { white-space: normal; line-height: 1.35; }
}
/* /Componentes/Painel/ObrasDoPainel.razor.rz.scp.css */
.obras-do-painel[b-9xezswirln] { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }

.obras-do-painel th[b-9xezswirln] {
    padding: 11px 16px;
    border-bottom: 1px solid var(--borda);
    background: var(--superficie-2);
    color: var(--texto-fraco);
    font-size: .74rem;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
}

.obras-do-painel th .discreto[b-9xezswirln] { font-weight: 400; }

.obras-do-painel td[b-9xezswirln] { padding: 14px 16px; border-bottom: 1px solid var(--borda); vertical-align: middle; font-size: .9rem; }
.obras-do-painel tr:last-child td[b-9xezswirln] { border-bottom: 0; }

.obra a[b-9xezswirln] { display: block; font-weight: 600; color: var(--texto); text-decoration: none; }
.obra a:hover[b-9xezswirln] { text-decoration: underline; }
.obra small[b-9xezswirln] { color: var(--texto-fraco); font-size: .8rem; }

.avanco[b-9xezswirln] { min-width: 200px; }
.avanco-linha[b-9xezswirln] { display: flex; align-items: center; gap: 12px; }
.avanco strong[b-9xezswirln] { min-width: 40px; text-align: right; font-weight: 650; }

.trilho[b-9xezswirln] {
    --cor-da-barra: var(--navy);
    position: relative;
    flex: 1;
    min-width: 120px;
    max-width: 200px;
    height: 8px;
    border-radius: 999px;
    background: var(--superficie-3);
    box-shadow: inset 0 1px 1px rgba(15, 27, 45, .06);
}
@media (prefers-color-scheme: dark) {
    .trilho[b-9xezswirln] { --cor-da-barra: var(--azul); }
}
.trilho-sucesso[b-9xezswirln] { --cor-da-barra: var(--verde); }
.trilho-aviso[b-9xezswirln] { --cor-da-barra: var(--ambar); }
.trilho-perigo[b-9xezswirln] { --cor-da-barra: var(--vermelho); }

.trilho .feito[b-9xezswirln] {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: inherit;
    background: linear-gradient(90deg, color-mix(in srgb, var(--cor-da-barra) 70%, transparent), var(--cor-da-barra));
    transition: width .4s ease;
}

.pessoas[b-9xezswirln] { display: inline-flex; align-items: center; text-decoration: none; }
.pessoas[b-9xezswirln]  .avatar { margin-left: -6px; box-shadow: 0 0 0 2px var(--superficie); }
.pessoas[b-9xezswirln]  .avatar:first-child { margin-left: 0; }
.quantos[b-9xezswirln] { margin-left: 8px; color: var(--texto-fraco); }

.situacao[b-9xezswirln] { text-align: right; }

/* No celular, cada obra vira um bloco: nome em cima, o resto numa linha embaixo. */
@media (max-width: 800px) {
    .obras-do-painel thead[b-9xezswirln] { display: none; }
    .obras-do-painel tr[b-9xezswirln] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 14px 16px; border-bottom: 1px solid var(--borda); }
    .obras-do-painel tr:last-child[b-9xezswirln] { border-bottom: 0; }
    .obras-do-painel td[b-9xezswirln] { padding: 0; border: 0; }
    .obra[b-9xezswirln] { flex-basis: 100%; }
    .situacao[b-9xezswirln] { margin-left: auto; }
}

.gasto[b-9xezswirln] { white-space: nowrap; }
.gasto strong[b-9xezswirln] { display: block; font-weight: 650; }
.gasto small[b-9xezswirln] { color: var(--texto-fraco); font-size: .76rem; }
/* /Componentes/Painel/PrecisaDeAtencao.razor.rz.scp.css */
.atencao[b-lgtuqz6sjm] { display: flex; flex-direction: column; }

.grupo[b-lgtuqz6sjm] { display: flex; flex-direction: column; gap: 2px; padding: 14px 0; border-top: 1px solid var(--borda); }
.grupo:first-child[b-lgtuqz6sjm] { padding-top: 0; border-top: 0; }
.grupo:last-child[b-lgtuqz6sjm] { padding-bottom: 0; }

.grupo h3[b-lgtuqz6sjm] { margin: 0 0 6px; font-size: .88rem; font-weight: 650; }
.grupo h3 a[b-lgtuqz6sjm] { color: var(--navy); text-decoration: none; }
.grupo h3 a:hover[b-lgtuqz6sjm] { text-decoration: underline; }

.item[b-lgtuqz6sjm] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 5px 0; font-size: .88rem; }

.item-texto[b-lgtuqz6sjm] { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
.item-texto a[b-lgtuqz6sjm] { color: var(--texto); text-decoration: none; }
.item-texto a:hover[b-lgtuqz6sjm] { text-decoration: underline; }
.item-texto small[b-lgtuqz6sjm] { color: var(--texto-fraco); font-size: .78rem; }

.item .etiqueta[b-lgtuqz6sjm] { flex-shrink: 0; margin-top: 1px; border-radius: 6px; }

.acao[b-lgtuqz6sjm] { flex-shrink: 0; font-size: .84rem; font-weight: 600; text-decoration: none; }
.acao:hover[b-lgtuqz6sjm] { text-decoration: underline; }

.mais[b-lgtuqz6sjm] { width: fit-content; padding: 2px 0; font-size: .82rem; font-weight: 600; text-decoration: none; }
.mais:hover[b-lgtuqz6sjm] { text-decoration: underline; }

@media (prefers-color-scheme: dark) {
    .grupo h3 a[b-lgtuqz6sjm] { color: var(--texto); }
}
/* /Componentes/Painel/ProximosDias.razor.rz.scp.css */
.semana[b-ccs1478yol] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }

.dia[b-ccs1478yol] { display: flex; flex-direction: column; gap: 6px; min-width: 0; min-height: 140px; padding: 12px 10px; }
.dia + .dia[b-ccs1478yol] { border-left: 1px solid var(--borda); }
.dia.fim-de-semana[b-ccs1478yol] { background: var(--superficie-2); }
.dia.hoje[b-ccs1478yol] { background: var(--ambar-fundo); }

.dia h3[b-ccs1478yol] { margin: 0 0 4px; font-size: .76rem; font-weight: 600; color: var(--texto-fraco); }
.dia h3 b[b-ccs1478yol] { display: block; font-size: 1.1rem; color: var(--texto); }
.dia.hoje h3[b-ccs1478yol] { color: var(--ambar-tinta); }
.dia.hoje h3 b[b-ccs1478yol] { color: var(--ambar-forte); }

.evento[b-ccs1478yol] {
    display: block;
    padding: 5px 7px;
    border-left: 3px solid;
    border-radius: 6px;
    color: var(--texto);
    font-size: .76rem;
    line-height: 1.3;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.evento:hover[b-ccs1478yol] { filter: brightness(.97); }
.evento small[b-ccs1478yol] { display: block; color: var(--texto-fraco); font-size: .7rem; }

.evento.inicio[b-ccs1478yol] { background: var(--azul-fundo); border-color: var(--navy); }
.evento.fim[b-ccs1478yol] { background: var(--verde-fundo); border-color: var(--verde); }
.evento.entrega[b-ccs1478yol] { background: var(--ambar-fundo); border-color: var(--ambar); }

.nada[b-ccs1478yol] { padding: 20px; }

@media (prefers-color-scheme: dark) {
    .evento.inicio[b-ccs1478yol] { border-color: var(--azul); }
}

/* No celular, os dias viram uma lista: só os que têm alguma coisa. */
@media (max-width: 800px) {
    .semana[b-ccs1478yol] { display: flex; flex-direction: column; }
    .dia[b-ccs1478yol] { flex-direction: row; flex-wrap: wrap; align-items: baseline; min-height: 0; padding: 10px 16px; }
    .dia + .dia[b-ccs1478yol] { border-left: 0; border-top: 1px solid var(--borda); }
    .dia:not(:has(.evento))[b-ccs1478yol] { display: none; }
    .dia h3[b-ccs1478yol] { flex-basis: 100%; display: flex; gap: 6px; align-items: baseline; }
    .dia h3 b[b-ccs1478yol] { display: inline; font-size: .95rem; }
    .evento[b-ccs1478yol] { flex: 1 1 200px; }
}
/* /Componentes/ResponsaveisDaObra.razor.rz.scp.css */
.responsaveis[b-dqfvw5u027] { display: flex; flex-direction: column; gap: 12px; }

.busca-de-pessoa[b-dqfvw5u027] { position: relative; display: flex; }
.busca-de-pessoa input[b-dqfvw5u027] { flex: 1; min-width: 0; padding-left: 36px; }
.busca-de-pessoa[b-dqfvw5u027]  .icone { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--texto-fraco); pointer-events: none; }

.contagem[b-dqfvw5u027] { font-size: .82rem; font-weight: 650; color: var(--texto-suave); }

.lista-de-responsaveis[b-dqfvw5u027] { display: flex; flex-direction: column; gap: 8px; max-height: min(420px, 55vh); overflow-y: auto; }

.candidato[b-dqfvw5u027] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid var(--borda);
    border-radius: 10px;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}

.candidato:hover[b-dqfvw5u027] { border-color: var(--borda-forte); }
.candidato.marcada[b-dqfvw5u027] { border-color: var(--azul); background: var(--azul-fundo); box-shadow: inset 0 0 0 1px var(--azul); }

.candidato-texto[b-dqfvw5u027] { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.candidato-nome[b-dqfvw5u027] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.candidato-nome strong[b-dqfvw5u027] { font-size: .92rem; }
.candidato-texto small[b-dqfvw5u027] { font-size: .78rem; color: var(--texto-fraco); }

/* A caixa de marcar vira uma chave. */
.chave-de-responsavel[b-dqfvw5u027] {
    appearance: none;
    position: relative;
    flex-shrink: 0;
    width: 40px;
    height: 22px;
    margin: 0;
    border-radius: 11px;
    background: var(--borda-forte);
    cursor: pointer;
    transition: background .15s;
}

.chave-de-responsavel[b-dqfvw5u027]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    transition: left .15s;
}

.chave-de-responsavel:checked[b-dqfvw5u027] { background: var(--navy); }
.chave-de-responsavel:checked[b-dqfvw5u027]::after { left: 21px; }
.chave-de-responsavel:focus-visible[b-dqfvw5u027] { outline: 2px solid var(--ambar); outline-offset: 2px; }
.chave-de-responsavel:disabled[b-dqfvw5u027] { opacity: .6; }

.nenhuma[b-dqfvw5u027] { padding: 10px 2px; font-size: .86rem; }

.acoes-dos-responsaveis[b-dqfvw5u027] { justify-content: space-between; margin: 0; padding-top: 4px; }
/* /Componentes/ResumoDoItem.razor.rz.scp.css */
.resumo[b-lems1cy5y7] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: 16px 18px;
    padding: 20px 22px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
}

.resumo-embutido[b-lems1cy5y7] { background: var(--superficie-2); box-shadow: none; padding: 16px 18px; }
.resumo-embutido .resumo-saldo[b-lems1cy5y7] { background: var(--superficie); }
.resumo-embutido .resumo-nome h2[b-lems1cy5y7] { font-size: 1.05rem; }

.resumo-nome[b-lems1cy5y7] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.resumo-tipo[b-lems1cy5y7] { font-size: .74rem; font-weight: 650; color: var(--texto-fraco); text-transform: uppercase; letter-spacing: .05em; }
.resumo-nome h2[b-lems1cy5y7] { font-size: 1.2rem; font-weight: 700; margin: 0; letter-spacing: -.01em; overflow-wrap: anywhere; }
.resumo-nome > p[b-lems1cy5y7] { font-size: .88rem; color: var(--texto-fraco); }

.resumo-detalhes[b-lems1cy5y7] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 10px; font-size: .88rem; color: var(--texto-suave); }
.resumo-onde[b-lems1cy5y7] { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.resumo-onde[b-lems1cy5y7]  .icone { color: var(--texto-fraco); }
.resumo-onde strong[b-lems1cy5y7] { font-weight: 600; color: var(--texto); }

.resumo-saldo[b-lems1cy5y7] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    padding: 10px 16px;
    border-radius: var(--raio-p);
    background: var(--superficie-2);
    border: 1px solid var(--borda);
    text-align: right;
}

.resumo-saldo small[b-lems1cy5y7] { font-size: .74rem; font-weight: 650; color: var(--texto-fraco); text-transform: uppercase; letter-spacing: .05em; white-space: nowrap; }
.resumo-saldo strong[b-lems1cy5y7] { font-size: 1.75rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.15; font-variant-numeric: tabular-nums; white-space: nowrap; }
.resumo-saldo strong span[b-lems1cy5y7] { font-size: .95rem; font-weight: 650; color: var(--texto-suave); letter-spacing: 0; }

@media (max-width: 640px) {
    .resumo[b-lems1cy5y7] { grid-template-columns: auto minmax(0, 1fr); padding: 16px; gap: 14px; }

    .resumo-saldo[b-lems1cy5y7] {
        grid-column: 1 / -1;
        flex-direction: row;
        align-items: baseline;
        justify-content: space-between;
        text-align: left;
    }

    .resumo-saldo strong[b-lems1cy5y7] { font-size: 1.45rem; }
}
/* /Componentes/SucessoDoMovimento.razor.rz.scp.css */
.sucesso[b-tshk61mwyj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 36px 24px 30px;
    text-align: center;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
}

.sucesso-icone[b-tshk61mwyj] {
    display: grid;
    place-items: center;
    width: 68px;
    height: 68px;
    margin-bottom: 4px;
    border-radius: 50%;
    background: var(--verde-fundo);
    color: var(--verde);
}

.sucesso h2[b-tshk61mwyj] { font-size: 1.3rem; font-weight: 700; margin: 0; letter-spacing: -.01em; }
.sucesso-texto[b-tshk61mwyj] { max-width: 520px; color: var(--texto-suave); display: flex; flex-direction: column; gap: 8px; }
.sucesso-texto[b-tshk61mwyj]  b { color: var(--texto); font-weight: 650; }
.sucesso-acoes[b-tshk61mwyj] { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 10px; }
/* /Componentes/TabelaDeObras.razor.rz.scp.css */
.tabela-de-obras[b-9wvhqyr2se] {
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: 12px;
    overflow: hidden;
}

.com-equipe[b-9wvhqyr2se] { --coluna-equipe: minmax(0, 1fr); }

.linha[b-9wvhqyr2se] {
    display: grid;
    grid-template-columns: minmax(0, 2.4fr) minmax(0, 1.4fr) minmax(0, 1fr) var(--coluna-equipe,) minmax(0, 1.1fr) 150px;
    align-items: center;
    gap: 20px;
    padding: 12px 20px;
    font-size: .88rem;
    color: var(--texto);
    text-decoration: none;
    transition: background .12s;
}

a.linha:hover[b-9wvhqyr2se] { background: var(--superficie-2); }
a.linha:focus-visible[b-9wvhqyr2se] { outline: 2px solid var(--ambar); outline-offset: -2px; }

li + li .linha[b-9wvhqyr2se], .cabecalho + ul .linha[b-9wvhqyr2se] { border-top: 1px solid var(--borda); }

.cabecalho[b-9wvhqyr2se] { padding: 11px 20px; background: var(--navy-2); color: #fff; font-size: .8rem; font-weight: 650; }
.cabecalho small[b-9wvhqyr2se] { color: var(--sobre-navy-suave); font-weight: 500; }

.obra[b-9wvhqyr2se] { display: flex; align-items: center; gap: 14px; min-width: 0; }

.miniatura[b-9wvhqyr2se] { position: relative; display: block; flex-shrink: 0; width: 64px; height: 44px; border-radius: 8px; overflow: hidden; }

.nome[b-9wvhqyr2se] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.nome strong[b-9wvhqyr2se], .nome small[b-9wvhqyr2se] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nome strong[b-9wvhqyr2se] { font-size: .95rem; font-weight: 650; }
.nome small[b-9wvhqyr2se] { font-size: .8rem; color: var(--texto-fraco); }

.avanco[b-9wvhqyr2se] { display: flex; align-items: center; gap: 12px; }
.avanco strong[b-9wvhqyr2se] { min-width: 4ch; text-align: right; font-variant-numeric: tabular-nums; }

.trilho[b-9wvhqyr2se] { position: relative; flex: 1; height: 8px; border-radius: 4px; background: var(--superficie-3); }
.feito[b-9wvhqyr2se] { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background: var(--serie-1); }

.entrega[b-9wvhqyr2se] { display: flex; flex-direction: column; gap: 1px; white-space: nowrap; }
.entrega strong[b-9wvhqyr2se] { font-weight: 600; font-variant-numeric: tabular-nums; }
.entrega small[b-9wvhqyr2se] { font-size: .8rem; color: var(--texto-fraco); }
.entrega small.texto-perigo[b-9wvhqyr2se] { color: var(--vermelho); font-weight: 600; }

.equipe[b-9wvhqyr2se] { display: flex; align-items: center; gap: 8px; }
.quantos[b-9wvhqyr2se] { color: var(--texto-fraco); font-variant-numeric: tabular-nums; }

.responsavel[b-9wvhqyr2se] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.responsavel > span:last-child[b-9wvhqyr2se] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .82rem; color: var(--texto-suave); }

.situacao[b-9wvhqyr2se] { text-align: right; }

@media (max-width: 1180px) {
    .linha[b-9wvhqyr2se] { grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.3fr) minmax(0, 1fr) var(--coluna-equipe,) 140px; gap: 16px; }
    .responsavel[b-9wvhqyr2se] { display: none; }
}

/* No celular a linha vira um bloco: a obra em cima, o avanço e a entrega com a situação embaixo. */
@media (max-width: 720px) {
    .cabecalho[b-9wvhqyr2se] { display: none; }
    .cabecalho + ul li:first-child .linha[b-9wvhqyr2se] { border-top: 0; }

    .linha[b-9wvhqyr2se] { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 12px; padding: 12px 14px; }
    .obra[b-9wvhqyr2se], .avanco[b-9wvhqyr2se] { grid-column: 1 / -1; }
    .miniatura[b-9wvhqyr2se] { width: 52px; height: 52px; }
    .equipe[b-9wvhqyr2se] { display: none; }

    .entrega[b-9wvhqyr2se] { flex-direction: row; gap: 8px; align-items: baseline; }
}
/* /Componentes/TopoDaPagina.razor.rz.scp.css */
.topo-da-pagina[b-cl59vpyp81] { position: relative; isolation: isolate; display: flex; flex-direction: column; gap: 22px; }

.cabecalho-da-faixa[b-cl59vpyp81] {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 16px;
}

/* A faixa vai de ponta a ponta da janela e desce um pouco além do cabeçalho, por trás do cartão. */
.cabecalho-da-faixa[b-cl59vpyp81]::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -28px;
    bottom: -52px;
    left: calc(50% - 50vw);
    width: 100vw;
    background: var(--barra-do-app);
}

.topo-da-pagina:not(:has(.cartao-da-faixa)) .cabecalho-da-faixa[b-cl59vpyp81]::before { bottom: -24px; }
.topo-da-pagina:not(:has(.cartao-da-faixa))[b-cl59vpyp81] { margin-bottom: 24px; }

.cabecalho-da-faixa > div:first-child[b-cl59vpyp81] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cabecalho-da-faixa h1[b-cl59vpyp81] { margin: 0; color: #fff; }
.cabecalho-da-faixa p[b-cl59vpyp81] { color: var(--sobre-navy-suave); font-size: .95rem; }

/* Na faixa escura, o botão principal fica em âmbar e os outros, vazados. */
.acoes-da-faixa[b-cl59vpyp81]  .botao { background: transparent; border-color: rgba(175, 193, 216, .4); color: var(--sobre-navy); box-shadow: none; }
.acoes-da-faixa[b-cl59vpyp81]  .botao:hover { background: rgba(255, 255, 255, .08); border-color: var(--sobre-navy-suave); }
.acoes-da-faixa[b-cl59vpyp81]  .botao .icone { color: var(--ambar); }
.acoes-da-faixa[b-cl59vpyp81]  .botao-principal { background: var(--ambar); border-color: var(--ambar); color: #241400; }
.acoes-da-faixa[b-cl59vpyp81]  .botao-principal:hover { background: var(--ambar-forte); border-color: var(--ambar-forte); }
.acoes-da-faixa[b-cl59vpyp81]  .botao-principal .icone { color: #241400; }

.cartao-da-faixa[b-cl59vpyp81] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 16px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: 12px;
    box-shadow: 0 12px 30px -18px rgba(11, 38, 67, .55);
}

@media (max-width: 800px) {
    .cabecalho-da-faixa[b-cl59vpyp81]::before { top: -18px; }
    .cartao-da-faixa[b-cl59vpyp81] { padding: 12px; }

    /* No celular a ação principal vem primeiro e ocupa a linha; as outras dividem a de baixo, só com o ícone. */
    .acoes-da-faixa[b-cl59vpyp81] { width: 100%; }
    .acoes-da-faixa[b-cl59vpyp81]  .botao { flex: 1 1 auto; }
    .acoes-da-faixa[b-cl59vpyp81]  .botao-principal { order: -1; flex-basis: 100%; min-height: 44px; }
    .acoes-da-faixa[b-cl59vpyp81]  .rotulo { display: none; }
}

@media print {
    .cabecalho-da-faixa[b-cl59vpyp81]::before { display: none; }
    .cabecalho-da-faixa h1[b-cl59vpyp81] { color: inherit; }
    .cartao-da-faixa[b-cl59vpyp81] { display: none; }
}
/* /Componentes/TrocaDaCapa.razor.rz.scp.css */
.fundo-do-dialogo[b-vibp8x8ium] {
    position: fixed;
    inset: 0;
    z-index: 60;
    display: grid;
    place-items: center;
    padding: 24px 16px;
    background: color-mix(in srgb, var(--navy) 62%, transparent);
    backdrop-filter: blur(3px);
    animation: surgir-b-vibp8x8ium .18s ease-out;
}

.dialogo-da-capa[b-vibp8x8ium] {
    width: min(620px, 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra-alta);
    overflow: hidden;
}

.dialogo-da-capa:focus[b-vibp8x8ium] { outline: none; }

.dialogo-da-capa-cabecalho[b-vibp8x8ium] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 16px 14px 22px;
    border-bottom: 1px solid var(--borda);
}

.dialogo-da-capa-cabecalho h2[b-vibp8x8ium] { margin: 0 0 2px; font-size: 1.1rem; }
.dialogo-da-capa-cabecalho p[b-vibp8x8ium] { font-size: .88rem; }
.fechar-dialogo[b-vibp8x8ium] { padding: 8px; min-height: 0; }

.dialogo-da-capa-corpo[b-vibp8x8ium] { display: flex; flex-direction: column; gap: 16px; padding: 18px 22px 22px; overflow-y: auto; }

.previa-da-capa[b-vibp8x8ium] { position: relative; aspect-ratio: 16 / 9; max-height: 260px; border-radius: var(--raio-p); overflow: hidden; background: var(--navy); }

.previa-ocupada[b-vibp8x8ium] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--sobre-navy);
    font-weight: 600;
    background: color-mix(in srgb, var(--navy) 70%, transparent);
}

.envio-da-capa[b-vibp8x8ium] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.envio-da-capa p[b-vibp8x8ium] { flex-basis: 100%; }

.fotos-para-capa[b-vibp8x8ium] { display: flex; flex-direction: column; gap: 10px; padding-top: 16px; border-top: 1px solid var(--borda); }
.fotos-para-capa h3[b-vibp8x8ium] { font-size: .92rem; color: var(--texto-suave); }

.galeria-da-capa[b-vibp8x8ium] { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px; }

.foto-para-capa[b-vibp8x8ium] {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    border: 2px solid transparent;
    border-radius: var(--raio-p);
    overflow: hidden;
    background: var(--superficie-3);
    cursor: pointer;
    transition: border-color .15s, transform .15s;
}

.foto-para-capa:hover:not(:disabled)[b-vibp8x8ium] { border-color: var(--ambar); transform: translateY(-1px); }
.foto-para-capa:disabled[b-vibp8x8ium] { opacity: .6; cursor: default; }
.foto-para-capa[b-vibp8x8ium]  .miniatura { aspect-ratio: 4 / 3; }

.foto-para-capa-data[b-vibp8x8ium] {
    position: absolute;
    left: 6px;
    bottom: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 650;
    color: var(--sobre-navy);
    background: color-mix(in srgb, var(--navy) 72%, transparent);
}

@keyframes surgir-b-vibp8x8ium { from { opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
    .fundo-do-dialogo[b-vibp8x8ium] { animation: none; }
}

/* No celular o diálogo sobe da base da tela, como uma folha. */
@media (max-width: 640px) {
    .fundo-do-dialogo[b-vibp8x8ium] { place-items: end stretch; padding: 0; }

    .dialogo-da-capa[b-vibp8x8ium] {
        width: 100%;
        max-height: calc(100vh - 40px);
        border-radius: var(--raio) var(--raio) 0 0;
        border-bottom: 0;
    }

    .dialogo-da-capa-corpo[b-vibp8x8ium] { padding: 16px 16px calc(20px + env(safe-area-inset-bottom)); }
    .dialogo-da-capa-cabecalho[b-vibp8x8ium] { padding: 16px 12px 12px 16px; }
    .galeria-da-capa[b-vibp8x8ium] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
}
/* /Pages/Alertas/HistoricoDeAlertas.razor.rz.scp.css */
.filtros[b-60cg0wxyhu] { justify-content: space-between; align-items: flex-end; }

.alternador[b-60cg0wxyhu] { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.alternador button[b-60cg0wxyhu] { white-space: nowrap; }

.quantidade[b-60cg0wxyhu] {
    min-width: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--superficie-3);
    color: var(--texto-suave);
    font-size: .74rem;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.alternador button[aria-pressed="true"] .quantidade[b-60cg0wxyhu] { background: var(--navy); color: var(--sobre-navy); }

/* A lista é um cartão só, com um alerta por linha. */
.alertas[b-60cg0wxyhu] {
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
    overflow: hidden;
}

.quando[b-60cg0wxyhu] { display: inline-flex; align-items: center; gap: 6px; }

/* A data e a hora da situação podem descer de linha numa tela estreita. */
.situacao[b-60cg0wxyhu] { white-space: normal; }

@media (max-width: 640px) {
    .filtros[b-60cg0wxyhu] { flex-direction: column; align-items: stretch; }

    /* As quatro opções não cabem numa linha: viram uma grade de dois por dois. */
    .alternador[b-60cg0wxyhu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .alternador button[b-60cg0wxyhu] { justify-content: center; padding: 7px 10px; }
}
/* /Pages/Alertas/ListaDeAlertas.razor.rz.scp.css */
/* Os três números por gravidade, que também filtram. A cor vem com o ícone e o nome escrito. */

.gravidades[b-03quqdzby1] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }

.gravidade[b-03quqdzby1] {
    --cor-da-gravidade: var(--azul);
    --fundo-da-gravidade: var(--azul-fundo);

    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 16px 18px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
    color: var(--texto);
    text-align: left;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, background .15s;
}

.gravidade-critico[b-03quqdzby1] { --cor-da-gravidade: var(--vermelho); --fundo-da-gravidade: var(--vermelho-fundo); }
.gravidade-atencao[b-03quqdzby1] { --cor-da-gravidade: var(--ambar-tinta); --fundo-da-gravidade: var(--ambar-fundo); }

.gravidade:hover:not(:disabled)[b-03quqdzby1] { border-color: var(--borda-forte); }
.gravidade:disabled[b-03quqdzby1] { cursor: default; box-shadow: none; }
.gravidade:disabled .gravidade-icone[b-03quqdzby1] { background: var(--superficie-3); color: var(--texto-fraco); }
.gravidade[aria-pressed="true"][b-03quqdzby1] { border-color: var(--cor-da-gravidade); box-shadow: inset 0 0 0 1px var(--cor-da-gravidade), var(--sombra); }

.gravidade-icone[b-03quqdzby1] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--fundo-da-gravidade);
    color: var(--cor-da-gravidade);
}

.gravidade-texto[b-03quqdzby1] { display: flex; flex-direction: column; min-width: 0; }
.gravidade-texto strong[b-03quqdzby1] { font-size: 1.6rem; font-weight: 700; line-height: 1.1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.gravidade-texto span[b-03quqdzby1] { font-size: .85rem; font-weight: 600; color: var(--texto-suave); }

.filtro-ativo[b-03quqdzby1] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; color: var(--texto-suave); margin-top: -4px; }

/* A lista é um cartão só, com um alerta por linha. */
.alertas[b-03quqdzby1] {
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
    overflow: hidden;
}

.removidos[b-03quqdzby1] { display: flex; align-items: center; gap: 8px; color: var(--texto-fraco); }

/* O bloco de cada gravidade: o título com o ícone e a contagem, e a lista logo abaixo. */
.grupo-de-alertas[b-03quqdzby1] { display: flex; flex-direction: column; gap: 10px; }

.grupo-de-alertas h2[b-03quqdzby1] { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 1rem; }
.grupo-critico h2[b-03quqdzby1] { color: var(--vermelho); }
.grupo-atencao h2[b-03quqdzby1] { color: var(--ambar-tinta); }
.grupo-aviso h2[b-03quqdzby1] { color: var(--azul); }

.contagem[b-03quqdzby1] {
    min-width: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: var(--superficie-3);
    color: var(--texto-suave);
    font-size: .76rem;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
}

@media (max-width: 640px) {
    .gravidades[b-03quqdzby1] { gap: 8px; }
    .gravidade[b-03quqdzby1] { flex-direction: column; align-items: flex-start; gap: 10px; padding: 12px; }
    .gravidade-icone[b-03quqdzby1] { width: 34px; height: 34px; border-radius: 10px; }
    .gravidade-texto strong[b-03quqdzby1] { font-size: 1.35rem; }
    .gravidade-texto span[b-03quqdzby1] { font-size: .78rem; }

    /* Os dois botões do topo numa linha só. */
    .cabecalho .acoes[b-03quqdzby1] { flex-wrap: nowrap; }
    .cabecalho .botao[b-03quqdzby1] { min-height: 36px; padding: 6px 12px; font-size: .86rem; }

    /* No celular o "Remover" fica só com o X, para a linha não crescer. */
    .remover span[b-03quqdzby1] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .remover[b-03quqdzby1] { min-height: 34px; padding: 4px 8px; }
}
/* /Pages/Dashboard.razor.rz.scp.css */
/* O topo em azul-marinho, emendado na barra do app, com os números do dia meio dentro, meio fora. */
.topo-do-painel[b-mnni0gah01] { position: relative; isolation: isolate; display: flex; flex-direction: column; gap: 24px; }

.topo-do-painel[b-mnni0gah01]::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -28px;
    bottom: 56px;
    left: calc(50% - 50vw);
    width: 100vw;
    background: var(--barra-do-app);
}

.cabecalho-do-painel[b-mnni0gah01] { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; }
.cabecalho-do-painel h1[b-mnni0gah01] { color: #fff; }
.cabecalho-do-painel p[b-mnni0gah01] { margin-top: 2px; color: var(--sobre-navy-suave); font-size: .95rem; }
.cabecalho-do-painel .acoes[b-mnni0gah01] { color: var(--sobre-navy-suave); }

.atualizar[b-mnni0gah01] { background: transparent; border-color: rgba(175, 193, 216, .4); color: var(--sobre-navy); box-shadow: none; }
.atualizar:hover[b-mnni0gah01] { background: rgba(255, 255, 255, .08); border-color: var(--sobre-navy-suave); }
.atualizar[b-mnni0gah01]  .icone { color: var(--ambar); }

.numeros-do-painel[b-mnni0gah01] {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    overflow: hidden;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: 12px;
    box-shadow: 0 10px 30px -14px rgba(11, 38, 67, .45);
    font-variant-numeric: tabular-nums;
}

.numero-do-dia[b-mnni0gah01] { display: flex; flex-direction: column; min-width: 0; padding: 16px 20px; border-top: 3px solid transparent; color: inherit; text-decoration: none; }
.numero-do-dia + .numero-do-dia[b-mnni0gah01] { border-left: 1px solid var(--borda); }
a.numero-do-dia:hover[b-mnni0gah01] { background: var(--superficie-2); }
.numero-do-dia small[b-mnni0gah01] { font-size: .8rem; color: var(--texto-fraco); }
.numero-do-dia strong[b-mnni0gah01] { margin: 2px 0; font-size: 1.7rem; font-weight: 700; line-height: 1.2; color: var(--navy); }
.numero-do-dia strong span[b-mnni0gah01] { font-size: 1rem; font-weight: 500; color: var(--texto-fraco); }
.numero-do-dia > span[b-mnni0gah01] { font-size: .8rem; color: var(--texto-fraco); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.numero-do-dia.alerta[b-mnni0gah01] { border-top-color: var(--ambar); }
.numero-do-dia.alerta strong[b-mnni0gah01] { color: var(--vermelho); }

.dashboard[b-mnni0gah01] { margin-top: 4px; transition: opacity .2s; }

/* Ao atualizar, o que já está na tela fica, mais apagado, até chegar o novo: nada pula. */
.dashboard.atualizando[b-mnni0gah01] { opacity: .55; pointer-events: none; }

.girando[b-mnni0gah01]  .icone { animation: girar-o-icone-b-mnni0gah01 .9s linear infinite; }

@keyframes girar-o-icone-b-mnni0gah01 { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .girando[b-mnni0gah01]  .icone { animation: none; }
    .dashboard[b-mnni0gah01] { transition: none; }
}

.grade[b-mnni0gah01] { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; align-items: start; }
.coluna[b-mnni0gah01] { display: flex; flex-direction: column; gap: 24px; min-width: 0; }

.dinheiro[b-mnni0gah01] { display: grid; grid-template-columns: 250px minmax(0, 1fr) auto; }

.dinheiro-categorias[b-mnni0gah01] { display: flex; flex-direction: column; gap: 10px; width: 230px; padding: 18px 20px; border-left: 1px solid var(--borda); }
.dinheiro-categorias > small[b-mnni0gah01] { font-size: .8rem; color: var(--texto-fraco); }
.dinheiro-categorias > small:first-child[b-mnni0gah01]::first-letter { text-transform: uppercase; }
.categoria[b-mnni0gah01] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 8px; font-size: .84rem; }
.categoria span[b-mnni0gah01] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.categoria strong[b-mnni0gah01] { font-weight: 600; font-variant-numeric: tabular-nums; }
.categoria i[b-mnni0gah01] { grid-column: 1 / -1; height: 6px; border-radius: 3px; background: var(--navy-3); }
.categoria:first-of-type i[b-mnni0gah01] { background: var(--ambar); }

.dinheiro-resumo[b-mnni0gah01] { display: flex; flex-direction: column; padding: 20px; background: var(--navy); color: var(--sobre-navy); }
.dinheiro-resumo small[b-mnni0gah01] { font-size: .8rem; color: var(--sobre-navy-suave); }
.dinheiro-resumo .saldo[b-mnni0gah01] { font-size: 2rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.15; color: #fff; font-variant-numeric: tabular-nums; }

.dinheiro-resumo dl[b-mnni0gah01] { margin: 16px 0 0; }
.dinheiro-resumo dl div[b-mnni0gah01] { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid rgba(175, 193, 216, .18); font-size: .88rem; }
.dinheiro-resumo dt[b-mnni0gah01] { color: var(--sobre-navy); }
.dinheiro-resumo dd[b-mnni0gah01] { margin: 0; font-weight: 650; white-space: nowrap; font-variant-numeric: tabular-nums; }
.dinheiro-resumo .atrasado dt[b-mnni0gah01], .dinheiro-resumo .atrasado dd[b-mnni0gah01] { color: var(--ambar); }

/* As cores do Tektur no gráfico: entrada em azul-marinho, saída em âmbar. */
.dinheiro-grafico[b-mnni0gah01] { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 18px 20px; --serie-1: var(--navy-3); --serie-2: var(--ambar); }
.dinheiro-grafico > small[b-mnni0gah01] { font-size: .8rem; color: var(--texto-fraco); }

@media (prefers-color-scheme: dark) {
    .dinheiro-grafico[b-mnni0gah01] { --serie-1: #6DA3DE; }
    .numero-do-dia strong[b-mnni0gah01] { color: var(--texto); }
}

.carregando-o-painel[b-mnni0gah01] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 96px 16px;
    color: var(--texto-fraco);
}

/* Uma coluna só: os cartões entram na ordem do que pede ação primeiro. */
@media (max-width: 1100px) {
    .grade[b-mnni0gah01] { display: flex; flex-direction: column; align-items: stretch; }
    .coluna[b-mnni0gah01] { display: contents; }
    .grade[b-mnni0gah01]  .ordem-1 { order: 1; }
    .grade[b-mnni0gah01]  .ordem-2 { order: 2; }
    .grade[b-mnni0gah01]  .ordem-3 { order: 3; }
    .grade[b-mnni0gah01]  .ordem-4 { order: 4; }
    .grade[b-mnni0gah01]  .ordem-5 { order: 5; }
}

@media (max-width: 800px) {
    .topo-do-painel[b-mnni0gah01]::before { top: -18px; }
    .numeros-do-painel[b-mnni0gah01] { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .numero-do-dia + .numero-do-dia[b-mnni0gah01] { border-left: 0; }
    .numero-do-dia:nth-child(even)[b-mnni0gah01] { border-left: 1px solid var(--borda); }
    .numero-do-dia:nth-child(n + 3)[b-mnni0gah01] { border-top: 1px solid var(--borda); }
    .numero-do-dia.alerta[b-mnni0gah01] { border-top: 3px solid var(--ambar); }
    .grade[b-mnni0gah01] { gap: 16px; }
    .dinheiro[b-mnni0gah01] { grid-template-columns: minmax(0, 1fr); }
    .dinheiro-categorias[b-mnni0gah01] { width: auto; border-left: 0; border-top: 1px solid var(--borda); }
}

@media print {
    .topo-do-painel[b-mnni0gah01]::before, .atualizar[b-mnni0gah01] { display: none; }
    .cabecalho-do-painel h1[b-mnni0gah01] { color: inherit; }
}
/* /Pages/Estoque/Cadastros.razor.rz.scp.css */
.abas-de-cadastro button[b-qnucpjoqhl] { display: inline-flex; align-items: center; gap: 8px; }
.abas-de-cadastro[b-qnucpjoqhl]  .icone { color: var(--texto-fraco); }
.abas-de-cadastro button[aria-selected="true"][b-qnucpjoqhl]  .icone { color: var(--ambar-forte); }

.contagem[b-qnucpjoqhl] {
    min-width: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--superficie-3);
    color: var(--texto-suave);
    font-size: .72rem;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.abas-de-cadastro button[aria-selected="true"] .contagem[b-qnucpjoqhl] { background: var(--navy); color: var(--sobre-navy); }

.aviso[b-qnucpjoqhl] { justify-content: flex-start; }

/* O formulário de criar à esquerda, fixo ao rolar; a lista do que já existe à direita. */

.cadastro[b-qnucpjoqhl] { display: grid; grid-template-columns: minmax(320px, 380px) minmax(0, 1fr); gap: 20px; align-items: start; }
.cadastro.so-lista[b-qnucpjoqhl] { grid-template-columns: minmax(0, 1fr); }

.novo[b-qnucpjoqhl] { position: sticky; top: calc(var(--altura-da-barra) + 20px); gap: 14px; }

.novo-titulo[b-qnucpjoqhl] { display: flex; align-items: flex-start; gap: 12px; padding-bottom: 14px; margin-bottom: 2px; border-bottom: 1px solid var(--borda); }
.novo-titulo h2[b-qnucpjoqhl] { margin: 0 0 2px; }
.novo-titulo p[b-qnucpjoqhl] { font-size: .85rem; color: var(--texto-fraco); }

.novo-icone[b-qnucpjoqhl] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--ambar-fundo);
    color: var(--ambar-tinta);
}

.campo[b-qnucpjoqhl] { display: flex; flex-direction: column; gap: 6px; }
.campo-rotulo[b-qnucpjoqhl] { font-size: .86rem; font-weight: 550; color: var(--texto-suave); }

/* O tipo em três ladrilhos, o ícone sobre o nome, para caber na coluna do formulário. */
.tipos[b-qnucpjoqhl] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tipos button[b-qnucpjoqhl] { flex-direction: column; justify-content: center; gap: 4px; padding: 8px 4px; font-size: .8rem; }

.dupla[b-qnucpjoqhl] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dupla-sigla[b-qnucpjoqhl] { grid-template-columns: minmax(0, 1fr) 96px; }
.dupla[b-qnucpjoqhl]  .escolha { width: 100%; min-width: 0; }

.novo > .botao[b-qnucpjoqhl] { width: 100%; min-height: 42px; margin-top: 2px; }

.lista[b-qnucpjoqhl] { padding: 0; overflow: hidden; }

.lista-topo[b-qnucpjoqhl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--borda);
}

.lista-topo h2[b-qnucpjoqhl] { margin: 0; }

.busca[b-qnucpjoqhl] { position: relative; flex: 0 1 300px; min-width: 0; }
.busca input[b-qnucpjoqhl] { width: 100%; padding-left: 36px; }
.busca[b-qnucpjoqhl]  .busca-icone { position: absolute; left: 11px; top: 11px; color: var(--texto-fraco); pointer-events: none; }

.linhas li[b-qnucpjoqhl] { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 10px 20px; border-bottom: 1px solid var(--borda); }
.linhas li:last-child[b-qnucpjoqhl] { border-bottom: 0; }
.linhas li:hover[b-qnucpjoqhl] { background: var(--superficie-2); }

.linha-nome[b-qnucpjoqhl] { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.linha-nome strong[b-qnucpjoqhl] { font-weight: 600; overflow-wrap: anywhere; }
.linha-nome span[b-qnucpjoqhl] { display: flex; align-items: flex-start; gap: 4px; font-size: .82rem; color: var(--texto-fraco); }
.linha-nome span[b-qnucpjoqhl]  .icone { margin-top: 2px; }

.linha-icone[b-qnucpjoqhl] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--superficie-3);
    color: var(--texto-suave);
}

.sigla[b-qnucpjoqhl] {
    flex-shrink: 0;
    min-width: 40px;
    padding: 2px 8px;
    border-radius: var(--raio-pp);
    background: var(--azul-fundo);
    color: var(--azul);
    font-size: .74rem;
    font-weight: 700;
    text-align: center;
}

.sigla-grande[b-qnucpjoqhl] { min-width: 52px; padding: 7px 8px; font-size: .85rem; }

.codigo[b-qnucpjoqhl] { flex-shrink: 0; min-width: 44px; text-align: right; font-size: .78rem; font-weight: 650; color: var(--texto-fraco); font-variant-numeric: tabular-nums; }

.renomear[b-qnucpjoqhl] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; flex: 1; }
.renomear input[b-qnucpjoqhl] { flex: 1; min-width: 160px; }

.lista-vazia[b-qnucpjoqhl] { padding: 24px 20px; color: var(--texto-fraco); }

.lista-de-estoques[b-qnucpjoqhl] { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; align-content: start; }

.cartao-de-estoque[b-qnucpjoqhl] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 14px 16px 18px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
}

.estoque-icone[b-qnucpjoqhl] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--azul-fundo);
    color: var(--azul);
}

.estoque-saldo[b-qnucpjoqhl] { display: flex; flex-direction: column; align-items: center; padding: 4px 10px; border-radius: var(--raio-p); color: var(--texto); text-decoration: none; }
.estoque-saldo:hover[b-qnucpjoqhl] { background: var(--superficie-3); }
.estoque-saldo strong[b-qnucpjoqhl] { font-size: 1.3rem; line-height: 1.1; font-variant-numeric: tabular-nums; }
.estoque-saldo span[b-qnucpjoqhl] { font-size: .72rem; color: var(--texto-fraco); }

@media (max-width: 900px) {
    .cadastro[b-qnucpjoqhl] { grid-template-columns: minmax(0, 1fr); }
    .novo[b-qnucpjoqhl] { position: static; }
}

@media (max-width: 640px) {
    .lista-topo[b-qnucpjoqhl] { padding: 14px 16px; }
    .busca[b-qnucpjoqhl] { flex-basis: 100%; }
    .linhas li[b-qnucpjoqhl] { padding: 10px 16px; }
}
/* /Pages/Estoque/ListaDoEstoque.razor.rz.scp.css */
/* O tipo e a situação como fichas: um toque filtra, e o número diz quantos itens há em cada um. */

.chips[b-wagdny7u02] { display: flex; flex-wrap: wrap; gap: 8px; }

.chip[b-wagdny7u02] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 8px 0 14px;
    border: 1px solid var(--borda-forte);
    border-radius: 999px;
    background: var(--superficie);
    color: var(--texto-suave);
    font-size: .88rem;
    font-weight: 550;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}

.chip:hover[b-wagdny7u02] { border-color: var(--texto-fraco); color: var(--texto); }

.chip-contagem[b-wagdny7u02] {
    min-width: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--superficie-3);
    color: var(--texto-suave);
    font-size: .74rem;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.chip[aria-pressed="true"][b-wagdny7u02] { background: var(--navy); border-color: var(--navy); color: var(--sobre-navy); }
.chip[aria-pressed="true"] .chip-contagem[b-wagdny7u02] { background: color-mix(in srgb, var(--sobre-navy) 18%, transparent); color: var(--sobre-navy); }

.chip-ponto[b-wagdny7u02] { width: 8px; height: 8px; border-radius: 50%; margin-right: -2px; }
.ponto-aviso[b-wagdny7u02] { background: var(--ambar); }
.ponto-perigo[b-wagdny7u02] { background: var(--vermelho); }

.filtros-linha[b-wagdny7u02] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }

.busca[b-wagdny7u02] { position: relative; display: flex; gap: 8px; flex: 0 1 420px; min-width: 0; }
.busca input[b-wagdny7u02] { flex: 1; min-width: 0; padding-left: 38px; }
.busca[b-wagdny7u02]  .busca-icone { position: absolute; left: 12px; top: 11px; color: var(--texto-fraco); pointer-events: none; }

.selecao[b-wagdny7u02] { position: relative; }
.selecao[b-wagdny7u02]  .escolha { width: 230px; }

.filtros-linha .alternador[b-wagdny7u02] { margin-left: auto; }

.resultado[b-wagdny7u02] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; color: var(--texto-suave); font-size: .9rem; }

.carregando-lista[b-wagdny7u02] { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 40px 0; color: var(--texto-fraco); }

@media (max-width: 800px) {
    /* No celular as fichas rolam de lado, sem levar a página junto. */
    .chips[b-wagdny7u02] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -12px; padding: 0 12px; }
    .chips[b-wagdny7u02]::-webkit-scrollbar { display: none; }

    .busca[b-wagdny7u02] { flex-basis: 100%; }
    .selecao[b-wagdny7u02] { flex: 1 1 100%; }
    .selecao[b-wagdny7u02]  .escolha { width: 100%; min-width: 0; }
    .filtros-linha .alternador[b-wagdny7u02] { margin-left: 0; width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
    .filtros-linha .alternador button[b-wagdny7u02] { justify-content: center; }

}
/* /Pages/Financeiro/Categorias.razor.rz.scp.css */
.arvores[b-8yt9eo5pg7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }

.cabecalho-da-arvore[b-8yt9eo5pg7] { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.cabecalho-da-arvore > div[b-8yt9eo5pg7] { flex: 1; min-width: 0; }
.cabecalho-da-arvore h2[b-8yt9eo5pg7] { margin: 0; }

.icone-da-arvore[b-8yt9eo5pg7] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: var(--raio-p);
    background: var(--azul-fundo);
    color: var(--azul);
}

/* A árvore: cada nível um passo para dentro, com a linha-guia da mãe à esquerda. */

.arvore[b-8yt9eo5pg7] { display: flex; flex-direction: column; }

.no[b-8yt9eo5pg7] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 4px 0 4px calc(var(--nivel) * 24px);
    border-top: 1px solid var(--borda);
}

.no:first-child[b-8yt9eo5pg7] { border-top: 0; }
.no:not(.raiz)[b-8yt9eo5pg7]::before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: 0;
    left: calc(var(--nivel) * 24px - 14px);
    border-left: 2px solid var(--borda);
}

.no-nome[b-8yt9eo5pg7] { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; min-width: 0; font-size: .92rem; color: var(--texto-suave); }
.raiz .no-nome[b-8yt9eo5pg7] { font-weight: 650; color: var(--texto); }
.inativa .no-nome[b-8yt9eo5pg7] { color: var(--texto-fraco); }

.no-acoes[b-8yt9eo5pg7] { display: flex; gap: 2px; flex-shrink: 0; opacity: .75; transition: opacity .15s; }
.no:hover .no-acoes[b-8yt9eo5pg7], .no:focus-within .no-acoes[b-8yt9eo5pg7] { opacity: 1; }

.botao-de-icone[b-8yt9eo5pg7] {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: var(--raio-pp);
    background: none;
    color: var(--texto-fraco);
    cursor: pointer;
}

button.botao-de-icone:hover[b-8yt9eo5pg7] { background: var(--superficie-3); color: var(--texto); }
span.botao-de-icone[b-8yt9eo5pg7] { cursor: default; }
.botao-de-icone.perigo:hover[b-8yt9eo5pg7] { background: var(--vermelho-fundo); color: var(--vermelho); }

@media (max-width: 1000px) {
    .arvores[b-8yt9eo5pg7] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 800px) {
    .no[b-8yt9eo5pg7] { padding-left: calc(var(--nivel) * 16px); }
    .no:not(.raiz)[b-8yt9eo5pg7]::before { left: calc(var(--nivel) * 16px - 10px); }
    .no-acoes[b-8yt9eo5pg7] { opacity: 1; }
    .botao-de-icone[b-8yt9eo5pg7] { width: 34px; height: 34px; }
}
/* /Pages/Financeiro/Contas.razor.rz.scp.css */
.busca[b-pnsu3bkja6] { display: flex; flex-direction: column; gap: 14px; }
.situacoes[b-pnsu3bkja6] { align-self: flex-start; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.situacoes button[b-pnsu3bkja6] { white-space: nowrap; }

.filtro-texto[b-pnsu3bkja6] { flex: 1 1 260px; max-width: 420px; }
.campo-com-icone[b-pnsu3bkja6] { position: relative; display: flex; }
.campo-com-icone[b-pnsu3bkja6]  .icone { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--texto-fraco); pointer-events: none; }
.campo-com-icone input[b-pnsu3bkja6] { width: 100%; padding-left: 36px; }

.botao-dos-filtros[b-pnsu3bkja6] { display: none; }

.faixa span[b-pnsu3bkja6] { display: inline-flex; align-items: center; gap: 8px; }

/* A lista: os totais do que está filtrado no alto e uma conta por linha. */

.lista[b-pnsu3bkja6] {
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
    overflow: hidden;
}

.totais[b-pnsu3bkja6] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 40px;
    margin: 0;
    padding: 16px 20px;
    border-bottom: 1px solid var(--borda);
}

.totais div[b-pnsu3bkja6] { display: flex; flex-direction: column; gap: 2px; }
.totais dt[b-pnsu3bkja6] { display: inline-flex; align-items: center; gap: 5px; font-size: .72rem; font-weight: 650; color: var(--texto-fraco); text-transform: uppercase; letter-spacing: .05em; }
.totais dd[b-pnsu3bkja6] { margin: 0; font-size: 1.2rem; font-weight: 700; letter-spacing: -.01em; }
.total-vencido dt[b-pnsu3bkja6], .total-vencido dd[b-pnsu3bkja6] { color: var(--vermelho); }

.contas[b-pnsu3bkja6] { width: 100%; border-collapse: collapse; font-size: .9rem; }

.contas th[b-pnsu3bkja6] {
    padding: 10px 14px;
    text-align: left;
    font-size: .7rem;
    font-weight: 650;
    color: var(--texto-fraco);
    text-transform: uppercase;
    letter-spacing: .05em;
    white-space: nowrap;
    background: var(--superficie-2);
    border-bottom: 1px solid var(--borda);
}

.contas th.numero[b-pnsu3bkja6] { text-align: right; }
.contas td[b-pnsu3bkja6] { padding: 14px; border-bottom: 1px solid var(--borda); vertical-align: middle; }
.contas th:first-child[b-pnsu3bkja6], .contas td:first-child[b-pnsu3bkja6] { padding-left: 20px; }
.contas th:last-child[b-pnsu3bkja6], .contas td:last-child[b-pnsu3bkja6] { padding-right: 20px; }
.contas tbody tr:last-child td[b-pnsu3bkja6] { border-bottom: 0; }
.contas tbody tr[b-pnsu3bkja6] { transition: background .1s; }
.contas tbody tr:hover[b-pnsu3bkja6] { background: var(--superficie-2); }

.cancelada[b-pnsu3bkja6] { color: var(--texto-fraco); }
.cancelada .c-texto a[b-pnsu3bkja6] { color: var(--texto-fraco); text-decoration: line-through; }
.cancelada[b-pnsu3bkja6]  .avatar { opacity: .5; }

.c-vencimento[b-pnsu3bkja6] { white-space: nowrap; }
.c-vencimento strong[b-pnsu3bkja6] { display: block; font-weight: 650; font-variant-numeric: tabular-nums; }
.c-vencimento small[b-pnsu3bkja6] { display: block; font-size: .78rem; color: var(--texto-fraco); }
.c-vencimento small.texto-perigo[b-pnsu3bkja6] { color: var(--vermelho); font-weight: 600; }
.c-vencimento small.texto-aviso[b-pnsu3bkja6] { color: var(--ambar-tinta); font-weight: 600; }

.c-pessoa[b-pnsu3bkja6] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.sem-favorecido[b-pnsu3bkja6] { display: inline-grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; background: var(--superficie-3); color: var(--texto-fraco); }
.c-texto[b-pnsu3bkja6] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.c-texto a[b-pnsu3bkja6] { color: var(--texto); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.c-texto a:hover[b-pnsu3bkja6] { text-decoration: underline; }
.c-texto > span[b-pnsu3bkja6] { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; font-size: .82rem; color: var(--texto-fraco); }

.parcela[b-pnsu3bkja6] {
    padding: 0 7px;
    border-radius: 999px;
    background: var(--superficie-3);
    color: var(--texto-suave);
    font-size: .7rem;
    font-weight: 650;
    line-height: 1.6;
    font-variant-numeric: tabular-nums;
}

.c-onde[b-pnsu3bkja6] { font-size: .82rem; color: var(--texto-suave); }
.c-onde span[b-pnsu3bkja6] { display: flex; align-items: center; gap: 6px; max-width: 230px; }
.c-onde span + span[b-pnsu3bkja6] { margin-top: 3px; }
.c-onde[b-pnsu3bkja6]  .icone { color: var(--texto-fraco); }
.c-onde .sem-obra[b-pnsu3bkja6] { color: var(--texto-fraco); }

.c-valor[b-pnsu3bkja6] { text-align: right; white-space: nowrap; }
.c-valor strong[b-pnsu3bkja6] { display: block; font-size: .95rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.c-valor small[b-pnsu3bkja6] { display: block; font-size: .78rem; color: var(--texto-fraco); font-variant-numeric: tabular-nums; }

.c-situacao[b-pnsu3bkja6] { white-space: nowrap; }
.c-situacao small[b-pnsu3bkja6] { display: block; margin-top: 3px; font-size: .76rem; color: var(--texto-fraco); }

.c-acoes[b-pnsu3bkja6] { white-space: nowrap; text-align: right; }
.c-acoes > *[b-pnsu3bkja6] { vertical-align: middle; }

.botao-de-icone[b-pnsu3bkja6] {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    margin-left: 2px;
    border: 0;
    border-radius: var(--raio-pp);
    background: none;
    color: var(--texto-fraco);
    cursor: pointer;
}

.botao-de-icone:hover[b-pnsu3bkja6] { background: var(--superficie-3); color: var(--texto); }

/* A janela de pagar ou cancelar. */

.conta-escolhida[b-pnsu3bkja6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: var(--raio-p);
    background: var(--superficie-2);
    border: 1px solid var(--borda);
}

.conta-escolhida > span[b-pnsu3bkja6] { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.conta-escolhida small[b-pnsu3bkja6] { font-size: .8rem; color: var(--texto-fraco); }
.conta-escolhida-valor[b-pnsu3bkja6] { font-size: 1.05rem; font-variant-numeric: tabular-nums; white-space: nowrap; }

.valor-final[b-pnsu3bkja6] { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding-top: 12px; border-top: 1px solid var(--borda); }
.valor-final span[b-pnsu3bkja6] { color: var(--texto-suave); font-weight: 550; }
.valor-final strong[b-pnsu3bkja6] { font-size: 1.35rem; font-weight: 700; }

/* Abaixo de 1100 px a tabela não cabe: cada conta vira um cartão, com a conta e o valor no
   alto, o vencimento e a situação no meio, a categoria, a obra e as ações embaixo. */
@media (max-width: 1100px) {
    .contas[b-pnsu3bkja6], .contas tbody[b-pnsu3bkja6] { display: block; }
    .contas thead[b-pnsu3bkja6] { display: none; }

    .contas tr[b-pnsu3bkja6] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "conta valor" "vencimento situacao" "onde acoes";
        align-items: center;
        gap: 10px 12px;
        padding: 14px 20px;
        border-bottom: 1px solid var(--borda);
    }

    .contas tbody tr:last-child[b-pnsu3bkja6] { border-bottom: 0; }
    .contas td[b-pnsu3bkja6], .contas td:first-child[b-pnsu3bkja6], .contas td:last-child[b-pnsu3bkja6] { display: block; padding: 0; border: 0; }

    .contas td.c-conta[b-pnsu3bkja6] { grid-area: conta; }
    .contas td.c-valor[b-pnsu3bkja6] { grid-area: valor; align-self: start; }
    .contas td.c-vencimento[b-pnsu3bkja6] { grid-area: vencimento; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; padding-left: 46px; }
    .contas td.c-situacao[b-pnsu3bkja6] { grid-area: situacao; text-align: right; }
    .contas td.c-onde[b-pnsu3bkja6] { grid-area: onde; padding-left: 46px; display: flex; flex-wrap: wrap; gap: 2px 14px; }
    .c-onde span[b-pnsu3bkja6] { max-width: none; }
    .c-onde span + span[b-pnsu3bkja6] { margin-top: 0; }
    .contas td.c-acoes[b-pnsu3bkja6] { grid-area: acoes; display: flex; justify-content: flex-end; align-items: center; gap: 2px; }
    .contas td.c-acoes:empty[b-pnsu3bkja6] { display: none; }
}

@media (max-width: 800px) {
    .situacoes button[b-pnsu3bkja6] { padding: 6px 10px; }

    .filtros[b-pnsu3bkja6] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
    .filtro-texto[b-pnsu3bkja6] { grid-column: 1 / -1; max-width: none; }
    .botao-dos-filtros[b-pnsu3bkja6] { display: inline-flex; grid-column: 1 / -1; justify-self: start; }
    .botao-dos-filtros[aria-expanded="true"][b-pnsu3bkja6] { background: var(--superficie-3); }
    .filtros:not(.com-mais-filtros) .filtro-extra[b-pnsu3bkja6] { display: none; }
    .filtro-obra[b-pnsu3bkja6], .filtros button.filtro-extra[b-pnsu3bkja6] { grid-column: 1 / -1; }
    .filtro-extra input[b-pnsu3bkja6], .filtro-extra[b-pnsu3bkja6]  .escolha { width: 100%; min-width: 0; }

    .totais[b-pnsu3bkja6] { padding: 14px 16px; gap: 8px 24px; }
    .totais dd[b-pnsu3bkja6] { font-size: 1.05rem; }

    /* No celular as ações descem para uma linha só delas. */
    .contas tr[b-pnsu3bkja6] { grid-template-areas: "conta valor" "vencimento situacao" "onde onde" "acoes acoes"; padding: 14px 16px; }
    .contas td.c-acoes[b-pnsu3bkja6] { margin-top: -2px; }
}
/* /Pages/Financeiro/Folha.razor.rz.scp.css */
.busca[b-2k19atr00j] { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px 20px; flex-wrap: wrap; }
.busca .filtros[b-2k19atr00j] { flex: 1 1 360px; max-width: 560px; }
.filtro-texto[b-2k19atr00j] { flex: 1; }
.campo-com-icone[b-2k19atr00j] { position: relative; display: flex; }
.campo-com-icone[b-2k19atr00j]  .icone { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--texto-fraco); pointer-events: none; }
.campo-com-icone input[b-2k19atr00j] { width: 100%; padding-left: 36px; }

.busca .alternador[b-2k19atr00j] { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.busca .alternador button[b-2k19atr00j] { white-space: nowrap; }
.quantos[b-2k19atr00j] { font-size: .74rem; font-weight: 650; color: var(--texto-fraco); font-variant-numeric: tabular-nums; }

/* Um cartão por funcionário: quem é, a diária, o que está pendente e até quando está pago. */

.pessoas[b-2k19atr00j] { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 16px; }

.pessoa[b-2k19atr00j] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px 20px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
    color: var(--texto);
    text-decoration: none;
    transition: border-color .15s, box-shadow .15s, transform .15s;
}

.pessoa:hover[b-2k19atr00j] { border-color: var(--borda-forte); box-shadow: var(--sombra-alta); transform: translateY(-1px); }

.pessoa-topo[b-2k19atr00j] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.pessoa-nome[b-2k19atr00j] { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.pessoa-nome strong[b-2k19atr00j] { font-size: 1rem; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pessoa-nome small[b-2k19atr00j] { font-size: .82rem; color: var(--texto-fraco); }

.pessoa-numeros[b-2k19atr00j] {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    gap: 12px;
    margin: auto 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--borda);
}

.pessoa-numeros div[b-2k19atr00j] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pessoa-numeros dt[b-2k19atr00j] { font-size: .7rem; font-weight: 650; color: var(--texto-fraco); text-transform: uppercase; letter-spacing: .05em; }
.pessoa-numeros dd[b-2k19atr00j] { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; font-weight: 650; font-variant-numeric: tabular-nums; }
.pessoa-numeros dd small[b-2k19atr00j] { font-size: .74rem; font-weight: 400; color: var(--texto-fraco); }
.pessoa-numeros dd.texto-perigo[b-2k19atr00j] { align-items: center; color: var(--vermelho); }

@media (max-width: 800px) {
    .busca .filtros[b-2k19atr00j] { flex-wrap: nowrap; }
    .pessoas[b-2k19atr00j] { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .pessoa[b-2k19atr00j] { padding: 16px; }
    .pessoa-numeros[b-2k19atr00j] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* /Pages/Financeiro/FolhaDoFuncionario.razor.rz.scp.css */
.quem[b-yzy6eymun9] { display: flex; align-items: center; gap: 14px; min-width: 0; }
.quem[b-yzy6eymun9]  .avatar { box-shadow: 0 0 0 3px rgba(255, 255, 255, .14); }

/* Os links do cabeçalho do cartão que são botões. */
.ver-tudo[b-yzy6eymun9] { padding: 0; border: 0; background: none; color: var(--ambar); font: inherit; font-size: .85rem; font-weight: 600; white-space: nowrap; cursor: pointer; }
.ver-tudo:hover[b-yzy6eymun9] { text-decoration: underline; }

.periodo[b-yzy6eymun9] { margin-bottom: 16px; }

.dias-da-folha[b-yzy6eymun9] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; margin: 0 0 16px; padding: 0; list-style: none; }

.dias-da-folha li[b-yzy6eymun9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    min-width: 0;
    padding: 7px 4px;
    border: 1px solid var(--borda);
    border-radius: 8px;
    color: var(--texto-fraco);
    text-align: center;
}

.dias-da-folha small[b-yzy6eymun9] { font-size: .72rem; }
.dias-da-folha b[b-yzy6eymun9] { font-size: .95rem; color: var(--texto); }
.dias-da-folha span[b-yzy6eymun9] { max-width: 100%; font-size: .72rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dias-da-folha .trabalhou[b-yzy6eymun9] { background: var(--navy); border-color: var(--navy); color: var(--sobre-navy-suave); }
.dias-da-folha .trabalhou b[b-yzy6eymun9] { color: #fff; }
.dias-da-folha .sem-diaria[b-yzy6eymun9] { background: var(--ambar-fundo); border-color: var(--ambar); color: var(--ambar-tinta); }

.recibo[b-yzy6eymun9] { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.recibo td[b-yzy6eymun9] { padding: 6px 0; font-size: .92rem; }
.recibo td.numero[b-yzy6eymun9] { text-align: right; white-space: nowrap; padding-left: 16px; }
.recibo .positivo[b-yzy6eymun9] { color: var(--verde); }
.recibo .negativo[b-yzy6eymun9] { color: var(--vermelho); }
.recibo tfoot td[b-yzy6eymun9] { padding-top: 10px; border-top: 2px solid var(--navy); font-size: 1.15rem; font-weight: 700; }

.rodape-do-recibo[b-yzy6eymun9] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 16px; }

.fechamentos small[b-yzy6eymun9] { display: block; }
.data-do-pagamento[b-yzy6eymun9] { width: 150px; margin-left: 8px; }
.fechamentos .pagamento td[b-yzy6eymun9] { background: var(--ambar-fundo); }
.fechamentos .pagamento label[b-yzy6eymun9] { display: flex; align-items: center; font-size: .88rem; font-weight: 600; }

.lista-lateral[b-yzy6eymun9] { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.lista-lateral li[b-yzy6eymun9] { display: flex; align-items: center; gap: 10px; padding: 10px 0; font-size: .9rem; }
.lista-lateral li + li[b-yzy6eymun9] { border-top: 1px solid var(--borda); }
.lista-lateral li > :first-child[b-yzy6eymun9] { flex: 1; min-width: 0; }
.lista-lateral .atual > :first-child[b-yzy6eymun9] { font-weight: 700; }
.lista-lateral .numero[b-yzy6eymun9] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.lancamento small[b-yzy6eymun9] { display: block; font-size: .78rem; color: var(--texto-fraco); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mini-formulario[b-yzy6eymun9] { gap: 12px; margin-bottom: 14px; padding-bottom: 16px; border-bottom: 1px solid var(--borda); }
.so-pendentes[b-yzy6eymun9] { margin-top: 10px; font-size: .85rem; }

@media (prefers-color-scheme: dark) {
    .dias-da-folha .trabalhou[b-yzy6eymun9] { background: var(--navy-3); border-color: var(--navy-3); }
    .recibo tfoot td[b-yzy6eymun9] { border-top-color: var(--texto-fraco); }
}

@media (max-width: 600px) {
    .dias-da-folha span[b-yzy6eymun9] { display: none; }
}

.lancamento-acoes[b-yzy6eymun9] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin: 0; }

@media (max-width: 800px) {
    .lancamento-acoes[b-yzy6eymun9] { flex-direction: column-reverse; align-items: stretch; }
    .lancamento-acoes .botao[b-yzy6eymun9] { justify-content: center; }
}
/* /Pages/Financeiro/ListaDeCompras.razor.rz.scp.css */
.busca[b-arn6njfo4h] { display: flex; flex-direction: column; gap: 14px; }
.situacoes[b-arn6njfo4h] { align-self: flex-start; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.situacoes button[b-arn6njfo4h] { white-space: nowrap; }
.filtro-largo[b-arn6njfo4h]  .escolha { min-width: 220px; }
.botao-dos-filtros[b-arn6njfo4h] { display: none; }

.totais[b-arn6njfo4h] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 40px;
    margin: 0;
    padding: 16px 20px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
}

.totais div[b-arn6njfo4h] { display: flex; flex-direction: column; gap: 2px; }
.totais dt[b-arn6njfo4h] { display: inline-flex; align-items: center; gap: 5px; font-size: .72rem; font-weight: 650; color: var(--texto-fraco); text-transform: uppercase; letter-spacing: .05em; }
.totais dd[b-arn6njfo4h] { margin: 0; font-size: 1.2rem; font-weight: 700; letter-spacing: -.01em; }
.total-atrasado dt[b-arn6njfo4h], .total-atrasado dd[b-arn6njfo4h] { color: var(--vermelho); }

/* Um cartão por pedido: quem vende, para qual obra, quanto e quanto já chegou. */

.pedidos[b-arn6njfo4h] { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 16px; }

.pedido[b-arn6njfo4h] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px 20px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
    color: var(--texto);
    text-decoration: none;
    transition: border-color .15s, box-shadow .15s, transform .15s;
}

.pedido:hover[b-arn6njfo4h] { border-color: var(--borda-forte); box-shadow: var(--sombra-alta); transform: translateY(-1px); }
.pedido.cancelado[b-arn6njfo4h] { opacity: .62; }

.pedido-topo[b-arn6njfo4h] { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.pedido-numero[b-arn6njfo4h] { font-size: .78rem; font-weight: 650; color: var(--texto-fraco); text-transform: uppercase; letter-spacing: .05em; }
.pedido-etiquetas[b-arn6njfo4h] { display: flex; gap: 6px; flex-wrap: wrap; }

.pedido-fornecedor[b-arn6njfo4h] { display: flex; align-items: center; gap: 12px; min-width: 0; }
.pedido-fornecedor > span[b-arn6njfo4h] { display: flex; flex-direction: column; min-width: 0; }
.pedido-fornecedor strong[b-arn6njfo4h] { font-size: 1rem; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pedido-fornecedor small[b-arn6njfo4h] { display: flex; align-items: center; gap: 5px; font-size: .82rem; color: var(--texto-suave); }
.pedido-fornecedor small[b-arn6njfo4h]  .icone { color: var(--texto-fraco); }
.pedido-fornecedor .sem-obra[b-arn6njfo4h] { color: var(--texto-fraco); }

.pedido-valor[b-arn6njfo4h] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: auto; }
.pedido-valor strong[b-arn6njfo4h] { font-size: 1.35rem; font-weight: 700; letter-spacing: -.01em; }
.pedido-valor small[b-arn6njfo4h] { font-size: .82rem; color: var(--texto-fraco); font-variant-numeric: tabular-nums; white-space: nowrap; }

.pedido-progresso[b-arn6njfo4h] {
    display: block;
    height: 6px;
    margin-top: -6px;
    border-radius: 3px;
    background: color-mix(in srgb, var(--serie-1) 14%, transparent);
    overflow: hidden;
}

.pedido-progresso span[b-arn6njfo4h] { display: block; height: 100%; border-radius: 3px; background: var(--serie-1); }

.pedido-datas[b-arn6njfo4h] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 4px 16px;
    padding-top: 12px;
    border-top: 1px solid var(--borda);
    font-size: .82rem;
    color: var(--texto-suave);
}

.pedido-datas span[b-arn6njfo4h] { display: inline-flex; align-items: center; gap: 6px; }
.pedido-datas[b-arn6njfo4h]  .icone { color: var(--texto-fraco); }
.pedido-datas .texto-perigo[b-arn6njfo4h], .pedido-datas .texto-perigo[b-arn6njfo4h]  .icone { color: var(--vermelho); font-weight: 600; }

@media (max-width: 800px) {
    .situacoes button[b-arn6njfo4h] { padding: 6px 10px; }

    .filtros[b-arn6njfo4h] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
    .filtro-largo[b-arn6njfo4h] { grid-column: 1 / -1; }
    .filtro-largo[b-arn6njfo4h]  .escolha { min-width: 0; width: 100%; }
    .botao-dos-filtros[b-arn6njfo4h] { display: inline-flex; grid-column: 1 / -1; justify-self: start; }
    .botao-dos-filtros[aria-expanded="true"][b-arn6njfo4h] { background: var(--superficie-3); }
    .filtros:not(.com-mais-filtros) .filtro-extra[b-arn6njfo4h] { display: none; }
    .filtros button.filtro-extra[b-arn6njfo4h] { grid-column: 1 / -1; }
    .filtro-extra input[b-arn6njfo4h] { width: 100%; min-width: 0; }

    .totais[b-arn6njfo4h] { padding: 14px 16px; gap: 8px 24px; }
    .totais dd[b-arn6njfo4h] { font-size: 1.05rem; }

    .pedidos[b-arn6njfo4h] { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .pedido[b-arn6njfo4h] { padding: 16px; }
}
/* /Pages/Financeiro/Medicao.razor.rz.scp.css */
.obra-da-medicao[b-v1rkazww2f] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 20px;
    padding: 16px 20px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
}

.obra-da-medicao .filtro[b-v1rkazww2f] { flex: 1 1 320px; max-width: 460px; }
.obra-da-medicao[b-v1rkazww2f]  .escolha { width: 100%; }
.obra-da-medicao[b-v1rkazww2f]  .escolha-botao { font-weight: 600; }

.faixa span[b-v1rkazww2f] { display: inline-flex; align-items: center; gap: 8px; }

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

.visoes[b-v1rkazww2f] { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.visoes .abas[b-v1rkazww2f] { flex: 1; min-width: 0; }
.visoes > .botao[b-v1rkazww2f] { margin-bottom: 6px; }

.rolagem[b-v1rkazww2f] { overflow-x: auto; }

.tabela td.servico[b-v1rkazww2f] { min-width: 180px; }
.tabela td.servico small[b-v1rkazww2f] { display: block; font-size: .74rem; color: var(--texto-fraco); }
.tabela td.servico span[b-v1rkazww2f] { font-weight: 550; }
.tabela td.datas[b-v1rkazww2f] { min-width: 100px; font-size: .85rem; color: var(--texto-suave); font-variant-numeric: tabular-nums; }
.tabela td.forte[b-v1rkazww2f] { font-weight: 650; }

/* O avanço medido de cada serviço: a barra do medido e a marca de onde deveria estar hoje. */

.tabela td.medido[b-v1rkazww2f] { white-space: nowrap; }

.avanco[b-v1rkazww2f] {
    position: relative;
    display: inline-block;
    width: 64px;
    height: 6px;
    margin-right: 8px;
    vertical-align: middle;
    border-radius: 3px;
    background: color-mix(in srgb, var(--serie-1) 14%, transparent);
}

.avanco-feito[b-v1rkazww2f] { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; background: var(--serie-1); }
.avanco-marca[b-v1rkazww2f] { position: absolute; top: -4px; bottom: -4px; width: 2px; margin-left: -1px; border-radius: 1px; background: var(--texto); }
.avanco-texto[b-v1rkazww2f] { display: inline-flex; align-items: center; gap: 3px; font-size: .88rem; font-variant-numeric: tabular-nums; vertical-align: middle; }

.legenda-do-avanco[b-v1rkazww2f] { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 14px; font-size: .8rem; color: var(--texto-suave); }
.legenda-do-avanco span[b-v1rkazww2f] { display: inline-flex; align-items: center; gap: 6px; }
.amostra-feito[b-v1rkazww2f] { display: inline-block; width: 12px; height: 6px; border-radius: 3px; background: var(--serie-1); }
.amostra-marca[b-v1rkazww2f] { display: inline-block; width: 2px; height: 14px; border-radius: 1px; background: var(--texto); }

/* As medições: uma por cartão, com o número, o período, os serviços medidos e a conta. */

.medicoes[b-v1rkazww2f] { display: flex; flex-direction: column; gap: 12px; }

.medicao[b-v1rkazww2f] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: start;
    gap: 16px;
    padding: 16px 20px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
}

.medicao.cancelada[b-v1rkazww2f] { background: var(--superficie-2); box-shadow: none; color: var(--texto-fraco); }
.medicao.cancelada .medicao-valores strong[b-v1rkazww2f] { text-decoration: line-through; color: var(--texto-fraco); }

.medicao-numero[b-v1rkazww2f] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: var(--raio-p);
    background: var(--azul-fundo);
    color: var(--azul);
    font-size: 1.1rem;
    font-weight: 700;
}

.cancelada .medicao-numero[b-v1rkazww2f] { background: var(--superficie-3); color: var(--texto-fraco); }

.medicao-corpo[b-v1rkazww2f] { min-width: 0; }
.medicao-topo[b-v1rkazww2f] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; }
.medicao-topo strong[b-v1rkazww2f] { font-size: 1rem; }
.medicao-topo span[b-v1rkazww2f] { display: inline-flex; align-items: center; gap: 4px; }

.medicao-servicos[b-v1rkazww2f] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.medicao-servicos li[b-v1rkazww2f] { padding: 3px 10px; border-radius: 999px; background: var(--superficie-3); color: var(--texto-suave); font-size: .8rem; }
.medicao-servicos li span[b-v1rkazww2f] { font-weight: 650; color: var(--texto); font-variant-numeric: tabular-nums; }

.medicao-valores[b-v1rkazww2f] { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; text-align: right; white-space: nowrap; }
.medicao-valores strong[b-v1rkazww2f] { font-size: 1.15rem; font-weight: 700; }

@media (max-width: 1000px) {
    .indicadores[b-v1rkazww2f] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
    .obra-da-medicao[b-v1rkazww2f] { padding: 14px 16px; }
    .obra-da-medicao .filtro[b-v1rkazww2f] { max-width: none; }

    .visoes[b-v1rkazww2f] { flex-direction: column; align-items: stretch; }
    .visoes > .botao[b-v1rkazww2f] { align-self: flex-start; margin-bottom: 0; }

    /* No celular cada linha das tabelas vira um cartão: o serviço (ou o mês) no alto e os
       números em duas colunas, cada um com o nome da coluna em cima. */
    .em-cartoes thead[b-v1rkazww2f] { display: none; }
    .em-cartoes[b-v1rkazww2f], .em-cartoes tbody[b-v1rkazww2f] { display: block; overflow: visible; }

    .em-cartoes tr[b-v1rkazww2f] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 16px;
        padding: 14px 0;
        border-bottom: 1px solid var(--borda);
    }

    .em-cartoes tbody tr:last-child[b-v1rkazww2f] { border-bottom: 0; }
    .em-cartoes td[b-v1rkazww2f], .cartao .em-cartoes td:first-child[b-v1rkazww2f], .cartao .em-cartoes td:last-child[b-v1rkazww2f] { display: flex; flex-direction: column; gap: 2px; padding: 0; border: 0; text-align: left; white-space: normal; min-width: 0; }
    .em-cartoes td[data-rotulo][b-v1rkazww2f]::before { content: attr(data-rotulo); font-size: .68rem; font-weight: 650; color: var(--texto-fraco); text-transform: uppercase; letter-spacing: .05em; }
    .em-cartoes td.servico[b-v1rkazww2f], .em-cartoes td.titulo[b-v1rkazww2f] { grid-column: 1 / -1; font-weight: 650; }
    .em-cartoes td.medido[b-v1rkazww2f] { flex-direction: row; flex-wrap: wrap; align-items: center; }
    .em-cartoes td.medido[b-v1rkazww2f]::before { flex-basis: 100%; }
    .em-cartoes td.numero[b-v1rkazww2f] { align-items: flex-start; }

    .medicao[b-v1rkazww2f] { grid-template-columns: 40px minmax(0, 1fr); grid-template-areas: "numero corpo" "numero valores"; gap: 10px 14px; padding: 14px 16px; }
    .medicao-numero[b-v1rkazww2f] { grid-area: numero; width: 40px; height: 40px; }
    .medicao-corpo[b-v1rkazww2f] { grid-area: corpo; }
    .medicao-valores[b-v1rkazww2f] { grid-area: valores; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 12px; text-align: left; }
}

@media (max-width: 520px) {
    .indicadores[b-v1rkazww2f]  .indicador-valor { font-size: 1.1rem; }
}
/* /Pages/Financeiro/NovaMedicao.razor.rz.scp.css */
.ver-tudo[b-hh1vmdfqde] { padding: 0; border: 0; background: none; color: var(--ambar); font: inherit; font-size: .85rem; font-weight: 600; white-space: nowrap; cursor: pointer; }
.ver-tudo:hover[b-hh1vmdfqde] { text-decoration: underline; }

.servicos-da-medicao[b-hh1vmdfqde] { margin: 0; padding: 0; list-style: none; }

.servicos-da-medicao li[b-hh1vmdfqde] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px 140px;
    align-items: center;
    gap: 20px;
    padding: 16px 20px;
    border-left: 3px solid transparent;
}

.servicos-da-medicao li + li[b-hh1vmdfqde] { border-top: 1px solid var(--borda); }
.servicos-da-medicao li.andou[b-hh1vmdfqde] { border-left-color: var(--ambar); background: color-mix(in srgb, var(--ambar-fundo) 45%, transparent); }

.servico-nome[b-hh1vmdfqde] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.servico-nome strong[b-hh1vmdfqde] { font-size: .95rem; }
.servico-nome small[b-hh1vmdfqde] { font-size: .78rem; color: var(--texto-fraco); }
.servico-nome .concluido[b-hh1vmdfqde] { color: var(--verde); font-weight: 600; }

.barra-da-medicao[b-hh1vmdfqde] { display: flex; height: 8px; margin-top: 4px; border-radius: 4px; background: var(--superficie-3); overflow: hidden; }
.barra-da-medicao .antes[b-hh1vmdfqde] { background: var(--navy-3); }
.barra-da-medicao .agora[b-hh1vmdfqde] { background: var(--ambar); }

.acumulado[b-hh1vmdfqde] { display: flex; flex-direction: column; gap: 4px; font-size: .78rem; color: var(--texto-fraco); }
.acumulado .botao-link[b-hh1vmdfqde] { align-self: flex-start; }

.campo-com-sufixo[b-hh1vmdfqde] { position: relative; display: block; }
.campo-com-sufixo input[b-hh1vmdfqde] { width: 100%; padding-right: 30px; text-align: right; font-weight: 600; }
.campo-com-sufixo > span[b-hh1vmdfqde] { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--texto-fraco); pointer-events: none; }

.valor-do-periodo[b-hh1vmdfqde] { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-variant-numeric: tabular-nums; }
.valor-do-periodo span[b-hh1vmdfqde] { font-size: .78rem; color: var(--texto-fraco); }
.valor-do-periodo strong[b-hh1vmdfqde] { font-size: 1.05rem; }
.andou .valor-do-periodo strong[b-hh1vmdfqde] { color: var(--navy); }

.formulario small[b-hh1vmdfqde] { display: block; margin-top: 4px; font-size: .78rem; font-weight: 400; }

.fechamento-da-medicao[b-hh1vmdfqde] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 18px 20px;
    border-radius: 12px;
    background: var(--navy);
    color: var(--sobre-navy);
    box-shadow: 0 10px 30px -14px rgba(11, 38, 67, .45);
}

.fechamento-da-medicao small[b-hh1vmdfqde] { font-size: .8rem; color: var(--sobre-navy-suave); }
.fechamento-da-medicao strong[b-hh1vmdfqde] { font-size: 1.8rem; font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; }
.fechamento-da-medicao .acoes[b-hh1vmdfqde] { justify-content: flex-end; margin-top: 12px; }
.fechamento-da-medicao .botao:not(.botao-principal)[b-hh1vmdfqde] { background: transparent; border-color: rgba(175, 193, 216, .4); color: var(--sobre-navy); box-shadow: none; }
.fechamento-da-medicao .botao-principal[b-hh1vmdfqde] { background: var(--ambar); border-color: var(--ambar); color: #3A2400; }
.fechamento-da-medicao .botao-principal:hover[b-hh1vmdfqde] { background: var(--ambar-forte); border-color: var(--ambar-forte); }

@media (prefers-color-scheme: dark) {
    .andou .valor-do-periodo strong[b-hh1vmdfqde] { color: var(--texto); }
    .barra-da-medicao .antes[b-hh1vmdfqde] { background: #6DA3DE; }
}

@media (max-width: 800px) {
    .servicos-da-medicao li[b-hh1vmdfqde] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; padding: 14px 16px; }
    .servico-nome[b-hh1vmdfqde] { grid-column: 1 / -1; }
}
/* /Pages/Financeiro/Pedido.razor.rz.scp.css */
.titulo[b-lsffzb79ay] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; }

.receber[b-lsffzb79ay] { background: var(--ambar); border-color: var(--ambar); color: #3A2400; font-weight: 700; }
.receber:hover[b-lsffzb79ay] { background: var(--ambar-forte); border-color: var(--ambar-forte); }
.cancelar[b-lsffzb79ay] { color: #F5A3A3; }

.atrasado[b-lsffzb79ay] { color: var(--vermelho); }

.itens td[b-lsffzb79ay] { vertical-align: middle; }
.itens td > strong[b-lsffzb79ay], .itens td > small[b-lsffzb79ay] { display: block; }
.itens td > small[b-lsffzb79ay] { font-size: .78rem; color: var(--texto-fraco); }
.itens tfoot td[b-lsffzb79ay] { font-weight: 700; background: var(--superficie-2); }

.chegada[b-lsffzb79ay] { min-width: 190px; }
.chegada small[b-lsffzb79ay] { display: block; margin-top: 5px; font-size: .78rem; color: var(--texto-suave); white-space: nowrap; }
.chegada .falta[b-lsffzb79ay] { color: var(--ambar-tinta); }

.barra-de-chegada[b-lsffzb79ay] { display: block; height: 8px; border-radius: 4px; background: var(--superficie-3); overflow: hidden; }
.barra-de-chegada i[b-lsffzb79ay] { display: block; height: 100%; border-radius: 4px; background: var(--verde); }

.detalhes[b-lsffzb79ay] { display: flex; flex-direction: column; margin: 0; }
.detalhes div[b-lsffzb79ay] { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; font-size: .9rem; }
.detalhes div + div[b-lsffzb79ay] { border-top: 1px solid var(--borda); }
.detalhes dt[b-lsffzb79ay] { color: var(--texto-fraco); }
.detalhes dd[b-lsffzb79ay] { margin: 0; text-align: right; font-weight: 600; }
.detalhes a[b-lsffzb79ay] { color: var(--azul); text-decoration: none; }
.detalhes a:hover[b-lsffzb79ay] { text-decoration: underline; }
.detalhes .observacao[b-lsffzb79ay] { flex-direction: column; gap: 4px; }
.detalhes .observacao dd[b-lsffzb79ay] { text-align: left; font-weight: 400; }
/* /Pages/Financeiro/Pessoas.razor.rz.scp.css */
.filtro-texto[b-unyf830xzo] { flex: 1 1 280px; max-width: 440px; }
.campo-com-icone[b-unyf830xzo] { position: relative; display: flex; }
.campo-com-icone[b-unyf830xzo]  .icone { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--texto-fraco); pointer-events: none; }
.campo-com-icone input[b-unyf830xzo] { width: 100%; padding-left: 36px; }
.so-ativos[b-unyf830xzo] { align-self: center; margin-top: 22px; font-size: .9rem; }

.contagem[b-unyf830xzo] { font-size: .85rem; color: var(--texto-fraco); margin-bottom: -6px; }

/* Um cartão por fornecedor (ou cliente): quem é, como falar com ele e os números dele. */

.pessoas[b-unyf830xzo] { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; }

.pessoa[b-unyf830xzo] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px 20px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
}

.pessoa.inativa[b-unyf830xzo] { background: var(--superficie-2); box-shadow: none; }
.pessoa.inativa .pessoa-nome strong[b-unyf830xzo] { color: var(--texto-suave); }
.pessoa.inativa[b-unyf830xzo]  .avatar { opacity: .55; }

.pessoa-topo[b-unyf830xzo] { display: flex; align-items: center; gap: 12px; }
.pessoa-nome[b-unyf830xzo] { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.pessoa-nome strong[b-unyf830xzo] { font-size: 1rem; font-weight: 650; overflow-wrap: anywhere; }
.pessoa-nome small[b-unyf830xzo] { font-size: .8rem; color: var(--texto-fraco); font-variant-numeric: tabular-nums; }

.botao-de-icone[b-unyf830xzo] {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    margin: -4px -6px 0 0;
    border: 0;
    border-radius: var(--raio-pp);
    background: none;
    color: var(--texto-fraco);
    cursor: pointer;
}

.botao-de-icone:hover[b-unyf830xzo] { background: var(--superficie-3); color: var(--texto); }

.contatos[b-unyf830xzo] { display: flex; flex-direction: column; gap: 5px; font-size: .86rem; color: var(--texto-suave); }
.contatos li[b-unyf830xzo] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.contatos[b-unyf830xzo]  .icone { color: var(--texto-fraco); }
.contatos a[b-unyf830xzo] { color: var(--texto-suave); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contatos a:hover[b-unyf830xzo] { color: var(--azul); text-decoration: underline; }
.sem-contato[b-unyf830xzo] { font-size: .86rem; color: var(--texto-fraco); font-style: italic; }

.pessoa-numeros[b-unyf830xzo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: auto 0 0;
    padding-top: 12px;
    border-top: 1px solid var(--borda);
}

.pessoa-numeros div[b-unyf830xzo] { display: flex; flex-direction: column; gap: 2px; }
.pessoa-numeros dt[b-unyf830xzo] { font-size: .7rem; font-weight: 650; color: var(--texto-fraco); text-transform: uppercase; letter-spacing: .05em; }
.pessoa-numeros dd[b-unyf830xzo] { margin: 0; font-weight: 650; font-variant-numeric: tabular-nums; }

@media (max-width: 800px) {
    .filtros[b-unyf830xzo] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
    .filtro-texto[b-unyf830xzo] { grid-column: 1 / -1; max-width: none; }
    .filtro-data input[b-unyf830xzo] { width: 100%; min-width: 0; }
    .so-ativos[b-unyf830xzo] { margin-top: 0; }
    .pessoas[b-unyf830xzo] { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .pessoa[b-unyf830xzo] { padding: 16px; }
}
/* /Pages/Financeiro/Relatorios.razor.rz.scp.css */
/* A escolha do relatório: quatro cartões, o escolhido marcado. */

.tipos[b-d6eqd9zcsv] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }

.tipo[b-d6eqd9zcsv] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra-1);
    color: var(--texto);
    text-align: left;
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s, background .15s;
}

.tipo:hover[b-d6eqd9zcsv] { border-color: var(--borda-forte); }
.tipo[aria-pressed="true"][b-d6eqd9zcsv] { border-color: var(--azul); box-shadow: 0 0 0 1px var(--azul), var(--sombra); }

.tipo-icone[b-d6eqd9zcsv] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: var(--raio-p);
    background: var(--superficie-3);
    color: var(--texto-suave);
    transition: background .15s, color .15s;
}

.tipo[aria-pressed="true"] .tipo-icone[b-d6eqd9zcsv] { background: var(--navy); color: var(--ambar); }

.tipo-texto[b-d6eqd9zcsv] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.tipo-texto strong[b-d6eqd9zcsv] { font-size: .93rem; font-weight: 650; }
.tipo-texto small[b-d6eqd9zcsv] { font-size: .78rem; color: var(--texto-fraco); line-height: 1.35; }

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

.conteudo[b-d6eqd9zcsv] { display: flex; flex-direction: column; gap: 20px; transition: opacity .2s; }
.atualizando[b-d6eqd9zcsv] { opacity: .55; pointer-events: none; }

.nota[b-d6eqd9zcsv] { display: flex; align-items: center; gap: 8px; margin-top: -6px; font-size: .85rem; color: var(--texto-fraco); }
.nota[b-d6eqd9zcsv]  .icone { flex-shrink: 0; }
.faixa span[b-d6eqd9zcsv] { display: inline-flex; align-items: center; gap: 8px; }

.graficos[b-d6eqd9zcsv] { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 20px; }

/* As tabelas dos relatórios: números alinhados, o mês por extenso, o previsto mais claro. */

.tabela td.mes[b-d6eqd9zcsv] { white-space: nowrap; }
.tabela td.previsto[b-d6eqd9zcsv] { color: var(--texto-suave); }
.tabela td.forte[b-d6eqd9zcsv] { font-weight: 650; }
.tabela tr.resultado td[b-d6eqd9zcsv] { font-size: .98rem; }

.com-avatar[b-d6eqd9zcsv] { display: inline-flex; align-items: center; gap: 10px; font-weight: 550; }
.obra-da-linha[b-d6eqd9zcsv] { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; font-weight: 550; }

/* Na DRE a primeira coluna fica parada enquanto os meses rolam de lado. */
.rolagem[b-d6eqd9zcsv] { overflow-x: auto; }

.tabela-dre th:first-child[b-d6eqd9zcsv], .tabela-dre[b-d6eqd9zcsv]  tr:not(.grupo) > td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--superficie);
    min-width: 220px;
    box-shadow: inset -1px 0 0 var(--borda);
}

.tabela-dre[b-d6eqd9zcsv]  .titulo-do-grupo { position: sticky; left: 0; }
.tabela-dre.tabela-azul th:first-child[b-d6eqd9zcsv] { z-index: 2; background: var(--navy-2); box-shadow: inset -1px 0 0 rgb(255 255 255 / .15); }

@media (max-width: 1100px) {
    .tipos[b-d6eqd9zcsv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .graficos[b-d6eqd9zcsv] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 800px) {
    .tipos[b-d6eqd9zcsv] { display: flex; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 2px 16px 4px; scroll-padding: 0 16px; }
    .tipo[b-d6eqd9zcsv] { flex: 0 0 auto; padding: 10px 14px; }
    .tipo-texto small[b-d6eqd9zcsv] { display: none; }
    .tipo-icone[b-d6eqd9zcsv] { width: 32px; height: 32px; }

    .filtros[b-d6eqd9zcsv] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
    .filtros input[b-d6eqd9zcsv] { width: 100%; min-width: 0; }
    .filtros .botao[b-d6eqd9zcsv] { grid-column: 1 / -1; }

    .tabela-dre th:first-child[b-d6eqd9zcsv], .tabela-dre[b-d6eqd9zcsv]  tr:not(.grupo) > td:first-child { min-width: 150px; }
}

@media (max-width: 520px) {
    .conteudo[b-d6eqd9zcsv]  .indicador-valor { font-size: 1.1rem; }
}

@media print {
    .tipos[b-d6eqd9zcsv] { display: none; }
    .so-na-impressao[b-d6eqd9zcsv] { display: block; font-size: 1rem; }
    .nota[b-d6eqd9zcsv] { margin-top: 0; }
    .graficos[b-d6eqd9zcsv] { grid-template-columns: minmax(0, 1fr); }
    .conteudo[b-d6eqd9zcsv] { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    .tabela-dre th:first-child[b-d6eqd9zcsv], .tabela-dre[b-d6eqd9zcsv]  tr:not(.grupo) > td:first-child, .tabela-dre[b-d6eqd9zcsv]  .titulo-do-grupo { position: static; box-shadow: none; }
    .rolagem[b-d6eqd9zcsv] { overflow: visible; }
}
/* /Pages/Financeiro/Resumo.razor.rz.scp.css */
.escolha-de-periodo[b-xrwhx017el] { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
.escolha-de-periodo .alternador[b-xrwhx017el] { max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.escolha-de-periodo .alternador button[b-xrwhx017el] { white-space: nowrap; }

.conteudo[b-xrwhx017el] { display: flex; flex-direction: column; gap: 20px; transition: opacity .2s; }
.atualizando[b-xrwhx017el] { opacity: .55; pointer-events: none; }

/* Na primeira linha o realizado (saldo, recebido, pago); na segunda o que ainda vai acontecer. */
.indicadores[b-xrwhx017el] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.grade[b-xrwhx017el] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }

.unica[b-xrwhx017el] { display: flex; flex-direction: column; gap: 4px; padding: 8px 0 4px; }
.unica strong[b-xrwhx017el] { font-size: 1.5rem; font-weight: 700; letter-spacing: -.01em; }
.unica span[b-xrwhx017el] { color: var(--texto-fraco); font-size: .9rem; }

.nada[b-xrwhx017el] { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 28px 12px; color: var(--texto-fraco); text-align: center; font-size: .9rem; }

/* Vencidas e da próxima semana: o dia num quadradinho, a conta e o valor. */

.agenda li[b-xrwhx017el] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 10px 0;
    border-top: 1px solid var(--borda);
}

.agenda li:first-child[b-xrwhx017el] { border-top: 0; padding-top: 2px; }

.agenda-dia[b-xrwhx017el] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 46px;
    border-radius: var(--raio-p);
    background: var(--superficie-2);
    border: 1px solid var(--borda);
    line-height: 1.1;
}

.agenda-dia strong[b-xrwhx017el] { font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.agenda-dia small[b-xrwhx017el] { font-size: .66rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--texto-fraco); }
.agenda-dia.vencida[b-xrwhx017el] { background: var(--vermelho-fundo); border-color: transparent; color: var(--vermelho); }
.agenda-dia.vencida small[b-xrwhx017el] { color: var(--vermelho); }
.agenda-dia.hoje[b-xrwhx017el] { background: var(--ambar-fundo); border-color: transparent; color: var(--ambar-tinta); }
.agenda-dia.hoje small[b-xrwhx017el] { color: var(--ambar-tinta); }

.agenda-conta[b-xrwhx017el] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.agenda-conta a[b-xrwhx017el] { color: var(--texto); font-weight: 600; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agenda-conta a:hover[b-xrwhx017el] { text-decoration: underline; }
.agenda-conta > span[b-xrwhx017el] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.agenda-valor[b-xrwhx017el] { display: flex; flex-direction: column; align-items: flex-end; gap: 1px; white-space: nowrap; }
.agenda-valor strong[b-xrwhx017el] { font-variant-numeric: tabular-nums; }
.agenda-valor span[b-xrwhx017el] { display: inline-flex; align-items: center; gap: 4px; }

.rodape-do-cartao[b-xrwhx017el] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px 16px;
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid var(--borda);
}

.rodape-do-cartao span[b-xrwhx017el] { margin-right: auto; }
.rodape-do-cartao a[b-xrwhx017el] { font-weight: 600; text-decoration: none; }
.rodape-do-cartao a:hover[b-xrwhx017el] { text-decoration: underline; }

/* Resultado por obra: uma linha por obra, que abre a conta do custo e das receitas. */

.obras > li[b-xrwhx017el] { border-top: 1px solid var(--borda); }
.obras > li:first-child[b-xrwhx017el] { border-top: 0; }

.obra[b-xrwhx017el] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto 16px;
    grid-template-areas: "nome situacao resultado seta";
    align-items: center;
    gap: 6px 14px;
    padding: 12px 4px;
    margin: 0 -4px;
    width: calc(100% + 8px);
    border: 0;
    border-radius: var(--raio-pp);
    background: none;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.obra:hover[b-xrwhx017el] { background: var(--superficie-2); }
.obra-nome[b-xrwhx017el] { grid-area: nome; display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.obra-nome strong[b-xrwhx017el] { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.obra-situacao[b-xrwhx017el] { grid-area: situacao; }
.obra-resultado[b-xrwhx017el] { grid-area: resultado; display: inline-flex; align-items: center; gap: 4px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.obra[b-xrwhx017el]  .obra-seta { grid-area: seta; color: var(--texto-fraco); transition: transform .15s; }
.aberta .obra[b-xrwhx017el]  .obra-seta { transform: rotate(180deg); }

.obra-detalhe[b-xrwhx017el] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 28px;
    margin-bottom: 14px;
    padding: 14px 16px;
    border-radius: var(--raio-p);
    background: var(--superficie-2);
}

.obra-detalhe dl[b-xrwhx017el] { margin: 0; display: flex; flex-direction: column; gap: 6px; }
.obra-detalhe dt[b-xrwhx017el] { font-size: .72rem; font-weight: 650; color: var(--texto-fraco); text-transform: uppercase; letter-spacing: .05em; }
.obra-detalhe dd[b-xrwhx017el] { margin: 0; display: flex; justify-content: space-between; gap: 12px; font-size: .88rem; }
.obra-detalhe dd span:first-child[b-xrwhx017el] { min-width: 0; overflow-wrap: anywhere; }
.obra-detalhe dd span + span[b-xrwhx017el] { font-variant-numeric: tabular-nums; white-space: nowrap; }

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

@media (max-width: 1000px) {
    /* Em duas colunas, o saldo abre e o vencido fecha, cada um na largura toda. */
    .indicadores[b-xrwhx017el] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .indicadores[b-xrwhx017el]  .indicador:first-child, .indicadores[b-xrwhx017el]  .indicador:last-child { grid-column: 1 / -1; }
}

@media (max-width: 800px) {
    .escolha-de-periodo .alternador[b-xrwhx017el] { width: 100%; }
    .escolha-de-periodo .alternador button[b-xrwhx017el] { flex: 1; justify-content: center; padding: 6px 6px; font-size: .82rem; }
    .escolha-de-periodo .filtros[b-xrwhx017el] { width: 100%; flex-wrap: nowrap; gap: 8px; }
    .escolha-de-periodo .filtro[b-xrwhx017el] { flex: 1; min-width: 0; }
    .escolha-de-periodo .filtro input[b-xrwhx017el] { width: 100%; min-width: 0; padding: 8px 8px; }
    .escolha-de-periodo .botao[b-xrwhx017el] { padding: 8px 11px; }
    .rotulo-do-botao[b-xrwhx017el] { display: none; }

    .agenda li[b-xrwhx017el] { grid-template-columns: 40px minmax(0, 1fr); grid-template-areas: "dia conta" "dia valor"; gap: 4px 12px; align-items: start; }
    .agenda-dia[b-xrwhx017el] { grid-area: dia; width: 40px; height: 42px; }
    .agenda-conta[b-xrwhx017el] { grid-area: conta; }
    .agenda-conta a[b-xrwhx017el], .agenda-conta > span[b-xrwhx017el] { white-space: normal; }
    .agenda-valor[b-xrwhx017el] { grid-area: valor; flex-direction: row; align-items: baseline; gap: 10px; }

    .obra-nome strong[b-xrwhx017el] { white-space: normal; }

    .obra[b-xrwhx017el] { grid-template-columns: minmax(0, 1fr) auto 16px; grid-template-areas: "nome resultado seta" "situacao situacao situacao"; }
    .obra-situacao[b-xrwhx017el] { justify-self: start; }
    .obra-detalhe[b-xrwhx017el] { grid-template-columns: minmax(0, 1fr); padding: 12px; }
}

@media (max-width: 520px) {
    .indicadores[b-xrwhx017el]  .indicador-valor { font-size: 1.1rem; }
    .indicadores[b-xrwhx017el]  .indicador:first-child .indicador-valor, .indicadores[b-xrwhx017el]  .indicador:last-child .indicador-valor { font-size: 1.35rem; }
}

@media print {
    .escolha-de-periodo .alternador[b-xrwhx017el] { display: none; }
    .grade[b-xrwhx017el] { grid-template-columns: minmax(0, 1fr); }
}
/* /Pages/Funcionarios/Especialidades.razor.rz.scp.css */
.grade-das-especialidades[b-sk8pjfljaj] { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(320px, 1fr); gap: 20px; align-items: start; }
.grade-das-especialidades.so-lista[b-sk8pjfljaj] { grid-template-columns: minmax(0, 1fr); max-width: 860px; }

.grade-das-especialidades[b-sk8pjfljaj]  .cartao-da-nova { position: sticky; top: calc(var(--altura-da-barra) + 16px); }

.contagem[b-sk8pjfljaj] { font-size: .8rem; color: var(--sobre-navy-suave); font-weight: 550; }

.aviso[b-sk8pjfljaj] { display: inline-flex; align-items: center; gap: 8px; }

.carregando-lista[b-sk8pjfljaj] { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 48px 0; }

/* O catálogo em linhas: a inicial, o nome, quantos têm e o lápis para renomear ali mesmo. */

.especialidade[b-sk8pjfljaj] { display: flex; align-items: center; gap: 14px; min-width: 0; min-height: 68px; padding: 12px 14px 12px 18px; }
.especialidade + .especialidade[b-sk8pjfljaj] { border-top: 1px solid var(--borda); }
.especialidade.renomeando[b-sk8pjfljaj] { background: var(--azul-fundo); }

.especialidade-icone[b-sk8pjfljaj] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--ambar-fundo);
    color: var(--ambar-tinta);
    font-weight: 800;
    flex-shrink: 0;
}

.especialidade-texto[b-sk8pjfljaj] { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.especialidade-texto strong[b-sk8pjfljaj] { font-weight: 650; overflow-wrap: anywhere; }
.especialidade-texto span[b-sk8pjfljaj] { font-size: .82rem; color: var(--texto-fraco); }
.especialidade-texto a[b-sk8pjfljaj] { width: fit-content; font-size: .82rem; font-weight: 600; text-decoration: none; }
.especialidade-texto a:hover[b-sk8pjfljaj] { text-decoration: underline; }

.renomear-botao[b-sk8pjfljaj] { flex-shrink: 0; gap: 6px; color: var(--texto-fraco); }

.renomear[b-sk8pjfljaj] { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.renomear-linha[b-sk8pjfljaj] { display: flex; align-items: center; gap: 6px; }
.renomear-linha input[b-sk8pjfljaj] { flex: 1; min-width: 0; min-height: 36px; }
.renomear-linha .botao[b-sk8pjfljaj] { width: 36px; min-height: 36px; padding: 0; flex-shrink: 0; }
.erro-ao-renomear[b-sk8pjfljaj] { font-size: .82rem; color: var(--vermelho); }

/* Criar: o nome, as sugestões e, se quiser, quem da equipe já tem. */

.nova[b-sk8pjfljaj] { display: flex; flex-direction: column; gap: 18px; }
.nova > .botao[b-sk8pjfljaj] { justify-content: center; }

.nova-campo[b-sk8pjfljaj] { display: flex; flex-direction: column; gap: 6px; font-size: .86rem; font-weight: 600; color: var(--texto-suave); }

.rotulo-da-secao[b-sk8pjfljaj] { display: block; margin-bottom: 8px; font-size: .82rem; font-weight: 650; color: var(--texto-suave); }
.rotulo-da-secao .discreto[b-sk8pjfljaj] { font-weight: 400; }

.sugestoes[b-sk8pjfljaj] { padding-top: 16px; border-top: 1px solid var(--borda); }
.sugestoes-lista[b-sk8pjfljaj] { display: flex; flex-wrap: wrap; gap: 8px; }

.sugestao[b-sk8pjfljaj] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 12px 5px 9px;
    border: 1px dashed var(--borda-forte);
    border-radius: 999px;
    background: var(--superficie);
    color: var(--texto-suave);
    font: inherit;
    font-size: .84rem;
    cursor: pointer;
    transition: border-color .15s, color .15s, background .15s;
}

.sugestao[b-sk8pjfljaj]  .icone { color: var(--ambar-forte); }
.sugestao:hover[b-sk8pjfljaj] { border-color: var(--texto-fraco); color: var(--texto); }
.sugestao[aria-pressed="true"][b-sk8pjfljaj] { border-style: solid; border-color: var(--ambar); background: var(--ambar-fundo); color: var(--ambar-tinta); }

.quem-tem-caixa[b-sk8pjfljaj] { border: 1px solid var(--borda); border-radius: 10px; overflow: hidden; }

.quem-tem-busca[b-sk8pjfljaj] { position: relative; display: flex; padding: 8px; border-bottom: 1px solid var(--borda); background: var(--superficie-2); }
.quem-tem-busca input[b-sk8pjfljaj] { flex: 1; min-width: 0; min-height: 36px; padding-left: 34px; }
.quem-tem-busca[b-sk8pjfljaj]  .icone { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); color: var(--texto-fraco); pointer-events: none; }

.quem-tem-caixa ul[b-sk8pjfljaj] { max-height: 300px; overflow-y: auto; }
.quem-tem-caixa li + li[b-sk8pjfljaj] { border-top: 1px solid var(--borda); }

.pessoa-marcavel[b-sk8pjfljaj] { display: flex; align-items: center; gap: 10px; padding: 9px 14px; cursor: pointer; }
.pessoa-marcavel:hover[b-sk8pjfljaj] { background: var(--superficie-2); }
.pessoa-marcavel input[b-sk8pjfljaj] { width: 18px; height: 18px; margin: 0; accent-color: var(--navy); flex-shrink: 0; }
.pessoa-marcavel-nome[b-sk8pjfljaj] { display: flex; flex-direction: column; min-width: 0; }
.pessoa-marcavel-nome strong[b-sk8pjfljaj] { font-size: .9rem; font-weight: 600; }
.pessoa-marcavel-nome small[b-sk8pjfljaj] { font-size: .78rem; color: var(--texto-fraco); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.quem-tem-vazio[b-sk8pjfljaj] { padding: 14px; font-size: .85rem; color: var(--texto-fraco); }

@media (max-width: 960px) {
    .grade-das-especialidades[b-sk8pjfljaj] { grid-template-columns: minmax(0, 1fr); }
    .grade-das-especialidades[b-sk8pjfljaj]  .cartao-da-nova { position: static; order: -1; }
}

@media (max-width: 640px) {
    .renomear-botao span[b-sk8pjfljaj] { display: none; }
}
/* /Pages/Funcionarios/ListaDeFuncionarios.razor.rz.scp.css */
/* Na equipe: o total e, numa barra só, quantos são profissionais e quantos são ajudantes. */

.proporcao[b-nh0egrocl5] {
    display: flex;
    gap: 2px;
    height: 8px;
    margin-top: 6px;
    border-radius: 4px;
    overflow: hidden;
    background: var(--superficie-3);
}

.proporcao span[b-nh0egrocl5] { background: var(--cor-da-serie); }

.legenda-da-proporcao[b-nh0egrocl5] { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: .8rem; color: var(--texto-fraco); }
.legenda-da-proporcao strong[b-nh0egrocl5] { color: var(--texto); font-weight: 650; }
.legenda-da-proporcao span[b-nh0egrocl5] { display: inline-flex; align-items: center; gap: 6px; }

.amostra-de-serie[b-nh0egrocl5] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }

/* Filtros: a pesquisa com a lupa dentro, os dois filtros e, à direita, cartões ou lista. */

.barra-de-filtros[b-nh0egrocl5] { gap: 12px 14px; }
.barra-de-filtros .filtro[b-nh0egrocl5]  .escolha { min-width: 190px; }

.pesquisa[b-nh0egrocl5] { position: relative; max-width: 440px; }
.pesquisa input[b-nh0egrocl5] { padding-left: 40px; }
.pesquisa[b-nh0egrocl5]  .lupa { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--texto-fraco); pointer-events: none; }

.alternador[b-nh0egrocl5] { margin-left: auto; }

.resultado[b-nh0egrocl5] { display: flex; align-items: center; gap: 14px; font-size: .88rem; color: var(--texto-fraco); margin-bottom: -6px; }


/* Enquanto carrega: cartões vazios do tamanho dos de verdade. */

.esqueleto[b-nh0egrocl5] { min-height: 176px; gap: 12px; }
.esqueleto span[b-nh0egrocl5] { display: block; border-radius: 999px; background: var(--superficie-3); animation: pulsar-b-nh0egrocl5 1.4s ease-in-out infinite; }
.esqueleto-avatar[b-nh0egrocl5] { width: 46px; height: 46px; }
.esqueleto-linha[b-nh0egrocl5] { height: 12px; width: 70%; }
.esqueleto-linha.curta[b-nh0egrocl5] { width: 45%; }

@keyframes pulsar-b-nh0egrocl5 { 50% { opacity: .45; } }

@media (prefers-reduced-motion: reduce) {
    .esqueleto span[b-nh0egrocl5] { animation: none; }
    .pessoa[b-nh0egrocl5] { transition: none; }
}

/* Lista: uma linha por pessoa, as colunas alinhadas. Só em tela larga; no celular é sempre cartão. */

@media (min-width: 801px) {
    .pessoas.lista[b-nh0egrocl5] {
        display: flex;
        flex-direction: column;
        gap: 0;
        background: var(--superficie);
        border: 1px solid var(--borda);
        border-radius: var(--raio);
        box-shadow: var(--sombra);
        overflow: hidden;
    }

    .lista .pessoa[b-nh0egrocl5] {
        display: grid;
        grid-template-columns: minmax(230px, 1.15fr) minmax(0, 1.5fr) minmax(190px, 1fr) 128px;
        align-items: center;
        gap: 20px;
        padding: 12px 20px;
        border: 0;
        border-bottom: 1px solid var(--borda);
        border-radius: 0;
        box-shadow: none;
    }

    .lista .pessoa:last-child[b-nh0egrocl5] { border-bottom: 0; }
    .lista .pessoa:hover[b-nh0egrocl5] { transform: none; box-shadow: none; border-color: var(--borda); background: var(--superficie-2); }
    .lista .pessoa:has(.nome:focus-visible)[b-nh0egrocl5] { box-shadow: inset 0 0 0 2px var(--ambar); }

    .lista .pessoa-topo[b-nh0egrocl5] { gap: 12px; }
    .lista .pessoa-topo[b-nh0egrocl5]  .avatar { width: 38px; height: 38px; font-size: .82rem; }
    .lista .pessoa-topo[b-nh0egrocl5]  .seta { display: none; }
    .lista .nome[b-nh0egrocl5] { font-size: .95rem; }

    .lista .pessoa-rodape[b-nh0egrocl5] { display: contents; }
    .lista .realocar[b-nh0egrocl5] { justify-self: end; }
}

@media (max-width: 800px) {
    /* No celular, as ações secundárias ficam só com o ícone, na mesma linha do botão principal. */

    .indicador-da-equipe[b-nh0egrocl5] { grid-column: 1 / -1; }

    .barra-de-filtros[b-nh0egrocl5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pesquisa[b-nh0egrocl5] { grid-column: 1 / -1; max-width: none; min-width: 0; }
    .barra-de-filtros .filtro[b-nh0egrocl5]  .escolha { min-width: 0; width: 100%; }
    .alternador[b-nh0egrocl5] { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-left: 0; }
    .alternador button[b-nh0egrocl5] { justify-content: center; padding: 7px 6px; }

}
/* /Pages/ListaDeObras.razor.rz.scp.css */
/* As situações como fichas: um toque filtra, e o número diz quantas obras há em cada uma. */
.chips[b-2hxumopldb] { display: flex; flex-wrap: wrap; gap: 8px; }

.chip[b-2hxumopldb] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 8px 0 14px;
    border: 1px solid var(--borda-forte);
    border-radius: 999px;
    background: var(--superficie);
    color: var(--texto-suave);
    font-size: .88rem;
    font-weight: 550;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}

.chip:hover[b-2hxumopldb] { border-color: var(--texto-fraco); color: var(--texto); }

.chip-contagem[b-2hxumopldb] {
    min-width: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--superficie-3);
    color: var(--texto-suave);
    font-size: .74rem;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.chip[aria-pressed="true"][b-2hxumopldb] { background: var(--navy); border-color: var(--navy); color: var(--sobre-navy); }
.chip[aria-pressed="true"] .chip-contagem[b-2hxumopldb] { background: color-mix(in srgb, var(--sobre-navy) 18%, transparent); color: var(--sobre-navy); }

.chip-ponto[b-2hxumopldb] { width: 8px; height: 8px; border-radius: 50%; margin-right: -2px; }
.ponto-perigo[b-2hxumopldb] { background: var(--vermelho); }
.ponto-aviso[b-2hxumopldb] { background: var(--ambar); }
.ponto-sucesso[b-2hxumopldb] { background: var(--verde); }
.ponto-neutro[b-2hxumopldb] { background: var(--texto-fraco); }

.chip-encerradas[b-2hxumopldb] { margin-left: auto; border-style: dashed; }
.chip-encerradas[aria-pressed="true"][b-2hxumopldb] { border-style: solid; }

.barra-da-lista[b-2hxumopldb] { align-items: center; }
.barra-da-lista .alternador[b-2hxumopldb] { margin-left: auto; }

.campo-de-busca[b-2hxumopldb] { position: relative; display: flex; flex: 1; min-width: 0; }
.campo-de-busca input[b-2hxumopldb] { flex: 1; min-width: 0; padding-left: 38px; }
.campo-de-busca[b-2hxumopldb]  .icone { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--texto-fraco); pointer-events: none; }

.barra-da-lista[b-2hxumopldb]  .escolha-botao { font-size: .9rem; }
.barra-da-lista[b-2hxumopldb]  .filtro-de-responsavel { flex: 0 1 230px; min-width: 170px; }
.barra-da-lista[b-2hxumopldb]  .filtro-de-ordem { flex: 0 1 240px; min-width: 190px; }

/* Tela média: o alternador fica só com os ícones para a pesquisa não espremer. */
@media (max-width: 1200px) {
    .barra-da-lista .pesquisa[b-2hxumopldb] { min-width: 300px; }
    .barra-da-lista .alternador button span[b-2hxumopldb] { display: none; }
    .barra-da-lista .alternador button[b-2hxumopldb] { padding: 6px 10px; }
}

.grade-de-obras[b-2hxumopldb] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 20px;
}

.carregando-lista[b-2hxumopldb] {
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
    overflow: hidden;
}

.carregando-lista li + li[b-2hxumopldb] { border-top: 1px solid var(--borda); }

/* Enquanto carrega, o desenho do que vem: a página não pula quando as obras chegam. */
.cartao-esqueleto[b-2hxumopldb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 20px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    overflow: hidden;
}

.cartao-esqueleto .esqueleto:not(.esqueleto-capa)[b-2hxumopldb] { margin: 0 18px; }

.esqueleto[b-2hxumopldb] {
    display: block;
    border-radius: var(--raio-pp);
    background: linear-gradient(90deg, var(--superficie-3) 0%, var(--superficie-2) 50%, var(--superficie-3) 100%);
    background-size: 200% 100%;
    animation: brilhar-b-2hxumopldb 1.4s ease-in-out infinite;
}

.esqueleto-capa[b-2hxumopldb] { aspect-ratio: 16 / 9; border-radius: 0; margin-bottom: 4px; }
.esqueleto-titulo[b-2hxumopldb] { height: 18px; width: 60%; }
.esqueleto-linha[b-2hxumopldb] { height: 12px; width: 85%; }
.esqueleto-linha.curta[b-2hxumopldb] { width: 45%; }

.carregando-lista li[b-2hxumopldb] { display: flex; align-items: center; gap: 18px; padding: 12px 18px 12px 14px; }
.esqueleto-miniatura[b-2hxumopldb] { width: 72px; height: 48px; flex-shrink: 0; }
.carregando-lista .esqueleto-linha[b-2hxumopldb] { width: 40%; }

@keyframes brilhar-b-2hxumopldb { from { background-position: 100% 0; } to { background-position: -100% 0; } }

@media (prefers-reduced-motion: reduce) {
    .esqueleto[b-2hxumopldb] { animation: none; }
}

@media (max-width: 800px) {
    .barra-da-lista[b-2hxumopldb] { gap: 10px; }
    /* Pesquisa e alternador numa linha, os dois filtros lado a lado na de baixo. O teclado do
       celular já tem a tecla de pesquisar. */
    .barra-da-lista .pesquisa[b-2hxumopldb] { flex: 1 1 calc(100% - 100px); min-width: 0; max-width: none; }
    .barra-da-lista .pesquisa .botao[b-2hxumopldb] { display: none; }
    .barra-da-lista .alternador[b-2hxumopldb] { order: 1; margin-left: 0; }
    .barra-da-lista[b-2hxumopldb]  .filtro-de-responsavel, .barra-da-lista[b-2hxumopldb]  .filtro-de-ordem { order: 2; flex: 1 1 40%; min-width: 0; max-width: none; }
    .chips[b-2hxumopldb] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -12px; padding: 0 12px; }
    .chips[b-2hxumopldb]::-webkit-scrollbar { display: none; }
    .chip-encerradas[b-2hxumopldb] { margin-left: 0; }
    .barra-da-lista .alternador button span[b-2hxumopldb] { display: none; }
    .barra-da-lista .alternador button[b-2hxumopldb] { padding: 6px 10px; }
    .grade-de-obras[b-2hxumopldb] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
/* /Pages/Obras/DiaDoDiario.razor.rz.scp.css */
.titulo-do-dia[b-7g0tvvcueb] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

.ir-para-o-dia[b-7g0tvvcueb] { width: auto; cursor: pointer; }

.dia-grade[b-7g0tvvcueb] { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px, 1fr); gap: 20px; align-items: start; }
.dia-principal[b-7g0tvvcueb], .dia-lateral[b-7g0tvvcueb] { display: flex; flex-direction: column; gap: 20px; min-width: 0; }

.clima[b-7g0tvvcueb] { display: flex; flex-direction: column; border: 1px solid var(--borda); border-radius: var(--raio-p); }
.clima-linha[b-7g0tvvcueb] { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; padding: 10px 14px; }
.clima-linha + .clima-linha[b-7g0tvvcueb] { border-top: 1px solid var(--borda); }
.clima-linha > strong[b-7g0tvvcueb] { width: 56px; font-size: .92rem; }
.clima-linha > :last-child[b-7g0tvvcueb] { margin-left: auto; }
.clima-linha .alternador button[b-7g0tvvcueb] { padding: 6px 12px; }

.alternador button.trabalhou[aria-pressed="true"][b-7g0tvvcueb] { background: var(--verde-fundo); color: var(--verde); box-shadow: 0 0 0 1px color-mix(in srgb, var(--verde) 35%, transparent); }
.alternador button.parou[aria-pressed="true"][b-7g0tvvcueb] { background: var(--vermelho-fundo); color: var(--vermelho); box-shadow: 0 0 0 1px color-mix(in srgb, var(--vermelho) 40%, transparent); }

.tempo-registrado[b-7g0tvvcueb] { display: inline-flex; align-items: center; gap: 6px; color: var(--texto-suave); }

.descricao-do-dia[b-7g0tvvcueb] { margin-top: 16px; }

.rodape-do-registro[b-7g0tvvcueb] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }

.servicos-do-dia li[b-7g0tvvcueb] { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 0; }
.servicos-do-dia li + li[b-7g0tvvcueb] { border-top: 1px solid var(--borda); }
.servicos-do-dia a[b-7g0tvvcueb] { text-decoration: none; font-weight: 550; color: var(--texto); }
.servicos-do-dia a:hover[b-7g0tvvcueb] { text-decoration: underline; }
.servico-do-dia[b-7g0tvvcueb] { display: flex; flex-direction: column; min-width: 0; }
.servicos-do-dia.apontar[b-7g0tvvcueb] { margin-top: 6px; }
.servicos-do-dia.apontar .botao[b-7g0tvvcueb] { flex-shrink: 0; }

@media (max-width: 960px) {
    .dia-grade[b-7g0tvvcueb] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
    .clima-linha > :last-child[b-7g0tvvcueb] { margin-left: 0; }
}
/* /Pages/Obras/Diario.razor.rz.scp.css */
.diario-grade[b-w80iw9h46o] { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: 18px; align-items: start; }

/* O mês, com o clima de cada dia registrado. */
.calendario-do-diario[b-w80iw9h46o] {
    position: sticky;
    top: 16px;
    overflow: hidden;
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    background: var(--superficie);
    box-shadow: var(--sombra);
}

.mes-do-calendario[b-w80iw9h46o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 8px 10px;
    background: var(--navy);
    color: var(--sobre-navy);
    font-size: .95rem;
}
.seta-do-mes[b-w80iw9h46o] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 50%;
    background: none;
    color: var(--sobre-navy);
    cursor: pointer;
}
.seta-do-mes:hover:not(:disabled)[b-w80iw9h46o] { background: rgba(255, 255, 255, .12); }
.seta-do-mes:disabled[b-w80iw9h46o] { opacity: .3; cursor: default; }

.dias-do-mes[b-w80iw9h46o] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; padding: 12px; }
.dia-da-semana-curto[b-w80iw9h46o] { padding-bottom: 2px; text-align: center; font-size: .66rem; font-weight: 700; text-transform: uppercase; color: var(--texto-fraco); }

.dia-do-mes[b-w80iw9h46o] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    aspect-ratio: 1;
    min-width: 0;
    padding: 5px 6px;
    border: 1px solid transparent;
    border-radius: var(--raio-p);
    background: none;
    color: var(--texto-fraco);
    font: inherit;
    font-size: .8rem;
    text-align: left;
}
.dia-do-mes.hoje[b-w80iw9h46o] { border-color: var(--ambar); }
.dia-do-mes.registrado[b-w80iw9h46o] { border-color: var(--borda); background: var(--superficie-2); color: var(--texto); font-weight: 600; cursor: pointer; }
.dia-do-mes.registrado:hover[b-w80iw9h46o] { border-color: var(--texto-fraco); }
.dia-do-mes.registrado[b-w80iw9h46o]  .icone { color: var(--texto-suave); }
.dia-do-mes.parado[b-w80iw9h46o] { border-color: transparent; background: var(--vermelho-fundo); }
.dia-do-mes.parado[b-w80iw9h46o]  .icone { color: var(--vermelho); }
.dia-do-mes[aria-pressed="true"][b-w80iw9h46o] { border-color: var(--navy); background: var(--navy); color: var(--sobre-navy); }
.dia-do-mes[aria-pressed="true"][b-w80iw9h46o]  .icone { color: var(--sobre-navy-suave); }
.marca-de-ocorrencia[b-w80iw9h46o] { position: absolute; right: 5px; bottom: 5px; width: 6px; height: 6px; border-radius: 50%; background: var(--ambar); }

.legenda-do-calendario[b-w80iw9h46o] { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 0 12px 12px; font-size: .74rem; color: var(--texto-suave); }
.legenda-do-calendario span[b-w80iw9h46o] { display: inline-flex; align-items: center; gap: 6px; }
.legenda-do-calendario i[b-w80iw9h46o] { display: inline-block; width: 10px; height: 10px; border-radius: 3px; }
.legenda-do-calendario i.registrado[b-w80iw9h46o] { border: 1px solid var(--borda); background: var(--superficie-2); }
.legenda-do-calendario i.parado[b-w80iw9h46o] { background: var(--vermelho-fundo); }
.legenda-do-calendario i.ocorrencia[b-w80iw9h46o] { width: 8px; height: 8px; border-radius: 50%; background: var(--ambar); }

/* O dia escolhido. */
.dia-escolhido[b-w80iw9h46o] {
    overflow: hidden;
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    background: var(--superficie);
    box-shadow: var(--sombra);
}
.sem-dia[b-w80iw9h46o] { padding: 28px 20px; text-align: center; }

.cabeca-do-dia[b-w80iw9h46o] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px; padding: 14px 20px; border-bottom: 1px solid var(--borda); }
.cabeca-do-dia h3[b-w80iw9h46o] { margin: 0; font-size: 1.15rem; }
.cabeca-do-dia small[b-w80iw9h46o] { font-size: .84rem; color: var(--texto-fraco); }
.outros-dias[b-w80iw9h46o] { display: flex; gap: 12px; }
.outros-dias .botao-link[b-w80iw9h46o] { font-weight: 600; text-decoration: none; font-variant-numeric: tabular-nums; }

.periodos-do-dia[b-w80iw9h46o] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--borda); }
.periodos-do-dia > div[b-w80iw9h46o] { display: flex; flex-direction: column; gap: 2px; padding: 12px 20px; min-width: 0; }
.periodos-do-dia > div + div[b-w80iw9h46o] { border-left: 1px solid var(--borda); }
.periodos-do-dia small[b-w80iw9h46o] { font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--texto-fraco); }
.periodos-do-dia strong[b-w80iw9h46o] { font-size: .98rem; }

.secao-do-dia[b-w80iw9h46o] { display: flex; flex-direction: column; gap: 8px; padding: 14px 20px; border-bottom: 1px solid var(--borda); }
.secao-do-dia h4[b-w80iw9h46o] { margin: 0; font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--texto-fraco); }
.texto-do-dia[b-w80iw9h46o] { margin: 0; white-space: pre-line; overflow-wrap: anywhere; color: var(--texto-suave); }

.servicos-do-dia[b-w80iw9h46o] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px 24px; }
.servicos-do-dia > div[b-w80iw9h46o] { display: flex; flex-direction: column; gap: 8px; }
.marcos-do-dia[b-w80iw9h46o] { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: .88rem; }
.marcos-do-dia li[b-w80iw9h46o] { display: flex; gap: 8px; }
.marcos-do-dia li[b-w80iw9h46o]::before { content: ""; flex: none; width: 7px; height: 7px; margin-top: 7px; border-radius: 50%; background: var(--azul); }
.marcos-do-dia li.concluido[b-w80iw9h46o]::before { background: var(--verde); }
.marcos-do-dia a[b-w80iw9h46o] { color: var(--texto); text-decoration: none; overflow-wrap: anywhere; }
.marcos-do-dia a:hover[b-w80iw9h46o] { text-decoration: underline; }

.ocorrencia-do-dia[b-w80iw9h46o] { padding: 9px 12px; border-radius: var(--raio-p); background: var(--ambar-fundo); font-size: .88rem; }
.ocorrencia-do-dia strong[b-w80iw9h46o] { display: block; font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; color: var(--ambar-tinta); }
.ocorrencia-do-dia p[b-w80iw9h46o] { margin: 2px 0 0; white-space: pre-line; overflow-wrap: anywhere; }
.ocorrencia-do-dia small[b-w80iw9h46o] { color: var(--texto-fraco); }

/* A galeria vem num cartão próprio; aqui ela vira só mais uma parte do dia. */
.secao-de-fotos[b-w80iw9h46o]  .cartao { margin: 0; padding: 14px 20px; border: 0; border-bottom: 1px solid var(--borda); border-radius: 0; box-shadow: none; }
.secao-de-fotos[b-w80iw9h46o]  .cartao h2 { font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--texto-fraco); }

.rodape-do-dia[b-w80iw9h46o] { display: flex; justify-content: flex-end; padding: 12px 20px; background: var(--superficie-2); }

@media (max-width: 900px) {
    .diario-grade[b-w80iw9h46o] { grid-template-columns: 1fr; }
    .calendario-do-diario[b-w80iw9h46o] { position: static; }
    .periodos-do-dia[b-w80iw9h46o] { grid-template-columns: 1fr 1fr; }
    .periodos-do-dia > div:last-child[b-w80iw9h46o] { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--borda); }
}
/* /Pages/Obras/FormularioDeObra.razor.rz.scp.css */
/* O formulário numa coluna central: é para ler de cima para baixo, uma seção por vez. */
.formulario-de-obra[b-totj68is4f] { width: 100%; max-width: 820px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }

.formulario[b-totj68is4f] { gap: 18px; }

.secao[b-totj68is4f] { display: flex; flex-direction: column; gap: 16px; padding: 22px 24px 24px; }

.secao-titulo[b-totj68is4f] { display: flex; gap: 14px; align-items: flex-start; padding-bottom: 2px; }
.secao-titulo h2[b-totj68is4f] { margin: 0 0 2px; font-size: 1.02rem; }
.secao-titulo p[b-totj68is4f] { font-size: .87rem; color: var(--texto-fraco); }

.secao-icone[b-totj68is4f] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: var(--azul-fundo);
    color: var(--azul);
    flex-shrink: 0;
}

/* Os campos do endereço em seis colunas: o logradouro largo, número e UF estreitos. */
.campos-do-endereco[b-totj68is4f] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.campos-do-endereco .campo-cep[b-totj68is4f] { grid-column: span 2; }
.campos-do-endereco .campo-logradouro[b-totj68is4f] { grid-column: span 4; }
.campos-do-endereco .campo-numero[b-totj68is4f] { grid-column: span 1; }
.campos-do-endereco .campo-complemento[b-totj68is4f] { grid-column: span 2; }
.campos-do-endereco .campo-bairro[b-totj68is4f] { grid-column: span 3; }
.campos-do-endereco .campo-cidade[b-totj68is4f] { grid-column: span 5; }
.campos-do-endereco .campo-uf[b-totj68is4f] { grid-column: span 1; }

.descricao[b-totj68is4f] { resize: none; }

.duracao[b-totj68is4f] { display: flex; align-items: center; gap: 8px; font-size: .88rem; color: var(--texto-suave); }
.duracao[b-totj68is4f]  .icone { color: var(--texto-fraco); }

.capa-no-formulario[b-totj68is4f] { display: flex; gap: 18px; align-items: center; }
.capa-no-formulario-previa[b-totj68is4f] { position: relative; width: 220px; aspect-ratio: 16 / 9; border-radius: var(--raio-p); overflow: hidden; flex-shrink: 0; background: var(--navy); }
.capa-no-formulario-texto[b-totj68is4f] { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }

.barra-de-gravar[b-totj68is4f] { z-index: 5; justify-content: flex-end; }

/* Na janela da obra nova as seções ficam soltas, separadas por uma linha, sem a moldura do cartão. */
.na-janela .secao[b-totj68is4f] { padding: 0; }
.na-janela .secao + .secao[b-totj68is4f] { padding-top: 18px; border-top: 1px solid var(--borda); }
.acoes-da-janela[b-totj68is4f] { justify-content: space-between; margin: 0; }

@media (max-width: 800px) {
    .secao[b-totj68is4f] { padding: 16px; }
    .campos-do-endereco[b-totj68is4f] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .campos-do-endereco .campo-numero[b-totj68is4f], .campos-do-endereco .campo-complemento[b-totj68is4f],
    .campos-do-endereco .campo-cidade[b-totj68is4f], .campos-do-endereco .campo-uf[b-totj68is4f] { grid-column: span 1; }
    .campos-do-endereco .campo-cep[b-totj68is4f], .campos-do-endereco .campo-logradouro[b-totj68is4f], .campos-do-endereco .campo-bairro[b-totj68is4f] { grid-column: 1 / -1; }

    .capa-no-formulario[b-totj68is4f] { flex-direction: column; align-items: stretch; }
    .capa-no-formulario-previa[b-totj68is4f] { width: 100%; }

    /* Acima da navegação da base, que no celular fica presa no pé da tela. */
    .barra-de-gravar[b-totj68is4f] { bottom: calc(64px + env(safe-area-inset-bottom)); }
    .barra-de-gravar .botao[b-totj68is4f] { flex: 1; }
}
/* /Pages/Obras/Itens.razor.rz.scp.css */
/* O tipo e a validade como fichas: um toque filtra, e o número diz quantos itens há em cada um. */
.chips[b-q1as4qb0kl] { display: flex; flex-wrap: wrap; gap: 8px; }

.chip[b-q1as4qb0kl] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 8px 0 14px;
    border: 1px solid var(--borda-forte);
    border-radius: 999px;
    background: var(--superficie);
    color: var(--texto-suave);
    font-size: .88rem;
    font-weight: 550;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}

.chip:hover[b-q1as4qb0kl] { border-color: var(--texto-fraco); color: var(--texto); }

.chip-contagem[b-q1as4qb0kl] {
    min-width: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--superficie-3);
    color: var(--texto-suave);
    font-size: .74rem;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.chip[aria-pressed="true"][b-q1as4qb0kl] { background: var(--navy); border-color: var(--navy); color: var(--sobre-navy); }
.chip[aria-pressed="true"] .chip-contagem[b-q1as4qb0kl] { background: color-mix(in srgb, var(--sobre-navy) 18%, transparent); color: var(--sobre-navy); }

.chip-ponto[b-q1as4qb0kl] { width: 8px; height: 8px; border-radius: 50%; margin-right: -2px; }
.ponto-aviso[b-q1as4qb0kl] { background: var(--ambar); }

.filtros-linha[b-q1as4qb0kl] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }

.busca[b-q1as4qb0kl] { position: relative; display: flex; gap: 8px; flex: 0 1 440px; min-width: 0; }
.busca input[b-q1as4qb0kl] { flex: 1; min-width: 0; padding-left: 38px; }
.busca[b-q1as4qb0kl]  .busca-icone { position: absolute; left: 12px; top: 11px; color: var(--texto-fraco); pointer-events: none; }

.filtros-linha .receber[b-q1as4qb0kl] { margin-left: auto; }

@media (max-width: 800px) {
    .chips[b-q1as4qb0kl] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px; }
    .chips[b-q1as4qb0kl]::-webkit-scrollbar { display: none; }
    .busca[b-q1as4qb0kl] { flex-basis: 100%; }
    .filtros-linha .receber[b-q1as4qb0kl] { margin-left: 0; width: 100%; }
}
/* /Pages/Obras/Ocorrencias.razor.rz.scp.css */
/* Os tipos como fichas: um toque filtra, e o número diz quantas ocorrências há de cada um. */
.chips[b-rhw6vn7l5i] { display: flex; flex-wrap: wrap; gap: 8px; }

.chip[b-rhw6vn7l5i] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 8px 0 14px;
    border: 1px solid var(--borda-forte);
    border-radius: 999px;
    background: var(--superficie);
    color: var(--texto-suave);
    font-size: .88rem;
    font-weight: 550;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}

.chip:hover[b-rhw6vn7l5i] { border-color: var(--texto-fraco); color: var(--texto); }

.chip-contagem[b-rhw6vn7l5i] {
    min-width: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--superficie-3);
    color: var(--texto-suave);
    font-size: .74rem;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.chip[aria-pressed="true"][b-rhw6vn7l5i] { background: var(--navy); border-color: var(--navy); color: var(--sobre-navy); }
.chip[aria-pressed="true"] .chip-contagem[b-rhw6vn7l5i] { background: color-mix(in srgb, var(--sobre-navy) 18%, transparent); color: var(--sobre-navy); }

.chip-ponto[b-rhw6vn7l5i] { width: 8px; height: 8px; border-radius: 50%; margin-right: -2px; background: var(--cor-do-tipo); }

/* Seis tons para os tipos, os mesmos dos avatares; o tipo fica sempre com a mesma cor. */
.tom-0[b-rhw6vn7l5i] { --cor-do-tipo: #1F5FA8; --fundo-do-tipo: #DCEAFB; }
.tom-1[b-rhw6vn7l5i] { --cor-do-tipo: #8A5300; --fundo-do-tipo: #FDEBC8; }
.tom-2[b-rhw6vn7l5i] { --cor-do-tipo: #17784A; --fundo-do-tipo: #DDF3E7; }
.tom-3[b-rhw6vn7l5i] { --cor-do-tipo: #4A3AA7; --fundo-do-tipo: #E9E5FB; }
.tom-4[b-rhw6vn7l5i] { --cor-do-tipo: #A23A63; --fundo-do-tipo: #FBE3EC; }
.tom-5[b-rhw6vn7l5i] { --cor-do-tipo: #11756B; --fundo-do-tipo: #D9F2F0; }

.filtros-linha[b-rhw6vn7l5i] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }

.busca[b-rhw6vn7l5i] { position: relative; display: flex; gap: 8px; flex: 0 1 440px; min-width: 0; }
.busca input[b-rhw6vn7l5i] { flex: 1; min-width: 0; padding-left: 38px; }
.busca[b-rhw6vn7l5i]  .busca-icone { position: absolute; left: 12px; top: 11px; color: var(--texto-fraco); pointer-events: none; }

.filtros-linha .nova[b-rhw6vn7l5i] { margin-left: auto; }

/* A lista compacta à esquerda e, à direita, a ocorrência escolhida com o texto inteiro e as fotos. */
.lista-e-detalhe[b-rhw6vn7l5i] { display: grid; grid-template-columns: minmax(300px, 420px) minmax(0, 1fr); gap: 18px; align-items: start; }

.lista-de-ocorrencias[b-rhw6vn7l5i] { background: var(--superficie); border: 1px solid var(--borda); border-radius: 12px; overflow: hidden; }
.lista-de-ocorrencias li + li[b-rhw6vn7l5i] { border-top: 1px solid var(--borda); }

.item-da-lista[b-rhw6vn7l5i] {
    display: flex;
    gap: 12px;
    width: 100%;
    padding: 12px 16px;
    border: 0;
    background: none;
    font: inherit;
    color: var(--texto);
    text-align: left;
    cursor: pointer;
    transition: background .12s;
}

.item-da-lista:hover[b-rhw6vn7l5i] { background: var(--superficie-2); }
.item-da-lista.escolhido[b-rhw6vn7l5i] { background: var(--azul-fundo); box-shadow: inset 3px 0 0 var(--azul); }
.item-da-lista:focus-visible[b-rhw6vn7l5i] { outline: 2px solid var(--ambar); outline-offset: -2px; }

.ocorrencia-icone[b-rhw6vn7l5i] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--fundo-do-tipo);
    color: var(--cor-do-tipo);
    font-weight: 800;
    flex-shrink: 0;
}

.item-texto[b-rhw6vn7l5i] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.item-texto strong[b-rhw6vn7l5i] { font-size: .9rem; }
.item-descricao[b-rhw6vn7l5i] { font-size: .82rem; color: var(--texto-suave); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.item-texto small[b-rhw6vn7l5i] { display: flex; align-items: center; gap: 8px; font-size: .76rem; color: var(--texto-fraco); }
.item-fotos[b-rhw6vn7l5i] { display: inline-flex; align-items: center; gap: 3px; }

.detalhe-da-ocorrencia[b-rhw6vn7l5i] { position: sticky; top: calc(var(--altura-da-barra) + 16px); background: var(--superficie); border: 1px solid var(--borda); border-radius: 12px; overflow: hidden; }

.detalhe-topo[b-rhw6vn7l5i] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 12px 20px; background: var(--navy-2); color: #fff; }
.detalhe-topo h2[b-rhw6vn7l5i] { margin: 0; font-size: 1.05rem; color: #fff; }
.detalhe-topo span[b-rhw6vn7l5i] { font-size: .84rem; color: var(--sobre-navy-suave); }
.detalhe-topo a[b-rhw6vn7l5i] { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; color: var(--ambar); font-size: .85rem; font-weight: 600; text-decoration: none; }
.detalhe-topo a:hover[b-rhw6vn7l5i] { text-decoration: underline; }

.detalhe-corpo[b-rhw6vn7l5i] { display: flex; flex-direction: column; gap: 14px; padding: 18px 20px; }
.detalhe-corpo > .texto-livre[b-rhw6vn7l5i] { font-size: .95rem; line-height: 1.55; overflow-wrap: anywhere; }

.detalhe-dados[b-rhw6vn7l5i] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border: 1px solid var(--borda); border-radius: 10px; }
.detalhe-dados div[b-rhw6vn7l5i] { padding: 10px 14px; min-width: 0; }
.detalhe-dados div + div[b-rhw6vn7l5i] { border-left: 1px solid var(--borda); }
.detalhe-dados dt[b-rhw6vn7l5i] { font-size: .76rem; color: var(--texto-fraco); }
.detalhe-dados dd[b-rhw6vn7l5i] { margin: 2px 0 0; font-size: .9rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 800px) {
    .chips[b-rhw6vn7l5i] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px; }
    .chips[b-rhw6vn7l5i]::-webkit-scrollbar { display: none; }
    .busca[b-rhw6vn7l5i] { flex-basis: 100%; }
    .filtros-linha .nova[b-rhw6vn7l5i] { margin-left: 0; width: 100%; justify-content: center; }
    .lista-e-detalhe[b-rhw6vn7l5i] { grid-template-columns: minmax(0, 1fr); }
    .detalhe-da-ocorrencia[b-rhw6vn7l5i] { position: static; order: -1; }
    .detalhe-dados[b-rhw6vn7l5i] { grid-template-columns: minmax(0, 1fr); }
    .detalhe-dados div + div[b-rhw6vn7l5i] { border-left: 0; border-top: 1px solid var(--borda); }
}
/* /Pages/Obras/Planejamento.razor.rz.scp.css */
/* Semana em colunas, uma por dia; sábado e domingo mais estreitos. */
.quadro-da-semana[b-cf3hmehpl4] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) repeat(2, minmax(0, .75fr));
    gap: 10px;
    align-items: start;
}

.coluna-do-dia[b-cf3hmehpl4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 220px;
    padding-bottom: 10px;
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    background: var(--superficie);
    box-shadow: var(--sombra);
    overflow: hidden;
}
.coluna-do-dia h3[b-cf3hmehpl4] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    margin: 0;
    padding: 10px 12px;
    border-bottom: 1px solid var(--borda);
    background: var(--superficie-2);
    font-size: .9rem;
}
.coluna-do-dia h3 small[b-cf3hmehpl4] { font-size: .78rem; font-weight: 500; color: var(--texto-fraco); }

.coluna-do-dia.hoje[b-cf3hmehpl4] { border-color: var(--navy); }
.coluna-do-dia.hoje h3[b-cf3hmehpl4] { background: var(--navy); border-bottom-color: var(--navy); color: var(--sobre-navy); }
.coluna-do-dia.hoje h3 small[b-cf3hmehpl4] { font-weight: 700; color: var(--ambar); }

.coluna-do-dia.fim-de-semana[b-cf3hmehpl4] { background: transparent; border-style: dashed; box-shadow: none; }
.coluna-do-dia.fim-de-semana:not(.hoje) h3[b-cf3hmehpl4] { background: transparent; }

.sem-servico[b-cf3hmehpl4] { margin: 6px 12px; text-align: center; font-size: .82rem; color: var(--texto-fraco); }

.cartao-do-servico[b-cf3hmehpl4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0 8px;
    padding: 9px 10px;
    border: 1px solid var(--borda);
    border-left: 4px solid var(--texto-fraco);
    border-radius: 9px;
    background: var(--superficie);
}
.cartao-do-servico.tom-feito[b-cf3hmehpl4] { border-left-color: var(--verde); }
.cartao-do-servico.tom-andamento[b-cf3hmehpl4] { border-left-color: var(--azul); }
.cartao-do-servico.tom-atrasado[b-cf3hmehpl4] { border-left-color: var(--vermelho); }
.cartao-do-servico.tom-planejado[b-cf3hmehpl4] { border-left-color: var(--borda-forte); }

.topico-do-servico[b-cf3hmehpl4] { font-size: .66rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--texto-fraco); }
.nome-do-servico[b-cf3hmehpl4] { margin-top: -4px; font-size: .86rem; font-weight: 600; line-height: 1.3; color: var(--texto); text-decoration: none; overflow-wrap: anywhere; }
.nome-do-servico:hover[b-cf3hmehpl4] { text-decoration: underline; }

.rodape-do-cartao[b-cf3hmehpl4] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 8px; font-size: .74rem; }

.equipe-do-cartao[b-cf3hmehpl4] { display: flex; align-items: center; gap: 4px; padding-top: 6px; border-top: 1px solid var(--borda); font-size: .78rem; }
.equipe-do-cartao[b-cf3hmehpl4]  .avatar + .avatar { margin-left: -6px; box-shadow: 0 0 0 2px var(--superficie); }
.equipe-do-cartao > span[b-cf3hmehpl4] { margin-left: 4px; }
.alocar[b-cf3hmehpl4] {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    margin-left: auto;
    border-radius: 50%;
    color: var(--azul);
    background: var(--azul-fundo);
}
.alocar:hover[b-cf3hmehpl4] { background: color-mix(in srgb, var(--azul) 20%, transparent); }

@media (max-width: 1100px) {
    .quadro-da-semana[b-cf3hmehpl4] {
        grid-template-columns: repeat(7, minmax(200px, 1fr));
        overflow-x: auto;
        padding-bottom: 6px;
        scroll-snap-type: x mandatory;
    }
    .coluna-do-dia[b-cf3hmehpl4] { scroll-snap-align: start; }
}

/* Todos os serviços: fichas de situação, busca e um bloco por tópico com a tabela. */
.filtros-do-planejamento[b-cf3hmehpl4] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.fichas-de-situacao[b-cf3hmehpl4] { display: flex; flex-wrap: wrap; gap: 8px; }
.ficha-de-situacao[b-cf3hmehpl4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border: 1px solid var(--borda);
    border-radius: 999px;
    background: var(--superficie);
    color: var(--texto-suave);
    font: inherit;
    font-size: .86rem;
    font-weight: 600;
    cursor: pointer;
}
.ficha-de-situacao:hover[b-cf3hmehpl4] { border-color: var(--texto-fraco); }
.ficha-de-situacao b[b-cf3hmehpl4] { padding: 0 8px; border-radius: 999px; background: var(--superficie-3); color: var(--texto); font-size: .78rem; font-variant-numeric: tabular-nums; }
.ficha-de-situacao[aria-pressed="true"][b-cf3hmehpl4] { background: var(--navy); border-color: var(--navy); color: var(--sobre-navy); }
.ficha-de-situacao[aria-pressed="true"] b[b-cf3hmehpl4] { background: rgba(255, 255, 255, .15); color: var(--sobre-navy); }
.ficha-de-situacao i[b-cf3hmehpl4] { width: 8px; height: 8px; border-radius: 50%; }
.ponto-atrasado[b-cf3hmehpl4] { background: var(--vermelho); }
.ponto-andamento[b-cf3hmehpl4] { background: var(--azul); }
.ponto-iniciar[b-cf3hmehpl4] { background: var(--texto-fraco); }
.ponto-feito[b-cf3hmehpl4] { background: var(--verde); }

.busca-do-planejamento[b-cf3hmehpl4] { flex: 0 1 300px; min-width: 200px; margin-left: auto; }

.etapa-do-planejamento[b-cf3hmehpl4] {
    overflow: hidden;
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    background: var(--superficie);
    box-shadow: var(--sombra);
}

.cabeca-da-etapa[b-cf3hmehpl4] {
    display: grid;
    grid-template-columns: 14px minmax(120px, 220px) minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 11px 18px;
    background: var(--navy);
    color: var(--sobre-navy);
    cursor: pointer;
    list-style: none;
}
.cabeca-da-etapa[b-cf3hmehpl4]::-webkit-details-marker { display: none; }
.seta-da-etapa[b-cf3hmehpl4] { width: 0; height: 0; margin-left: 3px; border: 5px solid transparent; border-left: 7px solid var(--sobre-navy-suave); transition: transform .15s; }
.etapa-do-planejamento[open] .seta-da-etapa[b-cf3hmehpl4] { transform: rotate(90deg); }
.nome-da-etapa[b-cf3hmehpl4] { font-weight: 700; overflow-wrap: anywhere; }
.trilho-da-etapa[b-cf3hmehpl4] { position: relative; height: 7px; border-radius: 4px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.trilho-da-etapa span[b-cf3hmehpl4] { position: absolute; inset: 0 auto 0 0; border-radius: 4px; background: var(--ambar); }
.conta-da-etapa[b-cf3hmehpl4] { font-size: .85rem; color: var(--sobre-navy-suave); font-variant-numeric: tabular-nums; white-space: nowrap; }

.tabela-do-planejamento[b-cf3hmehpl4] { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: .88rem; }
.tabela-do-planejamento th[b-cf3hmehpl4] {
    padding: 9px 16px;
    border-bottom: 1px solid var(--borda);
    background: var(--superficie-2);
    text-align: left;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--texto-fraco);
}
.tabela-do-planejamento th:nth-child(1)[b-cf3hmehpl4] { width: 30%; }
.tabela-do-planejamento th:nth-child(5)[b-cf3hmehpl4] { width: 80px; }
.tabela-do-planejamento th:nth-child(6)[b-cf3hmehpl4] { width: 150px; }
.tabela-do-planejamento th:nth-child(7)[b-cf3hmehpl4] { width: 44px; }
.tabela-do-planejamento td[b-cf3hmehpl4] { padding: 10px 16px; border-bottom: 1px solid var(--borda); vertical-align: middle; }
.tabela-do-planejamento tr:last-child td[b-cf3hmehpl4] { border-bottom: 0; }
.tabela-do-planejamento tbody tr:hover[b-cf3hmehpl4] { background: var(--superficie-2); }

.servico-da-linha a[b-cf3hmehpl4] { font-weight: 600; color: var(--texto); text-decoration: none; overflow-wrap: anywhere; }
.servico-da-linha a:hover[b-cf3hmehpl4] { text-decoration: underline; }
.servico-da-linha small[b-cf3hmehpl4] { display: block; font-size: .76rem; }
.data-da-linha[b-cf3hmehpl4] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.equipe-da-linha[b-cf3hmehpl4] { color: var(--texto-suave); }
.desvio-da-linha[b-cf3hmehpl4] { font-weight: 700; color: var(--texto-fraco); font-variant-numeric: tabular-nums; }
.desvio-da-linha.com-desvio[b-cf3hmehpl4] { color: var(--vermelho); }
.seta-da-linha a[b-cf3hmehpl4] { display: flex; color: var(--texto-fraco); }

.titulo-oculto[b-cf3hmehpl4] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 800px) {
    .busca-do-planejamento[b-cf3hmehpl4] { flex-basis: 100%; margin-left: 0; }
    .cabeca-da-etapa[b-cf3hmehpl4] { grid-template-columns: 14px 1fr auto; }
    .trilho-da-etapa[b-cf3hmehpl4] { grid-column: 2 / -1; grid-row: 2; }
    .tabela-do-planejamento thead[b-cf3hmehpl4] { display: none; }
    .tabela-do-planejamento tr[b-cf3hmehpl4] { display: grid; grid-template-columns: 1fr 1fr auto; gap: 4px 12px; padding: 12px 16px; border-bottom: 1px solid var(--borda); }
    .tabela-do-planejamento tr:last-child[b-cf3hmehpl4] { border-bottom: 0; }
    .tabela-do-planejamento td[b-cf3hmehpl4] { padding: 0; border: 0; }
    .servico-da-linha[b-cf3hmehpl4] { grid-column: 1 / 3; }
    .seta-da-linha[b-cf3hmehpl4] { grid-column: 3; grid-row: 1; }
    .situacao-da-linha[b-cf3hmehpl4] { grid-column: 1 / -1; }
    .data-da-linha[b-cf3hmehpl4], .equipe-da-linha[b-cf3hmehpl4], .desvio-da-linha[b-cf3hmehpl4] { font-size: .84rem; }
    .data-da-linha[b-cf3hmehpl4]::before, .equipe-da-linha[b-cf3hmehpl4]::before, .desvio-da-linha[b-cf3hmehpl4]::before {
        content: attr(data-rotulo);
        display: block;
        font-size: .66rem;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: var(--texto-fraco);
    }
}
/* /Pages/Obras/Resumo.razor.rz.scp.css */
/* Os quatro números do alto, numa faixa só; o que pede atenção ganha o fio âmbar em cima. */
.numeros-do-resumo[b-k2vq43jfrt] {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: 12px;
    overflow: hidden;
}

.numero-do-resumo[b-k2vq43jfrt] { display: flex; flex-direction: column; gap: 2px; padding: 16px 20px; min-width: 0; }
.numero-do-resumo + .numero-do-resumo[b-k2vq43jfrt] { border-left: 1px solid var(--borda); }
.numero-do-resumo.alerta[b-k2vq43jfrt] { box-shadow: inset 0 3px 0 var(--ambar); }
.numero-do-resumo small[b-k2vq43jfrt] { font-size: .8rem; color: var(--texto-fraco); }
.numero-do-resumo strong[b-k2vq43jfrt] { font-size: 1.6rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; font-variant-numeric: tabular-nums; }
.numero-do-resumo span[b-k2vq43jfrt] { font-size: .8rem; color: var(--texto-suave); }

.nota-de-custo[b-k2vq43jfrt] { margin-top: -6px; }

.destaques[b-k2vq43jfrt] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; }
.destaques.so-um[b-k2vq43jfrt] { grid-template-columns: minmax(0, 1fr); }

.topo-detalhe[b-k2vq43jfrt] { font-size: .8rem; color: var(--sobre-navy-suave); white-space: nowrap; }
.topo-destaque[b-k2vq43jfrt] { font-size: .82rem; font-weight: 650; color: var(--ambar); white-space: nowrap; }

.barras-do-resumo li[b-k2vq43jfrt] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 70px;
    align-items: center;
    gap: 12px;
    padding: 9px 18px;
    font-size: .86rem;
}

.barras-do-resumo li + li[b-k2vq43jfrt] { border-top: 1px solid var(--borda); }
.barras-do-resumo a[b-k2vq43jfrt] { color: var(--texto); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.barras-do-resumo a:hover[b-k2vq43jfrt] { text-decoration: underline; }
.barras-do-resumo strong[b-k2vq43jfrt] { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }

.barra-do-resumo[b-k2vq43jfrt] { position: relative; display: block; height: 12px; }
.barra-do-resumo .atraso[b-k2vq43jfrt] { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; background: var(--serie-2); }
.barra-do-resumo.dupla[b-k2vq43jfrt] { height: 16px; }
.barra-do-resumo .orcado[b-k2vq43jfrt] { position: absolute; left: 0; top: 0; height: 6px; border-radius: 3px; background: var(--borda-forte); }
.barra-do-resumo .real[b-k2vq43jfrt] { position: absolute; left: 0; top: 8px; height: 8px; border-radius: 3px; background: var(--serie-1); }
.barra-do-resumo .real.estourado[b-k2vq43jfrt] { background: var(--vermelho); }

/* A dica passa por cima da borda dos cartões; os cantos do topo azul ficam arredondados por conta própria. */
.destaques[b-k2vq43jfrt]  .cartao-do-painel { overflow: visible; }
.destaques[b-k2vq43jfrt]  .cartao-do-painel-topo { border-radius: 11px 11px 0 0; }

.dica[b-k2vq43jfrt] {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 200px;
    padding: 10px 12px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio-p);
    box-shadow: var(--sombra-alta);
    color: var(--texto);
    font-size: .8rem;
    font-weight: 400;
    text-align: left;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    translate: 0 4px;
    transition: opacity .12s ease, translate .12s ease, visibility .12s;
}

.dica .grafico-dica-linha[b-k2vq43jfrt] { justify-content: flex-start; }
.dica .grafico-dica-linha strong[b-k2vq43jfrt] { margin-left: auto; padding-left: 16px; text-align: right; }
.dica-rodape[b-k2vq43jfrt] { margin-top: 4px; padding-top: 6px; border-top: 1px solid var(--borda); font-weight: 600; white-space: nowrap; }

.barras-do-resumo li:hover .dica[b-k2vq43jfrt], .barras-do-resumo li:focus-within .dica[b-k2vq43jfrt],
.linha-do-resumo:hover .dica[b-k2vq43jfrt], .linha-do-resumo:focus-visible .dica[b-k2vq43jfrt] { opacity: 1; visibility: visible; translate: 0 0; }

.chave-base[b-k2vq43jfrt] { background: var(--borda-forte); }
.chave-real[b-k2vq43jfrt] { background: var(--serie-1); }
.chave-estourado[b-k2vq43jfrt] { background: var(--vermelho); }
.chave-atrasado[b-k2vq43jfrt] { background: var(--serie-2); }
.chave-projetado[b-k2vq43jfrt] { background: color-mix(in srgb, var(--serie-1) 45%, transparent); }

.cabecalho-dos-servicos h2[b-k2vq43jfrt] { margin: 0; font-size: 1.1rem; }
.servicos-acoes[b-k2vq43jfrt] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.servicos-acoes[b-k2vq43jfrt]  .escolha { min-width: 180px; }

.legenda-do-resumo[b-k2vq43jfrt] { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: -6px; font-size: .78rem; color: var(--texto-suave); }
.legenda-do-resumo span[b-k2vq43jfrt] { display: inline-flex; align-items: center; gap: 6px; }
.legenda-do-resumo i[b-k2vq43jfrt] { display: inline-block; width: 16px; height: 7px; border-radius: 3px; }
.marca-base[b-k2vq43jfrt] { background: var(--borda-forte); }
.marca-real[b-k2vq43jfrt] { background: var(--serie-1); }
.marca-atrasado[b-k2vq43jfrt] { background: var(--serie-2); }
.marca-projetado[b-k2vq43jfrt] { background: repeating-linear-gradient(45deg, color-mix(in srgb, var(--serie-1) 45%, transparent) 0 4px, color-mix(in srgb, var(--serie-1) 20%, transparent) 4px 8px); }
.legenda-do-resumo .marca-hoje[b-k2vq43jfrt] { width: 3px; height: 12px; border-radius: 1px; background: var(--ambar); }

/* Todos os serviços na mesma linha do tempo, para comparar um com o outro. */
.cronograma-do-resumo[b-k2vq43jfrt] { background: var(--superficie); border: 1px solid var(--borda); border-radius: 12px; }
.cronograma-do-resumo > :first-child[b-k2vq43jfrt] { border-radius: 11px 11px 0 0; }
.cronograma-do-resumo > :last-child[b-k2vq43jfrt] { border-radius: 0 0 11px 11px; }

.linha-do-resumo[b-k2vq43jfrt] {
    display: grid;
    grid-template-columns: minmax(180px, 1.1fr) minmax(0, 3fr) 90px;
    align-items: center;
    gap: 18px;
    padding: 9px 18px;
    border-top: 1px solid var(--borda);
    font-size: .86rem;
    color: var(--texto);
    text-decoration: none;
}

a.linha-do-resumo:hover[b-k2vq43jfrt] { background: var(--superficie-2); }
a.linha-do-resumo:focus-visible[b-k2vq43jfrt] { outline: 2px solid var(--ambar); outline-offset: -2px; }

.cabecalho-do-resumo[b-k2vq43jfrt] { border-top: 0; padding: 11px 18px; background: var(--navy-2); color: #fff; font-size: .8rem; font-weight: 650; }

.eixo[b-k2vq43jfrt] { position: relative; height: 16px; }
.eixo em[b-k2vq43jfrt] { position: absolute; transform: translateX(-50%); font-style: normal; font-weight: 500; font-size: .74rem; color: var(--sobre-navy-suave); white-space: nowrap; }
.eixo em:first-child[b-k2vq43jfrt] { transform: none; }
.eixo em:last-child[b-k2vq43jfrt] { transform: translateX(-100%); }

.topico-do-resumo[b-k2vq43jfrt] {
    padding: 7px 18px;
    border-top: 1px solid var(--borda);
    background: var(--superficie-2);
    font-size: .74rem;
    font-weight: 700;
    color: var(--texto-fraco);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.servico[b-k2vq43jfrt] { display: flex; flex-direction: column; min-width: 0; }
.servico strong[b-k2vq43jfrt] { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.servico small[b-k2vq43jfrt] { font-size: .76rem; color: var(--texto-fraco); }

.tempo[b-k2vq43jfrt] { position: relative; height: 24px; }
.tempo > i[b-k2vq43jfrt] { position: absolute; display: block; border-radius: 3px; }
.tempo > .base[b-k2vq43jfrt] { top: 4px; height: 6px; background: var(--borda-forte); }
.tempo > .real[b-k2vq43jfrt] { top: 13px; height: 8px; background: var(--serie-1); }
.tempo > .real.atrasado[b-k2vq43jfrt] { background: var(--serie-2); }
.tempo > .real.projetado[b-k2vq43jfrt] { background: repeating-linear-gradient(45deg, color-mix(in srgb, var(--serie-1) 45%, transparent) 0 4px, color-mix(in srgb, var(--serie-1) 20%, transparent) 4px 8px); }
.tempo > .hoje[b-k2vq43jfrt] { top: -9px; bottom: -9px; width: 2px; margin-left: -1px; border-radius: 1px; background: var(--ambar); }

.desvio[b-k2vq43jfrt] { display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.desvio strong[b-k2vq43jfrt] { font-size: .92rem; font-variant-numeric: tabular-nums; }
.desvio small[b-k2vq43jfrt] { font-size: .74rem; }

@media (max-width: 1000px) {
    .numeros-do-resumo[b-k2vq43jfrt] { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .numero-do-resumo + .numero-do-resumo[b-k2vq43jfrt] { border-left: 0; }
    .numero-do-resumo:nth-child(even)[b-k2vq43jfrt] { border-left: 1px solid var(--borda); }
    .numero-do-resumo:nth-child(n + 3)[b-k2vq43jfrt] { border-top: 1px solid var(--borda); }
    .destaques[b-k2vq43jfrt] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 720px) {
    .cabecalho-do-resumo[b-k2vq43jfrt] { display: none; }
    .linha-do-resumo[b-k2vq43jfrt] { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 10px 14px; }
    .cabecalho-do-resumo + .linha-do-resumo[b-k2vq43jfrt], .cabecalho-do-resumo + .topico-do-resumo[b-k2vq43jfrt] { border-top: 0; border-radius: 11px 11px 0 0; }
    .tempo[b-k2vq43jfrt] { grid-column: 1 / -1; grid-row: 2; }
    .servicos-acoes[b-k2vq43jfrt], .servicos-acoes[b-k2vq43jfrt]  .escolha { width: 100%; }
    .barras-do-resumo li[b-k2vq43jfrt] { grid-template-columns: minmax(0, 1fr) 70px; }
    .barra-do-resumo[b-k2vq43jfrt] { grid-column: 1 / -1; grid-row: 2; }
}
/* /Pages/Obras/Servico.razor.rz.scp.css */
/* O topo em azul-marinho, emendado na barra do app, com os números meio dentro, meio fora, como no Dashboard. */
.topo-do-servico[b-qon434y987] { position: relative; isolation: isolate; display: flex; flex-direction: column; gap: 14px; }

.topo-do-servico[b-qon434y987]::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -28px;
    bottom: 56px;
    left: calc(50% - 50vw);
    width: 100vw;
    background: var(--barra-do-app);
}

.trilha-na-faixa[b-qon434y987] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: .85rem; color: var(--sobre-navy-suave); }
.trilha-na-faixa a[b-qon434y987] { color: var(--sobre-navy-suave); text-decoration: none; }
.trilha-na-faixa a:hover[b-qon434y987] { color: #fff; text-decoration: underline; }

.cabecalho-do-servico[b-qon434y987] { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; margin-bottom: 10px; }
.cabecalho-do-servico-texto[b-qon434y987] { min-width: 0; }
.cabecalho-do-servico .topico[b-qon434y987] { font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--sobre-navy-suave); }
.cabecalho-do-servico .titulo[b-qon434y987] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; }
.cabecalho-do-servico h1[b-qon434y987] { color: #fff; }
.cabecalho-do-servico p[b-qon434y987] { margin-top: 4px; color: var(--sobre-navy-suave); font-size: .95rem; }
.cabecalho-do-servico .acoes[b-qon434y987] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

.na-faixa[b-qon434y987] { background: transparent; border-color: rgba(175, 193, 216, .4); color: var(--sobre-navy); box-shadow: none; }
.na-faixa:hover[b-qon434y987] { background: rgba(255, 255, 255, .08); border-color: var(--sobre-navy-suave); }
.na-faixa[aria-disabled="true"][b-qon434y987] { opacity: .35; pointer-events: none; }
.so-icone[b-qon434y987] { padding-left: 10px; padding-right: 10px; }
.vizinhos[b-qon434y987] { display: flex; gap: 6px; }

.numeros-do-servico[b-qon434y987] {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    overflow: hidden;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: 12px;
    box-shadow: 0 10px 30px -14px rgba(11, 38, 67, .45);
    font-variant-numeric: tabular-nums;
}

.numero-do-servico[b-qon434y987] { display: flex; flex-direction: column; min-width: 0; padding: 16px 20px; border-top: 3px solid transparent; }
.numero-do-servico + .numero-do-servico[b-qon434y987] { border-left: 1px solid var(--borda); }
.numero-do-servico small[b-qon434y987] { font-size: .8rem; color: var(--texto-fraco); }
.numero-do-servico strong[b-qon434y987] { margin: 2px 0; font-size: 1.6rem; font-weight: 700; line-height: 1.2; color: var(--navy); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.numero-do-servico strong span[b-qon434y987] { font-size: 1rem; font-weight: 500; color: var(--texto-fraco); }
.numero-do-servico-detalhe[b-qon434y987] { font-size: .8rem; color: var(--texto-fraco); }
.numero-do-servico-detalhe .abaixo[b-qon434y987] { color: var(--verde); }
.numero-do-servico-detalhe .acima[b-qon434y987] { color: var(--vermelho); }
.numero-do-servico.alerta[b-qon434y987] { border-top-color: var(--ambar); }

.corrigir[b-qon434y987] { padding: 0; border: 0; background: none; color: var(--azul); font: inherit; font-weight: 600; cursor: pointer; }
.corrigir:hover[b-qon434y987] { text-decoration: underline; }

.grade-do-servico[b-qon434y987] { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; align-items: start; }
.coluna[b-qon434y987] { display: flex; flex-direction: column; gap: 24px; min-width: 0; }

.dica-do-cartao[b-qon434y987] { color: var(--ambar); font-size: .85rem; font-weight: 600; }

/* Uma linha por pessoa, uma coluna por dia; com muitos dias, rola de lado. */
.linha-do-tempo[b-qon434y987] { display: flex; flex-direction: column; gap: 4px; overflow-x: auto; padding-bottom: 2px; }
.ldt-linha[b-qon434y987] { display: grid; grid-template-columns: 150px repeat(var(--dias), minmax(20px, 1fr)); gap: 4px; align-items: center; }

.ldt-dia[b-qon434y987] { display: flex; flex-direction: column; align-items: center; font-size: .7rem; line-height: 1.25; color: var(--texto-fraco); text-decoration: none; border-radius: 6px; padding: 2px 0; }
.ldt-dia b[b-qon434y987] { font-size: .78rem; color: var(--texto); }
a.ldt-dia:hover[b-qon434y987] { background: var(--superficie-2); }
.ldt-dia.hoje b[b-qon434y987] { color: var(--ambar-forte); }

.ldt-nome[b-qon434y987] { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: .86rem; }
.ldt-nome > span[b-qon434y987] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ldt-nome small[b-qon434y987] { color: var(--texto-fraco); }

.ldt-q[b-qon434y987] { height: 22px; border-radius: 5px; background: var(--superficie-2); border: 1px solid var(--borda); }
.ldt-q.profissional[b-qon434y987] { background: var(--navy); border-color: var(--navy); }
.ldt-q.ajudante[b-qon434y987] { background: #5B7BA3; border-color: #5B7BA3; }
.ldt-q.domingo[b-qon434y987] { background: repeating-linear-gradient(45deg, transparent, transparent 3px, var(--borda) 3px, var(--borda) 5px); }

.ldt-faixas[b-qon434y987] { margin-top: 2px; }
.ldt-faixas.primeira[b-qon434y987] { margin-top: 8px; }
.ldt-rotulo[b-qon434y987] { font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--texto-fraco); }
.ldt-f[b-qon434y987] { height: 8px; border-radius: 3px; }
.ldt-f.previsto[b-qon434y987] { background: var(--borda-forte); }
.ldt-f.real[b-qon434y987] { background: var(--navy); }
.ldt-f.alem[b-qon434y987] { background: var(--ambar); }

.ldt-vazio[b-qon434y987] { margin-top: 10px; }

.legenda[b-qon434y987] { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 14px; font-size: .78rem; color: var(--texto-suave); }
.legenda span[b-qon434y987]::before { content: ""; display: inline-block; width: 11px; height: 11px; margin-right: 6px; border-radius: 3px; vertical-align: -1px; }
.legenda .profissional[b-qon434y987]::before, .legenda .real[b-qon434y987]::before { background: var(--navy); }
.legenda .ajudante[b-qon434y987]::before { background: #5B7BA3; }
.legenda .previsto[b-qon434y987]::before { background: var(--borda-forte); }
.legenda .alem[b-qon434y987]::before { background: var(--ambar); }

.equipe-do-servico[b-qon434y987], .ligacoes[b-qon434y987] { list-style: none; margin: 0; padding: 0; }
.equipe-do-servico li[b-qon434y987] { display: flex; align-items: center; gap: 12px; padding: 12px 20px; }
.equipe-do-servico li + li[b-qon434y987], .ligacoes li + li[b-qon434y987] { border-top: 1px solid var(--borda); }
.equipe-do-servico-nome[b-qon434y987] { display: flex; flex-direction: column; flex: 1; min-width: 0; font-size: .9rem; }
.equipe-do-servico-nome small[b-qon434y987] { font-size: .78rem; color: var(--texto-fraco); }
.equipe-do-servico strong[b-qon434y987] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.equipe-do-servico .total[b-qon434y987] { justify-content: space-between; font-weight: 700; background: var(--superficie-2); }

.ligacoes li[b-qon434y987] { display: flex; align-items: center; gap: 12px; padding: 12px 20px; font-size: .9rem; color: var(--texto); }
.ligacoes li[b-qon434y987] >  .icone { flex-shrink: 0; color: var(--texto-fraco); }
.ligacoes li > span[b-qon434y987] { flex: 1; min-width: 0; }
.ligacoes small[b-qon434y987] { display: block; font-size: .78rem; color: var(--texto-fraco); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ligacoes a[b-qon434y987] { color: var(--azul); font-weight: 600; text-decoration: none; white-space: nowrap; }
.ligacoes a:hover[b-qon434y987] { text-decoration: underline; }

@media (prefers-color-scheme: dark) {
    .numero-do-servico strong[b-qon434y987] { color: var(--texto); }
    .ldt-q.profissional[b-qon434y987], .ldt-f.real[b-qon434y987], .legenda .profissional[b-qon434y987]::before, .legenda .real[b-qon434y987]::before { background: #6DA3DE; border-color: #6DA3DE; }
    .ldt-q.ajudante[b-qon434y987], .legenda .ajudante[b-qon434y987]::before { background: #3B6290; border-color: #3B6290; }
}

@media (max-width: 1100px) {
    .grade-do-servico[b-qon434y987] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .coluna[b-qon434y987] { gap: 16px; }
}

@media (max-width: 800px) {
    .topo-do-servico[b-qon434y987]::before { top: -18px; }
    .numeros-do-servico[b-qon434y987] { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .numero-do-servico + .numero-do-servico[b-qon434y987] { border-left: 0; }
    .numero-do-servico:nth-child(even)[b-qon434y987] { border-left: 1px solid var(--borda); }
    .numero-do-servico:nth-child(n + 3)[b-qon434y987] { border-top: 1px solid var(--borda); }
    .numero-do-servico.alerta[b-qon434y987] { border-top: 3px solid var(--ambar); }
    .numero-do-servico strong[b-qon434y987] { font-size: 1.3rem; }
    .ldt-linha[b-qon434y987] { grid-template-columns: 110px repeat(var(--dias), minmax(20px, 1fr)); }
}
/* /Pages/Obras/VisaoGeral.razor.rz.scp.css */
.recado span[b-1v5iehn0wp] { display: inline-flex; align-items: center; gap: 8px; }

.visao-geral[b-1v5iehn0wp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 20px;
    align-items: start;
}

/* Serviços do dia. */

.servicos-do-dia > .cabecalho[b-1v5iehn0wp] { margin-bottom: 14px; }
.servicos-do-dia > .cabecalho p[b-1v5iehn0wp] { margin-top: 2px; }
.acoes-do-dia[b-1v5iehn0wp] { padding-bottom: 14px; margin-bottom: 4px; border-bottom: 1px solid var(--borda); }

.servicos[b-1v5iehn0wp] { display: flex; flex-direction: column; }
.servico[b-1v5iehn0wp] { display: flex; gap: 16px; justify-content: space-between; align-items: flex-start; padding: 16px 0; }
.servico + .servico[b-1v5iehn0wp] { border-top: 1px solid var(--borda); }
.servico:last-child[b-1v5iehn0wp] { padding-bottom: 4px; }

.servico-principal[b-1v5iehn0wp] { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }

.servico-nome[b-1v5iehn0wp] { font-weight: 650; font-size: 1rem; color: var(--texto); text-decoration: none; line-height: 1.35; }
.servico-nome:hover[b-1v5iehn0wp] { text-decoration: underline; }

.servico-detalhes[b-1v5iehn0wp] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin-top: 6px; font-size: .85rem; color: var(--texto-suave); }
.servico-detalhes > span[b-1v5iehn0wp] { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.servico-detalhes[b-1v5iehn0wp]  .icone { color: var(--texto-fraco); }
.servico-detalhes .servico-atrasado[b-1v5iehn0wp], .servico-detalhes .servico-atrasado[b-1v5iehn0wp]  .icone { color: var(--vermelho); font-weight: 600; }

.servico-equipe[b-1v5iehn0wp] { display: flex; align-items: center; gap: 8px; margin-top: 6px; min-width: 0; font-size: .86rem; color: var(--texto-suave); }
.servico-equipe[b-1v5iehn0wp]  .icone { color: var(--texto-fraco); }
.servico-equipe-nomes[b-1v5iehn0wp] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.servico-lado[b-1v5iehn0wp] { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; flex-shrink: 0; }
.servico-lado .acoes[b-1v5iehn0wp] { justify-content: flex-end; gap: 8px; }
.servico-lado .botao-sucesso[b-1v5iehn0wp]  .icone { color: currentColor; }

.sem-servicos[b-1v5iehn0wp] { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 28px 12px 16px; text-align: center; color: var(--texto-fraco); }

.sem-servicos-icone[b-1v5iehn0wp] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--superficie-3);
    color: var(--texto-suave);
}

.nota[b-1v5iehn0wp] { margin-top: 12px; }

/* Dados da obra, ao lado. */

.dados-da-obra[b-1v5iehn0wp] { display: flex; flex-direction: column; gap: 0; }
.dados-da-obra > .cabecalho[b-1v5iehn0wp] { margin-bottom: 6px; }

.bloco[b-1v5iehn0wp] { display: flex; flex-direction: column; gap: 10px; padding: 16px 0; }
.bloco + .bloco[b-1v5iehn0wp] { border-top: 1px solid var(--borda); }
.bloco-titulo[b-1v5iehn0wp] { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.bloco-titulo a[b-1v5iehn0wp] { text-decoration: none; font-weight: 600; }
.bloco-titulo a:hover[b-1v5iehn0wp] { text-decoration: underline; }

.periodo-da-obra[b-1v5iehn0wp] { display: flex; flex-direction: column; gap: 6px; margin: 0; }
.periodo-da-obra div[b-1v5iehn0wp] { display: flex; justify-content: space-between; gap: 12px; font-size: .9rem; }
.periodo-da-obra dt[b-1v5iehn0wp] { color: var(--texto-fraco); }
.periodo-da-obra dd[b-1v5iehn0wp] { margin: 0; font-weight: 550; font-variant-numeric: tabular-nums; text-align: right; }

.tempo-da-obra[b-1v5iehn0wp] { display: flex; flex-direction: column; gap: 7px; margin-top: 4px; }
.tempo-trilho[b-1v5iehn0wp] { position: relative; display: block; height: 8px; border-radius: 4px; background: var(--superficie-3); overflow: hidden; }
.tempo-barra[b-1v5iehn0wp] { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background: var(--serie-1); }
.tempo-barra.vencido[b-1v5iehn0wp] { background: var(--vermelho); }
.tempo-texto[b-1v5iehn0wp] { display: inline-flex; align-items: center; gap: 6px; font-size: .82rem; color: var(--texto-fraco); }
.tempo-texto.texto-perigo[b-1v5iehn0wp] { color: var(--vermelho); font-weight: 600; }

.pessoas[b-1v5iehn0wp] { display: flex; flex-direction: column; gap: 10px; }
.pessoas li[b-1v5iehn0wp] { display: flex; align-items: center; gap: 10px; font-size: .92rem; }

.descricao[b-1v5iehn0wp] { font-size: .9rem; color: var(--texto-suave); overflow-wrap: anywhere; }

.acoes-da-obra[b-1v5iehn0wp] { padding-top: 16px; border-top: 1px solid var(--borda); }

@media (max-width: 1080px) {
    .visao-geral[b-1v5iehn0wp] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 800px) {
    .servicos-do-dia > .cabecalho .acoes[b-1v5iehn0wp] { width: 100%; }
    .servicos-do-dia > .cabecalho input[type="date"][b-1v5iehn0wp] { flex: 1 1 150px; min-width: 150px; }
    .servicos-do-dia > .cabecalho .alternador[b-1v5iehn0wp] { flex: 1 1 auto; }
    .servicos-do-dia > .cabecalho .alternador button[b-1v5iehn0wp] { flex: 1; justify-content: center; }

    .servico[b-1v5iehn0wp] { flex-direction: column; align-items: stretch; gap: 10px; }
    .servico-lado[b-1v5iehn0wp] { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; }
    .servico-detalhes[b-1v5iehn0wp] { gap: 6px 14px; }
}
/* /Pages/Usuarios/ListaDeUsuarios.razor.rz.scp.css */
/* Os grupos como fichas, que filtram, e a pesquisa na mesma linha, dentro do cartão da faixa azul. */

.faixa-de-filtros[b-a8k1av5zko] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }

.chips[b-a8k1av5zko] { display: flex; flex-wrap: wrap; gap: 8px; }

.chip[b-a8k1av5zko] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 8px 0 14px;
    border: 1px solid var(--borda-forte);
    border-radius: 999px;
    background: var(--superficie);
    color: var(--texto-suave);
    font-size: .88rem;
    font-weight: 550;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}

.chip:hover[b-a8k1av5zko] { border-color: var(--texto-fraco); color: var(--texto); }

.chip-contagem[b-a8k1av5zko] {
    min-width: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--superficie-3);
    color: var(--texto-suave);
    font-size: .74rem;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.chip[aria-pressed="true"][b-a8k1av5zko] { background: var(--navy); border-color: var(--navy); color: var(--sobre-navy); }
.chip[aria-pressed="true"] .chip-contagem[b-a8k1av5zko] { background: color-mix(in srgb, var(--sobre-navy) 18%, transparent); color: var(--sobre-navy); }

.chip-ponto[b-a8k1av5zko] { width: 8px; height: 8px; border-radius: 50%; margin-right: -2px; }
.ponto-aviso[b-a8k1av5zko] { background: var(--ambar); }
.ponto-azul[b-a8k1av5zko] { background: var(--azul); }
.ponto-sucesso[b-a8k1av5zko] { background: var(--verde); }
.ponto-neutra[b-a8k1av5zko] { background: var(--texto-fraco); }

.campo-de-pesquisa[b-a8k1av5zko] { position: relative; display: flex; align-items: center; flex: 0 1 380px; min-width: 220px; margin-left: auto; }
.campo-de-pesquisa[b-a8k1av5zko]  .icone { position: absolute; left: 12px; color: var(--texto-fraco); pointer-events: none; }
.campo-de-pesquisa input[b-a8k1av5zko] { flex: 1; min-width: 0; padding-left: 38px; }

/* Os cartões das pessoas: o cartão inteiro abre a ficha. */

.pessoas[b-a8k1av5zko] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }

.pessoa[b-a8k1av5zko] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
    padding: 20px;
    background: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: var(--raio);
    box-shadow: var(--sombra);
    transition: border-color .15s, box-shadow .15s, transform .15s;
}

.pessoa:hover[b-a8k1av5zko] { border-color: var(--borda-forte); box-shadow: var(--sombra-alta); transform: translateY(-1px); }
.pessoa:has(a:focus-visible)[b-a8k1av5zko] { border-color: var(--ambar); box-shadow: 0 0 0 1px var(--ambar), var(--sombra); }

.pessoa-topo[b-a8k1av5zko] { display: flex; align-items: center; gap: 14px; min-width: 0; }
.pessoa-nome[b-a8k1av5zko] { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; }

.pessoa-nome a[b-a8k1av5zko] { font-size: 1rem; font-weight: 650; line-height: 1.3; color: var(--texto); text-decoration: none; overflow-wrap: anywhere; }
.pessoa-nome a[b-a8k1av5zko]::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.pessoa-nome a:focus-visible[b-a8k1av5zko] { outline: none; }
.pessoa-nome span[b-a8k1av5zko] { font-size: .85rem; color: var(--texto-fraco); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pessoa-topo[b-a8k1av5zko]  .pessoa-seta { color: var(--texto-fraco); transition: transform .15s, color .15s; }
.pessoa:hover .pessoa-topo[b-a8k1av5zko]  .pessoa-seta { color: var(--texto); transform: translateX(2px); }

.pessoa-etiquetas[b-a8k1av5zko] { display: flex; flex-wrap: wrap; gap: 6px; }

.pessoa-obras[b-a8k1av5zko] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--borda);
}

.obras[b-a8k1av5zko] { display: flex; flex-wrap: wrap; gap: 6px; }

.obras li[b-a8k1av5zko] {
    max-width: 100%;
    padding: 3px 10px;
    border: 1px solid var(--borda);
    border-radius: 999px;
    background: var(--superficie-2);
    color: var(--texto-suave);
    font-size: .8rem;
    font-weight: 550;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* O "+N" fica por cima do link do cartão para a dica com as outras obras aparecer. */
.obras .mais-obras[b-a8k1av5zko] { position: relative; z-index: 1; cursor: help; background: var(--superficie-3); color: var(--texto); }

@media (max-width: 800px) {
    /* No celular as fichas rolam de lado e a pesquisa ocupa a linha de baixo inteira. */
    .chips[b-a8k1av5zko] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; width: 100%; }
    .chips[b-a8k1av5zko]::-webkit-scrollbar { display: none; }
    .campo-de-pesquisa[b-a8k1av5zko] { flex: 1 1 100%; margin-left: 0; min-width: 0; }

    .pessoas[b-a8k1av5zko] { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .pessoa[b-a8k1av5zko] { padding: 16px; }
}