/* /Casca/BarraSuperior.razor.rz.scp.css */
/* O menu do topo em neon verde (design-system.md, seção 3): três cápsulas numa linha, contorno fino verde brilhante, brilho
   suave por fora, fundo quase preto, ícones e rótulos brancos. Escuro nos dois temas; o resto da tela segue o tema. */
.barra[b-jviji7mzlh] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); padding: var(--space-1) var(--space-2); }
.capsula-neon[b-jviji7mzlh] { display: flex; align-items: center; gap: var(--space-2); height: var(--altura-menu-topo); padding: 0 var(--space-2); border-radius: var(--radius-pill); border: var(--borda-forte) solid var(--neon-contorno); background: var(--neon-fundo); box-shadow: 0 0 var(--space-3) var(--neon-brilho-fraco), inset 0 0 var(--space-3) var(--neon-brilho-fraco); color: var(--neon-texto); }

/* Esquerda: a logo e, logo ao lado, o Início em pílula (sem o nome escrito: pedido do usuário em 11/10/2026). */
.marca[b-jviji7mzlh] { gap: var(--space-1); padding: 0 var(--space-1) 0 var(--space-2); }
.logo[b-jviji7mzlh] { width: var(--logo-topo); height: var(--logo-topo); object-fit: contain; flex: none; }

/* Direita: numa cápsula mais baixa e estreita, a data e a hora centradas (uma sobre a outra) e o usuário. */
.direita[b-jviji7mzlh] { justify-self: end; gap: var(--space-2); height: var(--altura-menu-direita); padding: 0 var(--space-1) 0 var(--space-3); }
.hora[b-jviji7mzlh] { flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-size: var(--pequeno-tamanho); line-height: var(--pequeno-linha); font-weight: var(--rotulo-peso); color: var(--neon-texto); }
/* /Casca/BotaoInicio.razor.rz.scp.css */
/* O botão Início em pílula, dentro da cápsula da esquerda (design-system.md, seções 3 e 4): mais largo e com mais presença
   (pedido do usuário em 11/10/2026), o ícone de banco de dados em cima e "Início" embaixo, e a seta que abre e recolhe o menu.
   Ícone e rótulo brancos com a luz de neon verde; ativo com contorno verde, rótulo verde claro em peso forte e a luz discreta
   (a luz forte ofuscava o rótulo). */
.inicio[b-2jw126kzpo] { position: relative; z-index: 1; flex: none; display: flex; align-items: center; justify-content: center; gap: var(--space-1); min-width: var(--largura-inicio); height: calc(var(--altura-menu-topo) - var(--space-2)); padding: 0 var(--space-1) 0 var(--space-3); border-radius: var(--radius-pill); border: var(--borda-forte) solid var(--neon-contorno); background: var(--neon-fundo); color: var(--neon-texto); box-shadow: 0 0 var(--space-2) var(--neon-brilho-fraco), inset 0 0 var(--space-1) var(--neon-brilho-fraco); font-size: var(--rotulo-tamanho); line-height: var(--pequeno-linha); font-weight: var(--rotulo-peso); }
.inicio.ativo[b-2jw126kzpo] { border-color: var(--neon); color: var(--neon-claro); font-weight: var(--peso-forte); background: radial-gradient(ellipse at 50% 40%, var(--neon-fundo-ativo), transparent 70%), var(--neon-fundo); box-shadow: var(--neon-brilho-ativo); }
.ir-inicio[b-2jw126kzpo] { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; color: inherit; text-decoration: none; text-shadow: var(--neon-luz-texto); }
.ir-inicio[b-2jw126kzpo]  .icone { width: var(--icone-menu); height: var(--icone-menu); filter: var(--neon-luz-icone); }
.ir-inicio:hover[b-2jw126kzpo], .inicio.ativo .ir-inicio[b-2jw126kzpo] { color: var(--neon-claro); text-shadow: var(--neon-luz-texto-ativo); }
.ir-inicio:hover[b-2jw126kzpo]  .icone, .inicio.ativo .ir-inicio[b-2jw126kzpo]  .icone { filter: var(--neon-luz-icone-ativo); }

/* A seta: um botão próprio, redondo, dentro do Início. Aponta para a direita com o menu recolhido e gira para baixo ao abrir,
   no mesmo movimento da gaveta (500 ms, ease-in-out); com "reduzir movimento", troca na hora. */
.seta[b-2jw126kzpo] { flex: none; display: inline-flex; align-items: center; justify-content: center; width: var(--seta-inicio); height: var(--seta-inicio); padding: 0; border-radius: var(--radius-pill); border: var(--borda-fina) solid var(--neon-divisoria); background: none; color: var(--neon); cursor: pointer; }
.seta[b-2jw126kzpo]  .icone { width: calc(var(--seta-inicio) * .7); height: calc(var(--seta-inicio) * .7); transition: transform var(--tempo-gaveta) ease-in-out; }
.seta[data-aberto="true"][b-2jw126kzpo]  .icone { transform: rotate(90deg); }
.seta:hover[b-2jw126kzpo] { border-color: var(--neon); box-shadow: var(--neon-brilho-ativo); color: var(--neon-claro); }
.seta:focus-visible[b-2jw126kzpo] { outline: var(--borda-forte) solid var(--neon-claro); outline-offset: var(--borda-fina); }
@media (prefers-reduced-motion: reduce) { .seta[b-2jw126kzpo]  .icone { transition: none; } }
/* /Casca/LayoutEntrada.razor.rz.scp.css */
/* A tela de entrar: o cartão no terço de baixo, centralizado na largura, com um respiro até a borda (decisão do usuário em
   10/10/2026: a imagem aparece inteira em cima). A imagem do tema SEM o véu fica no base.css (.entrada-pagina). */
.entrada-pagina[b-1nsksge3mv] { min-height: 100vh; display: flex; align-items: flex-end; justify-content: center; padding: var(--space-4) var(--space-4) var(--respiro-entrada); }
/* /Casca/LayoutPrincipal.razor.rz.scp.css */
.pagina[b-lf0sey0png] { max-width: var(--largura-maxima); margin: 0 auto; padding: var(--space-3) var(--space-4) var(--space-4); }
.abrindo[b-lf0sey0png] { min-height: 100vh; display: flex; align-items: center; justify-content: center; color: var(--ink-muted); }
/* MODO CONSULTA (provisório): a faixa discreta no topo. */
.faixa-teste[b-lf0sey0png] { background: var(--orange); color: var(--texto-sobre-amarelo); font-size: var(--pequeno-tamanho); line-height: var(--pequeno-linha); font-weight: var(--peso-forte); text-align: center; padding: 0 var(--space-2); }
.faixa-consulta[b-lf0sey0png] { background: var(--yellow); color: var(--texto-sobre-amarelo); font-size: var(--pequeno-tamanho); line-height: var(--pequeno-linha); font-weight: var(--peso-forte); text-align: center; padding: 0 var(--space-2); }
/* /Casca/MenuModulos.razor.rz.scp.css */
/* Centro do menu do topo em neon verde (design-system.md, seção 4): a cápsula dos módulos (o Início, com a seta que abre e
   recolhe o menu, fica na cápsula da esquerda, BotaoInicio; o plugue saiu em 11/10/2026).
   Contorno fino verde brilhante, brilho suave por fora, fundo quase preto, ícones e rótulos brancos com a luz de neon verde
   (pedido do usuário em 11/10/2026); ativo com contorno verde, rótulo verde claro em peso forte e a luz DISCRETA (a luz forte
   ofuscava o rótulo). Só os tokens --neon... (escuros nos dois temas). Mais baixo e estreito para caber os favoritos na linha. */
.menu-topo[b-8vnznljpi7] { display: flex; align-items: center; min-width: 0; }

/* A cápsula dos módulos: do tamanho que sobra na linha. */
.capsula[b-8vnznljpi7] { position: relative; flex: 1 1 auto; min-width: 0; display: flex; align-items: center; height: var(--altura-menu-topo); padding: 0 var(--space-2); border-radius: var(--radius-pill); border: var(--borda-forte) solid var(--neon-contorno); background: var(--neon-fundo); box-shadow: 0 0 var(--space-3) var(--neon-brilho-fraco), inset 0 0 var(--space-3) var(--neon-brilho-fraco); white-space: nowrap; overflow: hidden; }

/* Aberto: os módulos (ícone em cima, rótulo embaixo) espalhados na cápsula, com divisórias finas entre eles; ícone e rótulo
   com a luz de neon verde (o traço continua branco, o halo é verde). */
.modulo[b-8vnznljpi7] { flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: var(--largura-modulo); height: var(--altura-modulo); padding: 0 var(--space-1); border-radius: var(--radius-pill); color: var(--neon-texto); text-decoration: none; font-size: var(--pequeno-tamanho); line-height: var(--pequeno-linha); font-weight: var(--rotulo-peso); border: var(--borda-forte) solid transparent; text-shadow: var(--neon-luz-texto); }
.modulo[b-8vnznljpi7]  .icone { width: var(--icone-menu); height: var(--icone-menu); filter: var(--neon-luz-icone); }
.modulo:hover[b-8vnznljpi7] { color: var(--neon-claro); text-shadow: var(--neon-luz-texto-ativo); }
.modulo:hover[b-8vnznljpi7]  .icone, .modulo.ativo[b-8vnznljpi7]  .icone { filter: var(--neon-luz-icone-ativo); }
.modulo.ativo[b-8vnznljpi7] { border-color: var(--neon); color: var(--neon-claro); font-weight: var(--peso-forte); text-shadow: var(--neon-luz-texto-ativo); background: radial-gradient(ellipse at 50% 40%, var(--neon-fundo-ativo), transparent 70%); box-shadow: var(--neon-brilho-ativo); }
.divisoria[b-8vnznljpi7] { flex: none; width: var(--borda-fina); height: calc(var(--altura-modulo) * .6); background: var(--neon-divisoria); }

/* Recolhido: favoritos e páginas abertas por cima da onda, alinhados à esquerda, sem estrela nem título (11/10/2026); a onda
   preenche o resto. Chips compactos, o nome com uma luz de neon discreta. O × do favorito (tirar dos favoritos) aparece por
   cima do fim do chip ao passar o mouse ou com o foco do teclado, sem alargar o chip. */
.separador[b-8vnznljpi7] { flex: none; width: var(--borda-fina); height: calc(var(--icone-chip) + var(--space-2)); background: var(--neon-divisoria); margin: 0 var(--space-1); }
.favorito[b-8vnznljpi7] { position: relative; display: inline-flex; align-items: center; padding: var(--borda-forte) var(--space-2) var(--borda-forte) var(--borda-forte); font-size: var(--pequeno-tamanho); line-height: var(--pequeno-linha); white-space: nowrap; border: var(--borda-fina) solid var(--neon-divisoria); border-radius: var(--radius-md); background: var(--neon-fundo); }
.favorito a[b-8vnznljpi7] { display: inline-flex; align-items: center; gap: var(--space-1); color: var(--neon-texto); text-decoration: none; text-shadow: var(--neon-luz-texto); }
.favorito:hover[b-8vnznljpi7], .favorito:focus-within[b-8vnznljpi7] { border-color: var(--neon); box-shadow: var(--neon-brilho-ativo); }
.favorito:hover a[b-8vnznljpi7], .favorito:focus-within a[b-8vnznljpi7] { text-shadow: var(--neon-luz-texto-ativo); }
.tirar[b-8vnznljpi7] { position: absolute; top: 50%; right: var(--borda-forte); transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; width: var(--icone-chip); height: var(--icone-chip); padding: 0; border: 0; border-radius: var(--radius-sm); background: var(--neon-fundo); color: var(--neon-texto-suave); font-size: var(--rotulo-tamanho); cursor: pointer; opacity: 0; }
.favorito:hover .tirar[b-8vnznljpi7], .favorito:focus-within .tirar[b-8vnznljpi7] { opacity: 1; }
/* Arrastar e soltar os favoritos (11/10/2026): a mãozinha de arrastar e a marca fina, em neon, do lado em que ele vai cair. */
.favorito[draggable=true][b-8vnznljpi7] { cursor: grab; }
.favorito.cai-antes[b-8vnznljpi7] { box-shadow: inset var(--borda-forte) 0 0 var(--neon); }
.favorito.cai-depois[b-8vnznljpi7] { box-shadow: inset calc(var(--borda-forte) * -1) 0 0 var(--neon); }
.tirar:hover[b-8vnznljpi7], .tirar:focus-visible[b-8vnznljpi7] { color: var(--neon-texto); outline: var(--borda-fina) solid var(--neon-divisoria); }
.aberta[b-8vnznljpi7] { display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--borda-forte); border: var(--borda-fina) solid var(--neon-divisoria); border-radius: var(--radius-md); background: var(--neon-fundo); font-size: var(--pequeno-tamanho); line-height: var(--pequeno-linha); }
.aberta a[b-8vnznljpi7] { display: inline-flex; align-items: center; gap: var(--space-1); color: var(--neon-texto); text-decoration: none; text-shadow: var(--neon-luz-texto); }
.aberta.atual[b-8vnznljpi7] { border-color: var(--neon); background: radial-gradient(ellipse at 50% 40%, var(--neon-fundo-ativo), transparent 70%), var(--neon-fundo); box-shadow: var(--neon-brilho-ativo); }
.aberta.atual a[b-8vnznljpi7] { color: var(--neon-claro); font-weight: var(--peso-forte); text-shadow: var(--neon-luz-texto-ativo); }
.ponto-pendente[b-8vnznljpi7] { width: var(--space-2); height: var(--space-2); border-radius: var(--radius-pill); background: var(--yellow); }
.fechar[b-8vnznljpi7] { background: none; border: 0; color: var(--neon-texto-suave); cursor: pointer; font-size: var(--rotulo-tamanho); padding: 0 var(--space-1); }
.fechar:hover[b-8vnznljpi7] { color: var(--neon-texto); }
.favorito i[b-8vnznljpi7], .aberta i[b-8vnznljpi7] { width: var(--icone-chip); height: var(--icone-chip); border-radius: var(--radius-sm); display: inline-flex; align-items: center; justify-content: center; color: var(--texto-sobre-cor); }
.favorito i[b-8vnznljpi7]  .icone, .aberta i[b-8vnznljpi7]  .icone { width: calc(var(--icone-chip) * .75); height: calc(var(--icone-chip) * .75); }
.cor-green[b-8vnznljpi7] { background: var(--green); } .cor-blue[b-8vnznljpi7] { background: var(--blue); } .cor-yellow[b-8vnznljpi7] { background: var(--yellow); } .cor-purple[b-8vnznljpi7] { background: var(--purple); } .cor-red[b-8vnznljpi7] { background: var(--red); } .cor-gold[b-8vnznljpi7] { background: var(--neon-marca); }

/* A gaveta (design-system.md, seção 4): os módulos saem do lado do Início e voltam para ele — da direita para a esquerda ao
   recolher — em 500 ms, ease-in-out; a parte escondida encolhe até sumir. A seta do Início e a onda mudam no mesmo movimento.
   Com "reduzir movimento", troca na hora. */
.gaveta[b-8vnznljpi7] { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: var(--space-1); overflow: hidden; transform-origin: left center;
  transition: max-width var(--tempo-gaveta) ease-in-out, flex-grow var(--tempo-gaveta) ease-in-out, opacity var(--tempo-gaveta) ease-in-out, transform var(--tempo-gaveta) ease-in-out; }
.gaveta.modulos[b-8vnznljpi7] { gap: 0; justify-content: space-evenly; overflow-x: auto; scrollbar-width: none; }
/* Até 20 páginas abertas (18/10/2026): as que não cabem rolam de lado (a roda do mouse ou o arrastar), sem barra. */
.gaveta.recolhida[data-visivel="true"][b-8vnznljpi7] { overflow-x: auto; scrollbar-width: none; }
.gaveta[data-visivel="true"][b-8vnznljpi7] { max-width: var(--largura-gaveta); opacity: 1; transform: translateX(0) scaleX(1); }
.gaveta.modulos[data-visivel="true"][b-8vnznljpi7] { flex: 1 1 auto; }
.gaveta[data-visivel="false"][b-8vnznljpi7] { flex: 0 0 auto; max-width: 0; opacity: 0; transform: translateX(calc(var(--largura-modulo) * -1)) scaleX(.6); pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .gaveta[b-8vnznljpi7] { transition: none; } }
/* /Casca/MenuUsuarioBotao.razor.rz.scp.css */
.usuario[b-xu8v54skmq] { position: relative; }
/* O botão fica no menu do topo em neon (design-system.md, seção 3): iniciais no círculo azul, primeiro nome e seta em branco,
   compacto na cápsula da direita (11/10/2026). O selo vermelho das notificações não lidas fica no círculo (o sino saiu do
   topo). O menu e o painel das notificações que abrem continuam nas cores do tema. */
.botao-usuario[b-xu8v54skmq] { display: inline-flex; align-items: center; gap: var(--space-1); height: var(--usuario-topo); padding: 0 var(--space-1); border: 0; border-radius: var(--radius-pill); background: none; color: var(--neon-texto); font-size: var(--rotulo-tamanho); font-weight: var(--rotulo-peso); cursor: pointer; }
.avatar[b-xu8v54skmq] { position: relative; display: inline-flex; flex: none; }
.inicial[b-xu8v54skmq] { width: var(--usuario-topo); height: var(--usuario-topo); border-radius: var(--radius-pill); background: var(--neon-avatar); color: var(--texto-sobre-cor); font-size: var(--pequeno-tamanho); font-weight: var(--peso-forte); display: flex; align-items: center; justify-content: center; }
.selo[b-xu8v54skmq] { min-width: var(--icone-pequeno); height: var(--icone-pequeno); padding: 0 var(--space-1); border-radius: var(--radius-pill); background: var(--red); color: var(--texto-sobre-cor); font-size: var(--pequeno-tamanho); font-weight: var(--peso-forte); display: inline-flex; align-items: center; justify-content: center; }
.avatar .selo[b-xu8v54skmq] { position: absolute; top: calc(var(--space-2) * -1); right: calc(var(--space-2) * -1); }
.menu[b-xu8v54skmq] { position: absolute; right: 0; top: calc(100% + var(--space-2)); z-index: 40; width: var(--largura-menu-usuario); padding: var(--space-2); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-lg); background: var(--surface); font-size: var(--rotulo-tamanho); display: flex; flex-direction: column; }
.quem[b-xu8v54skmq] { padding: var(--space-1) var(--space-2) var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.perfil[b-xu8v54skmq] { font-size: var(--pequeno-tamanho); color: var(--ink-muted); }
.menu a[b-xu8v54skmq], .menu button[b-xu8v54skmq] { padding: var(--space-2); border-radius: var(--radius-sm); color: var(--ink); text-decoration: none; background: none; border: 0; text-align: left; cursor: pointer; font-size: var(--rotulo-tamanho); }
.menu a:hover[b-xu8v54skmq], .menu button:hover[b-xu8v54skmq] { background: var(--selecao-ouro); color: var(--gold-light); }
.menu .notificacoes[b-xu8v54skmq] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }
.menu .sair[b-xu8v54skmq] { color: var(--red-text); border-top: var(--borda-fina) solid var(--border-subtle); border-radius: 0; }
/* Os grupos das Configurações (como o menu do usuário do desktop): o título discreto e as opções recuadas. */
.grupo[b-xu8v54skmq] { padding: var(--space-2) var(--space-2) 0; font-size: var(--pequeno-tamanho); color: var(--ink-muted); border-top: var(--borda-fina) solid var(--border-subtle); }
.menu .opcao[b-xu8v54skmq] { padding-left: var(--space-4); }
/* O painel das notificações (o mesmo que o sino abria), nas cores do tema. */
.painel-notificacoes[b-xu8v54skmq] { position: absolute; right: 0; top: calc(100% + var(--space-2)); z-index: 40; width: var(--largura-dialogo); max-width: 90vw; padding: var(--space-2); display: flex; flex-direction: column; gap: var(--space-2); background: var(--surface); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-lg); color: var(--ink); }
.painel-titulo[b-xu8v54skmq] { display: flex; align-items: center; justify-content: space-between; font-size: var(--rotulo-tamanho); }
.fechar-painel[b-xu8v54skmq] { background: none; border: 0; color: var(--ink-muted); cursor: pointer; font-size: var(--rotulo-tamanho); padding: 0 var(--space-1); }
.fechar-painel:hover[b-xu8v54skmq] { color: var(--ink); }
.ver-todas[b-xu8v54skmq] { margin-left: auto; background: none; border: 0; padding: 0 var(--space-1); color: var(--link); cursor: pointer; font-size: var(--pequeno-tamanho); }
.vazio[b-xu8v54skmq] { color: var(--ink-muted); padding: var(--space-2); }
.lida[b-xu8v54skmq] { opacity: .6; }
.resolver[b-xu8v54skmq] { display: block; margin-top: var(--space-1); background: none; border: 0; padding: 0; color: var(--ink-muted); cursor: pointer; font-size: var(--pequeno-tamanho); text-decoration: underline; }
/* /Casca/OndaLuz.razor.rz.scp.css */
/* A onda de luz (design-system.md, seção 4): ocupa a cápsula inteira, por baixo dos favoritos e das páginas abertas. Linhas
   verdes com brilho suave andando devagar (--tempo-onda) e partículas piscando. Aparece e some com a gaveta (500 ms). Com
   "reduzir movimento", tudo fica parado. */
.onda[b-fsiyxz86dx] { position: absolute; inset: 0; z-index: 0; overflow: hidden; border-radius: var(--radius-pill); pointer-events: none; opacity: 0; transition: opacity var(--tempo-gaveta) ease-in-out; }
.onda[data-visivel="true"][b-fsiyxz86dx] { opacity: 1; }
.ondas[b-fsiyxz86dx] { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, black 18%, black 82%, transparent);
  mask-image: linear-gradient(to right, transparent, black 18%, black 82%, transparent); }
.linha path[b-fsiyxz86dx] { fill: none; stroke: var(--neon); vector-effect: non-scaling-stroke; stroke-linecap: round; transform-box: fill-box; animation: onda-andar-b-fsiyxz86dx var(--tempo-onda) linear infinite; }
.faixa path[b-fsiyxz86dx] { stroke-width: 12; opacity: .2; filter: blur(var(--space-1)); }
.principal path[b-fsiyxz86dx] { stroke-width: 2.5; filter: drop-shadow(0 0 var(--space-1) var(--neon-brilho)); }
.segunda path[b-fsiyxz86dx] { stroke-width: 1.2; opacity: .55; animation-duration: calc(var(--tempo-onda) * 1.5); animation-direction: reverse; }
.terceira path[b-fsiyxz86dx] { stroke-width: 1; opacity: .35; animation-duration: calc(var(--tempo-onda) * 2); }
@keyframes onda-andar-b-fsiyxz86dx { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.particula[b-fsiyxz86dx] { position: absolute; width: var(--borda-forte); height: var(--borda-forte); border-radius: var(--radius-pill); background: var(--neon-claro); box-shadow: 0 0 var(--space-1) var(--neon); opacity: .5; animation: particula-piscar-b-fsiyxz86dx calc(var(--tempo-onda) / 4) ease-in-out infinite; }
.particula:nth-child(even)[b-fsiyxz86dx] { width: calc(var(--borda-forte) * 2); height: calc(var(--borda-forte) * 2); }
.particula:nth-child(2)[b-fsiyxz86dx] { left: 6%; top: 62%; animation-delay: -1s; }
.particula:nth-child(3)[b-fsiyxz86dx] { left: 13%; top: 30%; animation-delay: -3s; }
.particula:nth-child(4)[b-fsiyxz86dx] { left: 21%; top: 72%; animation-delay: -2s; }
.particula:nth-child(5)[b-fsiyxz86dx] { left: 28%; top: 24%; animation-delay: -5s; }
.particula:nth-child(6)[b-fsiyxz86dx] { left: 35%; top: 58%; animation-delay: -4s; }
.particula:nth-child(7)[b-fsiyxz86dx] { left: 43%; top: 36%; animation-delay: -1.5s; }
.particula:nth-child(8)[b-fsiyxz86dx] { left: 50%; top: 76%; animation-delay: -2.5s; }
.particula:nth-child(9)[b-fsiyxz86dx] { left: 57%; top: 20%; animation-delay: -4.5s; }
.particula:nth-child(10)[b-fsiyxz86dx] { left: 64%; top: 64%; animation-delay: -.5s; }
.particula:nth-child(11)[b-fsiyxz86dx] { left: 71%; top: 32%; animation-delay: -3.5s; }
.particula:nth-child(12)[b-fsiyxz86dx] { left: 78%; top: 70%; animation-delay: -5.5s; }
.particula:nth-child(13)[b-fsiyxz86dx] { left: 85%; top: 26%; animation-delay: -2s; }
.particula:nth-child(14)[b-fsiyxz86dx] { left: 91%; top: 54%; animation-delay: -4s; }
.particula:nth-child(15)[b-fsiyxz86dx] { left: 96%; top: 38%; animation-delay: -1s; }
@keyframes particula-piscar-b-fsiyxz86dx { 0%, 100% { opacity: .2; transform: translateY(0); } 50% { opacity: 1; transform: translateY(calc(var(--space-1) * -1)); } }

@media (prefers-reduced-motion: reduce) {
  .onda[b-fsiyxz86dx] { transition: none; }
  .linha path[b-fsiyxz86dx], .particula[b-fsiyxz86dx] { animation: none; }
}
/* /Casca/PaginasHost.razor.rz.scp.css */
.escondida[b-eu0sac94l0] { display: none; }
/* /Casca/PaletaTelas.razor.rz.scp.css */
.busca[b-svh8jgt0zr] { display: inline-flex; align-items: center; justify-content: center; width: var(--usuario-topo); height: var(--usuario-topo); border: 0; border-radius: var(--radius-pill); background: none; color: var(--neon-texto); cursor: pointer; }
.busca:hover[b-svh8jgt0zr] { background: var(--selecao-ouro); color: var(--gold-light); }
/* /DesignSystem/AbasInternas.razor.rz.scp.css */
.abas[b-828doqd9y9] { display: flex; gap: var(--space-1); flex-wrap: wrap; }
/* As abas do cadastro com a medida das abas da tela: 24 de altura e texto 11. */
.aba[b-828doqd9y9] {
  display: inline-flex; align-items: center; height: var(--altura-aba); padding: 0 var(--space-3); border-radius: var(--radius-pill);
  border: var(--borda-fina) solid var(--border-subtle); background: none; color: var(--ink); font-size: var(--texto-controle);
  line-height: var(--altura-aba); cursor: pointer;
}
/* O ícone da aba (opcional): à esquerda do título, no tamanho do ícone dos controles, na cor do texto da aba. */
.aba[b-828doqd9y9]  .icone { width: var(--icone-controle); height: var(--icone-controle); margin-right: var(--space-1); }
.aba.ativa[b-828doqd9y9] { background: radial-gradient(ellipse at 50% 40%, var(--ativo-ouro-centro), var(--ativo-ouro-borda) 70%); border-color: var(--gold); color: var(--gold-light); font-weight: var(--peso-forte); }
/* /DesignSystem/AcoesExportacao.razor.rz.scp.css */
.acoes-tabela[b-igvvb6tell] {
  margin-left: auto; display: inline-flex; flex: none;
  border: var(--borda-fina) solid var(--border-subtle); border-radius: var(--raio-controle); overflow: hidden;
}
.acoes-tabela[b-igvvb6tell]  .botao { border: 0; border-radius: 0; }
.acoes-tabela[b-igvvb6tell]  .botao + .botao { border-left: var(--borda-fina) solid var(--border-subtle); }
.acoes-tabela[b-igvvb6tell]  .botao[data-acao=imprimir] { color: var(--ink-muted); }
.acoes-tabela[b-igvvb6tell]  .botao[data-acao=excel] { color: var(--green-text); }
.acoes-tabela[b-igvvb6tell]  .botao[data-acao=pdf] { color: var(--red-text); }
.acoes-tabela[b-igvvb6tell]  .botao:disabled { opacity: .3; }
.andamento[b-igvvb6tell] { color: var(--link); font-size: var(--grade-texto); }
/* /DesignSystem/Aguarde.razor.rz.scp.css */
/* "Aguarde, carregando...": o véu escuro a 70% cobre a tela inteira (a barra do topo também: o contador é do sistema, e trocar de
   página no meio da espera só levaria o véu junto) e segura os cliques; no centro, a moldura dos diálogos com o relógio. */
.veu[b-990buhwttz] {
  position: fixed; inset: 0; z-index: 98; display: flex; align-items: center; justify-content: center;
  background: var(--veu-aguarde); cursor: progress;
}
.moldura[b-990buhwttz] {
  display: flex; align-items: center; gap: var(--space-2); padding: var(--space-3);
  max-width: calc(100vw - var(--space-4));
  background: var(--surface); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-sm);
  box-shadow: 0 var(--space-1) var(--space-3) var(--sombra-menu);
  color: var(--ink); font-size: var(--texto-modal-titulo); font-weight: var(--titulo-cartao-peso);
}
.relogio[b-990buhwttz] { display: inline-flex; flex: none; width: var(--icone-aguarde); height: var(--icone-aguarde); color: var(--gold); }
.relogio[b-990buhwttz]  .icone { width: 100%; height: 100%; }
/* O ponteiro dos minutos dá uma volta a cada --tempo-relogio (discreto); com "reduzir movimento", fica parado. */
.relogio[b-990buhwttz]  .ponteiro-minuto { transform-box: view-box; transform-origin: center; /* o centro do mostrador */ animation: relogio-gira-b-990buhwttz var(--tempo-relogio) linear infinite; }
@keyframes relogio-gira-b-990buhwttz { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .relogio[b-990buhwttz]  .ponteiro-minuto { animation: none; } }
/* /DesignSystem/Alerta.razor.rz.scp.css */
/* O aviso dentro da tela (uma recusa, um resumo): compacto, na densidade dos campos, do tamanho do texto (não estica). Os avisos do sistema (a confirmação
   verde e o modal de alerta) ficam no Mensagens. */
