/* GERADO por tools/gerar_temas.py: não edite à mão. */
html[data-tema="azul"] { --th: 220; --ts: 1; }
html[data-tema="escuro"] { --th: 0; --ts: 0; }
html:is([data-tema="azul"], [data-tema="escuro"]) .btn.sec { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .btn.sec:hover { background: hsl(219 55% 9.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .btn.perigo { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) input[type=text], html:is([data-tema="azul"], [data-tema="escuro"]) input[type=email], html:is([data-tema="azul"], [data-tema="escuro"]) input[type=password], html:is([data-tema="azul"], [data-tema="escuro"]) input[type=number], html:is([data-tema="azul"], [data-tema="escuro"]) input[type=date], html:is([data-tema="azul"], [data-tema="escuro"]) input[type=search], html:is([data-tema="azul"], [data-tema="escuro"]) input[type=file], html:is([data-tema="azul"], [data-tema="escuro"]) select, html:is([data-tema="azul"], [data-tema="escuro"]) textarea { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .etiqueta { background: hsl(var(--th) calc(var(--ts) * 32%) 10.9%); color: hsl(var(--th) calc(var(--ts) * 20%) 87.1%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .etiqueta.azul { background: hsl(217 55% 10.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) code { background: hsl(213 36% 10.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .barras .b { background: hsl(221 55% 12.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .legenda i { background: hsl(221 55% 12.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .margem-barra { background: hsl(var(--th) calc(var(--ts) * 32%) 10.9%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .barras .seg.custo { background: hsl(221 55% 12.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .fatia-0 { stroke: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .fatia-1 { stroke: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .fatia-2 { stroke: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .leg-2 { background: hsl(214 55% 14.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .fatia-3 { stroke: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .fatia-4 { stroke: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .fatia-5 { fill: hsl(217 32% 12.8%); stroke: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .leg-5 { background: hsl(217 32% 12.8%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .fatia-6 { stroke: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .fatia-7 { stroke: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .cartao, html:is([data-tema="azul"], [data-tema="escuro"]) .metrica { border-color: hsl(var(--th) calc(var(--ts) * 32%) 20.3%); }
@media (min-width: 900px) {
  html:is([data-tema="azul"], [data-tema="escuro"]) .tabela:not(.resumo) tbody tr:hover { background: hsl(222 55% 9.1%); }
}
html:is([data-tema="azul"], [data-tema="escuro"]) .btn.sec { border-color: hsl(var(--th) calc(var(--ts) * 32%) 22.8%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .btn.sec:hover { background: hsl(222 55% 9.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) input[type=text], html:is([data-tema="azul"], [data-tema="escuro"]) input[type=email], html:is([data-tema="azul"], [data-tema="escuro"]) input[type=password], html:is([data-tema="azul"], [data-tema="escuro"]) input[type=number], html:is([data-tema="azul"], [data-tema="escuro"]) input[type=date], html:is([data-tema="azul"], [data-tema="escuro"]) input[type=search], html:is([data-tema="azul"], [data-tema="escuro"]) select, html:is([data-tema="azul"], [data-tema="escuro"]) textarea { border-color: hsl(var(--th) calc(var(--ts) * 32%) 22.8%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .heroi select option { color: hsl(var(--th) calc(var(--ts) * 20%) 92.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .destaque { border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 20.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .destaque .rotulo { color: hsl(var(--th) calc(var(--ts) * 20%) 85.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .barras .seg.custo { background: hsl(220 55% 11.9%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .legenda i { background: hsl(220 55% 11.9%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .nome-hub span { background: linear-gradient(180deg, hsl(var(--th) calc(var(--ts) * 32%) 8.5%) 30%, hsl(219 55% 14.2%)); }
html:is([data-tema="azul"], [data-tema="escuro"]) .btn.sec:hover { background: hsl(220 47% 9.6%); border-color: hsl(var(--th) calc(var(--ts) * 32%) 24.1%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .btn.perigo { border-color: hsl(var(--th) calc(var(--ts) * 32%) 22.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .seg-ctrl { background: hsl(220 36% 10.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .alerta { background: hsl(219 55% 9.5%); border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 20.2%); color: hsl(221 65% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .tabela td { border-bottom: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 18.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .tabela tbody tr:hover { background: hsl(223 55% 8.9%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .etiqueta { background: hsl(220 36% 10.0%); color: hsl(var(--th) calc(var(--ts) * 20%) 86.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .etiqueta.azul { background: hsl(218 55% 10.1%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .etiqueta.ok { background: hsl(148 46% 10.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .etiqueta.erro { background: hsl(3 55% 9.9%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .etiqueta.aviso { background: hsl(218 55% 10.1%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .barras .seg.custo { background: hsl(221 53% 11.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .pizza-leg li { border-bottom: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 18.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .margem-barra { background: hsl(220 35% 10.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .contas-lista a { background: hsl(220 37% 9.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .contas-lista a.atraso { background: hsl(5 55% 9.5%); border-color: hsl(var(--th) calc(var(--ts) * 32%) 22.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .estoque-chip { background: hsl(220 36% 10.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .estoque-chip.zero { background: hsl(3 55% 9.9%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .estoque-chip.baixo { background: hsl(219 55% 10.1%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .dica-senha span { background: hsl(220 47% 9.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .vazio::before { background: hsl(220 36% 10.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .menu-usuario-caixa a:hover, html:is([data-tema="azul"], [data-tema="escuro"]) .menu-usuario-caixa button:hover { background: hsl(220 47% 9.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .plataforma.em-breve { background: hsl(220 50% 9.2%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .plat-numeros a, html:is([data-tema="azul"], [data-tema="escuro"]) .plat-numeros div { background: hsl(220 37% 9.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .plat-numeros a:hover { background: hsl(224 55% 9.8%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .grade-cartoes .metrica:nth-child(3n) .rotulo::before { background: hsl(214 55% 14.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .avisos .erro { background: hsl(219 55% 9.5%); border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 20.2%); color: hsl(221 65% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .g-grade { stroke: hsl(220 43% 10.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .g-ponto { fill: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .progresso { background: hsl(220 35% 10.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .acoes-lista a { background: hsl(220 37% 9.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .acoes-lista a:hover { background: hsl(224 55% 9.8%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .acoes-lista i { background: hsl(214 55% 14.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .acoes-lista .alto a { background: hsl(5 55% 9.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .foto-mini { background: hsl(220 36% 10.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .botao-busca:hover { color: hsl(220 68% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .botao-busca kbd { background: hsl(220 36% 10.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .botao-sino { color: hsl(220 68% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .sino-caixa > b { color: hsl(220 68% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .sino-caixa a { color: hsl(220 68% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .sino-caixa a:hover { background: hsl(219 55% 9.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .busca-janela a { color: hsl(220 68% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .busca-janela a:hover, html:is([data-tema="azul"], [data-tema="escuro"]) .busca-janela a.ativo { background: hsl(219 55% 9.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .botao-tema:hover { background: hsl(219 55% 9.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .amostra.claro { background: linear-gradient(135deg, hsl(var(--th) calc(var(--ts) * 32%) 8.5%) 50%, hsl(219 47% 10.3%) 50%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .chave-2fa { background: hsl(219 55% 9.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .plat-logo.img { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .sim-painel.azulado { background: hsl(220 55% 9.2%); border-color: hsl(var(--th) calc(var(--ts) * 32%) 20.1%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .comp-barra { background: hsl(220 36% 10.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .c-imposto { background: hsl(219 55% 12.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .plat-logo.img { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .busca-venda input[type=search] { border: 1px solid var(--borda,hsl(var(--th) calc(var(--ts) * 32%) 20.8%)); background: var(--superficie,hsl(var(--th) calc(var(--ts) * 32%) 8.5%)); }
html:is([data-tema="azul"], [data-tema="escuro"]) .tabela-anuncios .foto-mini { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .tabela-anuncios .foto-mini.vazia { background: hsl(220 36% 10.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .caixa-vinculo { background: var(--superficie, hsl(var(--th) calc(var(--ts) * 32%) 8.5%)); }
html:is([data-tema="azul"], [data-tema="escuro"]) .ads-item { background: hsl(220 50% 9.2%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .plat-destaque { background: linear-gradient(160deg, hsl(219 55% 9.5%), hsl(220 50% 9.2%)); border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.2%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .bd-sub { border-left: 3px solid hsl(var(--th) calc(var(--ts) * 32%) 20.9%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .tabela tfoot .linha-total td { border-top: 2px solid var(--borda, hsl(var(--th) calc(var(--ts) * 32%) 20.1%)); background: hsl(220 55% 9.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .pedido-topo { background: hsl(220 55% 9.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .forn-zap { background: hsl(220 55% 9.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .forn-zap:hover { background: hsl(218 55% 10.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .caixa-novo-fornecedor { background: hsl(220 55% 9.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .caixa-marcar { background: hsl(220 55% 9.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .etiqueta.perfil-operacao { background: hsl(218 55% 10.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .forn-compacto li { border-bottom: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 18.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .grade-cartoes a.metrica.baixo { background: hsl(49 55% 9.7%); border-color: hsl(var(--th) calc(var(--ts) * 32%) 25.1%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .grade-cartoes a.metrica.sem { background: hsl(0 55% 9.3%); border-color: hsl(var(--th) calc(var(--ts) * 32%) 22.2%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .alerta-estoque { background: hsl(49 55% 9.7%); border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 25.1%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .etiqueta.sem-est { background: hsl(0 55% 10.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .etiqueta.baixo-est { background: hsl(48 55% 12.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .nota-nova > summary.nota-botao:focus-visible { outline: 3px solid hsl(var(--th) calc(var(--ts) * 32%) 21.9%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .funil-aba { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 20.1%); color: hsl(var(--th) calc(var(--ts) * 20%) 85.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .funil-aba b { background: hsl(210 40% 9.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .funil-linha { border-bottom: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 18.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .funil-item img, html:is([data-tema="azul"], [data-tema="escuro"]) .funil-sem-foto { background: hsl(210 40% 9.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .funil-meta { color: hsl(var(--th) calc(var(--ts) * 20%) 85.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .etapa.ativa { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); color: hsl(222 47% 97.0%); border-color: hsl(var(--th) calc(var(--ts) * 32%) 16.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .etapa.ativa b { color: hsl(222 47% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .funil-todos { border-bottom: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 18.6%); color: hsl(var(--th) calc(var(--ts) * 20%) 85.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .funil-linha.marcada { background: hsl(212 55% 9.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .selo-metodo { background: hsl(210 40% 9.7%); color: hsl(var(--th) calc(var(--ts) * 20%) 87.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .selo-metodo.self_service { background: hsl(141 55% 10.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-passo.sem b { color: hsl(var(--th) calc(var(--ts) * 20%) 85.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-passo.ativo { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); color: hsl(var(--th) calc(var(--ts) * 20%) 87.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-passo.ativo b { color: hsl(222 47% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-grupo-filtro { background: hsl(var(--th) calc(var(--ts) * 32%) 10.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-grupo-filtro a { color: hsl(var(--th) calc(var(--ts) * 20%) 85.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-grupo-filtro a.on { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); color: hsl(222 47% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-lista, html:is([data-tema="azul"], [data-tema="escuro"]) .op-bloco { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-todos { background: hsl(210 40% 9.1%); border-bottom: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 18.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-bloco-topo { background: linear-gradient(90deg, hsl(216 55% 9.6%), hsl(var(--th) calc(var(--ts) * 32%) 8.5%)); border-bottom: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-marcar-grupo { color: hsl(var(--th) calc(var(--ts) * 20%) 85.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-pedido { border-bottom: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 18.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-pedido::before { background: hsl(var(--th) calc(var(--ts) * 32%) 13.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-pedido.marcado { background: hsl(216 55% 9.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-foto { background: hsl(218 31% 10.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-metodo { background: hsl(218 31% 10.0%); color: hsl(var(--th) calc(var(--ts) * 20%) 85.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-metodo.m-self_service { background: hsl(141 55% 10.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-metodo.m-cross_docking { background: hsl(214 55% 10.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-metodo.m-drop_off, html:is([data-tema="azul"], [data-tema="escuro"]) .op-metodo.m-xd_drop_off { background: hsl(48 55% 11.9%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-cab { background: hsl(216 38% 9.3%); border-bottom: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 18.5%); color: hsl(222 47% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-cab-sep { background: hsl(var(--th) calc(var(--ts) * 32%) 12.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-forma { background: hsl(48 55% 10.9%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-forma.m-self_service { background: hsl(141 55% 10.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-info b { color: hsl(222 47% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-datas { border-left: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-mais-btn { color: hsl(var(--th) calc(var(--ts) * 20%) 85.4%); border-left: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-mais { color: hsl(var(--th) calc(var(--ts) * 20%) 85.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-mais dd { color: hsl(222 47% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-todos { border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-pedido { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); border-bottom: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-cab { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-bloco-topo { border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .perg-card { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .perg-texto { background: hsl(217 50% 9.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-comprador { border-left: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-comprador-nome { color: hsl(222 47% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-datas { border-left: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-menu { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-menu button { color: hsl(222 47% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-menu button:hover { background: hsl(210 40% 9.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-oculta { background: hsl(214 32% 11.1%); color: hsl(var(--th) calc(var(--ts) * 20%) 85.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-obs-faixa { background: hsl(48 55% 9.7%); border-top: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 26.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-pop-btn { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 20.2%); color: hsl(var(--th) calc(var(--ts) * 20%) 87.3%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-pop-btn:hover, html:is([data-tema="azul"], [data-tema="escuro"]) .op-pop[open] > .op-pop-btn { color: hsl(222 47% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-pop-caixa { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-pop-caixa a { color: hsl(222 47% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-pop-caixa a:hover { background: hsl(210 40% 9.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-pop-caixa a.on { background: hsl(220 55% 9.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-visao { background: hsl(var(--th) calc(var(--ts) * 32%) 10.5%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-visao a.on { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); color: hsl(222 47% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-chip { background: hsl(220 55% 9.7%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .op-chip:hover { background: hsl(220 55% 10.6%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .plano-faixa { background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 19.6%); color: hsl(var(--th) calc(var(--ts) * 20%) 85.4%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .plano-faixa.cheio { background: hsl(0 55% 9.3%); color: hsl(0 70% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .plano-faixa b { color: hsl(222 47% 97.0%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .plano-barra { background: hsl(var(--th) calc(var(--ts) * 32%) 10.9%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .plano-barra::-webkit-progress-bar { background: hsl(var(--th) calc(var(--ts) * 32%) 10.9%); }
html:is([data-tema="azul"], [data-tema="escuro"]) .user-editar { border: 1px solid hsl(var(--th) calc(var(--ts) * 32%) 22.0%); background: hsl(var(--th) calc(var(--ts) * 32%) 8.5%); color: hsl(222 47% 97.0%); }