/* GERADO por scripts/tema/gerar-tema-claro.mjs — não edite à mão (ajustes manuais ficam em tema-claro-ajustes.css). Tema claro: troca só as cores fixas das folhas de estilo; vale apenas com . */ /* estilo.css */ html[data-tema="claro"] { background: var(--fundo); } :root[data-tema="claro"] body { background: var(--fundo); color: var(--texto); } :root[data-tema="claro"] a { color: var(--marca); } :root[data-tema="claro"] .sub { color: var(--sub); } :root[data-tema="claro"] .vazio { color: var(--sub); } :root[data-tema="claro"] .desativado { color: var(--apagado); } :root[data-tema="claro"] .mensagem { background: var(--ok-fundo); border: 1px solid var(--ok); } :root[data-tema="claro"] input, :root[data-tema="claro"] select, :root[data-tema="claro"] button, :root[data-tema="claro"] textarea { color: var(--texto); border: 1px solid var(--borda-forte); background: var(--cartao); } :root[data-tema="claro"] input:focus-visible, :root[data-tema="claro"] select:focus-visible, :root[data-tema="claro"] button:focus-visible, :root[data-tema="claro"] a:focus-visible, :root[data-tema="claro"] summary:focus-visible { outline: 2px solid var(--marca); } :root[data-tema="claro"] button { background: var(--marca); color: var(--marca-texto); border-color: var(--marca); } :root[data-tema="claro"] button:hover:not(:disabled) { background: var(--marca-escura); } :root[data-tema="claro"] button:disabled { background: var(--borda-forte); border-color: var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] button.link { background: none; border: 0; color: var(--marca); } :root[data-tema="claro"] .botao-sec { background: var(--cartao); color: var(--texto); border-color: var(--borda-forte); } :root[data-tema="claro"] .botao-sec:hover:not(:disabled) { background: var(--cartao-2); } :root[data-tema="claro"] .botao-icone { background: none; border: 0; color: inherit; } :root[data-tema="claro"] .menu-lateral { background: var(--menu-fundo); color: var(--menu-texto); } :root[data-tema="claro"] .menu-lateral .marca { color: var(--texto); } :root[data-tema="claro"] .marca-simbolo { background: var(--marca); color: #fff; } :root[data-tema="claro"] .marca-nome small { color: var(--menu-texto); } :root[data-tema="claro"] .menu-lateral nav a { color: var(--menu-texto); } :root[data-tema="claro"] .menu-lateral nav a:hover { background: var(--menu-ativo); color: var(--texto); } :root[data-tema="claro"] .menu-lateral nav a.ativo { background: var(--menu-ativo); color: #fff; box-shadow: inset 3px 0 0 #4fc1a7; } :root[data-tema="claro"] .barra-topo { background: var(--cartao); border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .busca-global { background: var(--cartao-2); border: 1px solid var(--borda); color: var(--sub); } :root[data-tema="claro"] .busca-global input { border: 0; background: transparent; } :root[data-tema="claro"] .busca-global input:focus-visible { outline: none; } :root[data-tema="claro"] .busca-global:focus-within { border-color: var(--marca); } :root[data-tema="claro"] .chip-ambiente { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .avatar { background: var(--marca-clara); color: var(--marca); } :root[data-tema="claro"] .sessao-nome small { color: var(--sub); } :root[data-tema="claro"] .faixa-ambiente { background: var(--alerta-fundo); color: var(--alerta); border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .painel-status { background: var(--cartao); border: 1px solid var(--borda); box-shadow: var(--sombra); } :root[data-tema="claro"] .painel-status a { color: var(--texto); } :root[data-tema="claro"] .painel-status a:hover { background: var(--cartao-2); } :root[data-tema="claro"] .painel-status a.ativo { background: var(--marca); color: var(--marca-texto); } :root[data-tema="claro"] .painel-status .contador { color: var(--sub); } :root[data-tema="claro"] .painel-status a.ativo .contador { color: inherit; } :root[data-tema="claro"] .painel-status a.com-erro .contador { color: var(--erro); } :root[data-tema="claro"] .painel-status .grupo { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .painel-status .grupo-titulo { color: var(--sub); } :root[data-tema="claro"] .ponto { background: var(--apagado); } :root[data-tema="claro"] .etapa-aguardando_pagamento .ponto, :root[data-tema="claro"] .etapa-agendado .ponto { background: var(--alerta); } :root[data-tema="claro"] .etapa-faturamento .ponto, :root[data-tema="claro"] .etapa-envio_nf .ponto, :root[data-tema="claro"] .etapa-etiqueta .ponto, :root[data-tema="claro"] .etapa-preparacao .ponto { background: var(--info); } :root[data-tema="claro"] .etapa-pronto_envio .ponto, :root[data-tema="claro"] .etapa-enviado .ponto, :root[data-tema="claro"] .etapa-entregue .ponto { background: var(--ok); } :root[data-tema="claro"] .etapa-fulfillment .ponto { background: #7a4fc4; } :root[data-tema="claro"] .etapa-cancelado .ponto { background: var(--erro); } :root[data-tema="claro"] .cab-pagina .total { color: var(--sub); background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .filtros { background: var(--cartao); border: 1px solid var(--borda); box-shadow: var(--sombra); } :root[data-tema="claro"] .filtros label { color: var(--sub); } :root[data-tema="claro"] .filtros label.check, :root[data-tema="claro"] .barra-ferramentas label.check { color: var(--texto); } :root[data-tema="claro"] .filtros-avancados { border-top: 1px dashed var(--borda); } :root[data-tema="claro"] .filtros-avancados summary { color: var(--marca); } :root[data-tema="claro"] .filtros-avancados .contador { background: var(--marca); color: var(--marca-texto); } :root[data-tema="claro"] .chip { background: var(--marca-clara); color: var(--marca-escura); } :root[data-tema="claro"] .barra-ferramentas { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .pag-botao { border: 1px solid var(--borda-forte); color: var(--texto); background: var(--cartao); } :root[data-tema="claro"] a.pag-botao:hover { border-color: var(--marca); color: var(--marca); } :root[data-tema="claro"] .pag-texto { color: var(--sub); } :root[data-tema="claro"] .rolagem-tabela { border: 1px solid var(--borda); border-top: 0; background: var(--cartao); } :root[data-tema="claro"] .tabela-pedidos, :root[data-tema="claro"] .cartao table { background: var(--cartao); } :root[data-tema="claro"] .tabela-pedidos th, :root[data-tema="claro"] .tabela-pedidos td, :root[data-tema="claro"] .cartao th, :root[data-tema="claro"] .cartao td { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .tabela-pedidos thead th { color: var(--sub); background: var(--cartao-2); } :root[data-tema="claro"] .tabela-pedidos th a.ordenar { color: inherit; } :root[data-tema="claro"] .tabela-pedidos th a.ordenar.asc .seta, :root[data-tema="claro"] .tabela-pedidos th a.ordenar.desc .seta { color: var(--marca); } :root[data-tema="claro"] .tabela-pedidos tbody tr:hover { background: var(--cartao-2); } :root[data-tema="claro"] .tabela-pedidos tbody tr.selecionada { background: var(--marca-clara); } :root[data-tema="claro"] .tabela-pedidos tr.com-erro { box-shadow: inset 3px 0 0 var(--erro); } :root[data-tema="claro"] .estrela { color: var(--alerta); } :root[data-tema="claro"] .estrela.e2 { color: var(--erro); } :root[data-tema="claro"] .estrela.e3 { color: #2557a7; } :root[data-tema="claro"] .estrela.e4 { color: var(--ok); } :root[data-tema="claro"] .estrela.e5 { color: #812d95; } :root[data-tema="claro"] .estrela.e6 { color: #495057; } :root[data-tema="claro"] .selo-canal { color: #1b2230; background: #e6e9ee; } :root[data-tema="claro"] .selo-canal.canal-amazon { background: #ffd58a; } :root[data-tema="claro"] .selo-canal.canal-mercado_livre { background: #ffe94d; } :root[data-tema="claro"] .selo-canal.canal-shopee { background: #ffb59c; color: #5a1a06; } :root[data-tema="claro"] .selo-canal.canal-tiktok { background: var(--info-fundo); color: var(--texto); } :root[data-tema="claro"] .tag-origem { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .tag-origem.origem-mercado_livre { background: var(--info-fundo); color: var(--info); } :root[data-tema="claro"] .miniatura { border: 1px solid var(--borda); background: var(--cartao-2); } :root[data-tema="claro"] .miniatura.vazia { color: var(--apagado); } :root[data-tema="claro"] .qtd { color: var(--sub); } :root[data-tema="claro"] .qtd.destaque { color: #fff; background: var(--erro); } :root[data-tema="claro"] .status-chip { background: var(--cartao-2); border: 1px solid var(--borda); } :root[data-tema="claro"] .status-chip.etapa-aguardando_pagamento, :root[data-tema="claro"] .status-chip.etapa-agendado { background: var(--alerta-fundo); color: var(--alerta); border-color: transparent; } :root[data-tema="claro"] .status-chip.etapa-faturamento, :root[data-tema="claro"] .status-chip.etapa-envio_nf, :root[data-tema="claro"] .status-chip.etapa-etiqueta, :root[data-tema="claro"] .status-chip.etapa-preparacao { background: var(--info-fundo); color: var(--info); border-color: transparent; } :root[data-tema="claro"] .status-chip.etapa-pronto_envio, :root[data-tema="claro"] .status-chip.etapa-enviado, :root[data-tema="claro"] .status-chip.etapa-entregue { background: var(--ok-fundo); color: var(--ok); border-color: transparent; } :root[data-tema="claro"] .status-chip.etapa-cancelado { background: var(--erro-fundo); color: var(--erro); border-color: transparent; } :root[data-tema="claro"] .ind { border: 1px solid var(--borda); color: var(--apagado); } :root[data-tema="claro"] .ind.ok { color: var(--ok); background: var(--ok-fundo); border-color: transparent; } :root[data-tema="claro"] .ind.alerta { color: var(--alerta); background: var(--alerta-fundo); border-color: transparent; } :root[data-tema="claro"] .ind.erro { color: #fff; background: var(--erro); border-color: var(--erro); } :root[data-tema="claro"] .ind.info { color: var(--info); background: var(--info-fundo); border-color: transparent; } :root[data-tema="claro"] .cartao-vazio { background: var(--cartao); border: 1px solid var(--borda); border-top: 0; } :root[data-tema="claro"] .tag { border: 1px solid var(--borda); } :root[data-tema="claro"] .tag.ok { color: var(--ok); border-color: var(--ok); } :root[data-tema="claro"] .tag.alerta { color: var(--alerta); border-color: var(--alerta); } :root[data-tema="claro"] .tag.erro { color: #fff; background: var(--erro); border-color: var(--erro); } :root[data-tema="claro"] .tag.estrela { color: var(--alerta); } :root[data-tema="claro"] .canal { background: var(--cartao-2); } :root[data-tema="claro"] .canal-amazon { background: #fff1d6; } :root[data-tema="claro"] .canal-mercado_livre { background: #fff9c4; } :root[data-tema="claro"] .canal-shopee { background: #ffe3d9; } :root[data-tema="claro"] .canal-tiktok { background: #e3e8ff; } :root[data-tema="claro"] span.canal { color: #1b2230; } :root[data-tema="claro"] .cartao { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .cartao.erros { border-color: #f1b5ab; background: var(--erro-fundo); } :root[data-tema="claro"] .erro-item + .erro-item { border-top: 1px solid #f1d0ca; } :root[data-tema="claro"] dt { color: var(--sub); } :root[data-tema="claro"] .historico li { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .historico li.ev-usuario .autor { color: var(--marca); } @media (max-width: 900px) { :root[data-tema="claro"] .menu-lateral.aberto { box-shadow: 0 0 0 100vmax rgba(15, 23, 42, 0.122); } } :root[data-tema="claro"] .mensagem.erro { background: var(--erro-fundo); border-color: #f1b5ab; } :root[data-tema="claro"] tr.fora-sla { background: var(--erro-fundo); } :root[data-tema="claro"] .parametros fieldset { border: 1px solid var(--borda); } :root[data-tema="claro"] .negativo { color: var(--erro); } :root[data-tema="claro"] .abas a { border: 1px solid var(--borda); } :root[data-tema="claro"] .abas a.ativo { background: var(--marca); color: #fff; } :root[data-tema="claro"] pre.original { background: var(--cartao-2); } :root[data-tema="claro"] .cartao-interno { border-top: 1px solid #e3e6ea; } :root[data-tema="claro"] .status-chip.etapa-fulfillment { background: #efe7fb; color: #543290; border-color: transparent; } :root[data-tema="claro"][data-tema="escuro"] .status-chip.etapa-fulfillment { background: var(--cartao-2); color: #4f1da5; } :root[data-tema="claro"] .botao-link { border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .cab-cliente { color: var(--sub); } :root[data-tema="claro"] .estrela-botao { background: none; border: 1px solid transparent; color: var(--apagado); } :root[data-tema="claro"] .estrela-botao:hover:not(:disabled) { background: var(--cartao-2); } :root[data-tema="claro"] .estrela-botao.ativa { border-color: var(--borda-forte); } :root[data-tema="claro"] .estrela-botao.ativa.e1, :root[data-tema="claro"] .estrela-botao.e1:hover { color: #d99a00; } :root[data-tema="claro"] .estrela-botao.ativa.e2, :root[data-tema="claro"] .estrela-botao.e2:hover { color: #d9480f; } :root[data-tema="claro"] .estrela-botao.ativa.e3, :root[data-tema="claro"] .estrela-botao.e3:hover { color: #2557a7; } :root[data-tema="claro"] .estrela-botao.ativa.e4, :root[data-tema="claro"] .estrela-botao.e4:hover { color: #2f9e44; } :root[data-tema="claro"] .estrela-botao.ativa.e5, :root[data-tema="claro"] .estrela-botao.e5:hover { color: #9c36b5; } :root[data-tema="claro"] .estrela-botao.ativa.e6, :root[data-tema="claro"] .estrela-botao.e6:hover { color: #868e96; } :root[data-tema="claro"] .ind-texto { border: 1px solid var(--borda); color: var(--sub); } :root[data-tema="claro"] .ind-texto.ok { color: var(--ok); background: var(--ok-fundo); border-color: transparent; } :root[data-tema="claro"] .ind-texto.alerta { color: var(--alerta); background: var(--alerta-fundo); border-color: transparent; } :root[data-tema="claro"] .ind-texto.erro { color: #fff; background: var(--erro); border-color: var(--erro); } :root[data-tema="claro"] .tag-origem.origem-baselinker { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .vinculo.ok { color: var(--ok); } :root[data-tema="claro"] .vinculo.alerta { color: var(--alerta); } :root[data-tema="claro"] .tabela-itens tfoot td, :root[data-tema="claro"] .tabela-itens tfoot th { border-bottom: 0; } :root[data-tema="claro"] .tabela-itens tfoot tr.total th { border-top: 2px solid var(--borda); } :root[data-tema="claro"] .barra-pagamento { border-top: 1px dashed var(--borda); } :root[data-tema="claro"] dt.separa, :root[data-tema="claro"] dd.separa { border-top: 1px solid var(--borda); } :root[data-tema="claro"] details.historico > summary::before { color: var(--sub); } :root[data-tema="claro"] .etapa-exp { background: var(--cartao); border: 1px solid var(--borda); color: var(--texto); box-shadow: var(--sombra); } :root[data-tema="claro"] .etapa-exp:hover { border-color: var(--marca); } :root[data-tema="claro"] .etapa-exp.ativa { border-color: var(--marca); box-shadow: inset 0 -3px 0 var(--marca); } :root[data-tema="claro"] .etapa-num { background: var(--cartao-2); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .etapa-exp.ativa .etapa-num { background: var(--marca); color: var(--marca-texto); border-color: var(--marca); } :root[data-tema="claro"] .leitor { border-width: 2px; } :root[data-tema="claro"] .leitor.sucesso { border-color: var(--ok); } :root[data-tema="claro"] .leitor.falha { border-color: var(--erro); } :root[data-tema="claro"] .leitor.sucesso .leitor-resultado { color: var(--ok); } :root[data-tema="claro"] .leitor.falha .leitor-resultado { color: var(--erro); } :root[data-tema="claro"] .leitor-pedido { background: var(--cartao-2); } :root[data-tema="claro"] .tabela-fila { border: 1px solid var(--borda); } :root[data-tema="claro"] .tabela-separacao { background: var(--cartao); } :root[data-tema="claro"] .tabela-separacao th, :root[data-tema="claro"] .tabela-separacao td { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .caixa-check { border: 2px solid var(--texto); } @media print { :root[data-tema="claro"] body.com-menu { background: #fff; color: #000; } :root[data-tema="claro"] .tabela-separacao th, :root[data-tema="claro"] .tabela-separacao td { border-color: #999; } } :root[data-tema="claro"] .nome-produto { color: var(--texto); } :root[data-tema="claro"] .nome-produto:hover { color: var(--marca); } :root[data-tema="claro"] .tag-tipo { background: var(--cartao-2); border: 1px solid var(--borda); } :root[data-tema="claro"] .tag-tipo.tipo-kit { background: var(--info-fundo); color: var(--info); border-color: transparent; } :root[data-tema="claro"] .tag-tipo.tipo-variacao { background: var(--alerta-fundo); color: var(--alerta); border-color: transparent; } :root[data-tema="claro"] .chip-integracao { border: 1px solid var(--borda); } :root[data-tema="claro"] .chip-integracao b { color: var(--marca); } :root[data-tema="claro"] .falta { color: var(--alerta); } :root[data-tema="claro"] .abas-linha { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .abas-linha a { color: var(--sub); border-bottom: 2px solid transparent; } :root[data-tema="claro"] .abas-linha a.ativa { color: var(--marca); border-bottom-color: var(--marca); } :root[data-tema="claro"] .abas-linha .contador { background: var(--cartao-2); border: 1px solid var(--borda); } :root[data-tema="claro"] .pilula { color: var(--texto); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .pilula span { color: var(--sub); } :root[data-tema="claro"] .pilula.ativa { background: var(--marca); border-color: var(--marca); color: var(--marca-texto); } :root[data-tema="claro"] .pilula.ativa span { color: inherit; } :root[data-tema="claro"] .pilula.sit-erro:not(.ativa) span { color: var(--erro); } :root[data-tema="claro"] .resumo-cartao { background: var(--cartao); border: 1px solid var(--borda); color: var(--texto); box-shadow: var(--sombra); } :root[data-tema="claro"] a.resumo-cartao:hover { border-color: var(--marca); } :root[data-tema="claro"] .resumo-cartao.ativo { border-color: var(--marca); box-shadow: inset 0 -3px 0 var(--marca); } :root[data-tema="claro"] .resumo-cartao.perigo strong { color: var(--erro); } :root[data-tema="claro"] .erro-cartao { background: var(--cartao); border: 1px solid var(--borda); border-left: 4px solid var(--alerta); } :root[data-tema="claro"] .erro-cartao.fora-sla { border-left-color: var(--erro); } :root[data-tema="claro"] .erro-idade { color: var(--sub); } :root[data-tema="claro"] .erro-idade.erro { color: var(--erro); } :root[data-tema="claro"] .erro-cartao .msg-original code { background: var(--cartao-2); } :root[data-tema="claro"] .zerado { color: var(--sub); } :root[data-tema="claro"] .cartao table thead th { color: var(--sub); background: var(--cartao-2); } :root[data-tema="claro"] .cartao table tbody tr:hover { background: var(--cartao-2); } :root[data-tema="claro"] .fcp-acoes summary { color: var(--marca); } :root[data-tema="claro"] .form-fcp label { color: var(--sub); } :root[data-tema="claro"] .bloqueio { color: var(--erro); } :root[data-tema="claro"] .ok-texto { color: var(--ok); } :root[data-tema="claro"] .barra-lote-fcp { background: var(--cartao-2); border: 1px solid var(--borda); } :root[data-tema="claro"] .tabela-fcp tr.linha-liberada { box-shadow: inset 3px 0 0 var(--ok); } :root[data-tema="claro"] .tabela-fcp tr.linha-editada { background: var(--alerta-fundo); } :root[data-tema="claro"] .campo-fiscal label { color: var(--sub); } :root[data-tema="claro"] .vital-marca { color: var(--info); } :root[data-tema="claro"] .importar-csv summary { color: var(--marca); } :root[data-tema="claro"] .barra-pagina details > summary { border: 1px solid var(--borda-forte); background: var(--cartao); } :root[data-tema="claro"] .barra-pagina details[open] > summary { background: var(--cartao-2); } :root[data-tema="claro"] .barra-pagina details > form { background: var(--cartao); border: 1px solid var(--borda); box-shadow: 0 8px 24px rgba(0,0,0,.18); } :root[data-tema="claro"] .texto-ajuda { color: var(--sub); } :root[data-tema="claro"] .chip-ambiente.producao { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .chip-filtro { border: 1px solid var(--borda-forte); color: var(--texto); background: var(--cartao); } :root[data-tema="claro"] .chip-filtro b { color: var(--sub); } :root[data-tema="claro"] .chip-filtro.ativo { background: var(--marca); border-color: var(--marca); color: var(--marca-texto); } :root[data-tema="claro"] .chip-filtro.ativo b { color: var(--marca-texto); } :root[data-tema="claro"] .barra-impressao { background: var(--cartao-2); border: 1px solid var(--borda); } :root[data-tema="claro"] .tabela-fila tr.fila-imprimir td:first-child { box-shadow: inset 3px 0 0 var(--alerta); } :root[data-tema="claro"] .tabela-fila tr.fila-impressa td:first-child { box-shadow: inset 3px 0 0 var(--ok); } :root[data-tema="claro"] .status-zebra.ok { color: var(--ok); } :root[data-tema="claro"] .status-zebra.alerta { color: var(--alerta); } :root[data-tema="claro"] .botao-primario { background: var(--marca); color: var(--marca-texto); border: 1px solid var(--marca); } :root[data-tema="claro"] .botao-primario:hover { background: var(--marca-escura); } :root[data-tema="claro"] .abas-ancora { background: var(--fundo); } :root[data-tema="claro"] .barra-salvar { background: var(--fundo); border-top: 1px solid var(--borda); } :root[data-tema="claro"] .mensagem.erro { background: var(--erro-fundo); border-color: var(--erro); } :root[data-tema="claro"] .zona-perigo { border-color: var(--erro); } :root[data-tema="claro"] .botao-perigo { background: var(--erro); color: #fff; border-color: var(--erro); } :root[data-tema="claro"] dialog.modal { border: 1px solid var(--borda); background: var(--cartao); color: var(--texto); box-shadow: 0 20px 50px rgba(15, 23, 42, 0.122); } :root[data-tema="claro"] dialog.modal::backdrop { background: rgba(10, 20, 45, .55); } :root[data-tema="claro"] .modal-texto { color: var(--sub); } :root[data-tema="claro"] button.preco-editavel { background: transparent; border: 1px dashed transparent; color: var(--texto); } :root[data-tema="claro"] button.preco-editavel:hover { border-color: var(--borda-forte); background: var(--cartao-2); } :root[data-tema="claro"] button.preco-editavel.salvo { border-color: var(--ok); color: var(--ok); } :root[data-tema="claro"] .aviso-flutuante { background: var(--erro); color: #fff; } :root[data-tema="claro"] .ident-produto b { color: var(--sub); } :root[data-tema="claro"] .marca-nome { color: var(--texto); } :root[data-tema="claro"] .menu-lateral nav a.ativo { background: var(--marca); color: #fff; box-shadow: none; } :root[data-tema="claro"] .logo-menu { color: var(--texto); } :root[data-tema="claro"] .menu-lateral nav a:has(.logo-menu) .logo-menu { background: transparent; } :root[data-tema="claro"] .barra-topo { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .busca-global { background: var(--cartao); border-color: var(--borda); } :root[data-tema="claro"] .ponto-ambiente { background: currentColor; } :root[data-tema="claro"] .chip-ambiente.producao { background: #e3f4e8; color: var(--ok); } :root[data-tema="claro"] .chip-ambiente.producao .ponto-ambiente { background: #22a352; } :root[data-tema="claro"] .divisor-topo { background: var(--linha); } :root[data-tema="claro"] .avatar { background: var(--marca); color: #fff; } :root[data-tema="claro"] .seta-sessao { color: var(--sub); } :root[data-tema="claro"] .menu-sessao { background: var(--cartao); border: 1px solid var(--borda); box-shadow: 0 8px 24px rgba(16, 24, 40, .12); } :root[data-tema="claro"] .botao-contorno { background: var(--cartao); color: var(--texto); border: 1px solid var(--borda); } :root[data-tema="claro"] .botao-contorno:hover:not(:disabled) { background: var(--cartao-2); } :root[data-tema="claro"] .botao-contorno:disabled { background: #a3a9b5; color: #4b525c; border-color: #7d8492; } :root[data-tema="claro"] .botao-contorno.azul { color: var(--marca); border-color: var(--marca); } :root[data-tema="claro"] .botao-contorno.azul:hover { background: var(--marca-clara); } :root[data-tema="claro"] .botao-primario { background: var(--marca); color: #fff; border: 1px solid var(--marca); } :root[data-tema="claro"] .botao-primario:hover { background: var(--marca-escura); } :root[data-tema="claro"] .subtitulo { color: var(--sub); } :root[data-tema="claro"] .expedicao .etapa-exp { border: 1px solid var(--borda); box-shadow: none; } :root[data-tema="claro"] .expedicao .etapa-exp.ativa { border: 1.5px solid var(--marca); background: rgba(15, 23, 42, 0.08); box-shadow: none; } :root[data-tema="claro"] .expedicao .etapa-num { background: rgba(15, 23, 42, 0.08); border: 0; color: var(--texto); } :root[data-tema="claro"] .expedicao .etapa-exp.ativa .etapa-num { background: var(--marca); color: #fff; } :root[data-tema="claro"] .expedicao .etapa-exp.ativa .etapa-qtd { color: var(--marca); } :root[data-tema="claro"] .expedicao .cartao { border: 1px solid var(--borda); box-shadow: none; } :root[data-tema="claro"] .expedicao .leitor { border-left: 6px solid var(--marca); } :root[data-tema="claro"] .expedicao .leitor.sucesso { border-color: var(--borda); border-left-color: var(--ok); } :root[data-tema="claro"] .expedicao .leitor.falha { border-color: var(--borda); border-left-color: var(--erro); } :root[data-tema="claro"] .leitor-icone { background: var(--marca-clara); color: var(--marca); } :root[data-tema="claro"] .campo-leitor { border: 1px solid var(--borda); background: var(--cartao); color: var(--sub); } :root[data-tema="claro"] .campo-leitor:focus-within { border-color: var(--marca); box-shadow: 0 0 0 3px var(--marca-clara); } :root[data-tema="claro"] .campo-leitor input { border: 0; background: transparent; } :root[data-tema="claro"] .campo-leitor input:focus-visible { outline: none; } :root[data-tema="claro"] .estado-leitor { color: var(--ok); } :root[data-tema="claro"] .estado-leitor i { background: #22a352; } :root[data-tema="claro"] .estado-leitor.inativo { color: var(--sub); } :root[data-tema="claro"] .estado-leitor.inativo i { background: #b8c0ca; } :root[data-tema="claro"] .abas-exp { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .aba-exp { color: #5f6b7a; border-bottom: 2px solid transparent; } :root[data-tema="claro"] .aba-exp.ativa { color: var(--marca); border-bottom-color: var(--marca); } :root[data-tema="claro"] .contagem-aba { background: rgba(15, 23, 42, 0.08); color: var(--texto); } :root[data-tema="claro"] .aba-exp.ativa .contagem-aba { background: var(--marca-clara); color: var(--marca); } :root[data-tema="claro"] .expedicao .barra-impressao { border: 0; background: transparent; } :root[data-tema="claro"] .expedicao .barra-impressao .check { color: var(--texto); } :root[data-tema="claro"] .expedicao .barra-impressao .sub { color: var(--texto); } :root[data-tema="claro"] .expedicao input[type=checkbox] { accent-color: var(--marca); } :root[data-tema="claro"] .divisor { background: var(--linha); } :root[data-tema="claro"] .seletor-impressora { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .seletor-impressora select { border: 0; background: transparent; } :root[data-tema="claro"] .link-config { color: var(--marca); } :root[data-tema="claro"] .popover { background: var(--cartao); border: 1px solid var(--borda); box-shadow: 0 8px 24px rgba(16, 24, 40, .12); } :root[data-tema="claro"] .expedicao .tabela-fila { border: 0; border-top: 1px solid var(--linha); } :root[data-tema="claro"] .expedicao .tabela-fila thead th { background: var(--cartao-2); color: var(--texto); border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .expedicao .tabela-fila td { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .expedicao .tabela-fila tr.fila-imprimir td:first-child, :root[data-tema="claro"] .expedicao .tabela-fila tr.fila-impressa td:first-child { box-shadow: none; } :root[data-tema="claro"] .expedicao .tabela-fila tr.selecionada td { background: rgba(15, 23, 42, 0.08); } :root[data-tema="claro"] button.ordenar { background: none; border: 0; color: inherit; } :root[data-tema="claro"] button.ordenar:hover { background: none; color: var(--marca); } :root[data-tema="claro"] button.ordenar[aria-sort] { color: var(--marca); } :root[data-tema="claro"] .expedicao .num-pedido { color: var(--texto); } :root[data-tema="claro"] .foto-fila { border: 1px solid var(--borda); background: var(--cartao); color: var(--sub); } :root[data-tema="claro"] .col-envio > .ico-envio { color: var(--texto); } :root[data-tema="claro"] .pilula i { background: currentColor; } :root[data-tema="claro"] .pilula.alerta { background: #fff3e0; color: var(--alerta); } :root[data-tema="claro"] .pilula.alerta i { background: #f08c00; } :root[data-tema="claro"] .pilula.ok { background: #e3f4e8; color: var(--ok); } :root[data-tema="claro"] .pilula.ok i { background: #22a352; } :root[data-tema="claro"] .pilula.apagada { background: rgba(15, 23, 42, 0.08); color: var(--sub); } :root[data-tema="claro"] .pilula.apagada i { background: #a3acb8; } :root[data-tema="claro"] .tempo-etapa.alerta { color: var(--alerta); } :root[data-tema="claro"] .tempo-etapa.erro { color: var(--erro); } :root[data-tema="claro"] .faixa-info { border: 1px solid var(--borda); } :root[data-tema="claro"] .faixa-info > div + div { border-left: 1px solid var(--linha); } :root[data-tema="claro"] .faixa-info .ico { color: var(--texto); } :root[data-tema="claro"] .faixa-info span { color: var(--texto); } :root[data-tema="claro"] .faixa-info strong.ok { color: var(--ok); } :root[data-tema="claro"] .faixa-info strong.alerta { color: var(--alerta); } :root[data-tema="claro"] kbd { background: rgba(15, 23, 42, 0.08); border: 1px solid var(--borda); } @media (max-width: 1100px) { :root[data-tema="claro"] .faixa-info > div + div { border-left: 0; border-top: 1px solid var(--linha); } } :root[data-tema="claro"] a { color: var(--azul-texto); } :root[data-tema="claro"] button { background: var(--marca); color: #fff; border-color: var(--marca); } :root[data-tema="claro"] button:hover:not(:disabled) { background: var(--marca-escura); } :root[data-tema="claro"] button:disabled { background: var(--cartao-2); border-color: var(--borda); color: var(--apagado); } :root[data-tema="claro"] button.link { background: none; color: var(--azul-texto); } :root[data-tema="claro"] .botao-sec { background: transparent; color: var(--texto); border-color: var(--borda-forte); } :root[data-tema="claro"] .botao-sec:hover:not(:disabled) { background: var(--cartao-2); } :root[data-tema="claro"] input, :root[data-tema="claro"] select, :root[data-tema="claro"] textarea { background: transparent; border-color: var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] select option { background: var(--cartao); color: var(--texto); } :root[data-tema="claro"] input::placeholder, :root[data-tema="claro"] textarea::placeholder { color: var(--sub); } :root[data-tema="claro"] .botao-primario { background: var(--marca); color: #fff; border-color: var(--marca); } :root[data-tema="claro"] .botao-primario:hover { background: var(--marca-escura); } :root[data-tema="claro"] .botao-contorno { background: transparent; color: var(--texto); border-color: var(--borda-forte); } :root[data-tema="claro"] .botao-contorno:hover:not(:disabled) { background: var(--cartao-2); } :root[data-tema="claro"] .botao-contorno:disabled { background: var(--cartao-2); color: var(--apagado); border-color: var(--borda); } :root[data-tema="claro"] .botao-contorno.azul { color: var(--texto); border-color: var(--marca); } :root[data-tema="claro"] .botao-contorno.azul:hover { background: var(--marca-clara); } :root[data-tema="claro"] .cartao { background: var(--cartao); border-color: var(--borda); } :root[data-tema="claro"] .barra-topo { background: var(--fundo); border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .busca-global { background: var(--cartao); border-color: var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .menu-lateral nav a.ativo { background: var(--marca); color: #fff; } :root[data-tema="claro"] .marca-simbolo { background: var(--marca); color: #fff; } :root[data-tema="claro"] .avatar { background: var(--cartao-2); color: var(--texto); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .chip-ambiente.producao { background: rgba(62, 207, 114, .14); color: var(--ok); } :root[data-tema="claro"] .chip-ambiente.producao .ponto-ambiente { background: #3ecf72; } :root[data-tema="claro"] .faixa-ambiente { background: rgba(245, 165, 36, .14); color: var(--alerta); border-bottom-color: var(--borda); } :root[data-tema="claro"] .chip-filtro { background: transparent; border-color: var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .chip-filtro.ativo { background: var(--marca); color: #fff; border-color: var(--marca); } :root[data-tema="claro"] .chip-filtro.ativo b { color: #fff; } :root[data-tema="claro"] .tabela-pedidos thead th { background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .tabela-pedidos th, :root[data-tema="claro"] .tabela-pedidos td, :root[data-tema="claro"] .cartao th, :root[data-tema="claro"] .cartao td { border-bottom-color: var(--linha); } :root[data-tema="claro"] .popover, :root[data-tema="claro"] .menu-sessao { background: var(--cartao-2); border-color: var(--borda-forte); box-shadow: 0 10px 30px rgba(15, 23, 42, 0.158); } :root[data-tema="claro"] .mensagem { background: var(--ok-fundo); border-color: var(--ok); color: var(--texto); } :root[data-tema="claro"] .mensagem.erro { background: var(--erro-fundo); border-color: var(--erro); } :root[data-tema="claro"] .miniatura, :root[data-tema="claro"] .foto-fila, :root[data-tema="claro"] .foto-produto { background: #fff; } :root[data-tema="claro"] .painel-status a.ativo { background: var(--marca); color: #fff; } :root[data-tema="claro"] .painel-status a.ativo .contador { color: #fff; } :root[data-tema="claro"] .expedicao .etapa-exp.ativa { background: var(--marca-clara); } :root[data-tema="claro"] .expedicao .etapa-num { background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .expedicao .etapa-exp.ativa .etapa-num { background: var(--marca); color: #fff; border: 0; } :root[data-tema="claro"] .expedicao .etapa-exp.ativa .etapa-qtd, :root[data-tema="claro"] .aba-exp.ativa, :root[data-tema="claro"] .link-config { color: var(--azul-texto); } :root[data-tema="claro"] .aba-exp.ativa .contagem-aba { background: var(--marca); color: #fff; } :root[data-tema="claro"] .leitor-icone { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .campo-leitor { background: transparent; color: var(--sub); } :root[data-tema="claro"] .campo-leitor:focus-within { box-shadow: 0 0 0 3px var(--marca-clara); } :root[data-tema="claro"] .estado-leitor { color: var(--ok); } :root[data-tema="claro"] .estado-leitor i { background: var(--ok); } :root[data-tema="claro"] .pilula.alerta { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .pilula.alerta i { background: var(--alerta); } :root[data-tema="claro"] .pilula.ok { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .pilula.ok i { background: var(--ok); } :root[data-tema="claro"] .pilula.apagada { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .tempo-etapa.alerta { color: var(--alerta); } :root[data-tema="claro"] kbd { background: var(--cartao-2); border-color: var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .contagem-titulo { background: var(--cartao-2); } :root[data-tema="claro"] .abas-design { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .abas-design a { color: var(--texto); } :root[data-tema="claro"] .abas-design a.ativa { color: var(--azul-texto); border-bottom: 3px solid var(--marca); } :root[data-tema="claro"] .faixa-aviso { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .faixa-aviso .ico { color: var(--azul-texto); } :root[data-tema="claro"] .chip-produtos { border: 1px solid var(--borda); color: var(--texto); } :root[data-tema="claro"] .chip-produtos span { background: var(--cartao-2); } :root[data-tema="claro"] .chip-produtos.ativo { background: #fff; color: var(--marca); border-color: var(--marca); } :root[data-tema="claro"] .chip-produtos.ativo span { background: var(--marca); color: #fff; } :root[data-tema="claro"] .campo-busca { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .campo-busca input { border: 0; background: transparent; } :root[data-tema="claro"] .campo-busca input:focus-visible { outline: none; } :root[data-tema="claro"] .campo-busca:focus-within { box-shadow: 0 0 0 3px var(--marca-clara); } :root[data-tema="claro"] .filtros-avancados[open] > label { background: var(--cartao-2); border: 1px solid var(--borda); } :root[data-tema="claro"] .barra-selecao .check { border: 1px solid var(--borda); } :root[data-tema="claro"] .pagina-produtos input[type=checkbox] { accent-color: var(--marca); } :root[data-tema="claro"] .menu-acoes a, :root[data-tema="claro"] .menu-acoes button.link { color: var(--texto); } :root[data-tema="claro"] .menu-acoes .perigo { color: var(--erro) !important; } :root[data-tema="claro"] .painel-lote { border: 1px solid var(--borda); } :root[data-tema="claro"] .tabela-design td { border-right: 1px solid var(--linha); } :root[data-tema="claro"] .tabela-design td:last-child { border-right: 0; } :root[data-tema="claro"] .tabela-design tr.selecionada td { background: var(--cartao-2); } :root[data-tema="claro"] .foto-produto { border: 1px solid var(--linha); color: var(--sub); } :root[data-tema="claro"] .tabela-design .nome-produto { color: var(--azul-texto); } :root[data-tema="claro"] .tipo-produto { background: var(--cartao-2); } :root[data-tema="claro"] .col-preco .preco-editavel { background: none; border: 0; color: var(--texto); } :root[data-tema="claro"] .aviso-linha { color: var(--alerta); } :root[data-tema="claro"] .chip-canal { border: 1px solid var(--linha); background: var(--cartao); } :root[data-tema="claro"] .chip-canal.mais { color: var(--azul-texto); } :root[data-tema="claro"] .chip-canal.manual { color: var(--azul-texto); } :root[data-tema="claro"] a.chip-canal { color: inherit; } :root[data-tema="claro"] .chip-canal.tiktok-ok { color: var(--ok); border-color: var(--ok); } :root[data-tema="claro"] .chip-canal.tiktok-alerta { color: var(--alerta); border-color: var(--alerta); } :root[data-tema="claro"] .chip-canal.tiktok-erro { color: var(--erro, var(--alerta)); border-color: var(--erro, var(--alerta)); } :root[data-tema="claro"] .col-fiscal .falta { color: var(--erro); } :root[data-tema="claro"] .com-dica .dica { background: var(--cartao-2); color: var(--texto); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .tabela-design .botao-icone { color: var(--texto); } :root[data-tema="claro"] .pag-num { border: 1px solid var(--borda); color: var(--texto); } :root[data-tema="claro"] .pag-num.atual { background: #fff; color: var(--marca); } :root[data-tema="claro"] .atencao-cadastro { border: 1px solid #6b4a12; background: rgba(245, 165, 36, .05); } :root[data-tema="claro"] .atencao-cadastro h2 { color: var(--alerta); } :root[data-tema="claro"] .atencao-cartoes a { border: 1px solid var(--linha); background: var(--cartao); color: var(--texto); } :root[data-tema="claro"] .atencao-cartoes a:hover { background: var(--cartao-2); } :root[data-tema="claro"] .atencao-cartoes a > .ico:first-child { color: var(--alerta); } :root[data-tema="claro"] .atencao-cartoes span { color: var(--sub); } :root[data-tema="claro"] .barra-topo .sino { color: var(--texto); } :root[data-tema="claro"] .pagina-produtos .tabela-design thead th { color: var(--texto); } :root[data-tema="claro"] .filtro-produtos .filtros-avancados { border-top: 0; } :root[data-tema="claro"] .chip-produtos { border-color: var(--borda-forte); } :root[data-tema="claro"] .chip-produtos.ativo { background: var(--marca); color: #fff; border-color: var(--marca); } :root[data-tema="claro"] .chip-produtos.ativo span { background: rgba(15, 23, 42, 0.08); color: #fff; } :root[data-tema="claro"] .contagem-titulo { background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .faixa-aviso { background: var(--cartao); border-color: var(--borda); } :root[data-tema="claro"] .faixa-aviso .ico { color: var(--azul-texto); } :root[data-tema="claro"] .tabela-design .nome-produto { color: var(--azul-texto); } :root[data-tema="claro"] .tipo-produto { background: var(--cartao-2); } :root[data-tema="claro"] .chip-canal { background: transparent; border-color: var(--borda-forte); } :root[data-tema="claro"] .chip-canal.mais { background: var(--marca-clara); border-color: transparent; } :root[data-tema="claro"] .chip-canal.manual { border-color: var(--marca); } :root[data-tema="claro"] .pag-num { border-color: var(--borda-forte); } :root[data-tema="claro"] .pag-num.atual { background: var(--marca); color: #fff; border-color: var(--marca); } :root[data-tema="claro"] .col-fiscal .falta { color: var(--erro); } :root[data-tema="claro"] .tabela-design .botao-icone { color: var(--texto); } :root[data-tema="claro"] .logo-menu { color: var(--texto); } :root[data-tema="claro"] .logo-chip, :root[data-tema="claro"] .col-canal .logo-canal { color: var(--texto); } :root[data-tema="claro"] .kpi { border: 1px solid var(--borda); background: var(--cartao); color: var(--texto); } :root[data-tema="claro"] .kpi:hover { border-color: var(--borda-forte); } :root[data-tema="claro"] .kpi-icone { background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .kpi small { color: var(--sub); } :root[data-tema="claro"] .kpi.verde .kpi-icone { background: rgba(62, 207, 114, .14); color: var(--ok); } :root[data-tema="claro"] .kpi.verde strong { color: var(--ok); } :root[data-tema="claro"] .kpi.azul .kpi-icone { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .kpi.azul strong { color: var(--azul-texto); } :root[data-tema="claro"] .kpi.laranja .kpi-icone { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .kpi.laranja strong { color: var(--alerta); } :root[data-tema="claro"] .sinc-bloco { border: 1px solid var(--borda); } :root[data-tema="claro"] .selo-sist.pok { background: #fff; color: var(--azul-texto); } :root[data-tema="claro"] .selo-sist.vital { background: #fff; color: var(--azul-texto); } :root[data-tema="claro"] .selo-sist.ml { background: var(--cartao-2); } :root[data-tema="claro"] .estado-sinc { color: var(--sub); } :root[data-tema="claro"] .estado-sinc i { background: #a3acb8; } :root[data-tema="claro"] .estado-sinc.ligado { color: var(--ok); } :root[data-tema="claro"] .estado-sinc.ligado i { background: var(--ok); } :root[data-tema="claro"] .aviso-sinc { border: 1px solid #8a6416; background: rgba(245, 165, 36, .08); } :root[data-tema="claro"] .aviso-sinc > .ico { color: var(--alerta); } :root[data-tema="claro"] .aviso-sinc strong { color: var(--alerta); } :root[data-tema="claro"] .botao-contorno.laranja { border-color: #c08a1e; color: var(--alerta); } :root[data-tema="claro"] .botao-contorno.laranja:hover { background: rgba(245, 165, 36, .1); } :root[data-tema="claro"] .config-sinc { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .config-linha + .config-linha { border-top: 1px solid var(--linha); } :root[data-tema="claro"] .catalogo-topo { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .catalogo-topo .abas-exp { border-bottom: 0; } :root[data-tema="claro"] .opcao-check { color: var(--texto); } :root[data-tema="claro"] .opcao-check .caixa { border: 1.5px solid var(--borda-forte); } :root[data-tema="claro"] .opcao-check.marcada .caixa { background: var(--marca); border-color: var(--marca); box-shadow: inset 0 0 0 3px var(--cartao-2); } :root[data-tema="claro"] .barra-pok .menu-acoes .check { color: var(--sub); } :root[data-tema="claro"] .parametros-pok > summary small { color: var(--texto); } :root[data-tema="claro"] .pagina-pok input[type=checkbox] { accent-color: var(--marca); } :root[data-tema="claro"] .tabela-pok td { border-right: 0 !important; } :root[data-tema="claro"] .tabela-pok thead th { color: var(--texto) !important; } :root[data-tema="claro"] .selo-situacao { border: 1px solid; } :root[data-tema="claro"] .selo-situacao b { color: var(--fundo); } :root[data-tema="claro"] .selo-situacao small { color: var(--texto); } :root[data-tema="claro"] .selo-situacao.ok { background: rgba(62, 207, 114, .08); border-color: rgba(62, 207, 114, .35); color: var(--ok); } :root[data-tema="claro"] .selo-situacao.ok b { background: var(--ok); } :root[data-tema="claro"] .selo-situacao.info { background: var(--marca-clara); border-color: rgba(91, 147, 255, .4); color: var(--azul-texto); } :root[data-tema="claro"] .selo-situacao.info b { background: var(--azul-texto); } :root[data-tema="claro"] .selo-situacao.alerta { background: var(--alerta-fundo); border-color: rgba(245, 165, 36, .4); color: var(--alerta); } :root[data-tema="claro"] .selo-situacao.alerta b { background: var(--alerta); } :root[data-tema="claro"] .selo-situacao.apagada { background: var(--cartao-2); border-color: var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .selo-situacao.apagada b { background: var(--sub); } :root[data-tema="claro"] .vincular-pok > summary { color: var(--azul-texto); } :root[data-tema="claro"] .trilha { color: var(--sub); } :root[data-tema="claro"] .ident-linha { color: var(--sub); } :root[data-tema="claro"] .ident-linha strong { color: var(--texto); } :root[data-tema="claro"] .pilula-tipo { border: 1px solid; } :root[data-tema="claro"] .pilula-tipo.alerta { color: var(--alerta); border-color: rgba(245, 165, 36, .6); background: var(--alerta-fundo); } :root[data-tema="claro"] .pilula-tipo.ok { color: var(--ok); border-color: rgba(62, 207, 114, .5); background: var(--ok-fundo); } :root[data-tema="claro"] .faixa-origem { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .faixa-origem .divisor { background: var(--borda-forte); } :root[data-tema="claro"] .validacao { color: var(--alerta); } :root[data-tema="claro"] .validacao.ok { color: var(--ok); } :root[data-tema="claro"] .kpi-produto { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .kpi-produto .kpi-icone { background: var(--cartao-2); } :root[data-tema="claro"] .kpi-produto span { color: var(--sub); } :root[data-tema="claro"] .kpi-produto small { color: var(--sub); } :root[data-tema="claro"] .kpi-produto.alerta strong { color: var(--alerta); } :root[data-tema="claro"] .kpi-produto.erro strong { color: var(--erro); } :root[data-tema="claro"] .abas-produto { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .aba-produto { background: none !important; border: 0; border-bottom: 3px solid transparent; color: var(--texto); } :root[data-tema="claro"] .aba-produto.ativa { color: var(--azul-texto); border-bottom-color: var(--marca); } :root[data-tema="claro"] .campo-produto > span:first-child { color: var(--texto); } :root[data-tema="claro"] .campo-com-icone .com-dica { color: var(--sub); } :root[data-tema="claro"] .definido-vital { color: var(--azul-texto); } :root[data-tema="claro"] .faixa-info-produto { border: 1px solid rgba(91, 147, 255, .35); background: var(--marca-clara); } :root[data-tema="claro"] .faixa-info-produto .ico { color: var(--azul-texto); } :root[data-tema="claro"] .foto-principal { background: #fff; } :root[data-tema="claro"] .selo-principal { background: var(--marca); color: #fff; } :root[data-tema="claro"] .midia-acoes .botao-contorno { border-color: var(--texto); } :root[data-tema="claro"] .miniaturas-produto img { background: #fff; } :root[data-tema="claro"] .tabela-mini { border: 1px solid var(--borda); } :root[data-tema="claro"] .tabela-mini th { background: var(--cartao-2); } :root[data-tema="claro"] .alteracao-recente > .ico { color: var(--sub); } :root[data-tema="claro"] .alteracao-recente span { color: var(--texto); } :root[data-tema="claro"] .alteracao-recente small { color: var(--sub); } :root[data-tema="claro"] .barra-salvar-produto { background: var(--cartao); border-top: 1px solid var(--borda-forte); box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.122); } :root[data-tema="claro"] .barra-salvar-produto .divisor { background: var(--borda-forte); } :root[data-tema="claro"] .estado-pendente b { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .estado-pendente.pendente { color: var(--alerta); } :root[data-tema="claro"] .estado-pendente.pendente b { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .linha-deposito strong { color: var(--texto); } :root[data-tema="claro"] .kpi.selecionado { border: 2px solid var(--marca); } :root[data-tema="claro"] .kpi.vermelho strong { color: var(--erro); } :root[data-tema="claro"] .topo-tabela { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .produtos-deposito .rolagem-tabela { border: 0; } :root[data-tema="claro"] .tabela-estoque-nova td { border-right: 0 !important; } :root[data-tema="claro"] .tabela-estoque-nova thead th { color: var(--texto) !important; } :root[data-tema="claro"] .tabela-estoque-nova thead th .th-sub { color: var(--texto); } :root[data-tema="claro"] .tabela-estoque-nova .nome-produto { color: var(--azul-texto); } :root[data-tema="claro"] .foto-produto.mini { background: var(--cartao-2) !important; color: var(--sub); } :root[data-tema="claro"] .foto-produto.mini img { background: #fff; } :root[data-tema="claro"] .campo-estoque { border-color: var(--marca); } :root[data-tema="claro"] tr.editando td { background: rgba(25, 87, 214, .06); } :root[data-tema="claro"] tr.alterada td { background: rgba(245, 165, 36, .08); } :root[data-tema="claro"] .ajustes-estoque .sub { color: var(--texto); } :root[data-tema="claro"] .rodape-estoque { color: var(--sub); } :root[data-tema="claro"] .kpis-kits .kpi strong { color: var(--texto); } :root[data-tema="claro"] .kpis-kits .kpi.laranja strong { color: var(--texto); } :root[data-tema="claro"] .chip-kit { border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .chip-kit b { background: var(--cartao-2); } :root[data-tema="claro"] .chip-kit.ativo { background: var(--marca); border-color: var(--marca); color: #fff; } :root[data-tema="claro"] .chip-kit.ativo b { background: rgba(15, 23, 42, 0.08); } :root[data-tema="claro"] .tabela-kits-nova td { border-right: 0 !important; } :root[data-tema="claro"] .col-kit .nome-produto { color: var(--azul-texto); } :root[data-tema="claro"] .item-kit a { color: var(--texto); } :root[data-tema="claro"] .qtd-kit { background: var(--marca); color: #fff; } :root[data-tema="claro"] .sem-componentes { border: 1px solid #8a6416; background: rgba(245, 165, 36, .08); color: var(--alerta); } :root[data-tema="claro"] .sem-componentes .ico { color: var(--alerta); } :root[data-tema="claro"] .pilula-kit { border: 1px solid #c08a1e; color: var(--alerta); } :root[data-tema="claro"] .pilula-kit.ok { border-color: rgba(62, 207, 114, .5); color: var(--ok); } :root[data-tema="claro"] .col-editar { border-left: 1px solid var(--linha); } :root[data-tema="claro"] .link-editar { color: var(--texto); } :root[data-tema="claro"] .col-abrir { border-left: 1px solid var(--linha); } :root[data-tema="claro"] .calculo-kits > p { border-left: 1px solid var(--borda-forte); } @media (max-width: 1100px) { :root[data-tema="claro"] .calculo-kits > p { border-left: 0; } } :root[data-tema="claro"] a.kpi:hover, :root[data-tema="claro"] a.etapa-exp:hover, :root[data-tema="claro"] a.resumo-cartao:hover, :root[data-tema="claro"] .atencao-cartoes > a:hover, :root[data-tema="claro"] a.kpi:focus-visible, :root[data-tema="claro"] a.etapa-exp:focus-visible, :root[data-tema="claro"] a.resumo-cartao:focus-visible, :root[data-tema="claro"] .atencao-cartoes > a:focus-visible { border-color: var(--borda-forte); box-shadow: 0 6px 18px rgba(15, 23, 42, 0.087); } :root[data-tema="claro"] .indicador-aba { background: var(--marca); } :root[data-tema="claro"] .com-indicador .aba-exp.ativa, :root[data-tema="claro"] .com-indicador a.ativa, :root[data-tema="claro"] .com-indicador .aba-produto.ativa { border-bottom-color: transparent !important; } :root[data-tema="claro"] .carregando-aqui::after { border: 2px solid currentColor; border-right-color: transparent; } :root[data-tema="claro"] .aviso-atualizando { background: var(--cartao-2); border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .aviso-atualizando::before { border: 2px solid var(--azul-texto); border-right-color: transparent; } :root[data-tema="claro"] .botao-primario:focus-visible, :root[data-tema="claro"] .botao-contorno:focus-visible, :root[data-tema="claro"] button:focus-visible { box-shadow: 0 0 0 3px var(--marca-clara); } :root[data-tema="claro"] .btn-estado .btn-spinner { border: 2px solid currentColor; border-right-color: transparent; } :root[data-tema="claro"] .btn-estado.sucesso { color: var(--ok) !important; border-color: var(--ok) !important; } :root[data-tema="claro"] .btn-estado.sucesso.botao-primario, :root[data-tema="claro"] button.btn-estado.sucesso:not(.botao-contorno):not(.link):not(.botao-sec) { background: var(--ok) !important; color: #0b1f12 !important; } :root[data-tema="claro"] .btn-estado.erro { color: var(--erro) !important; border-color: var(--erro) !important; } :root[data-tema="claro"] .btn-estado.erro.botao-primario, :root[data-tema="claro"] button.btn-estado.erro:not(.botao-contorno):not(.link):not(.botao-sec) { background: var(--erro) !important; color: #fff !important; } :root[data-tema="claro"] .tabela-pedidos tbody tr:hover td, :root[data-tema="claro"] .tabela-pedidos tbody tr:focus-within td { background-color: rgba(15, 23, 42, 0.027); } :root[data-tema="claro"] .tabela-pedidos tbody tr.selecionada td { background-color: var(--marca-clara) !important; } :root[data-tema="claro"] .fechar-mensagem { background: none !important; border: 0; color: inherit; } :root[data-tema="claro"] .kpis-ml .seta-kpi { color: var(--sub); } :root[data-tema="claro"] .kpi.kpi-ml.verde strong, :root[data-tema="claro"] .kpi.kpi-ml.azul strong, :root[data-tema="claro"] .kpi.kpi-ml.laranja strong { color: var(--texto); } :root[data-tema="claro"] .previa-ml > div { border: 1px solid var(--borda); } :root[data-tema="claro"] .previa-ml span:not(.kpi-icone) { color: var(--sub); } :root[data-tema="claro"] .kpi-icone.azul { color: var(--azul-texto); background: var(--marca-clara); } :root[data-tema="claro"] .kpi-icone.vermelho { color: var(--erro); } :root[data-tema="claro"] .sinc-ml-direita { border-left: 1px solid var(--borda-forte); } :root[data-tema="claro"] .destaque-alerta { color: var(--alerta); } :root[data-tema="claro"] .filtros-ml { border-bottom: 0; } :root[data-tema="claro"] .tabela-ml td { border-right: 0 !important; } :root[data-tema="claro"] .tabela-ml .nome-produto { color: var(--azul-texto); } :root[data-tema="claro"] .tabela-ml strong.muda { color: var(--azul-texto); } :root[data-tema="claro"] .status-anuncio i { background: var(--ok); } :root[data-tema="claro"] .status-anuncio.parado i { background: var(--erro); } :root[data-tema="claro"] .nao-associado { border: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .selo-assoc { border: 1px solid; } :root[data-tema="claro"] .selo-assoc.ok { color: var(--ok); background: rgba(62, 207, 114, .1); border-color: rgba(62, 207, 114, .3); } :root[data-tema="claro"] .selo-assoc.info { color: var(--texto); background: transparent; border-color: var(--borda-forte); } :root[data-tema="claro"] .selo-assoc.alerta { color: var(--alerta); background: var(--alerta-fundo); border-color: rgba(245, 165, 36, .4); } :root[data-tema="claro"] .selo-assoc.erro { color: var(--erro); background: rgba(255, 107, 94, .1); border-color: rgba(255, 107, 94, .4); } :root[data-tema="claro"] .conferir-assoc { border: 1px solid #c08a1e; color: var(--alerta); } :root[data-tema="claro"] .tabela-ml .vincular-pok > summary.botao-primario, :root[data-tema="claro"] .tabela-ml .vincular-pok > summary.botao-contorno { color: inherit; } :root[data-tema="claro"] .tabela-ml .vincular-pok > summary.botao-primario { color: #fff; } @media (max-width: 1200px) { :root[data-tema="claro"] .sinc-ml-direita { border-left: 0; } } :root[data-tema="claro"] .trilha-pedido strong { color: var(--texto); } :root[data-tema="claro"] .titulo-pedido .sub { color: var(--texto); } :root[data-tema="claro"] .selo-ped { border: 1px solid; background: none; } :root[data-tema="claro"] .selo-ped.ok { color: var(--ok); border-color: rgba(62, 207, 114, .45); background: rgba(62, 207, 114, .1); } :root[data-tema="claro"] .selo-ped.azul { color: var(--azul-texto); border-color: rgba(91, 147, 255, .45); background: var(--marca-clara); } :root[data-tema="claro"] .selo-ped.alerta { color: var(--alerta); border-color: rgba(245, 165, 36, .45); background: var(--alerta-fundo); } :root[data-tema="claro"] .selo-ped.erro { color: var(--erro); border-color: rgba(255, 107, 94, .45); background: rgba(255, 107, 94, .1); } :root[data-tema="claro"] .selo-ped.neutro { color: var(--sub); border-color: var(--borda-forte); } :root[data-tema="claro"] .menu-status form { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .linha-tempo li { color: var(--sub); } :root[data-tema="claro"] .linha-tempo li + li::before { background: var(--borda-forte); } :root[data-tema="claro"] .linha-tempo li.feito + li::before { background: var(--marca); } :root[data-tema="claro"] .linha-tempo .marcador { border: 2px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .linha-tempo li.feito { color: var(--texto); } :root[data-tema="claro"] .linha-tempo li.feito .marcador { background: var(--marca); border-color: var(--marca); } :root[data-tema="claro"] .linha-tempo li.atual { color: var(--texto); } :root[data-tema="claro"] .linha-tempo li.atual .marcador { border-color: var(--azul-texto); box-shadow: 0 0 0 3px var(--marca-clara); } :root[data-tema="claro"] .tabela-itens-nova thead th { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .tabela-itens-nova td { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .totais-pedido .total { border-top: 1px solid var(--linha); } :root[data-tema="claro"] .faixa-pago { background: var(--cartao-2); } :root[data-tema="claro"] .faixa-pago.ok > strong { color: var(--ok); } :root[data-tema="claro"] .dados-pedido dt { color: var(--sub); } :root[data-tema="claro"] .coluna-lateral .dados-pedido dt, :root[data-tema="claro"] .coluna-lateral .dados-pedido dd { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .nota-estoque { border-left: 1px solid var(--borda-forte); } :root[data-tema="claro"] .nota-estoque.alerta strong { color: var(--alerta); } :root[data-tema="claro"] .nota-estoque span { color: var(--sub); } :root[data-tema="claro"] .eventos-recentes { border-left: 2px solid var(--marca); } :root[data-tema="claro"] .eventos-recentes li::before { background: var(--marca); } :root[data-tema="claro"] .eventos-recentes span { color: var(--sub); } @media (max-width: 1100px) { :root[data-tema="claro"] .nota-estoque { border-left: 0; } } :root[data-tema="claro"] .painel-status a.item-raiz.ativo { background: var(--marca-clara); color: var(--texto); box-shadow: inset 0 0 0 1px var(--marca); } :root[data-tema="claro"] .painel-status a.ativo:not(.item-raiz) { background: var(--marca-clara); color: var(--texto); } :root[data-tema="claro"] .painel-status .contador { background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .painel-status a.ativo .contador { background: var(--marca); color: #fff; } :root[data-tema="claro"] .painel-status .grupo { border-top: 1px solid var(--linha); } :root[data-tema="claro"] .painel-status .grupo-titulo { color: var(--texto); } :root[data-tema="claro"] .painel-status .seta-grupo { color: var(--sub); } :root[data-tema="claro"] .ponto-grupo { background: var(--sub); } :root[data-tema="claro"] .ponto-grupo.azul { background: #3b82f6; } :root[data-tema="claro"] .ponto-grupo.laranja { background: #f59e0b; } :root[data-tema="claro"] .ponto-grupo.ciano { background: #22d3ee; } :root[data-tema="claro"] .ponto-grupo.verde-agua { background: #2dd4bf; } :root[data-tema="claro"] .ponto-grupo.roxo { background: #a855f7; } :root[data-tema="claro"] .ponto-grupo.violeta { background: #c084fc; } :root[data-tema="claro"] .ponto-grupo.vermelho { background: #ef4444; } :root[data-tema="claro"] .ponto-grupo.cinza { background: var(--borda-forte); } :root[data-tema="claro"] .filtros { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .filtros .periodo { border: 0; } :root[data-tema="claro"] .filtros .filtros-avancados { border-top: 0; } :root[data-tema="claro"] .filtros .filtros-avancados[open] { border-top: 1px solid var(--linha); } :root[data-tema="claro"] .barra-lista { background: none; border: 0; } :root[data-tema="claro"] .barra-lista input[type=checkbox], :root[data-tema="claro"] .tabela-lista-nova input[type=checkbox] { accent-color: var(--marca); } :root[data-tema="claro"] .tabela-lista-nova td { border-right: 0 !important; } :root[data-tema="claro"] .tabela-lista-nova thead th { color: var(--texto) !important; } :root[data-tema="claro"] .tabela-lista-nova thead th a.ordenar { color: inherit; } :root[data-tema="claro"] .tabela-lista-nova .num-pedido { color: var(--azul-texto); } :root[data-tema="claro"] .tabela-lista-nova .tag-origem { background: var(--marca-clara); color: var(--azul-texto); border: 0; } :root[data-tema="claro"] .tabela-lista-nova .miniatura { background: #fff; } :root[data-tema="claro"] .selo-operacao.violeta { background: #d8b4fe; color: #3b0764; } :root[data-tema="claro"] .selo-operacao.verde { background: #15803d; color: #dcfce7; } :root[data-tema="claro"] .selo-operacao.vermelho { background: var(--erro-fundo); color: #fecaca; border: 1px solid #b91c1c; } :root[data-tema="claro"] .selo-operacao.azul { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .selo-operacao.laranja { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .selo-operacao.ciano { background: rgba(34, 211, 238, .14); color: var(--azul-texto); } :root[data-tema="claro"] .selo-doc { border: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .selo-doc.ok { color: var(--ok); background: rgba(62, 207, 114, .1); border-color: rgba(62, 207, 114, .3); } :root[data-tema="claro"] .selo-doc.alerta { color: var(--alerta); background: var(--alerta-fundo); border-color: rgba(245, 165, 36, .35); } :root[data-tema="claro"] .selo-doc.erro { color: var(--erro); background: rgba(255, 107, 94, .1); border-color: rgba(255, 107, 94, .35); } :root[data-tema="claro"] .selo-doc.neutro-claro { color: var(--texto); } :root[data-tema="claro"] .linha-detalhe td { background: var(--cartao-2); } :root[data-tema="claro"] .detalhe-linha dt { color: var(--sub); } :root[data-tema="claro"] .tabela-lista-nova tr.com-erro td:first-child { box-shadow: inset 3px 0 0 var(--erro); } :root[data-tema="claro"] .cab-publicacoes h1 a { color: var(--texto); } :root[data-tema="claro"] .cab-publicacoes .sep { color: var(--sub); } :root[data-tema="claro"] .contador-pub { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] a.contador-pub { color: inherit; } :root[data-tema="claro"] a.contador-pub:hover { border-color: var(--borda-forte); } :root[data-tema="claro"] a.contador-pub.ativo { border-color: var(--azul-texto); box-shadow: inset 0 0 0 1px var(--azul-texto); } :root[data-tema="claro"] .ico-pub.neutro { background: var(--cartao-2); color: var(--texto); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .ico-pub.azul { background: var(--marca); color: #fff; } :root[data-tema="claro"] .ico-pub.ambar { background: #f5a524; color: #1c1404; } :root[data-tema="claro"] .ico-pub.verde { background: var(--ok-fundo); color: var(--ok); border: 1px solid rgba(62, 207, 114, .5); } :root[data-tema="claro"] .ico-pub.vermelho { background: #e5484d; color: #fff; } :root[data-tema="claro"] .subtitulo-pub { color: var(--texto); } :root[data-tema="claro"] .acoes-pub .botao-contorno.azul { color: var(--texto); } :root[data-tema="claro"] .link-pdf { color: var(--texto); } :root[data-tema="claro"] .link-pdf:hover { background: var(--cartao-2); } :root[data-tema="claro"] .busca-pub { background: var(--cartao); border: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .busca-pub:focus-within { border-color: var(--marca); } :root[data-tema="claro"] .busca-pub input { border: 0; background: transparent; } :root[data-tema="claro"] .busca-pub input:focus-visible { outline: none; } :root[data-tema="claro"] .tabela-pub { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .tabela-pub th { color: var(--sub); background: var(--cartao-2); border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .tabela-pub td { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .tabela-pub tr:last-child td { border-bottom: 0; } :root[data-tema="claro"] .tabela-pub tr.selecionada td { background: rgba(25, 87, 214, .1); border-top: 1px solid var(--marca); border-bottom: 1px solid var(--marca); } :root[data-tema="claro"] .tabela-pub tr.selecionada td:first-child { border-left: 1px solid var(--marca); } :root[data-tema="claro"] .tabela-pub tr.selecionada td:last-child { border-right: 1px solid var(--marca); } :root[data-tema="claro"] .prod-pub a { color: var(--texto); } :root[data-tema="claro"] .foto-pub { background: #fff; color: var(--sub); } :root[data-tema="claro"] .pilula-pub.azul { background: rgba(25, 87, 214, .25); color: var(--azul-texto); } :root[data-tema="claro"] .pilula-pub.azul .ico-mini { background: #4d86ff; color: #fff; } :root[data-tema="claro"] .pilula-pub.ambar { background: rgba(245, 165, 36, .14); color: var(--alerta); border: 1px solid rgba(245, 165, 36, .35); } :root[data-tema="claro"] .pilula-pub.ambar .ico-mini { background: #f5a524; color: #1c1404; } :root[data-tema="claro"] .pilula-pub.verde { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .pilula-pub.verde .ico-mini { background: var(--ok); color: #0b1f12; } :root[data-tema="claro"] .pilula-pub.vermelho { background: var(--erro-fundo); color: var(--erro); } :root[data-tema="claro"] .pilula-pub.vermelho .ico-mini { background: #e5484d; color: #fff; } :root[data-tema="claro"] .pilula-pub.neutro { background: var(--cartao-2); color: var(--texto); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .situacao-texto.recusa { color: var(--erro); } :root[data-tema="claro"] .tabela-pub td .botao-contorno.azul { color: var(--texto); } :root[data-tema="claro"] .col-seta a { color: var(--sub); } :root[data-tema="claro"] .col-seta a:hover { color: var(--texto); } :root[data-tema="claro"] .rodape-pub { color: var(--sub); } :root[data-tema="claro"] .gaveta-fundo { background: rgba(0, 0, 0, .35); } :root[data-tema="claro"] .gaveta-pub { background: var(--fundo); border-left: 1px solid var(--borda); box-shadow: -12px 0 32px rgba(15, 23, 42, 0.122); } :root[data-tema="claro"] .gaveta-cab { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .gaveta-fechar { color: var(--texto); } :root[data-tema="claro"] .gaveta-fechar:hover { background: var(--cartao-2); } :root[data-tema="claro"] .gaveta-produto { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .aviso-recusa { background: var(--erro-fundo); color: var(--erro); } :root[data-tema="claro"] .gaveta-secao { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .gaveta-secao:last-child { border-bottom: 0; } :root[data-tema="claro"] .comp-troca { color: var(--texto); } :root[data-tema="claro"] .cartao-comp { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .comp-candidatos .cartao-comp.candidato:has(input:checked) { border-color: var(--marca); box-shadow: 0 0 0 1px var(--marca); } :root[data-tema="claro"] .comp-candidatos .cartao-comp.candidato:has(input:focus-visible) { outline: 2px solid var(--marca); } :root[data-tema="claro"] .selo-achado { background: rgba(25, 87, 214, .35); color: var(--azul-texto); border: 1px solid var(--marca); } :root[data-tema="claro"] .confirmo-pub input { accent-color: var(--marca); } :root[data-tema="claro"] .grade-condicoes select { background: var(--fundo); } :root[data-tema="claro"] .atributos-ml input, :root[data-tema="claro"] .atributos-ml select { background: var(--fundo); } :root[data-tema="claro"] .entrada-reais { border: 1px solid var(--borda-forte); background: var(--fundo); } :root[data-tema="claro"] .entrada-reais span { border-right: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .entrada-reais input { border: 0; background: transparent; } :root[data-tema="claro"] .entrada-reais:focus-within { border-color: var(--marca); } :root[data-tema="claro"] .entrada-reais input:focus-visible { outline: none; } :root[data-tema="claro"] .nota-pub { color: var(--sub); } :root[data-tema="claro"] .nota-pub .ico-mini { color: var(--marca); } :root[data-tema="claro"] .linha-taxas { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .linha-taxas > .ico { background: var(--cartao-2); } :root[data-tema="claro"] .previa-pub { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .selo-condicoes { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .gaveta-rodape { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .gaveta-botoes .botao-contorno { border-color: var(--texto); } :root[data-tema="claro"] .gaveta-botoes .botao-primario:disabled { background: #2b4f99; border-color: #2b4f99; color: rgba(255, 255, 255, .55); } :root[data-tema="claro"] .lista-sugestoes { background: var(--cartao); border: 1px solid var(--borda-forte); box-shadow: 0 12px 32px rgba(15, 23, 42, 0.158); } :root[data-tema="claro"] .lista-sugestoes li[role="option"]:hover, :root[data-tema="claro"] .lista-sugestoes li[aria-selected="true"] { background: var(--marca-clara); } :root[data-tema="claro"] .sug-foto { background: #fff; } :root[data-tema="claro"] .sug-texto small { color: var(--sub); } :root[data-tema="claro"] .sug-vazio { color: var(--sub); } :root[data-tema="claro"] .logo-ph-texto { color: var(--texto); } :root[data-tema="claro"] .logo-ph-texto b { color: var(--azul-texto); } :root[data-tema="claro"] .entrar-marca .logo-ph-texto { color: var(--texto); } :root[data-tema="claro"] .mensagem.alerta { background: var(--alerta-fundo); border-color: var(--alerta); } :root[data-tema="claro"] .destino-num { background: var(--cartao-2); border: 1px solid var(--borda); } :root[data-tema="claro"] .destino-num span { color: var(--sub); } :root[data-tema="claro"] .destino-num small { color: var(--sub); } :root[data-tema="claro"] .destino-num.reservado strong { color: var(--alerta); } :root[data-tema="claro"] .destino-num.disponivel { border-color: var(--marca); } :root[data-tema="claro"] .destino-num.disponivel strong { color: var(--azul-texto); } :root[data-tema="claro"] .destino-op { color: var(--sub); } :root[data-tema="claro"] .tabela-estoque-nova th.ordenavel a { color: inherit; } :root[data-tema="claro"] .tabela-estoque-nova th.ordenavel a:hover, :root[data-tema="claro"] .tabela-estoque-nova th.ordenavel.ativo a { color: var(--texto); } :root[data-tema="claro"] .link-reservado { color: var(--alerta); } :root[data-tema="claro"] .ia-cartao { border-color: var(--marca); } :root[data-tema="claro"] .ia-tabela td { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .ia-atual { color: var(--sub); } :root[data-tema="claro"] .ia-sugerido { background: rgba(25, 87, 214, .08); } :root[data-tema="claro"] .ia-atrib dt { color: var(--sub); } :root[data-tema="claro"] .ia-imagem { background: var(--cartao-2); border: 1px solid var(--borda); } :root[data-tema="claro"] .ia-imagem img { background: #fff; } :root[data-tema="claro"] .ia-imagem:has(input:checked) { border-color: var(--marca); box-shadow: 0 0 0 1px var(--marca); } :root[data-tema="claro"] .ia-obs { color: var(--sub); } :root[data-tema="claro"] .ia-pendencias { background: var(--alerta-fundo); border: 1px solid rgba(245, 165, 36, .35); } :root[data-tema="claro"] .ia-lote-campos { border: 1px solid var(--borda); } :root[data-tema="claro"] .erro-texto { color: var(--erro); } :root[data-tema="claro"] .uso-imagens { color: var(--sub); } :root[data-tema="claro"] .uso-imagens strong { color: var(--texto); } :root[data-tema="claro"] .uso-imagens.esgotado strong { color: var(--erro); } :root[data-tema="claro"] .ia-girando { border: 2px solid var(--borda-forte); border-top-color: var(--marca); } :root[data-tema="claro"] .end-form .end-campo span { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .menu-sessao .sessao-link { color: inherit; } :root[data-tema="claro"] .menu-sessao .sessao-link:hover { background: rgba(15, 23, 42, 0.054); } :root[data-tema="claro"] .pres-av { outline: none; } :root[data-tema="claro"] .pres-circulo { color: var(--texto); background: var(--cor, var(--borda-forte)); border: 2px solid var(--cartao, var(--borda)); } :root[data-tema="claro"] .pres-mais .pres-circulo { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .pres-av:hover .pres-circulo, :root[data-tema="claro"] .pres-av:focus-visible .pres-circulo { box-shadow: 0 8px 18px rgba(15, 23, 42, 0.158), 0 0 0 2px rgba(109, 156, 255, .45); } :root[data-tema="claro"] .pres-ponto { background: #22c55e; border: 2px solid var(--cartao, var(--borda)); } :root[data-tema="claro"] .pres-ponto::after { background: #22c55e; } :root[data-tema="claro"] .pres-tip { background: var(--fundo); border: 1px solid rgba(15, 23, 42, 0.12); box-shadow: 0 10px 24px rgba(15, 23, 42, 0.175); } :root[data-tema="claro"] .pres-tip::before { background: var(--fundo); border-left: 1px solid rgba(15, 23, 42, 0.12); border-top: 1px solid rgba(15, 23, 42, 0.12); } :root[data-tema="claro"] .pres-tip small { color: var(--sub); } :root[data-tema="claro"] .aviso-retorno { background: var(--cartao-2); color: var(--texto); border: 1px solid var(--borda-forte); border-left: 4px solid var(--ok); box-shadow: 0 10px 30px rgba(15, 23, 42, 0.122); } :root[data-tema="claro"] .aviso-retorno.alerta, :root[data-tema="claro"] .aviso-retorno.erro { border-left-color: var(--erro); } :root[data-tema="claro"] .botao-contorno.alerta { color: var(--alerta); border-color: var(--alerta); } :root[data-tema="claro"] .texto-erro { color: var(--erro); } :root[data-tema="claro"] .texto-ok { color: var(--ok); } :root[data-tema="claro"] .barra-selecao-ml { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .por-pagina .pag-num.atual { background: var(--marca); color: var(--marca-texto); border-color: var(--marca); } :root[data-tema="claro"] .preco-difere { color: var(--alerta); } :root[data-tema="claro"] .sincronizar-loja { border-top: 1px solid var(--linha); } :root[data-tema="claro"] .painel-reajuste { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .reajuste-icone { background: var(--cartao-2); border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .reajuste-passo { border: 1px solid var(--borda); background: var(--fundo); } :root[data-tema="claro"] .passo-num { background: var(--cartao-2); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .campo-rotulado { color: var(--sub); } :root[data-tema="claro"] .campo-rotulado.linha { color: var(--texto); } :root[data-tema="claro"] .reajuste-arredondar { color: var(--texto); } :root[data-tema="claro"] .reajuste-dica { border-left: 2px solid var(--marca); } :root[data-tema="claro"] .exemplo-calculo { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .exemplo-calculo dl { color: var(--sub); } :root[data-tema="claro"] .exemplo-calculo dd { color: var(--texto); } :root[data-tema="claro"] .exemplo-total { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .exemplo-total strong { color: var(--azul-texto); } :root[data-tema="claro"] .reajuste-rodape { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .pagina-precos .resumo-precos .alerta strong { color: var(--alerta); } :root[data-tema="claro"] .sug-cab .subtitulo { color: var(--sub); } :root[data-tema="claro"] .sug-cartao { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .sug-recalcular { border-color: var(--marca); color: var(--azul-texto); } :root[data-tema="claro"] .sug-full { color: var(--texto); } :root[data-tema="claro"] .sug-card { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .sug-card span { color: var(--sub); } :root[data-tema="claro"] .sug-card-ico { color: var(--azul-texto); } :root[data-tema="claro"] .sug-card-ico.alerta { color: var(--alerta); } :root[data-tema="claro"] .sug-card-ico.ok { color: var(--ok); } :root[data-tema="claro"] .sug-card-alerta { background: var(--alerta-fundo); border-color: var(--alerta); } :root[data-tema="claro"] .sug-card-alerta b { color: var(--alerta); } :root[data-tema="claro"] .sug-card-alerta p, :root[data-tema="claro"] .sug-card-ok p { color: var(--sub); } :root[data-tema="claro"] .sug-busca { border: 1px solid var(--borda-forte); background: var(--fundo); } :root[data-tema="claro"] .sug-busca input { border: 0; background: transparent; color: var(--texto); outline: none; } :root[data-tema="claro"] .sug-filtro { color: var(--sub); } :root[data-tema="claro"] .sug-qtd { border: 1px solid var(--borda-forte); background: var(--fundo); } :root[data-tema="claro"] .sug-qtd input { border: 0; background: transparent; color: var(--texto); } :root[data-tema="claro"] .sug-calc { border: 0; border-left: 1px solid var(--borda-forte); background: transparent; color: var(--azul-texto); } :root[data-tema="claro"] .sug-calc:hover { background: var(--marca-clara); } :root[data-tema="claro"] .sug-prioridade { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .sug-prioridade.urgente { background: var(--alerta-fundo); border-color: var(--alerta); color: var(--alerta); } :root[data-tema="claro"] .sug-prioridade.planejar { color: var(--texto); } :root[data-tema="claro"] .sug-prioridade.sem_compra { color: var(--sub); } :root[data-tema="claro"] .sug-rodape-tabela { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .sug-conta { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .sug-conta b { color: var(--azul-texto); } :root[data-tema="claro"] .sug-estoque { border-left: 1px solid var(--borda); color: var(--sub); } :root[data-tema="claro"] .sug-estoque dd { color: var(--texto); } :root[data-tema="claro"] .sug-formula { color: var(--sub); } :root[data-tema="claro"] .sug-situacao { border: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .sug-situacao.confirmada { color: var(--info); background: var(--info-fundo); border-color: var(--info); } :root[data-tema="claro"] .sug-situacao.recebida { color: var(--ok); background: var(--ok-fundo); border-color: var(--ok); } :root[data-tema="claro"] .sug-situacao.cancelada { color: var(--erro); background: var(--erro-fundo); border-color: var(--erro); } :root[data-tema="claro"] .sug-tabela tfoot td { border-top: 1px solid var(--borda); } @media (max-width: 640px) { :root[data-tema="claro"] .sug-estoque { border-left: 0; } } :root[data-tema="claro"] .sug-tabela .tabela-design th, :root[data-tema="claro"] .sug-tabela .tabela-design td { border-left: 0; border-right: 0; } :root[data-tema="claro"] .sug-produto .nome-produto { color: var(--texto); } :root[data-tema="claro"] .sug-produto .nome-produto:hover { color: var(--azul-texto); } :root[data-tema="claro"] .tf-cab .subtitulo { color: var(--sub); } :root[data-tema="claro"] .tf-trilha { color: var(--sub); } :root[data-tema="claro"] .tf-aba { border: 1px solid var(--borda); background: var(--cartao); color: var(--texto); } :root[data-tema="claro"] .tf-aba b { background: var(--cartao-2); } :root[data-tema="claro"] .tf-aba.ativa { border-color: var(--marca); background: var(--marca-clara); } :root[data-tema="claro"] .tf-aba.ativa b { background: var(--marca); color: #fff; } :root[data-tema="claro"] .tf-busca { border: 1px solid var(--borda-forte); background: var(--fundo); } :root[data-tema="claro"] .tf-busca input { border: 0; background: transparent; color: var(--texto); outline: none; } :root[data-tema="claro"] .tf-visao { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .tf-visao a { color: var(--texto); } :root[data-tema="claro"] .tf-visao a.ativa { background: var(--marca-clara); outline: 1px solid var(--marca); } :root[data-tema="claro"] .tf-lado { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .tf-lado hr { border: 0; border-top: 1px solid var(--borda); } :root[data-tema="claro"] .tf-lado-item { color: var(--texto); } :root[data-tema="claro"] .tf-lado-item:hover { background: var(--cartao-2); } :root[data-tema="claro"] .tf-lado-item.ativo { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .tf-coluna { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .tf-coluna.alvo { border-color: var(--marca); background: var(--marca-clara); } :root[data-tema="claro"] .tf-cont { background: var(--cartao-2); } :root[data-tema="claro"] .tf-col-mais { color: var(--sub); } :root[data-tema="claro"] .tf-col-mais:hover { background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .tf-ponto { background: var(--apagado); } :root[data-tema="claro"] .tf-ponto.azul { background: #3b82f6; } :root[data-tema="claro"] .tf-ponto.amarelo { background: #f5b524; } :root[data-tema="claro"] .tf-ponto.verde { background: #22c55e; } :root[data-tema="claro"] .tf-ponto.cinza { background: #8b949e; } :root[data-tema="claro"] .tf-cartao { border: 1px solid var(--borda); background: var(--fundo); } :root[data-tema="claro"] .tf-titulo { color: var(--texto); } :root[data-tema="claro"] .tf-titulo:hover { color: var(--azul-texto); } :root[data-tema="claro"] .tf-mais { color: var(--sub); } :root[data-tema="claro"] .tf-ok { color: var(--ok); } :root[data-tema="claro"] .tf-chip { border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .tf-chip.prio-alta { color: var(--erro); border-color: #8a2f2a; background: rgba(255, 107, 94, .1); } :root[data-tema="claro"] .tf-chip.prio-normal { color: var(--azul-texto); border-color: #2d4f8e; background: rgba(91, 147, 255, .1); } :root[data-tema="claro"] .tf-chip.prio-baixa { color: var(--sub); } :root[data-tema="claro"] .tf-chip.concluida { color: var(--ok); border-color: #1f6b3d; background: rgba(62, 207, 114, .1); } :root[data-tema="claro"] .tf-meta { color: var(--sub); } :root[data-tema="claro"] .tf-atrasada, :root[data-tema="claro"] .tf-meta .tf-atrasada { color: var(--erro); } :root[data-tema="claro"] .tf-av { background: var(--cor, var(--borda-forte)); color: var(--texto); } :root[data-tema="claro"] .tf-av.vazio { background: transparent; border: 1px dashed var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .tf-link { color: var(--azul-texto); } :root[data-tema="claro"] .tf-vazio { color: var(--sub); } :root[data-tema="claro"] .tf-ver-todas { color: var(--azul-texto); } :root[data-tema="claro"] .tf-dica { color: var(--sub); border: 1px dashed var(--borda); } :root[data-tema="claro"] .tf-resumo { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .tf-resumo-cards a { border: 1px solid var(--borda); background: var(--fundo); color: var(--texto); } :root[data-tema="claro"] .tf-resumo-cards span { color: var(--sub); } :root[data-tema="claro"] .tf-r-ico { background: var(--cartao-2); } :root[data-tema="claro"] .tf-r-ico.erro { color: var(--erro); background: rgba(255, 107, 94, .14); } :root[data-tema="claro"] .tf-proximos { border-left: 1px solid var(--borda); } :root[data-tema="claro"] .tf-proximos li { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .tf-proximos li:last-child { border-bottom: 0; } :root[data-tema="claro"] .tf-proximos li a { color: var(--texto); } :root[data-tema="claro"] .tf-proximos li span { color: var(--sub); } :root[data-tema="claro"] .tf-lista-filtro { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .tf-checklist { border: 1px solid var(--borda); } :root[data-tema="claro"] .tf-excluir { color: var(--erro); } @media (max-width: 1100px) { :root[data-tema="claro"] .tf-proximos { border-left: 0; } } :root[data-tema="claro"] .ff-cards .sug-card small { color: var(--sub); } :root[data-tema="claro"] .ff-mini { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .ff-mini div { border-left: 1px solid var(--borda); } :root[data-tema="claro"] .ff-mini div:first-child { border-left: 0; } :root[data-tema="claro"] .ff-mini span { color: var(--sub); } :root[data-tema="claro"] .ff-abas { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .ff-abas a { color: var(--sub); border-bottom: 2px solid transparent; } :root[data-tema="claro"] .ff-abas a.ativa { color: var(--azul-texto); border-bottom-color: var(--azul-texto); } :root[data-tema="claro"] .ff-cob.boa { color: var(--ok); background: var(--ok-fundo); } :root[data-tema="claro"] .ff-cob.media { color: var(--alerta); background: var(--alerta-fundo); } :root[data-tema="claro"] .ff-cob.ruim { color: var(--erro); background: var(--erro-fundo); } :root[data-tema="claro"] .ff-cob.neutra { color: var(--sub); } :root[data-tema="claro"] .ff-pend { color: var(--alerta); background: var(--alerta-fundo); } @media (max-width: 1100px) { :root[data-tema="claro"] .ff-mini div:nth-child(3) { border-left: 0; } } @media (max-width: 640px) { :root[data-tema="claro"] .ff-mini div { border-left: 0; border-top: 1px solid var(--borda); } } :root[data-tema="claro"] .ff-conta { border: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .link.perigo, :root[data-tema="claro"] .botao-contorno.perigo { color: var(--erro); } :root[data-tema="claro"] .canal-publicar { border-top: 1px solid var(--linha); } :root[data-tema="claro"] .vincular-produto { border-top: 1px solid var(--linha); } :root[data-tema="claro"] .botao-ia-campo { border: 1px solid var(--borda-forte); background: transparent; color: var(--texto); } :root[data-tema="claro"] .botao-ia-campo:hover { border-color: var(--texto); } :root[data-tema="claro"] .regra-jarvis { border: 1px solid var(--borda); } :root[data-tema="claro"] .regra-jarvis.ativo { border-color: var(--azul-texto); } :root[data-tema="claro"] .nota-jarvis.verde { background: rgba(63, 185, 80, .15); } :root[data-tema="claro"] .nota-jarvis.ambar { background: rgba(210, 153, 34, .18); } :root[data-tema="claro"] .nota-jarvis.vermelho { background: rgba(248, 81, 73, .18); } :root[data-tema="claro"] .chip-problema { border: 1px solid var(--borda-forte); color: inherit; } :root[data-tema="claro"] .chip-problema.ativo, :root[data-tema="claro"] .chip-problema:hover { border-color: var(--azul-texto); } :root[data-tema="claro"] .cab-jarvis .subtitulo { color: var(--sub); } :root[data-tema="claro"] .jarvis-progresso, :root[data-tema="claro"] .jarvis-lotes { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .jarvis-progresso .barra, :root[data-tema="claro"] .barra-nota { background: var(--cartao-2); } :root[data-tema="claro"] .jarvis-progresso .barra span { background: var(--azul-texto); } :root[data-tema="claro"] .barra-nota span { background: var(--sub); } :root[data-tema="claro"] .barra-nota span.verde { background: #3fb950; } :root[data-tema="claro"] .barra-nota span.ambar { background: #d29922; } :root[data-tema="claro"] .barra-nota span.vermelho { background: var(--erro); } :root[data-tema="claro"] .kpis-jarvis2 .kpi-jarvis { color: inherit; background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .kpis-jarvis2 .kpi-jarvis:hover { border-color: var(--borda-forte); } :root[data-tema="claro"] .kpis-jarvis2 .kpi-jarvis > span:not(.kpi-ico) { color: var(--sub); } :root[data-tema="claro"] .kpis-jarvis2 .kpi-jarvis strong small { color: var(--sub); } :root[data-tema="claro"] .kpis-jarvis2 .kpi-jarvis > small { color: var(--sub); } :root[data-tema="claro"] .kpi-ico { color: var(--sub); } :root[data-tema="claro"] .kpi-jarvis .verde { color: var(--ok); } :root[data-tema="claro"] .kpi-jarvis .ambar { color: var(--alerta); } :root[data-tema="claro"] .kpi-jarvis .vermelho { color: var(--erro); } :root[data-tema="claro"] .kpi-jarvis.alerta strong { color: var(--erro); } :root[data-tema="claro"] .acao-plano { border: 1px solid var(--borda-forte); color: inherit; } :root[data-tema="claro"] .acao-plano:hover { border-color: var(--azul-texto); } :root[data-tema="claro"] .acao-plano small { color: var(--sub); } :root[data-tema="claro"] .dim-nota { border: 1px solid var(--borda); } :root[data-tema="claro"] .dim-nota small, :root[data-tema="claro"] .dim-nota span { color: var(--sub); } :root[data-tema="claro"] .dim-nota .verde { color: var(--ok); } :root[data-tema="claro"] .dim-nota .ambar { color: var(--alerta); } :root[data-tema="claro"] .dim-nota .vermelho { color: var(--erro); } :root[data-tema="claro"] .nao-verificado { color: var(--sub); } :root[data-tema="claro"] .abas-jarvis { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .abas-jarvis a { color: var(--sub); border-bottom: 2px solid transparent; } :root[data-tema="claro"] .abas-jarvis a.ativo { color: var(--texto); border-bottom-color: var(--azul-texto); } :root[data-tema="claro"] .abas-jarvis b { background: var(--cartao-2); } :root[data-tema="claro"] .busca-jarvis { border: 1px solid var(--borda-forte); background: var(--fundo); } :root[data-tema="claro"] .busca-jarvis input { border: 0; background: transparent; color: inherit; } :root[data-tema="claro"] .mais-filtros summary { color: var(--azul-texto); } :root[data-tema="claro"] .tabela-jarvis tr.selecionada td { background: rgba(91, 147, 255, .08); } :root[data-tema="claro"] .painel-jarvis { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .dl-jarvis dt { color: var(--sub); } :root[data-tema="claro"] .por-que summary { color: var(--azul-texto); } :root[data-tema="claro"] .antes-depois pre { border: 1px solid var(--borda); background: var(--fundo); } :root[data-tema="claro"] .antes-depois mark { background: rgba(91, 147, 255, .28); color: inherit; } :root[data-tema="claro"] .aviso-confirmar { color: var(--alerta); } :root[data-tema="claro"] .metrica-jarvis { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .metrica-jarvis span, :root[data-tema="claro"] .metrica-jarvis small { color: var(--sub); } :root[data-tema="claro"] .ok-texto { color: var(--ok); } :root[data-tema="claro"] .massa-cartao { border: 1px solid var(--borda); } :root[data-tema="claro"] .massa-etapas li { color: var(--sub); } :root[data-tema="claro"] .massa-etapas b { color: var(--texto); } :root[data-tema="claro"] .controle-ia { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .controle-ia.pausada { border-color: #d29922; background: rgba(210, 153, 34, .08); } :root[data-tema="claro"] .form-limite label { color: var(--sub); } :root[data-tema="claro"] .kit-alvo { border: 1px solid var(--borda); background: var(--cartao-2); } :root[data-tema="claro"] .kit-resumo { color: var(--azul-texto); } :root[data-tema="claro"] .comp-info small { color: var(--sub); } :root[data-tema="claro"] .an-cab .subtitulo { color: var(--sub); } :root[data-tema="claro"] .an-filtro { color: var(--sub); } :root[data-tema="claro"] .an-abas { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .an-abas a { color: var(--sub); border-bottom: 2px solid transparent; } :root[data-tema="claro"] .an-abas a.ativa { color: var(--texto); border-bottom-color: var(--azul-texto); } :root[data-tema="claro"] .an-kpi { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .an-kpi > span { color: var(--sub); } :root[data-tema="claro"] .an-kpi small { color: var(--sub); } :root[data-tema="claro"] .an-kpi.neg strong, :root[data-tema="claro"] .an-neg { color: var(--erro); } :root[data-tema="claro"] .an-sobe { color: var(--ok); } :root[data-tema="claro"] .an-desce { color: var(--erro); } :root[data-tema="claro"] .an-seg { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .an-seg a { color: var(--sub); } :root[data-tema="claro"] .an-seg a.ativo { background: #2563eb; color: #fff; } :root[data-tema="claro"] .an-grafico .an-grade { stroke: var(--linha); } :root[data-tema="claro"] .an-grafico .an-eixo { fill: var(--sub); } :root[data-tema="claro"] .an-grafico .an-valor { fill: var(--texto); } :root[data-tema="claro"] .an-grafico .an-anterior { stroke: var(--azul-texto); } :root[data-tema="claro"] .an-legenda { color: var(--sub); } :root[data-tema="claro"] .an-legenda i.claro { background: #3b4a63; } :root[data-tema="claro"] .an-tabela tfoot td, :root[data-tema="claro"] .an-total td { border-top: 2px solid var(--borda-forte); } :root[data-tema="claro"] .an-cascata-linha span small { color: var(--sub); } :root[data-tema="claro"] .an-cascata-barra { background: var(--cartao-2); } :root[data-tema="claro"] .an-cascata-barra > span { background: #3b82f6; } :root[data-tema="claro"] .an-cascata-barra > span.neg { background: var(--borda-forte); } :root[data-tema="claro"] .an-mes-barra { background: var(--cartao-2); } :root[data-tema="claro"] .an-donut-fundo { fill: none; stroke: #3b4a63; } :root[data-tema="claro"] .an-donut-valor { fill: none; stroke: var(--azul-texto); } :root[data-tema="claro"] .an-donut-rot { fill: var(--sub); } :root[data-tema="claro"] .an-donut-num { fill: var(--texto); } :root[data-tema="claro"] .an-prod a { color: var(--texto); } :root[data-tema="claro"] .an-grafico .an-col .an-alvo { fill: transparent; } :root[data-tema="claro"] .an-grafico .an-col:focus { outline: none; } :root[data-tema="claro"] .an-grafico .an-col.foco .an-alvo { fill: var(--sub); } :root[data-tema="claro"] .an-grafico .an-grade.zero { stroke: var(--borda-forte); } :root[data-tema="claro"] .an-dica { background: var(--info-fundo); color: var(--texto); border: 1px solid var(--borda-forte); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.158); } :root[data-tema="claro"] .an-dica small { color: var(--sub); } :root[data-tema="claro"] .an-dica dt { color: var(--sub); } :root[data-tema="claro"] .an-dica em { color: var(--azul-texto); } :root[data-tema="claro"] .an-ads-faixa { border: 1px solid #b45309; background: rgba(180, 83, 9, .16); color: var(--alerta); } :root[data-tema="claro"] .an-ads-faixa b { background: #f59e0b; color: #111; } :root[data-tema="claro"] .an-ads-faixa strong { color: var(--alerta); border-right: 1px solid #b45309; } :root[data-tema="claro"] .rm-cartao { background: var(--cartao); border: 1px solid var(--borda); color: inherit; } :root[data-tema="claro"] .rm-cartao:hover { border-color: var(--borda-forte); } :root[data-tema="claro"] .rm-cartao.ativo { border-color: #3b82f6; background: rgba(59, 130, 246, .12); } :root[data-tema="claro"] .rm-cartao.ativo span { color: #60a5fa; } :root[data-tema="claro"] .rm-cartao span { color: var(--sub); } :root[data-tema="claro"] .rm-cartao small { color: var(--sub); } :root[data-tema="claro"] .rm-cartao-ico { color: var(--azul-texto); } :root[data-tema="claro"] .rm-pager [data-pag-rotulo] { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .rm-tabela th.rm-grupo { color: var(--texto); border-right: 1px solid var(--borda); background: var(--cartao-2); } :root[data-tema="claro"] .rm-tabela tr.rm-novo-grupo td, :root[data-tema="claro"] .rm-tabela tr.rm-novo-grupo th { border-top: 2px solid var(--borda-forte); } :root[data-tema="claro"] .rm-tabela tr.rm-destaque td, :root[data-tema="claro"] .rm-tabela tr.rm-destaque th { background: rgba(59, 130, 246, .16); color: var(--azul-texto); } :root[data-tema="claro"] .rm-tabela tr.rm-destaque td.num strong { color: var(--texto); } :root[data-tema="claro"] .rm-pilula { background: rgba(34, 197, 94, .18); color: var(--ok); } :root[data-tema="claro"] .rm-pilula.neg { background: rgba(239, 68, 68, .18); color: var(--erro); } :root[data-tema="claro"] .rm-info { border: 1px solid var(--borda); color: var(--sub); } :root[data-tema="claro"] .rm-chave { color: var(--azul-texto); } :root[data-tema="claro"] .rm-canal { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .rm-expandir { color: var(--azul-texto); } :root[data-tema="claro"] .rm-chave input { background: var(--borda-forte); } :root[data-tema="claro"] .rm-chave input::after { background: #fff; } :root[data-tema="claro"] .rm-chave input:checked { background: #2563eb; } :root[data-tema="claro"] .lista-sugestoes .sug-titulo { color: var(--sub); } :root[data-tema="claro"] .lista-sugestoes .sug-igual { color: var(--ok); } :root[data-tema="claro"] .pok-cadeia > div { border: 1px solid var(--borda); } :root[data-tema="claro"] .pok-cadeia span:not(.pok-seta) { color: var(--sub); } :root[data-tema="claro"] .pok-cadeia small { color: var(--sub); } :root[data-tema="claro"] .pok-seta { color: var(--sub); } :root[data-tema="claro"] .calc-produto label { color: var(--sub); } :root[data-tema="claro"] .calc-escolhido { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .calc-escolhido dt { color: var(--sub); } :root[data-tema="claro"] .calc-escolhido dd small { color: var(--sub); } :root[data-tema="claro"] .calc-frame { border: 0; background: var(--fundo); } :root[data-tema="claro"] .pagina-unificar .un-prod.fica b { color: var(--ok); } :root[data-tema="claro"] .pagina-unificar .un-comparar td.diferente { background: var(--alerta-fundo); } :root[data-tema="claro"] .pagina-unificar .un-cadastro { border-left: 4px solid var(--ok); } :root[data-tema="claro"] .pagina-unificar .un-bloqueio { border-left: 4px solid var(--erro); } :root[data-tema="claro"] .pagina-unificar .un-aviso { border-left: 4px solid var(--alerta); } :root[data-tema="claro"] .pagina-unificar .un-kpi { color: inherit; border: 1px solid var(--borda); } :root[data-tema="claro"] .pagina-unificar .un-kpi.pendente b { color: var(--alerta); } :root[data-tema="claro"] .pagina-unificar .un-kpi.ativo { border-color: var(--ok); } :root[data-tema="claro"] .pagina-unificar .texto-alerta { color: var(--alerta); } :root[data-tema="claro"] .pagina-unificar .un-motivos.erro b { color: var(--erro); } :root[data-tema="claro"] .pagina-unificar .un-motivos.alerta b { color: var(--alerta); } :root[data-tema="claro"] .pagina-unificar .un-galeria img { border: 1px solid var(--borda); background: var(--cartao-2); } :root[data-tema="claro"] .pagina-unificar .un-galeria figure.nova img { border: 2px solid var(--ok); } :root[data-tema="claro"] .pagina-unificar .un-galeria figcaption { color: var(--sub); } :root[data-tema="claro"] .pagina-unificar .un-mini { border: 1px solid var(--borda); } :root[data-tema="claro"] .pagina-unificar .un-membro { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .pagina-unificar .un-distinto { border-top: 1px dashed var(--borda); } :root[data-tema="claro"] .pagina-unificar .un-grupo-revisao { border-left: 4px solid var(--alerta); } :root[data-tema="claro"] .pagina-unificar .un-grupo-elegivel { border-left: 4px solid var(--ok); } :root[data-tema="claro"] .pagina-unificar .un-grupo-distintos { border-left: 4px solid var(--erro); } :root[data-tema="claro"] .pagina-unificar .un-estoque { border: 1px solid var(--borda); } :root[data-tema="claro"] .pagina-unificar tr.diferente td { background: var(--alerta-fundo); } :root[data-tema="claro"] .pagina-gestao-anuncios .ga-barra { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .pagina-gestao-anuncios .ga-escopo { border: 1px dashed var(--alerta); } :root[data-tema="claro"] .pagina-gestao-anuncios .ga-foto { border: 1px solid var(--borda); background: var(--cartao-2); } :root[data-tema="claro"] .pagina-gestao-anuncios .ga-motivo { background: var(--cartao-2); } :root[data-tema="claro"] .pagina-gestao-anuncios .ga-motivo.ok { color: var(--ok); background: var(--ok-fundo); } :root[data-tema="claro"] .pagina-gestao-anuncios .ga-motivo.erro { color: var(--erro); background: var(--erro-fundo); } :root[data-tema="claro"] .pagina-gestao-anuncios .ga-prod-desc { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .pagina-gestao-anuncios .texto-alerta { color: var(--alerta); } :root[data-tema="claro"] .pagina-unificar .un-sec { color: var(--sub); } :root[data-tema="claro"] .cc-tabela .cc-item { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .cc-tabela .cc-item:last-child { border-bottom: 0; } :root[data-tema="claro"] .pv-cadeia { color: var(--sub); } :root[data-tema="claro"] .pv-cadeia .ico-mini { color: var(--azul-texto); } :root[data-tema="claro"] .pv-topo { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .pv-topo .pv-abas { border-bottom: 0; } :root[data-tema="claro"] .pv-visao label { color: var(--texto); } :root[data-tema="claro"] .pv-status { border: 1px solid currentColor; } :root[data-tema="claro"] .pv-status.ok { color: var(--ok); background: var(--ok-fundo); } :root[data-tema="claro"] .pv-status.info { color: var(--info); background: var(--info-fundo); } :root[data-tema="claro"] .pv-status.alerta { color: var(--alerta); background: var(--alerta-fundo); } :root[data-tema="claro"] .pv-status.erro { color: var(--erro); background: var(--erro-fundo); } :root[data-tema="claro"] .pv-link { color: var(--azul-texto) !important; } :root[data-tema="claro"] .pv-canal { border: 1px solid var(--borda-forte); background: transparent; } :root[data-tema="claro"] .pv-canal.mercado_livre { border-color: #e9c400; } :root[data-tema="claro"] .pv-canal.shopee { border-color: #ee4d2d; } :root[data-tema="claro"] .pv-canal.amazon, :root[data-tema="claro"] .pv-canal.tiktok { border-color: #c9ced6; } :root[data-tema="claro"] .pv-canal.sugestao { border-style: dashed; color: var(--sub); } :root[data-tema="claro"] .pv-canal b { color: var(--sub); } :root[data-tema="claro"] .pv-negativo { color: var(--alerta); } :root[data-tema="claro"] .pv-detalhe > td { background: var(--fundo); } :root[data-tema="claro"] .pv-detalhe-grade { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .pv-bloco { border-right: 1px solid var(--borda); } :root[data-tema="claro"] .pv-bloco:last-child { border-right: 0; } :root[data-tema="claro"] .pv-selo.ok { color: var(--ok); background: var(--ok-fundo); } :root[data-tema="claro"] .pv-selo.info { color: var(--info); background: var(--info-fundo); } :root[data-tema="claro"] .pv-selo.alerta { color: var(--alerta); background: var(--alerta-fundo); } :root[data-tema="claro"] .pv-selo.erro { color: var(--erro); background: var(--erro-fundo); } :root[data-tema="claro"] .pv-item img, :root[data-tema="claro"] .pv-sem-foto { background: #fff; } :root[data-tema="claro"] .pv-sem-foto { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .pv-nota { color: var(--sub); } @media (max-width: 760px) { :root[data-tema="claro"] .pv-bloco { border-right: 0; border-bottom: 1px solid var(--borda); } } :root[data-tema="claro"] .pv-pagina .botao-contorno.perigo { color: var(--erro); border-color: var(--erro); } :root[data-tema="claro"] .pv-pagina .botao-contorno.perigo:disabled { color: var(--sub); border-color: var(--borda-forte); } :root[data-tema="claro"] .pv-ligar-pop { background: var(--cartao); border: 1px solid var(--borda-forte); box-shadow: 0 10px 30px rgba(15, 23, 42, 0.158); } :root[data-tema="claro"] .pv-ligar-tit { color: var(--sub); } :root[data-tema="claro"] .pv-ligar-tit b { color: var(--texto); } :root[data-tema="claro"] .cm-fotos img { background: #fff; } :root[data-tema="claro"] .ficha-situacao { border: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .ficha-situacao.salvo, :root[data-tema="claro"] .ficha-situacao.ok { color: var(--ok); border-color: var(--ok); background: var(--ok-fundo); } :root[data-tema="claro"] .ficha-situacao.pendente, :root[data-tema="claro"] .ficha-situacao.alerta { color: var(--alerta); border-color: var(--alerta); background: var(--alerta-fundo); } :root[data-tema="claro"] .ficha-situacao.rascunho { color: var(--info); border-color: var(--info); background: var(--info-fundo); } :root[data-tema="claro"] .aba-produto.ficha-etapa { border: 1px solid transparent; border-bottom: 1px solid transparent; color: var(--sub); } :root[data-tema="claro"] .aba-produto.ficha-etapa:hover { color: var(--texto); background: var(--cartao) !important; } :root[data-tema="claro"] .aba-produto.ficha-etapa.ativa { color: var(--texto); background: var(--cartao-2) !important; border-color: var(--borda-forte); border-bottom-color: var(--borda-forte); } :root[data-tema="claro"] .ficha-etapa small { color: var(--alerta); } :root[data-tema="claro"] .ficha-num { border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .ficha-etapa.ativa .ficha-num { border-color: var(--marca); background: var(--marca-clara); } :root[data-tema="claro"] .ficha-etapa.completa .ficha-num { color: var(--ok); border-color: var(--ok); background: var(--ok-fundo); } :root[data-tema="claro"] .ficha-etapa.pendente .ficha-num { color: var(--alerta); border-color: var(--alerta); background: var(--alerta-fundo); } :root[data-tema="claro"] .ficha-historico { border-top: 1px solid var(--borda) !important; } :root[data-tema="claro"] .ficha-produto[data-modo="completo"] .ficha-painel:has(+ .ficha-painel-extra:not([hidden])) { border-bottom: 0; } :root[data-tema="claro"] .ficha-produto[data-modo="completo"] .ficha-painel { border-bottom: 1px dashed var(--borda); } :root[data-tema="claro"] .ficha-un { border: 1px solid var(--borda-forte); border-left: 0; background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .campo-produto.com-erro input, :root[data-tema="claro"] .campo-produto.com-erro select, :root[data-tema="claro"] .campo-produto.com-erro textarea, :root[data-tema="claro"] .com-erro > input { border-color: var(--erro) !important; box-shadow: 0 0 0 2px var(--erro-fundo); } :root[data-tema="claro"] .campo-produto.com-erro > span:first-child { color: var(--erro); } :root[data-tema="claro"] .obrig { color: var(--erro); } :root[data-tema="claro"] .ficha-dl dt { color: var(--sub); } :root[data-tema="claro"] .ficha-cp fieldset { border: 1px solid var(--borda); } :root[data-tema="claro"] .ficha-pend { background: var(--cartao-2); border: 1px solid var(--borda); } :root[data-tema="claro"] .ficha-pend button.link { color: var(--alerta); } :root[data-tema="claro"] .galeria-item { border: 1px solid var(--borda); background: #fff; } :root[data-tema="claro"] .galeria-item.principal { border: 2px solid var(--marca); } :root[data-tema="claro"] .galeria-item figcaption { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .galeria-item.indisponivel figcaption { color: var(--erro); } :root[data-tema="claro"] .galeria-botoes button { background: rgba(15, 20, 23, .82); border-color: var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] dialog.galeria-zoom { background: var(--cartao); border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] dialog.galeria-zoom img { background: #fff; } :root[data-tema="claro"] dialog.galeria-zoom::backdrop { background: rgba(0, 0, 0, .7); } :root[data-tema="claro"] .avatar-empresa img { background: #fff; } :root[data-tema="claro"] .pz-cartao > .sub { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .pz-corpo { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .pz-previa { background: #f6f3ea; border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .pz-inicial { color: #3a5a40; } :root[data-tema="claro"] .pz-erro { color: var(--erro); } :root[data-tema="claro"] .pv-ativos { color: var(--sub); } :root[data-tema="claro"] .pv-ativos a { color: var(--azul-texto); } :root[data-tema="claro"] .pf-n { background: var(--marca); color: #fff; } :root[data-tema="claro"] .painel-lateral-fundo { background: rgba(0, 0, 0, .45); } :root[data-tema="claro"] .painel-lateral-corpo { background: var(--cartao); border-left: 1px solid var(--borda-forte); box-shadow: -12px 0 30px rgba(15, 23, 42, 0.122); } :root[data-tema="claro"] .pl-fechar { color: var(--sub); } :root[data-tema="claro"] .pl-rodape { background: var(--cartao); border-top: 1px solid var(--borda); } :root[data-tema="claro"] .pf-grupo { border: 1px solid var(--borda); } :root[data-tema="claro"] .pc-lista li { border: 1px solid var(--borda); } :root[data-tema="claro"] .tipo-produto.kit { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .pv-kit th { color: var(--sub); } :root[data-tema="claro"] .pa-passos li { border: 1px solid var(--borda); color: var(--sub); } :root[data-tema="claro"] .pa-passos li.atual { border-color: var(--marca); color: var(--texto); } :root[data-tema="claro"] .pa-passos li.feito { color: var(--ok); } :root[data-tema="claro"] .pa-canal, :root[data-tema="claro"] .pa-modo { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .pa-motivos { color: var(--sub); } :root[data-tema="claro"] .cab-produto-foto { border: 1px solid var(--borda-forte); background: var(--cartao-2); } :root[data-tema="claro"] .cab-produto-foto img { background: #fff; } :root[data-tema="claro"] .cab-produto-foto .ico { color: var(--sub); } :root[data-tema="claro"] .ficha-situacao.erro { color: var(--erro); border-color: var(--erro); background: var(--erro-fundo); } :root[data-tema="claro"] .ficha-situacao.info { color: var(--azul-texto); border-color: var(--marca); background: var(--marca-clara); } :root[data-tema="claro"] .kpi-produto .kpi-icone { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .kpis-nota { color: var(--sub); } :root[data-tema="claro"] .ficha-ico { color: var(--sub); } :root[data-tema="claro"] .ficha-etapa.ativa .ficha-ico { color: var(--azul-texto); } :root[data-tema="claro"] .aba-produto.ficha-etapa.ativa { box-shadow: inset 3px 0 0 var(--marca); } :root[data-tema="claro"] .ficha-alerta { color: var(--alerta); border: 1px solid var(--alerta); } :root[data-tema="claro"] .campo-com-unidade.prefixo .ficha-un { border-left: 1px solid var(--borda-forte); border-right: 0; } :root[data-tema="claro"] .pub-canal + .pub-canal { border-left: 1px solid var(--borda); } @media (max-width: 700px) { :root[data-tema="claro"] .pub-canal + .pub-canal { border-left: 0; } } :root[data-tema="claro"] .pub-canal .pv-selo { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .pub-canal .pv-selo.ok { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .pub-canal .pv-selo.erro { background: var(--erro-fundo); color: var(--erro); } :root[data-tema="claro"] .pub-canal .pv-selo.info { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .pv-barra .pv-filtros { border: 0; background: none; } :root[data-tema="claro"] .pv-barra .pv-filtros label { color: var(--sub); } :root[data-tema="claro"] .pv-contador { border: 1px solid var(--borda); } :root[data-tema="claro"] .pv-rodape { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .nk-gtin { color: var(--sub); } :root[data-tema="claro"] .nk-recolhivel { border: 1px solid var(--borda); } :root[data-tema="claro"] #nk-informacoes .nk-recolhivel { border: 0; } :root[data-tema="claro"] .nk-drop { border: 1.5px dashed var(--borda-forte); } :root[data-tema="claro"] .nk-drop.arrastando, :root[data-tema="claro"] .nk-drop:focus-visible { border-color: var(--marca); background: var(--marca-clara); outline: none; } :root[data-tema="claro"] .nk-drop-ico { color: var(--sub); } :root[data-tema="claro"] .nk-erro { color: var(--erro); } :root[data-tema="claro"] .nk-fotos li { border: 1px solid var(--borda-forte); background: #fff; } :root[data-tema="claro"] .nk-fotos li.enviando { background: var(--cartao-2); } :root[data-tema="claro"] .nk-principal { background: var(--marca); color: #fff; } :root[data-tema="claro"] .nk-foto-acoes .botao-icone { background: rgba(0, 0, 0, .65); color: var(--texto); } :root[data-tema="claro"] .nk-vazio { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .nk-vazio .ico { color: var(--sub); } :root[data-tema="claro"] #nk-composicao .nk-vazio { border-top: 0; } :root[data-tema="claro"] .nk-busca .campo-busca { border: 1px solid var(--marca); } :root[data-tema="claro"] .nk-seta { color: var(--sub); } :root[data-tema="claro"] .nk-resultados { background: var(--cartao); border: 1px solid var(--borda-forte); box-shadow: 0 12px 30px rgba(15, 23, 42, 0.122); } :root[data-tema="claro"] .nk-opcao { background: none; border: 0; border-bottom: 1px solid var(--borda); color: var(--texto); } :root[data-tema="claro"] .nk-opcao:hover, :root[data-tema="claro"] .nk-opcao:focus-visible { background: var(--cartao-2); outline: none; } :root[data-tema="claro"] .nk-opcao img, :root[data-tema="claro"] .nk-prod img, :root[data-tema="claro"] .nk-sem-foto { background: #fff; } :root[data-tema="claro"] .nk-sem-foto { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .nk-estado { color: var(--sub); } :root[data-tema="claro"] .nk-estado.erro { color: var(--erro); } :root[data-tema="claro"] .nk-aviso { border-left: 3px solid var(--alerta); background: var(--alerta-fundo); } :root[data-tema="claro"] .nk-itens th { color: var(--sub); } :root[data-tema="claro"] .nk-itens td { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .nk-resumo { background: var(--cartao-2); } :root[data-tema="claro"] .nk-custo { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .nk-custos li { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .nk-sem-custo { color: var(--alerta); } :root[data-tema="claro"] .nk-aviso-custo { color: var(--alerta); } :root[data-tema="claro"] .fsn-num { background: var(--marca-clara); color: var(--marca-texto); } :root[data-tema="claro"] .fsn-alerta { background: var(--alerta-fundo); color: var(--alerta); border: 1px solid color-mix(in srgb, var(--alerta) 35%, transparent); } :root[data-tema="claro"] .pesos-invertidos [data-peso] { border-color: var(--alerta); box-shadow: 0 0 0 1px var(--alerta); } :root[data-tema="claro"] .ff-faixa { border: 1px solid; } :root[data-tema="claro"] .ff-faixa.ok { background: var(--ok-fundo); color: var(--ok); border-color: color-mix(in srgb, var(--ok) 35%, transparent); } :root[data-tema="claro"] .ff-faixa.alerta { background: var(--alerta-fundo); color: var(--alerta); border-color: color-mix(in srgb, var(--alerta) 35%, transparent); } :root[data-tema="claro"] .ff-faixa.erro { background: var(--erro-fundo); color: var(--erro); border-color: color-mix(in srgb, var(--erro) 35%, transparent); } :root[data-tema="claro"] .ff-faixa span { color: var(--texto); } :root[data-tema="claro"] .ff-regra-grade > div { border: 1px solid var(--borda); } :root[data-tema="claro"] .fv-vazio-ico { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .fv-rotulo { color: var(--sub); } :root[data-tema="claro"] .fv-linha [data-variacao-remover] { color: var(--sub); } :root[data-tema="claro"] .fv-linha [data-variacao-remover]:hover { color: var(--erro); } :root[data-tema="claro"] .fv-rodape { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .fc-canal { border: 1px solid var(--borda); background: var(--cartao-2); } :root[data-tema="claro"] .fc-canal.ok .fc-estado { color: var(--ok); } :root[data-tema="claro"] .fc-canal.pendente .fc-estado { color: var(--alerta); } :root[data-tema="claro"] .fc-internas summary { color: var(--sub); } :root[data-tema="claro"] .cp-item { border: 1px solid var(--borda); background: var(--cartao-2); } :root[data-tema="claro"] .cp-item .cp-rot { color: var(--sub); } :root[data-tema="claro"] .cp-item small { color: var(--sub); } :root[data-tema="claro"] .cp-seta { color: var(--sub); } :root[data-tema="claro"] .selo-alerta { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .selo-info { background: var(--info-fundo); color: var(--info); } :root[data-tema="claro"] .cp-alerta { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .renomear-estoque summary { color: var(--sub); } :root[data-tema="claro"] .renomear-estoque .popover { background: var(--cartao); border: 1px solid var(--borda-forte); box-shadow: var(--sombra); } :root[data-tema="claro"] .dre h3 { color: var(--sub); } :root[data-tema="claro"] .dre-filtros { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .dre-filtros.compacto { background: none; border: 0; } :root[data-tema="claro"] .dre-mes a { color: var(--texto); } :root[data-tema="claro"] .dre-campo { color: var(--sub); } :root[data-tema="claro"] .dre-campo select, :root[data-tema="claro"] .dre-campo input { color: var(--texto); } :root[data-tema="claro"] .dre-pop > summary { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .dre-pop[open] > summary { border-color: var(--marca); } :root[data-tema="claro"] .dre-pop-corpo { background: var(--cartao-2); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .dre-aviso { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .dre-aviso.parcial { border-color: #8a6416; background: rgba(245, 165, 36, .06); } :root[data-tema="claro"] .dre-tag.parcial { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .dre-tag.andamento { background: var(--info-fundo); color: var(--info); } :root[data-tema="claro"] .dre-tag.ok { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .dre-card { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .dre-card span { color: var(--sub); } :root[data-tema="claro"] .dre-card small { color: var(--sub); } :root[data-tema="claro"] .dre-card.neg strong { color: var(--erro); } :root[data-tema="claro"] .dre-card.neg { border-color: rgba(255, 107, 94, .35); } :root[data-tema="claro"] .dre-bloco { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .dre-tab th, :root[data-tema="claro"] .dre-tab td { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .dre-tab thead th { color: var(--sub); } :root[data-tema="claro"] .dre-tab .neg, :root[data-tema="claro"] .dre-comp-tab .neg { color: var(--erro); } :root[data-tema="claro"] .dre-total th, :root[data-tema="claro"] .dre-total td { border-top: 2px solid var(--borda-forte); } :root[data-tema="claro"] .dre-principal .dre-linha.subtotal th, :root[data-tema="claro"] .dre-principal .dre-linha.subtotal td { background: var(--cartao-2); } :root[data-tema="claro"] .dre-principal .dre-linha.resultado th, :root[data-tema="claro"] .dre-principal .dre-linha.resultado td { background: var(--cartao-2); border-top: 2px solid var(--borda-forte); } :root[data-tema="claro"] .dre-sinal { color: var(--sub); } :root[data-tema="claro"] .dre-expandir { background: none; border: 0; color: var(--sub); } :root[data-tema="claro"] .dre-expandir:hover:not(:disabled) { background: none; color: var(--texto); } :root[data-tema="claro"] .dre-info { border: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .dre-ni { color: var(--alerta); } :root[data-tema="claro"] .dre-estado, :root[data-tema="claro"] .dre-chip { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .dre-estado.completo, :root[data-tema="claro"] .dre-chip.confirmado { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .dre-chip.registrado { background: var(--info-fundo); color: var(--info); } :root[data-tema="claro"] .dre-estado.parcial, :root[data-tema="claro"] .dre-estado.nao_informado, :root[data-tema="claro"] .dre-chip.a_classificar, :root[data-tema="claro"] .dre-chip.divergencia { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .dre-estado.estimado, :root[data-tema="claro"] .dre-chip.estimado { background: rgba(160, 120, 255, .14); color: var(--azul-texto); } :root[data-tema="claro"] .dre-chip.manual { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .dre-comp > td { background: rgba(15, 23, 42, 0.013); } :root[data-tema="claro"] .dre-comp-tab th, :root[data-tema="claro"] .dre-comp-tab td { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .dre-comp-tab thead th { color: var(--sub); } :root[data-tema="claro"] .dre-pend li { border-left: 3px solid var(--info); background: var(--cartao-2); } :root[data-tema="claro"] .dre-pend li.alerta { border-left-color: var(--alerta); } :root[data-tema="claro"] .dre-pend li.erro { border-left-color: var(--erro); } :root[data-tema="claro"] .dre-pend li span { color: var(--sub); } :root[data-tema="claro"] .dre-form label { color: var(--sub); } :root[data-tema="claro"] .dre-form label > input, :root[data-tema="claro"] .dre-form label > select, :root[data-tema="claro"] .dre-form label > textarea { color: var(--texto); } :root[data-tema="claro"] .dre-exportar > summary { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .dre-pop-corpo a { color: var(--texto); } :root[data-tema="claro"] .dre-pop-corpo a:hover { color: var(--azul-texto); } :root[data-tema="claro"] .dre-sep { background: var(--borda-forte); } :root[data-tema="claro"] .dre-mes { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .dre-mes-seta { color: var(--texto); } :root[data-tema="claro"] .dre-mes-seta:hover { background: var(--cartao-2); } :root[data-tema="claro"] .dre-mes-pop { border-left: 1px solid var(--borda-forte); border-right: 1px solid var(--borda-forte); } :root[data-tema="claro"] .dre-mes-pop > summary { border: 0; } :root[data-tema="claro"] .dre-intervalo { border: 0; } :root[data-tema="claro"] .dre-intervalo legend { color: var(--sub); } :root[data-tema="claro"] .dre-sel { border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .dre-sel select { background: transparent; border: 0; color: var(--texto); } :root[data-tema="claro"] .dre-sel select:focus { outline: none; } :root[data-tema="claro"] .dre-sel:focus-within { border-color: var(--marca); } :root[data-tema="claro"] .dre-sel select option { background: var(--cartao-2); } :root[data-tema="claro"] .dre-sel-seta { color: var(--sub); } :root[data-tema="claro"] details.dre-sel > summary { border: 0; } :root[data-tema="claro"] .dre-visao > summary { border: 0; color: var(--texto); } :root[data-tema="claro"] .dre-check input[type="checkbox"] { accent-color: var(--marca); } :root[data-tema="claro"] .dre-faixa { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .dre-faixa.parcial { border-color: #a8771c; background: rgba(245, 165, 36, .08); } :root[data-tema="claro"] .dre-faixa.ok { border-color: rgba(62, 207, 114, .4); background: var(--ok-fundo); } :root[data-tema="claro"] .dre-faixa.parcial b { color: var(--alerta); } :root[data-tema="claro"] .dre-faixa small { color: var(--sub); } :root[data-tema="claro"] .dre-faixa.parcial .dre-faixa-ico { background: var(--alerta); color: #1a1405; } :root[data-tema="claro"] .dre-faixa.ok .dre-faixa-ico { color: var(--ok); } :root[data-tema="claro"] .dre-faixa-bt { border: 1px solid #a8771c; color: var(--alerta); } :root[data-tema="claro"] .dre-faixa-bt:hover { background: var(--alerta-fundo); } :root[data-tema="claro"] .dre-card-ico { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .dre-card .dre-card-ico { color: var(--azul-texto); } :root[data-tema="claro"] .dre-card .dre-card-ico.neg { color: var(--erro); background: var(--erro-fundo); } :root[data-tema="claro"] .dre-card-rot { color: var(--sub); } :root[data-tema="claro"] .dre-card .dre-card-txt strong { color: var(--texto); } :root[data-tema="claro"] .dre-card.neg .dre-card-txt strong { color: var(--erro); } :root[data-tema="claro"] .dre-card small b { color: var(--texto); } :root[data-tema="claro"] .dre-card-aviso { color: var(--alerta) !important; } :root[data-tema="claro"] .dre-qual-cab .dre-tag { border: 1px solid #a8771c; } :root[data-tema="claro"] .dre-canais thead th { background: var(--cartao-2); } :root[data-tema="claro"] .dre-rodape { color: var(--sub); } :root[data-tema="claro"] .dre-principal thead th { background: var(--cartao-2); } :root[data-tema="claro"] .dre-principal .dre-linha.subtotal th, :root[data-tema="claro"] .dre-principal .dre-linha.subtotal td { background: var(--cartao-2); } :root[data-tema="claro"] .dre-principal .dre-linha.resultado th, :root[data-tema="claro"] .dre-principal .dre-linha.resultado td { background: rgba(25, 87, 214, .28); border-top: 0; } :root[data-tema="claro"] .dre-expandir, :root[data-tema="claro"] .dre-sem-exp { color: var(--sub); } :root[data-tema="claro"] .dre-info { border: 0; } :root[data-tema="claro"] .dre-ponto { background: var(--alerta); } :root[data-tema="claro"] .dre-ni { color: var(--alerta); } :root[data-tema="claro"] .dre-nota { color: var(--sub); } :root[data-tema="claro"] .dre-qual-item { border: 1px solid var(--borda-forte); background: var(--cartao-2); } :root[data-tema="claro"] .dre-qual-item:hover { border-color: var(--sub); } :root[data-tema="claro"] .dre-qual-ico { color: var(--alerta); } :root[data-tema="claro"] .dre-qual-item.erro .dre-qual-ico { color: var(--alerta); } :root[data-tema="claro"] .dre-qual-txt small { color: var(--sub); } :root[data-tema="claro"] .dre-qual-seta { color: var(--sub); } :root[data-tema="claro"] .dre-qual-item > p { color: var(--sub); } :root[data-tema="claro"] .dre-qual-todas { border-color: var(--marca); color: var(--texto); } :root[data-tema="claro"] .dre-qual-rodape { color: var(--sub); } @media print { :root[data-tema="claro"] body.com-menu { background: #fff; color: #000; } :root[data-tema="claro"] .dre-principal .dre-linha.resultado th, :root[data-tema="claro"] .dre-principal .dre-linha.resultado td { background: #e4ecfb; } :root[data-tema="claro"] .dre-faixa, :root[data-tema="claro"] .dre-qual-item { background: #fff; } :root[data-tema="claro"] .dre-bloco, :root[data-tema="claro"] .dre-card, :root[data-tema="claro"] .dre-aviso { border-color: #bbb; background: #fff; } :root[data-tema="claro"] .dre-tab th, :root[data-tema="claro"] .dre-tab td, :root[data-tema="claro"] .dre-comp-tab th, :root[data-tema="claro"] .dre-comp-tab td { border-color: #ddd; color: #000; } :root[data-tema="claro"] .dre-principal .dre-linha.subtotal th, :root[data-tema="claro"] .dre-principal .dre-linha.subtotal td, :root[data-tema="claro"] .dre-principal .dre-linha.resultado th, :root[data-tema="claro"] .dre-principal .dre-linha.resultado td { background: #f1f1f1; } } :root[data-tema="claro"] .dre-sel-fixo { color: var(--sub); } :root[data-tema="claro"] .dre-empresa { color: var(--sub); } :root[data-tema="claro"] .dre .sr { border: 0; } /* tela-notas.css */ :root[data-tema="claro"] .nf-cab p { color: var(--sub); } :root[data-tema="claro"] .nf-botao { border: 1px solid var(--texto); background: transparent; color: var(--texto); } :root[data-tema="claro"] .nf-botao:hover { background: var(--cartao-2); } :root[data-tema="claro"] .nf-botao.azul { border-color: var(--marca); color: var(--azul-texto); background: rgba(25, 87, 214, .12); } :root[data-tema="claro"] .nf-botao.azul:hover { background: rgba(25, 87, 214, .22); } :root[data-tema="claro"] .nf-kpi { background: var(--cartao); border: 1px solid var(--borda); color: var(--texto); } :root[data-tema="claro"] .nf-kpi:hover { border-color: var(--borda-forte); } :root[data-tema="claro"] .nf-kpi-ico.azul { background: rgba(25, 87, 214, .22); color: var(--azul-texto); } :root[data-tema="claro"] .nf-kpi-ico.verde { background: rgba(62, 207, 114, .16); color: var(--ok); } :root[data-tema="claro"] .nf-kpi-ico.ambar { background: rgba(245, 165, 36, .2); color: var(--alerta); } :root[data-tema="claro"] .nf-kpi-ico.vermelho { background: rgba(255, 107, 94, .2); color: var(--erro); } :root[data-tema="claro"] .nf-aviso { border: 1px solid; } :root[data-tema="claro"] .nf-aviso span { color: var(--texto); } :root[data-tema="claro"] .nf-aviso.erro { background: rgba(255, 107, 94, .1); border-color: rgba(255, 107, 94, .35); color: var(--erro); } :root[data-tema="claro"] .nf-aviso.alerta { background: rgba(245, 165, 36, .08); border-color: rgba(245, 165, 36, .35); color: var(--alerta); } :root[data-tema="claro"] .nf-botao-aviso { border: 1px solid currentColor; color: inherit; } :root[data-tema="claro"] .nf-botao-aviso:hover { background: rgba(15, 23, 42, 0.045); } :root[data-tema="claro"] .nf-filtros { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .nf-entrada { border: 1px solid var(--borda-forte); background: var(--fundo); color: var(--sub); } :root[data-tema="claro"] .nf-entrada:focus-within { border-color: var(--marca); } :root[data-tema="claro"] .nf-entrada input, :root[data-tema="claro"] .nf-entrada select { border: 0; background: transparent; color: var(--texto); } :root[data-tema="claro"] .nf-entrada input:focus-visible, :root[data-tema="claro"] .nf-entrada select:focus-visible { outline: none; } :root[data-tema="claro"] .nf-chip { border: 1px solid var(--borda-forte); background: var(--cartao); color: var(--texto); } :root[data-tema="claro"] .nf-chip.perigo b { color: var(--erro); } :root[data-tema="claro"] .nf-chip:hover { border-color: var(--sub); } :root[data-tema="claro"] .nf-chip.ativo { background: var(--marca); border-color: var(--marca); color: #fff; } :root[data-tema="claro"] .nf-chip.ativo b { color: #fff; } :root[data-tema="claro"] .nf-mais.ativo > .nf-chip { border-color: var(--marca); } :root[data-tema="claro"] .nf-menu { background: var(--cartao); border: 1px solid var(--borda-forte); box-shadow: 0 12px 32px rgba(15, 23, 42, 0.14); } :root[data-tema="claro"] .nf-menu a { color: var(--texto); } :root[data-tema="claro"] .nf-menu a:hover, :root[data-tema="claro"] .nf-menu a.ativo { background: var(--marca-clara); } :root[data-tema="claro"] .nf-tabela { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .nf-tabela th { color: var(--texto); border-bottom: 1px solid var(--borda); background: var(--cartao-2); } :root[data-tema="claro"] .nf-tabela td { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .nf-tabela tbody tr:last-child td { border-bottom: 0; } :root[data-tema="claro"] .nf-tabela tbody tr:hover td { background: rgba(15, 23, 42, 0.018); } :root[data-tema="claro"] .nf-tabela input[type="checkbox"] { accent-color: var(--marca); } :root[data-tema="claro"] .nf-copiar { background: none; border: 0; color: var(--sub); } :root[data-tema="claro"] .nf-copiar:hover { color: var(--texto); background: var(--cartao-2); } :root[data-tema="claro"] .nf-copiar.copiado { color: var(--ok); } :root[data-tema="claro"] .nf-ordem { color: inherit; } :root[data-tema="claro"] .nf-pilula.ok { background: rgba(62, 207, 114, .14); color: var(--ok); } :root[data-tema="claro"] .nf-pilula.alerta { background: rgba(245, 165, 36, .16); color: var(--alerta); } :root[data-tema="claro"] .nf-pilula.erro { background: rgba(255, 107, 94, .16); color: var(--erro); } :root[data-tema="claro"] .nf-pilula.apagado { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .nf-acao { border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .nf-acao:hover { border-color: var(--sub); background: var(--cartao-2); } :root[data-tema="claro"] .nf-menu-linha > summary { color: var(--texto); } :root[data-tema="claro"] .nf-menu-linha > summary:hover { background: var(--cartao-2); } :root[data-tema="claro"] .nf-rodape { color: var(--sub); } :root[data-tema="claro"] .nf-rodape strong { color: var(--texto); } :root[data-tema="claro"] .nf-paginas a, :root[data-tema="claro"] .nf-paginas span { border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .nf-paginas a:hover { border-color: var(--sub); } :root[data-tema="claro"] .nf-paginas a.atual { background: var(--marca); border-color: var(--marca); color: #fff; } :root[data-tema="claro"] .nf-paginas .reticencias { border: 0; } :root[data-tema="claro"] .tela-devolucoes .dv-opcoes { border: 1px solid var(--borda, var(--borda-forte)); } :root[data-tema="claro"] .tela-devolucoes .dv-info { border: 1px solid var(--borda); background: rgba(25, 87, 214, .08); } :root[data-tema="claro"] .tela-devolucoes .dv-info .ico { color: var(--azul-texto); } :root[data-tema="claro"] .tela-devolucoes .dv-delta span { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-devolucoes .dv-delta.sobe { color: var(--erro); } :root[data-tema="claro"] .tela-devolucoes .dv-delta.desce { color: var(--ok); } :root[data-tema="claro"] .tela-devolucoes .dv-delta.igual { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-devolucoes .dv-datas input { border: 1px solid var(--borda); background: var(--fundo-campo, transparent); color: inherit; } :root[data-tema="claro"] .tela-devolucoes .dv-comparar small { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-devolucoes .nf-chip b.vermelho { color: var(--erro); } :root[data-tema="claro"] .tela-devolucoes .nf-chip b.ambar { color: var(--alerta); } :root[data-tema="claro"] .tela-devolucoes .nf-chip b.verde { color: var(--ok); } :root[data-tema="claro"] .tela-devolucoes .nf-chip b.azul { color: var(--azul-texto); } :root[data-tema="claro"] .tela-devolucoes .nf-chip.ativo b { color: inherit; } :root[data-tema="claro"] .tela-devolucoes .dv-tipo { color: var(--alerta); } :root[data-tema="claro"] .tela-devolucoes .dv-produto img, :root[data-tema="claro"] .tela-devolucoes .dv-sem-foto { background: #fff; } :root[data-tema="claro"] .tela-devolucoes .dv-sem-foto { background: rgba(15, 23, 42, 0.054); color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-devolucoes .dv-texto { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-devolucoes .dv-prazo { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-devolucoes .dv-prazo.vencido { color: var(--erro); } :root[data-tema="claro"] .tela-devolucoes .dv-recebida { color: var(--ok); } :root[data-tema="claro"] .tela-devolucoes .dv-linha2 { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .tela-devolucoes .dv-intervalo > span:first-child { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-devolucoes .dv-delta.neutro { color: var(--azul-texto); } :root[data-tema="claro"] .tela-usuarios .us-pessoa .avatar { background: rgba(25, 87, 214, .25); color: var(--azul-texto); } :root[data-tema="claro"] .tela-usuarios .us-perfil { background: rgba(15, 23, 42, 0.054); } :root[data-tema="claro"] .tela-usuarios .us-admin { background: rgba(25, 87, 214, .22); color: var(--azul-texto); } :root[data-tema="claro"] .tela-usuarios .us-gestor { background: rgba(62, 207, 114, .16); color: var(--ok); } :root[data-tema="claro"] .tela-usuarios .us-fiscal { background: rgba(245, 165, 36, .18); color: var(--alerta); } :root[data-tema="claro"] .tela-usuarios .us-socio { background: rgba(180, 120, 255, .18); color: #501da5; } :root[data-tema="claro"] .tela-usuarios .us-form label > span { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-usuarios .us-form input, :root[data-tema="claro"] .tela-usuarios .us-form select { border: 1px solid var(--borda); background: transparent; color: inherit; } :root[data-tema="claro"] .tela-usuarios .us-form small { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-usuarios .us-perfis { border: 0; } :root[data-tema="claro"] .tela-usuarios .us-perfis legend { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-usuarios .us-op-perfil { border: 1px solid var(--borda); } :root[data-tema="claro"] .tela-usuarios .us-op-perfil:has(input:checked) { border-color: #1957d6; background: rgba(25, 87, 214, .1); } :root[data-tema="claro"] .tela-usuarios .us-acoes-conta { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .tela-usuarios .nf-botao.perigo { color: var(--erro); border-color: rgba(255, 107, 94, .4); } :root[data-tema="claro"] .tela-usuarios .us-senha { border: 1px solid rgba(62, 207, 114, .4); background: rgba(62, 207, 114, .08); } :root[data-tema="claro"] .tela-usuarios .us-senha > .ico { color: var(--ok); } :root[data-tema="claro"] .tela-usuarios .us-senha code { background: rgba(0, 0, 0, .3); } :root[data-tema="claro"] .tela-usuarios .us-master { background: linear-gradient(90deg, rgba(245, 165, 36, .25), rgba(255, 210, 90, .18)); color: var(--alerta); } :root[data-tema="claro"] .tela-usuarios .us-senhas { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .tela-usuarios .us-senha-op { border: 1px solid var(--borda); } :root[data-tema="claro"] .tela-usuarios .us-senha-op small { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-usuarios .us-senha-op label > span { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-usuarios .us-senha-op input[type=password] { border: 1px solid var(--borda); background: transparent; color: inherit; } :root[data-tema="claro"] .painel-empresas .nf-resumo > div { background: var(--cartao-2); } :root[data-tema="claro"] .painel-empresas .nf-resumo span { color: var(--sub); } :root[data-tema="claro"] .painel-empresas .nf-resumo > div.alerta strong { color: var(--alerta); } :root[data-tema="claro"] .painel-empresas .sub.erro { color: var(--erro); } :root[data-tema="claro"] .marca-admin { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .busca-global.admin-titulo { border: 0; background: none; } :root[data-tema="claro"] .adm-kpi { color: var(--texto); } :root[data-tema="claro"] .adm-kpi:hover { border-color: var(--borda-forte); } :root[data-tema="claro"] .adm-kpi.alerta strong { color: var(--alerta); } :root[data-tema="claro"] .adm-kpi.info strong { color: var(--azul-texto); } :root[data-tema="claro"] .tela-admin .cartao > a { color: var(--azul-texto); } :root[data-tema="claro"] .adm-atencao li { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .adm-atencao li:last-child, :root[data-tema="claro"] .adm-lista li:last-child { border-bottom: 0; } :root[data-tema="claro"] .adm-atencao a { color: var(--sub); } :root[data-tema="claro"] .adm-lista li { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .adm-log code { color: var(--sub); } :root[data-tema="claro"] .adm-filtros a { border: 1px solid var(--borda); color: var(--sub); } :root[data-tema="claro"] .adm-filtros a.ativo { border-color: var(--marca); color: var(--texto); background: var(--marca-clara); } :root[data-tema="claro"] .adm-migalha { color: var(--sub); } :root[data-tema="claro"] .adm-migalha a { color: var(--sub); } :root[data-tema="claro"] .adm-migalha a:hover { color: var(--texto); } :root[data-tema="claro"] .adm-grupo { color: var(--sub); } :root[data-tema="claro"] .adm-kpi-titulo { color: var(--texto); } :root[data-tema="claro"] .adm-kpi-nc { color: var(--sub); } :root[data-tema="claro"] .adm-kpi-comp { color: var(--texto); } :root[data-tema="claro"] .adm-kpi-def { color: var(--sub); } :root[data-tema="claro"] .adm-kpi-meta { color: var(--apagado); } :root[data-tema="claro"] .adm-kpi.apagado { border-style: dashed; } :root[data-tema="claro"] .adm-kpi-acao { color: var(--azul-texto); } :root[data-tema="claro"] .adm-kpi.erro strong { color: var(--erro); } :root[data-tema="claro"] .adm-bloco-cab a { color: var(--azul-texto); } :root[data-tema="claro"] .adm-vazio-linha { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .adm-atencao strong a { color: var(--texto); } :root[data-tema="claro"] .adm-vazio { color: var(--sub); } :root[data-tema="claro"] .adm-erro { border-color: rgba(255, 107, 94, .4); } :root[data-tema="claro"] .adm-filtros-form label { color: var(--sub); } :root[data-tema="claro"] .adm-check { color: var(--texto); } :root[data-tema="claro"] .adm-menu-acoes > div { border: 1px solid var(--borda-forte); background: var(--cartao); box-shadow: 0 10px 30px rgba(15, 23, 42, 0.122); } :root[data-tema="claro"] .adm-menu-acoes > div > a { color: var(--texto); } :root[data-tema="claro"] .adm-menu-acoes > div > a:hover { background: var(--cartao-2); } :root[data-tema="claro"] .adm-menu-acoes > div > a.perigo { color: var(--erro); border-top: 1px solid var(--linha); } :root[data-tema="claro"] .adm-form-motivo + .adm-form-motivo { border-top: 1px solid var(--linha); } :root[data-tema="claro"] .adm-form-motivo label { color: var(--sub); } :root[data-tema="claro"] .botao-perigo { border: 1px solid var(--erro); background: var(--erro); color: #fff; } :root[data-tema="claro"] .adm-perigo { border-top: 1px solid rgba(255, 107, 94, .35); } :root[data-tema="claro"] .adm-progresso { background: var(--cartao-2); } :root[data-tema="claro"] .adm-progresso i { background: var(--marca); } :root[data-tema="claro"] .adm-etapas li { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .adm-etapas li.vencida { background: var(--erro-fundo); } :root[data-tema="claro"] .adm-cobrancas li { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .adm-cobrancas li.vencida strong { color: var(--erro); } :root[data-tema="claro"] .adm-detalhe code { color: var(--sub); } @media (max-width: 640px) { :root[data-tema="claro"] .adm-menu-acoes > div { box-shadow: none; } } :root[data-tema="claro"] .adm-texto-perigo { color: var(--erro) !important; } /* tela-fluxo.css */ :root[data-tema="claro"] .cab-fx p { color: var(--sub); } :root[data-tema="claro"] .badge-fx { background: var(--cartao-2); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .kpi-fx { background: var(--cartao); border: 1px solid var(--borda); color: var(--texto); } :root[data-tema="claro"] a.kpi-fx:hover { border-color: var(--borda-forte); } :root[data-tema="claro"] .kpi-fx.ativo { border-color: var(--marca); box-shadow: 0 0 0 1px var(--marca); } :root[data-tema="claro"] .kpi-fx-sub { color: var(--sub); } :root[data-tema="claro"] .kpi-fx-icone { background: var(--cartao-2); } :root[data-tema="claro"] .kpi-fx.azul .kpi-fx-icone { background: rgba(47, 107, 255, .16); color: var(--azul-texto); } :root[data-tema="claro"] .kpi-fx.verde .kpi-fx-icone { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .kpi-fx.vermelho .kpi-fx-icone { background: var(--erro-fundo); color: var(--erro); } :root[data-tema="claro"] .kpi-fx.ambar .kpi-fx-icone { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .kpi-fx.neutro .kpi-fx-icone { color: var(--sub); } :root[data-tema="claro"] .tela-erros .kpi-fx.vermelho strong { color: var(--erro); } :root[data-tema="claro"] .pilula-fx i { background: currentColor; } :root[data-tema="claro"] .pilula-fx.ok { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .pilula-fx.off { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .banner-fx { background: rgba(229, 72, 77, .12); border: 1px solid rgba(229, 72, 77, .45); color: var(--texto); } :root[data-tema="claro"] .banner-fx .banner-fx-icone { color: var(--erro); } :root[data-tema="claro"] .banner-fx > div > span { color: var(--texto); } :root[data-tema="claro"] .banner-fx-link { color: var(--azul-texto) !important; } :root[data-tema="claro"] .cartao-fx { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .sub-fx { color: var(--sub); } :root[data-tema="claro"] .canal-fx { border: 1px solid var(--borda); background: var(--cartao-2); } :root[data-tema="claro"] .canal-fx-logo { color: var(--texto); } :root[data-tema="claro"] .canal-fx-texto span { color: var(--sub); } :root[data-tema="claro"] .canal-fx-desde { color: var(--texto); } :root[data-tema="claro"] .canal-fx-desde span { color: var(--sub); } :root[data-tema="claro"] .toggle-fx { color: var(--sub); } :root[data-tema="claro"] .trilho-fx { background: var(--borda-forte); } :root[data-tema="claro"] .trilho-fx::after { background: #e8ecf2; } :root[data-tema="claro"] .toggle-fx input:checked + .trilho-fx { background: var(--marca); } :root[data-tema="claro"] .toggle-fx input:checked + .trilho-fx::after { background: #fff; } :root[data-tema="claro"] .toggle-fx input:focus-visible + .trilho-fx { outline: 2px solid var(--marca); } :root[data-tema="claro"] .toggle-fx .toggle-on { color: var(--texto); } :root[data-tema="claro"] .info-fx { background: rgba(47, 107, 255, .08); border: 1px solid var(--borda); color: var(--sub); } :root[data-tema="claro"] .info-fx .ico { color: var(--sub); } :root[data-tema="claro"] .entrada-fx { border: 1px solid var(--borda-forte); background: var(--fundo); } :root[data-tema="claro"] .entrada-fx input { border: 0; background: transparent; } :root[data-tema="claro"] .entrada-fx input:focus-visible { outline: none; } :root[data-tema="claro"] .entrada-fx:focus-within { border-color: var(--marca); } :root[data-tema="claro"] .entrada-fx b { border-left: 1px solid var(--borda-forte); color: var(--sub); background: var(--cartao-2); } :root[data-tema="claro"] .chip-fx { border: 1px solid var(--borda-forte); background: var(--cartao-2); } :root[data-tema="claro"] .chip-fx:focus-within { border-color: var(--marca); } :root[data-tema="claro"] .chip-fx input { border: 0; background: transparent; } :root[data-tema="claro"] .chip-fx input:focus-visible { outline: none; } :root[data-tema="claro"] .chip-exec { border: 1px solid var(--borda-forte); background: var(--cartao-2); } :root[data-tema="claro"] .sync-fx { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .sync-fx > .ico { color: var(--sub); } :root[data-tema="claro"] .sync-fx-titulo { border-right: 1px solid var(--borda); } :root[data-tema="claro"] .sync-fx-titulo span { color: var(--sub); } :root[data-tema="claro"] .sync-fx-estado i { background: var(--sub); } :root[data-tema="claro"] .sync-fx-estado.ok span { color: var(--ok); } :root[data-tema="claro"] .sync-fx-estado.ok i { background: var(--ok); } :root[data-tema="claro"] .sync-fx-estado.alerta span { color: var(--alerta); } :root[data-tema="claro"] .sync-fx-estado.alerta i { background: var(--alerta); } :root[data-tema="claro"] .sync-fx-estado small { color: var(--sub); } :root[data-tema="claro"] .filtros-fx { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .select-fx { border: 1px solid var(--borda-forte); background: var(--cartao-2); } :root[data-tema="claro"] .select-fx > .ico { color: var(--sub); } :root[data-tema="claro"] .select-fx select { border: 0; background: transparent; } :root[data-tema="claro"] .select-fx:focus-within { border-color: var(--marca); } :root[data-tema="claro"] .busca-fx { border: 1px solid var(--borda-forte); background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .busca-fx input { border: 0; background: transparent; } :root[data-tema="claro"] .busca-fx input:focus-visible { outline: none; } :root[data-tema="claro"] .busca-fx:focus-within { border-color: var(--marca); } :root[data-tema="claro"] .erro-fx { background: var(--cartao); border: 1px solid var(--borda); border-left: 4px solid #e5484d; } :root[data-tema="claro"] .erro-fx-num { color: var(--azul-texto); } :root[data-tema="claro"] .chip-etapa { border: 1px solid var(--borda-forte); background: var(--cartao-2); } :root[data-tema="claro"] .badge-tipo.permanente { background: #e5484d; color: #fff; } :root[data-tema="claro"] .badge-tipo.transitorio { background: var(--alerta-fundo); color: var(--alerta); border: 1px solid rgba(245, 165, 36, .5); } :root[data-tema="claro"] .erro-fx-msg { color: var(--texto); } :root[data-tema="claro"] .erro-fx-rodape { color: var(--sub); } :root[data-tema="claro"] .chip-revisar { border: 1px solid var(--borda-forte); background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .erro-fx-idade { color: var(--sub); } :root[data-tema="claro"] .erro-fx-idade.acima { color: var(--erro); } :root[data-tema="claro"] .retorno-fx-caixa, :root[data-tema="claro"] .menu-fx-caixa { background: var(--cartao); border: 1px solid var(--borda-forte); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14); } :root[data-tema="claro"] .retorno-fx-caixa code { background: var(--fundo); } :root[data-tema="claro"] .menu-fx-caixa a { color: var(--texto); } /* tela-config-fiscal.css */ :root[data-tema="claro"] .tela-cfgf .cf-subtitulo { color: var(--sub); } :root[data-tema="claro"] .tela-cfgf .cf-meta { color: var(--texto); border-right: 1px solid var(--borda-forte); } :root[data-tema="claro"] .tela-cfgf .cf-botao-contorno { border: 1px solid var(--marca); color: var(--azul-texto); } :root[data-tema="claro"] .tela-cfgf .cf-botao-contorno:hover { background: var(--marca-clara); } :root[data-tema="claro"] .tela-cfgf .cf-banner { border: 1px solid var(--alerta); background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .tela-cfgf .cf-abas { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .tela-cfgf .cf-abas a { border: 1px solid var(--borda); border-bottom: 0; background: var(--cartao); color: var(--texto); } :root[data-tema="claro"] .tela-cfgf .cf-abas a:hover { background: var(--cartao-2); } :root[data-tema="claro"] .tela-cfgf .cf-abas a.ativa { background: var(--marca-clara); border-color: var(--marca); box-shadow: inset 0 -3px 0 var(--marca); } :root[data-tema="claro"] .tela-cfgf .cf-cartao { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .tela-cfgf .cf-sub { color: var(--sub); } :root[data-tema="claro"] .tela-cfgf .cf-emitente { border: 1px solid var(--borda-forte); background: var(--fundo); } :root[data-tema="claro"] .tela-cfgf .cf-dados-dir { border-left: 1px solid var(--borda-forte); } :root[data-tema="claro"] .tela-cfgf .cf-campo > span { color: var(--sub); } :root[data-tema="claro"] .tela-cfgf .cf-campo small, :root[data-tema="claro"] .tela-cfgf td small { color: var(--sub); } :root[data-tema="claro"] .tela-cfgf .cf-nota { color: var(--sub); } :root[data-tema="claro"] .tela-cfgf .cf-pilula { border: 1px solid; } :root[data-tema="claro"] .tela-cfgf .cf-pilula.ok { color: var(--ok); border-color: var(--ok); background: var(--ok-fundo); } :root[data-tema="claro"] .tela-cfgf .cf-pilula.alerta { color: var(--alerta); border-color: var(--alerta); background: var(--alerta-fundo); } :root[data-tema="claro"] .tela-cfgf .cf-pilula.erro { color: var(--erro); border-color: var(--erro); background: var(--erro-fundo); } :root[data-tema="claro"] .tela-cfgf .cf-botao-conferir { background: transparent; color: var(--azul-texto); border: 1px solid var(--marca); } :root[data-tema="claro"] .tela-cfgf .cf-botao-conferir:hover { background: var(--marca-clara); } :root[data-tema="claro"] .tela-cfgf .cf-botao-revogar { background: transparent; color: var(--texto); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .tela-cfgf .cf-botao-revogar:hover { background: var(--cartao-2); } :root[data-tema="claro"] .tela-cfgf .cf-certificado .cf-aviso { border: 1px solid var(--alerta); background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .tela-cfgf .cf-tabela { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .tela-cfgf .cf-tabela th { color: var(--sub); background: var(--cartao-2); border-bottom: 1px solid var(--borda-forte); } :root[data-tema="claro"] .tela-cfgf .cf-tabela td { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .tela-cfgf .cf-tabela tr:last-child td { border-bottom: 0; } :root[data-tema="claro"] .tela-cfgf .cf-id { color: var(--sub); } :root[data-tema="claro"] .tela-cfgf .cf-mudo { color: var(--sub); } :root[data-tema="claro"] .tela-cfgf .cf-tabela a { color: var(--azul-texto); } :root[data-tema="claro"] .tela-cfgf .cf-legenda { color: var(--sub); } :root[data-tema="claro"] .tela-cfgf .cf-legenda i.alerta { background: var(--alerta); } :root[data-tema="claro"] .tela-cfgf .cf-legenda i.ok { background: var(--ok); } :root[data-tema="claro"] .tela-cfgf .cf-legenda b { color: var(--alerta); } :root[data-tema="claro"] .tela-cfgf .cf-detalhes-corpo { background: var(--cartao-2); border: 1px solid var(--borda-forte); box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14); } :root[data-tema="claro"] .tela-cfgf .cf-detalhes-corpo ul { color: var(--sub); } @media (max-width: 1700px) { :root[data-tema="claro"] .tela-cfgf .cf-dados-dir { border-left: 0; border-top: 1px solid var(--borda-forte); } } @media (max-width: 1000px) { :root[data-tema="claro"] .tela-cfgf .cf-dados-dir { border-left: 0; } :root[data-tema="claro"] .tela-cfgf .cf-meta { border-right: 0; } } :root[data-tema="claro"] .tela-nat .nt-trilha { color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-trilha a { color: var(--azul-texto); } :root[data-tema="claro"] .tela-nat .nt-trilha strong { color: var(--texto); } :root[data-tema="claro"] .tela-nat .nt-subtitulo { color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-meta { color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-botao { border: 1px solid var(--borda-forte); background: transparent; color: var(--texto); } :root[data-tema="claro"] .tela-nat .nt-botao:hover { background: var(--cartao-2); } :root[data-tema="claro"] .tela-nat .nt-botao.azul { border-color: var(--marca); color: var(--azul-texto); background: var(--marca-clara); } :root[data-tema="claro"] .tela-nat .nt-botao.azul.cheio { background: var(--marca); color: #fff; } :root[data-tema="claro"] .tela-nat .nt-menu-lista { background: var(--cartao); border: 1px solid var(--borda-forte); box-shadow: 0 10px 30px rgba(15, 23, 42, 0.122); } :root[data-tema="claro"] .tela-nat .nt-menu-item { border: 0; background: transparent; color: var(--texto); } :root[data-tema="claro"] .tela-nat .nt-menu-item:hover { background: var(--cartao-2); } :root[data-tema="claro"] .tela-nat .nt-menu-item.perigo { color: var(--erro); } :root[data-tema="claro"] .tela-nat .nt-pilula { border: 1px solid; } :root[data-tema="claro"] .tela-nat .nt-pilula::before { background: currentColor; } :root[data-tema="claro"] .tela-nat .nt-pilula.ok { color: var(--ok); background: var(--ok-fundo); border-color: rgba(62, 207, 114, .4); } :root[data-tema="claro"] .tela-nat .nt-pilula.alerta { color: var(--alerta); background: var(--alerta-fundo); border-color: rgba(245, 165, 36, .4); } :root[data-tema="claro"] .tela-nat .nt-pilula.erro { color: var(--erro); background: var(--erro-fundo); border-color: rgba(255, 107, 94, .4); } :root[data-tema="claro"] .tela-nat .nt-pilula.apagado { color: var(--sub); background: var(--cartao-2); border-color: var(--borda-forte); } :root[data-tema="claro"] .tela-nat .nt-cartao { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .tela-nat .nt-sub { color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-sub-inline { color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-nota { color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-info > div:nth-child(n + 6) { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .tela-nat .nt-info dt { color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-abas { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .tela-nat .nt-abas a { color: var(--sub); border-bottom: 2px solid transparent; } :root[data-tema="claro"] .tela-nat .nt-abas a b { background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .tela-nat .nt-abas a:hover { color: var(--texto); } :root[data-tema="claro"] .tela-nat .nt-abas a.ativa { color: var(--azul-texto); border-bottom-color: var(--marca); } :root[data-tema="claro"] .tela-nat .nt-abas a.ativa b { background: transparent; color: var(--azul-texto); } :root[data-tema="claro"] .tela-nat .nt-validar { border: 1px solid rgba(245, 165, 36, .35); background: var(--alerta-fundo); } :root[data-tema="claro"] .tela-nat .nt-busca { border: 1px solid var(--borda-forte); background: var(--fundo); color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-busca input { border: 0; background: transparent; outline: none; color: var(--texto); } :root[data-tema="claro"] .tela-nat .nt-campo-inline { color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-campo-inline select { background: var(--fundo); } :root[data-tema="claro"] .tela-nat .nt-limpar { color: var(--azul-texto); } :root[data-tema="claro"] .tela-nat .nt-tabela thead th { background: var(--cartao-2); color: var(--sub); border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .tela-nat .nt-tabela td { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .tela-nat .nt-tabela tr.nt-conflito td { background: var(--erro-fundo); } :root[data-tema="claro"] .tela-nat .nt-ordem { color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-ver summary { color: var(--azul-texto); } :root[data-tema="claro"] .tela-nat .nt-ver-lista { background: var(--fundo); border: 1px solid var(--borda); } :root[data-tema="claro"] .tela-nat .nt-ver-lista dt { color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-rodape { color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-paginacao a, :root[data-tema="claro"] .tela-nat .nt-paginacao span { border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .tela-nat .nt-paginacao a.ativa { background: var(--marca); border-color: var(--marca); color: #fff; } :root[data-tema="claro"] .tela-nat .nt-paginacao .reticencias { border: 0; } :root[data-tema="claro"] .tela-nat .nt-num { background: var(--cartao-2); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .tela-nat .nt-dica { color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-ajuda { color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-ajuda a { color: var(--azul-texto); } :root[data-tema="claro"] .tela-nat .nt-campo input, :root[data-tema="claro"] .tela-nat .nt-campo select, :root[data-tema="claro"] .tela-nat .nt-campo textarea, :root[data-tema="claro"] .tela-nat .nt-largo, :root[data-tema="claro"] .tela-nat .nt-motivo input { background: var(--fundo); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .tela-nat .nt-entrada-ico { background: var(--fundo); border: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-entrada-ico input { border: 0 !important; background: transparent !important; } :root[data-tema="claro"] .tela-nat .nt-selo-alerta { border: 1px solid var(--alerta); color: var(--alerta); background: var(--alerta-fundo); } :root[data-tema="claro"] .tela-nat .nt-chips { background: var(--fundo); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .tela-nat .nt-chips:focus-within { border-color: var(--marca); } :root[data-tema="claro"] .tela-nat .nt-chip { border: 1px solid var(--borda-forte); background: var(--cartao-2); } :root[data-tema="claro"] .tela-nat .nt-chip button { border: 0; background: transparent; color: var(--sub); } :root[data-tema="claro"] .tela-nat .nt-chip button:hover { color: var(--erro); } :root[data-tema="claro"] .tela-nat .nt-chip-mais { border: 1px solid var(--borda-forte); background: transparent; color: var(--texto); } :root[data-tema="claro"] .tela-nat .nt-chips input.nt-chips-entrada { border: 0; background: transparent; outline: none; } @media (max-width: 980px) { :root[data-tema="claro"] .tela-nat .nt-info > div:nth-child(n + 3) { border-top: 1px solid var(--borda); } } /* tela-visao.css */ :root[data-tema="claro"] .tela-visao .ico.vermelho { color: var(--erro); } :root[data-tema="claro"] .tela-visao .ico.azul { color: var(--azul-texto); } :root[data-tema="claro"] .vg-cab p { color: var(--sub); } :root[data-tema="claro"] .vg-filtro { border: 1px solid var(--borda-forte); background: var(--cartao); color: var(--sub); } :root[data-tema="claro"] .vg-filtro small { color: var(--texto); } :root[data-tema="claro"] .vg-filtro input, :root[data-tema="claro"] .vg-filtro select { border: 0; background: transparent; color: var(--texto); } :root[data-tema="claro"] .vg-filtro input:focus-visible, :root[data-tema="claro"] .vg-filtro select:focus-visible { outline: none; } :root[data-tema="claro"] .vg-filtro:focus-within { border-color: var(--marca); } :root[data-tema="claro"] .vg-filtro select option { background: var(--cartao); } :root[data-tema="claro"] .vg-atualizar { border: 1px solid var(--marca); background: rgba(25, 87, 214, .12); color: var(--azul-texto); } :root[data-tema="claro"] .vg-atualizar:hover:not(:disabled) { background: rgba(25, 87, 214, .22); } :root[data-tema="claro"] .vg-atualizado { color: var(--sub); } :root[data-tema="claro"] .vg-kpi { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .vg-kpi-topo { color: var(--texto); } :root[data-tema="claro"] .vg-kpi-topo .ico { color: var(--sub); } :root[data-tema="claro"] .vg-kpi small { color: var(--sub); } :root[data-tema="claro"] .vg-kpi.critico strong { color: var(--erro); } :root[data-tema="claro"] .vg-kpi.critico .vg-kpi-topo .ico { color: var(--alerta); } :root[data-tema="claro"] .vg-faixa { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .vg-faixa-item { border-left: 1px solid var(--borda-forte); } :root[data-tema="claro"] .vg-faixa-item:first-child { border-left: 0; } :root[data-tema="claro"] .vg-faixa-item.vermelho { color: var(--erro); } :root[data-tema="claro"] .vg-bolinha { background: var(--sub); } :root[data-tema="claro"] .vg-bolinha.vermelho { background: var(--erro); } :root[data-tema="claro"] .vg-bolinha.verde { background: var(--ok); } :root[data-tema="claro"] .vg-bolinha.cinza { background: #c8cdd4; } :root[data-tema="claro"] .vg-botao-azul { background: var(--marca); color: #fff; } :root[data-tema="claro"] .vg-botao-azul:hover { background: var(--marca-escura); } :root[data-tema="claro"] .vg-cartao { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .vg-cartao-cab > .ico { color: var(--texto); } :root[data-tema="claro"] .vg-cab-dir { color: var(--sub); } :root[data-tema="claro"] .vg-link-cab { color: var(--azul-texto); } :root[data-tema="claro"] .vg-alternar { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .vg-alternar label { color: var(--sub); } :root[data-tema="claro"] #vg-hora:checked ~ .vg-cartao-cab label[for="vg-hora"], :root[data-tema="claro"] #vg-dia:checked ~ .vg-cartao-cab label[for="vg-dia"] { background: rgba(25, 87, 214, .25); color: #cfe0ff; } :root[data-tema="claro"] #vg-hora:focus-visible ~ .vg-cartao-cab label[for="vg-hora"], :root[data-tema="claro"] #vg-dia:focus-visible ~ .vg-cartao-cab label[for="vg-dia"] { outline: 2px solid var(--marca); } :root[data-tema="claro"] .vg-legenda { color: var(--sub); } :root[data-tema="claro"] .vg-leg-barra { background: #3f7bff; } :root[data-tema="claro"] .vg-leg-linha { background: #fff; } :root[data-tema="claro"] .vg-grade { stroke: var(--linha); } :root[data-tema="claro"] .vg-eixo { fill: var(--sub); } :root[data-tema="claro"] .vg-barra { fill: var(--azul-texto); } :root[data-tema="claro"] .vg-traco { fill: none; stroke: var(--texto); } :root[data-tema="claro"] .vg-ponto { fill: var(--texto); } :root[data-tema="claro"] .vg-vazio { fill: var(--sub); } :root[data-tema="claro"] .vg-tabela th { color: var(--sub); border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .vg-tabela td { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .vg-tabela tbody tr:last-child td { border-bottom: 0; } :root[data-tema="claro"] .vg-tabela tfoot td { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .vg-mini { background: var(--cartao-2); } :root[data-tema="claro"] .vg-mini i { background: #3f7bff; } :root[data-tema="claro"] .vg-mini.claro i { background: #c8cdd4; } :root[data-tema="claro"] .vg-nota { color: var(--sub); } :root[data-tema="claro"] .vg-etapas { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .vg-etapa { border: 1px solid var(--borda-forte); background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .vg-etapa:hover { border-color: var(--marca); } :root[data-tema="claro"] .vg-seta { color: var(--sub); } :root[data-tema="claro"] .vg-etapa-total { border-left: 1px solid var(--borda-forte); } :root[data-tema="claro"] .vg-fluxo-rodape > div { border-left: 1px solid var(--borda); } :root[data-tema="claro"] .vg-fluxo-rodape > div:first-child { border-left: 0; } :root[data-tema="claro"] .vg-fluxo-rodape small { color: var(--sub); } :root[data-tema="claro"] .vg-saude-box { border: 1px solid var(--borda); background: var(--cartao-2); } :root[data-tema="claro"] .vg-saude-box small { color: var(--sub); } :root[data-tema="claro"] .vg-saude-box em { color: var(--sub); } :root[data-tema="claro"] .vg-saude-box em.vermelho { color: var(--erro); } :root[data-tema="claro"] .vg-status { border: 1px solid var(--borda); } :root[data-tema="claro"] .vg-saude-erros small { color: var(--sub); } :root[data-tema="claro"] .vg-saude-erros a { color: var(--azul-texto); } :root[data-tema="claro"] .vg-resumo-grade { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .vg-resumo-item { border-left: 1px solid var(--borda); } :root[data-tema="claro"] .vg-resumo-item:first-child { border-left: 0; } :root[data-tema="claro"] .vg-resumo-item span { color: var(--sub); } :root[data-tema="claro"] .vg-resumo-item.vermelho strong { color: var(--erro); } :root[data-tema="claro"] .vg-resumo-item.ambar strong { color: var(--alerta); } :root[data-tema="claro"] .vg-link { color: var(--azul-texto); } :root[data-tema="claro"] .vg-pedido { color: var(--texto); } :root[data-tema="claro"] .vg-prazo { color: var(--texto); } :root[data-tema="claro"] .vg-prazo .ico-mini { color: var(--sub); } :root[data-tema="claro"] .vg-prazo.vencido { color: var(--erro); } :root[data-tema="claro"] .vg-prazo.vencido .ico-mini { color: var(--erro); } :root[data-tema="claro"] .vg-abrir { color: var(--azul-texto); } :root[data-tema="claro"] .vg-vazio-txt { color: var(--sub); } :root[data-tema="claro"] .vg-linha-tempo li { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .vg-linha-tempo li:last-child { border-bottom: 0; } :root[data-tema="claro"] .vg-linha-tempo time { color: var(--sub); } :root[data-tema="claro"] .vg-at-ico { color: var(--texto); } :root[data-tema="claro"] .vg-at-ico.erro { color: var(--erro); } :root[data-tema="claro"] .vg-linha-tempo small { color: var(--sub); } :root[data-tema="claro"] .vg-cortes-vazio { border: 1px dashed var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .vg-cortes-vazio strong { color: var(--texto); } @media (max-width: 900px) { :root[data-tema="claro"] .vg-etapa-total { border-left: 0; border-top: 1px solid var(--borda-forte); } :root[data-tema="claro"] .vg-fluxo-rodape > div { border-left: 0; } } @media (max-width: 600px) { :root[data-tema="claro"] .vg-faixa-item { border-left: 0; } } :root[data-tema="claro"] .vg-delta em { color: var(--sub); } :root[data-tema="claro"] .vg-delta.bom { color: var(--ok); } :root[data-tema="claro"] .vg-delta.ruim { color: var(--erro); } :root[data-tema="claro"] .vg-delta.neutro { color: var(--sub); } :root[data-tema="claro"] .vg-traco-anterior { fill: none; stroke: var(--sub); } :root[data-tema="claro"] .vg-leg-anterior { border-top: 2px dashed #8e95a3; } :root[data-tema="claro"] .vg-filtro select { background: transparent; border: 0; color: var(--texto); } :root[data-tema="claro"] .tela-visao .vg-periodo-botao small { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-visao .sd-painel { background: var(--superficie, var(--cartao)); border: 1px solid var(--borda, var(--borda-forte)); box-shadow: 0 18px 50px rgba(15, 23, 42, 0.158); } :root[data-tema="claro"] .tela-visao .sd-esq { border-right: 1px solid var(--borda, var(--borda-forte)); } :root[data-tema="claro"] .tela-visao .sd-opcao { background: none; border: none; box-shadow: none; color: inherit; text-shadow: none; outline: none; color: var(--texto, var(--texto)); } :root[data-tema="claro"] .tela-visao .sd-opcao:hover, :root[data-tema="claro"] .tela-visao .sd-opcao:focus-visible { background: rgba(15, 23, 42, 0.045); } :root[data-tema="claro"] .tela-visao .sd-opcao.ativo { background: rgba(25, 87, 214, .22); color: #8fb3ff; } :root[data-tema="claro"] .tela-visao .sd-personalizar { border-bottom: 1px solid var(--borda, var(--borda-forte)); } :root[data-tema="claro"] .tela-visao .sd-lista { border-bottom: 1px solid var(--borda, var(--borda-forte)); } :root[data-tema="claro"] .tela-visao .sd-ndias { border-bottom: 1px solid var(--borda, var(--borda-forte)); } :root[data-tema="claro"] .tela-visao .sd-ndias label.ativo { color: #8fb3ff; } :root[data-tema="claro"] .tela-visao .sd-ndias input { border: 1px solid var(--borda, var(--borda-forte)); background: transparent; color: inherit; } :root[data-tema="claro"] .tela-visao .sd-comparar small { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-visao .sd-comparar i { background: var(--borda-forte); } :root[data-tema="claro"] .tela-visao .sd-comparar i::after { background: #fff; } :root[data-tema="claro"] .tela-visao .sd-comparar input:checked + i { background: #1957d6; } :root[data-tema="claro"] .tela-visao .sd-comparar input:focus-visible + i { outline: 2px solid #6d9cff; } :root[data-tema="claro"] .tela-visao .sd-datas { border-bottom: 1px solid var(--borda, var(--borda-forte)); } :root[data-tema="claro"] .tela-visao .sd-datas small { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-visao .sd-datas input { border: 1px solid var(--borda, var(--borda-forte)); background: transparent; color: inherit; } :root[data-tema="claro"] .tela-visao .sd-datas > span { color: var(--texto-sub, var(--sub)); } :root[data-tema="claro"] .tela-visao .sd-semana { color: var(--texto-sub, var(--sub)); border-bottom: 1px solid var(--borda, var(--borda-forte)); } :root[data-tema="claro"] .tela-visao .sd-grade button { background: none; border: none; box-shadow: none; color: inherit; text-shadow: none; outline: none; color: var(--texto, var(--texto)); } :root[data-tema="claro"] .tela-visao .sd-grade button:hover:not(:disabled) { background: rgba(15, 23, 42, 0.072); } :root[data-tema="claro"] .tela-visao .sd-grade button:disabled { color: #4b5563; } :root[data-tema="claro"] .tela-visao .sd-grade button.hoje { box-shadow: inset 0 0 0 1px #4b5563; } :root[data-tema="claro"] .tela-visao .sd-grade button.no-intervalo { background: rgba(25, 87, 214, .2); } :root[data-tema="claro"] .tela-visao .sd-grade button.inicio, :root[data-tema="claro"] .tela-visao .sd-grade button.fim { background: #1957d6; color: #fff; } :root[data-tema="claro"] .tela-visao .sd-acoes { border-top: 1px solid var(--borda, var(--borda-forte)); } :root[data-tema="claro"] .tela-visao .sd-acoes button { border: 1px solid var(--borda, var(--borda-forte)); background: transparent; color: inherit; } :root[data-tema="claro"] .tela-visao .sd-acoes .sd-aplicar { background: #1957d6; border-color: #1957d6; color: #fff; } @media (max-width: 720px) { :root[data-tema="claro"] .tela-visao .sd-esq { border-right: 0; border-bottom: 1px solid var(--borda, var(--borda-forte)); } } :root[data-tema="claro"] .vv-abas { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .vv-abas a { color: var(--sub); } :root[data-tema="claro"] .vv-abas a.ativa { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .tela-vendas .vv-info { border: 1px solid var(--info); background: var(--info-fundo); } :root[data-tema="claro"] .tela-vendas .vv-info .ico { color: var(--info); } :root[data-tema="claro"] .vv-card { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .vv-card-ico { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .vv-rot { color: var(--sub); } :root[data-tema="claro"] .vv-card strong { color: var(--azul-texto); } :root[data-tema="claro"] .vv-card small { color: var(--sub); } :root[data-tema="claro"] .vv-verde { color: var(--ok); } :root[data-tema="claro"] .vv-split { color: var(--sub); } :root[data-tema="claro"] .vv-split dd { color: var(--texto); } :root[data-tema="claro"] .vv-split dd.azul { color: var(--azul-texto); } :root[data-tema="claro"] .vv-tag { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .vv-tag.alerta { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .vv-seg { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .vv-seg a { color: var(--sub); border-left: 1px solid var(--borda-forte); } :root[data-tema="claro"] .vv-seg a:first-child { border-left: 0; } :root[data-tema="claro"] .vv-seg a.ativo { background: var(--marca); color: #fff; } :root[data-tema="claro"] .vv-legenda { color: var(--sub); } :root[data-tema="claro"] .vv-legenda b { color: var(--texto); } :root[data-tema="claro"] .vv-q.conf, :root[data-tema="claro"] .vv-barra-conf { background: #2f6ef0; fill: #2f6ef0; } :root[data-tema="claro"] .vv-q.pend, :root[data-tema="claro"] .vv-barra-pend { background: #8fb4ff; fill: var(--azul-texto); } :root[data-tema="claro"] .vv-q.ant { border-top: 2px dashed var(--sub); } :root[data-tema="claro"] .vv-tabela-det summary { color: var(--azul-texto); } :root[data-tema="claro"] .vv-ao-vivo { color: var(--texto); } :root[data-tema="claro"] .vv-ao-vivo i, :root[data-tema="claro"] .vv-escala-nova i { background: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, .2); } :root[data-tema="claro"] .vv-uf path { fill: #1c2b57; stroke: #121a33; } :root[data-tema="claro"] .vv-rotulos text { fill: var(--azul-texto); } :root[data-tema="claro"] .vv-uf.n1 path, :root[data-tema="claro"] .vv-escala .n1 { fill: #22377a; background: var(--info-fundo); } :root[data-tema="claro"] .vv-uf.n2 path, :root[data-tema="claro"] .vv-escala .n2 { fill: #27449a; background: #27449a; } :root[data-tema="claro"] .vv-uf.n3 path, :root[data-tema="claro"] .vv-escala .n3 { fill: #2d54bd; background: #2d54bd; } :root[data-tema="claro"] .vv-uf.n4 path, :root[data-tema="claro"] .vv-escala .n4 { fill: #3a6ae0; background: #3a6ae0; } :root[data-tema="claro"] .vv-uf.n5 path, :root[data-tema="claro"] .vv-escala .n5 { fill: #5b8cff; background: #5b8cff; } :root[data-tema="claro"] .vv-uf.ativo path { fill: #4f8dff; stroke: #9cc0ff; } :root[data-tema="claro"] .vv-uf:hover path { stroke: var(--texto); } :root[data-tema="claro"] .vv-marca .ponto, :root[data-tema="claro"] .vv-balao .ponto { fill: var(--ok); stroke: #0f1a14; } :root[data-tema="claro"] .vv-marca .halo { fill: var(--ok); } :root[data-tema="claro"] .vv-linha-nova { fill: none; stroke: var(--sub); } :root[data-tema="claro"] .vv-balao rect { fill: #11161c; stroke: #3b4452; } :root[data-tema="claro"] .vv-balao text { fill: var(--texto); } :root[data-tema="claro"] .vv-balao text.t1 { fill: var(--texto); } :root[data-tema="claro"] .vv-escala { color: var(--sub); } :root[data-tema="claro"] .vv-ultimas { border: 1px solid var(--borda); } :root[data-tema="claro"] .vv-ultimas-topo a { color: var(--sub); } :root[data-tema="claro"] .vv-ultimas-linha { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .vv-ultimas-linha:first-of-type { border-top: 0; } :root[data-tema="claro"] .vv-part i { background: var(--cartao-2); } :root[data-tema="claro"] .vv-part em { background: #2f6ef0; } :root[data-tema="claro"] .vv-outros td { background: var(--cartao-2); } :root[data-tema="claro"] .vv-ir { color: var(--sub); } :root[data-tema="claro"] .vv-at { border: 1px solid var(--borda); color: var(--texto); background: var(--fundo); } :root[data-tema="claro"] .vv-at:hover { border-color: var(--borda-forte); } :root[data-tema="claro"] .vv-at small { color: var(--sub); } :root[data-tema="claro"] .vv-at strong.erro { color: var(--erro); } :root[data-tema="claro"] .vv-at strong.alerta { color: var(--alerta); } :root[data-tema="claro"] .vv-at-ico { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .vv-at-ico.erro { background: var(--erro-fundo); color: var(--erro); } :root[data-tema="claro"] .vv-at-ico.alerta { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .tela-vendas .tabela-design th, :root[data-tema="claro"] .tela-vendas .tabela-design td { border-left: 0 !important; border-right: 0 !important; } :root[data-tema="claro"] .vv-config { color: var(--azul-texto); } :root[data-tema="claro"] .vv-indisp { color: var(--sub); } :root[data-tema="claro"] .vv-motivos { color: var(--sub); } :root[data-tema="claro"] .vv-motivos b { color: var(--texto); } :root[data-tema="claro"] .vv-tag.cinza { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .vv-tag.est { background: var(--info-fundo); color: var(--info); } :root[data-tema="claro"] .vd-sinc { color: var(--sub); } :root[data-tema="claro"] .vd-sinc b { color: var(--texto); } :root[data-tema="claro"] .vd-aviso { border: 1px solid var(--alerta); background: var(--alerta-fundo); } :root[data-tema="claro"] .vd-aviso > .ico { color: var(--alerta); } :root[data-tema="claro"] .vd-aviso b { color: var(--alerta); } :root[data-tema="claro"] .vd-cards .vv-card strong .azul { color: var(--azul-texto); } :root[data-tema="claro"] .vd-tag { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .vd-tag.ok { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .vd-nota { color: var(--sub); } :root[data-tema="claro"] .vd-filtro { color: var(--sub); } :root[data-tema="claro"] .vd-busca-campo .ico { color: var(--sub); } :root[data-tema="claro"] .vd-chip { border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .vd-chip:hover { border-color: var(--marca); } :root[data-tema="claro"] .vd-chip.ativo { background: var(--marca); border-color: var(--marca); color: #fff; } :root[data-tema="claro"] .vd-avancados { border-left: 1px solid var(--borda); } :root[data-tema="claro"] .vd-avancados summary { color: var(--texto); } :root[data-tema="claro"] .vd-avancados summary .ico { color: var(--sub); } :root[data-tema="claro"] .vd-avancados .contador { background: var(--marca); color: #fff; } :root[data-tema="claro"] .vd-contagem { color: var(--sub); } :root[data-tema="claro"] .vd-contagem b { color: var(--texto); } :root[data-tema="claro"] .vd-tabela th { color: var(--sub); border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .vd-tabela td { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .vd-tabela tr:last-child td { border-bottom: 0; } :root[data-tema="claro"] .vd-tabela tbody tr:hover { background: var(--marca-clara); } :root[data-tema="claro"] .vd-prod small, :root[data-tema="claro"] .vd-sub-cel { color: var(--sub); } :root[data-tema="claro"] .vd-foto, :root[data-tema="claro"] .vd-foto-g { background: #fff; } :root[data-tema="claro"] .vd-foto-g { border: 1px solid var(--borda); } :root[data-tema="claro"] .vd-sem-foto { background: var(--fundo); border: 1px solid var(--borda); color: var(--sub); } :root[data-tema="claro"] .vd-canal small { color: var(--sub); } :root[data-tema="claro"] .vd-logo { background: #fff; color: #111; } :root[data-tema="claro"] .vd-log { background: var(--fundo); border: 1px solid var(--borda); color: var(--texto) !important; } :root[data-tema="claro"] .vd-status { border: 1px solid currentColor; } :root[data-tema="claro"] .vd-status i { background: currentColor; } :root[data-tema="claro"] .vd-status.pendente { color: var(--alerta); background: var(--alerta-fundo); } :root[data-tema="claro"] .vd-status.confirmado { color: var(--ok); background: var(--ok-fundo); } :root[data-tema="claro"] .vd-status.cancelado { color: var(--erro); background: var(--erro-fundo); } :root[data-tema="claro"] .vd-taxa { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .vd-taxa.confirmada { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .vd-taxa.sem { background: var(--fundo); color: var(--sub); } :root[data-tema="claro"] .vd-margem { border: 1px solid var(--ok); background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .vd-margem.neg { border-color: var(--erro); background: var(--erro-fundo); color: var(--erro); } :root[data-tema="claro"] .vd-indisp { color: var(--sub); } :root[data-tema="claro"] .vd-ver { background: none; border: 0; color: var(--azul-texto); } :root[data-tema="claro"] .vd-ver:hover:not(:disabled) { background: none; } :root[data-tema="claro"] .vd-vazio { color: var(--sub); } :root[data-tema="claro"] .vd-rodape { color: var(--sub); } :root[data-tema="claro"] .vd-modal-cab { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .vd-modal-prod p { color: var(--sub); } :root[data-tema="claro"] .vd-copiar { background: none; border: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .vd-copiar:hover:not(:disabled) { background: var(--fundo); color: var(--texto); } :root[data-tema="claro"] .vd-modal-kpis > div { border: 1px solid var(--borda); } :root[data-tema="claro"] .vd-modal-kpis span { color: var(--sub); } :root[data-tema="claro"] .vd-modal-kpis strong.pos { color: var(--ok); } :root[data-tema="claro"] .vd-modal-kpis strong.neg { color: var(--erro); } :root[data-tema="claro"] .vd-modal-kpis small { color: var(--sub); } :root[data-tema="claro"] .vd-tabela-comp { border: 1px solid var(--borda); } :root[data-tema="claro"] .vd-tabela-comp th, :root[data-tema="claro"] .vd-tabela-comp td { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .vd-tabela-comp thead th { color: var(--azul-texto); background: var(--fundo); } :root[data-tema="claro"] .vd-tabela-comp td:nth-child(3) { color: var(--sub); } :root[data-tema="claro"] .vd-tabela-comp tr:last-child > * { border-bottom: 0; } :root[data-tema="claro"] .vd-tabela-comp .vd-sub { color: var(--sub); } :root[data-tema="claro"] .vd-tabela-comp .vd-destaque { background: var(--marca-clara); } :root[data-tema="claro"] .vd-tabela-comp .vd-total { background: var(--marca-clara); } :root[data-tema="claro"] .vd-tabela-comp .vd-total > * { color: var(--azul-texto); } :root[data-tema="claro"] .vd-tabela-comp .vd-total td:nth-child(3) { color: var(--texto); } :root[data-tema="claro"] .vd-conciliacao { border: 1px solid var(--borda); } :root[data-tema="claro"] .vd-conciliacao > .ico { color: var(--azul-texto); } :root[data-tema="claro"] .vd-conciliacao b { color: var(--sub); } :root[data-tema="claro"] .vd-conciliacao small { color: var(--sub); } :root[data-tema="claro"] .vd-modal-rodape { border-top: 1px solid var(--borda); } @media (max-width: 760px) { :root[data-tema="claro"] .vd-avancados { border-left: 0; } } :root[data-tema="claro"] .vd-vincular { border: 1px solid var(--alerta); background: var(--alerta-fundo); } :root[data-tema="claro"] .vd-vincular b { color: var(--alerta); } :root[data-tema="claro"] .vd-vincular p { color: var(--texto); } :root[data-tema="claro"] .vv-top-uf { border: 1px solid var(--borda); } :root[data-tema="claro"] .vv-top-uf b { color: var(--azul-texto); } :root[data-tema="claro"] .vv-top-uf small { color: var(--sub); } :root[data-tema="claro"] .vv-top-uf.subiu { background: rgba(34, 197, 94, .14); border-color: rgba(34, 197, 94, .6); } /* menu-lateral.css */ :root[data-tema="claro"] .menu-lateral nav.menu-nav a:focus-visible, :root[data-tema="claro"] .menu-recolher:focus-visible { outline: 2px solid rgba(109, 156, 255, .7); } :root[data-tema="claro"] .menu-realce { background: rgba(15, 23, 42, 0.063); } html[data-tema="claro"].menu-js .menu-lateral nav.menu-nav a:not(.ativo):hover { background: transparent; } :root[data-tema="claro"] .menu-lateral .menu-grupo-titulo::after { background: rgba(15, 23, 42, 0.08); } :root[data-tema="claro"] .menu-rodape { border-top: 1px solid rgba(15, 23, 42, 0.1); } :root[data-tema="claro"] .menu-recolher { border: 0; background: transparent; color: var(--menu-texto); } :root[data-tema="claro"] .menu-recolher:hover { background: rgba(15, 23, 42, 0.063); color: var(--texto); } :root[data-tema="claro"] .menu-recolher kbd { border: 1px solid rgba(15, 23, 42, 0.192); color: var(--menu-texto); } :root[data-tema="claro"] .menu-tooltip { background: var(--info-fundo); color: var(--texto); box-shadow: 0 6px 18px rgba(15, 23, 42, 0.122); border: 1px solid rgba(15, 23, 42, 0.12); } @media (min-width: 768px) { :root[data-tema="claro"] .menu-lateral { box-shadow: none; } :root[data-tema="claro"] .menu-lateral.aberto { box-shadow: none; } html[data-tema="claro"].menu-recolhido .menu-lateral .menu-grupo-titulo { color: transparent; } } @media (max-width: 767.98px) { :root[data-tema="claro"] .menu-lateral { box-shadow: none; } :root[data-tema="claro"] .menu-lateral.aberto { box-shadow: none; } html[data-tema="claro"].menu-drawer .menu-lateral { box-shadow: 0 20px 50px rgba(15, 23, 42, 0.175); } :root[data-tema="claro"] .menu-fundo { background: rgba(8, 10, 14, .45); } } :root[data-tema="claro"] .menu-lateral nav.menu-nav a.menu-sub::before { border-left: 1px solid var(--borda-forte, var(--borda-forte)); } /* tela-login.css */ :root[data-tema="claro"] .tela-login { color: var(--tl-texto); background: var(--info-fundo); } :root[data-tema="claro"] .tl-apresentacao { border-right: 1px solid var(--tl-borda); background: radial-gradient(900px 500px at 30% 65%, rgba(59, 123, 255, .14), transparent 60%), linear-gradient(rgba(15, 23, 42, 0.023) 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(90deg, rgba(15, 23, 42, 0.023) 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(180deg, var(--info-fundo), var(--info-fundo)); } :root[data-tema="claro"] .tl-titulo span { color: var(--tl-azul); } :root[data-tema="claro"] .tl-sub { color: var(--sub); } :root[data-tema="claro"] .tl-etapas li { color: var(--texto); } :root[data-tema="claro"] .tl-etapas li + li::before { background: linear-gradient(90deg, rgba(59, 123, 255, .3), var(--tl-azul)); } :root[data-tema="claro"] .tl-etapas .ico { border: 2px solid rgba(15, 23, 42, 0.2); background: rgba(15, 23, 42, 0.027); color: var(--texto); } :root[data-tema="claro"] .tl-etapas li.ativa { color: #6fa0ff; } :root[data-tema="claro"] .tl-etapas li.ativa .ico { border-color: var(--tl-azul); background: radial-gradient(circle, #3b7bff, #2353c9); color: #fff; box-shadow: 0 0 0 6px rgba(59, 123, 255, .18), 0 0 28px rgba(59, 123, 255, .45); } :root[data-tema="claro"] .tl-canais p { color: var(--sub); } :root[data-tema="claro"] .tl-acesso { background: linear-gradient(180deg, var(--info-fundo), var(--info-fundo)); } :root[data-tema="claro"] .tl-sub2 { color: var(--tl-sub); } :root[data-tema="claro"] .tl-erro { background: rgba(255, 107, 94, .12); border: 1px solid rgba(255, 107, 94, .4); color: var(--erro); } :root[data-tema="claro"] .tl-aviso { background: rgba(59, 123, 255, .12); border: 1px solid rgba(59, 123, 255, .4); color: var(--azul-texto); } :root[data-tema="claro"] .tl-entrada { border: 1px solid rgba(15, 23, 42, 0.168); background: rgba(15, 23, 42, 0.027); } :root[data-tema="claro"] .tl-entrada:focus-within { border-color: var(--tl-azul); box-shadow: 0 0 0 4px rgba(59, 123, 255, .18); } :root[data-tema="claro"] .tl-entrada > .ico { color: var(--sub); } :root[data-tema="claro"] .tl-entrada input { border: 0; outline: 0; background: transparent; color: var(--tl-texto); } :root[data-tema="claro"] .tl-entrada input::placeholder { color: var(--sub); } :root[data-tema="claro"] .tl-ver { background: none; border: none; box-shadow: none; color: inherit; text-shadow: none; outline: none; color: var(--sub); } :root[data-tema="claro"] .tl-ver:hover, :root[data-tema="claro"] .tl-ver:focus-visible { background: rgba(15, 23, 42, 0.063); } :root[data-tema="claro"] .tl-ver[aria-pressed="true"] { color: var(--tl-azul); } :root[data-tema="claro"] .tl-check { color: var(--texto); } :root[data-tema="claro"] .tl-check input { accent-color: var(--tl-azul); } :root[data-tema="claro"] .tl-linha a, :root[data-tema="claro"] .tl-rodape a { color: var(--azul-texto); } :root[data-tema="claro"] .tl-entrar { border: 0; background: linear-gradient(180deg, #4a86ff, #2f6bff); color: #fff; box-shadow: 0 10px 28px rgba(47, 107, 255, .35); } :root[data-tema="claro"] .tl-entrar:hover { box-shadow: 0 12px 32px rgba(47, 107, 255, .45); } :root[data-tema="claro"] .tl-restrito { color: var(--sub); } :root[data-tema="claro"] .tl-acesso hr { border: 0; border-top: 1px solid var(--tl-borda); } :root[data-tema="claro"] .tl-precisa { color: var(--texto); } :root[data-tema="claro"] .tl-rodape { color: var(--sub); } :root[data-tema="claro"] .tl-texto p { color: var(--sub); } :root[data-tema="claro"] .intro-loader { background: var(--fundo); } :root[data-tema="claro"] .il-luz { background: rgba(15, 23, 42, 0.036); } :root[data-tema="claro"] .il-texto { color: var(--texto); } :root[data-tema="claro"] .il-lang { color: var(--sub); border: 1px solid var(--borda); } :root[data-tema="claro"] .il-pular { background: rgba(24, 24, 24, .9); border: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .il-pular:hover, :root[data-tema="claro"] .il-pular:focus-visible { color: var(--texto); border-color: var(--borda-forte); } :root[data-tema="claro"] .il-pular kbd { color: #6b6b6b; background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .il-progresso { background: rgba(15, 23, 42, 0.072); } :root[data-tema="claro"] .il-progresso i { background: linear-gradient(90deg, rgba(15, 23, 42, 0.08), #fff, rgba(15, 23, 42, 0.08)); } :root[data-tema="claro"] .tl-politica h3 { color: var(--texto); } :root[data-tema="claro"] .tl-politica ul { color: var(--sub); } :root[data-tema="claro"] .tl-qr svg { background: #fff; } /* tela-comunicacao.css */ :root[data-tema="claro"] .cm-conversas, :root[data-tema="claro"] .cm-centro, :root[data-tema="claro"] .cm-lado { background: var(--cm-fundo); border: 1px solid var(--cm-borda); } :root[data-tema="claro"] .tela-comunicacao .sub { color: var(--cm-sub); } :root[data-tema="claro"] .cm-icone { background: none; border: none; box-shadow: none; color: inherit; text-shadow: none; outline: none; color: var(--sub); } :root[data-tema="claro"] .cm-icone:hover, :root[data-tema="claro"] .cm-icone:focus-visible { background: rgba(15, 23, 42, 0.063); color: var(--texto); } :root[data-tema="claro"] .cm-icone-borda { border: 1px solid var(--cm-borda); } :root[data-tema="claro"] .cm-botao { border: 1px solid var(--cm-azul); background: transparent; color: var(--azul-texto); } :root[data-tema="claro"] .cm-botao:hover { background: rgba(59, 123, 255, .12); } :root[data-tema="claro"] .cm-av { background: var(--cor, var(--borda-forte)); color: var(--texto); } :root[data-tema="claro"] .cm-pres { background: var(--borda-forte); border: 2px solid var(--cm-fundo); } :root[data-tema="claro"] .cm-pres.on { background: #22c55e; } :root[data-tema="claro"] .cm-busca { border: 1px solid var(--cm-borda); } :root[data-tema="claro"] .cm-busca .ico { color: var(--cm-sub); } :root[data-tema="claro"] .cm-busca input { border: 0; outline: 0; background: transparent; color: inherit; } :root[data-tema="claro"] .cm-grupo { border-bottom: 1px solid var(--cm-borda); } :root[data-tema="claro"] .cm-grupo:last-child { border-bottom: 0; } :root[data-tema="claro"] .cm-item { color: var(--texto); } :root[data-tema="claro"] .cm-item:hover { background: rgba(15, 23, 42, 0.045); } :root[data-tema="claro"] .cm-item.ativo { background: #1957d6; color: #fff; } :root[data-tema="claro"] .cm-hash { color: var(--cm-sub); } :root[data-tema="claro"] .cm-item.ativo .cm-hash { color: #fff; } :root[data-tema="claro"] .cm-badge { background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .cm-item.ativo .cm-badge { background: rgba(0, 0, 0, .25); } :root[data-tema="claro"] .cm-mini-form input, :root[data-tema="claro"] .cm-mini-form select { border: 1px solid var(--cm-borda); background: transparent; color: inherit; } :root[data-tema="claro"] .cm-busca-msg input { border: 1px solid var(--cm-borda); background: transparent; color: inherit; } :root[data-tema="claro"] .cm-filtro-ativo { color: var(--cm-sub); } :root[data-tema="claro"] .cm-checklist { border: 1px solid var(--cm-borda); background: rgba(15, 23, 42, 0.027); } :root[data-tema="claro"] .cm-checklist summary span { color: var(--texto); } :root[data-tema="claro"] .cm-checklist-form textarea { border: 1px solid var(--cm-borda); background: transparent; color: inherit; } :root[data-tema="claro"] .cm-vazio { color: var(--cm-sub); } :root[data-tema="claro"] .cm-dia { color: var(--cm-sub); } :root[data-tema="claro"] .cm-dia::before, :root[data-tema="claro"] .cm-dia::after { background: var(--cm-borda); } :root[data-tema="claro"] .cm-msg:hover { background: rgba(15, 23, 42, 0.023); } :root[data-tema="claro"] .cm-msg.destaque { background: rgba(59, 123, 255, .1); } :root[data-tema="claro"] .cm-hora-lado { color: transparent; } :root[data-tema="claro"] .cm-msg:hover .cm-hora-lado { color: var(--cm-sub); } :root[data-tema="claro"] .cm-corpo time { color: var(--cm-sub); } :root[data-tema="claro"] .cm-texto { color: var(--texto); } :root[data-tema="claro"] .cm-texto a { color: var(--azul-texto); } :root[data-tema="claro"] .cm-mencao { background: rgba(59, 123, 255, .2); color: var(--azul-texto); } :root[data-tema="claro"] .cm-apagada { color: var(--cm-sub); } :root[data-tema="claro"] .cm-pedido { border: 1px solid var(--cm-borda); background: rgba(15, 23, 42, 0.018); } :root[data-tema="claro"] .cm-pedido-logo { background: #fff; } :root[data-tema="claro"] .cm-etapa { background: rgba(59, 123, 255, .15); color: var(--azul-texto); } :root[data-tema="claro"] .cm-etapa::before { background: var(--cm-azul); } :root[data-tema="claro"] .cm-arquivo { border: 1px solid var(--cm-borda); color: inherit; } :root[data-tema="claro"] .cm-arquivo:hover { background: rgba(15, 23, 42, 0.036); } :root[data-tema="claro"] .cm-arquivo small { color: var(--cm-sub); } :root[data-tema="claro"] .cm-arquivo > .ico { color: var(--sub); } :root[data-tema="claro"] .cm-arq-ico { background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .cm-arq-ico.pdf { background: #e5484d; } :root[data-tema="claro"] .cm-respostas { background: none; border: none; box-shadow: none; color: inherit; text-shadow: none; outline: none; border: 1px solid var(--cm-borda); color: var(--azul-texto); } :root[data-tema="claro"] .cm-respostas:hover { background: rgba(59, 123, 255, .1); } :root[data-tema="claro"] .cm-acoes { background: var(--cm-fundo); border: 1px solid var(--cm-borda); } :root[data-tema="claro"] .cm-acoes button { background: none; border: none; box-shadow: none; color: inherit; text-shadow: none; outline: none; color: var(--sub); } :root[data-tema="claro"] .cm-acoes button:hover { background: rgba(15, 23, 42, 0.072); } :root[data-tema="claro"] .cm-acoes button.confirmar { background: rgba(229, 72, 77, .25); color: var(--erro); } :root[data-tema="claro"] .cm-compor { border: 1px solid var(--cm-borda); background: rgba(15, 23, 42, 0.018); } :root[data-tema="claro"] .cm-compor:focus-within { border-color: rgba(59, 123, 255, .6); } :root[data-tema="claro"] .cm-compor textarea { border: 0; outline: 0; background: transparent; color: inherit; } :root[data-tema="claro"] .cm-enviar { background: none; border: none; box-shadow: none; color: inherit; text-shadow: none; outline: none; background: linear-gradient(180deg, #4a86ff, #2f6bff); color: #fff; } :root[data-tema="claro"] .cm-chip { background: rgba(59, 123, 255, .15); color: var(--azul-texto); } :root[data-tema="claro"] .cm-chip button { background: none; border: none; box-shadow: none; color: inherit; text-shadow: none; outline: none; } :root[data-tema="claro"] .cm-pedido-sel input { border: 1px solid var(--cm-borda); background: transparent; color: inherit; } :root[data-tema="claro"] .cm-pedido-sel > button:not(.cm-botao) { background: none; border: none; box-shadow: none; color: inherit; text-shadow: none; outline: none; color: var(--cm-sub); } :root[data-tema="claro"] .cm-mencoes, :root[data-tema="claro"] .cm-emojis { background: var(--fundo); border: 1px solid var(--cm-borda); box-shadow: 0 12px 30px rgba(15, 23, 42, 0.158); } :root[data-tema="claro"] .cm-mencoes button, :root[data-tema="claro"] .cm-emojis button { background: none; border: none; box-shadow: none; color: inherit; text-shadow: none; outline: none; } :root[data-tema="claro"] .cm-mencoes button:hover, :root[data-tema="claro"] .cm-mencoes button:first-child { background: rgba(59, 123, 255, .18); } :root[data-tema="claro"] .cm-emojis button:hover { background: rgba(15, 23, 42, 0.072); } :root[data-tema="claro"] .cm-erro { color: var(--erro); } :root[data-tema="claro"] .cm-bloco { border-bottom: 1px solid var(--cm-borda); } :root[data-tema="claro"] .cm-bloco:last-child { border-bottom: 0; } :root[data-tema="claro"] .cm-ped-card { border: 1px solid var(--cm-borda); } :root[data-tema="claro"] .cm-pessoas small { color: var(--cm-sub); } :root[data-tema="claro"] .cm-thread-sep { color: var(--cm-sub); border-bottom: 1px solid var(--cm-borda); } :root[data-tema="claro"] .menu-badge { background: #e5484d; color: #fff; } @media (max-width: 1280px) { :root[data-tema="claro"] .cm-lado { box-shadow: 0 20px 50px rgba(15, 23, 42, 0.175); } } /* tela-fba.css */ :root[data-tema="claro"] .pagina-fba .fba-kpi { color: inherit; } :root[data-tema="claro"] .pagina-fba .fba-kpi:hover { border-color: var(--borda-forte); } :root[data-tema="claro"] .pagina-fba .fba-kpi small { color: var(--sub); } :root[data-tema="claro"] .fba-etapa, :root[data-tema="claro"] .fba-alerta, :root[data-tema="claro"] .fba-cx-sit { border: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .fba-etapa.atencao { color: var(--alerta); border-color: rgba(245, 165, 36, .35); background: var(--alerta-fundo); } :root[data-tema="claro"] .fba-etapa.info { color: var(--info); border-color: rgba(91, 147, 255, .35); background: var(--info-fundo); } :root[data-tema="claro"] .fba-etapa.ok { color: var(--ok); border-color: rgba(62, 207, 114, .35); background: var(--ok-fundo); } :root[data-tema="claro"] .fba-alerta.erro { color: var(--erro); border-color: rgba(255, 107, 94, .35); background: var(--erro-fundo); } :root[data-tema="claro"] .fba-alerta.atencao { color: var(--alerta); border-color: rgba(245, 165, 36, .35); } :root[data-tema="claro"] .fba-passos li { border: 1px solid var(--borda); color: var(--sub); background: var(--cartao); } :root[data-tema="claro"] .fba-passos li.feito { color: var(--texto); border-color: var(--borda-forte); } :root[data-tema="claro"] .fba-passos li.atual { color: var(--texto); border-color: var(--marca); box-shadow: inset 0 -2px 0 var(--marca); } :root[data-tema="claro"] .fba-prog span { color: var(--sub); } :root[data-tema="claro"] .fba-barra { background: var(--cartao-2); } :root[data-tema="claro"] .fba-barra i { background: var(--marca); } :root[data-tema="claro"] .fba-diverg { border-color: rgba(255, 107, 94, .4); } :root[data-tema="claro"] .fba-diverg h2 { color: var(--erro); } :root[data-tema="claro"] .fba-check { color: var(--sub); } :root[data-tema="claro"] .fba-mini > summary { color: var(--azul-texto); } :root[data-tema="claro"] .fba-resultados { background: var(--cartao); border: 1px solid var(--borda-forte); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.158); } :root[data-tema="claro"] .fba-resultados li button { border: 0; background: none; color: inherit; } :root[data-tema="claro"] .fba-resultados li button:hover, :root[data-tema="claro"] .fba-resultados li button:focus { background: var(--cartao-2); } :root[data-tema="claro"] .fba-resultados img, :root[data-tema="claro"] .fba-resultados .vazia { background: var(--cartao-2); } :root[data-tema="claro"] .fba-leitor { border-color: var(--borda-forte); } :root[data-tema="claro"] .fba-retorno.ok { color: var(--ok); } :root[data-tema="claro"] .fba-retorno.erro { color: var(--erro); } :root[data-tema="claro"] .fba-leitor.flash-ok { box-shadow: 0 0 0 2px rgba(62, 207, 114, .5); } :root[data-tema="claro"] .fba-leitor.flash-erro { box-shadow: 0 0 0 2px rgba(255, 107, 94, .6); } :root[data-tema="claro"] .fba-caixa { border: 1px solid var(--borda); background: var(--cartao-2); } :root[data-tema="claro"] .fba-caixa.fechada { border-color: var(--borda-forte); } :root[data-tema="claro"] .fba-cx-sit.aberta { color: var(--alerta); } :root[data-tema="claro"] .fba-cx-sit.fechada { color: var(--info); } :root[data-tema="claro"] .fba-cx-sit.expedida { color: var(--ok); } :root[data-tema="claro"] .fba-cx-itens td { border-top: 1px solid var(--linha); } :root[data-tema="claro"] .fba-doc-req.ok { color: var(--ok); } :root[data-tema="claro"] .fba-doc-req.falta { color: var(--erro); } :root[data-tema="claro"] .fba-nf-prob { color: var(--erro); } :root[data-tema="claro"] .fba-nf-pend td { background: var(--erro-fundo); } :root[data-tema="claro"] .fba-perigo summary h2 { color: var(--erro); } :root[data-tema="claro"] .fba-trilha { color: var(--sub); } :root[data-tema="claro"] .fba-trilha a { color: var(--azul-texto); } :root[data-tema="claro"] .fba-trilha span { color: var(--texto); } :root[data-tema="claro"] .fba-passos2 li { color: var(--sub); } :root[data-tema="claro"] .fba-passos2 li:not(:last-child)::after { border-top: 2px dotted var(--borda-forte); } :root[data-tema="claro"] .fba-passos2 li b { border: 1px solid var(--borda-forte); background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .fba-passos2 li.atual { color: var(--texto); } :root[data-tema="claro"] .fba-passos2 li.atual b { background: var(--marca); border-color: var(--marca-escura); color: #fff; box-shadow: 0 0 0 4px var(--marca-clara); } :root[data-tema="claro"] .fba-passos2 li.feito { color: var(--texto); } :root[data-tema="claro"] .fba-passos2 li.feito b { color: var(--ok); border-color: rgba(62, 207, 114, .5); } :root[data-tema="claro"] .fba-ind { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .fba-ind-ico { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .fba-ind:first-child .fba-ind-ico { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .fba-ind span { color: var(--sub); } :root[data-tema="claro"] .fba-abas { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .fba-abas a { color: var(--texto); border-bottom: 3px solid transparent; } :root[data-tema="claro"] .fba-abas a.ativa { color: var(--azul-texto); border-bottom-color: var(--marca); } :root[data-tema="claro"] .fba-abas a:hover { color: var(--azul-texto); } :root[data-tema="claro"] .fba-busca-campo { border: 1px solid var(--borda-forte); background: var(--fundo); } :root[data-tema="claro"] .fba-busca-campo .ico { color: var(--sub); } :root[data-tema="claro"] .fba-busca-campo input { border: 0; background: none; color: var(--texto); outline: none; } :root[data-tema="claro"] .fba-importar { border: 1px dashed var(--borda-forte); } :root[data-tema="claro"] .fba-foto { background: #fff; } :root[data-tema="claro"] .fba-foto.vazia { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .fba-link { color: var(--azul-texto); } :root[data-tema="claro"] .fba-sit.atencao { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .fba-sit.erro { background: var(--erro-fundo); color: var(--erro); } :root[data-tema="claro"] .fba-sit.ok { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .fba-sit.info { background: var(--info-fundo); color: var(--info); } :root[data-tema="claro"] .fba-sit.neutro { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .fba-pop > .fba-pop-form, :root[data-tema="claro"] .fba-menu-corpo { background: var(--cartao); border: 1px solid var(--borda-forte); box-shadow: 0 16px 40px rgba(15, 23, 42, 0.158); } :root[data-tema="claro"] .fba-menu > summary { color: var(--sub); } :root[data-tema="claro"] .fba-menu > summary:hover { background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .fba-menu-corpo .fba-pop-form, :root[data-tema="claro"] .fba-mini .fba-pop-form { box-shadow: none; border: 0; } :root[data-tema="claro"] .fba-ok { color: var(--ok); } :root[data-tema="claro"] .fba-pend-cont { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .fba-pend { border: 1px solid var(--borda); } :root[data-tema="claro"] .fba-pend li + li { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .fba-pend a { color: var(--texto); } :root[data-tema="claro"] .fba-pend a:hover { background: var(--cartao-2); } :root[data-tema="claro"] .fba-pend a .ico-mini:first-child { color: var(--alerta); } :root[data-tema="claro"] .fba-acao:disabled { background: var(--cartao-2); border-color: var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .fba-resumo dt { color: var(--sub); } :root[data-tema="claro"] .fba-perigo > summary { color: var(--erro); } :root[data-tema="claro"] .fba-passos-derivados li small { color: var(--sub); } :root[data-tema="claro"] .fba-marcos li { color: var(--sub); } :root[data-tema="claro"] .fba-marcos li.ok { color: var(--texto); } :root[data-tema="claro"] .fba-marcos li.ok .ico-mini { color: var(--ok); } :root[data-tema="claro"] .fba-marcos small { color: var(--sub); } /* tela-integracoes.css */ :root[data-tema="claro"] .cx-lista { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .cx-linha + .cx-linha { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .cx-logo { color: var(--texto); } :root[data-tema="claro"] .cx-logo-ico { color: var(--azul-texto); } :root[data-tema="claro"] .cx-texto p { color: var(--sub); } :root[data-tema="claro"] .cx-complemento { color: var(--texto); } :root[data-tema="claro"] .cx-status { border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .cx-status i { border: 2px solid var(--sub); } :root[data-tema="claro"] .cx-status.ok { border-color: var(--ok); } :root[data-tema="claro"] .cx-status.ok i { background: var(--ok); border-color: var(--ok); } :root[data-tema="claro"] .cx-status.alerta { border-color: var(--alerta); } :root[data-tema="claro"] .cx-status.alerta i { background: var(--alerta); border-color: var(--alerta); } :root[data-tema="claro"] .cx-status.erro { border-color: var(--erro); } :root[data-tema="claro"] .cx-status.erro i { background: var(--erro); border-color: var(--erro); } :root[data-tema="claro"] .cx-botao { background: var(--marca); border: 1px solid var(--marca); color: #fff; } :root[data-tema="claro"] .cx-botao:hover { background: var(--marca-escura); } :root[data-tema="claro"] .cx-acao .cx-botao[aria-expanded="true"] { background: var(--marca-escura); } :root[data-tema="claro"] .cx-painel { background: var(--cartao-2); border: 1px solid var(--borda); } :root[data-tema="claro"] .cx-painel dt { color: var(--sub); } :root[data-tema="claro"] .cx-conta + .cx-conta { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .cx-aviso { border-left: 3px solid var(--alerta); background: var(--alerta-fundo); } :root[data-tema="claro"] .cx-tecnico > summary { color: var(--sub); } :root[data-tema="claro"] .cx-tecnico-corpo { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .cx-tecnico-corpo th { color: var(--sub); } :root[data-tema="claro"] .cx-ajuda a { color: var(--azul-texto); } :root[data-tema="claro"] .cx-avancado { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .ig-sync-cab a { color: var(--texto); } :root[data-tema="claro"] .ig-sync thead th { background: var(--cartao-2); } :root[data-tema="claro"] .ig-sync tbody td { border-top: 1px solid var(--linha); } /* tela-central-fiscal.css */ :root[data-tema="claro"] .cf-migalha { color: var(--sub); } :root[data-tema="claro"] .cf-migalha a { color: var(--sub); } :root[data-tema="claro"] .cf-migalha a:hover { color: var(--texto); } :root[data-tema="claro"] .cf-empresa { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .cf-empresa-ico { background: var(--marca-clara); color: var(--azul-texto); } :root[data-tema="claro"] .cf-trilha { border: 1px solid var(--borda); background: var(--cartao); } :root[data-tema="claro"] .cf-trilha li:not(:last-child)::after { background: var(--borda-forte); } :root[data-tema="claro"] .cf-trilha a { color: var(--sub); } :root[data-tema="claro"] .cf-num { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .cf-trilha li.atual a { color: var(--texto); } :root[data-tema="claro"] .cf-trilha li.atual .cf-num { background: var(--marca); border-color: var(--marca); color: #fff; } :root[data-tema="claro"] .cf-trilha li.feito .cf-num { background: var(--ok-fundo); border-color: transparent; color: var(--ok); } :root[data-tema="claro"] .cf-trilha li.feito a { color: var(--texto); } :root[data-tema="claro"] .cf-grade-4 label, :root[data-tema="claro"] .cf-grade-3 label { color: var(--sub); } :root[data-tema="claro"] .cf-regime-opcao input { accent-color: var(--marca); } :root[data-tema="claro"] .cf-regime-cartao { border: 1px solid var(--borda); background: var(--cartao-2); } :root[data-tema="claro"] .cf-regime-cartao strong { color: var(--texto); } :root[data-tema="claro"] .cf-regime-cartao span { color: var(--sub); } :root[data-tema="claro"] .cf-regime-opcao:hover .cf-regime-cartao { border-color: var(--borda-forte); } :root[data-tema="claro"] .cf-regime-opcao input:checked + .cf-regime-cartao { border-color: var(--marca); background: var(--marca-clara); } :root[data-tema="claro"] .cf-regime-opcao input:focus-visible + .cf-regime-cartao { outline: 2px solid var(--azul-texto); } :root[data-tema="claro"] .cf-alternar-linha i { background: var(--borda-forte); } :root[data-tema="claro"] .cf-alternar-linha i::after { background: #fff; } :root[data-tema="claro"] .cf-alternar-linha input:checked + i { background: var(--marca); } :root[data-tema="claro"] .cf-alternar-linha input:focus-visible + i { outline: 2px solid var(--azul-texto); } :root[data-tema="claro"] .cf-outros summary { color: var(--azul-texto); } :root[data-tema="claro"] .cf-alerta { background: var(--alerta-fundo); border: 1px solid rgba(245, 165, 36, .3); } :root[data-tema="claro"] .cf-alerta strong { color: var(--alerta); } :root[data-tema="claro"] .cf-alerta span { color: var(--sub); } :root[data-tema="claro"] .cf-alerta.ok { background: var(--ok-fundo); border-color: rgba(62, 207, 114, .3); } :root[data-tema="claro"] .cf-alerta.ok strong { color: var(--ok); } :root[data-tema="claro"] .cf-perfil dl > div, :root[data-tema="claro"] .cf-importados dl > div, :root[data-tema="claro"] .cf-lista > div { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .cf-perfil dl > div:last-child, :root[data-tema="claro"] .cf-importados dl > div:last-child, :root[data-tema="claro"] .cf-lista > div:last-child { border-bottom: 0; } :root[data-tema="claro"] .cf-perfil dt, :root[data-tema="claro"] .cf-importados dt, :root[data-tema="claro"] .cf-lista dt { color: var(--sub); } :root[data-tema="claro"] .cf-perfil dd, :root[data-tema="claro"] .cf-importados dd, :root[data-tema="claro"] .cf-lista dd { color: var(--texto); } :root[data-tema="claro"] .cf-aviso-lateral { background: var(--alerta-fundo); } :root[data-tema="claro"] .cf-aviso-lateral strong { color: var(--alerta); } :root[data-tema="claro"] .cf-aviso-lateral span { color: var(--sub); } :root[data-tema="claro"] .cf-faixa > div + div { border-left: 1px solid var(--linha); } :root[data-tema="claro"] .cf-abas { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .cf-abas a { color: var(--sub); border-bottom: 2px solid transparent; } :root[data-tema="claro"] .cf-abas a:hover { color: var(--texto); } :root[data-tema="claro"] .cf-abas a.ativo { color: var(--texto); border-bottom-color: var(--marca); } :root[data-tema="claro"] .cf-banner { background: var(--alerta-fundo); border: 1px solid rgba(245, 165, 36, .3); } :root[data-tema="claro"] .cf-banner strong { color: var(--alerta); } :root[data-tema="claro"] .cf-banner span { color: var(--sub); } :root[data-tema="claro"] .cf-banner.ok { background: var(--ok-fundo); border-color: rgba(62, 207, 114, .3); } :root[data-tema="claro"] .cf-banner.ok strong { color: var(--ok); } :root[data-tema="claro"] .cf-status a, :root[data-tema="claro"] .cf-importados > a { color: var(--azul-texto); } :root[data-tema="claro"] .cf-checklist li { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .cf-checklist li:last-child { border-bottom: 0; } :root[data-tema="claro"] .cf-check { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .cf-check.ok { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .cf-check.alerta { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .cf-seta { color: var(--sub); } :root[data-tema="claro"] .cf-seta:hover { color: var(--texto); } :root[data-tema="claro"] .cf-banner.erro { background: var(--erro-fundo); border-color: rgba(240, 82, 82, .35); } :root[data-tema="claro"] .cf-banner.erro strong { color: var(--erro); } :root[data-tema="claro"] .cf-revisao-regime { border-color: rgba(245, 165, 36, .4); } :root[data-tema="claro"] .cf-revisao-regime h2 { color: var(--alerta); } :root[data-tema="claro"] .cf-fontes dt { color: var(--sub); } :root[data-tema="claro"] .cf-check.erro { background: var(--erro-fundo); color: var(--erro); } :root[data-tema="claro"] .cf-check.apagado { background: transparent; border: 1px dashed var(--borda-forte); } :root[data-tema="claro"] .cf-etapa.bloqueado strong { color: var(--sub); } :root[data-tema="claro"] .cf-detalhes-etapa { color: var(--sub); } :root[data-tema="claro"] .cf-checklist .cf-detalhes-etapa li { border: 0; } :root[data-tema="claro"] .cf-acao-etapa { color: var(--azul-texto); } :root[data-tema="claro"] .cf-revisores a { color: var(--azul-texto); } :root[data-tema="claro"] .cf-comparar > summary h2::after { color: var(--sub); } :root[data-tema="claro"] .cf-legenda-dupla { color: var(--sub); } :root[data-tema="claro"] .cf-legenda-dupla b { color: var(--texto); } :root[data-tema="claro"] .cf-grupo { color: var(--sub); } @media (max-width: 1100px) { :root[data-tema="claro"] .cf-faixa > div + div { border-left: 0; } } :root[data-tema="claro"] .cf-operacoes-simples li { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .cf-perfil-op { border-top: 1px solid var(--linha); } :root[data-tema="claro"] .cf-pendencias { color: var(--sub); } :root[data-tema="claro"] .cf-previa-form label { color: var(--sub); } :root[data-tema="claro"] .ficha-cobertura a { color: var(--azul-texto); } :root[data-tema="claro"] .cf-alerta.erro { background: var(--erro-fundo); border-color: rgba(240, 82, 82, .35); } :root[data-tema="claro"] .cf-alerta.erro strong { color: var(--erro); } :root[data-tema="claro"] .cf-sugestao > summary { color: var(--sub); } /* assistente.css */ :root[data-tema="claro"] .js-fab { border: 1px solid var(--borda-forte); background: var(--cartao-2); color: var(--texto); box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14); } :root[data-tema="claro"] .js-fab:hover { border-color: var(--marca); } :root[data-tema="claro"] .js-fab:focus-visible { outline: 2px solid var(--marca); } :root[data-tema="claro"] .js-fab .js-orbe { background: radial-gradient(circle at 35% 30%, #9cc0ff, var(--marca) 55%, #6d3ff0); box-shadow: 0 0 12px rgba(91, 147, 255, .55); } :root[data-tema="claro"] .js-fab.conversando { border-color: var(--ok); } :root[data-tema="claro"] .js-cab.conversando .js-orbe { box-shadow: 0 0 0 3px rgba(62, 207, 114, .35); } :root[data-tema="claro"] .js-painel { background: var(--cartao); color: var(--texto); border: 1px solid var(--borda-forte); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.175); } :root[data-tema="claro"] .js-cab { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .js-cab .js-orbe { background: radial-gradient(circle at 35% 30%, #9cc0ff, var(--marca) 55%, #6d3ff0); } :root[data-tema="claro"] .js-icone { border: 1px solid transparent; background: none; color: var(--sub); } :root[data-tema="claro"] .js-icone:hover { background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .js-icone[aria-pressed="true"] { color: var(--azul-texto); border-color: var(--borda-forte); } :root[data-tema="claro"] .js-ajustes { border-bottom: 1px solid var(--borda); background: var(--cartao-2); } :root[data-tema="claro"] .js-ajustes select { border: 1px solid var(--borda-forte); background: var(--fundo); color: var(--texto); } :root[data-tema="claro"] .js-link { border: 0; background: none; color: var(--azul-texto); } :root[data-tema="claro"] .js-check input { accent-color: var(--marca); } :root[data-tema="claro"] .js-msg.usuario { background: var(--marca); color: #fff; } :root[data-tema="claro"] .js-msg.assistente { background: var(--cartao-2); border: 1px solid var(--borda); } :root[data-tema="claro"] .js-msg.erro { background: var(--erro-fundo); color: var(--erro); } :root[data-tema="claro"] .js-msg a { color: var(--azul-texto); } :root[data-tema="claro"] .js-msg.digitando { color: var(--sub); } :root[data-tema="claro"] .js-msg .js-ouvir { border: 1px solid var(--borda-forte); background: none; color: var(--sub); } :root[data-tema="claro"] .js-msg .js-ouvir:hover { color: var(--texto); } :root[data-tema="claro"] .js-boas-vindas { color: var(--sub); } :root[data-tema="claro"] .js-sugestoes button { border: 1px solid var(--borda-forte); background: none; color: var(--texto); } :root[data-tema="claro"] .js-sugestoes button:hover { border-color: var(--marca); } :root[data-tema="claro"] .js-rodape { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .js-rodape textarea { border: 1px solid var(--borda-forte); background: var(--fundo); color: var(--texto); } :root[data-tema="claro"] .js-rodape textarea:focus { outline: none; border-color: var(--marca); } :root[data-tema="claro"] .js-botao { border: 1px solid var(--borda-forte); background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .js-botao.enviar { background: var(--marca); border-color: var(--marca); color: #fff; } :root[data-tema="claro"] .js-botao.gravando { background: var(--erro); border-color: var(--erro); color: #fff; } :root[data-tema="claro"] .js-estado { color: var(--sub); } /* galpao/galpao.css */ :root[data-tema="claro"] .galpao-demo { background: var(--alerta-fundo); border: 1px solid var(--alerta); color: var(--texto); } :root[data-tema="claro"] .galpao-demo strong { color: var(--alerta); } :root[data-tema="claro"] .galpao-alertas { background: var(--erro-fundo); border: 1px solid var(--erro); } :root[data-tema="claro"] .galpao-kpi { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-kpi > .ico { color: var(--sub); } :root[data-tema="claro"] .galpao-kpi span { color: var(--sub); } :root[data-tema="claro"] .galpao-kpi.kpi-ocupado > .ico { color: var(--azul-texto); } :root[data-tema="claro"] .galpao-kpi.kpi-bloqueado > .ico { color: var(--erro); } :root[data-tema="claro"] .galpao-nota { color: var(--sub); } :root[data-tema="claro"] .galpao-ferramentas { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-busca { background: var(--fundo); border: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .galpao-busca input { border: 0; background: transparent; color: var(--texto); } :root[data-tema="claro"] .galpao-busca input:focus-visible { outline: none; } :root[data-tema="claro"] .galpao-busca:focus-within { border-color: var(--marca); } :root[data-tema="claro"] .galpao-campo { color: var(--sub); } :root[data-tema="claro"] .galpao-seg { border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .galpao-seg button { border: 0; background: var(--fundo); color: var(--texto); } :root[data-tema="claro"] .galpao-seg button[aria-pressed="true"] { background: var(--marca); color: #fff; } :root[data-tema="claro"] .galpao-botao { border: 1px solid var(--borda-forte); background: var(--fundo); color: var(--texto); } :root[data-tema="claro"] .galpao-botao:hover { border-color: var(--sub); } :root[data-tema="claro"] .galpao-botao .ico:last-child:not(:first-child) { color: var(--sub); } :root[data-tema="claro"] .galpao-camadas[open] > .galpao-botao { border-color: var(--marca); } :root[data-tema="claro"] .galpao-camadas-menu { background: var(--cartao-2); border: 1px solid var(--borda-forte); box-shadow: 0 10px 30px rgba(15, 23, 42, 0.122); } :root[data-tema="claro"] .galpao-camadas-menu label:hover { background: var(--cartao); } :root[data-tema="claro"] .galpao-resultados { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-chip { background: var(--alerta-fundo); color: var(--texto); border: 1px solid var(--alerta); } :root[data-tema="claro"] .galpao-chip:hover:not(:disabled) { background: var(--alerta); color: #1a1300; } :root[data-tema="claro"] .galpao .botao-link { background: none; border: 0; color: var(--azul-texto); } :root[data-tema="claro"] .galpao-vista { background: var(--cartao); border: 1px solid var(--borda); color: var(--texto); } :root[data-tema="claro"] .galpao-carregando, :root[data-tema="claro"] .galpao-aviso { background: var(--cartao-2); border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .galpao-aviso { border-color: var(--alerta); } :root[data-tema="claro"] .galpao-dica { background: rgba(17, 24, 39, .94); color: var(--texto); } :root[data-tema="claro"] .galpao-sobre-painel { background: rgba(23, 27, 32, .88); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .galpao-sobre-painel label { color: var(--texto); } :root[data-tema="claro"] .galpao-sobre-painel select { background: var(--cartao-2); color: var(--texto); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .galpao-botao-escuro { background: rgba(23, 27, 32, .88); border-color: var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .galpao-controles { color: var(--sub); } :root[data-tema="claro"] .galpao-zoom { background: rgba(23, 27, 32, .88); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .galpao-zoom button { border: 0; background: transparent; color: var(--texto); } :root[data-tema="claro"] .galpao-zoom button + button { border-top: 1px solid var(--borda-forte); } :root[data-tema="claro"] .galpao-zoom button:hover { background: var(--cartao-2); } :root[data-tema="claro"] .galpao-legenda { background: rgba(23, 27, 32, .9); border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .leg-vazio { border: 2px solid #4c7bd9; background: transparent; } :root[data-tema="claro"] .leg-ocupado { background: #2f6fe0; border: 2px solid #2f6fe0; } :root[data-tema="claro"] .leg-bloqueado { border: 1.5px solid #9aa1ab; background: repeating-linear-gradient(45deg, #9aa1ab 0 1.5px, transparent 1.5px 4px); } :root[data-tema="claro"] .leg-achado { border: 2.5px solid #22d3ee; } :root[data-tema="claro"] .leg-selecionado { border: 2.5px solid #2f8cff; background: rgba(47, 140, 255, .15); } :root[data-tema="claro"] .galpao-cubo-c span { color: var(--texto); background: var(--cartao-2); border: 1px solid var(--borda-forte); } :root[data-tema="claro"] .galpao-cubo-c .f-frente { background: #2563c9; } :root[data-tema="claro"] .galpao-cubo-c .f-topo { background: var(--borda-forte); } :root[data-tema="claro"] .galpao-svg text { fill: #1f2937; } :root[data-tema="claro"] .g2d-corredor { fill: #33507a !important; } :root[data-tema="claro"] .g2d-mezanino { fill: var(--alerta) !important; } :root[data-tema="claro"] .g2d-mini { fill: #6b5200 !important; } :root[data-tema="claro"] .g2d-cota { fill: #374151 !important; } :root[data-tema="claro"] .g2d-modulo { fill: var(--azul-texto) !important; } :root[data-tema="claro"] .c2d rect:first-child { fill: var(--sub); stroke: var(--sub); } :root[data-tema="claro"] .c2d-txt { fill: #4b5563 !important; } :root[data-tema="claro"] .c2d.s-ocupado rect:first-child { fill: var(--azul-texto); stroke: var(--azul-texto); } :root[data-tema="claro"] .c2d.s-ocupado .c2d-txt { fill: var(--texto) !important; } :root[data-tema="claro"] .c2d.s-bloqueado rect:first-child { fill: var(--texto); stroke: #5f6873; } :root[data-tema="claro"] .c2d.s-bloqueado .c2d-hach { stroke: none; } :root[data-tema="claro"] .c2d.achado rect:first-child { stroke: var(--azul-texto); } :root[data-tema="claro"] .c2d.s-ocupado.achado rect:first-child { fill: var(--azul-texto); } :root[data-tema="claro"] .c2d.selecionado rect:first-child { stroke: #2f8cff; } :root[data-tema="claro"] .c2d:hover rect:first-child, :root[data-tema="claro"] .c2d:focus-visible rect:first-child { stroke: #111827; } :root[data-tema="claro"] .c2d:focus, :root[data-tema="claro"] .c2d:focus-visible { outline: none; } :root[data-tema="claro"] .galpao-cartao { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-rot { color: var(--sub); } :root[data-tema="claro"] .galpao-nada { color: var(--sub); } :root[data-tema="claro"] .galpao-situacao { background: var(--cartao-2); color: var(--texto); } :root[data-tema="claro"] .galpao-situacao.s-ocupado { color: #fff; background: #2f6fe0; } :root[data-tema="claro"] .galpao-situacao.s-bloqueado { color: var(--erro); background: var(--erro-fundo); } :root[data-tema="claro"] .galpao-info { background: rgba(47, 140, 255, .1); border: 1px solid #2f8cff; color: var(--texto); } :root[data-tema="claro"] .galpao-info .ico { color: var(--azul-texto); } :root[data-tema="claro"] .galpao-info strong { color: var(--texto); } :root[data-tema="claro"] .galpao-bloqueio { background: var(--alerta-fundo); border: 1px solid var(--alerta); } :root[data-tema="claro"] .galpao-cartao h3 { color: var(--texto); } :root[data-tema="claro"] .galpao-tab-end { border: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-tab-end th, :root[data-tema="claro"] .galpao-tab-end td { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-tab-end tr:last-child th, :root[data-tema="claro"] .galpao-tab-end tr:last-child td { border-bottom: 0; } :root[data-tema="claro"] .galpao-tab-end th { color: var(--sub); background: var(--fundo); } :root[data-tema="claro"] .galpao-tab-end td { background: var(--fundo); } :root[data-tema="claro"] .galpao-item { background: var(--fundo); border: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-item dt { color: var(--sub); } :root[data-tema="claro"] .galpao-vazio { border: 1px solid var(--borda); background: var(--fundo); } :root[data-tema="claro"] .galpao-vazio > .ico { color: var(--sub); } :root[data-tema="claro"] .galpao-vazio p { color: var(--sub); } :root[data-tema="claro"] .galpao-vazio p strong { color: var(--texto); } :root[data-tema="claro"] .galpao-botao-contorno { border: 1px solid #2f8cff; color: var(--azul-texto); } :root[data-tema="claro"] .galpao-botao-contorno:hover { background: rgba(47, 140, 255, .1); } :root[data-tema="claro"] .galpao-medidas { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-divergencias { background: var(--alerta-fundo); border: 1px solid var(--alerta); } :root[data-tema="claro"] .galpao-tabela-medidas th, :root[data-tema="claro"] .galpao-tabela-medidas td { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .galpao-selo.confirmada { background: var(--ok-fundo); color: var(--ok); } :root[data-tema="claro"] .galpao-selo.a-confirmar { background: var(--alerta-fundo); color: var(--alerta); } :root[data-tema="claro"] .galpao.em-tela-cheia { background: var(--fundo); } :root[data-tema="claro"] .leg-marca { background: linear-gradient(#fff 0 55%, #7c5cc4 55%); border: 2px solid #7c5cc4; } :root[data-tema="claro"] .c2d-marca-txt { fill: var(--texto); } :root[data-tema="claro"] .galpao-campo-p { color: var(--texto); } :root[data-tema="claro"] .galpao-campo-p select { background: var(--fundo); } :root[data-tema="claro"] .galpao-salvar { border: 0; background: #1563ff; color: #fff; } :root[data-tema="claro"] .galpao-salvar:hover:not(:disabled) { background: #2f74ff; } :root[data-tema="claro"] .galpao-tirar { border: 1px solid var(--borda-forte); background: transparent; color: var(--texto); } :root[data-tema="claro"] .galpao-gerenciar { border: 0; background: none; color: var(--azul-texto); } :root[data-tema="claro"] .galpao-marca-chip { border: 2px solid var(--cor); color: var(--texto); background: var(--cartao-2); } :root[data-tema="claro"] .galpao-marca-chip i { background: var(--cor); } :root[data-tema="claro"] .galpao-marca-chip img { background: #fff; } :root[data-tema="claro"] .galpao-legenda-marcas .galpao-marca-chip { background: rgba(15, 23, 42, 0.08); color: #1f2937; } :root[data-tema="claro"] .galpao-marcas { border: 0; background: transparent; color: var(--texto); } :root[data-tema="claro"] .galpao-marcas::backdrop { background: rgba(0, 0, 0, .6); } :root[data-tema="claro"] .galpao-marcas-caixa { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .galpao .botao-link.perigo, :root[data-tema="claro"] .galpao-marcas .botao-link.perigo { color: var(--erro); } :root[data-tema="claro"] .galpao-marcas .botao-link { background: none; border: 0; color: var(--marca); } :root[data-tema="claro"] .galpao-marcas-form { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-logo-previa img { background: #fff; border: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-recolher-topo { border: 1px solid var(--borda-forte); background: var(--cartao); color: var(--sub); } :root[data-tema="claro"] .galpao-recolher-topo:hover, :root[data-tema="claro"] .galpao-recolher-painel:hover { color: var(--texto); border-color: var(--sub); } :root[data-tema="claro"] .galpao-topo-aba { border: 1px solid var(--borda-forte); background: var(--cartao); color: var(--sub); border-top: 0; } :root[data-tema="claro"] .galpao-topo-aba:hover { color: var(--texto); } :root[data-tema="claro"] .galpao-painel-barra { color: var(--sub); } :root[data-tema="claro"] .galpao-recolher-painel { border: 1px solid var(--borda-forte); background: var(--cartao); color: var(--sub); } :root[data-tema="claro"] .galpao-painel-aba { border: 1px solid var(--borda-forte); border-right: 0; background: rgba(23, 27, 32, .92); color: var(--texto); } :root[data-tema="claro"] .galpao-painel-aba:hover { color: var(--texto); } :root[data-tema="claro"] .galpao-busca-compacta { background: rgba(23, 27, 32, .92); border: 1px solid var(--borda-forte); color: var(--sub); } :root[data-tema="claro"] .galpao-busca-compacta input { border: 0; background: transparent; color: var(--texto); } :root[data-tema="claro"] .galpao-busca-compacta input:focus-visible { outline: none; } :root[data-tema="claro"] .galpao-busca-compacta:focus-within { border-color: #2f8cff; } :root[data-tema="claro"] .galpao-ver-detalhes { border-color: #2f8cff; } @media (max-width: 1100px) { :root[data-tema="claro"] .galpao-painel { background: var(--fundo); box-shadow: -12px 0 40px rgba(15, 23, 42, 0.158); } } :root[data-tema="claro"] .galpao-det-linha { color: var(--sub); } :root[data-tema="claro"] .galpao-chip-funcao { background: rgba(47, 140, 255, .14); color: var(--azul-texto); border: 1px solid rgba(47, 140, 255, .4); } :root[data-tema="claro"] .galpao-chip-funcao.vazio { background: transparent; color: var(--sub); border-style: dashed; border-color: var(--borda-forte); } :root[data-tema="claro"] .galpao-abas { border-bottom: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-abas button { border: 0; background: none; color: var(--sub); border-bottom: 2px solid transparent; } :root[data-tema="claro"] .galpao-abas button[aria-selected="true"] { color: var(--texto); border-bottom-color: #2f8cff; } :root[data-tema="claro"] .galpao-abas button:hover { color: var(--texto); } :root[data-tema="claro"] .galpao-acao { border: 1px solid var(--borda-forte); background: var(--fundo); color: var(--texto); } :root[data-tema="claro"] .galpao-acao .ico { color: var(--azul-texto); } :root[data-tema="claro"] .galpao-acao:hover:not(:disabled) { border-color: #2f8cff; } :root[data-tema="claro"] .galpao-tot { color: var(--sub); } :root[data-tema="claro"] .galpao-item-foto { background: #fff; } :root[data-tema="claro"] .galpao-item-foto.vazia { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .galpao-item-cod { color: var(--sub); } :root[data-tema="claro"] .galpao-qtds div { background: var(--cartao); border: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-qtds span { color: var(--sub); } :root[data-tema="claro"] .galpao-qtds .q-disp { color: var(--ok); } :root[data-tema="claro"] .galpao-qtds .q-bloq { color: var(--erro); } :root[data-tema="claro"] .galpao-item-dl dt { color: var(--sub); } :root[data-tema="claro"] .galpao-item-acoes button { border: 1px solid var(--borda-forte); background: transparent; color: var(--texto); } :root[data-tema="claro"] .galpao-item-acoes button:hover { border-color: #2f8cff; } :root[data-tema="claro"] .galpao-form-dados input:not([type]), :root[data-tema="claro"] .galpao-form-dados input[name=motivo] { background: var(--fundo); border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .galpao-movs li { border: 1px solid var(--borda); border-left: 3px solid var(--borda-forte); background: var(--fundo); } :root[data-tema="claro"] .galpao-movs li.mv-entrou { border-left-color: var(--ok); } :root[data-tema="claro"] .galpao-movs li.mv-saiu { border-left-color: #f08c00; } :root[data-tema="claro"] .mv-l2 { color: var(--texto); } :root[data-tema="claro"] .mv-l3, :root[data-tema="claro"] .mv-l4 { color: var(--sub); } :root[data-tema="claro"] .galpao-erro { color: var(--erro); } :root[data-tema="claro"] .galpao-op-form input:not([type=radio]):not([type=checkbox]), :root[data-tema="claro"] .galpao-op-form select { background: var(--fundo); border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .galpao-op-end { color: var(--sub); } :root[data-tema="claro"] .galpao-seg-p label:has(input:checked) { background: var(--marca); color: #fff; } :root[data-tema="claro"] .galpao-op-prod { border: 1px solid var(--borda); background: var(--fundo); color: var(--texto); } :root[data-tema="claro"] .galpao-op-prod.sel { border-color: #2f8cff; background: rgba(47, 140, 255, .12); } :root[data-tema="claro"] .galpao-op-prod img, :root[data-tema="claro"] .galpao-op-prod .vazia { background: #fff; } :root[data-tema="claro"] .galpao-op-prod .vazia { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .galpao-op-saldo { color: var(--sub); } :root[data-tema="claro"] .galpao-toast { background: var(--cartao-2); border: 1px solid #2f8cff; color: var(--texto); box-shadow: 0 10px 30px rgba(15, 23, 42, 0.14); } :root[data-tema="claro"] button.galpao-kpi { color: var(--texto); } :root[data-tema="claro"] button.galpao-kpi:hover { border-color: #2f8cff; } :root[data-tema="claro"] .galpao-kpi.kpi-alerta > .ico { color: var(--alerta); } :root[data-tema="claro"] .galpao-atualizar { border: 1px solid var(--borda-forte); background: var(--cartao); color: var(--texto); } :root[data-tema="claro"] .galpao-camadas-tit { color: var(--sub); } :root[data-tema="claro"] .galpao-limites input { background: var(--fundo); border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .galpao-limites button { border: 1px solid var(--borda-forte); background: var(--fundo); color: var(--texto); } :root[data-tema="claro"] .galpao-res-tab { border: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-res-tab th, :root[data-tema="claro"] .galpao-res-tab td { border-bottom: 1px solid var(--linha); } :root[data-tema="claro"] .galpao-res-tab th { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .galpao-res-tab tbody tr:hover, :root[data-tema="claro"] .galpao-res-tab tbody tr:focus { background: rgba(47, 140, 255, .1); outline: none; } :root[data-tema="claro"] .galpao-res-extra { color: var(--sub); } :root[data-tema="claro"] .galpao-sem-filtro { background: var(--fundo); border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .galpao-mini { border: 1px solid var(--borda-forte); background: transparent; color: var(--texto); } :root[data-tema="claro"] .galpao-mini:hover { border-color: #2f8cff; } :root[data-tema="claro"] .galpao-pend { border: 1px solid var(--alerta); background: var(--alerta-fundo); } :root[data-tema="claro"] .galpao-sem-acao { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-div-form select, :root[data-tema="claro"] .galpao-div-form input { background: var(--fundo); border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .galpao-pick li { border: 1px solid var(--borda); border-left: 3px solid var(--borda-forte); background: var(--fundo); } :root[data-tema="claro"] .galpao-pick li.pk-falta { border-left-color: #e03131; } :root[data-tema="claro"] .galpao-pick li.pk-abastecer { border-left-color: #f76707; } :root[data-tema="claro"] .galpao-pick li.pk-pendente { border-left-color: #f59f00; } :root[data-tema="claro"] .galpao-pick li.pk-ok { border-left-color: #2f9e44; } :root[data-tema="claro"] .pk-st { color: var(--sub); } :root[data-tema="claro"] .pk-l2, :root[data-tema="claro"] .pk-l3 { color: var(--sub); } :root[data-tema="claro"] .galpao-pick-form { border-top: 1px solid var(--borda); } :root[data-tema="claro"] .galpao-pick-form input, :root[data-tema="claro"] .galpao-cont input { background: var(--fundo); border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .galpao-cont-itens li { border: 1px solid var(--borda); } :root[data-tema="claro"] button.galpao-kpi:focus:not(:focus-visible) { background: var(--cartao); color: var(--texto); } :root[data-tema="claro"] .dica-item img, :root[data-tema="claro"] .dica-sem { background: #fff; } :root[data-tema="claro"] .dica-sem { background: var(--cartao-2); color: var(--sub); } :root[data-tema="claro"] .dica-item small { color: var(--sub); } :root[data-tema="claro"] .dica-vazio, :root[data-tema="claro"] .dica-mais { color: var(--sub); } :root[data-tema="claro"] .g2d-ambiente { fill: #6b4b23 !important; } :root[data-tema="claro"] .galpao-equipe { background: rgba(23, 27, 32, .94); border: 1px solid var(--borda-forte); color: var(--texto); } :root[data-tema="claro"] .galpao-equipe-modo { color: var(--alerta); border: 1px solid rgba(245, 197, 24, .5); } :root[data-tema="claro"] .galpao-equipe-fechar { border: 0; background: none; color: var(--sub); } :root[data-tema="claro"] .galpao-equipe-nota { color: var(--sub); } :root[data-tema="claro"] .galpao-equipe li { border: 1px solid transparent; } :root[data-tema="claro"] .galpao-equipe li.sel { border-color: #2f8cff; background: rgba(47, 140, 255, .12); } :root[data-tema="claro"] .eq-txt small { color: var(--sub); } :root[data-tema="claro"] .eq-base { color: var(--texto) !important; } :root[data-tema="claro"] .galpao-equipe .galpao-mini { color: var(--texto); border-color: var(--borda-forte); } :root[data-tema="claro"] .g2d-pessoa-ini { fill: var(--texto) !important; } :root[data-tema="claro"] .g2d-pessoa-nome { fill: #1f2937 !important; stroke: var(--texto); }