.alerta[b-9ef6dl5nvu] { display: flex; width: fit-content; max-width: 100%; box-sizing: border-box; gap: var(--espaco-linhas); align-items: flex-start; padding: var(--space-1) var(--space-2); border: var(--borda-fina) solid var(--border-subtle); border-radius: var(--raio-controle); background: var(--surface-raised); font-size: var(--texto-controle); }
.sinal[b-9ef6dl5nvu] { display: inline-flex; flex: none; }
.sinal[b-9ef6dl5nvu]  .icone { width: var(--icone-controle); height: var(--icone-controle); }
.critico .sinal[b-9ef6dl5nvu] { color: var(--red); } .critico .titulo[b-9ef6dl5nvu] { color: var(--red-text); }
.atencao .sinal[b-9ef6dl5nvu] { color: var(--yellow-text); } .info .sinal[b-9ef6dl5nvu] { color: var(--blue); } .ok .sinal[b-9ef6dl5nvu] { color: var(--green); }
.titulo[b-9ef6dl5nvu] { font-weight: var(--peso-forte); }
.texto[b-9ef6dl5nvu] { font-size: var(--texto-controle); line-height: var(--pequeno-linha); }
.fechar[b-9ef6dl5nvu] { margin-left: auto; background: none; border: 0; color: var(--ink-muted); cursor: pointer; padding: 0; }
.fechar[b-9ef6dl5nvu]  .icone { width: var(--icone-controle); height: var(--icone-controle); }
/* /DesignSystem/ArvoreEscada.razor.rz.scp.css */
/* Árvore em escada: as colunas lado a lado (a área rola na horizontal), com as medidas da grade (linha 20, texto 10,5, título
   discreto); o caminho escolhido em dourado suave e o nó da ponta com a barra dourada, como a linha selecionada da grade. */
.topo-grade[b-a1jju5aj44] { display: flex; justify-content: flex-end; padding: var(--espaco-linhas) var(--space-2); }
.escada[b-a1jju5aj44] { display: flex; align-items: stretch; overflow-x: auto; border-top: var(--borda-fina) solid var(--border-subtle); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.coluna[b-a1jju5aj44] { flex: none; width: var(--largura-longo); display: flex; flex-direction: column; min-height: calc(var(--altura-linha-grade) * 8); }
.coluna + .coluna[b-a1jju5aj44] { border-left: var(--borda-fina) solid var(--border-subtle); }
.titulo[b-a1jju5aj44] { height: var(--altura-linha-grade); line-height: var(--altura-linha-grade); padding: 0 var(--espaco-linhas); color: var(--ink-muted); font-size: var(--grade-cabecalho); font-weight: var(--corpo-peso); white-space: nowrap; border-bottom: var(--borda-fina) solid var(--border-subtle); }
.nos[b-a1jju5aj44] { list-style: none; margin: 0; padding: 0; max-height: calc(var(--altura-linha-grade) * 24); overflow-y: auto; font-size: var(--grade-texto); line-height: var(--altura-linha-grade); }
.no[b-a1jju5aj44] { display: flex; align-items: center; gap: var(--espaco-linhas); height: var(--altura-linha-grade); padding: 0 var(--espaco-linhas); cursor: pointer; }
.no:nth-child(even)[b-a1jju5aj44] { background: var(--zebra); }
.no:hover[b-a1jju5aj44], .no.caminho[b-a1jju5aj44] { background: var(--selecao-ouro); }
.no.caminho[b-a1jju5aj44] { color: var(--gold-light); }
.no.selecionada[b-a1jju5aj44] { background: var(--selecao-ouro); box-shadow: inset var(--barra-selecao) 0 0 var(--gold); color: var(--gold-light); font-weight: var(--peso-forte); }
.no.apagada[b-a1jju5aj44] { color: var(--ink-muted); }
.no:focus-visible[b-a1jju5aj44] { outline: var(--borda-fina) solid var(--gold); outline-offset: calc(var(--borda-fina) * -1); }
.nome[b-a1jju5aj44] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detalhe[b-a1jju5aj44] { color: var(--ink-muted); }
.seta[b-a1jju5aj44] { width: var(--space-2); color: var(--gold); text-align: right; }
.nada[b-a1jju5aj44] { padding: var(--space-2); text-align: center; color: var(--ink-muted); }
.registro[b-a1jju5aj44] { width: auto; min-width: var(--largura-extra-longo); }
.status[b-a1jju5aj44] { display: flex; align-items: center; gap: var(--space-3); min-height: var(--altura-linha-grade); padding: 0 var(--space-2); color: var(--ink-muted); font-size: var(--grade-texto); }
/* /DesignSystem/BarraAcoes.razor.rz.scp.css */
/* Os botões numa barra, com o espaçamento padrão, alinhados pela base (o campo que a etapa pede fica com o rótulo em cima e a
   entrada na linha dos botões); o texto da barra e o "?" discretos, na altura dos botões. */
.barra-acoes[b-wuj1232wwu] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--espaco-linhas) var(--space-2); min-width: 0; }
.texto-barra[b-wuj1232wwu], .barra-acoes[b-wuj1232wwu]  .texto-barra {
  display: inline-flex; align-items: center; height: var(--altura-controle); font-size: var(--texto-controle); color: var(--ink-muted); white-space: nowrap;
}
.ajuda[b-wuj1232wwu] { display: inline-flex; align-items: center; height: var(--altura-controle); color: var(--ink-muted); cursor: help; }
/* /DesignSystem/BarraSalvarVoltar.razor.rz.scp.css */
.salvar-voltar[b-v4sx0s0n6w] { display: inline-flex; align-items: center; gap: var(--space-1); flex: none; }
/* /DesignSystem/Botao.razor.rz.scp.css */
/* Botões na densidade do ERP desktop: 22 de altura, texto 11 em peso normal, linha fina, cantos 6; só de ícone com 22 × 22. */
.botao[b-z11mimgkul] {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-1); flex: none;
  height: var(--altura-controle); padding: 0 var(--space-2); border-radius: var(--raio-controle);
  border: var(--borda-fina) solid var(--border-subtle); background: var(--surface-raised); color: var(--ink);
  font-size: var(--texto-controle); font-weight: var(--corpo-peso); line-height: var(--altura-controle); cursor: pointer; white-space: nowrap;
}
.botao[b-z11mimgkul]  .icone { width: var(--icone-controle); height: var(--icone-controle); }
.botao:disabled[b-z11mimgkul] { opacity: .45; cursor: default; }
.principal[b-z11mimgkul] { background: var(--gold); border-color: var(--gold); color: var(--texto-sobre-ouro); }
.pesquisar[b-z11mimgkul] { background: var(--blue); border-color: var(--blue); color: var(--texto-sobre-cor); }
.azul[b-z11mimgkul] { background: var(--blue); border-color: var(--blue); color: var(--texto-sobre-cor); }
.perigo[b-z11mimgkul] { background: transparent; border-color: var(--red); color: var(--red-text); }
.so-icone[b-z11mimgkul] { width: var(--altura-controle); padding: 0; background: transparent; }
.so-icone.pesquisar[b-z11mimgkul] { background: var(--blue); }
.so-icone.incluir[b-z11mimgkul] { color: var(--gold); }
.so-icone.salvar[b-z11mimgkul] { background: var(--blue); border-color: var(--blue); color: var(--texto-sobre-cor); }
.so-icone.remover:not(:disabled):hover[b-z11mimgkul] { color: var(--red-text); border-color: var(--red); }
.botao:not(:disabled):hover[b-z11mimgkul] { border-color: var(--border-gold); }
.sr-only[b-z11mimgkul] { position: absolute; width: var(--borda-fina); height: var(--borda-fina); overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* /DesignSystem/BotaoOpcao.razor.rz.scp.css */
/* Opção única na densidade do ERP desktop: 20 de altura, a marca redonda com 13, texto 11. */
.opcao[b-8dthol6h2d] { display: inline-flex; align-items: center; gap: var(--espaco-linhas); min-height: var(--altura-marcar); cursor: pointer; font-size: var(--texto-controle); white-space: nowrap; position: relative; }
.opcao input[b-8dthol6h2d] { position: absolute; opacity: 0; width: var(--caixa-marcar); height: var(--caixa-marcar); margin: 0; }
.marca[b-8dthol6h2d] {
  width: var(--caixa-marcar); height: var(--caixa-marcar); border-radius: var(--radius-pill); flex: none;
  border: var(--borda-fina) solid var(--borda-marcar); background: var(--surface-raised);
}
.marca.sim[b-8dthol6h2d] { border-color: var(--gold); background: radial-gradient(circle, var(--gold) 45%, var(--surface-raised) 50%); }
.opcao input:focus-visible + .marca[b-8dthol6h2d] { outline: var(--borda-forte) solid var(--gold); outline-offset: 2px; }
.desabilitada[b-8dthol6h2d] { opacity: .5; cursor: default; }
/* /DesignSystem/BuscaEscolha.razor.rz.scp.css */
.lista[b-58ob24ptpl] { position: relative; display: flex; align-items: center; }
.lista[b-58ob24ptpl]  .icone { position: absolute; right: var(--space-1); width: var(--icone-controle); height: var(--icone-controle); color: var(--ink-muted); pointer-events: none; }
.lista[b-58ob24ptpl]  .entrada { padding-right: calc(var(--icone-controle) + var(--space-2)); }
/* A lista aberta na moldura do campo (pedido do usuário em 17/10/2026, "melhorar a moldura dos Listbox"): a mesma borda (borda-campo),
   o mesmo fundo (surface-raised) e os cantos do campo, com a sombra dos menus por cima da tela. */
.opcoes[b-58ob24ptpl] {
  position: absolute; top: calc(100% + var(--space-1)); left: 0; z-index: 30; margin: 0; padding: var(--space-1);
  list-style: none; max-height: calc(var(--altura-marcar) * 12); overflow-y: auto; min-width: 100%; width: max-content; max-width: var(--largura-extra-longo);
  background: var(--surface-raised); border: var(--borda-campo-largura) solid var(--borda-campo); border-radius: var(--raio-controle);
  box-shadow: 0 var(--space-1) var(--space-3) var(--sombra-menu);
}
.opcoes li[b-58ob24ptpl] { min-height: var(--altura-marcar); line-height: var(--altura-marcar); padding: 0 var(--espaco-linhas); border-radius: var(--raio-controle); cursor: pointer; font-size: var(--texto-controle); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.opcoes li.destaque[b-58ob24ptpl] { background: var(--selecao-ouro); color: var(--gold-light); }
.opcoes li.nada[b-58ob24ptpl] { color: var(--ink-muted); cursor: default; }
.opcoes li .detalhe[b-58ob24ptpl] { color: var(--ink-muted); font-size: var(--rotulo-campo); }
/* /DesignSystem/CaixaMarcar.razor.rz.scp.css */
/* Caixa de marcar na densidade do ERP desktop: 20 de altura, a caixa com 13, texto 11 (a caixa da grade não aumenta a linha). */
.caixa[b-owz59g33rs] { display: inline-flex; align-items: center; gap: var(--espaco-linhas); min-height: var(--altura-marcar); cursor: pointer; font-size: var(--texto-controle); white-space: nowrap; position: relative; }
.caixa input[b-owz59g33rs] { position: absolute; opacity: 0; width: var(--caixa-marcar); height: var(--caixa-marcar); margin: 0; }
.marca[b-owz59g33rs] {
  width: var(--caixa-marcar); height: var(--caixa-marcar); border-radius: var(--borda-forte); flex: none;
  border: var(--borda-fina) solid var(--borda-marcar); background: var(--surface-raised); color: var(--texto-sobre-ouro);
  display: inline-flex; align-items: center; justify-content: center;
}
.marca[b-owz59g33rs]  .icone { width: var(--caixa-marcar); height: var(--caixa-marcar); }
.marca.sim[b-owz59g33rs] { background: var(--gold); border-color: var(--gold); }
.marca.parte[b-owz59g33rs] { border-color: var(--gold); background: linear-gradient(var(--gold), var(--gold)) center / 50% 2px no-repeat, var(--surface-raised); }
.caixa input:focus-visible + .marca[b-owz59g33rs] { outline: var(--borda-forte) solid var(--gold); outline-offset: 2px; }
.desabilitada[b-owz59g33rs] { opacity: .5; cursor: default; }
/* /DesignSystem/Calendario.razor.rz.scp.css */
/* O calendário do campo de data: abre embaixo do campo, por cima da tela (o fundo transparente atrás fecha no clique fora).
   Cores só pelos tokens: domingo e feriado em --red-text, sábado em --yellow-text (os dois em negrito), cabeçalho dos dias
   com o fundo --calendario-cabecalho, hoje com o contorno --gold, o escolhido em --gold com --texto-sobre-ouro (contraste AA
   conferido pela guarda nos dois temas). */
.fundo-calendario[b-w7x5sjwhhf] { position: fixed; inset: 0; z-index: 49; background: transparent; }
.calendario[b-w7x5sjwhhf] {
  position: absolute; top: calc(100% + var(--borda-fina)); left: 0; z-index: 50; padding: var(--espaco-linhas);
  display: flex; flex-direction: column; gap: var(--espaco-linhas);
  background: var(--surface); border: var(--borda-fina) solid var(--border-card); border-radius: var(--raio-controle);
  box-shadow: 0 var(--space-1) var(--space-3) var(--sombra-menu); font-size: var(--texto-controle); color: var(--ink);
}
.topo-calendario[b-w7x5sjwhhf] { display: flex; align-items: center; gap: var(--borda-fina); }
.mes-calendario[b-w7x5sjwhhf] { flex: 1; text-align: center; font-weight: var(--peso-forte); white-space: nowrap; padding: 0 var(--espaco-linhas); }
.navegar[b-w7x5sjwhhf] {
  width: var(--altura-controle); height: var(--altura-controle); padding: 0; border: var(--borda-fina) solid var(--border-subtle);
  border-radius: var(--raio-controle); background: transparent; color: var(--ink); font-size: var(--texto-controle); cursor: pointer;
}
.navegar:hover[b-w7x5sjwhhf] { border-color: var(--border-gold); color: var(--gold-light); }
.dias-calendario[b-w7x5sjwhhf] { display: grid; grid-template-columns: repeat(7, var(--altura-controle)); gap: var(--borda-fina); outline: none; }
.dia-semana[b-w7x5sjwhhf] {
  height: var(--altura-controle); line-height: var(--altura-controle); text-align: center; font-size: var(--rotulo-campo);
  background: var(--calendario-cabecalho); color: var(--ink); border-radius: var(--raio-controle);
}
.dia[b-w7x5sjwhhf] {
  width: var(--altura-controle); height: var(--altura-controle); padding: 0; border: var(--borda-fina) solid transparent;
  border-radius: var(--raio-controle); background: transparent; color: var(--ink); font-size: var(--texto-controle);
  font-weight: var(--corpo-peso); cursor: pointer;
}
.dia.vazio[b-w7x5sjwhhf] { cursor: default; }
.dia:not(.vazio):hover[b-w7x5sjwhhf] { background: var(--surface-raised); }
.domingo[b-w7x5sjwhhf], .feriado[b-w7x5sjwhhf] { color: var(--red-text); font-weight: var(--peso-forte); }
.sabado[b-w7x5sjwhhf] { color: var(--yellow-text); font-weight: var(--peso-forte); }
.dia.feriado[b-w7x5sjwhhf] { color: var(--red-text); }
.dia.hoje[b-w7x5sjwhhf] { border-color: var(--gold); }
.dias-calendario:focus .dia.foco[b-w7x5sjwhhf] { box-shadow: 0 0 0 var(--borda-fina) var(--gold-light); }
.dia.escolhido[b-w7x5sjwhhf], .dia.escolhido:hover[b-w7x5sjwhhf] { background: var(--gold); color: var(--texto-sobre-ouro); }
/* /DesignSystem/CalendarioMes.razor.rz.scp.css */
/* O seletor de mês do campo de mês: abre embaixo do campo, por cima da tela (o fundo transparente atrás fecha no clique fora), com as cores
   e os tamanhos do calendário do campo de data. */
.fundo-calendario[b-9yw5ul6dgz] { position: fixed; inset: 0; z-index: 49; background: transparent; }
.seletor-mes[b-9yw5ul6dgz] {
  position: absolute; top: calc(100% + var(--borda-fina)); left: 0; z-index: 50; padding: var(--espaco-linhas); outline: none;
  display: flex; flex-direction: column; gap: var(--espaco-linhas);
  background: var(--surface); border: var(--borda-fina) solid var(--border-card); border-radius: var(--raio-controle);
  box-shadow: 0 var(--space-1) var(--space-3) var(--sombra-menu); font-size: var(--texto-controle); color: var(--ink);
}
.topo-seletor[b-9yw5ul6dgz] { display: flex; align-items: center; gap: var(--borda-fina); }
.ano-seletor[b-9yw5ul6dgz] { flex: 1; text-align: center; font-weight: var(--peso-forte); padding: 0 var(--espaco-linhas); }
.navegar[b-9yw5ul6dgz] {
  width: var(--altura-controle); height: var(--altura-controle); padding: 0; border: var(--borda-fina) solid var(--border-subtle);
  border-radius: var(--raio-controle); background: transparent; color: var(--ink); font-size: var(--texto-controle); cursor: pointer;
}
.navegar:hover[b-9yw5ul6dgz] { border-color: var(--border-gold); color: var(--gold-light); }
.meses-seletor[b-9yw5ul6dgz] { display: grid; grid-template-columns: repeat(3, var(--largura-mes-seletor)); gap: var(--borda-fina); }
.mes[b-9yw5ul6dgz] {
  height: var(--altura-controle); padding: 0; border: var(--borda-fina) solid transparent; border-radius: var(--raio-controle);
  background: transparent; color: var(--ink); font-size: var(--texto-controle); font-weight: var(--corpo-peso); cursor: pointer; text-transform: capitalize;
}
.mes:hover[b-9yw5ul6dgz] { background: var(--surface-raised); }
.mes.hoje[b-9yw5ul6dgz] { border-color: var(--gold); }
.mes.escolhido[b-9yw5ul6dgz], .mes.escolhido:hover[b-9yw5ul6dgz] { background: var(--gold); color: var(--texto-sobre-ouro); }
/* /DesignSystem/Campo.razor.rz.scp.css */
/* A largura do tipo vale para o campo (a entrada ou a lista); o rótulo pode passar dela sem esticar o campo. */
/* O campo nunca estica: nem na linha (flex: none) nem numa coluna (width: fit-content, que a coluna não estica). */
.campo[b-hn7rrdjd4e] { display: inline-flex; flex-direction: column; align-items: flex-start; width: fit-content; gap: var(--borda-fina); min-width: 0; flex: none; max-width: 100%; }
.rotulo[b-hn7rrdjd4e] { font-size: var(--rotulo-campo); line-height: var(--pequeno-linha); color: var(--ink-muted); white-space: nowrap; }
.com-detalhe[b-hn7rrdjd4e] { display: flex; justify-content: space-between; gap: var(--space-2); width: 100%; }
.detalhe[b-hn7rrdjd4e] { color: var(--ink-muted); }
.detalhe.alerta[b-hn7rrdjd4e] { color: var(--red-text); }
.ajuda[b-hn7rrdjd4e] { font-size: var(--texto-ajuda); line-height: var(--pequeno-linha); color: var(--ink-muted); max-width: var(--largura-extra-longo); }
.largura-uf[b-hn7rrdjd4e]  .entrada, .largura-uf[b-hn7rrdjd4e]  .lista { width: var(--largura-uf); }
.largura-mini[b-hn7rrdjd4e]  .entrada, .largura-mini[b-hn7rrdjd4e]  .lista { width: var(--largura-mini); }
.largura-codigo[b-hn7rrdjd4e]  .entrada, .largura-codigo[b-hn7rrdjd4e]  .lista { width: var(--largura-codigo); }
.largura-cep[b-hn7rrdjd4e]  .entrada, .largura-cep[b-hn7rrdjd4e]  .lista { width: var(--largura-cep); }
.largura-valor[b-hn7rrdjd4e]  .entrada, .largura-valor[b-hn7rrdjd4e]  .lista { width: var(--largura-valor); }
.largura-data[b-hn7rrdjd4e]  .entrada, .largura-data[b-hn7rrdjd4e]  .lista { width: var(--largura-data); }
.largura-curto[b-hn7rrdjd4e]  .entrada, .largura-curto[b-hn7rrdjd4e]  .lista { width: var(--largura-curto); }
.largura-cnpj[b-hn7rrdjd4e]  .entrada, .largura-cnpj[b-hn7rrdjd4e]  .lista { width: var(--largura-cnpj); }
.largura-medio[b-hn7rrdjd4e]  .entrada, .largura-medio[b-hn7rrdjd4e]  .lista { width: var(--largura-medio); }
.largura-email[b-hn7rrdjd4e]  .entrada, .largura-email[b-hn7rrdjd4e]  .lista { width: var(--largura-email); }
.largura-longo[b-hn7rrdjd4e]  .entrada, .largura-longo[b-hn7rrdjd4e]  .lista { width: var(--largura-longo); }
.largura-extra-longo[b-hn7rrdjd4e]  .entrada, .largura-extra-longo[b-hn7rrdjd4e]  .lista { width: var(--largura-extra-longo); }
[b-hn7rrdjd4e] .lista .entrada { width: 100%; }
[b-hn7rrdjd4e] .entrada {
  height: var(--altura-controle); padding: 0 var(--espaco-linhas); border-radius: var(--raio-controle);
  border: var(--borda-campo-largura) solid var(--borda-campo); background: var(--surface-raised); color: var(--ink);
  font-size: var(--texto-controle); font-weight: var(--corpo-peso); line-height: calc(var(--altura-controle) - 2 * var(--borda-campo-largura)); min-width: 0; max-width: 100%;
}
/* O foco mais forte que a borda normal: a cor do foco e um anel de 1 px por fora (sem mexer no tamanho do campo). */
[b-hn7rrdjd4e] .entrada:focus { border-color: var(--borda-campo-foco); box-shadow: 0 0 0 var(--borda-fina) var(--borda-campo-foco); outline: none; }
[b-hn7rrdjd4e] .entrada:disabled { color: var(--ink-muted); background: transparent; border-color: var(--borda-campo-desabilitado); }
[b-hn7rrdjd4e] .entrada.numero { text-align: right; }
[b-hn7rrdjd4e] .entrada.invalido { border-color: var(--red); }
[b-hn7rrdjd4e] .entrada.invalido:focus { box-shadow: 0 0 0 var(--borda-fina) var(--red); }
[b-hn7rrdjd4e] .entrada.multilinha { height: auto; line-height: var(--pequeno-linha); padding: var(--borda-forte) var(--espaco-linhas); resize: vertical; }
[b-hn7rrdjd4e] .entrada.mono { font-family: var(--fonte-mono); }
/* /DesignSystem/CampoCor.razor.rz.scp.css */
/* O seletor de cor (22 × 22, com a borda e o canto dos campos) e, colado nele, o texto #RRGGBB. */
.cor[b-ltj3kotw11] { display: inline-flex; align-items: center; gap: var(--space-1); }
.seletor[b-ltj3kotw11] {
  width: var(--altura-controle); height: var(--altura-controle); padding: 0; flex: none; cursor: pointer;
  border: var(--borda-campo-largura) solid var(--borda-campo); border-radius: var(--raio-controle); background: var(--surface-raised);
}
.seletor:focus[b-ltj3kotw11] { border-color: var(--borda-campo-foco); box-shadow: 0 0 0 var(--borda-fina) var(--borda-campo-foco); outline: none; }
.seletor:disabled[b-ltj3kotw11] { cursor: default; opacity: .45; }
.seletor[b-ltj3kotw11]::-webkit-color-swatch-wrapper { padding: 0; }
.seletor[b-ltj3kotw11]::-webkit-color-swatch { border: none; border-radius: var(--raio-controle); }
.seletor[b-ltj3kotw11]::-moz-color-swatch { border: none; border-radius: var(--raio-controle); }
/* /DesignSystem/CampoData.razor.rz.scp.css */
/* O campo de data (largura do tipo data, 100) e, colado nele, o ícone do calendário (22 × 22); o calendário abre embaixo. */
.campo-data[b-w731n6z19b] { position: relative; display: inline-flex; flex: none; max-width: 100%; }
.entrada-data[b-w731n6z19b] { display: inline-flex; align-items: center; gap: var(--borda-fina); }
/* /DesignSystem/CampoLeitura.razor.rz.scp.css */
/* O campo somente leitura na moldura do Campo: o rótulo pequeno em cima (o mesmo do Campo) e o valor no texto da tela, na altura
   do campo (alinhado com os campos da linha); o valor longo quebra a linha sem esticar a tela. */
.leitura[b-rs6nxcbx8v] { display: inline-flex; flex-direction: column; align-items: flex-start; gap: var(--borda-fina); min-width: 0; max-width: 100%; flex: 0 1 auto; }
.rotulo[b-rs6nxcbx8v] { font-size: var(--rotulo-campo); line-height: var(--pequeno-linha); color: var(--ink-muted); white-space: nowrap; }
.valor[b-rs6nxcbx8v] {
  display: flex; align-items: center; min-height: var(--altura-controle); max-width: var(--largura-extra-longo);
  font-size: var(--texto-controle); line-height: var(--pequeno-linha); font-weight: var(--corpo-peso); color: var(--ink); overflow-wrap: anywhere;
}
.valor.multilinha[b-rs6nxcbx8v] { white-space: pre-wrap; max-width: 100%; }
/* /DesignSystem/CampoMes.razor.rz.scp.css */
/* O campo de mês (largura curta) e, colado nele, o ícone do calendário (22 × 22); o seletor de mês abre embaixo. */
.campo-mes[b-n7iqww3yh6] { position: relative; display: inline-flex; flex: none; max-width: 100%; }
.entrada-mes[b-n7iqww3yh6] { display: inline-flex; align-items: center; gap: var(--borda-fina); }
/* /DesignSystem/CampoPesquisa.razor.rz.scp.css */
.lista[b-fn202goyp1] { position: relative; display: flex; align-items: center; }
.lista[b-fn202goyp1]  .icone { position: absolute; right: var(--space-1); width: var(--icone-controle); height: var(--icone-controle); color: var(--ink-muted); pointer-events: none; }
.lista[b-fn202goyp1]  .entrada { padding-right: calc(var(--icone-controle) + var(--space-2)); }
/* A lista aberta na moldura do campo (pedido do usuário em 17/10/2026, "melhorar a moldura dos Listbox"): a mesma borda (borda-campo),
   o mesmo fundo (surface-raised) e os cantos do campo, com a sombra dos menus por cima da tela. */
.opcoes[b-fn202goyp1] {
  position: absolute; top: calc(100% + var(--space-1)); left: 0; z-index: 30; margin: 0; padding: var(--space-1);
  list-style: none; max-height: calc(var(--altura-marcar) * 12); overflow-y: auto; min-width: 100%; width: max-content; max-width: var(--largura-extra-longo);
  background: var(--surface-raised); border: var(--borda-campo-largura) solid var(--borda-campo); border-radius: var(--raio-controle);
  box-shadow: 0 var(--space-1) var(--space-3) var(--sombra-menu);
}
.opcoes li[b-fn202goyp1] { min-height: var(--altura-marcar); line-height: var(--altura-marcar); padding: 0 var(--espaco-linhas); border-radius: var(--raio-controle); cursor: pointer; font-size: var(--texto-controle); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.opcoes li.destaque[b-fn202goyp1] { background: var(--selecao-ouro); color: var(--gold-light); }
.opcoes li .detalhe[b-fn202goyp1] { color: var(--ink-muted); font-size: var(--rotulo-campo); }
/* /DesignSystem/CampoTecla.razor.rz.scp.css */
/* O código e, colado nele, o botão de capturar (22 × 22); capturando, o campo fica com a borda dourada. */
.tecla[b-qssvi3e62p] { display: inline-flex; align-items: center; gap: var(--space-1); }
.entrada.capturando[b-qssvi3e62p] { border-color: var(--gold); }
.capturar[b-qssvi3e62p] { display: inline-flex; }
/* /DesignSystem/Cartao.razor.rz.scp.css */
.cartao[b-3ij83wbc3p] { background: var(--surface-cartao); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-lg); padding: var(--space-3); }
.cabeca[b-3ij83wbc3p] { display: flex; align-items: center; gap: var(--space-2); margin: 0 0 var(--space-2); }
.cabeca .titulo[b-3ij83wbc3p] { margin: 0; }
.acoes-cartao[b-3ij83wbc3p] { margin-left: auto; display: inline-flex; gap: var(--space-1); }
/* O quadrado do ícone do cartão (Início): a cor forte, o ícone branco (o amarelo e o ouro com o texto escuro), cantos suaves. */
.quadro[b-3ij83wbc3p] { width: var(--icone-kpi-compacto); height: var(--icone-kpi-compacto); border-radius: var(--radius-sm); display: inline-flex; align-items: center; justify-content: center; flex: none; color: var(--texto-sobre-cor); }
.quadro.cor-green[b-3ij83wbc3p] { background: var(--green); } .quadro.cor-blue[b-3ij83wbc3p] { background: var(--blue); } .quadro.cor-purple[b-3ij83wbc3p] { background: var(--purple); }
.quadro.cor-red[b-3ij83wbc3p] { background: var(--red); } .quadro.cor-orange[b-3ij83wbc3p] { background: var(--orange); }
.quadro.cor-yellow[b-3ij83wbc3p] { background: var(--yellow); color: var(--texto-sobre-amarelo); } .quadro.cor-gold[b-3ij83wbc3p] { background: var(--gold); color: var(--texto-sobre-ouro); }
.titulo[b-3ij83wbc3p] { margin: 0 0 var(--space-2); font-size: var(--titulo-cartao-tamanho); line-height: var(--titulo-cartao-linha); font-weight: var(--titulo-cartao-peso); }
/* Na tela de trabalho: o título como o título de seção (11, peso forte, gold-light) e o recuo compacto. */
.cartao.compacto[b-3ij83wbc3p] { padding: var(--space-2); }
.cartao.compacto .titulo[b-3ij83wbc3p] { margin: 0 0 var(--espaco-linhas); font-size: var(--texto-controle); line-height: var(--pequeno-linha); font-weight: var(--peso-forte); color: var(--gold-light); }
.cartao.compacto .cabeca[b-3ij83wbc3p] { margin: 0 0 var(--espaco-linhas); }
.cartao.compacto .cabeca .titulo[b-3ij83wbc3p] { margin: 0; }
.titulo .ajuda[b-3ij83wbc3p] { display: inline-flex; margin-left: var(--space-1); vertical-align: middle; color: var(--ink-muted); cursor: help; font-weight: var(--corpo-peso); }
/* /DesignSystem/CartaoIndicador.razor.rz.scp.css */
.indicador[b-hpio8a7lki] { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-lg); background: var(--surface-cartao); min-width: 0; }
.quadrado[b-hpio8a7lki] { width: var(--icone-kpi); height: var(--icone-kpi); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; color: var(--texto-sobre-cor); flex: none; }
.cor-green[b-hpio8a7lki] { background: var(--green); } .cor-blue[b-hpio8a7lki] { background: var(--blue); } .cor-yellow[b-hpio8a7lki] { background: var(--yellow); color: var(--texto-sobre-amarelo); } .cor-purple[b-hpio8a7lki] { background: var(--purple); } .cor-red[b-hpio8a7lki] { background: var(--red); }
.nome[b-hpio8a7lki] { font-size: var(--corpo-tamanho); }
.numero[b-hpio8a7lki] { font-size: var(--numero-kpi-tamanho); line-height: var(--numero-kpi-linha); font-weight: var(--numero-kpi-peso); white-space: nowrap; }
.sem-dados[b-hpio8a7lki] { font-size: var(--rotulo-tamanho); color: var(--ink-muted); }
.em-breve[b-hpio8a7lki] { font-size: var(--numero-kpi-tamanho); line-height: var(--numero-kpi-linha); font-weight: var(--numero-kpi-peso); color: var(--ink-muted); white-space: nowrap; }
.legenda[b-hpio8a7lki] { font-size: var(--rotulo-tamanho); color: var(--ink-muted); }
.variacao[b-hpio8a7lki] { font-size: var(--rotulo-tamanho); color: var(--green-text); font-weight: var(--peso-forte); }
.variacao span[b-hpio8a7lki] { color: var(--ink-muted); font-weight: var(--corpo-peso); }
.variacao.queda[b-hpio8a7lki] { color: var(--red-text); }
.mini[b-hpio8a7lki] { width: var(--mini-grafico-largura); height: var(--mini-grafico-altura); margin-left: auto; flex: none; }
.mini polyline[b-hpio8a7lki] { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.mini[b-hpio8a7lki] { animation: mov-revelar var(--tempo-linha) ease-out var(--espera-bloco, 0s) backwards; }
@media (prefers-reduced-motion: reduce) { .mini[b-hpio8a7lki] { animation: none; } }
.cor-traco-green polyline[b-hpio8a7lki] { stroke: var(--green); } .cor-traco-blue polyline[b-hpio8a7lki] { stroke: var(--blue); }
.cor-traco-yellow polyline[b-hpio8a7lki] { stroke: var(--yellow); } .cor-traco-purple polyline[b-hpio8a7lki] { stroke: var(--purple); } .cor-traco-red polyline[b-hpio8a7lki] { stroke: var(--red); }
/* Na tela de trabalho: compacto, na escala da tela (o quadrado de 32, o nome em 11 e o número em 13). */
.indicador.compacto[b-hpio8a7lki] { gap: var(--space-2); padding: var(--espaco-linhas) var(--space-2); border-radius: var(--radius-sm); }
.compacto .quadrado[b-hpio8a7lki] { width: var(--icone-kpi-compacto); height: var(--icone-kpi-compacto); border-radius: var(--radius-sm); }
.compacto .nome[b-hpio8a7lki], .compacto .sem-dados[b-hpio8a7lki], .compacto .legenda[b-hpio8a7lki], .compacto .variacao[b-hpio8a7lki] { font-size: var(--texto-controle); }
.compacto .nome[b-hpio8a7lki] { color: var(--ink-muted); }
.compacto .numero[b-hpio8a7lki], .compacto .em-breve[b-hpio8a7lki] { font-size: var(--titulo-registro-tamanho); line-height: var(--titulo-cartao-linha); }
/* /DesignSystem/DadoPendente.razor.rz.scp.css */
.rastro-pendente[b-zcm60aoyag] { display: contents; }
/* /DesignSystem/DialogoEditor.razor.rz.scp.css */
.fundo[b-8q6ut9rwr1] { position: fixed; inset: 0; z-index: 90; background: var(--sombra-menu); display: flex; align-items: center; justify-content: center; }
.fundo:focus[b-8q6ut9rwr1] { outline: none; }
.janela[b-8q6ut9rwr1] {
  width: min(var(--largura-dialogo-editor), calc(100vw - var(--space-4))); max-height: calc(100vh - var(--space-4)); overflow: auto;
  display: flex; flex-direction: column; gap: var(--space-2);
  background: var(--surface); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-sm); padding: var(--space-3);
}
h2[b-8q6ut9rwr1] { margin: 0; font-size: var(--texto-modal-titulo); font-weight: var(--titulo-cartao-peso); color: var(--ink); }
.corpo[b-8q6ut9rwr1] { display: flex; flex-direction: column; gap: var(--space-2); }
.botoes[b-8q6ut9rwr1] { display: flex; justify-content: flex-end; gap: var(--space-2); padding-top: var(--space-1); }
/* /DesignSystem/EmConstrucao.razor.rz.scp.css */
.obra[b-l0mwohrdyi] { padding: var(--space-4); text-align: center; color: var(--ink-muted); display: flex; flex-direction: column; align-items: center; gap: var(--space-2); }
.titulo[b-l0mwohrdyi] { color: var(--ink); font-size: var(--titulo-cartao-tamanho); font-weight: var(--peso-forte); }
/* /DesignSystem/EtapaAcoes.razor.rz.scp.css */
.etapa-acoes[b-4n4m9jxnse] { display: inline-flex; flex-wrap: wrap; align-items: flex-end; gap: var(--espaco-linhas) var(--space-2); }
.etapa-acoes + .etapa-acoes[b-4n4m9jxnse] { padding-left: var(--space-2); border-left: var(--borda-fina) solid var(--border-subtle); }
.titulo-etapa[b-4n4m9jxnse] { display: inline-flex; align-items: center; height: var(--altura-controle); font-size: var(--texto-controle); color: var(--ink-muted); white-space: nowrap; }
/* /DesignSystem/FiltroPeriodo.razor.rz.scp.css */
/* O período num bloco à parte: as datas em cima e as opções embaixo, separado dos outros filtros por uma linha fina. */
.periodo[b-urg6opfzx9] {
  display: flex; flex-direction: column; gap: var(--borda-fina); padding-left: var(--space-2);
  border-left: var(--borda-fina) solid var(--border-subtle); align-self: flex-end;
}
.datas[b-urg6opfzx9] { display: flex; align-items: flex-end; gap: var(--espaco-linhas); }
.opcoes[b-urg6opfzx9] { display: flex; gap: var(--space-2); }
.erro[b-urg6opfzx9] { color: var(--red-text); font-size: var(--rotulo-campo); }
/* /DesignSystem/FiltrosMarcar.razor.rz.scp.css */
.marcar-2x2[b-qn276w2zgp] { display: grid; grid-template-rows: repeat(2, var(--altura-marcar)); grid-auto-flow: column; column-gap: var(--space-2); align-items: center; align-self: flex-end; }
/* /DesignSystem/FormularioEdicao.razor.rz.scp.css */
.formulario-edicao[b-s9ccp1ghoa] { display: contents; }
/* /DesignSystem/GradeComFiltro.razor.rz.scp.css */
/* A grade com filtro ocupa a largura da tela e é o contêiner que mede as colunas de prioridade da tabela (a tabela mesma fica
   na largura dos dados). */
.grade-filtro[b-qbxkoy6ip9] { container-type: inline-size; min-width: 0; }
/* A faixa dos filtros: os campos (quebrando linha se precisar), a lupa logo depois na mesma linha e as ações da tabela no
   canto direito. */
.filtros[b-qbxkoy6ip9] {
  display: flex; align-items: flex-end; gap: var(--space-2); padding: 0 0 var(--espaco-linhas);
  border-bottom: var(--borda-fina) solid var(--border-subtle);
}
.campos[b-qbxkoy6ip9] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--espaco-linhas) var(--space-2); min-width: 0; flex: 0 1 auto; }
/* As ações da lista logo depois da lupa (19/10/2026): só ícone, cada uma com moldura e o traço mais grosso. */
.acoes-faixa[b-qbxkoy6ip9] { display: inline-flex; gap: var(--space-1); align-items: flex-end; flex: none; }
.acoes-faixa[b-qbxkoy6ip9]  .botao { border-color: var(--border-card); }
.acoes-faixa[b-qbxkoy6ip9]  .botao:not(:disabled):hover { border-color: var(--border-gold); }
.acoes-faixa[b-qbxkoy6ip9]  .icone { stroke-width: var(--traco-icone-forte); }
.acoes-tabela[b-qbxkoy6ip9] {
  margin-left: auto; display: inline-flex; flex: none; align-self: flex-end;
  border: var(--borda-fina) solid var(--border-subtle); border-radius: var(--raio-controle); overflow: hidden;
}
.acoes-tabela[b-qbxkoy6ip9]  .botao { border: 0; border-radius: 0; }
.acoes-tabela[b-qbxkoy6ip9]  .botao + .botao { border-left: var(--borda-fina) solid var(--border-subtle); }
.acoes-tabela[b-qbxkoy6ip9]  .botao[data-acao=imprimir] { color: var(--ink-muted); }
.acoes-tabela[b-qbxkoy6ip9]  .botao[data-acao=excel] { color: var(--green-text); }
.acoes-tabela[b-qbxkoy6ip9]  .botao[data-acao=pdf] { color: var(--red-text); }
.acoes-tabela[b-qbxkoy6ip9]  .botao:disabled { opacity: .3; }
.vazio[b-qbxkoy6ip9] { padding: var(--space-3); text-align: center; color: var(--ink-muted); display: flex; flex-direction: column; align-items: center; gap: var(--space-1); font-size: var(--texto-controle); }
.vazio .titulo[b-qbxkoy6ip9] { color: var(--ink); font-size: var(--texto-controle); font-weight: var(--rotulo-peso); }
/* A barra de status: discreta (texto 10,5 em ink-muted, linha fina em cima). */
.status[b-qbxkoy6ip9] {
  display: flex; align-items: center; gap: var(--space-3); min-height: var(--altura-linha-grade); padding: var(--borda-fina) 0;
  border-top: var(--borda-fina) solid var(--border-subtle); color: var(--ink-muted); font-size: var(--grade-texto);
}
/* O conteúdo da barra: no rodapé, cada item é um item da barra; na última linha da tabela (TotaisNaBarra), uma faixa só, sem
   quebrar, no espaço antes da primeira coluna de valor. */
