/* ── Tema claro/escuro + transições entre telas ──
   O claro é o visual original (nada muda). O escuro entra com html[data-theme="dark"]. */
:root { --superficie: #fff; --superficie-2: #FAFAFA; --borda: #E0E0E0; color-scheme: light; }

/* troca de tema suave */
body, .conteudo, .cartao, .cad-cartao, .d-card, .dlg, .tf input, .tf select, .tf textarea, .login-form, .adm-card, .adm-reg, .fn-cartao, .eq-cartao, .p-cartao {
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}

/* botão de tema */
.btn-tema { width: 44px; height: 44px; display: inline-grid; place-items: center; border-radius: 50%; color: inherit; transition: background .15s, transform .3s; }
.btn-tema:hover { background: rgba(127, 127, 127, .18); }
.btn-tema:active { transform: rotate(25deg) scale(.92); }
.btn-tema-flutuante { position: absolute; top: 12px; right: 16px; z-index: 5; color: #555; }
.menu-rodape .btn-tema, .adm-topo .btn-tema { color: #fff; }

/* transição entre telas (View Transitions quando o navegador tem; senão vale a animação .conteudo) */
@keyframes vt-sai { to { opacity: 0; transform: translateY(-4px); } }
@keyframes vt-entra { from { opacity: 0; transform: translateY(8px); } }
@keyframes vt-fade { from { opacity: 0; } }
@keyframes vt-fade-sai { to { opacity: 0; } }
::view-transition-old(root) { animation: vt-sai .16s ease both; }
::view-transition-new(root) { animation: vt-entra .26s ease both; }
html.vt-tema::view-transition-old(root) { animation: vt-fade-sai .35s ease both; }
html.vt-tema::view-transition-new(root) { animation: vt-fade .35s ease both; }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* ── Escuro ── */
html[data-theme="dark"] {
  color-scheme: dark;
  --fundo: #0F1A11; --superficie: #19251B; --superficie-2: #213024; --borda: #33493A;
  --verde-menu: #14331B; --cinza: #93A593;
}
html[data-theme="dark"] body { color: #E3ECE3; }
html[data-theme="dark"] .login { background: #0B1F0D; }
html[data-theme="dark"] .login-form { background: var(--superficie); }
html[data-theme="dark"] .form-col h1, html[data-theme="dark"] .dlg-titulo { color: #A5D6A7; }
html[data-theme="dark"] .menu, html[data-theme="dark"] .adm-topo, html[data-theme="dark"] .appbar { background: #0B1F0D; }
html[data-theme="dark"] .adm-aba.ativa { background: #2E7D32; }
html[data-theme="dark"] .btn-principal, html[data-theme="dark"] .btn-novo, html[data-theme="dark"] .btn-dlg, html[data-theme="dark"] .btn-suporte { background: #2E7D32; }
html[data-theme="dark"] .btn-texto { color: #A5D6A7; }
html[data-theme="dark"] .btn-texto:hover { background: rgba(165, 214, 167, .1); }
html[data-theme="dark"] .btn-contorno { border-color: #64B5F6; color: #64B5F6; }
html[data-theme="dark"] .btn-icone:hover { background: rgba(255, 255, 255, .08); }
html[data-theme="dark"] .btn-tema-flutuante { color: #A5D6A7; }
html[data-theme="dark"] .dlg { background: var(--superficie); color: #E3ECE3; }
html[data-theme="dark"] .dlg::backdrop { background: rgba(0, 0, 0, .65); }
html[data-theme="dark"] .dlg-texto, html[data-theme="dark"] .cartao p { color: #C9D6C9; }

/* campos */
html[data-theme="dark"] .tf input, html[data-theme="dark"] .tf select, html[data-theme="dark"] .tf textarea,
html[data-theme="dark"] .tf.multi textarea, html[data-theme="dark"] .tf.sel select, html[data-theme="dark"] .pag-copia, html[data-theme="dark"] .chat-campo {
  background-color: var(--superficie); color: #E3ECE3; border-color: #4F7A55;
}
html[data-theme="dark"] .tf.sel select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23A9BCA9' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); }
html[data-theme="dark"] .tf label { color: #AEBDAE; }
html[data-theme="dark"] .tf input:focus + label { color: #A5D6A7; }
html[data-theme="dark"] .tf input:focus, html[data-theme="dark"] .tf.sel select:focus { border-color: #A5D6A7; box-shadow: 0 0 0 1px #A5D6A7; }
html[data-theme="dark"] .tf .ver { color: #AEBDAE; }
html[data-theme="dark"] select option { background: #19251B; color: #E3ECE3; }
html[data-theme="dark"] ::placeholder { color: #7F917F; }

/* cartões e superfícies (CSS) */
html[data-theme="dark"] .cartao, html[data-theme="dark"] .pag-cartao, html[data-theme="dark"] .cad-cartao, html[data-theme="dark"] .d-card, html[data-theme="dark"] .d-ponto,
html[data-theme="dark"] .fn-cartao, html[data-theme="dark"] .eq-cartao, html[data-theme="dark"] .p-cartao, html[data-theme="dark"] .ponto-tabela-wrap,
html[data-theme="dark"] .sup-chamado, html[data-theme="dark"] .adm-card, html[data-theme="dark"] .adm-reg { background: var(--superficie); }
html[data-theme="dark"] .sup-chamado:hover { background: var(--superficie-2); }
html[data-theme="dark"] .nfe-nota, html[data-theme="dark"] .nfe-item, html[data-theme="dark"] .tf-item, html[data-theme="dark"] .chat-lista,
html[data-theme="dark"] .d-prog, html[data-theme="dark"] .d-prog.fino, html[data-theme="dark"] .d-copiar, html[data-theme="dark"] .eq-cat,
html[data-theme="dark"] .tf-pill, html[data-theme="dark"] .tf-chip, html[data-theme="dark"] .chat-bolha, html[data-theme="dark"] .chat-encerrado, html[data-theme="dark"] .fn-cartao.inativo { background: var(--superficie-2); }
html[data-theme="dark"] .chat-bolha.meu { background: #1F3A23; }
html[data-theme="dark"] .tf-pill, html[data-theme="dark"] .tf-chip, html[data-theme="dark"] .eq-cat, html[data-theme="dark"] .chat-encerrado { color: #C9D6C9; }
html[data-theme="dark"] .cad-etiqueta, html[data-theme="dark"] .eq-av, html[data-theme="dark"] .eq-cab-manut, html[data-theme="dark"] .fn-dia { background: #1F3A23; color: #A5D6A7; }
html[data-theme="dark"] .eq-leitura, html[data-theme="dark"] .fn-painel-setor { background: #162318; border-color: var(--borda); }
html[data-theme="dark"] .fn-cartao.ger { background: #14293D; border-color: #64B5F6; }
html[data-theme="dark"] .p-info { background: #14293D; color: #64B5F6; }
html[data-theme="dark"] .d-aniv { background: #3A3112; border-color: #8A6D12; }
html[data-theme="dark"] .fn-dia, html[data-theme="dark"] .fn-cartao.inativo, html[data-theme="dark"] .ponto-tabela-wrap, html[data-theme="dark"] .p-cartao, html[data-theme="dark"] .sup-chamado, html[data-theme="dark"] .chat-lista { border-color: var(--borda); }
html[data-theme="dark"] hr, html[data-theme="dark"] .cad-sep { border-color: var(--borda); }
html[data-theme="dark"] table th, html[data-theme="dark"] table td { border-color: var(--borda); }
html[data-theme="dark"] .cad-nome, html[data-theme="dark"] .pag-desc, html[data-theme="dark"] .pag-rotulo, html[data-theme="dark"] .dlg .pag-rotulo, html[data-theme="dark"] .pag-aviso, html[data-theme="dark"] .pag-copiar { color: #C9D6C9; }
html[data-theme="dark"] .cad-contato, html[data-theme="dark"] .reu-ic { color: #93A593; }
html[data-theme="dark"] .spinner { border-color: rgba(165, 214, 167, .2); border-top-color: #66BB6A; }
html[data-theme="dark"] .pag-qr { background: #fff; padding: 6px; border-radius: 8px; }

html[data-theme="dark"] .link-esqueci, html[data-theme="dark"] .pagina-titulo, html[data-theme="dark"] .pag-titulo-ic, html[data-theme="dark"] .pag-titulo, html[data-theme="dark"] .dash-cab h1,
html[data-theme="dark"] .adm-h1, html[data-theme="dark"] .adm-chev, html[data-theme="dark"] .dlg .tab[aria-selected="true"], html[data-theme="dark"] .fin-tab:hover, html[data-theme="dark"] .fin-tab[aria-selected="true"],
html[data-theme="dark"] .tf.multi textarea:focus + label, html[data-theme="dark"] .btn-contorno.verde { color: #A5D6A7; }
html[data-theme="dark"] .btn-contorno.verde { border-color: var(--borda); }
html[data-theme="dark"] .ok, html[data-theme="dark"] .reu-data, html[data-theme="dark"] .d-loc > .ms, html[data-theme="dark"] .pag-aviso.ok { color: #66BB6A; }
html[data-theme="dark"] input[type="checkbox"], html[data-theme="dark"] input[type="radio"] { color-scheme: dark; }
html[data-theme="dark"] .erro { color: #EF6C6C; }

/* GERADO — sobrescreve cores fixas (style="" escritos pelo JS e regras dos CSS) no tema escuro */
html[data-theme="dark"] [style*="color:#000;" i],
html[data-theme="dark"] [style$="color:#000" i],
html[data-theme="dark"] [style*="color: #000;" i],
html[data-theme="dark"] [style$="color: #000" i] { color: #FFFFFF !important; }
html[data-theme="dark"] [style*="color:#00897B;" i],
html[data-theme="dark"] [style$="color:#00897B" i],
html[data-theme="dark"] [style*="color: #00897B;" i],
html[data-theme="dark"] [style$="color: #00897B" i] { color: #8CCAC4 !important; }
html[data-theme="dark"] [style*="color:#0B1F0D;" i],
html[data-theme="dark"] [style$="color:#0B1F0D" i],
html[data-theme="dark"] [style*="color: #0B1F0D;" i],
html[data-theme="dark"] [style$="color: #0B1F0D" i] { color: #FFFFFF !important; }
html[data-theme="dark"] [style*="color:#0B3D1F;" i],
html[data-theme="dark"] [style$="color:#0B3D1F" i],
html[data-theme="dark"] [style*="color: #0B3D1F;" i],
html[data-theme="dark"] [style$="color: #0B3D1F" i] { color: #91A89A !important; }
html[data-theme="dark"] [style*="color:#0D47A1;" i],
html[data-theme="dark"] [style$="color:#0D47A1" i],
html[data-theme="dark"] [style*="color: #0D47A1;" i],
html[data-theme="dark"] [style$="color: #0D47A1" i] { color: #92ACD5 !important; }
html[data-theme="dark"] [style*="color:#1565C0;" i],
html[data-theme="dark"] [style$="color:#1565C0" i],
html[data-theme="dark"] [style*="color: #1565C0;" i],
html[data-theme="dark"] [style$="color: #1565C0" i] { color: #96BAE3 !important; }
html[data-theme="dark"] [style*="color:#163D14;" i],
html[data-theme="dark"] [style$="color:#163D14" i],
html[data-theme="dark"] [style*="color: #163D14;" i],
html[data-theme="dark"] [style$="color: #163D14" i] { color: #96A895 !important; }
html[data-theme="dark"] [style*="color:#1976D2;" i],
html[data-theme="dark"] [style$="color:#1976D2" i],
html[data-theme="dark"] [style*="color: #1976D2;" i],
html[data-theme="dark"] [style$="color: #1976D2" i] { color: #98C1EB !important; }
html[data-theme="dark"] [style*="color:#1B5E20;" i],
html[data-theme="dark"] [style$="color:#1B5E20" i],
html[data-theme="dark"] [style*="color: #1B5E20;" i],
html[data-theme="dark"] [style$="color: #1B5E20" i] { color: #98B79B !important; }
html[data-theme="dark"] [style*="color:#222;" i],
html[data-theme="dark"] [style$="color:#222" i],
html[data-theme="dark"] [style*="color: #222;" i],
html[data-theme="dark"] [style$="color: #222" i] { color: #FEFEFE !important; }
html[data-theme="dark"] [style*="color:#26A69A;" i],
html[data-theme="dark"] [style$="color:#26A69A" i],
html[data-theme="dark"] [style*="color: #26A69A;" i],
html[data-theme="dark"] [style$="color: #26A69A" i] { color: #9DD7D2 !important; }
html[data-theme="dark"] [style*="color:#2E5E2C;" i],
html[data-theme="dark"] [style$="color:#2E5E2C" i],
html[data-theme="dark"] [style*="color: #2E5E2C;" i],
html[data-theme="dark"] [style$="color: #2E5E2C" i] { color: #A1B7A0 !important; }
html[data-theme="dark"] [style*="color:#2E7D32;" i],
html[data-theme="dark"] [style$="color:#2E7D32" i],
html[data-theme="dark"] [style*="color: #2E7D32;" i],
html[data-theme="dark"] [style$="color: #2E7D32" i] { color: #A1C4A3 !important; }
html[data-theme="dark"] [style*="color:#333;" i],
html[data-theme="dark"] [style$="color:#333" i],
html[data-theme="dark"] [style*="color: #333;" i],
html[data-theme="dark"] [style$="color: #333" i] { color: #F2F4F2 !important; }
html[data-theme="dark"] [style*="color:#33691E;" i],
html[data-theme="dark"] [style$="color:#33691E" i],
html[data-theme="dark"] [style*="color: #33691E;" i],
html[data-theme="dark"] [style$="color: #33691E" i] { color: #A3BC9A !important; }
html[data-theme="dark"] [style*="color:#444;" i],
html[data-theme="dark"] [style$="color:#444" i],
html[data-theme="dark"] [style*="color: #444;" i],
html[data-theme="dark"] [style$="color: #444" i] { color: #E5E9E5 !important; }
html[data-theme="dark"] [style*="color:#4A148C;" i],
html[data-theme="dark"] [style$="color:#4A148C" i],
html[data-theme="dark"] [style*="color: #4A148C;" i],
html[data-theme="dark"] [style$="color: #4A148C" i] { color: #AE95CB !important; }
html[data-theme="dark"] [style*="color:#555;" i],
html[data-theme="dark"] [style$="color:#555" i],
html[data-theme="dark"] [style*="color: #555;" i],
html[data-theme="dark"] [style$="color: #555" i] { color: #D9DED9 !important; }
html[data-theme="dark"] [style*="color:#555555;" i],
html[data-theme="dark"] [style$="color:#555555" i],
html[data-theme="dark"] [style*="color: #555555;" i],
html[data-theme="dark"] [style$="color: #555555" i] { color: #D9DED9 !important; }
html[data-theme="dark"] [style*="color:#558B2F;" i],
html[data-theme="dark"] [style$="color:#558B2F" i],
html[data-theme="dark"] [style*="color: #558B2F;" i],
html[data-theme="dark"] [style$="color: #558B2F" i] { color: #B2CBA1 !important; }
html[data-theme="dark"] [style*="color:#5E35B1;" i],
html[data-theme="dark"] [style$="color:#5E35B1" i],
html[data-theme="dark"] [style*="color: #5E35B1;" i],
html[data-theme="dark"] [style$="color: #5E35B1" i] { color: #B7A4DC !important; }
html[data-theme="dark"] [style*="color:#616161;" i],
html[data-theme="dark"] [style$="color:#616161" i],
html[data-theme="dark"] [style*="color: #616161;" i],
html[data-theme="dark"] [style$="color: #616161" i] { color: #D0D7D0 !important; }
html[data-theme="dark"] [style*="color:#666;" i],
html[data-theme="dark"] [style$="color:#666" i],
html[data-theme="dark"] [style*="color: #666;" i],
html[data-theme="dark"] [style$="color: #666" i] { color: #CCD4CC !important; }
html[data-theme="dark"] [style*="color:#666666;" i],
html[data-theme="dark"] [style$="color:#666666" i],
html[data-theme="dark"] [style*="color: #666666;" i],
html[data-theme="dark"] [style$="color: #666666" i] { color: #CCD4CC !important; }
html[data-theme="dark"] [style*="color:#6A1B9A;" i],
html[data-theme="dark"] [style$="color:#6A1B9A" i],
html[data-theme="dark"] [style*="color: #6A1B9A;" i],
html[data-theme="dark"] [style$="color: #6A1B9A" i] { color: #BC98D2 !important; }
html[data-theme="dark"] [style*="color:#6D4C41;" i],
html[data-theme="dark"] [style$="color:#6D4C41" i],
html[data-theme="dark"] [style*="color: #6D4C41;" i],
html[data-theme="dark"] [style$="color: #6D4C41" i] { color: #BDAEAA !important; }
html[data-theme="dark"] [style*="color:#757575;" i],
html[data-theme="dark"] [style$="color:#757575" i],
html[data-theme="dark"] [style*="color: #757575;" i],
html[data-theme="dark"] [style$="color: #757575" i] { color: #C1CAC1 !important; }
html[data-theme="dark"] [style*="color:#777;" i],
html[data-theme="dark"] [style$="color:#777" i],
html[data-theme="dark"] [style*="color: #777;" i],
html[data-theme="dark"] [style$="color: #777" i] { color: #C0C9C0 !important; }
html[data-theme="dark"] [style*="color:#795548;" i],
html[data-theme="dark"] [style$="color:#795548" i],
html[data-theme="dark"] [style*="color: #795548;" i],
html[data-theme="dark"] [style$="color: #795548" i] { color: #C3B2AD !important; }
html[data-theme="dark"] [style*="color:#880E4F;" i],
html[data-theme="dark"] [style$="color:#880E4F" i],
html[data-theme="dark"] [style*="color: #880E4F;" i],
html[data-theme="dark"] [style$="color: #880E4F" i] { color: #C993B0 !important; }
html[data-theme="dark"] [style*="color:#8D6E63;" i],
html[data-theme="dark"] [style$="color:#8D6E63" i],
html[data-theme="dark"] [style*="color: #8D6E63;" i],
html[data-theme="dark"] [style$="color: #8D6E63" i] { color: #CCBEB9 !important; }
html[data-theme="dark"] [style*="color:#AB47BC;" i],
html[data-theme="dark"] [style$="color:#AB47BC" i],
html[data-theme="dark"] [style*="color: #AB47BC;" i],
html[data-theme="dark"] [style$="color: #AB47BC" i] { color: #D9ACE1 !important; }
html[data-theme="dark"] [style*="color:#BF360C;" i],
html[data-theme="dark"] [style$="color:#BF360C" i],
html[data-theme="dark"] [style*="color: #BF360C;" i],
html[data-theme="dark"] [style$="color: #BF360C" i] { color: #E2A592 !important; }
html[data-theme="dark"] [style*="background:#C5E1A5;" i],
html[data-theme="dark"] [style$="background:#C5E1A5" i],
html[data-theme="dark"] [style*="background: #C5E1A5;" i],
html[data-theme="dark"] [style$="background: #C5E1A5" i] { background: #2C3C1B !important; }
html[data-theme="dark"] [style*="color:#C62828;" i],
html[data-theme="dark"] [style$="color:#C62828" i],
html[data-theme="dark"] [style*="color: #C62828;" i],
html[data-theme="dark"] [style$="color: #C62828" i] { color: #E59E9E !important; }
html[data-theme="dark"] [style*="background:#C8E6C9;" i],
html[data-theme="dark"] [style$="background:#C8E6C9" i],
html[data-theme="dark"] [style*="background: #C8E6C9;" i],
html[data-theme="dark"] [style$="background: #C8E6C9" i] { background: #1B3C1C !important; }
html[data-theme="dark"] [style*="background:#CCC;" i],
html[data-theme="dark"] [style$="background:#CCC" i],
html[data-theme="dark"] [style*="background: #CCC;" i],
html[data-theme="dark"] [style$="background: #CCC" i] { background: #2B2B2B !important; }
html[data-theme="dark"] [style*="background:#CCCCCC;" i],
html[data-theme="dark"] [style$="background:#CCCCCC" i],
html[data-theme="dark"] [style*="background: #CCCCCC;" i],
html[data-theme="dark"] [style$="background: #CCCCCC" i] { background: #2B2B2B !important; }
html[data-theme="dark"] [style*="background:#CFD8CF;" i],
html[data-theme="dark"] [style$="background:#CFD8CF" i],
html[data-theme="dark"] [style*="background: #CFD8CF;" i],
html[data-theme="dark"] [style$="background: #CFD8CF" i] { background: #273027 !important; }
html[data-theme="dark"] [style*="background:#DCEFD8;" i],
html[data-theme="dark"] [style$="background:#DCEFD8" i],
html[data-theme="dark"] [style*="background: #DCEFD8;" i],
html[data-theme="dark"] [style$="background: #DCEFD8" i] { background: #213C1B !important; }
html[data-theme="dark"] [style*="background:#E0E0E0;" i],
html[data-theme="dark"] [style$="background:#E0E0E0" i],
html[data-theme="dark"] [style*="background: #E0E0E0;" i],
html[data-theme="dark"] [style$="background: #E0E0E0" i] { background: #2B2B2B !important; }
html[data-theme="dark"] [style*="background:#E3F2FD;" i],
html[data-theme="dark"] [style$="background:#E3F2FD" i],
html[data-theme="dark"] [style*="background: #E3F2FD;" i],
html[data-theme="dark"] [style$="background: #E3F2FD" i] { background: #1B2E3C !important; }
html[data-theme="dark"] [style*="background:#E5C3C3;" i],
html[data-theme="dark"] [style$="background:#E5C3C3" i],
html[data-theme="dark"] [style*="background: #E5C3C3;" i],
html[data-theme="dark"] [style$="background: #E5C3C3" i] { background: #3C1B1B !important; }
html[data-theme="dark"] [style*="color:#E65100;" i],
html[data-theme="dark"] [style$="color:#E65100" i],
html[data-theme="dark"] [style*="color: #E65100;" i],
html[data-theme="dark"] [style$="color: #E65100" i] { color: #F4B18C !important; }
html[data-theme="dark"] [style*="background:#E8E8E8;" i],
html[data-theme="dark"] [style$="background:#E8E8E8" i],
html[data-theme="dark"] [style*="background: #E8E8E8;" i],
html[data-theme="dark"] [style$="background: #E8E8E8" i] { background: #2B2B2B !important; }
html[data-theme="dark"] [style*="background:#E8F5E9;" i],
html[data-theme="dark"] [style$="background:#E8F5E9" i],
html[data-theme="dark"] [style*="background: #E8F5E9;" i],
html[data-theme="dark"] [style$="background: #E8F5E9" i] { background: #1B3C1D !important; }
html[data-theme="dark"] [style*="color:#EC407A;" i],
html[data-theme="dark"] [style$="color:#EC407A" i],
html[data-theme="dark"] [style*="color: #EC407A;" i],
html[data-theme="dark"] [style$="color: #EC407A" i] { color: #F6A9C3 !important; }
html[data-theme="dark"] [style*="background:#EEE;" i],
html[data-theme="dark"] [style$="background:#EEE" i],
html[data-theme="dark"] [style*="background: #EEE;" i],
html[data-theme="dark"] [style$="background: #EEE" i] { background: #2B2B2B !important; }
html[data-theme="dark"] [style*="background:#F0F0F0;" i],
html[data-theme="dark"] [style$="background:#F0F0F0" i],
html[data-theme="dark"] [style*="background: #F0F0F0;" i],
html[data-theme="dark"] [style$="background: #F0F0F0" i] { background: #2B2B2B !important; }
html[data-theme="dark"] [style*="background:#F1F1F1;" i],
html[data-theme="dark"] [style$="background:#F1F1F1" i],
html[data-theme="dark"] [style*="background: #F1F1F1;" i],
html[data-theme="dark"] [style$="background: #F1F1F1" i] { background: #2B2B2B !important; }
html[data-theme="dark"] [style*="background:#F1F8E9;" i],
html[data-theme="dark"] [style$="background:#F1F8E9" i],
html[data-theme="dark"] [style*="background: #F1F8E9;" i],
html[data-theme="dark"] [style$="background: #F1F8E9" i] { background: #2C3C1B !important; }
html[data-theme="dark"] [style*="background:#F2F2F2;" i],
html[data-theme="dark"] [style$="background:#F2F2F2" i],
html[data-theme="dark"] [style*="background: #F2F2F2;" i],
html[data-theme="dark"] [style$="background: #F2F2F2" i] { background: #2B2B2B !important; }
html[data-theme="dark"] [style*="background:#F3E5F5;" i],
html[data-theme="dark"] [style$="background:#F3E5F5" i],
html[data-theme="dark"] [style*="background: #F3E5F5;" i],
html[data-theme="dark"] [style$="background: #F3E5F5" i] { background: #381B3C !important; }
html[data-theme="dark"] [style*="background:#F5F5F5;" i],
html[data-theme="dark"] [style$="background:#F5F5F5" i],
html[data-theme="dark"] [style*="background: #F5F5F5;" i],
html[data-theme="dark"] [style$="background: #F5F5F5" i] { background: #2B2B2B !important; }
html[data-theme="dark"] [style*="background:#F5F9F5;" i],
html[data-theme="dark"] [style$="background:#F5F9F5" i],
html[data-theme="dark"] [style*="background: #F5F9F5;" i],
html[data-theme="dark"] [style$="background: #F5F9F5" i] { background: var(--superficie-2) !important; }
html[data-theme="dark"] [style*="background:#F9FBE7;" i],
html[data-theme="dark"] [style$="background:#F9FBE7" i],
html[data-theme="dark"] [style*="background: #F9FBE7;" i],
html[data-theme="dark"] [style$="background: #F9FBE7" i] { background: #393C1B !important; }
html[data-theme="dark"] [style*="background:#FAFAFA;" i],
html[data-theme="dark"] [style$="background:#FAFAFA" i],
html[data-theme="dark"] [style*="background: #FAFAFA;" i],
html[data-theme="dark"] [style$="background: #FAFAFA" i] { background: var(--superficie-2) !important; }
html[data-theme="dark"] [style*="background:#FFE0B2;" i],
html[data-theme="dark"] [style$="background:#FFE0B2" i],
html[data-theme="dark"] [style*="background: #FFE0B2;" i],
html[data-theme="dark"] [style$="background: #FFE0B2" i] { background: #3C2F1B !important; }
html[data-theme="dark"] [style*="background:#FFEBEE;" i],
html[data-theme="dark"] [style$="background:#FFEBEE" i],
html[data-theme="dark"] [style*="background: #FFEBEE;" i],
html[data-theme="dark"] [style$="background: #FFEBEE" i] { background: #3C1B20 !important; }
html[data-theme="dark"] [style*="background:#FFF;" i],
html[data-theme="dark"] [style$="background:#FFF" i],
html[data-theme="dark"] [style*="background: #FFF;" i],
html[data-theme="dark"] [style$="background: #FFF" i] { background: var(--superficie) !important; }
html[data-theme="dark"] [style*="background:#FFF3E0;" i],
html[data-theme="dark"] [style$="background:#FFF3E0" i],
html[data-theme="dark"] [style*="background: #FFF3E0;" i],
html[data-theme="dark"] [style$="background: #FFF3E0" i] { background: #3C2F1B !important; }
html[data-theme="dark"] [style*="background:#FFF8E1;" i],
html[data-theme="dark"] [style$="background:#FFF8E1" i],
html[data-theme="dark"] [style*="background: #FFF8E1;" i],
html[data-theme="dark"] [style$="background: #FFF8E1" i] { background: #3C341B !important; }
html[data-theme="dark"] [style*="background:#FFF8F8;" i],
html[data-theme="dark"] [style$="background:#FFF8F8" i],
html[data-theme="dark"] [style*="background: #FFF8F8;" i],
html[data-theme="dark"] [style$="background: #FFF8F8" i] { background: var(--superficie-2) !important; }
html[data-theme="dark"] [style*="background:#FFF9C4;" i],
html[data-theme="dark"] [style$="background:#FFF9C4" i],
html[data-theme="dark"] [style*="background: #FFF9C4;" i],
html[data-theme="dark"] [style$="background: #FFF9C4" i] { background: #3C381B !important; }
html[data-theme="dark"] [style*="background:#FFFDE7;" i],
html[data-theme="dark"] [style$="background:#FFFDE7" i],
html[data-theme="dark"] [style*="background: #FFFDE7;" i],
html[data-theme="dark"] [style$="background: #FFFDE7" i] { background: #3C391B !important; }
html[data-theme="dark"] .adm-card { background: var(--superficie); }
html[data-theme="dark"] .adm-reg { background: var(--superficie); }
html[data-theme="dark"] .adm-grafico { border: 1px solid #33493A; }
html[data-theme="dark"] .adm-barra-val { color: #CCD4CC; }
html[data-theme="dark"] .adm-barra-rot { color: #CCD4CC; }
html[data-theme="dark"] body { color: #F2F4F2; }
html[data-theme="dark"] .login-form { background: var(--superficie); }
html[data-theme="dark"] .tf input { background: var(--superficie); color: #FEFEFE; }
html[data-theme="dark"] .tf label { color: #CCD4CC; }
html[data-theme="dark"] .tf .ver { color: #CCD4CC; }
html[data-theme="dark"] .cartao { background: var(--superficie); }
html[data-theme="dark"] .cartao p { color: #D9DED9; }
html[data-theme="dark"] .pag-cartao { background: var(--superficie); }
html[data-theme="dark"] .pag-desc { color: #E5E9E5; }
html[data-theme="dark"] .pag-rotulo { color: #CCD4CC; }
html[data-theme="dark"] .pag-copia { color: #FEFEFE; background: var(--superficie); }
html[data-theme="dark"] .pag-copiar { color: #D9DED9; }
html[data-theme="dark"] .pag-aviso { color: #D9DED9; }
html[data-theme="dark"] .pag-aviso.aviso { color: #F4B18C; }
html[data-theme="dark"] .pag-div { border-top: 1px solid #33493A; }
html[data-theme="dark"] .btn-contorno { color: #96BAE3; }
html[data-theme="dark"] .cad-cartao { background: var(--superficie); }
html[data-theme="dark"] .cad-nome { color: #F2F4F2; }
html[data-theme="dark"] .cad-etiqueta { background: #1B3C1D; }
html[data-theme="dark"] .cad-contato { color: #CCD4CC; }
html[data-theme="dark"] .cad-sep { border-top: 1px solid #33493A; }
html[data-theme="dark"] .dlg { color: #F2F4F2; }
html[data-theme="dark"] .dlg-texto { color: #F2F4F2; }
html[data-theme="dark"] .tf.multi textarea { background: var(--superficie); color: #FEFEFE; }
html[data-theme="dark"] .btn-contorno.verde { border-color: #33493A; }
html[data-theme="dark"] .btn-contorno.vermelho { border-color: #33493A; }
html[data-theme="dark"] .reu-lista-part { border: 1px solid #33493A; }
html[data-theme="dark"] .dlg .pag-rotulo { color: #D9DED9; }
html[data-theme="dark"] .tf.sel select { background: var(--superficie); color: #FEFEFE; }
html[data-theme="dark"] .dash-cab p { color: #CCD4CC; }
html[data-theme="dark"] .dash-sec { color: #E5E9E5; }
html[data-theme="dark"] .d-aniv { background: #3C381B; }
html[data-theme="dark"] .d-aniv-n { color: #C3B2AD; }
html[data-theme="dark"] .d-kpi-titulo { color: #E5E9E5; }
html[data-theme="dark"] .d-kpi-sub { color: #C0C9C0; }
html[data-theme="dark"] .d-card { background: var(--superficie); }
html[data-theme="dark"] .d-card-cab { color: #CCD4CC; }
html[data-theme="dark"] .d-prog { background: #2B2B2B; }
html[data-theme="dark"] .d-prog.fino { background: #2B2B2B; }
html[data-theme="dark"] .d-t1 { color: #F2F4F2; }
html[data-theme="dark"] .d-loc-btn { color: #A1C4A3; }
html[data-theme="dark"] .d-barra-rot { color: #D9DED9; }
html[data-theme="dark"] .d-ponto { background: var(--superficie); }
html[data-theme="dark"] .d-ponto-nome { color: #F2F4F2; }
html[data-theme="dark"] .d-gps { color: #98C1EB; }
html[data-theme="dark"] .d-copiar { background: #2B2B2B; color: #96BAE3; }
html[data-theme="dark"] .nfe-nota { background: var(--superficie-2); }
html[data-theme="dark"] .nfe-item { background: var(--superficie-2); }
html[data-theme="dark"] .dlg .tabs { border-bottom: 1px solid #33493A; }
html[data-theme="dark"] .dlg .tab { color: #C0C9C0; }
html[data-theme="dark"] .fin-tabs { border-bottom: 1px solid #33493A; }
html[data-theme="dark"] .fin-tab { color: #C0C9C0; }
html[data-theme="dark"] .fn-cartao { background: var(--superficie); }
html[data-theme="dark"] .fn-cartao.ger { background: #1B2E3C; }
html[data-theme="dark"] .fn-cartao.inativo { background: #2B2B2B; border: 1px solid #33493A; }
html[data-theme="dark"] .fn-setor { color: #B2CBA1; }
html[data-theme="dark"] .fn-dia { border: 1px solid #33493A; background: #1B3C1D; }
html[data-theme="dark"] .fn-dia.folga { background: #3C2F1B; }
html[data-theme="dark"] .fn-painel-setor { background: #393C1B; border: 1px solid #33493A; }
html[data-theme="dark"] .ponto-tabela-wrap { border: 1px solid #33493A; background: var(--superficie); }
html[data-theme="dark"] .ponto-tab td { border-bottom: 1px solid #33493A; }
html[data-theme="dark"] .p-cartao { background: var(--superficie); border: 1px solid #33493A; }
html[data-theme="dark"] .p-info { background: #1B2E3C; color: #96BAE3; }
html[data-theme="dark"] .sup-chamado { border: 1px solid #33493A; background: var(--superficie); }
html[data-theme="dark"] .sup-chamado:hover { background: var(--superficie-2); }
html[data-theme="dark"] .chat-lista { background: var(--superficie-2); border: 1px solid #33493A; }
html[data-theme="dark"] .chat-bolha { background: #2B2B2B; }
html[data-theme="dark"] .chat-bolha.meu { background: #213C1B; }
html[data-theme="dark"] .chat-encerrado { background: #2B2B2B; color: #CCD4CC; }
html[data-theme="dark"] .tf-pill { background: #2B2B2B; color: #D9DED9; }
html[data-theme="dark"] .tf-item { background: var(--superficie-2); }
html[data-theme="dark"] .tf-chip { background: #2B2B2B; color: #CCD4CC; }
html[data-theme="dark"] .eq-cartao { background: var(--superficie); }
html[data-theme="dark"] .eq-av { background: #1B3C1D; color: #A1C4A3; }
html[data-theme="dark"] .eq-cat { background: #2B2B2B; color: #CCD4CC; }
html[data-theme="dark"] .eq-leitura { background: #2C3C1B; border-top: 1px solid #33493A; }
html[data-theme="dark"] .eq-cab-manut { background: #1B3C1D; color: #A1C4A3; }

/* celular: o botão de tema do login fica sobre a faixa verde da logo */
@media (max-width: 800px) {
  .btn-tema-flutuante, html[data-theme="dark"] .btn-tema-flutuante { color: #fff; }
}