.status > .itens-status[b-qbxkoy6ip9] { display: contents; }
.itens-status[b-qbxkoy6ip9] { display: inline-flex; align-items: center; gap: var(--space-3); white-space: nowrap; vertical-align: middle; }
/* A grade na janela (NaJanela): os filtros em cima, a grade com o que sobra da altura e a barra de status embaixo. */
.grade-filtro.na-janela[b-qbxkoy6ip9] { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.grade-filtro.na-janela > .filtros[b-qbxkoy6ip9], .grade-filtro.na-janela > .status[b-qbxkoy6ip9], .grade-filtro.na-janela > .vazio[b-qbxkoy6ip9] { flex: none; }
.resumo[b-qbxkoy6ip9] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* As páginas logo depois da contagem e do resumo (a barra não espalha os itens pela largura da tela). */
.paginas[b-qbxkoy6ip9] { display: inline-flex; align-items: center; gap: var(--space-1); }
.andamento[b-qbxkoy6ip9] { color: var(--link); }
/* A legenda das cores da grade (ex.: Central do produto), discreta, entre os filtros e a tabela. */
.legenda[b-qbxkoy6ip9] {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); padding: var(--borda-fina) 0;
  color: var(--ink-muted); font-size: var(--grade-texto);
}
/* /DesignSystem/GraficoBarras.razor.rz.scp.css */
.grafico[b-o6ecw1c7nz] { display: flex; flex-direction: column; gap: var(--space-1); }
.grafico svg[b-o6ecw1c7nz] { width: 100%; height: var(--grafico-altura); }
.barra[b-o6ecw1c7nz] { fill: var(--green); }
.barra-abaixo[b-o6ecw1c7nz] { fill: var(--red); }
.linha[b-o6ecw1c7nz] { fill: none; stroke: var(--yellow); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
/* Nas barras em 3D (amarelas no meio do caminho), a linha do ticket médio na cor do texto, para não sumir nelas. */
.linha-3d[b-o6ecw1c7nz] { stroke: var(--ink); }
.grafico svg[b-o6ecw1c7nz] { overflow: visible; }
.rotulos[b-o6ecw1c7nz] { display: flex; justify-content: space-around; font-size: var(--pequeno-tamanho); color: var(--ink-muted); }
.rotulos span[b-o6ecw1c7nz] { flex: 1; text-align: center; display: flex; flex-direction: column; align-items: center; line-height: var(--pequeno-linha); }
.rotulos small[b-o6ecw1c7nz] { font-size: inherit; }
.rotulos .domingo[b-o6ecw1c7nz] { color: var(--red); font-weight: var(--peso-forte); }
.rotulos .sabado[b-o6ecw1c7nz] { color: var(--yellow); font-weight: var(--peso-forte); }
.legenda[b-o6ecw1c7nz] { font-size: var(--pequeno-tamanho); color: var(--ink-muted); }
.sem-dados[b-o6ecw1c7nz] { font-size: var(--rotulo-tamanho); color: var(--ink-muted); padding: var(--space-3) 0; }
/* As barras em 3D: a cor do degrau (do vermelho ao verde), o topo mais claro e a lateral mais escura. */
.degrau-0[b-o6ecw1c7nz] { fill: var(--barra3d-0); }
.degrau-1[b-o6ecw1c7nz] { fill: var(--barra3d-1); }
.degrau-2[b-o6ecw1c7nz] { fill: var(--barra3d-2); }
.degrau-3[b-o6ecw1c7nz] { fill: var(--barra3d-3); }
.degrau-4[b-o6ecw1c7nz] { fill: var(--barra3d-4); }
.degrau-5[b-o6ecw1c7nz] { fill: var(--barra3d-5); }
.degrau-6[b-o6ecw1c7nz] { fill: var(--barra3d-6); }
.degrau-7[b-o6ecw1c7nz] { fill: var(--barra3d-7); }
.degrau-8[b-o6ecw1c7nz] { fill: var(--barra3d-8); }
.degrau-9[b-o6ecw1c7nz] { fill: var(--barra3d-9); }
.degrau-10[b-o6ecw1c7nz] { fill: var(--barra3d-10); }
.barra-3d .topo[b-o6ecw1c7nz] { filter: brightness(1.3); }
.barra-3d .lateral[b-o6ecw1c7nz] { filter: brightness(0.7); }
/* O movimento (19/10/2026): as barras nascem da base (as de saída, do meio para baixo), uma depois da outra, e a linha do ticket aparece depois delas. */
.barra[b-o6ecw1c7nz], .barra-abaixo[b-o6ecw1c7nz], .barra-3d[b-o6ecw1c7nz] { transform-box: fill-box; transform-origin: 50% 100%; animation: mov-crescer-y var(--tempo-grafico) ease-out backwards; }
.barra-abaixo[b-o6ecw1c7nz] { transform-origin: 50% 0; }
.linha[b-o6ecw1c7nz] { animation: mov-aparecer var(--tempo-grafico) ease-out calc(var(--tempo-grafico) + var(--espera-bloco, 0s)) backwards; }
.grafico svg > :nth-child(1)[b-o6ecw1c7nz] { animation-delay: calc(0 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(2)[b-o6ecw1c7nz] { animation-delay: calc(1 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(3)[b-o6ecw1c7nz] { animation-delay: calc(2 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(4)[b-o6ecw1c7nz] { animation-delay: calc(3 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(5)[b-o6ecw1c7nz] { animation-delay: calc(4 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(6)[b-o6ecw1c7nz] { animation-delay: calc(5 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(7)[b-o6ecw1c7nz] { animation-delay: calc(6 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(8)[b-o6ecw1c7nz] { animation-delay: calc(7 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(9)[b-o6ecw1c7nz] { animation-delay: calc(8 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(10)[b-o6ecw1c7nz] { animation-delay: calc(9 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(11)[b-o6ecw1c7nz] { animation-delay: calc(10 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(12)[b-o6ecw1c7nz] { animation-delay: calc(11 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(13)[b-o6ecw1c7nz] { animation-delay: calc(12 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(14)[b-o6ecw1c7nz] { animation-delay: calc(13 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(15)[b-o6ecw1c7nz] { animation-delay: calc(14 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(16)[b-o6ecw1c7nz] { animation-delay: calc(15 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(17)[b-o6ecw1c7nz] { animation-delay: calc(16 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(18)[b-o6ecw1c7nz] { animation-delay: calc(17 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(19)[b-o6ecw1c7nz] { animation-delay: calc(18 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(20)[b-o6ecw1c7nz] { animation-delay: calc(19 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(21)[b-o6ecw1c7nz] { animation-delay: calc(20 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(22)[b-o6ecw1c7nz] { animation-delay: calc(21 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(23)[b-o6ecw1c7nz] { animation-delay: calc(22 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(24)[b-o6ecw1c7nz] { animation-delay: calc(23 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(25)[b-o6ecw1c7nz] { animation-delay: calc(24 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(26)[b-o6ecw1c7nz] { animation-delay: calc(25 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(27)[b-o6ecw1c7nz] { animation-delay: calc(26 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(28)[b-o6ecw1c7nz] { animation-delay: calc(27 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(29)[b-o6ecw1c7nz] { animation-delay: calc(28 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(30)[b-o6ecw1c7nz] { animation-delay: calc(29 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(31)[b-o6ecw1c7nz] { animation-delay: calc(30 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(32)[b-o6ecw1c7nz] { animation-delay: calc(31 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(33)[b-o6ecw1c7nz] { animation-delay: calc(32 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(34)[b-o6ecw1c7nz] { animation-delay: calc(33 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(35)[b-o6ecw1c7nz] { animation-delay: calc(34 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(36)[b-o6ecw1c7nz] { animation-delay: calc(35 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(37)[b-o6ecw1c7nz] { animation-delay: calc(36 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(38)[b-o6ecw1c7nz] { animation-delay: calc(37 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(39)[b-o6ecw1c7nz] { animation-delay: calc(38 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(40)[b-o6ecw1c7nz] { animation-delay: calc(39 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(41)[b-o6ecw1c7nz] { animation-delay: calc(40 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(42)[b-o6ecw1c7nz] { animation-delay: calc(41 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(43)[b-o6ecw1c7nz] { animation-delay: calc(42 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(44)[b-o6ecw1c7nz] { animation-delay: calc(43 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(45)[b-o6ecw1c7nz] { animation-delay: calc(44 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(46)[b-o6ecw1c7nz] { animation-delay: calc(45 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(47)[b-o6ecw1c7nz] { animation-delay: calc(46 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(48)[b-o6ecw1c7nz] { animation-delay: calc(47 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(49)[b-o6ecw1c7nz] { animation-delay: calc(48 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(50)[b-o6ecw1c7nz] { animation-delay: calc(49 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(51)[b-o6ecw1c7nz] { animation-delay: calc(50 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(52)[b-o6ecw1c7nz] { animation-delay: calc(51 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(53)[b-o6ecw1c7nz] { animation-delay: calc(52 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(54)[b-o6ecw1c7nz] { animation-delay: calc(53 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(55)[b-o6ecw1c7nz] { animation-delay: calc(54 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(56)[b-o6ecw1c7nz] { animation-delay: calc(55 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(57)[b-o6ecw1c7nz] { animation-delay: calc(56 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(58)[b-o6ecw1c7nz] { animation-delay: calc(57 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(59)[b-o6ecw1c7nz] { animation-delay: calc(58 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(60)[b-o6ecw1c7nz] { animation-delay: calc(59 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(61)[b-o6ecw1c7nz] { animation-delay: calc(60 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(62)[b-o6ecw1c7nz] { animation-delay: calc(61 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(63)[b-o6ecw1c7nz] { animation-delay: calc(62 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > :nth-child(64)[b-o6ecw1c7nz] { animation-delay: calc(63 * var(--atraso-barra) + var(--espera-bloco, 0s)); }
.grafico svg > .linha[b-o6ecw1c7nz] { animation-delay: calc(var(--tempo-grafico) + var(--espera-bloco, 0s)); }
@media (prefers-reduced-motion: reduce) { .barra[b-o6ecw1c7nz], .barra-abaixo[b-o6ecw1c7nz], .barra-3d[b-o6ecw1c7nz], .linha[b-o6ecw1c7nz] { animation: none; } }
/* /DesignSystem/GraficoBarrasHorizontais.razor.rz.scp.css */
/* Barras horizontais (texto 11 da densidade compacta): o rótulo numa coluna à esquerda (na largura do maior rótulo) e a área
   das barras no resto. A área tem à direita o espaço do valor (grafico-reserva-valor): a % da barra é medida sem ele, por isso a
   maior barra (100%) termina onde começa o valor dela, e todas ficam na mesma proporção. */
.grafico-h[b-n09og5dnzm] { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; font-size: var(--texto-controle); }
.titulo[b-n09og5dnzm] { color: var(--ink-muted); font-size: var(--texto-controle); }
.linhas[b-n09og5dnzm] {
  display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: center;
  column-gap: var(--space-2); row-gap: var(--borda-fina);
}
.rotulo[b-n09og5dnzm] { color: var(--ink-muted); white-space: nowrap; line-height: var(--altura-linha-grade); }
.trilho[b-n09og5dnzm] {
  display: flex; align-items: center; gap: var(--space-1); min-width: 0; height: var(--altura-linha-grade);
  padding-right: var(--grafico-reserva-valor); overflow: visible;
}
.barra[b-n09og5dnzm] { flex: none; height: var(--barra-horizontal-altura); overflow: visible; }
.barra rect[b-n09og5dnzm] { fill: var(--orange); }
.valor[b-n09og5dnzm] { flex: none; color: var(--ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.sem-dados[b-n09og5dnzm] { color: var(--ink-muted); padding: var(--space-3) 0; }
/* /DesignSystem/GraficoPizza3D.razor.rz.scp.css */
.pizza-bloco[b-sulxkjuhuc] { display: flex; flex-direction: column; gap: var(--space-2); }
.pizza[b-sulxkjuhuc] { display: flex; align-items: center; gap: var(--space-3); }
.pizza svg[b-sulxkjuhuc] { width: var(--pizza-largura); height: auto; flex: none; overflow: visible; }
/* O total em cima do gráfico, no tamanho dos números de indicador (como na rosca). */
.total[b-sulxkjuhuc] { font-size: var(--numero-kpi-tamanho); line-height: var(--numero-kpi-linha); font-weight: var(--numero-kpi-peso); color: var(--ink); white-space: nowrap; }
.lado-legenda[b-sulxkjuhuc] { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; }
.legenda[b-sulxkjuhuc] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--rotulo-tamanho); }
.legenda li[b-sulxkjuhuc] { white-space: nowrap; }
.legenda b[b-sulxkjuhuc] { margin-left: var(--space-1); }
.marca[b-sulxkjuhuc] { display: inline-block; width: var(--space-2); height: var(--space-2); border-radius: var(--radius-sm); margin-right: var(--space-1); }
.sem-dados[b-sulxkjuhuc] { font-size: var(--rotulo-tamanho); color: var(--ink-muted); padding: var(--space-3) 0; }
/* A espessura mais escura que o topo e o brilho no topo (o degradê da luz). */
.parede[b-sulxkjuhuc] { filter: brightness(0.68); }
.lado[b-sulxkjuhuc] { filter: brightness(0.55); }
.brilho[b-sulxkjuhuc] { pointer-events: none; }
.luz[b-sulxkjuhuc] { stop-color: var(--brilho-3d); }
.escuro[b-sulxkjuhuc] { stop-color: var(--sombra-3d); }
/* As 12 cores fortes (as mesmas da rosca, tokens --rosca-0 a --rosca-11). */
.cor-0 :is(.topo, .parede, .lado)[b-sulxkjuhuc] { fill: var(--rosca-0); } .marca.cor-0[b-sulxkjuhuc] { background: var(--rosca-0); }
.cor-1 :is(.topo, .parede, .lado)[b-sulxkjuhuc] { fill: var(--rosca-1); } .marca.cor-1[b-sulxkjuhuc] { background: var(--rosca-1); }
.cor-2 :is(.topo, .parede, .lado)[b-sulxkjuhuc] { fill: var(--rosca-2); } .marca.cor-2[b-sulxkjuhuc] { background: var(--rosca-2); }
.cor-3 :is(.topo, .parede, .lado)[b-sulxkjuhuc] { fill: var(--rosca-3); } .marca.cor-3[b-sulxkjuhuc] { background: var(--rosca-3); }
.cor-4 :is(.topo, .parede, .lado)[b-sulxkjuhuc] { fill: var(--rosca-4); } .marca.cor-4[b-sulxkjuhuc] { background: var(--rosca-4); }
.cor-5 :is(.topo, .parede, .lado)[b-sulxkjuhuc] { fill: var(--rosca-5); } .marca.cor-5[b-sulxkjuhuc] { background: var(--rosca-5); }
.cor-6 :is(.topo, .parede, .lado)[b-sulxkjuhuc] { fill: var(--rosca-6); } .marca.cor-6[b-sulxkjuhuc] { background: var(--rosca-6); }
.cor-7 :is(.topo, .parede, .lado)[b-sulxkjuhuc] { fill: var(--rosca-7); } .marca.cor-7[b-sulxkjuhuc] { background: var(--rosca-7); }
.cor-8 :is(.topo, .parede, .lado)[b-sulxkjuhuc] { fill: var(--rosca-8); } .marca.cor-8[b-sulxkjuhuc] { background: var(--rosca-8); }
.cor-9 :is(.topo, .parede, .lado)[b-sulxkjuhuc] { fill: var(--rosca-9); } .marca.cor-9[b-sulxkjuhuc] { background: var(--rosca-9); }
.cor-10 :is(.topo, .parede, .lado)[b-sulxkjuhuc] { fill: var(--rosca-10); } .marca.cor-10[b-sulxkjuhuc] { background: var(--rosca-10); }
.cor-11 :is(.topo, .parede, .lado)[b-sulxkjuhuc] { fill: var(--rosca-11); } .marca.cor-11[b-sulxkjuhuc] { background: var(--rosca-11); }
/* O movimento (19/10/2026): a pizza cresce de 0 até o tamanho dela (não gira). */
.pizza svg[b-sulxkjuhuc] { transform-origin: 50% 50%; animation: mov-inflar var(--tempo-grafico) ease-out var(--espera-bloco, 0s) backwards; }
@media (prefers-reduced-motion: reduce) { .pizza svg[b-sulxkjuhuc] { animation: none; } }
/* /DesignSystem/GraficoRosca.razor.rz.scp.css */
.rosca-bloco[b-giahv1slnb] { display: flex; flex-direction: column; gap: var(--space-2); }
.rosca[b-giahv1slnb] { display: flex; align-items: center; gap: var(--space-3); }
.rosca svg[b-giahv1slnb] { width: var(--rosca-tamanho); height: var(--rosca-tamanho); flex: none; }
.fundo[b-giahv1slnb] { fill: none; stroke: var(--border-card); stroke-width: 6; }
.fatia[b-giahv1slnb] { fill: none; stroke-width: 6; }
/* O total fica em cima do gráfico, no tamanho dos números de indicador (17/10/2026; antes, em cima da legenda e menor). */
.lado[b-giahv1slnb] { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; }
.total[b-giahv1slnb] { font-size: var(--numero-kpi-tamanho); line-height: var(--numero-kpi-linha); font-weight: var(--numero-kpi-peso); color: var(--ink); white-space: nowrap; }
.legenda[b-giahv1slnb] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--rotulo-tamanho); }
.legenda li[b-giahv1slnb] { white-space: nowrap; }
.legenda b[b-giahv1slnb] { margin-left: var(--space-1); }
.marca[b-giahv1slnb] { display: inline-block; width: var(--space-2); height: var(--space-2); border-radius: var(--radius-sm); margin-right: var(--space-1); }
.sem-dados[b-giahv1slnb] { font-size: var(--rotulo-tamanho); color: var(--ink-muted); padding: var(--space-3) 0; }
/* As 12 cores fortes da rosca (tokens --rosca-0 a --rosca-11). */
.cor-0[b-giahv1slnb] { stroke: var(--rosca-0); } .marca.cor-0[b-giahv1slnb] { background: var(--rosca-0); }
.cor-1[b-giahv1slnb] { stroke: var(--rosca-1); } .marca.cor-1[b-giahv1slnb] { background: var(--rosca-1); }
.cor-2[b-giahv1slnb] { stroke: var(--rosca-2); } .marca.cor-2[b-giahv1slnb] { background: var(--rosca-2); }
.cor-3[b-giahv1slnb] { stroke: var(--rosca-3); } .marca.cor-3[b-giahv1slnb] { background: var(--rosca-3); }
.cor-4[b-giahv1slnb] { stroke: var(--rosca-4); } .marca.cor-4[b-giahv1slnb] { background: var(--rosca-4); }
.cor-5[b-giahv1slnb] { stroke: var(--rosca-5); } .marca.cor-5[b-giahv1slnb] { background: var(--rosca-5); }
.cor-6[b-giahv1slnb] { stroke: var(--rosca-6); } .marca.cor-6[b-giahv1slnb] { background: var(--rosca-6); }
.cor-7[b-giahv1slnb] { stroke: var(--rosca-7); } .marca.cor-7[b-giahv1slnb] { background: var(--rosca-7); }
.cor-8[b-giahv1slnb] { stroke: var(--rosca-8); } .marca.cor-8[b-giahv1slnb] { background: var(--rosca-8); }
.cor-9[b-giahv1slnb] { stroke: var(--rosca-9); } .marca.cor-9[b-giahv1slnb] { background: var(--rosca-9); }
.cor-10[b-giahv1slnb] { stroke: var(--rosca-10); } .marca.cor-10[b-giahv1slnb] { background: var(--rosca-10); }
.cor-11[b-giahv1slnb] { stroke: var(--rosca-11); } .marca.cor-11[b-giahv1slnb] { background: var(--rosca-11); }
/* O movimento (19/10/2026): cada fatia cresce de 0 até o tamanho dela, na ordem. */
.fatia[b-giahv1slnb] { animation: mov-rosca var(--tempo-grafico) ease-out var(--espera-bloco, 0s) backwards; }
@media (prefers-reduced-motion: reduce) { .fatia[b-giahv1slnb] { animation: none; } }
/* /DesignSystem/Icone.razor.rz.scp.css */
.icone[b-80owwnffj1] { width: var(--icone); height: var(--icone); stroke: currentColor; fill: none; stroke-width: var(--traco-icone); stroke-linecap: round; stroke-linejoin: round; flex: none; }
.icone.pequeno[b-80owwnffj1] { width: var(--icone-pequeno); height: var(--icone-pequeno); }
/* /DesignSystem/LinhaCampos.razor.rz.scp.css */
/* Os campos lado a lado, alinhados pela base, quebrando linha quando não cabem: 8 entre os campos, 6 entre as linhas. */
.linha-campos[b-jy3fhzgfjh] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--espaco-linhas) var(--space-2); min-width: 0; }
/* /DesignSystem/ListaEscolha.razor.rz.scp.css */
.lista[b-bueg4ddk7n] { position: relative; display: flex; align-items: center; }
.lista[b-bueg4ddk7n]  .icone { position: absolute; right: var(--space-1); width: var(--icone-controle); height: var(--icone-controle); color: var(--ink-muted); pointer-events: none; }
.lista[b-bueg4ddk7n]  .entrada { padding-right: calc(var(--icone-controle) + var(--space-2)); }
/* A lista aberta na moldura do campo (pedido do usuário em 17/10/2026, "melhorar a moldura dos Listbox"): a mesma borda (borda-campo),
   o mesmo fundo (surface-raised) e os cantos do campo, com a sombra dos menus por cima da tela. */
.opcoes[b-bueg4ddk7n] {
  position: absolute; top: calc(100% + var(--space-1)); left: 0; z-index: 30; margin: 0; padding: var(--space-1);
  list-style: none; max-height: calc(var(--altura-marcar) * 12); overflow-y: auto; min-width: 100%; width: max-content; max-width: var(--largura-extra-longo);
  background: var(--surface-raised); border: var(--borda-campo-largura) solid var(--borda-campo); border-radius: var(--raio-controle);
  box-shadow: 0 var(--space-1) var(--space-3) var(--sombra-menu);
}
.opcoes li[b-bueg4ddk7n] { min-height: var(--altura-marcar); line-height: var(--altura-marcar); padding: 0 var(--espaco-linhas); border-radius: var(--raio-controle); cursor: pointer; font-size: var(--texto-controle); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.opcoes li.destaque[b-bueg4ddk7n] { background: var(--selecao-ouro); color: var(--gold-light); }
.opcoes li.nada[b-bueg4ddk7n] { color: var(--ink-muted); cursor: default; }
/* A largura pelas opções (faixa de filtros, Empresa): a medida invisível, com os maiores nomes um embaixo do outro, dá a largura
   (o texto, o recuo do campo e o lugar da seta) e a entrada a cobre por inteiro; mínimo e máximo pelos tokens. */
.lista.pelas-opcoes[b-bueg4ddk7n] { display: inline-flex; min-width: var(--largura-lista-minima); max-width: var(--largura-lista-maxima); }
.medida[b-bueg4ddk7n] {
  display: flex; flex-direction: column; height: var(--altura-controle); overflow: hidden; visibility: hidden; pointer-events: none;
  padding: 0 calc(var(--icone-controle) + var(--space-2)) 0 var(--espaco-linhas); border: var(--borda-fina) solid transparent;
  font-size: var(--texto-controle); font-weight: var(--corpo-peso); line-height: var(--altura-controle); white-space: nowrap;
}
.pelas-opcoes .entrada[b-bueg4ddk7n] { position: absolute; inset: 0; width: 100%; }
/* /DesignSystem/ManterAbas.razor.rz.scp.css */
/* A aba escondida não aparece nem ocupa espaço (o hidden vence o display das telas). */
.aba-mantida[hidden][b-xnhfn05jmy] { display: none !important; }
/* /DesignSystem/Mensagens.razor.rz.scp.css */
/* A confirmação verde no centro: não bloqueia (sem clique nem foco) e some em 3 s. */
.confirmacao[b-nuh1acq8mj] {
  position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 95; pointer-events: none;
  max-width: min(var(--lado-modal), calc(100vw - var(--space-4))); padding: var(--space-2) var(--space-3); text-align: center;
  background: var(--aviso-ok-fundo); border: var(--borda-fina) solid var(--aviso-ok-borda); border-radius: var(--raio-controle);
  color: var(--ink); font-size: var(--texto-controle); animation: some-b-nuh1acq8mj var(--tempo-aviso) ease-in forwards;
}
.confirmacao.informacao[b-nuh1acq8mj] { background: var(--surface); border-color: var(--border-card); }
@keyframes some-b-nuh1acq8mj { 0%, 80% { opacity: 1; } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .confirmacao[b-nuh1acq8mj] { animation: none; } }
.fazer[b-nuh1acq8mj] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* /DesignSystem/ModalQuadrado.razor.rz.scp.css */
.fundo[b-06wr4gm2ub] { position: fixed; inset: 0; z-index: 90; background: var(--sombra-menu); display: flex; align-items: center; justify-content: center; }
.fundo:focus[b-06wr4gm2ub] { outline: none; }
.modal[b-06wr4gm2ub] {
  min-width: min(var(--lado-modal), calc(100vw - var(--space-4))); min-height: var(--lado-modal);
  max-width: min(calc(var(--lado-modal) * 2.25), calc(100vw - var(--space-4))); max-height: calc(100vh - var(--space-4)); overflow: auto;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-2); text-align: center;
  background: var(--surface); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-sm); padding: var(--space-3);
}
.sinal[b-06wr4gm2ub] { width: var(--icone-modal); height: var(--icone-modal); flex: none; }
.sinal svg[b-06wr4gm2ub] { width: 100%; height: 100%; }
.alerta .forma[b-06wr4gm2ub] { fill: var(--yellow); stroke: var(--yellow); stroke-width: 4; stroke-linejoin: round; }
.pergunta .forma[b-06wr4gm2ub] { fill: var(--red); }
.alerta .marca[b-06wr4gm2ub], .pergunta .marca[b-06wr4gm2ub] { fill: none; stroke: var(--modal-sinal-texto); stroke-width: 5; stroke-linecap: round; }
.salvar .contorno[b-06wr4gm2ub] { fill: none; stroke: var(--green); stroke-width: 3; }
.salvar .check[b-06wr4gm2ub] { fill: none; stroke: var(--green); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
h2[b-06wr4gm2ub] { margin: 0; font-size: var(--texto-modal-titulo); font-weight: var(--titulo-cartao-peso); }
p[b-06wr4gm2ub] { margin: 0; font-size: var(--texto-controle); color: var(--ink); white-space: pre-line; }
.botoes[b-06wr4gm2ub] { display: flex; justify-content: center; gap: var(--space-2); padding-top: var(--space-1); }
.botoes[b-06wr4gm2ub]  button.modal-botao {
  min-width: var(--largura-mini); height: var(--altura-controle); padding: 0 var(--space-3); border-radius: var(--raio-controle);
  border: var(--borda-fina) solid var(--border-subtle); background: var(--surface-raised); color: var(--ink);
  font-size: var(--texto-controle); font-weight: var(--corpo-peso); cursor: pointer;
}
.botoes[b-06wr4gm2ub]  button.modal-botao.principal { background: var(--blue); border-color: var(--blue); color: var(--texto-sobre-cor); }
.botoes[b-06wr4gm2ub]  button.modal-botao:hover { border-color: var(--border-gold); }
/* /DesignSystem/SeletorVisao.razor.rz.scp.css */
/* O seletor de visão: o rótulo discreto e as opções num grupo segmentado (contorno fino, divisórias entre as opções), na medida
   das abas (24 de altura, texto 11); a marcada em ouro, como a aba ativa. Do tamanho do conteúdo (nunca estica). */
.seletor-visao[b-wi2i8n424h] { display: inline-flex; align-items: center; gap: var(--space-2); flex-wrap: wrap; }
.rotulo-visao[b-wi2i8n424h] { color: var(--ink-muted); font-size: var(--rotulo-campo); }
.opcoes[b-wi2i8n424h] {
  display: inline-flex; flex-wrap: wrap; border: var(--borda-fina) solid var(--border-subtle); border-radius: var(--radius-pill); overflow: hidden;
}
.opcao-visao[b-wi2i8n424h] {
  display: inline-flex; align-items: center; height: var(--altura-aba); padding: 0 var(--space-3); border: 0; background: none;
  color: var(--ink); font-size: var(--texto-controle); line-height: var(--altura-aba); white-space: nowrap; cursor: pointer;
}
.opcao-visao + .opcao-visao[b-wi2i8n424h] { border-left: var(--borda-fina) solid var(--border-subtle); }
.opcao-visao:hover[b-wi2i8n424h] { color: var(--gold-light); }
.opcao-visao.marcada[b-wi2i8n424h] {
  background: radial-gradient(ellipse at 50% 40%, var(--ativo-ouro-centro), var(--ativo-ouro-borda) 70%); color: var(--gold-light);
  font-weight: var(--peso-forte);
}
.opcao-visao:focus-visible[b-wi2i8n424h] { outline: var(--borda-forte) solid var(--gold); outline-offset: calc(var(--borda-forte) * -1); }
/* /DesignSystem/Selo.razor.rz.scp.css */
/* Selo mini da grade (14 × 14): o fundo e a borda na cor da família, o glifo em traço por cima (cores fortes do tema, as mesmas
   nos dois temas; o "aguardando" de fundo claro e borda âmbar grossa, de propósito diferente dos selos escuros ao lado). */
.selo[b-9toy4occuv] { width: var(--selo-mini); height: var(--selo-mini); flex: none; display: block; overflow: visible; }
.forma[b-9toy4occuv] { stroke-width: var(--borda-fina); stroke-linejoin: round; }
.glifo[b-9toy4occuv] { fill: none; stroke-width: var(--traco-selo); stroke-linecap: round; stroke-linejoin: round; }
.ok .forma[b-9toy4occuv] { fill: var(--green); stroke: var(--green); }
.ok .glifo[b-9toy4occuv] { stroke: var(--texto-sobre-cor); }
.aviso .forma[b-9toy4occuv] { fill: var(--yellow); stroke: var(--yellow); }
.aviso .glifo[b-9toy4occuv] { stroke: var(--texto-sobre-amarelo); }
.erro .forma[b-9toy4occuv] { fill: var(--red); stroke: var(--red); }
.erro .glifo[b-9toy4occuv] { stroke: var(--texto-sobre-cor); }
.neutro .forma[b-9toy4occuv] { fill: var(--surface-raised); stroke: var(--border-subtle); }
.neutro .glifo[b-9toy4occuv] { stroke: var(--ink-muted); }
.pendente .forma[b-9toy4occuv] { fill: var(--selo-pendente-fundo); stroke: var(--yellow); stroke-width: var(--borda-selo-pendente); }
.pendente .glifo[b-9toy4occuv] { stroke: var(--selo-pendente-simbolo); stroke-width: var(--borda-forte); }
.triangulo .glifo[b-9toy4occuv] { stroke-width: var(--borda-selo-pendente); }
/* /DesignSystem/TabelaEdicao.razor.rz.scp.css */
/* A tabela de edição com as medidas da grade do ERP desktop: cabeçalho 20 discreto, texto 10,5, zebra muito sutil; os campos
   de 22 na linha (a linha cresce só o que o campo pede) e o rótulo do campo escondido (fica para o leitor de tela). */
.tabela-edicao[b-3s468tlb7l] { min-width: 0; overflow-x: auto; }
.tabela[b-3s468tlb7l] { border-collapse: collapse; font-size: var(--grade-texto); line-height: var(--altura-linha-grade); }
.tabela th[b-3s468tlb7l] {
  height: var(--altura-linha-grade); padding: 0; text-align: left; white-space: nowrap;
  border-bottom: var(--borda-fina) solid var(--border-subtle); color: var(--ink-muted);
  font-size: var(--grade-cabecalho); font-weight: var(--corpo-peso); text-transform: none;
}
.tabela th.direita[b-3s468tlb7l] { text-align: right; }
/* O título ordena (como a TabelaGrade): o botão ocupa a célula, com a seta dourada da coluna escolhida. */
.ordenar[b-3s468tlb7l] {
  display: inline-flex; align-items: center; gap: var(--borda-fina); width: 100%; height: var(--altura-linha-grade); padding: 0 var(--espaco-linhas);
  background: none; border: 0; color: inherit; font: inherit; cursor: pointer; white-space: nowrap;
}
.direita .ordenar[b-3s468tlb7l] { justify-content: flex-end; }
.titulo-fixo[b-3s468tlb7l] { display: block; padding: 0 var(--espaco-linhas); }
.ordenar[b-3s468tlb7l]  .icone { width: var(--grade-cabecalho); height: var(--grade-cabecalho); color: var(--gold); }
.tabela[b-3s468tlb7l]  td {
  height: var(--altura-linha-grade); padding: var(--borda-fina) var(--espaco-linhas); white-space: nowrap; color: var(--ink);
  border-bottom: var(--borda-fina) solid var(--border-subtle); vertical-align: middle;
}
.tabela[b-3s468tlb7l]  td.direita { text-align: right; }
.tabela[b-3s468tlb7l]  td.mono { font-family: var(--fonte-mono); }
.tabela tbody tr:nth-child(even)[b-3s468tlb7l] { background: var(--zebra); }
.tabela[b-3s468tlb7l]  .campo .rotulo { position: absolute; width: var(--borda-fina); height: var(--borda-fina); overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.nada[b-3s468tlb7l] { color: var(--ink-muted); font-size: var(--grade-texto); }
/* /DesignSystem/TabelaGrade.razor.rz.scp.css */
/* A tabela de toda grade, com as medidas do ERP desktop: linha 20, texto 10,5; cabeçalho 20, discreto (texto 10 em ink-muted,
   peso normal, sem caixa alta e sem faixa de fundo, só a linha fina embaixo); zebra muito sutil; seleção com a barra dourada
   de 2 px à esquerda; destaque só na célula, nas cores suaves da grade. */
/* A tabela tem a LARGURA DOS DADOS (pedido do usuário em 11/10/2026: coluna da largura dos dados, sem sobra): width auto com
   o layout automático, nunca 100% (a sobra se espalharia entre as colunas). A área da grade rola na horizontal quando a tabela
   não cabe, mas não estica a tabela. Quem mede a largura para as colunas de prioridade é a GradeComFiltro (o contêiner dela);
   a tabela simples fica na largura dos dados, mesmo lado a lado com outra. */
.grade[b-s6sllus3hq] { position: relative; min-width: 0; }
.rolagem[b-s6sllus3hq] { overflow-x: auto; }
.tabela[b-s6sllus3hq] { width: auto; border-collapse: collapse; font-size: var(--grade-texto); line-height: var(--altura-linha-grade); }
.tabela th[b-s6sllus3hq] {
  height: var(--altura-linha-grade); padding: 0; text-align: left; white-space: nowrap;
  border-bottom: var(--borda-fina) solid var(--border-subtle); color: var(--ink-muted);
  font-size: var(--grade-cabecalho); font-weight: var(--corpo-peso); text-transform: none;
}
.ordenar[b-s6sllus3hq] {
  display: inline-flex; align-items: center; gap: var(--borda-fina); width: 100%; height: var(--altura-linha-grade); padding: 0 var(--espaco-linhas);
  background: none; border: 0; color: inherit; font: inherit; cursor: pointer; white-space: nowrap;
}
.direita .ordenar[b-s6sllus3hq] { justify-content: flex-end; }
/* Coluna que a API não ordena (grade paginada no banco): o título sem o botão, no mesmo lugar. */
.titulo-fixo[b-s6sllus3hq] { display: block; padding: 0 var(--espaco-linhas); }
.ordenar[b-s6sllus3hq]  .icone { width: var(--grade-cabecalho); height: var(--grade-cabecalho); color: var(--gold); }
.tabela td[b-s6sllus3hq] {
  height: var(--altura-linha-grade); padding: 0 var(--espaco-linhas); white-space: nowrap; color: var(--ink);
  border-bottom: var(--borda-fina) solid var(--border-subtle);
}
/* Texto longo corta com "…" (o inteiro na dica): no layout automático o max-width da célula não vale, por isso o corte fica
   num span de dentro, com o máximo extra-longo. */
.tabela td.texto .corta[b-s6sllus3hq] { display: inline-block; max-width: var(--largura-extra-longo); overflow: hidden; text-overflow: ellipsis; vertical-align: top; }
.tabela tbody tr:nth-child(even)[b-s6sllus3hq] { background: var(--zebra); }
/* Zebra por família (a cor da tela, a 5%): Contas a Pagar em perigo, Contas a Receber em ok. */
.tabela.zebra-perigo tbody tr:nth-child(even)[b-s6sllus3hq] { background: var(--zebra-perigo); }
.tabela.zebra-ok tbody tr:nth-child(even)[b-s6sllus3hq] { background: var(--zebra-ok); }
.tabela tbody tr.clicavel[b-s6sllus3hq] { cursor: pointer; }
.tabela tbody tr.clicavel:hover[b-s6sllus3hq], .tabela tbody tr.clicavel:nth-child(even):hover[b-s6sllus3hq] { background: var(--selecao-ouro); }
.tabela tbody tr.selecionada[b-s6sllus3hq], .tabela tbody tr.selecionada:nth-child(even)[b-s6sllus3hq] { background: var(--selecao-ouro); }
.tabela tbody tr.selecionada td:first-child[b-s6sllus3hq] { box-shadow: inset var(--barra-selecao) 0 0 var(--gold); }
.tabela tbody tr:focus-visible[b-s6sllus3hq] { outline: var(--borda-fina) solid var(--gold); outline-offset: calc(var(--borda-fina) * -1); }
.direita[b-s6sllus3hq] { text-align: right; }
.marcar[b-s6sllus3hq] { width: var(--altura-controle); text-align: center; }
.marcar[b-s6sllus3hq]  .caixa { min-height: 0; }
/* O estado do registro inteiro (inativo, cancelado) apaga a linha; a cor de situação fica só na célula, suave. */
.tabela tr.apagada td[b-s6sllus3hq] { color: var(--ink-muted); }
.tabela tr.riscada td[b-s6sllus3hq] { color: var(--ink-muted); text-decoration: line-through; }
.tabela tr.total td[b-s6sllus3hq] { font-weight: var(--peso-forte); }
/* O título atrasado: só o TEXTO da linha inteira em vermelho suave (sem fundo e sem negrito; decisão do usuário em 11/10/2026). */
.tabela tr.texto-perigo td[b-s6sllus3hq] { color: var(--grade-perigo); }
/* Os selos mini lado a lado (a Situação dos títulos). */
.tabela td.selos[b-s6sllus3hq] { width: 1%; }
.selos[b-s6sllus3hq] { display: inline-flex; align-items: center; gap: var(--borda-forte); vertical-align: middle; }
.tabela td.ok[b-s6sllus3hq] { color: var(--grade-ok); }
.tabela td.atencao[b-s6sllus3hq] { color: var(--grade-aviso); }
.tabela td.perigo[b-s6sllus3hq] { color: var(--grade-perigo); font-weight: var(--rotulo-peso); }
.tabela td.apagada[b-s6sllus3hq] { color: var(--ink-muted); }
.tabela td.info[b-s6sllus3hq] { color: var(--grade-info); }
.tabela td.negrito[b-s6sllus3hq] { font-weight: var(--peso-forte); }
/* O aviso mini da célula (ColunaGrade.Nota; ex.: "sem custo" no valor zero do descarte): discreto, antes do valor. */
.tabela td .nota[b-s6sllus3hq] { margin-right: var(--space-1); color: var(--ink-muted); font-size: var(--grade-cabecalho); }
/* A célula editável (o preço da Central do produto): o campo ocupa a célula, sem moldura até receber o foco. */
.tabela td.editavel[b-s6sllus3hq] { padding: 0; }
.celula-edicao[b-s6sllus3hq] {
  width: var(--largura-valor); height: var(--altura-linha-grade); padding: 0 var(--espaco-linhas); box-sizing: border-box;
  border: var(--borda-fina) solid transparent; border-radius: 0; background: transparent; color: inherit; font: inherit; text-align: right;
}
.celula-edicao:hover[b-s6sllus3hq] { border-color: var(--borda-campo); }
.celula-edicao:focus[b-s6sllus3hq] { outline: none; border-color: var(--borda-campo-foco); background: var(--surface); }
/* A caixa de marcação travada à esquerda na rolagem para o lado (a grade larga da Central do produto). */
.tabela.marcacao-fixa .marcar[b-s6sllus3hq] { position: sticky; left: 0; z-index: 1; background: var(--surface); }
.tabela tfoot td[b-s6sllus3hq] { border-bottom: 0; border-top: var(--borda-fina) solid var(--border-subtle); color: var(--ink-muted); font-weight: var(--rotulo-peso); }
/* Sem linhas: o aviso logo embaixo dos títulos, à esquerda (a tabela tem a largura dos dados). */
.nada[b-s6sllus3hq] { padding: var(--espaco-linhas) var(--espaco-linhas); color: var(--ink-muted); font-size: var(--grade-texto); }
/* A barra de status na última linha (TotaisNaBarra): discreta como a do rodapé (ink-muted, a linha fina em cima), fixa embaixo
   quando a grade rola por dentro, com o fundo opaco por cima das linhas; o total de cada coluna de valor embaixo dela, em ink.
   A linha fina é sombra por dentro (a borda da tabela colapsada não acompanha a célula fixa). */
.tabela tfoot.barra-status td[b-s6sllus3hq] {
  position: sticky; bottom: 0; z-index: 1; height: var(--altura-linha-grade); border: 0; background: var(--surface);
  box-shadow: inset 0 var(--borda-fina) 0 var(--border-subtle); color: var(--ink-muted); font-weight: var(--corpo-peso);
}
.tabela tfoot.barra-status tr.status-propria td[b-s6sllus3hq] { bottom: var(--altura-linha-grade); }
.tabela tfoot.barra-status td.total[b-s6sllus3hq] { color: var(--ink); font-weight: var(--rotulo-peso); }
/* A grade na janela (NaJanela): ocupa o que sobra da altura da janela (no mínimo 8 linhas) e rola por dentro; os títulos ficam
   fixos em cima, com o fundo opaco e a linha fina embaixo. */
.grade.rola-dentro[b-s6sllus3hq] { display: flex; flex-direction: column; flex: 0 1 auto; min-height: calc(var(--altura-linha-grade) * 8); }
.grade.rola-dentro .rolagem[b-s6sllus3hq] { flex: 0 1 auto; min-height: 0; overflow: auto; }
.grade.rola-dentro thead th[b-s6sllus3hq] {
  position: sticky; top: 0; z-index: 1; border-bottom: 0; background: var(--surface);
  box-shadow: inset 0 calc(var(--borda-fina) * -1) 0 var(--border-subtle);
}
/* A grade menor embaixo de um registro (Menor; a grade do fornecedor do pedido de compra): no máximo 12 linhas à vista e rola por
   dentro, com os títulos fixos em cima. */
.grade.menor .rolagem[b-s6sllus3hq] { max-height: calc(var(--altura-linha-grade) * 13); overflow: auto; }
.grade.menor thead th[b-s6sllus3hq] {
  position: sticky; top: 0; z-index: 1; border-bottom: 0; background: var(--surface);
  box-shadow: inset 0 calc(var(--borda-fina) * -1) 0 var(--border-subtle);
}
/* Colunas com prioridade: somem quando a área da grade (o contêiner da GradeComFiltro) fica estreita, sem cortar a última. */
@container (max-width: 1100px) { .p3[b-s6sllus3hq] { display: none; } }
@container (max-width: 820px) { .p2[b-s6sllus3hq] { display: none; } }
/* O menu do botão direito: copiar as linhas e as ações da tela. */
.cobre-menu[b-s6sllus3hq] { position: fixed; inset: 0; z-index: 70; }
.menu-grade[b-s6sllus3hq] {
  position: fixed; z-index: 71; margin: 0; padding: var(--space-1); list-style: none; min-width: var(--largura-longo);
  background: var(--surface); border: var(--borda-fina) solid var(--border-card); border-radius: var(--raio-controle);
}
.menu-grade li[b-s6sllus3hq] { height: var(--altura-controle); line-height: var(--altura-controle); padding: 0 var(--space-2); border-radius: var(--raio-controle); font-size: var(--texto-controle); cursor: pointer; white-space: nowrap; }
.menu-grade li:hover[b-s6sllus3hq] { background: var(--selecao-ouro); color: var(--gold-light); }
.menu-grade li.separador[b-s6sllus3hq] { height: 0; margin: var(--space-1) 0; border-top: var(--borda-fina) solid var(--border-subtle); cursor: default; }
/* /DesignSystem/TabelaSimples.razor.rz.scp.css */
/* A tabela simples na largura dos dados (o título e as ações da tabela alinhados com ela), sem passar da área: rola por dentro. */
.tabela-simples[b-rgixuaypnq] { width: fit-content; max-width: 100%; min-width: 0; }
.status[b-rgixuaypnq] { display: flex; align-items: center; gap: var(--space-3); min-height: var(--altura-linha-grade); padding: 0 var(--space-2); color: var(--ink-muted); font-size: var(--grade-texto); }
.resumo[b-rgixuaypnq] { flex: 1; text-align: center; }
.cabecalho-tabela[b-rgixuaypnq] { display: flex; align-items: center; gap: var(--space-1); min-height: var(--altura-controle); }
/* /DesignSystem/TelaComRegistro.razor.rz.scp.css */
/* O registro aberto e a Lista não mudam o desenho da tela: cada um entra no lugar como se fosse o próprio conteúdo dela. Com o
   registro aberto, a Lista some (a regra composta vem por último, para nenhuma outra anulá-la). */
.tela-com-registro[b-ivcftnxo5y], .registro[b-ivcftnxo5y], .lista-da-tela[b-ivcftnxo5y] { display: contents; }
/* O Voltar do detalhe sem formulário próprio, no alto do registro, à esquerda. */
.voltar-registro[b-ivcftnxo5y] { display: flex; align-items: center; gap: var(--space-2); }
.lista-da-tela.escondida[b-ivcftnxo5y] { display: none; }
/* /DesignSystem/TelaModulo.razor.rz.scp.css */
.painel[b-skuph1qg8k] { background: var(--surface-painel); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-lg); overflow: visible; }
/* Uma linha só (regra do Design System, pedido do usuário em 11/10/2026): o título, a estrela, as abas e os atalhos da tela
   logo depois da estrela, e a ação principal à direita. Nada quebra linha: com muitas abas, a faixa das abas encolhe e rola
   na horizontal (rolagem fina; a aba ativa é trazida à vista), e o título e a ação principal nunca encolhem. */
.cabecalho[b-skuph1qg8k] {
  display: flex; flex-wrap: nowrap; align-items: center; gap: var(--space-2); padding: var(--space-2) var(--space-3);
  border-bottom: var(--borda-fina) solid var(--border-subtle); min-width: 0; container-type: inline-size;
}
h1[b-skuph1qg8k] { margin: 0 var(--space-3) 0 0; flex: none; white-space: nowrap; font-size: var(--titulo-tela-tamanho); line-height: var(--titulo-tela-linha); font-weight: var(--titulo-tela-peso); }
.abas[b-skuph1qg8k] {
  display: flex; flex-wrap: nowrap; gap: var(--space-1); flex: 1 1 auto; min-width: 0; overflow-x: auto; overflow-y: hidden;
  scrollbar-width: thin; scrollbar-color: var(--border-subtle) transparent;
}
/* A aba no tamanho das abas do Design System: 24 de altura, texto 11 (a mesma medida das abas internas do cadastro). */
.aba[b-skuph1qg8k] {
  flex: none; display: inline-flex; align-items: center; height: var(--altura-aba); white-space: nowrap; padding: 0 var(--space-3);
  border-radius: var(--radius-pill); border: var(--borda-forte) solid transparent; background: none; color: var(--ink);
  font-size: var(--texto-controle); line-height: var(--altura-aba); cursor: pointer;
}
/* Cabeçalho estreito: as abas ficam mais justas antes de rolar. */
@container (max-width: 1200px) { .aba[b-skuph1qg8k] { padding: 0 var(--space-2); } }
.aba.ativa[b-skuph1qg8k] { background: radial-gradient(ellipse at 50% 40%, var(--ativo-ouro-centro), var(--ativo-ouro-borda) 70%); border-color: var(--gold); color: var(--gold-light); font-weight: var(--peso-forte); }
/* As abas da tela juntada: na mesma faixa, depois das abas do módulo, separadas por uma divisória fina. */
.partes[b-skuph1qg8k] { display: flex; flex: none; flex-wrap: nowrap; align-items: center; gap: var(--space-1); margin-left: var(--space-1); padding-left: var(--space-2); border-left: var(--borda-fina) solid var(--border-subtle); }
.acoes[b-skuph1qg8k] { margin-left: auto; flex: none; display: flex; gap: var(--space-2); }
/* O recuo do conteúdo da tela, um só para todas as telas (8): nenhuma tela põe recuo próprio em volta do conteúdo. */
.conteudo[b-skuph1qg8k] { padding: var(--space-2); }
.estrela[b-skuph1qg8k] { flex: none; background: none; border: 0; color: var(--ink-muted); cursor: pointer; display: inline-flex; padding: var(--space-1); margin-left: calc(var(--space-3) * -1); margin-right: var(--space-2); }
.estrela.marcada[b-skuph1qg8k] { color: var(--gold); }
.estrela.marcada[b-skuph1qg8k]  .icone { fill: var(--gold); }
/* /DesignSystem/TituloSecao.razor.rz.scp.css */
/* O título de seção: texto 11 em peso forte e gold-light, sem margem (o espaço vem do bloco em volta). */
.titulo-secao[b-jagsfcn6cn] {
  display: inline-flex; align-items: center; gap: var(--space-1); margin: 0; font-size: var(--texto-controle);
  line-height: var(--pequeno-linha); font-weight: var(--peso-forte); color: var(--gold-light);
}
/* O título do registro aberto: 13, na cor do texto (o "nome" do que está aberto). */
.titulo-secao.registro[b-jagsfcn6cn] { font-size: var(--titulo-registro-tamanho); line-height: var(--titulo-cartao-linha); color: var(--ink); }
.ajuda[b-jagsfcn6cn] { display: inline-flex; color: var(--ink-muted); cursor: help; font-weight: var(--corpo-peso); }
/* /Telas/Cadastros/ArvoreAba.razor.rz.scp.css */
.arvore[b-2w38961vmn] { display: flex; flex-direction: column; min-width: 0; }
.filtros[b-2w38961vmn] { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: flex-end; padding-bottom: var(--space-2); }
/* O cadastro do nó: a última coluna da escada, à direita (os campos quebram linha dentro dela). */
.painel[b-2w38961vmn] { max-width: calc(var(--largura-extra-longo) * 2); display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-2); }
.tipo[b-2w38961vmn] { color: var(--ink-muted); font-weight: var(--corpo-peso); }
.campos[b-2w38961vmn] { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: flex-end; }
.botoes[b-2w38961vmn] { display: flex; flex-wrap: wrap; gap: var(--space-2); justify-content: flex-end; }
.resumo[b-2w38961vmn] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Cadastros/CentrosCustoAba.razor.rz.scp.css */
.editor-linha[b-mwhndg3c89] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.botoes[b-mwhndg3c89] { margin-left: auto; display: flex; gap: var(--space-2); }
/* /Telas/Cadastros/ClienteEditor.razor.rz.scp.css */
.editor[b-ul8136n5jh] { display: flex; flex-direction: column; gap: var(--space-2); }
.topo[b-ul8136n5jh] { display: flex; align-items: center; gap: var(--space-2); }
.botoes[b-ul8136n5jh] { display: flex; gap: var(--space-2); }
.secao[b-ul8136n5jh] { display: flex; flex-direction: column; gap: var(--space-2); padding-top: var(--space-2); border-top: var(--borda-fina) solid var(--border-subtle); }
.carregando[b-ul8136n5jh] { color: var(--ink-muted); }
/* /Telas/Cadastros/FornecedorEditor.razor.rz.scp.css */
.editor[b-r9kjdrr8tb] { display: flex; flex-direction: column; gap: var(--space-2); }
.topo[b-r9kjdrr8tb] { display: flex; align-items: center; gap: var(--space-2); }
.botoes[b-r9kjdrr8tb] { display: flex; gap: var(--space-2); }
.secao[b-r9kjdrr8tb] { display: flex; flex-direction: column; gap: var(--space-2); padding-top: var(--space-2); border-top: var(--borda-fina) solid var(--border-subtle); }
.leitura[b-r9kjdrr8tb] { color: var(--ink-muted); }
.carregando[b-r9kjdrr8tb] { color: var(--ink-muted); }
.item[b-r9kjdrr8tb] { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-2); border: var(--borda-fina) solid var(--border-subtle); border-radius: var(--radius-sm); }
.agenda[b-r9kjdrr8tb] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.rotulo-agenda[b-r9kjdrr8tb] { width: var(--largura-mini); color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Cadastros/MotivosAba.razor.rz.scp.css */
.editor-linha[b-2bw4ks108b] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.botoes[b-2bw4ks108b] { margin-left: auto; display: flex; gap: var(--space-2); }
/* /Telas/Comercial/BoxVendaDoDia.razor.rz.scp.css */
/* O box Venda do dia, alto e na vertical (18/10/2026): o cartão do Início com um link que o cobre inteiro (o clique abre a tela
   Comercial) e, por cima dele, só os Produtos vendidos, que abrem o painel dos Mais vendidos. */
.box-venda[b-jo0qhaie71] { position: relative; display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-3); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-lg); background: var(--surface-cartao); color: var(--ink); min-width: min(100%, calc(var(--icone-kpi) * 5)); }
.box-venda:hover[b-jo0qhaie71], .box-venda:has(.cobre:focus-visible)[b-jo0qhaie71] { border-color: var(--gold); }
.cobre[b-jo0qhaie71] { position: absolute; inset: 0; border-radius: var(--radius-lg); z-index: 0; }
.cobre:focus-visible[b-jo0qhaie71] { outline: var(--borda-fina) solid var(--gold); outline-offset: var(--borda-fina); }
.box-venda > :not(.cobre)[b-jo0qhaie71] { position: relative; z-index: 1; pointer-events: none; }
.cabeca[b-jo0qhaie71] { display: flex; align-items: center; gap: var(--space-2); }
.quadro[b-jo0qhaie71] { width: var(--icone-kpi-compacto); height: var(--icone-kpi-compacto); border-radius: var(--radius-sm); display: inline-flex; align-items: center; justify-content: center; flex: none; background: var(--green); color: var(--texto-sobre-cor); }
.titulo[b-jo0qhaie71] { font-size: var(--titulo-cartao-tamanho); line-height: var(--titulo-cartao-linha); font-weight: var(--peso-forte); }
.dica[b-jo0qhaie71] { font-size: var(--pequeno-tamanho); color: var(--ink-muted); }
/* O valor do dia grande, a diferença, o mês pequeno e a linha dos dias do mês. */
.principal[b-jo0qhaie71] { display: flex; flex-direction: column; gap: var(--space-1); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.valor[b-jo0qhaie71] { font-size: calc(var(--numero-kpi-tamanho) * 1.4); line-height: calc(var(--numero-kpi-linha) * 1.4); font-weight: var(--numero-kpi-peso); white-space: nowrap; color: var(--gold-light); font-variant-numeric: tabular-nums; }
.variacao[b-jo0qhaie71] { font-size: var(--rotulo-tamanho); color: var(--green-text); font-weight: var(--peso-forte); }
.variacao span[b-jo0qhaie71] { color: var(--ink-muted); font-weight: var(--corpo-peso); }
.variacao.queda[b-jo0qhaie71] { color: var(--red-text); }
.variacao.vazia[b-jo0qhaie71] { color: var(--ink-muted); font-weight: var(--corpo-peso); }
.mes[b-jo0qhaie71] { font-size: var(--pequeno-tamanho); line-height: var(--pequeno-linha); color: var(--ink-muted); white-space: nowrap; }
.linha-mes[b-jo0qhaie71] { width: 100%; height: var(--mini-grafico-altura); }
.linha-mes[b-jo0qhaie71] { animation: mov-revelar var(--tempo-linha) ease-out var(--espera-bloco, 0s) backwards; }
.linha-mes .traco[b-jo0qhaie71] { fill: none; stroke: var(--green); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.linha-mes .area[b-jo0qhaie71] { fill: var(--green); fill-opacity: .14; stroke: none; }
@media (prefers-reduced-motion: reduce) { .linha-mes[b-jo0qhaie71] { animation: none; } }
/* Os indicadores em duas colunas; os Descontos e os Descartes do dia lado a lado embaixo. */
.mini-indicadores[b-jo0qhaie71] { display: grid; grid-template-columns: repeat(2, minmax(0, max-content)); gap: var(--space-2) var(--space-3); }
.mini[b-jo0qhaie71] { display: flex; align-items: flex-start; gap: var(--space-2); padding: var(--space-1); border: var(--borda-fina) solid transparent; border-radius: var(--radius-sm); background: none; color: var(--ink); font: inherit; text-align: left; }
.mini.inteira[b-jo0qhaie71] { grid-column: 1 / -1; }
.mini.clicavel[b-jo0qhaie71] { pointer-events: auto; cursor: pointer; border-color: var(--border-subtle); }
.mini.clicavel:hover[b-jo0qhaie71], .mini.clicavel:focus-visible[b-jo0qhaie71], .mini.clicavel[aria-expanded=true][b-jo0qhaie71] { border-color: var(--gold); background: var(--surface-raised); }
.mini.clicavel .nome[b-jo0qhaie71] { color: var(--link); }
.quadro-mini[b-jo0qhaie71] { width: var(--icone-chip); height: var(--icone-chip); border-radius: var(--raio-controle); display: inline-flex; align-items: center; justify-content: center; flex: none; color: var(--texto-sobre-cor); }
.quadro-mini[b-jo0qhaie71]  .icone { width: var(--icone-pequeno); height: var(--icone-pequeno); }
.cor-green .quadro-mini[b-jo0qhaie71] { background: var(--green); } .cor-blue .quadro-mini[b-jo0qhaie71] { background: var(--blue); } .cor-purple .quadro-mini[b-jo0qhaie71] { background: var(--purple); }
.cor-red .quadro-mini[b-jo0qhaie71] { background: var(--red); } .cor-orange .quadro-mini[b-jo0qhaie71] { background: var(--orange); }
.cor-yellow .quadro-mini[b-jo0qhaie71] { background: var(--yellow); color: var(--texto-sobre-amarelo); }
.texto[b-jo0qhaie71] { display: flex; flex-direction: column; }
.nome[b-jo0qhaie71] { font-size: var(--rotulo-tamanho); line-height: var(--rotulo-linha); color: var(--ink-muted); }
.numero[b-jo0qhaie71] { font-size: var(--titulo-cartao-tamanho); line-height: var(--titulo-cartao-linha); font-weight: var(--peso-forte); white-space: nowrap; font-variant-numeric: tabular-nums; }
.texto .variacao[b-jo0qhaie71] { font-size: var(--pequeno-tamanho); }
/* O valor dos Descontos e dos Descartes do dia em vermelho: é o que a loja deixou de ganhar (pedido do usuário em 18/10/2026). */
.mini[data-indicador=descontos] .numero[b-jo0qhaie71], .mini[data-indicador=descartes] .numero[b-jo0qhaie71] { color: var(--red-text); }
/* A linha do dia hora a hora embaixo de cada indicador (19/10/2026), no lugar do texto da diferença: verde acima de ontem, vermelha
   abaixo, neutra sem ontem. Ao aparecer, o traço se desenha da esquerda para a direita e a área acende; depois o traço pulsa de leve.
   Com "reduzir movimento", parada. */
.linha-hora[b-jo0qhaie71] { width: 100%; min-width: calc(var(--icone-chip) * 4); height: calc(var(--mini-grafico-altura) * .6); overflow: visible; animation: mov-revelar var(--tempo-linha) ease-out var(--espera-bloco, 0s) backwards; }
.linha-hora .traco[b-jo0qhaie71] { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke;
  animation: mov-pulsar calc(var(--tempo-linha) * 2) ease-in-out calc(var(--tempo-linha) + var(--espera-bloco, 0s)) infinite; }
.linha-hora .area[b-jo0qhaie71] { stroke: none; fill-opacity: .16; }
.linha-hora.alta .traco[b-jo0qhaie71] { stroke: var(--green); } .linha-hora.alta .area[b-jo0qhaie71] { fill: var(--green); }
.linha-hora.queda .traco[b-jo0qhaie71] { stroke: var(--red); } .linha-hora.queda .area[b-jo0qhaie71] { fill: var(--red); }
.linha-hora.neutra .traco[b-jo0qhaie71] { stroke: var(--ink-muted); } .linha-hora.neutra .area[b-jo0qhaie71] { fill: var(--ink-muted); }
@media (prefers-reduced-motion: reduce) { .linha-hora[b-jo0qhaie71], .linha-hora .traco[b-jo0qhaie71] { animation: none; } }
/* /Telas/Comercial/ComercialAba.razor.rz.scp.css */
.comercial[b-lvighcaiwl] { display: flex; flex-direction: column; gap: var(--space-3); }
.filtro[b-lvighcaiwl] { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: flex-end; }
.dica[b-lvighcaiwl] { font-size: var(--rotulo-campo); color: var(--ink-muted); }
.loja[b-lvighcaiwl], .periodo-fixo[b-lvighcaiwl] { font-size: var(--texto-controle); color: var(--ink-muted); line-height: var(--altura-controle); }
.loja b[b-lvighcaiwl], .periodo-fixo b[b-lvighcaiwl] { color: var(--ink); }
/* /Telas/Comercial/CupomComercialDetalhe.razor.rz.scp.css */
.cupom[b-v0vg8hl0wo] { display: flex; flex-direction: column; gap: var(--space-2); }
.cabecalho[b-v0vg8hl0wo] { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; justify-content: space-between; }
.titulo[b-v0vg8hl0wo] { font-size: var(--texto-controle); font-weight: var(--peso-forte); color: var(--gold-light); }
.resumo[b-v0vg8hl0wo] { display: flex; flex-wrap: wrap; gap: var(--space-3); font-size: var(--texto-controle); color: var(--ink-muted); }
.resumo b[b-v0vg8hl0wo] { color: var(--ink); }
[b-v0vg8hl0wo] .riscada td { text-decoration: line-through; color: var(--ink-muted); }
/* /Telas/Comercial/EvolucaoSetorAba.razor.rz.scp.css */
.aba[b-5tvk95ra11] { display: flex; flex-direction: column; gap: var(--space-2); outline: none; }
.topo[b-5tvk95ra11] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); }
.quadro-evolucao[b-5tvk95ra11] { display: flex; flex-direction: column; gap: var(--space-1); }
.titulo[b-5tvk95ra11] { font-size: var(--texto-controle); font-weight: var(--peso-forte); color: var(--gold-light); }
.legenda[b-5tvk95ra11] { font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Comercial/FaixaHorarioAba.razor.rz.scp.css */
/* A aba mede a própria largura para o gráfico ficar ao lado da grade ou em cima dela (design-system.md, "Gráficos"). */
.aba[b-7syzfr0jpy] { display: flex; flex-direction: column; gap: var(--space-2); outline: none; container-type: inline-size; }
.quadros[b-7syzfr0jpy] { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--icone-kpi) * 2.6), 1fr)); gap: var(--space-2); }
.linha-mes[b-7syzfr0jpy] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
/* A grade das horas e, ao lado, o gráfico de barras horizontais; em tela estreita, o gráfico fica em cima da grade. */
.com-grafico[b-7syzfr0jpy] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(var(--grafico-horizontal-largura), 1fr); gap: var(--space-3); align-items: start; }
.grade[b-7syzfr0jpy] { min-width: 0; }
.grafico[b-7syzfr0jpy] { padding: var(--space-2) var(--space-3); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-sm); background: var(--surface-cartao); }
@container (max-width: 760px) {
  .com-grafico[b-7syzfr0jpy] { grid-template-columns: minmax(0, 1fr); }
  .grafico[b-7syzfr0jpy] { order: -1; }
}
/* /Telas/Comercial/FaixaValorAba.razor.rz.scp.css */
/* A aba mede a própria largura para o gráfico ficar ao lado da grade ou em cima dela (design-system.md, "Gráficos"). */
.aba[b-xsvggpagn7] { display: flex; flex-direction: column; gap: var(--space-2); outline: none; container-type: inline-size; }
/* A grade das faixas e, ao lado, o gráfico de barras horizontais; em tela estreita, o gráfico fica em cima da grade. */
.com-grafico[b-xsvggpagn7] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(var(--grafico-horizontal-largura), 1fr); gap: var(--space-3); align-items: start; }
.grade[b-xsvggpagn7] { min-width: 0; }
.grafico[b-xsvggpagn7] { padding: var(--space-2) var(--space-3); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-sm); background: var(--surface-cartao); }
@container (max-width: 760px) {
  .com-grafico[b-xsvggpagn7] { grid-template-columns: minmax(0, 1fr); }
  .grafico[b-xsvggpagn7] { order: -1; }
}
/* /Telas/Comercial/FinalizadorasAba.razor.rz.scp.css */
.aba[b-apssfs46ic] { display: flex; flex-direction: column; gap: var(--space-2); outline: none; }
.lado[b-apssfs46ic] { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(var(--icone-kpi) * 5), 1fr)); gap: var(--space-3); align-items: start; }
.grafico[b-apssfs46ic] { padding: var(--space-2) var(--space-3); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-sm); background: var(--surface-cartao); }
.dica[b-apssfs46ic] { font-size: var(--rotulo-campo); color: var(--ink-muted); }
/* /Telas/Comercial/PorSetorAba.razor.rz.scp.css */
.aba[b-6rfdhe4kno] { display: flex; flex-direction: column; gap: var(--space-2); outline: none; }
.quadros[b-6rfdhe4kno] { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--icone-kpi) * 2.6), 1fr)); gap: var(--space-2); }
.linha-mes[b-6rfdhe4kno] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
.lancamento[b-6rfdhe4kno] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Comercial/QuadroComercial.razor.rz.scp.css */
.quadro[b-ifu0hllwqo] { display: flex; flex-direction: column; gap: var(--space-1); min-width: 0; padding: var(--space-2) var(--space-3); border: var(--borda-fina) solid var(--border-card);
    border-radius: var(--radius-sm); background: var(--surface-cartao); color: var(--ink); text-align: left; font: inherit; }
.clicavel[b-ifu0hllwqo] { cursor: pointer; }
.clicavel:hover[b-ifu0hllwqo], .clicavel:focus-visible[b-ifu0hllwqo] { border-color: var(--gold); }
.nome[b-ifu0hllwqo] { font-size: var(--rotulo-campo); color: var(--ink-muted); }
.numero[b-ifu0hllwqo] { font-size: var(--titulo-cartao-tamanho); font-weight: var(--peso-forte); white-space: nowrap; }
.legenda[b-ifu0hllwqo] { font-size: var(--rotulo-campo); color: var(--ink-muted); }
.alerta .numero[b-ifu0hllwqo] { color: var(--red-text); }
/* /Telas/Comercial/SituacaoPdvsAba.razor.rz.scp.css */
/* A situação dos PDVs: os indicadores em cima (abertos e online), os alertas e a grade dos PDVs. */
.aba[b-6wdrcyum9w] { display: flex; flex-direction: column; gap: var(--space-2); }
.indicadores[b-6wdrcyum9w] { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--icone-kpi) * 4), 1fr)); gap: var(--space-3); }
/* Enquanto a consulta não volta (o painel ainda vazio). */
.carregando[b-6wdrcyum9w] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Comercial/TrilhaComercial.razor.rz.scp.css */
.trilha[b-ilmnpz7k5c] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); font-size: var(--texto-controle); }
.passo[b-ilmnpz7k5c] { border: none; background: none; padding: 0; color: var(--link); cursor: pointer; font: inherit; }
.passo:hover[b-ilmnpz7k5c] { text-decoration: underline; }
.separador[b-ilmnpz7k5c] { color: var(--ink-muted); }
.atual[b-ilmnpz7k5c] { color: var(--gold-light); font-weight: var(--peso-forte); }
/* /Telas/Comercial/VendaDiariaAba.razor.rz.scp.css */
.aba[b-yl7gvwvzky] { display: flex; flex-direction: column; gap: var(--space-2); outline: none; }
/* /Telas/Comercial/VendaDoDiaAba.razor.rz.scp.css */
.aba[b-mestf4o1sk] { display: flex; flex-direction: column; gap: var(--space-2); outline: none; }
.quadros[b-mestf4o1sk] { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--icone-kpi) * 2.6), 1fr)); gap: var(--space-2); }
.linha-mes[b-mestf4o1sk] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
/* Enquanto a consulta não volta (o painel ainda vazio). */
.carregando[b-mestf4o1sk] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Compras/ContratosAba.razor.rz.scp.css */
.contratos[b-w24j8b1i6j] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-w24j8b1i6j] { display: flex; flex-direction: column; gap: var(--space-2); }
.topo[b-w24j8b1i6j] { display: flex; align-items: center; gap: var(--space-2); }
.botoes[b-w24j8b1i6j] { margin-left: auto; display: flex; gap: var(--space-2); }
.resumo[b-w24j8b1i6j] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
.perigo[b-w24j8b1i6j] { color: var(--red-text); }
.ok[b-w24j8b1i6j] { color: var(--green-text); }
/* /Telas/Compras/EntradaAba.razor.rz.scp.css */
.entrada[b-npbc73m9ib] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-npbc73m9ib] { display: flex; flex-direction: column; gap: var(--space-2); }
.topo[b-npbc73m9ib] { display: flex; align-items: center; gap: var(--space-2); }
.botoes[b-npbc73m9ib] { margin-left: auto; display: flex; gap: var(--space-2); }
.resumo[b-npbc73m9ib] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
.leitura[b-npbc73m9ib] { color: var(--ink-muted); font-size: var(--texto-controle); }
.arquivo[b-npbc73m9ib] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Compras/FaltasAba.razor.rz.scp.css */
.faltas[b-yxda24dac9] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Compras/GradeDoFornecedor.razor.rz.scp.css */
/* A grade do fornecedor embaixo do pedido: separada do que vem antes pelo espaço e pela linha fina; o título, as abas e a grade
   menor um embaixo do outro. */
.grade-fornecedor[b-hepdpmd88f] {
  display: flex; flex-direction: column; gap: var(--espaco-linhas); padding-top: var(--space-2);
  border-top: var(--borda-fina) solid var(--border-subtle);
}
/* /Telas/Compras/PainelComprasAba.razor.rz.scp.css */
.painel[b-7yug1bktxj] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Compras/PassosPedido.razor.rz.scp.css */
.passos[b-7mieu9wbdh] { display: flex; gap: var(--space-2); margin: 0; padding: 0; list-style: none; font-size: var(--texto-controle); color: var(--ink-muted); }
.passos li[b-7mieu9wbdh] { padding: var(--space-1) var(--space-2); border: var(--borda-fina) solid var(--border-subtle); border-radius: var(--radius-pill); }
.passos li.feito[b-7mieu9wbdh] { color: var(--green-text); }
.passos li.atual[b-7mieu9wbdh] { color: var(--gold-light); border-color: var(--gold-light); font-weight: var(--peso-forte); }
/* /Telas/Compras/PedidosAba.razor.rz.scp.css */
.pedidos[b-isof06199a] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-isof06199a] { display: flex; flex-direction: column; gap: var(--space-2); }
.topo[b-isof06199a] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.botoes[b-isof06199a] { margin-left: auto; display: flex; gap: var(--space-2); }
.resumo[b-isof06199a] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
.rotulo-item[b-isof06199a] { align-self: center; font-weight: var(--peso-forte); }
.atencao[b-isof06199a] { color: var(--yellow-text); }
.painel-item[b-isof06199a] { display: flex; flex-direction: column; gap: var(--space-2); padding-top: var(--space-2); border-top: var(--borda-fina) solid var(--border-subtle); }
/* As tabelas lado a lado, cada uma na largura dos dados (sem esticar), quebrando linha quando não cabem. */
.lado-a-lado[b-isof06199a] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-2); }
.lado-a-lado > div[b-isof06199a] { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
/* /Telas/Compras/RelatoriosComprasAba.razor.rz.scp.css */
.relatorios[b-3yutevx7ta] { display: flex; flex-direction: column; gap: var(--space-2); align-items: flex-start; }
.relatorios[b-3yutevx7ta] >  .grade-filtro { align-self: stretch; }
/* Os indicadores lado a lado, cada um do tamanho do conteúdo (sem esticar), quebrando linha quando não cabem. */
.indicadores[b-3yutevx7ta] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-2); }
/* As tabelas lado a lado, cada uma na largura dos dados (sem esticar), quebrando linha quando não cabem. */
.lado-a-lado[b-3yutevx7ta] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-2); }
.lado-a-lado > div[b-3yutevx7ta] { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
/* /Telas/Compras/RetencaoAba.razor.rz.scp.css */
.retencao[b-up0neboi3v] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-up0neboi3v] { display: flex; flex-direction: column; gap: var(--space-2); }
.dica[b-up0neboi3v] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Configuracoes/AparelhosColetor.razor.rz.scp.css */
.aparelhos[b-bih990ai90] { display: flex; flex-direction: column; gap: var(--space-2); }
.aparelhos[b-bih990ai90]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
/* Salvar · Voltar logo à direita do fim dos campos, nunca encostado na borda (design-system.md, "Botões"). */
.botoes[b-bih990ai90] { display: flex; gap: var(--space-2); }
.editor-linha[b-bih990ai90] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
/* Os dois QR codes na ordem (1. certificado, 2. coletor): o passo em cima, o endereço embaixo. */
.qr[b-bih990ai90] { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink-muted); }
.qr b[b-bih990ai90] { color: var(--ink); font-weight: var(--corpo-peso); }
.qr .passo[b-bih990ai90] { color: var(--ink); }
.icone[b-bih990ai90], .qrcode[b-bih990ai90] { width: var(--largura-curto); height: var(--largura-curto); object-fit: contain; }
/* /Telas/Configuracoes/CaixasPdv.razor.rz.scp.css */
.caixas[b-g2kd78uugc] { display: flex; flex-direction: column; gap: var(--space-2); }
.caixas[b-g2kd78uugc]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
.dica[b-g2kd78uugc] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* Salvar · Voltar logo à direita do fim dos campos, nunca encostado na borda (design-system.md, "Botões"). */
.botoes[b-g2kd78uugc] { display: flex; gap: var(--space-2); }
.editor-linha[b-g2kd78uugc] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
/* /Telas/Configuracoes/ConfiguracaoParametrosAba.razor.rz.scp.css */
.configuracao[b-71ipjh2ks9] { display: flex; flex-direction: column; gap: var(--space-2); }
.configuracao[b-71ipjh2ks9]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Configuracoes/EmpresasAba.razor.rz.scp.css */
.empresas[b-hc2u3t31bc] { display: flex; flex-direction: column; gap: var(--space-2); }
.empresas[b-hc2u3t31bc]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
.dica[b-hc2u3t31bc] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* Salvar · Voltar logo à direita do fim dos campos, nunca encostado na borda (design-system.md, "Botões"). */
.botoes[b-hc2u3t31bc] { display: flex; gap: var(--space-2); }
.editor-linha[b-hc2u3t31bc] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.arquivo[b-hc2u3t31bc] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink-muted); }
/* As imagens de prévia (logo, aviso, ícone e QR code) no tamanho de leitura, sem esticar. */
.imagem[b-hc2u3t31bc], .aviso[b-hc2u3t31bc] { display: flex; flex-direction: column; gap: var(--space-1); align-items: flex-start; }
.previa[b-hc2u3t31bc] { max-width: var(--largura-longo); max-height: var(--largura-curto); object-fit: contain; border: var(--borda-fina) solid var(--border-subtle); border-radius: var(--radius-sm); }
/* Cada grupo das abas da empresa na sua moldura, numerado na ordem do preenchimento, com o gravar no fim (pedido do usuário em
   17/10/2026; design-system.md, "Sequência do fluxo"). */
.grupo[b-hc2u3t31bc] { display: flex; flex-direction: column; gap: var(--space-2); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-lg); padding: var(--space-2) var(--space-3); }
/* O rótulo de cada logo, pequeno em cima, como o rótulo dos campos. */
.imagem .rotulo[b-hc2u3t31bc] { font-size: var(--rotulo-campo); line-height: var(--pequeno-linha); color: var(--ink-muted); }

/* A conta aberta na sua moldura, como os grupos da integração Itaú logo abaixo (pedido do usuário em 17/10/2026). */
[data-tela="conta-editor"][b-hc2u3t31bc] { border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-lg); padding: var(--space-2) var(--space-3); }
/* /Telas/Configuracoes/EventosFeriados.razor.rz.scp.css */
.eventos[b-wftnholjpa] { display: flex; flex-direction: column; gap: var(--space-2); }
.eventos[b-wftnholjpa]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
/* Salvar · Voltar logo à direita do fim dos campos, nunca encostado na borda (design-system.md, "Botões"). */
.botoes[b-wftnholjpa] { display: flex; gap: var(--space-2); }
.editor-linha[b-wftnholjpa] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
/* /Telas/Configuracoes/FuncoesPdv.razor.rz.scp.css */
.funcoes[b-c2okhwb8hq] { display: flex; flex-direction: column; gap: var(--space-2); }
.funcoes[b-c2okhwb8hq]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
.dica[b-c2okhwb8hq] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* Salvar · Voltar logo à direita do fim dos campos, nunca encostado na borda (design-system.md, "Botões"). */
.botoes[b-c2okhwb8hq] { display: flex; gap: var(--space-2); }
.editor-linha[b-c2okhwb8hq] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
/* /Telas/Configuracoes/InstalacaoInicialParametros.razor.rz.scp.css */
.instalacao[b-79tt8lmkgv] { display: flex; flex-direction: column; gap: var(--space-2); }
.instalacao[b-79tt8lmkgv]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); align-self: flex-start; }
/* A situação (gravada ou o padrão) na altura do campo, discreta. */
.dica[b-79tt8lmkgv] { display: inline-flex; align-items: center; height: var(--altura-controle); margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
.arquivo[b-79tt8lmkgv] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink-muted); }
/* As imagens de prévia (logo e ícone) no tamanho de leitura, sem esticar. */
.imagem[b-79tt8lmkgv] { display: flex; flex-direction: column; gap: var(--space-1); align-items: flex-start; }
.previa[b-79tt8lmkgv] { max-width: var(--largura-longo); max-height: var(--largura-curto); object-fit: contain; border: var(--borda-fina) solid var(--border-subtle); border-radius: var(--radius-sm); }
.icone[b-79tt8lmkgv] { width: var(--largura-curto); height: var(--largura-curto); object-fit: contain; }
/* /Telas/Configuracoes/InstaladorPdv.razor.rz.scp.css */
.instalador[b-68lwmha5wt] { display: flex; flex-direction: column; gap: var(--space-2); }
.instalador[b-68lwmha5wt]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
.dica[b-68lwmha5wt] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Configuracoes/IntegracaoItau.razor.rz.scp.css */
/* Integração Itaú (API), pedido do usuário em 17/10/2026: os grupos na ordem da ativação da API, um embaixo do outro, cada um com
   a sua moldura. Só os tokens do Design System. */
.integracao-itau[b-0l89oawxmc]  .cartao.integracao-itau { display: flex; flex-direction: column; gap: var(--space-2); }
/* O cartão de fora só agrupa (título e ajuda): a moldura fica em cada grupo, sem moldura dentro de moldura. */
.integracao-itau[b-0l89oawxmc]  .cartao.integracao-itau { border-color: transparent; background: transparent; padding: 0; }
.secao[b-0l89oawxmc] { display: flex; flex-direction: column; gap: var(--space-2); }
.bloco[b-0l89oawxmc], .passo[b-0l89oawxmc], .opcao[b-0l89oawxmc] { display: flex; flex-direction: column; gap: var(--espaco-linhas); }
/* Cada grupo da sequência (1 · Aplicação, 2 · Client secret, 3 · Certificado, Testar e ativar e cada serviço) numa moldura, um
   embaixo do outro (pedido do usuário em 17/10/2026: "coloque uma moldura em volta de cada módulo"); a moldura do cartão do DS. */
.secao[data-secao="aplicacao"][b-0l89oawxmc], .passo[b-0l89oawxmc], .bloco[b-0l89oawxmc] {
    border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-lg); padding: var(--space-2) var(--space-3);
}
.secao[data-secao="credenciais"][b-0l89oawxmc], .secao[data-secao="servicos"][b-0l89oawxmc] { gap: var(--space-2); }
.opcao-titulo[b-0l89oawxmc], .ou[b-0l89oawxmc] { font-size: var(--texto-controle); line-height: var(--pequeno-linha); color: var(--ink-muted); }
.ou[b-0l89oawxmc] { font-weight: var(--peso-forte); }
.dica[b-0l89oawxmc] { margin: 0; color: var(--ink-muted); font-size: var(--rotulo-campo); }
.arquivo[b-0l89oawxmc] { display: flex; flex-direction: column; gap: var(--borda-fina); font-size: var(--rotulo-campo); line-height: var(--pequeno-linha); color: var(--ink-muted); }
/* /Telas/Configuracoes/LogSistemaAba.razor.rz.scp.css */
.log[b-r7szike7i9] { display: flex; flex-direction: column; gap: var(--space-2); }
.log[b-r7szike7i9]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
.dica[b-r7szike7i9] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Configuracoes/OperadoresCaixaAba.razor.rz.scp.css */
.operadores[b-ouobx413z6] { display: flex; flex-direction: column; gap: var(--space-2); }
.operadores[b-ouobx413z6]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
/* Salvar · Voltar logo à direita do fim dos campos, nunca encostado na borda (design-system.md, "Botões"). */
.botoes[b-ouobx413z6] { display: flex; gap: var(--space-2); }
.editor-linha[b-ouobx413z6] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
/* /Telas/Configuracoes/ParametrosCompras.razor.rz.scp.css */
.compras[b-o95mw89jt6] { display: flex; flex-direction: column; gap: var(--space-2); }
.compras[b-o95mw89jt6]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
/* Os cartões lado a lado, do tamanho do conteúdo, quebrando linha quando não cabem. */
.cartoes[b-o95mw89jt6] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-2); }
/* /Telas/Configuracoes/ParametrosEstoque.razor.rz.scp.css */
.estoque[b-g3ex061ksd] { display: flex; flex-direction: column; gap: var(--space-2); }
.estoque[b-g3ex061ksd]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Configuracoes/ParametrosPdv.razor.rz.scp.css */
.pdv-parametros[b-qga0ves3d5] { display: flex; flex-direction: column; gap: var(--space-2); }
.pdv-parametros[b-qga0ves3d5]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
/* Os cartões lado a lado, do tamanho do conteúdo, quebrando linha quando não cabem. */
.cartoes[b-qga0ves3d5] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-2); }
.dica[b-qga0ves3d5] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
.arquivo[b-qga0ves3d5] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink-muted); }
/* As imagens de prévia dos avisos no tamanho de leitura, sem esticar. */
.aviso[b-qga0ves3d5] { display: flex; flex-direction: column; gap: var(--space-1); align-items: flex-start; }
.previa[b-qga0ves3d5] { max-width: var(--largura-longo); max-height: var(--largura-curto); object-fit: contain; border: var(--borda-fina) solid var(--border-subtle); border-radius: var(--radius-sm); }
/* /Telas/Configuracoes/ParametrosProdutos.razor.rz.scp.css */
.produtos[b-odd7pp9l3e] { display: flex; flex-direction: column; gap: var(--space-2); }
.produtos[b-odd7pp9l3e]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
/* As molduras lado a lado, do tamanho do conteúdo, quebrando linha quando não cabem. */
.cartoes[b-odd7pp9l3e] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-2); }
/* /Telas/Configuracoes/ParametrosSistema.razor.rz.scp.css */
.parametros[b-0mk5tr55e1] { display: flex; flex-direction: column; gap: var(--space-2); }
.parametros[b-0mk5tr55e1]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
/* Cada cartão de parâmetros na largura do conteúdo (nunca esticado na linha toda); a grade do Histórico continua na largura dela. */
.parametros[b-0mk5tr55e1]  .cartao.compacto { align-self: flex-start; }
/* Os cartões de uma aba lado a lado, do tamanho do conteúdo, quebrando linha quando não cabem. */
.cartoes[b-0mk5tr55e1] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-2); }
/* /Telas/Configuracoes/PdvConfiguracoes.razor.rz.scp.css */
.pdv[b-xvd0toukye] { display: flex; flex-direction: column; gap: var(--space-2); }
.pdv[b-xvd0toukye]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Configuracoes/SpedContador.razor.rz.scp.css */
.sped[b-ubqk22eqij] { display: flex; flex-direction: column; gap: var(--space-2); }
.sped[b-ubqk22eqij]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); align-self: flex-start; }
.editor-linha[b-ubqk22eqij] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
/* /Telas/Configuracoes/TecladosPdv.razor.rz.scp.css */
.teclados[b-wnby98eehc] { display: flex; flex-direction: column; gap: var(--space-2); }
.teclados[b-wnby98eehc]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
.dica[b-wnby98eehc] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* Salvar · Voltar logo à direita do fim dos campos, nunca encostado na borda (design-system.md, "Botões"). */
.botoes[b-wnby98eehc] { display: flex; gap: var(--space-2); }
.editor-linha[b-wnby98eehc] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
/* /Telas/Configuracoes/TemasPdv.razor.rz.scp.css */
.temas[b-y0j3oqynt2] { display: flex; flex-direction: column; gap: var(--space-2); }
.temas[b-y0j3oqynt2]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
.dica[b-y0j3oqynt2] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* Salvar · Voltar logo à direita do fim dos campos, nunca encostado na borda (design-system.md, "Botões"). */
.botoes[b-y0j3oqynt2] { display: flex; gap: var(--space-2); }
.editor-linha[b-y0j3oqynt2] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.arquivo[b-y0j3oqynt2] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Configuracoes/TerminaisConsultaAba.razor.rz.scp.css */
.terminais[b-ww8clhdo6z] { display: flex; flex-direction: column; gap: var(--space-2); }
.terminais[b-ww8clhdo6z]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); align-self: flex-start; }
.dica[b-ww8clhdo6z] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Configuracoes/TesourariaLojaParametros.razor.rz.scp.css */
/* Os cartões da Tesouraria da loja lado a lado, do tamanho do conteúdo, quebrando linha quando não cabem (como os outros parâmetros). */
.cartoes[b-9lku11quol] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-2); }
.cartoes[b-9lku11quol]  .cartao { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Contabil/ContasContabeisAba.razor.rz.scp.css */
.titulos[b-bola80pl8o], .tela-fin[b-bola80pl8o] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-bola80pl8o] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.apagada[b-bola80pl8o] { opacity: .7; }
/* /Telas/Contabil/DreAba.razor.rz.scp.css */
.tela-dre[b-h7jiik06gn] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Contabil/ExportacaoAba.razor.rz.scp.css */
.titulos[b-jy34zrldd6], .tela-fin[b-jy34zrldd6] { display: flex; flex-direction: column; gap: var(--space-2); }
.dado[b-jy34zrldd6], .totais[b-jy34zrldd6], .resumo[b-jy34zrldd6] { font-size: var(--texto-controle); color: var(--ink-muted); }
.dado b[b-jy34zrldd6], .totais b[b-jy34zrldd6], .resumo b[b-jy34zrldd6] { color: var(--ink); }
.totais[b-jy34zrldd6], .resumo[b-jy34zrldd6] { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.dica[b-jy34zrldd6] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Entrar.razor.rz.scp.css */
.cartao-entrada[b-vzutzz5k3z] { width: min(var(--largura-entrada), 100%); padding: var(--space-4); background: var(--surface-painel); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-lg); display: flex; flex-direction: column; gap: var(--space-3); }
.marca[b-vzutzz5k3z] { display: flex; justify-content: center; }
.logo[b-vzutzz5k3z] { width: calc(var(--altura-usuario) * 3); height: calc(var(--altura-usuario) * 3); object-fit: contain; }
h1[b-vzutzz5k3z] { margin: 0; font-size: var(--titulo-tela-tamanho); font-weight: var(--titulo-tela-peso); text-align: center; }
form[b-vzutzz5k3z] { display: flex; flex-direction: column; gap: var(--space-3); }
.explica[b-vzutzz5k3z] { margin: 0; color: var(--ink-muted); }
.regra[b-vzutzz5k3z] { font-size: var(--pequeno-tamanho); color: var(--ink-muted); }
.botoes[b-vzutzz5k3z] { display: flex; justify-content: space-between; gap: var(--space-2); }
/* /Telas/Estoque/AjusteAba.razor.rz.scp.css */
.estoque[b-kl2rgwpgcq] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-kl2rgwpgcq] { display: flex; flex-direction: column; gap: var(--space-2); }
.resumo[b-kl2rgwpgcq] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
.leitura[b-kl2rgwpgcq] { color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Estoque/ConferenciaAba.razor.rz.scp.css */
.estoque[b-f1qqrbhuqq] { display: flex; flex-direction: column; gap: var(--space-2); }
.leitura[b-f1qqrbhuqq] { color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Estoque/DescarteAba.razor.rz.scp.css */
.estoque[b-5143fzi4ye] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-5143fzi4ye] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Estoque/EstoqueAba.razor.rz.scp.css */
.estoque[b-39n9d8iwtg] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-39n9d8iwtg] { display: flex; flex-direction: column; gap: var(--space-2); }
.topo[b-39n9d8iwtg] { display: flex; align-items: center; gap: var(--space-2); }
.botoes[b-39n9d8iwtg] { margin-left: auto; display: flex; gap: var(--space-2); }
.resumo[b-39n9d8iwtg] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
.numeros[b-39n9d8iwtg] { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.numero[b-39n9d8iwtg] { display: flex; flex-direction: column; gap: var(--space-1); }
.numero .rotulo[b-39n9d8iwtg] { color: var(--ink-muted); font-size: var(--texto-controle); }
.numero .valor[b-39n9d8iwtg] { font-weight: var(--peso-forte); }
/* /Telas/Estoque/InventarioAba.razor.rz.scp.css */
.estoque[b-pwrot48vgx] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-pwrot48vgx] { display: flex; flex-direction: column; gap: var(--space-2); }
.topo[b-pwrot48vgx] { display: flex; align-items: center; gap: var(--space-2); }
.botoes[b-pwrot48vgx] { margin-left: auto; display: flex; gap: var(--space-2); }
.resumo[b-pwrot48vgx] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
.leitura[b-pwrot48vgx] { color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Estoque/JobsAba.razor.rz.scp.css */
.estoque[b-rc2hyr39pe] { display: flex; flex-direction: column; gap: var(--space-2); }
.resumo[b-rc2hyr39pe] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Estoque/ProducaoAba.razor.rz.scp.css */
.estoque[b-pmh12882o2] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-pmh12882o2] { display: flex; flex-direction: column; gap: var(--space-2); }
.resumo[b-pmh12882o2] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Estoque/ValidadesAba.razor.rz.scp.css */
.estoque[b-ietm75gq39] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Etiquetas/AgentesPainel.razor.rz.scp.css */
.agentes[b-et29f5ly1c] { display: flex; flex-direction: column; gap: var(--space-2); }
.secao[b-et29f5ly1c] { display: flex; flex-direction: column; gap: var(--space-2); padding-top: var(--space-2); border-top: var(--borda-fina) solid var(--border-subtle); }
.resumo[b-et29f5ly1c] { color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Etiquetas/AjustesCartazPainel.razor.rz.scp.css */
/* O formulário à esquerda e a prévia à direita; em tela estreita a prévia desce. */
.ajustes[b-8aha4nyetz] { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: flex-start; }
.formulario[b-8aha4nyetz] { flex: 1 1 auto; display: flex; flex-direction: column; gap: var(--espaco-linhas); min-width: 0; }
.previa-ajustes[b-8aha4nyetz] { flex: none; display: flex; flex-direction: column; gap: var(--space-1); }
/* /Telas/Etiquetas/ConfigCartazPainel.razor.rz.scp.css */
.painel[b-aq4er0sxzs] { display: flex; flex-direction: column; gap: var(--space-2); }
.previa[b-aq4er0sxzs] { display: flex; flex-direction: column; gap: var(--space-1); }
.arquivo[b-aq4er0sxzs] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Etiquetas/ConfigEtiquetaPainel.razor.rz.scp.css */
.painel[b-7kh1r3jfzp] { display: flex; flex-direction: column; gap: var(--space-2); }
.previa[b-7kh1r3jfzp] { display: flex; flex-direction: column; gap: var(--space-1); }
/* /Telas/Etiquetas/ConfigImpressorasPainel.razor.rz.scp.css */
.painel[b-ht2enfw3ul] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Etiquetas/EditorModeloDialogo.razor.rz.scp.css */
.lado-a-lado[b-p3bhhgdztl] { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: flex-start; }
.editor[b-p3bhhgdztl] { display: flex; flex-direction: column; gap: var(--space-1); }
.previa[b-p3bhhgdztl] { display: flex; flex-direction: column; gap: var(--space-1); }
/* /Telas/Etiquetas/EtiquetasConfigAba.razor.rz.scp.css */
.configuracao[b-g285ta9jae] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Etiquetas/EtiquetasFilaAba.razor.rz.scp.css */
.etiquetas[b-z4rigf1kfb] { display: flex; flex-direction: column; gap: var(--space-2); }
.secao[b-z4rigf1kfb] { display: flex; flex-direction: column; gap: var(--space-2); }
.resumo[b-z4rigf1kfb] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Etiquetas/EtiquetasImpressaoAba.razor.rz.scp.css */
.impressao[b-fkvy0drwqq] { display: flex; flex-direction: column; gap: var(--space-3); }
/* /Telas/Etiquetas/LeituraImpressao.razor.rz.scp.css */
.bloco[b-e1brgzprwg] { display: flex; flex-direction: column; gap: var(--space-2); padding-top: var(--space-2); border-top: var(--borda-fina) solid var(--border-subtle); }
.resumo[b-e1brgzprwg] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Etiquetas/PreviaCartaz.razor.rz.scp.css */
/* A folha do cartaz em miniatura: papel branco e tinta preta nos dois temas; os tamanhos acompanham a largura da folha (cqw), como o PDF
   (preço 28%, grande 11%, médio 7,5%, normal 5%, pequeno 3,5% da largura). */
.folha[b-v4sv6pqwdz] {
  width: var(--largura-previa-cartaz); container-type: size; display: flex; flex-direction: column; overflow: hidden;
  background: var(--papel-etiqueta); color: var(--tinta-etiqueta); border: var(--borda-fina) solid var(--border-subtle);
}
.a4[b-v4sv6pqwdz] { aspect-ratio: 595.28 / 841.89; }
.a5[b-v4sv6pqwdz] { aspect-ratio: 419.53 / 595.28; }
.a6[b-v4sv6pqwdz] { aspect-ratio: 297.64 / 419.53; }
.topo[b-v4sv6pqwdz] { display: block; width: 100%; max-height: 26cqh; object-fit: contain; flex: none; }
.faixa[b-v4sv6pqwdz] { flex: none; background: var(--dourado-cartaz); height: 1.2cqw; }
.texto[b-v4sv6pqwdz] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 6cqw; min-height: 0; }
.texto-linha[b-v4sv6pqwdz] { line-height: var(--cartaz-linha); overflow-wrap: anywhere; }
.preco[b-v4sv6pqwdz] { font-size: var(--cartaz-preco); font-weight: var(--peso-forte); }
.grande[b-v4sv6pqwdz] { font-size: var(--cartaz-grande); font-weight: var(--peso-forte); }
.medio[b-v4sv6pqwdz] { font-size: var(--cartaz-medio); }
.normal[b-v4sv6pqwdz] { font-size: var(--cartaz-normal); }
.pequeno[b-v4sv6pqwdz] { font-size: var(--cartaz-pequeno); }
.corpo-tema[b-v4sv6pqwdz] { flex: 1; display: flex; flex-direction: column; align-items: center; min-height: 0; padding: var(--cartaz-espaco) var(--cartaz-lateral) 0; }
.titulo-tema[b-v4sv6pqwdz] { font-size: var(--cartaz-titulo); font-weight: var(--peso-forte); line-height: var(--cartaz-linha); text-align: center; overflow-wrap: anywhere; }
.preco-tema[b-v4sv6pqwdz] { flex: 1; display: flex; align-items: center; justify-content: center; gap: var(--cartaz-vao); width: 100%; background: radial-gradient(ellipse at center, var(--amarelo-cartaz) 55%, transparent 72%); }
.rs[b-v4sv6pqwdz] { align-self: flex-end; font-size: var(--cartaz-rs); font-weight: var(--peso-forte); line-height: var(--cartaz-linha-unica); }
.inteiro[b-v4sv6pqwdz] { font-size: var(--cartaz-inteiro); font-weight: var(--peso-forte); line-height: var(--cartaz-linha-unica); color: var(--vermelho-cartaz); }
.lado[b-v4sv6pqwdz] { align-self: flex-start; display: flex; flex-direction: column; margin-top: var(--cartaz-espaco); }
.centavos[b-v4sv6pqwdz] { font-size: var(--cartaz-centavos); font-weight: var(--peso-forte); line-height: var(--cartaz-linha-unica); color: var(--vermelho-cartaz); }
.und[b-v4sv6pqwdz] { font-size: var(--cartaz-und); font-weight: var(--peso-forte); line-height: var(--cartaz-linha-und); }
.barra[b-v4sv6pqwdz] { flex: none; margin: 0 var(--cartaz-lateral) var(--cartaz-espaco); min-height: var(--cartaz-barra); background: var(--verde-cartaz); color: var(--papel-etiqueta); font-size: var(--cartaz-rodape); display: flex; align-items: center; padding: 0 var(--cartaz-espaco); }
/* /Telas/Etiquetas/PreviaCartazAjustes.razor.rz.scp.css */
/* O cartaz desenhado em SVG: a largura do mock; a altura vem da proporção do desenho. O texto usa a fonte da tela. */
.folha[b-shqcjrjlke] { display: block; width: var(--largura-previa-ajustes-cartaz); max-width: 100%; height: auto; }
.folha[b-shqcjrjlke]  .normal { font-family: inherit; }
.folha[b-shqcjrjlke]  .negrito { font-family: inherit; font-weight: var(--peso-forte); }
.contorno[b-shqcjrjlke] { fill: none; stroke: var(--border-subtle); stroke-width: var(--borda-fina); }
/* /Telas/Etiquetas/PreviaZplEtiqueta.razor.rz.scp.css */
/* O mock da etiqueta: papel branco e tinta preta nos dois temas; a largura vem do token e a altura, da proporção do papel. */
.etiqueta-zpl[b-iykkfovsae] { width: var(--largura-previa-zpl); display: flex; flex-direction: column; gap: var(--space-1); }
svg[b-iykkfovsae] { display: block; width: 100%; height: auto; border: var(--borda-fina) solid var(--border-subtle); border-radius: var(--raio-controle); }
.papel[b-iykkfovsae] { fill: var(--papel-etiqueta); }
.tinta[b-iykkfovsae] { fill: var(--tinta-etiqueta); }
.etiqueta-zpl[b-iykkfovsae]  text { fill: var(--tinta-etiqueta); } /* o texto vem como marcação pronta (a marca text do Razor não aceita atributos) */
.contorno[b-iykkfovsae] { fill: none; stroke: var(--tinta-etiqueta); }
.medidas[b-iykkfovsae] { color: var(--ink-muted); font-size: var(--rotulo-campo); }
/* /Telas/Financeiro/AutorizarPagamentosAba.razor.rz.scp.css */
/*
 * Financeiro › Pagamentos › Autorizar: a tela do dono, que funciona no celular. Sem grade larga: cada lote é um cartão e cada
 * pagamento uma linha que quebra (o favorecido e o valor em cima; a forma, para onde vai e as datas embaixo). Tudo flui na largura
 * da tela, sem medida fixa.
 */
.autorizar[b-ml70w005gc] { display: flex; flex-direction: column; gap: var(--espaco-linhas); }
.lote[b-ml70w005gc] { display: flex; flex-direction: column; gap: var(--espaco-linhas); }
.cabeca[b-ml70w005gc] { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-2); font-size: var(--texto-controle); color: var(--ink-muted); }
.cabeca b[b-ml70w005gc] { color: var(--ink); }
.itens[b-ml70w005gc] { display: flex; flex-direction: column; }
.item[b-ml70w005gc] {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-2); padding: var(--space-1) 0;
  border-bottom: var(--borda-fina) solid var(--border-subtle); font-size: var(--texto-controle);
}
.item .valor[b-ml70w005gc] { margin-left: auto; font-weight: var(--peso-forte); color: var(--ink); }
.item .sobre[b-ml70w005gc] { flex-basis: 100%; color: var(--ink-muted); overflow-wrap: anywhere; }
.item .aviso[b-ml70w005gc] { color: var(--yellow-text); }
/* /Telas/Financeiro/ConciliacaoAba.razor.rz.scp.css */
.titulos[b-zxz6znda4x], .tela-fin[b-zxz6znda4x] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-zxz6znda4x] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.dica[b-zxz6znda4x] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
.arquivo[b-zxz6znda4x] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Financeiro/FaturaCartaoAba.razor.rz.scp.css */
/* A barra de etapas (Fatura · Conta · Gravar) e as duas grades, uma embaixo da outra. */
.tela-fin[b-ji4218temc] { display: flex; flex-direction: column; gap: var(--espaco-linhas); }
/* A conta da fatura: verde quando fecha, vermelha com o erro (as NFs passam a fatura). */
.texto-barra.confere[b-ji4218temc] { color: var(--green-text); }
.texto-barra.diferenca[b-ji4218temc] { color: var(--red-text); font-weight: var(--peso-forte); }
/* /Telas/Financeiro/FormasPagamentoAba.razor.rz.scp.css */
.titulos[b-cjgmeybw1c], .tela-fin[b-cjgmeybw1c] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-cjgmeybw1c] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.apagada[b-cjgmeybw1c] { opacity: .7; }
.dica[b-cjgmeybw1c] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
/* Formas de Pag (18/10/2026): a linha aberta em grupos numerados com moldura (PDV, Tesouraria, Financeiro), como Empresas. */
.grupo[b-cjgmeybw1c] { display: flex; flex-direction: column; gap: var(--space-2); border: var(--borda-fina) solid var(--border-card); border-radius: var(--radius-lg); padding: var(--space-2) var(--space-3); }
/* /Telas/Financeiro/PagamentosAba.razor.rz.scp.css */
/* Financeiro › Pagamentos: a lista e o registro aberto (o pagamento ou o lote) no padrão das telas do Financeiro. */
.tela-fin[b-vagudxszp8] { display: flex; flex-direction: column; gap: var(--espaco-linhas); }
.detalhe[b-vagudxszp8] { display: flex; flex-direction: column; gap: var(--espaco-linhas); }
.arquivo[b-vagudxszp8] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink-muted); }
/* A autenticação bancária em destaque (o que o fornecedor confere no comprovante). */
.autenticacao[b-vagudxszp8] {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-2); padding: var(--space-2);
  border: var(--borda-fina) solid var(--border-gold); border-radius: var(--raio-controle); font-size: var(--texto-controle); color: var(--ink-muted);
}
.autenticacao b[b-vagudxszp8] { color: var(--ink); font-family: var(--fonte-mono); font-weight: var(--peso-forte); overflow-wrap: anywhere; }
/* /Telas/Financeiro/RegrasAba.razor.rz.scp.css */
.titulos[b-sz5du0tum6], .tela-fin[b-sz5du0tum6] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-sz5du0tum6] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.apagada[b-sz5du0tum6] { opacity: .7; }
/* /Telas/Financeiro/TitulosAba.razor.rz.scp.css */
/* A barra (Marque os títulos · Dar aceite · Conciliar · Remessa) e os filtros da grade juntos, logo abaixo (11/10/2026). */
.titulos[b-edt90kyc1i], .tela-fin[b-edt90kyc1i] { display: flex; flex-direction: column; gap: var(--espaco-linhas); }
.editor[b-edt90kyc1i] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
/* O título do registro aberto com o Salvar · Voltar (e o Excluir) logo depois do texto, na mesma linha, nunca encostados na borda. */
.topo-editor[b-edt90kyc1i] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.dado[b-edt90kyc1i], .totais[b-edt90kyc1i], .resumo[b-edt90kyc1i] { font-size: var(--texto-controle); color: var(--ink-muted); }
.dado b[b-edt90kyc1i], .totais b[b-edt90kyc1i], .resumo b[b-edt90kyc1i] { color: var(--ink); }
.totais[b-edt90kyc1i], .resumo[b-edt90kyc1i] { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.apagada[b-edt90kyc1i] { opacity: .7; }
.dica[b-edt90kyc1i] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
/* A baixa num bloco só e compacto: o título "Baixa" e os campos lado a lado, com o espaçamento compacto (11/10/2026). */
.bloco-baixa[b-edt90kyc1i] {
  display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--espaco-linhas) var(--space-2);
  padding-top: var(--espaco-linhas); border-top: var(--borda-fina) solid var(--border-subtle);
}
.bloco-baixa[b-edt90kyc1i]  h3 { align-self: center; margin-right: var(--space-1); }
/* O pagamento pelo banco no título: a situação e a autenticação bancária em destaque, com o Comprovante (Financeiro › Pagamentos). */
.autenticacao[b-edt90kyc1i] {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-2); padding: var(--space-2);
  border: var(--borda-fina) solid var(--border-gold); border-radius: var(--raio-controle); font-size: var(--texto-controle); color: var(--ink-muted);
}
.autenticacao b[b-edt90kyc1i] { color: var(--ink); font-family: var(--fonte-mono); font-weight: var(--peso-forte); overflow-wrap: anywhere; }
/* /Telas/Fiscal/ConsumoAba.razor.rz.scp.css */
.consumo[b-xvogr5b8uh] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Fiscal/EmissaoNfe.razor.rz.scp.css */
.emissao[b-a9t9g6hw3h] { display: flex; flex-direction: column; gap: var(--space-2); }
.nota[b-a9t9g6hw3h] { display: flex; flex-direction: column; gap: var(--espaco-linhas); }
.dado[b-a9t9g6hw3h] { font-size: var(--texto-controle); color: var(--ink-muted); align-self: center; }
.dado b[b-a9t9g6hw3h] { color: var(--ink); }
/* A barra das etapas da nota, entre linhas finas. */
.emissao[b-a9t9g6hw3h]  .etapas { padding: var(--space-1) 0; border-top: var(--borda-fina) solid var(--border-subtle); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.barra-fila[b-a9t9g6hw3h] { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: flex-end; padding-top: var(--space-2); }
/* /Telas/Fiscal/FiguraFiscalAba.razor.rz.scp.css */
.figura[b-v31ph064tk], .detalhe[b-v31ph064tk], .simular[b-v31ph064tk], .resultado[b-v31ph064tk], .pendencias[b-v31ph064tk] { display: flex; flex-direction: column; gap: var(--space-2); }
.figura[b-v31ph064tk] { gap: var(--space-2); }
.dica[b-v31ph064tk] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
.lista-texto[b-v31ph064tk] { margin: 0; padding-left: var(--space-2); font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Fiscal/GerarSpedAba.razor.rz.scp.css */
.sped[b-v93fioiq3b], .resultado[b-v93fioiq3b], .bloco[b-v93fioiq3b] { display: flex; flex-direction: column; gap: var(--space-2); }
.sped[b-v93fioiq3b] { gap: var(--space-2); }
.colunas[b-v93fioiq3b] { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: flex-end; }
.colunas[b-v93fioiq3b] { align-items: flex-start; gap: var(--space-2); }
.dica[b-v93fioiq3b], .dado[b-v93fioiq3b] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
.dado b[b-v93fioiq3b] { color: var(--ink); }
.arquivo[b-v93fioiq3b] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Fiscal/NotasHistoricoAba.razor.rz.scp.css */
.historico[b-i5u0vfsfhe] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-i5u0vfsfhe] { display: flex; flex-direction: column; gap: var(--space-2); }
.chave[b-i5u0vfsfhe], .dica[b-i5u0vfsfhe] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Fiscal/OperacoesAba.razor.rz.scp.css */
.operacoes[b-8wx0gpto5l] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-8wx0gpto5l] { display: flex; flex-direction: column; gap: var(--espaco-linhas); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.topo[b-8wx0gpto5l] { display: flex; align-items: center; gap: var(--space-2); }
/* /Telas/Fiscal/PainelFiscalAba.razor.rz.scp.css */
.painel-fiscal[b-zkp1zcovzz] { display: flex; flex-direction: column; gap: var(--space-2); }
/* Os indicadores lado a lado, cada um do tamanho do conteúdo (sem esticar), quebrando linha quando não cabem. */
.indicadores[b-zkp1zcovzz] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-2); }
/* /Telas/Folha/CargosFolhaAba.razor.rz.scp.css */
/* Folha › Cargos: só tokens. */
.editor[b-a8h8nl05mk] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Folha/CctVigenteAba.razor.rz.scp.css */
/* Folha de pagamento › CCT Vigente: só tokens (nada de cor, fonte ou medida fixa); texto 11 com o contraste total (ink). */
.cct[b-np72qcfp31] { display: flex; flex-direction: column; gap: var(--space-2); }
/* A faixa da vigência: o texto da tela em peso forte, com a barra dourada à esquerda (como a linha selecionada da grade). */
.faixa[b-np72qcfp31] { font-size: var(--texto-controle); line-height: var(--pequeno-linha); font-weight: var(--peso-forte); color: var(--ink);
    border-left: var(--barra-selecao) solid var(--gold); padding-left: var(--space-2); }
.identificacao[b-np72qcfp31] { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-3); font-size: var(--texto-controle); color: var(--ink); }
/* As seções em colunas de leitura (no mínimo a largura do diálogo), que se ajustam à janela; um cartão nunca se parte entre colunas. */
.secoes[b-np72qcfp31] { column-width: var(--largura-dialogo); column-gap: var(--space-2); }
.secao[b-np72qcfp31] { break-inside: avoid; margin-bottom: var(--space-2); }
.item[b-np72qcfp31] { display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-1) 0; border-top: var(--borda-fina) solid var(--border-subtle);
    font-size: var(--texto-controle); line-height: var(--pequeno-linha); color: var(--ink); }
.item:first-of-type[b-np72qcfp31] { border-top: 0; padding-top: 0; }
.cabeca[b-np72qcfp31] { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-2); }
.assunto[b-np72qcfp31] { color: var(--ink); }
.valor[b-np72qcfp31] { color: var(--gold-light); font-weight: var(--peso-forte); }
.clausula[b-np72qcfp31] { margin-left: auto; white-space: nowrap; color: var(--ink); border: var(--borda-fina) solid var(--border-subtle); border-radius: var(--raio-controle);
    padding: 0 var(--space-1); }
.regra[b-np72qcfp31] { color: var(--ink); }
.na-empresa[b-np72qcfp31] { color: var(--ink); border-left: var(--barra-selecao) solid var(--green); padding-left: var(--space-1); }
/* /Telas/Folha/EmpresasFolhaAba.razor.rz.scp.css */
/* Folha › Empresas na folha: só tokens. */
.editor[b-boknbdefzv] { display: flex; flex-direction: column; gap: var(--space-2); }
.ajustada[b-boknbdefzv] { font-size: var(--texto-controle); line-height: var(--altura-controle); color: var(--ink); }
/* /Telas/Folha/FuncionariosFolhaAba.razor.rz.scp.css */
/* Folha › Funcionários: só tokens. */
.editor[b-mvnwahjxl0] { display: flex; flex-direction: column; gap: var(--space-2); }
.arquivo[b-mvnwahjxl0] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink); }
/* /Telas/Folha/ReajusteAba.razor.rz.scp.css */
/* Folha › Reajuste coletivo: só tokens. */
.reajuste[b-mbn3pgvd56] { display: flex; flex-direction: column; gap: var(--space-2); }
.arquivo[b-mbn3pgvd56] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink); }
/* /Telas/Folha/RubricasFolhaAba.razor.rz.scp.css */
/* Folha › Rubricas: só tokens. */
.editor[b-ml5olh9gpz] { display: flex; flex-direction: column; gap: var(--space-2); }
.avisos[b-ml5olh9gpz] { display: flex; flex-direction: column; gap: var(--space-1); margin-bottom: var(--space-2); }
.arquivo[b-ml5olh9gpz] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink); }
/* /Telas/Folha/ValeAba.razor.rz.scp.css */
.vale[b-es0l3a7l55] { display: flex; flex-direction: column; gap: var(--space-2); outline: none; }
.editor[b-es0l3a7l55] { display: flex; flex-direction: column; gap: var(--space-2); }
.titulo[b-es0l3a7l55] { font-size: var(--texto-controle); font-weight: var(--peso-forte); color: var(--gold-light); }
.resumo[b-es0l3a7l55] { display: flex; flex-wrap: wrap; gap: var(--space-2); font-size: var(--texto-controle); color: var(--ink-muted); }
.resumo b[b-es0l3a7l55] { color: var(--ink); }
/* /Telas/Inicio.razor.rz.scp.css */
.inicio[b-0ey4bmvysw] { display: flex; flex-direction: column; gap: var(--space-3); }
/* Os cartões de vendas "sem dados ainda" (sem a 25101), do tamanho do conteúdo, quebrando linha quando não cabem. */
.indicadores[b-0ey4bmvysw] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-3); }
/* As três linhas do Início (18/10/2026): os cartões lado a lado, com a mesma altura na linha; o que tem gráfico fluido (os 15 dias, os
   eventos, os alertas) fica com a sobra; sem espaço (o celular), cada linha quebra e os cartões empilham. */
.linha[b-0ey4bmvysw] { display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--space-3); }
.bloco[b-0ey4bmvysw], .ancora-venda[b-0ey4bmvysw] { display: flex; flex-direction: column; min-width: min(100%, calc(var(--icone-kpi) * 5)); }
.bloco.cresce[b-0ey4bmvysw] { flex: 1 1 calc(var(--icone-kpi) * 6); }
.bloco[b-0ey4bmvysw] >  .cartao { flex: 1; display: flex; flex-direction: column; gap: var(--space-2); }
.ancora-venda[b-0ey4bmvysw] { position: relative; }
.ancora-venda[b-0ey4bmvysw] >  .box-venda { flex: 1; }
/* O painel dos Mais vendidos abre por cima, ao lado do box Venda do dia (sobre as Vendas por setor), com a sombra dos menus; fecha pelo X
   ou pelo Esc. Na tela estreita, abre logo embaixo do box (empurrando os outros). */
.painel-mais-vendidos[b-0ey4bmvysw] { position: absolute; top: 0; left: calc(100% + var(--space-3)); z-index: 5; width: max-content; max-width: var(--largura-maxima); box-shadow: 0 var(--space-1) var(--space-3) var(--sombra-menu); border-radius: var(--radius-lg); outline: none; }
.painel-mais-vendidos[b-0ey4bmvysw]  .cartao { background: var(--surface); border-color: var(--gold); display: flex; flex-direction: column; gap: var(--space-2); }
@media (max-width: 760px) {
    .painel-mais-vendidos[b-0ey4bmvysw] { position: static; width: auto; max-width: none; margin-top: var(--space-2); }
    /* No celular, cada cartão ocupa a linha inteira (empilhados). */
    .bloco[b-0ey4bmvysw], .ancora-venda[b-0ey4bmvysw] { flex: 1 1 100%; }
}
/* O que é mais largo que o cartão (a grade do Financeiro, a lista dos eventos) rola por dentro, sem alargar a página. */
.bloco[b-0ey4bmvysw] >  .cartao { min-width: 0; max-width: 100%; }
.dica[b-0ey4bmvysw] { margin: 0; color: var(--ink-muted); }
.alerta-link[b-0ey4bmvysw] { display: block; color: inherit; text-decoration: none; }
.ver-todos[b-0ey4bmvysw] { align-self: flex-end; font-size: var(--rotulo-tamanho); color: var(--link); }
/* Os eventos: o título maior (pedido do usuário em 18/10/2026: "aumentar o título"). */
.bloco[b-0ey4bmvysw]  .eventos .titulo { font-size: var(--titulo-tela-tamanho); line-height: var(--titulo-tela-linha); }
/* Painel de compras: o anel dos grupos do Meu dia (o total no meio) ao lado das linhas; cada linha com o ponto da cor da sua parte. */
.compras[b-0ey4bmvysw] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.anel[b-0ey4bmvysw] { position: relative; width: calc(var(--icone-kpi) * 1.5); height: calc(var(--icone-kpi) * 1.5); flex: none; }
.anel svg[b-0ey4bmvysw] { width: 100%; height: 100%; }
.anel circle[b-0ey4bmvysw] { fill: none; stroke-width: 6; }
.anel .fundo[b-0ey4bmvysw] { stroke: var(--border-subtle); }
.anel .centro[b-0ey4bmvysw] { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: var(--titulo-cartao-tamanho); font-weight: var(--peso-forte); }
.fatia.cor-0[b-0ey4bmvysw] { stroke: var(--rosca-0); } .fatia.cor-1[b-0ey4bmvysw] { stroke: var(--rosca-1); } .fatia.cor-2[b-0ey4bmvysw] { stroke: var(--rosca-2); }
.fatia.cor-3[b-0ey4bmvysw] { stroke: var(--rosca-3); } .fatia.cor-4[b-0ey4bmvysw] { stroke: var(--rosca-4); } .fatia.cor-5[b-0ey4bmvysw] { stroke: var(--rosca-5); }
.ponto[b-0ey4bmvysw] { display: inline-block; width: var(--space-2); height: var(--space-2); border-radius: var(--radius-pill); margin-right: var(--space-2); vertical-align: middle; }
.ponto.cor-0[b-0ey4bmvysw] { background: var(--rosca-0); } .ponto.cor-1[b-0ey4bmvysw] { background: var(--rosca-1); } .ponto.cor-2[b-0ey4bmvysw] { background: var(--rosca-2); }
.ponto.cor-3[b-0ey4bmvysw] { background: var(--rosca-3); } .ponto.cor-4[b-0ey4bmvysw] { background: var(--rosca-4); } .ponto.cor-5[b-0ey4bmvysw] { background: var(--rosca-5); }
.ponto.alertas[b-0ey4bmvysw] { background: none; border: var(--borda-fina) solid var(--red-text); }
.linhas-compras[b-0ey4bmvysw] { display: flex; flex-direction: column; flex: 1; }
.linha-compras[b-0ey4bmvysw] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-1) var(--space-2); border: 0; border-bottom: var(--borda-fina) solid var(--border-subtle); background: none; color: var(--ink); font: inherit; font-size: var(--rotulo-tamanho); text-align: left; text-decoration: none; }
.linha-compras:last-child[b-0ey4bmvysw] { border-bottom: 0; }
a.linha-compras[b-0ey4bmvysw], button.linha-compras[b-0ey4bmvysw] { cursor: pointer; }
a.linha-compras:hover[b-0ey4bmvysw], button.linha-compras:hover[b-0ey4bmvysw], a.linha-compras:focus-visible[b-0ey4bmvysw], button.linha-compras:focus-visible[b-0ey4bmvysw] { background: var(--surface-raised); color: var(--gold-light); }
.linha-compras b[b-0ey4bmvysw] { font-size: var(--titulo-cartao-tamanho); font-variant-numeric: tabular-nums; }
.linha-compras.zerada b[b-0ey4bmvysw] { color: var(--ink-muted); font-weight: var(--corpo-peso); }
/* Próximos eventos (90 dias): uma linha por data, em colunas alinhadas — o dia da semana e a data, a marca discreta do tipo, o nome, a
   inicial da abrangência (N, M, E, C; o nome na dica) e o detalhe; com muitas linhas (mais de ~15), a lista rola dentro do box. */
.lista-eventos[b-0ey4bmvysw] { display: grid; grid-template-columns: repeat(5, max-content); column-gap: var(--space-2); row-gap: var(--space-1); align-items: baseline; font-size: var(--rotulo-tamanho); max-height: calc((var(--altura-linha-grade) + var(--space-1)) * 15.5); overflow: auto; max-width: 100%; min-width: 0; }
.evento[b-0ey4bmvysw] { display: contents; cursor: pointer; }
.evento .data[b-0ey4bmvysw] { font: inherit; color: var(--gold-light); font-variant-numeric: tabular-nums; white-space: nowrap; text-align: left;
  background: none; border: 0; padding: 0; cursor: pointer; }
.evento .data:hover[b-0ey4bmvysw], .evento .data:focus-visible[b-0ey4bmvysw] { text-decoration: underline; }
/* O calendário do evento clicado abre por cima da lista, no canto de cima à direita do cartão. */
.ancora-calendario[b-0ey4bmvysw] { position: relative; height: 0; }
.ancora-calendario[b-0ey4bmvysw]  .calendario { top: 0; left: auto; right: 0; }
.marca[b-0ey4bmvysw] { flex: none; width: var(--space-2); height: var(--space-2); border-radius: var(--radius-pill); align-self: center; }
.marca.feriado-nacional[b-0ey4bmvysw] { background: var(--red-text); }
.marca.feriado-cadastrado[b-0ey4bmvysw] { background: none; border: var(--borda-fina) solid var(--red-text); }
.marca.data-comercial[b-0ey4bmvysw] { background: var(--gold); }
.marca.evento-comum[b-0ey4bmvysw] { background: var(--link); }
.evento .nome[b-0ey4bmvysw] { font-weight: var(--peso-forte); }
.sigla[b-0ey4bmvysw] { display: inline-flex; align-items: center; justify-content: center; width: var(--icone-chip); height: var(--icone-chip); border-radius: var(--raio-controle); border: var(--borda-fina) solid var(--border-subtle); font-size: var(--pequeno-tamanho); font-weight: var(--peso-forte); cursor: help; align-self: center; }
.sigla-N[b-0ey4bmvysw] { color: var(--red-text); border-color: var(--red-text); }
.sigla-E[b-0ey4bmvysw] { color: var(--link); border-color: var(--link); }
.sigla-M[b-0ey4bmvysw] { color: var(--yellow-text); border-color: var(--yellow-text); }
.sigla-C[b-0ey4bmvysw] { color: var(--gold); border-color: var(--gold); }
.detalhe[b-0ey4bmvysw] { color: var(--ink-muted); font-size: var(--pequeno-tamanho); }
[data-bloco=eventos][b-0ey4bmvysw] { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
/* Financeiro: a grade das empresas e, embaixo, as barras CP × CR de cada dia (somadas as empresas). */
.financeiro-empresas[b-0ey4bmvysw] { display: flex; flex-direction: column; gap: var(--space-2); max-width: 100%; min-width: 0; overflow-x: auto; }
.cp-cr[b-0ey4bmvysw] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-3); }
.dia-cp-cr[b-0ey4bmvysw] { display: flex; flex-direction: column; align-items: center; gap: var(--space-1); font-size: var(--pequeno-tamanho); color: var(--ink-muted); }
.dia-cp-cr svg[b-0ey4bmvysw] { width: var(--icone-kpi); height: var(--icone-kpi); }
.cp[b-0ey4bmvysw] { fill: var(--red); } .cr[b-0ey4bmvysw] { fill: var(--green); }
.legenda-cp-cr[b-0ey4bmvysw] { display: flex; gap: var(--space-3); font-size: var(--pequeno-tamanho); color: var(--ink-muted); align-self: center; }
.ponto.cp[b-0ey4bmvysw] { background: var(--red); } .ponto.cr[b-0ey4bmvysw] { background: var(--green); }
.movimento[b-0ey4bmvysw] { display: flex; flex-wrap: wrap; gap: var(--space-4); font-size: var(--rotulo-tamanho); color: var(--ink-muted); }
.movimento b[b-0ey4bmvysw] { color: var(--ink); }
.entrada[b-0ey4bmvysw]  .icone { color: var(--green); }
.entrada[b-0ey4bmvysw]  .subir { transform: rotate(180deg); }
.saida[b-0ey4bmvysw]  .icone { color: var(--red); }
.movimentacao[b-0ey4bmvysw] { display: flex; flex-direction: column; gap: var(--space-2); }
/* O A pagar (sem a moldura própria: a do cartão basta) e a movimentação de hoje embaixo da grade, separados por uma linha fina. */
.a-pagar[b-0ey4bmvysw]  .indicador { border: 0; padding: 0; background: none; }
.financeiro-empresas + .a-pagar[b-0ey4bmvysw], .financeiro-empresas + .movimentacao[b-0ey4bmvysw], .a-pagar + .movimentacao[b-0ey4bmvysw] { margin-top: var(--space-1); padding-top: var(--space-2); border-top: var(--borda-fina) solid var(--border-subtle); }
.pagamentos-banco[b-0ey4bmvysw] { display: flex; flex-direction: column; gap: var(--space-1); margin-top: var(--space-2); }
.subtitulo[b-0ey4bmvysw] { font-size: var(--rotulo-tamanho); font-weight: var(--peso-forte); }
/* /Telas/MeuPerfil.razor.rz.scp.css */
.perfil[b-fou8tc5fhz] { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: flex-start; }
.dados[b-fou8tc5fhz] { display: grid; grid-template-columns: max-content max-content; gap: var(--space-2) var(--space-2); margin: 0; }
dt[b-fou8tc5fhz] { color: var(--ink-muted); } dd[b-fou8tc5fhz] { margin: 0; }
.senha[b-fou8tc5fhz] { display: flex; flex-direction: column; gap: var(--space-2); }
.aparencia[b-fou8tc5fhz] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Produtos/BalancaAba.razor.rz.scp.css */
.balanca[b-ya62fjz2b5] { display: flex; flex-direction: column; gap: var(--space-2); }
.secao[b-ya62fjz2b5] { display: flex; flex-direction: column; gap: var(--space-2); }
.resumo[b-ya62fjz2b5] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Produtos/CentralAba.razor.rz.scp.css */
.central[b-7r8t7ga9y3] { display: flex; flex-direction: column; gap: var(--espaco-linhas); }
/* A legenda das cores (as mesmas cores das células da grade). */
.item[b-7r8t7ga9y3] { display: inline-flex; align-items: center; gap: var(--space-1); }
.amostra[b-7r8t7ga9y3] { display: inline-block; width: var(--caixa-marcar); height: var(--caixa-marcar); border-radius: var(--raio-controle); }
.amostra.oferta[b-7r8t7ga9y3] { background: var(--grade-aviso); }
.amostra.inativo[b-7r8t7ga9y3] { background: var(--grade-perigo); }
.amostra.minimo[b-7r8t7ga9y3] { background: var(--grade-info); }
/* As ações da barra, agrupadas por etapa (cadastro · marcados · linha), com divisória fina entre os grupos. */
.grupo-acoes[b-7r8t7ga9y3] { display: inline-flex; align-items: center; gap: var(--space-1); }
.grupo-acoes + .grupo-acoes[b-7r8t7ga9y3] { margin-left: var(--espaco-linhas); padding-left: var(--espaco-linhas); border-left: var(--borda-fina) solid var(--border-subtle); }
/* O detalhe do produto da linha atual, embaixo da grade. */
.detalhe[b-7r8t7ga9y3] { display: flex; flex-direction: column; gap: var(--space-1); border-top: var(--borda-fina) solid var(--border-subtle); padding-top: var(--espaco-linhas); }
.topo-detalhe[b-7r8t7ga9y3] { display: flex; align-items: center; gap: var(--space-2); }
.produto-detalhe[b-7r8t7ga9y3] { flex: 1; min-width: 0; color: var(--ink-muted); font-size: var(--grade-texto); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* /Telas/Produtos/CriarOfertaPainel.razor.rz.scp.css */
.criar-oferta[b-4wcgej3wyv] { display: flex; flex-direction: column; gap: var(--espaco-linhas); padding-bottom: var(--espaco-linhas); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.aviso-preco[b-4wcgej3wyv] { color: var(--red-text); font-weight: var(--rotulo-peso); font-size: var(--texto-controle); }
.periodo[b-4wcgej3wyv] { color: var(--ink-muted); font-size: var(--texto-controle); }
/* /Telas/Produtos/DivergenciasAba.razor.rz.scp.css */
.detalhe[b-mj2t8o7hv6] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.resumo[b-mj2t8o7hv6] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); white-space: pre-line; }
/* /Telas/Produtos/Editor/AbaBalanca.razor.rz.scp.css */
/* Aba Dados Balança: os campos à esquerda e a prévia da etiqueta (300) à direita, como o desktop. */
.aba-balanca[b-4548lumm1m] { display: grid; grid-template-columns: minmax(0, max-content) var(--largura-previa-etiqueta); gap: var(--space-2); align-items: start; }
.campos[b-4548lumm1m] { display: flex; flex-direction: column; gap: var(--espaco-linhas); min-width: 0; }
/* A informação extra em colunas fixas: 56 caracteres por linha. */
.informacao[b-4548lumm1m]  textarea.entrada { width: calc(var(--colunas-informacao-extra) * 1ch + var(--space-2)); }
/* /Telas/Produtos/Editor/AbaDados.razor.rz.scp.css */
/* Aba Dados: a coluna dos campos à esquerda e a foto (200 × 200, solta) à direita; a Identificação embaixo. */
.aba-dados[b-q37wsyr2mh] { display: flex; flex-direction: column; gap: var(--espaco-linhas); }
.colunas[b-q37wsyr2mh] { display: grid; grid-template-columns: minmax(0, max-content) var(--lado-foto-produto); gap: var(--space-2); align-items: start; }
.esquerda[b-q37wsyr2mh] { display: flex; flex-direction: column; gap: var(--espaco-linhas); min-width: 0; }
/* A foto solta, sem campo e sem moldura (200 × 200): a própria imagem é o botão que abre a escolha do arquivo; sem foto, só
   uma área tracejada fina e discreta com a dica. O input do arquivo fica escondido (o clique, Enter, Espaço e o arquivo solto
   chegam pelo sistema.areaArquivo). O X de tirar fica no canto superior direito da imagem. */
.foto[b-q37wsyr2mh] { position: relative; width: var(--lado-foto-produto); height: var(--lado-foto-produto); margin-top: var(--espaco-linhas); }
.escolher[b-q37wsyr2mh] {
  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;
  cursor: pointer; border-radius: var(--raio-controle); border: var(--borda-fina) dashed transparent;
}
.foto[data-estado="vazia"] .escolher[b-q37wsyr2mh] { border-color: var(--border-subtle); }
.escolher:hover[b-q37wsyr2mh], .foto.soltando .escolher[b-q37wsyr2mh] { border-color: var(--gold); }
.escolher img[b-q37wsyr2mh] { max-width: 100%; max-height: 100%; object-fit: contain; }
.dica-foto[b-q37wsyr2mh] { color: var(--ink-muted); font-size: var(--rotulo-campo); line-height: var(--pequeno-linha); padding: var(--space-1); }
.foto[b-q37wsyr2mh]  .arquivo-foto { display: none; }
.tirar[b-q37wsyr2mh] { position: absolute; right: 0; top: 0; z-index: 1; }
.selo[b-q37wsyr2mh] { display: inline-flex; color: var(--green-text); }
/* /Telas/Produtos/Editor/AbaParametros.razor.rz.scp.css */
/* Aba Parâmetros: duas colunas de cards empilhados (moldura fina só nesta aba, como o desktop), cada coluna do tamanho dos
   cards (sem esticar), quebrando linha quando não cabem. */
.aba-parametros[b-r2to5n70vd] { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: flex-start; }
.coluna[b-r2to5n70vd] { display: flex; flex-direction: column; gap: var(--espaco-linhas); min-width: 0; }
/* /Telas/Produtos/Editor/AbaTributacao.razor.rz.scp.css */
/* Aba Tributação: as grades de duas em duas, lado a lado (como o desktop). */
.aba-tributacao[b-s05osm964y] { display: flex; flex-direction: column; gap: var(--espaco-linhas); }
.lado-a-lado[b-s05osm964y] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-2); }
/* /Telas/Produtos/Editor/EscolhaDepartamento.razor.rz.scp.css */
/* O campo "Depto." (botão com o nome do nó, na largura média) e a janela da árvore por cima, como o flyout do desktop. */
.depto[b-xxlx2wu1pj] { position: relative; display: inline-flex; }
.campo-arvore[b-xxlx2wu1pj] { display: inline-flex; align-items: center; justify-content: space-between; gap: var(--space-1); cursor: pointer; text-align: left; }
.campo-arvore .nome[b-xxlx2wu1pj] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.janela[b-xxlx2wu1pj] {
  position: absolute; top: 100%; left: 0; z-index: 20; width: calc(var(--largura-extra-longo) + var(--space-3) * 2);
  display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-2);
  background: var(--surface); border: var(--borda-fina) solid var(--border-card); border-radius: var(--raio-controle);
}
.caminho[b-xxlx2wu1pj], .dica[b-xxlx2wu1pj] { font-size: var(--rotulo-campo); color: var(--ink-muted); }
.arvore[b-xxlx2wu1pj] { list-style: none; margin: 0; padding: 0; max-height: calc(var(--altura-linha-grade) * 16); overflow-y: auto; font-size: var(--grade-texto); }
.no[b-xxlx2wu1pj] { display: flex; align-items: center; gap: var(--space-1); min-height: var(--altura-linha-grade); padding: 0 var(--espaco-linhas); cursor: pointer; white-space: nowrap; }
.no.acima[b-xxlx2wu1pj] { color: var(--ink-muted); }
.no.destaque[b-xxlx2wu1pj], .no:hover[b-xxlx2wu1pj] { background: var(--selecao-ouro); }
.no.atual[b-xxlx2wu1pj] { box-shadow: inset var(--barra-selecao) 0 0 var(--gold); }
.seta[b-xxlx2wu1pj] { display: inline-block; width: var(--space-2); color: var(--gold); }
.nivel-2[b-xxlx2wu1pj] { padding-left: calc(var(--space-2) * 1); }
.nivel-3[b-xxlx2wu1pj] { padding-left: calc(var(--space-2) * 2); }
.nivel-4[b-xxlx2wu1pj] { padding-left: calc(var(--space-2) * 3); }
.nivel-5[b-xxlx2wu1pj] { padding-left: calc(var(--space-2) * 4); }
.nada[b-xxlx2wu1pj] { color: var(--ink-muted); padding: 0 var(--espaco-linhas); }
/* /Telas/Produtos/Editor/PreviaEtiqueta.razor.rz.scp.css */
/* A etiqueta impressa: papel branco e tinta preta (tokens fora dos temas), texto miúdo como o da balança. */
.etiqueta[b-0jz2uumzoi] {
  background: var(--papel-etiqueta); color: var(--tinta-etiqueta); width: var(--largura-previa-etiqueta);
  padding: var(--space-2); border-radius: var(--raio-controle); font-size: var(--grade-texto); line-height: var(--pequeno-linha);
  display: flex; flex-direction: column; gap: var(--borda-fina);
}
.descricao[b-0jz2uumzoi] { font-weight: var(--peso-forte); font-size: var(--texto-controle); }
.duas[b-0jz2uumzoi] { display: flex; justify-content: space-between; gap: var(--space-2); }
.total[b-0jz2uumzoi] { font-weight: var(--peso-forte); }
.barras[b-0jz2uumzoi] { font-family: var(--fonte-mono); letter-spacing: var(--borda-forte); text-align: center; border-top: var(--borda-fina) solid var(--tinta-etiqueta); border-bottom: var(--borda-fina) solid var(--tinta-etiqueta); }
.pequeno[b-0jz2uumzoi] { font-size: var(--rotulo-campo); }
.mono[b-0jz2uumzoi] { font-family: var(--fonte-mono); white-space: pre; overflow: hidden; }
.alto-em[b-0jz2uumzoi] { font-weight: var(--peso-forte); border: var(--borda-forte) solid var(--tinta-etiqueta); padding: 0 var(--space-1); }
.nutricional[b-0jz2uumzoi] { border: var(--borda-fina) solid var(--tinta-etiqueta); padding: var(--space-1); display: flex; flex-direction: column; }
.titulo-nutri[b-0jz2uumzoi] { font-weight: var(--peso-forte); text-align: center; }
.linha-nutri[b-0jz2uumzoi] { display: grid; grid-template-columns: 1fr repeat(3, max-content); gap: var(--space-1); font-size: var(--rotulo-campo); border-top: var(--borda-fina) solid var(--tinta-etiqueta); }
.linha-nutri.cabecalho[b-0jz2uumzoi] { font-weight: var(--peso-forte); }
.linha-nutri.recuo span:first-child[b-0jz2uumzoi] { padding-left: var(--space-2); }
/* /Telas/Produtos/Editor/Secao.razor.rz.scp.css */
/* Seção sem moldura (título com linha fina e o conteúdo logo abaixo); o card da aba Parâmetros com moldura fina. Só tokens. */
.secao[b-6swf7hvjhl] { display: flex; flex-direction: column; gap: var(--espaco-linhas); padding-top: var(--espaco-linhas); border-top: var(--borda-fina) solid var(--border-subtle); min-width: 0; }
.secao.cartao[b-6swf7hvjhl] { border: var(--borda-fina) solid var(--border-subtle); border-radius: var(--raio-controle); padding: var(--space-2); }
.cabeca-secao[b-6swf7hvjhl] { display: flex; align-items: center; gap: var(--space-1); }
.secao[b-6swf7hvjhl]  .marcas { display: flex; flex-wrap: wrap; gap: var(--espaco-linhas) var(--space-2); }
.secao[b-6swf7hvjhl]  .marcas-2 { display: grid; grid-template-columns: repeat(2, minmax(0, max-content)); gap: var(--borda-fina) var(--space-2); }
.secao[b-6swf7hvjhl]  .dica { margin: 0; color: var(--ink-muted); font-size: var(--rotulo-campo); line-height: var(--pequeno-linha); }
.secao[b-6swf7hvjhl]  .texto { margin: 0; font-size: var(--texto-controle); line-height: var(--pequeno-linha); }
.secao[b-6swf7hvjhl]  .forte { font-weight: var(--peso-forte); }
.secao[b-6swf7hvjhl]  .alerta { color: var(--red-text); }
.secao[b-6swf7hvjhl]  .mono { font-family: var(--fonte-mono); }
.secao[b-6swf7hvjhl]  .rotulo-grupo { font-size: var(--rotulo-campo); color: var(--ink-muted); }
.secao[b-6swf7hvjhl]  .grupo { display: inline-flex; flex-direction: column; gap: var(--borda-fina); }
.secao[b-6swf7hvjhl]  .com-icone { display: inline-flex; align-items: flex-end; gap: var(--space-1); }
/* /Telas/Produtos/LotePainel.razor.rz.scp.css */
.lote[b-yr2ul239s2] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.topo[b-yr2ul239s2] { display: flex; align-items: center; gap: var(--space-2); }
.botoes[b-yr2ul239s2] { margin-left: auto; display: flex; gap: var(--space-2); }
.secao[b-yr2ul239s2] { display: flex; flex-direction: column; gap: var(--space-2); }
.marcas[b-yr2ul239s2] { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: flex-end; }
.resumo[b-yr2ul239s2] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
.arquivo[b-yr2ul239s2] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Produtos/OfertasAba.razor.rz.scp.css */
.ofertas[b-qq416i65k8] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-qq416i65k8] { display: flex; flex-direction: column; gap: var(--space-2); }
.topo[b-qq416i65k8] { display: flex; align-items: center; gap: var(--space-2); }
.botoes[b-qq416i65k8] { margin-left: auto; display: flex; gap: var(--space-2); }
/* /Telas/Produtos/PrecificacaoAba.razor.rz.scp.css */
.precificacao[b-ghn993gsk4] { display: flex; flex-direction: column; gap: var(--space-2); }
.pedido[b-ghn993gsk4] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.produto[b-ghn993gsk4] { color: var(--ink); font-size: var(--texto-controle); }
/* /Telas/Produtos/ProdutoEditor.razor.rz.scp.css */
/* O cadastro do produto: cabeçalho compacto (título, a descrição embaixo e Salvar · Voltar logo depois), as abas e o
   conteúdo da aba. As medidas e as cores só pelos tokens. */
.editor[b-6qy7jcyt9o] { display: flex; flex-direction: column; gap: var(--espaco-linhas); }
.topo[b-6qy7jcyt9o] { display: flex; align-items: center; gap: var(--space-2); }
.titulos[b-6qy7jcyt9o] { display: flex; flex-direction: column; min-width: 0; max-width: var(--largura-maxima); }
.subtitulo[b-6qy7jcyt9o] { color: var(--ink-muted); font-size: var(--texto-controle); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(var(--largura-extra-longo) * 2); }
.carregando[b-6qy7jcyt9o] { color: var(--ink-muted); }
.conteudo[b-6qy7jcyt9o] { display: flex; flex-direction: column; gap: var(--espaco-linhas); }
/* /Telas/Produtos/SaudeAba.razor.rz.scp.css */
.saude[b-84bl9hsuz0] { display: flex; flex-direction: column; gap: var(--space-2); }
.cartoes[b-84bl9hsuz0] { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.tema[b-84bl9hsuz0] { display: flex; align-items: baseline; gap: var(--space-2); padding: var(--space-1) var(--space-2); border: var(--borda-fina) solid var(--border-subtle);
        border-radius: var(--radius-sm); background: none; color: var(--ink); cursor: pointer; font-size: var(--texto-controle); }
.tema.ativo[b-84bl9hsuz0] { border-color: var(--gold-light); }
.quantidade[b-84bl9hsuz0] { font-weight: var(--peso-forte); color: var(--ink-muted); }
.tema.pendente .quantidade[b-84bl9hsuz0] { color: var(--gold-light); }
.resumo[b-84bl9hsuz0] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); }
.lote[b-84bl9hsuz0], .bebidas[b-84bl9hsuz0] { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: flex-end; }
.bebidas p[b-84bl9hsuz0] { margin: 0; }
/* /Telas/Relatorios/FluxoCaixaAba.razor.rz.scp.css */
.titulos[b-xvhsaznmht], .tela-fin[b-xvhsaznmht] { display: flex; flex-direction: column; gap: var(--space-2); }
.dado[b-xvhsaznmht], .totais[b-xvhsaznmht], .resumo[b-xvhsaznmht] { font-size: var(--texto-controle); color: var(--ink-muted); }
.dado b[b-xvhsaznmht], .totais b[b-xvhsaznmht], .resumo b[b-xvhsaznmht] { color: var(--ink); }
.totais[b-xvhsaznmht], .resumo[b-xvhsaznmht] { display: flex; flex-wrap: wrap; gap: var(--space-2); }
/* /Telas/TelaDoModulo.razor.rz.scp.css */
/* A aba da tela juntada que não está à vista fica viva, escondida (o que foi digitado continua lá). Regra composta: a classe
   "escondida" nunca é anulada por outra regra de display (guarda). */
.parte-viva.escondida[b-5g5gd15bba] { display: none; }
/* /Telas/Tesouraria/CarroForteGuia.razor.rz.scp.css */
.editor[b-qsoylcss7u] { display: flex; flex-direction: column; gap: var(--space-2); }
.dado[b-qsoylcss7u], .resumo[b-qsoylcss7u] { font-size: var(--texto-controle); color: var(--ink-muted); }
.dado b[b-qsoylcss7u], .resumo b[b-qsoylcss7u] { color: var(--ink); }
.resumo[b-qsoylcss7u] { display: flex; flex-wrap: wrap; gap: var(--space-2); }
/* /Telas/Tesouraria/CartoesAba.razor.rz.scp.css */
.titulos[b-7qzug3dnwu], .tela-fin[b-7qzug3dnwu] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-7qzug3dnwu] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.dado[b-7qzug3dnwu], .totais[b-7qzug3dnwu], .resumo[b-7qzug3dnwu] { font-size: var(--texto-controle); color: var(--ink-muted); }
.dado b[b-7qzug3dnwu], .totais b[b-7qzug3dnwu], .resumo b[b-7qzug3dnwu] { color: var(--ink); }
.totais[b-7qzug3dnwu], .resumo[b-7qzug3dnwu] { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.apagada[b-7qzug3dnwu] { opacity: .7; }
/* /Telas/Tesouraria/CartoesPosLojaAba.razor.rz.scp.css */
.tela-fin[b-j92oqo3abs] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-j92oqo3abs] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Tesouraria/CentralAba.razor.rz.scp.css */
.titulos[b-rk4lvz53rp], .tela-fin[b-rk4lvz53rp] { display: flex; flex-direction: column; gap: var(--space-2); }
.dado[b-rk4lvz53rp], .totais[b-rk4lvz53rp], .resumo[b-rk4lvz53rp] { font-size: var(--texto-controle); color: var(--ink-muted); }
.dado b[b-rk4lvz53rp], .totais b[b-rk4lvz53rp], .resumo b[b-rk4lvz53rp] { color: var(--ink); }
.totais[b-rk4lvz53rp], .resumo[b-rk4lvz53rp] { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.dica[b-rk4lvz53rp] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
.arquivo[b-rk4lvz53rp] { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/Tesouraria/CofreBancoAba.razor.rz.scp.css */
.editor[b-ohanb7yita] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
/* /Telas/Tesouraria/EmpresaAba.razor.rz.scp.css */
.tela-fin[b-e5comvsfsf] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Tesouraria/FechamentosPdvAba.razor.rz.scp.css */
.editor[b-n8ct037a4w] { display: flex; flex-direction: column; gap: var(--space-2); padding-bottom: var(--space-2); border-bottom: var(--borda-fina) solid var(--border-subtle); }
.dado[b-n8ct037a4w] { font-size: var(--texto-controle); color: var(--ink-muted); }
.dado b[b-n8ct037a4w] { color: var(--ink); }
/* /Telas/Tesouraria/LancamentosLojaAba.razor.rz.scp.css */
.tela-fin[b-xn6irx7nx2] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-xn6irx7nx2] { display: flex; flex-direction: column; gap: var(--space-2); }
/* A conferência do Valor do depósito com a soma das marcadas (15/10/2026): "confere" na cor de ok; a diferença na cor de alerta. */
.texto-barra.confere[b-xn6irx7nx2] { color: var(--green-text); }
.texto-barra.diferenca[b-xn6irx7nx2] { color: var(--red-text); font-weight: var(--peso-forte); }
/* /Telas/Tesouraria/PdvsLojaAba.razor.rz.scp.css */
.tela-fin[b-5xu8uj1s23] { display: flex; flex-direction: column; gap: var(--space-2); }
.editor[b-5xu8uj1s23] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Tesouraria/SangriasFinalizadoraAba.razor.rz.scp.css */
.finalizadoras[b-co7taqsncb] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Tesouraria/TesourariaEmpresaAbas.razor.rz.scp.css */
.tela-fin[b-spexm6h629] { display: flex; flex-direction: column; gap: var(--space-2); }
.resumo[b-spexm6h629] { font-size: var(--texto-controle); color: var(--ink-muted); display: flex; flex-wrap: wrap; gap: var(--space-2); }
.resumo b[b-spexm6h629] { color: var(--ink); }
.dica[b-spexm6h629] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
/* /Telas/UsuarioEditor.razor.rz.scp.css */
.editor[b-niud6r9xi0] { display: flex; flex-direction: column; gap: var(--space-2); }
.topo[b-niud6r9xi0] { display: flex; align-items: center; gap: var(--space-2); }
.botoes[b-niud6r9xi0] { display: flex; gap: var(--space-2); }
.secao[b-niud6r9xi0] { display: flex; flex-direction: column; gap: var(--space-2); padding-top: var(--space-2); border-top: var(--borda-fina) solid var(--border-subtle); }
.marcas[b-niud6r9xi0] { display: flex; flex-wrap: wrap; gap: var(--space-2); }
/* Os cartões do Painel numa coluna ao lado dos campos de Dados (19/10/2026): os campos não descem; em tela estreita, a coluna
   vai para baixo. */
.dados-e-cartoes[b-niud6r9xi0] { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-3); }
.dados[b-niud6r9xi0] { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.cartoes-painel[b-niud6r9xi0] { display: flex; flex-direction: column; gap: var(--espaco-linhas); padding-left: var(--space-3);
  border-left: var(--borda-fina) solid var(--border-subtle); }
.cartoes-painel .marcas[b-niud6r9xi0] { flex-direction: column; gap: var(--espaco-linhas); }
.rotulo-cartoes[b-niud6r9xi0] { color: var(--ink-muted); font-size: var(--texto-controle); }
.resumo[b-niud6r9xi0] { color: var(--ink-muted); font-size: var(--texto-controle); }
/* Os módulos dos acessos um embaixo do outro, todos na largura do maior (sem esticar até a borda da tela). */
.modulos[b-niud6r9xi0] { display: flex; flex-direction: column; gap: var(--espaco-linhas); width: fit-content; max-width: 100%; }
.modulo-acesso[b-niud6r9xi0] { border: var(--borda-fina) solid var(--border-subtle); border-radius: var(--radius-sm); }
.cabeca[b-niud6r9xi0] { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-1) var(--space-2); }
.abrir[b-niud6r9xi0] { background: none; border: 0; color: var(--ink); font-weight: var(--peso-forte); cursor: pointer; font-size: var(--texto-controle); }
.itens[b-niud6r9xi0] { list-style: none; margin: 0; padding: 0 var(--space-2) var(--space-2) var(--space-3); }
.itens li[b-niud6r9xi0] { display: flex; align-items: center; gap: var(--space-2); min-height: var(--altura-linha-grade); font-size: var(--grade-texto); border-top: var(--borda-fina) solid var(--border-subtle); }
.codigo[b-niud6r9xi0] { width: var(--largura-mini); color: var(--gold-light); }
.descricao[b-niud6r9xi0] { flex: 1; }
.tipo[b-niud6r9xi0] { color: var(--ink-muted); font-size: var(--texto-controle); }
.carregando[b-niud6r9xi0] { color: var(--ink-muted); }
.legenda[b-niud6r9xi0] { margin: 0; color: var(--ink-muted); font-size: var(--texto-controle); max-width: 90ch; }
.no-modulo[b-niud6r9xi0] { margin-left: auto; }
.no-nivel[b-niud6r9xi0] { flex: none; }
/* O rótulo da lista de nível some: a linha já diz a tela; a dica diz o campo. */
.no-nivel[b-niud6r9xi0]  .rotulo, .no-modulo[b-niud6r9xi0]  .rotulo { display: none; }
.sem-moldura[b-niud6r9xi0] { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Vendas/CupomVenda.razor.rz.scp.css */
.cupom[b-53hnglhd18] { display: flex; flex-direction: column; gap: var(--space-2); }
.cabecalho[b-53hnglhd18] { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; justify-content: space-between; }
.acoes[b-53hnglhd18] { display: flex; gap: var(--space-2); align-items: center; }
.titulo[b-53hnglhd18] { font-size: var(--texto-controle); font-weight: var(--peso-forte); color: var(--gold-light); }
.resumo[b-53hnglhd18] { display: flex; flex-wrap: wrap; gap: var(--space-3); font-size: var(--texto-controle); color: var(--ink-muted); }
.resumo b[b-53hnglhd18] { color: var(--ink); }
.chave[b-53hnglhd18] { word-break: break-all; }
[b-53hnglhd18] .riscada td { text-decoration: line-through; color: var(--ink-muted); }
/* /Telas/Vendas/DescidaVendas.razor.rz.scp.css */
.vendas[b-0hescqtcau] { display: flex; flex-direction: column; gap: var(--space-2); outline: none; }
.resumo-periodo[b-0hescqtcau] { margin: 0; font-size: var(--texto-controle); color: var(--ink-muted); }
.detalhe[b-0hescqtcau] { display: flex; flex-direction: column; gap: var(--space-2); }
.titulo[b-0hescqtcau] { font-size: var(--texto-controle); font-weight: var(--peso-forte); color: var(--gold-light); }
.resumo[b-0hescqtcau] { display: flex; flex-wrap: wrap; gap: var(--space-3); font-size: var(--texto-controle); color: var(--ink-muted); }
.resumo b[b-0hescqtcau] { color: var(--ink); }
.texto[b-0hescqtcau] { margin: 0; font-size: var(--texto-controle); color: var(--ink); }
.link[b-0hescqtcau] { border: none; background: none; padding: 0; color: var(--link); cursor: pointer; font: inherit; }
.link:hover[b-0hescqtcau] { text-decoration: underline; }
/* /Telas/Vendas/FuncoesDoDiaPdv.razor.rz.scp.css */
.funcoes-dia[b-c877cnnqon] { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); }
/* /Telas/Vendas/NotaEmitidaDetalhe.razor.rz.scp.css */
.detalhe[b-e9637fhkpi] { display: flex; flex-direction: column; gap: var(--space-2); }
.cabecalho[b-e9637fhkpi] { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; justify-content: space-between; }
.titulo[b-e9637fhkpi] { font-size: var(--texto-controle); font-weight: var(--peso-forte); color: var(--gold-light); }
.resumo[b-e9637fhkpi] { display: flex; flex-wrap: wrap; gap: var(--space-3); font-size: var(--texto-controle); color: var(--ink-muted); }
.resumo b[b-e9637fhkpi] { color: var(--ink); }
.texto[b-e9637fhkpi] { margin: 0; font-size: var(--texto-controle); color: var(--ink); }
.chave[b-e9637fhkpi] { word-break: break-all; }
/* /Telas/Vendas/NotasEmitidasAba.razor.rz.scp.css */
.notas[b-zhikuajffa] { display: flex; flex-direction: column; gap: var(--space-2); }
/* /Telas/Vendas/PainelCaixasAba.razor.rz.scp.css */
.painel[b-1o49de862s] { display: flex; flex-direction: column; gap: var(--space-3); }
.linha[b-1o49de862s] { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: flex-end; }
h3[b-1o49de862s] { margin: 0; font-size: var(--rotulo-tamanho); font-weight: var(--peso-forte); color: var(--gold-light); }
.indicadores[b-1o49de862s] { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(var(--icone-kpi) * 4), 1fr)); gap: var(--space-3); }
.editor[b-1o49de862s] { display: flex; flex-direction: column; gap: var(--space-2); }
.detalhe[b-1o49de862s] { margin: 0; white-space: pre-wrap; font-family: inherit; font-size: var(--rotulo-tamanho); color: var(--ink); }
.dica[b-1o49de862s] { margin: 0; font-size: var(--pequeno-tamanho); color: var(--ink-muted); }
/* /Telas/Vendas/VendasAba.razor.rz.scp.css */
.tela-vendas[b-v0qfugtgnr] { display: flex; flex-direction: column; gap: var(--space-3); }
.linha[b-v0qfugtgnr] { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: flex-end; }