/* Modo escuro do painel e da área do cliente (v329). Ligado por html[data-modo="escuro"]; o claro continua exatamente como estava.
   Para ajustar uma cor do escuro, mude só as variáveis abaixo. Carregado por último. */
html[data-modo="escuro"] {
  color-scheme: dark;
  --d-bg: #0b1220; --d-s1: #111b2e; --d-s2: #16233a; --d-s3: #1c2c47; --d-borda: #25365a; --d-borda2: #2f4570;
  --d-tx: #e6edf7; --d-tx2: #b4c2d8; --d-mut: #8a9bb8; --d-az: #4d9bff; --d-az2: #2f7df0; --d-azs: rgba(77,155,255,.14);
}

/* botão do topo (vale nos dois modos) */
.modo-btn { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; line-height: 1; }
.modo-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.modo-btn .i-sol { display: none; }
html[data-modo="escuro"] .modo-btn .i-sol { display: inline; }
html[data-modo="escuro"] .modo-btn .i-lua { display: none; }

/* base */
html[data-modo="escuro"] body, html[data-modo="escuro"] body[data-visual] { background: var(--d-bg) !important; color: var(--d-tx); }
html[data-modo="escuro"] a { color: var(--d-az); }
html[data-modo="escuro"] a:hover { color: #86bbff; }
html[data-modo="escuro"] h1, html[data-modo="escuro"] h2, html[data-modo="escuro"] h3, html[data-modo="escuro"] h4, html[data-modo="escuro"] h5, html[data-modo="escuro"] h6,
html[data-modo="escuro"] body[data-visual] h1, html[data-modo="escuro"] body[data-visual] h2, html[data-modo="escuro"] body[data-visual] h3, html[data-modo="escuro"] body[data-visual] h4, html[data-modo="escuro"] body[data-visual] h5, html[data-modo="escuro"] body[data-visual] h6 { color: var(--d-tx); }
html[data-modo="escuro"] .text-muted, html[data-modo="escuro"] small, html[data-modo="escuro"] .small { color: var(--d-mut) !important; }
html[data-modo="escuro"] .text-dark, html[data-modo="escuro"] .text-body { color: var(--d-tx) !important; }
html[data-modo="escuro"] hr { border-color: var(--d-borda); opacity: 1; }
html[data-modo="escuro"] code { color: #ff9ac1; }
html[data-modo="escuro"] pre { background: var(--d-s2); color: var(--d-tx); border-color: var(--d-borda); }
html[data-modo="escuro"] .bg-white, html[data-modo="escuro"] .bg-light, html[data-modo="escuro"] body[data-visual] .bg-white, html[data-modo="escuro"] body[data-visual] .bg-light { background: var(--d-s1) !important; color: var(--d-tx); }
html[data-modo="escuro"] .border, html[data-modo="escuro"] .border-top, html[data-modo="escuro"] .border-bottom, html[data-modo="escuro"] .border-left, html[data-modo="escuro"] .border-right { border-color: var(--d-borda) !important; }

/* barra do topo (painel): fica igual ao modo claro, sem regras aqui */
html[data-modo="escuro"] .wh-busca input { background: var(--d-s2); color: var(--d-tx); }

/* menu lateral */
html[data-modo="escuro"] .sidebar, html[data-modo="escuro"] body[data-visual] .sidebar, html[data-modo="escuro"] body[data-visual="lateral"] .sidebar, html[data-modo="escuro"] body[data-visual="caixa"] .sidebar { background: #0d1628 !important; border-right: 1px solid var(--d-borda); }
html[data-modo="escuro"] .sidebar ul li a, html[data-modo="escuro"] body[data-visual] .sidebar ul li a { color: var(--d-tx2); border-color: var(--d-borda); }
html[data-modo="escuro"] .sidebar ul li a:hover, html[data-modo="escuro"] .sidebar ul .active > a, html[data-modo="escuro"] .sidebar ul .active > a, html[data-modo="escuro"] body[data-visual] .sidebar ul li a:hover, html[data-modo="escuro"] body[data-visual] .sidebar ul .active > a, html[data-modo="escuro"] body[data-visual] .sidebar [aria-expanded="true"] { background: var(--d-azs) !important; color: #fff !important; }
html[data-modo="escuro"] .sidebar ul ul, html[data-modo="escuro"] body[data-visual] .sidebar ul ul { background: rgba(0,0,0,.18) !important; }

/* cartões, listas, tabelas */
html[data-modo="escuro"] .card, html[data-modo="escuro"] .list-group-item, html[data-modo="escuro"] .modal-content, html[data-modo="escuro"] .dropdown-menu, html[data-modo="escuro"] .popover,
html[data-modo="escuro"] body[data-visual] .card, html[data-modo="escuro"] body[data-visual] .list-group-item, html[data-modo="escuro"] body[data-visual] .modal-content, html[data-modo="escuro"] body[data-visual] .dropdown-menu { background: var(--d-s1) !important; color: var(--d-tx); border-color: var(--d-borda) !important; }
html[data-modo="escuro"] .card-header, html[data-modo="escuro"] .card-footer, html[data-modo="escuro"] .modal-header, html[data-modo="escuro"] .modal-footer, html[data-modo="escuro"] body[data-visual] .card-header, html[data-modo="escuro"] body[data-visual] .modal-header, html[data-modo="escuro"] body[data-visual] .modal-footer { background: var(--d-s2) !important; border-color: var(--d-borda) !important; color: var(--d-tx); }
html[data-modo="escuro"] .btn-close { filter: invert(1) grayscale(1) brightness(2); }
html[data-modo="escuro"] .dropdown-item, html[data-modo="escuro"] .wh-conta .dropdown-item { color: var(--d-tx2); }
html[data-modo="escuro"] .dropdown-item:hover, html[data-modo="escuro"] .dropdown-item:focus, html[data-modo="escuro"] .wh-conta .dropdown-item:hover { background: var(--d-azs); color: #fff; }
html[data-modo="escuro"] .dropdown-divider, html[data-modo="escuro"] .wh-conta .dropdown-divider { border-color: var(--d-borda); }
html[data-modo="escuro"] .wh-tiles, html[data-modo="escuro"] body[data-visual] .wh-tiles, html[data-modo="escuro"] .wh-conta, html[data-modo="escuro"] body[data-visual] .wh-conta { background: var(--d-s1) !important; border-color: var(--d-borda) !important; }
html[data-modo="escuro"] .wh-tiles a, html[data-modo="escuro"] body[data-visual] .wh-tiles a { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .wh-tiles a:hover, html[data-modo="escuro"] body[data-visual] .wh-tiles a:hover { background: var(--d-azs) !important; color: #fff !important; }
html[data-modo="escuro"] .wh-tiles a i, html[data-modo="escuro"] .wh-tiles a svg, html[data-modo="escuro"] .wh-tiles a:nth-child(n) i, html[data-modo="escuro"] .wh-tiles a:nth-child(n) svg { color: var(--d-az) !important; }
html[data-modo="escuro"] .modal-backdrop { background: #000; }

html[data-modo="escuro"] .table, html[data-modo="escuro"] .tabela, html[data-modo="escuro"] body[data-visual] .table { color: var(--d-tx); border-color: var(--d-borda); --bs-table-bg: transparent; --bs-table-color: var(--d-tx); --bs-table-border-color: var(--d-borda); --bs-table-striped-bg: rgba(255,255,255,.03); --bs-table-hover-bg: var(--d-azs); }
html[data-modo="escuro"] .table td, html[data-modo="escuro"] .table th, html[data-modo="escuro"] .tabela td, html[data-modo="escuro"] .tabela th, html[data-modo="escuro"] body[data-visual] .table td, html[data-modo="escuro"] body[data-visual] .table th { border-color: var(--d-borda); background-color: transparent; color: var(--d-tx); }
html[data-modo="escuro"] .table thead th, html[data-modo="escuro"] .tabela th, html[data-modo="escuro"] body[data-visual] .table thead th, html[data-modo="escuro"] body[data-visual] .tabela th { background: var(--d-s2) !important; color: var(--d-mut) !important; border-color: var(--d-borda); }
html[data-modo="escuro"] .table-hover tbody tr:hover, html[data-modo="escuro"] .table tbody tr:hover, html[data-modo="escuro"] body[data-visual] .table tbody tr:hover > * { background: var(--d-azs) !important; color: var(--d-tx); }
html[data-modo="escuro"] .table-striped tbody tr:nth-of-type(odd), html[data-modo="escuro"] body[data-visual] .table-striped tbody tr:nth-of-type(odd) { background: rgba(255,255,255,.03); }
html[data-modo="escuro"] .table-light, html[data-modo="escuro"] .table-light th { background: var(--d-s2) !important; color: var(--d-tx2) !important; }

/* formulários */
html[data-modo="escuro"] .form-control, html[data-modo="escuro"] .form-select, html[data-modo="escuro"] .form-select, html[data-modo="escuro"] select, html[data-modo="escuro"] textarea,
html[data-modo="escuro"] input[type=text], html[data-modo="escuro"] input[type=email], html[data-modo="escuro"] input[type=password], html[data-modo="escuro"] input[type=number], html[data-modo="escuro"] input[type=search], html[data-modo="escuro"] input[type=date], html[data-modo="escuro"] input[type=tel], html[data-modo="escuro"] input[type=url], html[data-modo="escuro"] input[type=time],
html[data-modo="escuro"] body[data-visual] .form-control, html[data-modo="escuro"] body[data-visual] select, html[data-modo="escuro"] body[data-visual] textarea, html[data-modo="escuro"] body[data-visual] input[type=text] { background-color: var(--d-s2); color: var(--d-tx); border-color: var(--d-borda2); }
html[data-modo="escuro"] .form-control:focus, html[data-modo="escuro"] .form-select:focus, html[data-modo="escuro"] select:focus, html[data-modo="escuro"] textarea:focus, html[data-modo="escuro"] body[data-visual] .form-control:focus { background-color: var(--d-s3); color: #fff; border-color: var(--d-az); box-shadow: 0 0 0 .2rem rgba(77,155,255,.25); }
html[data-modo="escuro"] .form-control::placeholder, html[data-modo="escuro"] textarea::placeholder { color: var(--d-mut); opacity: .8; }
html[data-modo="escuro"] .form-control:disabled, html[data-modo="escuro"] .form-control[readonly], html[data-modo="escuro"] select:disabled { background-color: #0f1a2e; color: var(--d-mut); }
html[data-modo="escuro"] .input-group-text, html[data-modo="escuro"] body[data-visual] .input-group-text { background: var(--d-s3); color: var(--d-tx2); border-color: var(--d-borda2); }
html[data-modo="escuro"] label, html[data-modo="escuro"] body[data-visual] label, html[data-modo="escuro"] .form-check-label, html[data-modo="escuro"] .form-check-label { color: var(--d-tx2); }
html[data-modo="escuro"] .frm .rw, html[data-modo="escuro"] body[data-visual] .frm .rw { border-color: var(--d-borda); }
html[data-modo="escuro"] .frm .lb, html[data-modo="escuro"] body[data-visual] .frm .lb { color: var(--d-tx2); }
html[data-modo="escuro"] option { background: var(--d-s2); color: var(--d-tx); }
html[data-modo="escuro"] input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px var(--d-s2) inset; -webkit-text-fill-color: var(--d-tx); }

/* botões: no painel são de contorno; no escuro o contorno e o texto ficam mais claros, e o hover enche com texto escuro */
html[data-modo="escuro"] .btn-primary, html[data-modo="escuro"] .btn-outline-primary, html[data-modo="escuro"] .btn.btn-cor.btn-cor-azul, html[data-modo="escuro"] .btn.btn-cor.btn-cor-verde { --c: #6ab0ff; --c-anel: rgba(106,176,255,.35); }
html[data-modo="escuro"] .btn-secondary, html[data-modo="escuro"] .btn-outline-secondary, html[data-modo="escuro"] .btn-dark, html[data-modo="escuro"] .btn-outline-dark { --c: #a9bad6; --c-anel: rgba(169,186,214,.3); }
html[data-modo="escuro"] .btn-success, html[data-modo="escuro"] .btn-outline-success { --c: #4ade80; --c-anel: rgba(74,222,128,.3); }
html[data-modo="escuro"] .btn-danger, html[data-modo="escuro"] .btn-outline-danger, html[data-modo="escuro"] .btn.btn-cancelar { --c: #f87171; --c-anel: rgba(248,113,113,.3); }
html[data-modo="escuro"] .btn-info, html[data-modo="escuro"] .btn-outline-info { --c: #38bdf8; --c-anel: rgba(56,189,248,.3); }
html[data-modo="escuro"] .btn-warning, html[data-modo="escuro"] .btn-outline-warning { color: #6ab0ff; border-color: #6ab0ff; background-color: transparent; }
html[data-modo="escuro"] .btn-primary:hover, html[data-modo="escuro"] .btn-primary:focus, html[data-modo="escuro"] .btn-primary:active, html[data-modo="escuro"] .btn-primary.active,
html[data-modo="escuro"] .btn-outline-primary:hover, html[data-modo="escuro"] .btn-outline-primary:focus, html[data-modo="escuro"] .btn-outline-primary:active,
html[data-modo="escuro"] .btn-secondary:hover, html[data-modo="escuro"] .btn-outline-secondary:hover, html[data-modo="escuro"] .btn-dark:hover, html[data-modo="escuro"] .btn-outline-dark:hover,
html[data-modo="escuro"] .btn-success:hover, html[data-modo="escuro"] .btn-outline-success:hover, html[data-modo="escuro"] .btn-danger:hover, html[data-modo="escuro"] .btn-outline-danger:hover, html[data-modo="escuro"] .btn.btn-cancelar:hover,
html[data-modo="escuro"] .btn-info:hover, html[data-modo="escuro"] .btn-outline-info:hover, html[data-modo="escuro"] .btn.btn-cor:hover { color: #08111f; background-color: var(--c); border-color: var(--c); }
html[data-modo="escuro"] .btn-warning:hover, html[data-modo="escuro"] .btn-warning:focus, html[data-modo="escuro"] .btn-warning:active, html[data-modo="escuro"] .btn-outline-warning:hover { color: #08111f; background-color: #6ab0ff; border-color: #6ab0ff; }
html[data-modo="escuro"] .btn-light, html[data-modo="escuro"] .btn-outline-light { background: var(--d-s3); border-color: var(--d-borda2); color: var(--d-tx); }
html[data-modo="escuro"] .btn-link { color: var(--d-az); }
html[data-modo="escuro"] .btn.disabled:hover, html[data-modo="escuro"] .btn:disabled:hover { color: var(--c); background-color: transparent; }

/* abas, paginação, alertas, migalhas */
html[data-modo="escuro"] .nav-tabs { border-color: var(--d-borda); }
html[data-modo="escuro"] .nav-tabs .nav-link { color: var(--d-tx2); }
html[data-modo="escuro"] .nav-tabs .nav-link:hover { border-color: var(--d-borda) var(--d-borda) transparent; }
html[data-modo="escuro"] .nav-tabs .nav-link.active, html[data-modo="escuro"] .nav-tabs .nav-item.show .nav-link { background: var(--d-s1); color: #fff; border-color: var(--d-borda) var(--d-borda) var(--d-s1); }
html[data-modo="escuro"] .wh-tabs { border-color: var(--d-borda); }
html[data-modo="escuro"] .wh-tabs a { background: var(--d-s2); border-color: var(--d-borda); color: var(--d-tx2); }
html[data-modo="escuro"] .wh-tabs a.active, html[data-modo="escuro"] .wh-tabc { background: var(--d-s1); color: #fff; border-color: var(--d-borda); }
html[data-modo="escuro"] .page-link { background: var(--d-s2); border-color: var(--d-borda); color: var(--d-tx2); }
html[data-modo="escuro"] .page-link:hover { background: var(--d-s3); color: #fff; }
html[data-modo="escuro"] .page-item.disabled .page-link { background: var(--d-s1); color: var(--d-mut); border-color: var(--d-borda); }
html[data-modo="escuro"] .page-item.active .page-link { background: #2f7df0; border-color: #2f7df0; color: #fff; }
html[data-modo="escuro"] .breadcrumb, html[data-modo="escuro"] body[data-visual] .breadcrumb { background: transparent; }
html[data-modo="escuro"] .breadcrumb-item.active, html[data-modo="escuro"] .breadcrumb-item + .breadcrumb-item::before { color: var(--d-mut); }
html[data-modo="escuro"] .alert { border-color: var(--d-borda2); }
html[data-modo="escuro"] .alert-success { background: rgba(34,197,94,.14); color: #86efac; }
html[data-modo="escuro"] .alert-danger { background: rgba(239,68,68,.14); color: #fca5a5; }
html[data-modo="escuro"] .alert-warning { background: rgba(77,155,255,.16); color: #93c5fd; }
html[data-modo="escuro"] .alert-info, html[data-modo="escuro"] .alert-primary { background: var(--d-azs); color: #9ccaff; }
html[data-modo="escuro"] .badge.text-bg-light, html[data-modo="escuro"] .text-bg-secondary { background: var(--d-s3); color: var(--d-tx2); }
html[data-modo="escuro"] .progress { background: var(--d-s3); }
html[data-modo="escuro"] .form-check-input:not(:checked) ~ .form-check-label::before, html[data-modo="escuro"] .form-check-input:not(:checked) { background-color: var(--d-s2); border-color: var(--d-borda2); }

/* dashboard */
html[data-modo="escuro"] .dsh2 { --c-txt: #e6edf7; --c-sub: #9fb0cb; --c-mut: #7585a3; --c-linha: #22324f; --c-card: #111b2e; --c-acc: #4d9bff; --c-acc-s: rgba(77,155,255,.14); --sombra: 0 1px 2px rgba(0,0,0,.3), 0 10px 28px -14px rgba(0,0,0,.6); }
html[data-modo="escuro"] .dsh2 .dsh-head h4 { color: #fff; }
html[data-modo="escuro"] .dsh2 [class*="card"], html[data-modo="escuro"] .dsh2 [class*="kpi"], html[data-modo="escuro"] .dsh2 [class*="box"] { border-color: var(--c-linha); }

/* painel do cliente (area_cab.php) */
html[data-modo="escuro"] .faixa { background: var(--d-s1); border-bottom-color: var(--d-borda); }
html[data-modo="escuro"] .faixa h1 { color: #fff; }
html[data-modo="escuro"] .painel, html[data-modo="escuro"] .tile, html[data-modo="escuro"] .msg-ticket { background: var(--d-s1); border-color: var(--d-borda); color: var(--d-tx); }
html[data-modo="escuro"] .painel > .ph { border-bottom-color: var(--d-borda); }
html[data-modo="escuro"] .painel.azul > .ph { background: #0a2f8f; border-color: #0a2f8f; color: #fff; }
html[data-modo="escuro"] .tile { color: var(--d-tx); } html[data-modo="escuro"] .tile:hover { color: #fff; box-shadow: 0 3px 14px rgba(0,0,0,.5); }
html[data-modo="escuro"] .tile .t { color: var(--d-mut); }
html[data-modo="escuro"] .msg-ticket .mh { background: var(--d-s2); color: var(--d-tx2); }
html[data-modo="escuro"] .msg-ticket.equipe .mh { background: #14315f; color: #cfe2ff; }
html[data-modo="escuro"] .rodape { color: var(--d-mut); }
html[data-modo="escuro"] .forma { background: var(--d-s1); border-color: var(--d-borda); }
html[data-modo="escuro"] .forma .nm, html[data-modo="escuro"] .forma .vl { color: var(--d-tx); }
html[data-modo="escuro"] .forma .ic { background: var(--d-azs); color: var(--d-az); }

/* notificações e janelas próprias */
html[data-modo="escuro"] .shui-toast, html[data-modo="escuro"] #avisoSessao .ses-cx { background: var(--d-s2); color: var(--d-tx); }
html[data-modo="escuro"] .wh-nt-btn.wh-nt-cancelar { background: var(--d-s3); color: var(--d-tx2); border-color: var(--d-borda2); }

/* estilos escritos direto nas telas (style="background:#fff" etc.) */
html[data-modo="escuro"] [style*="background:#fff"], html[data-modo="escuro"] [style*="background: #fff"], html[data-modo="escuro"] [style*="background:#ffffff"], html[data-modo="escuro"] [style*="background: #ffffff"], html[data-modo="escuro"] [style*="background:white"], html[data-modo="escuro"] [style*="background-color:#fff"], html[data-modo="escuro"] [style*="background-color: #fff"] { background: var(--d-s1) !important; color: var(--d-tx); }
html[data-modo="escuro"] [style*="background:#f"], html[data-modo="escuro"] [style*="background: #f"], html[data-modo="escuro"] [style*="background-color:#f"], html[data-modo="escuro"] [style*="background-color: #f"] { background: var(--d-s2) !important; color: var(--d-tx); }
html[data-modo="escuro"] [style*="color:#333"], html[data-modo="escuro"] [style*="color: #333"], html[data-modo="escuro"] [style*="color:#222"], html[data-modo="escuro"] [style*="color:#000"], html[data-modo="escuro"] [style*="color:#444"], html[data-modo="escuro"] [style*="color:#555"], html[data-modo="escuro"] [style*="color: #555"] { color: var(--d-tx2) !important; }
html[data-modo="escuro"] img:not(.wh-logo):not([src*="logo"]) { opacity: .92; }
html[data-modo="escuro"] .tile.t1 { border-top-color: #4d9bff; } html[data-modo="escuro"] .tile.t2 { border-top-color: #34d399; } html[data-modo="escuro"] .tile.t3 { border-top-color: #6ab0ff; } html[data-modo="escuro"] .tile.t4 { border-top-color: #f87171; }

/* ---- varredura do modo-escuro.js: cores calculadas por elemento ---- */
html[data-modo="escuro"] { background: var(--d-bg); }
html[data-modo="escuro"] .dk-bg { background-color: var(--dk-bg) !important; }
html[data-modo="escuro"] .dk-fg { color: var(--dk-fg) !important; }
html[data-modo="escuro"] .dk-bd { border-color: var(--dk-bd) !important; }
html[data-modo="escuro"] .dk-bt { border-top-color: var(--dk-bt) !important; }
html[data-modo="escuro"] .dk-br { border-right-color: var(--dk-br) !important; }
html[data-modo="escuro"] .dk-bb { border-bottom-color: var(--dk-bb) !important; }
html[data-modo="escuro"] .dk-bl { border-left-color: var(--dk-bl) !important; }

/* layout Topo e demais layouts: coluna de conteúdo e submenus do topo */
html[data-modo="escuro"] body[data-visual] .content, html[data-modo="escuro"] body[data-visual="topo"] .content, html[data-modo="escuro"] body[data-visual="caixa"] .content, html[data-modo="escuro"] body[data-visual="lateral"] .content { background: transparent !important; color: var(--d-tx); }
html[data-modo="escuro"] body[data-visual="topo"] .sidebar > ul > li > a { color: #fff !important; }
html[data-modo="escuro"] body[data-visual="topo"] .sidebar > ul > li > ul, html[data-modo="escuro"] body[data-visual="topo"] .sidebar ul ul ul.sub-lateral { background: var(--d-s1) !important; border: 1px solid var(--d-borda) !important; box-shadow: 0 12px 30px rgba(0,0,0,.55) !important; }
html[data-modo="escuro"] body[data-visual="topo"] .sidebar ul ul a, html[data-modo="escuro"] body[data-visual="topo"] .sidebar ul .active ul a { color: var(--d-tx2) !important; background: transparent !important; }
html[data-modo="escuro"] body[data-visual="topo"] .sidebar ul ul a:hover, html[data-modo="escuro"] body[data-visual="topo"] .sidebar ul ul li:hover > a { background: var(--d-azs) !important; color: #fff !important; }
html[data-modo="escuro"] body[data-visual="topo"] .sidebar ul ul li.active > a { background: var(--d-azs) !important; color: #fff !important; }
html[data-modo="escuro"] .sidebar ul ul { background: transparent !important; }


/* Topo claro (painel e área do cliente): mantém o texto escuro, igual ao modo claro (v338) */
html[data-modo="escuro"] :where(nav.wh-nav, .wh-t1) { color: #333; }
html[data-modo="escuro"] nav.wh-nav :is(h1, h2, h3, h4, h5, h6), html[data-modo="escuro"] .wh-t1 :is(h1, h2, h3, h4, h5, h6), html[data-modo="escuro"] .wh-t1 .text-dark, html[data-modo="escuro"] nav.wh-nav .text-dark { color: inherit !important; }
html[data-modo="escuro"] nav.wh-nav :is(small, .small, .text-muted), html[data-modo="escuro"] .wh-t1 :is(small, .small, .text-muted) { color: inherit !important; opacity: .72; }
html[data-modo="escuro"] .wh-t1 .wh-ic { color: #475569; }
html[data-modo="escuro"] .wh-t1 .wh-ic:hover { color: #1e293b; background: #eceff3; }

/* Foco e passagem do mouse: nenhum fundo branco no escuro (gerado a partir de todas as telas do painel, v338) */
html[data-modo="escuro"] .form-control:focus, html[data-modo="escuro"] .form-select:focus, html[data-modo="escuro"] .form-select:focus, html[data-modo="escuro"] input:focus, html[data-modo="escuro"] select:focus, html[data-modo="escuro"] textarea:focus { background-color: var(--d-s2) !important; color: var(--d-tx) !important; border-color: var(--d-az) !important; }
html[data-modo="escuro"] .list-group-item-action:hover, html[data-modo="escuro"] .list-group-item-action:focus, html[data-modo="escuro"] .nav-pills .nav-link:hover, html[data-modo="escuro"] .page-link:hover, html[data-modo="escuro"] .btn-light:hover, html[data-modo="escuro"] .btn-outline-secondary:hover { background: var(--d-s3) !important; color: var(--d-tx) !important; }
html[data-modo="escuro"] .nav-tabs .nav-link.active, html[data-modo="escuro"] .nav-tabs .nav-item.show .nav-link { background: var(--d-s1) !important; }
html[data-modo="escuro"] .sug a:hover, html[data-modo="escuro"] .side a:hover, html[data-modo="escuro"] aside li a:hover, html[data-modo="escuro"] .wh-ac:hover, html[data-modo="escuro"] .wh-ac:focus, html[data-modo="escuro"] .rel .bts a:hover { background: var(--d-s3) !important; }
html[data-modo="escuro"] .rel table.tb tbody tr:hover td, html[data-modo="escuro"] .wh-tabela tbody tr:hover, html[data-modo="escuro"] .wh-tbl tr:hover td, html[data-modo="escuro"] .wf-r .wf-c .sv-dom .sv-dom-btn:hover, html[data-modo="escuro"] .wf-r .wf-c .sv-dom .sv-dom-btn:focus, html[data-modo="escuro"] #shCmdModal .shc-pe button:hover { background: var(--d-s3) !important; }
html[data-modo="escuro"] .wh-promo .filtros .btn:hover, html[data-modo="escuro"] .wh-promo tbody tr:hover td, html[data-modo="escuro"] .sg .chips a:hover, html[data-modo="escuro"] .fis-modal .opc:hover, html[data-modo="escuro"] .kb .cats a:hover, html[data-modo="escuro"] .kb .ib:hover { background: var(--d-s3) !important; }
html[data-modo="escuro"] .gu-tb tbody tr:hover, html[data-modo="escuro"] .gu-ac .gu-bt:hover, html[data-modo="escuro"] .gu-ac .gu-menu a:hover, html[data-modo="escuro"] .wh-dep .tb tbody tr:hover td, html[data-modo="escuro"] .wh-srv .ib:hover, html[data-modo="escuro"] .np .cli-busca .lst a:hover { background: var(--d-s3) !important; }
html[data-modo="escuro"] .rp .cats a:hover, html[data-modo="escuro"] .rp .ib:hover, html[data-modo="escuro"] .fr .ib:hover, html[data-modo="escuro"] .dsh .chips a:hover, html[data-modo="escuro"] .trl .cli-busca .lst a:hover, html[data-modo="escuro"] .trl table.tl tbody tr:hover { background: var(--d-s3) !important; }
html[data-modo="escuro"] .an table.lst tbody tr:hover, html[data-modo="escuro"] .an .ib:hover, html[data-modo="escuro"] .emk tbody tr:hover, html[data-modo="escuro"] .cmp tbody tr:hover, html[data-modo="escuro"] .tkl .tk-b:hover, html[data-modo="escuro"] .tkl tbody tr:hover { background: var(--d-s3) !important; }
html[data-modo="escuro"] .tk-modal .item:hover, html[data-modo="escuro"] .wh-setup .side li a:hover, html[data-modo="escuro"] table.wh-pt tr.prod:hover, html[data-modo="escuro"] .wh-cfg .pm-aba:hover, html[data-modo="escuro"] .wh-dom .tb tr:hover td, html[data-modo="escuro"] .wh-dom .side .btn-salvar:hover { background: var(--d-s3) !important; }
html[data-modo="escuro"] .wh-dl .ib:hover, html[data-modo="escuro"] .fl .tb tr:hover td, html[data-modo="escuro"] .pd-btn.sec:hover, html[data-modo="escuro"] .mde .grp button:hover, html[data-modo="escuro"] .wh-tiles a:hover, html[data-modo="escuro"] body[data-visual] .wh-tiles a:hover { background: var(--d-s3) !important; }
html[data-modo="escuro"] .wh-conta .dropdown-item:hover, html[data-modo="escuro"] #whNotasModal .wh-nt-cancelar:hover, html[data-modo="escuro"] .dsh2 .dsh-per a:hover, html[data-modo="escuro"] .dsh2 table.tb tbody tr:hover td, html[data-modo="escuro"] .wh-tabs a:hover, html[data-modo="escuro"] a:hover { background: var(--d-s3) !important; }
html[data-modo="escuro"] ul.wh-links li button.wh-lk:hover, html[data-modo="escuro"] table.wh-dt tbody tr:hover td, html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) .usr-tb tbody tr:hover td, html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) .sv-met tbody tr:hover td, html[data-modo="escuro"] .usr-menu .dropdown-item:hover, html[data-modo="escuro"] .vd table.vd-tab tr:hover td { background: var(--d-s3) !important; }
html[data-modo="escuro"] .vd table.vd-tab tr.vd-grupo:hover td, html[data-modo="escuro"] .wh-adm .tb tbody tr:hover td, html[data-modo="escuro"] .fl .tabf:hover, html[data-modo="escuro"] .fl .tb tbody tr:hover td, html[data-modo="escuro"] .fv .tabs a:hover, html[data-modo="escuro"] .fv .tb tbody tr:hover td { background: var(--d-s3) !important; }
html[data-modo="escuro"] .fv .tb tr.sub:hover td, html[data-modo="escuro"] .fv .tb tr.tot:hover td, html[data-modo="escuro"] .cfg-mod table tbody tr:hover td, html[data-modo="escuro"] .adms-sess-btn-sec:hover, html[data-modo="escuro"] .fin-mod .table tbody tr:hover td, html[data-modo="escuro"] .fin-mod .wh-tabela tbody tr:hover td { background: var(--d-s3) !important; }
html[data-modo="escuro"] .fin-mod .trl table.tl tbody tr:hover td, html[data-modo="escuro"] .fin-mod .gu-tb tbody tr:hover td, html[data-modo="escuro"] .fin-mod .gu-ac .gu-menu a:hover, html[data-modo="escuro"] .fin-mod table.tb tbody tr:hover td, html[data-modo="escuro"] .fin-mod .dropdown-item:hover, html[data-modo="escuro"] .fin-mod.wh-aut .cal td a:hover { background: var(--d-s3) !important; }
html[data-modo="escuro"] .em-tab tbody tr:hover, html[data-modo="escuro"] .ls-ic:hover, html[data-modo="escuro"] .ls-btn.sec:hover, html[data-modo="escuro"] .ls-abas label:hover span { background: var(--d-s3) !important; }
html[data-modo="escuro"] .side a.on, html[data-modo="escuro"] aside li a.on, html[data-modo="escuro"] .wh-tabs a.active, html[data-modo="escuro"] .wh-ipb .nav-tabs .nav-link.active, html[data-modo="escuro"] .wh-fis .nav-tabs .nav-link.active, html[data-modo="escuro"] .kb .cats a.on { background: var(--d-s1) !important; }
html[data-modo="escuro"] .gu-pg .on, html[data-modo="escuro"] .wh-dep .abas a.on, html[data-modo="escuro"] .wh-dep .prov button.on, html[data-modo="escuro"] .rp .cats a.on, html[data-modo="escuro"] .cp-tab a.on, html[data-modo="escuro"] .fr .abas a.on { background: var(--d-s1) !important; }
html[data-modo="escuro"] .fr .abas a:hover, html[data-modo="escuro"] .trl .abas a.on, html[data-modo="escuro"] .an .abas a.on em, html[data-modo="escuro"] .wh-add .abas a.on, html[data-modo="escuro"] .tkv .abas a.on, html[data-modo="escuro"] .tkl .abas a.on { background: var(--d-s1) !important; }
html[data-modo="escuro"] .wh-cfg .tabs a.active, html[data-modo="escuro"] .wh-tld .nav-tabs .nav-link.active, html[data-modo="escuro"] .fv .tabs a.on, html[data-modo="escuro"] .sp .abas a.on, html[data-modo="escuro"] .sp .abas a:hover, html[data-modo="escuro"] .dsh2 a.at:hover { background: var(--d-s1) !important; }
html[data-modo="escuro"] .wh-setup .side li.active a:hover, html[data-modo="escuro"] .wh-setup .side ul#whCats li.active a, html[data-modo="escuro"] .fv .form-select:focus, html[data-modo="escuro"] .pt-lado a.cat.on { background: var(--d-s1) !important; }
html[data-modo="escuro"] .wh-ac.wh-ac-pe:hover, html[data-modo="escuro"] .wh-ac.wh-ac-pe:focus, html[data-modo="escuro"] .kb .ib.ib-pe:hover, html[data-modo="escuro"] .wh-srv .ib.ib-pe:hover, html[data-modo="escuro"] .fr .ib.ib-pe:hover, html[data-modo="escuro"] .an .ib.pe:hover { background: rgba(239,68,68,.22) !important; }
html[data-modo="escuro"] .wh-dl .ib.ib-pe:hover, html[data-modo="escuro"] .fin-mod .np .item .rm:hover { background: rgba(239,68,68,.22) !important; }
html[data-modo="escuro"] .tfa .st.on, html[data-modo="escuro"] .lgs .st.on, html[data-modo="escuro"] .wh-setup .side li.active a { background: rgba(34,197,94,.2) !important; }
html[data-modo="escuro"] .tkl tbody tr.fix:hover { background: rgba(77,155,255,.24) !important; }

/* degradês claros viram fundo escuro liso (marcados pelo js) e cartões de página sem imagem de fundo (v341) */
html[data-modo="escuro"] .dk-img { background-image: none !important; }
html[data-modo="escuro"] body[data-visual] .content > .list-group-item, html[data-modo="escuro"] .content > .list-group-item, html[data-modo="escuro"] .content .list-group-item.border-0 { background: var(--d-s1) !important; background-image: none !important; color: var(--d-tx); }
html[data-modo="escuro"] .wh-t1 .modo-btn, html[data-modo="escuro"] nav.wh-nav .modo-btn { background: transparent !important; box-shadow: none !important; }
html[data-modo="escuro"] .wh-t1 .modo-btn { color: #475569 !important; }
html[data-modo="escuro"] .wh-t1 .modo-btn:hover { background: #eceff3 !important; color: #1e293b !important; }
html[data-modo="escuro"] .hp-rank li::before { background: var(--d-s3) !important; }

/* Telas do painel: fundos claros e textos escuros fixos das views, trocados direto no CSS para não piscar branco ao abrir a página (v343, gerado das views) */
html[data-modo="escuro"] .card, html[data-modo="escuro"] .cat, html[data-modo="escuro"] .box, html[data-modo="escuro"] .util, html[data-modo="escuro"] .util button, html[data-modo="escuro"] .card-body, html[data-modo="escuro"] .border.rounded { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .pag a, html[data-modo="escuro"] .chip, html[data-modo="escuro"] .c, html[data-modo="escuro"] .art, html[data-modo="escuro"] body[data-visual="classico"] .content, html[data-modo="escuro"] body[data-visual="six-old"] .faixa, html[data-modo="escuro"] body[data-visual="metro"] .faixa .breadcrumb, html[data-modo="escuro"] body[data-visual="caixa"] .faixa { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] body[data-visual="lateral"], html[data-modo="escuro"] body[data-visual="lateral"] .content, html[data-modo="escuro"] body[data-visual="caixa"] .breadcrumb, html[data-modo="escuro"] body[data-visual="caixa"] .painel, html[data-modo="escuro"] body[data-visual="caixa"] .card, html[data-modo="escuro"] body[data-visual="caixa"] .table-responsive, html[data-modo="escuro"] .table, html[data-modo="escuro"] body[data-visual="topo"] { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] body[data-visual="topo"] .content, html[data-modo="escuro"] .form-control, html[data-modo="escuro"] .form-select, html[data-modo="escuro"] .form-select, html[data-modo="escuro"] select.form-control, html[data-modo="escuro"] input[type=text], html[data-modo="escuro"] input[type=email] { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] input[type=password], html[data-modo="escuro"] input[type=number], html[data-modo="escuro"] input[type=tel], html[data-modo="escuro"] input[type=url], html[data-modo="escuro"] input[type=search], html[data-modo="escuro"] input[type=date], html[data-modo="escuro"] input[type=time], html[data-modo="escuro"] input[type=datetime-local] { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .input-group-text, html[data-modo="escuro"] .input-group-prepend .input-group-text, html[data-modo="escuro"] .input-group-append .input-group-text, html[data-modo="escuro"] .tgl-ui, html[data-modo="escuro"] .tgl-on, html[data-modo="escuro"] .tgl input:checked + .tgl-ui .tgl-off, html[data-modo="escuro"] .pg, html[data-modo="escuro"] .nc .frm .lb { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .wh-tabc, html[data-modo="escuro"] table.wh-st, html[data-modo="escuro"] .sv-met, html[data-modo="escuro"] .wf-r .wf-c .sv-dom, html[data-modo="escuro"] #shCmdModal .shc-box, html[data-modo="escuro"] .dm-lem table, html[data-modo="escuro"] .wh-promo tr.inativa td, html[data-modo="escuro"] .tfa .card-l { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .tfa .glob, html[data-modo="escuro"] .wh-cfg .box, html[data-modo="escuro"] .wh-ipb .frm .lb, html[data-modo="escuro"] .tx-t td:first-child, html[data-modo="escuro"] .wh-gw .gw-corpo, html[data-modo="escuro"] .tr .frm .lb, html[data-modo="escuro"] .tr .orig, html[data-modo="escuro"] .sg .kpi { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .sg .cx, html[data-modo="escuro"] .fis-modal .cx, html[data-modo="escuro"] .fis-modal .rod, html[data-modo="escuro"] .ct4 .frm .lb, html[data-modo="escuro"] .kb .stat, html[data-modo="escuro"] .kb .pn, html[data-modo="escuro"] .kb .tb th, html[data-modo="escuro"] .gu-ac .gu-menu { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .wh-fun .frm .lb, html[data-modo="escuro"] .wh-dep .frm .lb, html[data-modo="escuro"] .wh-dep .frm .admins, html[data-modo="escuro"] .wh-dep .prov button, html[data-modo="escuro"] .wh-opc .frm .lb, html[data-modo="escuro"] .pc .frm .lb, html[data-modo="escuro"] .pc .it, html[data-modo="escuro"] .pc .it tfoot td { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .pc .box, html[data-modo="escuro"] .esc .frm .lb, html[data-modo="escuro"] .sj .card-r, html[data-modo="escuro"] .sj .img2, html[data-modo="escuro"] .sj .sj-op, html[data-modo="escuro"] .sj .sj-op .bts .btn-light, html[data-modo="escuro"] .sj .planos, html[data-modo="escuro"] .sj .estado { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .pw .pw-card, html[data-modo="escuro"] .np .box, html[data-modo="escuro"] .np .res-box, html[data-modo="escuro"] .np .cli-busca .lst, html[data-modo="escuro"] .np-modal .cx, html[data-modo="escuro"] .st .frm .lb, html[data-modo="escuro"] .tfa .cx, html[data-modo="escuro"] .tfa .qr { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .tfa .codigos, html[data-modo="escuro"] .rp .pn, html[data-modo="escuro"] .rp .tb th, html[data-modo="escuro"] .fc-cards .c, html[data-modo="escuro"] .cp-bloco ul, html[data-modo="escuro"] .wh-adm .frm .lb, html[data-modo="escuro"] .fr .srvs, html[data-modo="escuro"] .fr .frm .lb { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .fr .card-f, html[data-modo="escuro"] .fr .srv, html[data-modo="escuro"] .fr .srv .cab, html[data-modo="escuro"] .fr .sv.f, html[data-modo="escuro"] .wh-cfg .campos-box, html[data-modo="escuro"] .dsh a.kpi, html[data-modo="escuro"] .dsh .cx, html[data-modo="escuro"] .cd .frm .lb { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .wh-stp .frm .lb, html[data-modo="escuro"] .trl .painel, html[data-modo="escuro"] .trl .box2, html[data-modo="escuro"] .trl .cli-busca .lst, html[data-modo="escuro"] .trl .graf svg, html[data-modo="escuro"] .trl .bal .b, html[data-modo="escuro"] .an .cartao, html[data-modo="escuro"] .an table.lst th { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .an .tipos label:has(input:checked), html[data-modo="escuro"] .an .end, html[data-modo="escuro"] .an .painel, html[data-modo="escuro"] .av .frm .lb, html[data-modo="escuro"] .ajuda, html[data-modo="escuro"] .ajuda button, html[data-modo="escuro"] #modal-previa .caixa, html[data-modo="escuro"] .wh-aut .tile { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .wh-aut .sis, html[data-modo="escuro"] .wh-aut .cal table, html[data-modo="escuro"] .emk .box, html[data-modo="escuro"] .wh-moe .frm .lb, html[data-modo="escuro"] .cmp .box, html[data-modo="escuro"] .cmp .campos, html[data-modo="escuro"] .cmp .envio, html[data-modo="escuro"] .cmp .cards div { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .wh-add .frm .lb, html[data-modo="escuro"] .tkv, html[data-modo="escuro"] .tkv-lado select, html[data-modo="escuro"] .tkv-lado input[type=text], html[data-modo="escuro"] .tkv .painel table, html[data-modo="escuro"] .tkv .acoes-r .btn-light, html[data-modo="escuro"] .tkv .msg, html[data-modo="escuro"] .tkv .msg.equipe { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .tk .frm .lb, html[data-modo="escuro"] .tk .cbx input, html[data-modo="escuro"] .tk .cbx .res, html[data-modo="escuro"] .tk .tags, html[data-modo="escuro"] .tk .anx input[type=file], html[data-modo="escuro"] .tkl .painel-aba, html[data-modo="escuro"] .tk-modal .cx, html[data-modo="escuro"] .wh-bkp .dest-bar .corpo { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .wh-dom .dest .chip input, html[data-modo="escuro"] .wh-dom .dest .chip.cheio input, html[data-modo="escuro"] .wh-tld .pgr2 button, html[data-modo="escuro"] .wh-tld .pgr2 .pn, html[data-modo="escuro"] .wh-reg .logo, html[data-modo="escuro"] .wh-reg .cfg .lb, html[data-modo="escuro"] .gc .frm .lb, html[data-modo="escuro"] .wh-dl .frm .lb { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .wh-dl .cards div, html[data-modo="escuro"] .nf .frm .lb, html[data-modo="escuro"] .nf pre, html[data-modo="escuro"] .wh-cli.wh-servicos .wh-filtro label, html[data-modo="escuro"] .fin-cards .c, html[data-modo="escuro"] .wh-cfg .sec, html[data-modo="escuro"] .wh-cfg .prov-nome, html[data-modo="escuro"] .wh-cfg .modelo .mini { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .fl .filtro, html[data-modo="escuro"] .fv .tabc, html[data-modo="escuro"] .pd-caixa, html[data-modo="escuro"] .pd-rodape, html[data-modo="escuro"] .n8, html[data-modo="escuro"] .cap-prev .cap-chk, html[data-modo="escuro"] .cap-prev .cap-in, html[data-modo="escuro"] .mde { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .mde .grp, html[data-modo="escuro"] .mde .ajuda, html[data-modo="escuro"] #avisoSessao .ses-caixa, html[data-modo="escuro"] .crl, html[data-modo="escuro"] .wh-tiles, html[data-modo="escuro"] body[data-visual] .wh-tiles, html[data-modo="escuro"] .wh-conta, html[data-modo="escuro"] body[data-visual] .wh-conta { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .sw2 input, html[data-modo="escuro"] input[type="checkbox"].wh-check, html[data-modo="escuro"] .rel .rel-card, html[data-modo="escuro"] .rel table.tb, html[data-modo="escuro"] .rel table.tb tbody tr:nth-child(even) td, html[data-modo="escuro"] .wh-rod .pgr select.pv, html[data-modo="escuro"] .wh-dtbox, html[data-modo="escuro"] table.wh-dt tbody tr:nth-child(even) td { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .wh-tbl tbody tr:nth-child(even) td, html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) .wf, html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) table.wh-tbl, html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) table.usr-tb, html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) table.sv-met, html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) .usr-tb tbody tr:nth-child(even) td, html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) .sv-met tbody tr:nth-child(even) td, html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) .wh-sub { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) .wh-massa, html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) .wh-stat, html[data-modo="escuro"] .wh-tabc .sv-top, html[data-modo="escuro"] .sv-uso .u-it, html[data-modo="escuro"] .pv .frm .lb, html[data-modo="escuro"] .pv .fx, html[data-modo="escuro"] .cfg-mod.sj .card-r, html[data-modo="escuro"] .cfg-mod.sj .img2 .pl span { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .cfg-mod.sj .img3 .ad small, html[data-modo="escuro"] .vd .vd-card, html[data-modo="escuro"] .vd .vd-msg, html[data-modo="escuro"] .wh-adm .tb, html[data-modo="escuro"] .wh-adm .tb tbody tr:nth-child(even) td, html[data-modo="escuro"] .list-group-item, html[data-modo="escuro"] .wh-setup .side ul#whCats li a, html[data-modo="escuro"] .cfg-mod.wh-dom .dest { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .hp-card, html[data-modo="escuro"] .hp-seg a.ativo, html[data-modo="escuro"] .hp-abas a.ativo, html[data-modo="escuro"] .fl .table-responsive, html[data-modo="escuro"] .fl .tb tbody tr:nth-child(even) td, html[data-modo="escuro"] .fv .fv-card, html[data-modo="escuro"] .fv .card, html[data-modo="escuro"] .fv .card .border.rounded { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .fv .frm, html[data-modo="escuro"] .row.text-center, html[data-modo="escuro"] .cfg-mod table tbody tr:nth-child(even) td, html[data-modo="escuro"] .cfg-mod .frm, html[data-modo="escuro"] .cfg-mod .frm .ct, html[data-modo="escuro"] .cfg-mod .box, html[data-modo="escuro"] .cfg-mod .caixa, html[data-modo="escuro"] .cfg-mod .cfg { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .modal-footer, html[data-modo="escuro"] .fin-mod .table, html[data-modo="escuro"] .fin-mod .wh-tabela, html[data-modo="escuro"] .fin-mod .trl table.tl, html[data-modo="escuro"] .fin-mod .tx-t, html[data-modo="escuro"] .fin-mod .table tbody tr:nth-child(even) td, html[data-modo="escuro"] .fin-mod .wh-tabela tbody tr:nth-child(even) td, html[data-modo="escuro"] .fin-mod .trl table.tl tbody tr:nth-child(even) td { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .fin-mod .tx-t td:first-child, html[data-modo="escuro"] .fin-mod .wh-filtro, html[data-modo="escuro"] .fin-mod form.wh-filtro, html[data-modo="escuro"] .fin-mod .trl-lado, html[data-modo="escuro"] .fin-mod .trl .painel, html[data-modo="escuro"] .fin-mod .trl .box2 .rw, html[data-modo="escuro"] .fin-mod .trl .topo, html[data-modo="escuro"] .fin-mod .rel-barra { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .fin-mod .wh-filtro .form-control, html[data-modo="escuro"] .fin-mod .wh-filtro .form-control-sm, html[data-modo="escuro"] .fin-mod .wf, html[data-modo="escuro"] .fin-mod .gu-busca, html[data-modo="escuro"] .fin-mod .gu-tb, html[data-modo="escuro"] .fin-mod .gu-tb tbody tr:nth-child(even) td, html[data-modo="escuro"] .fin-mod.wh-servicos .wh-filtro, html[data-modo="escuro"] .fin-mod table.tb { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .fin-mod table.tb tbody tr:nth-child(even) td, html[data-modo="escuro"] .fin-mod.wh-fun .frm, html[data-modo="escuro"] .fin-mod.wh-fun .perms, html[data-modo="escuro"] .fin-mod.wh-aut .grafico, html[data-modo="escuro"] .fin-mod.wh-aut .cal, html[data-modo="escuro"] .fin-mod.wh-aut .tile, html[data-modo="escuro"] .fin-mod.wh-aut .sis, html[data-modo="escuro"] .fin-mod .np-lado { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .fin-mod .np .box, html[data-modo="escuro"] .fin-mod .np .rw, html[data-modo="escuro"] .fin-mod .np .res-box .sub, html[data-modo="escuro"] .nw-filtros a, html[data-modo="escuro"] .nw-destaque, html[data-modo="escuro"] .nw-card, html[data-modo="escuro"] .pt-busca, html[data-modo="escuro"] .pt-box { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .pt-card, html[data-modo="escuro"] .pt-btn.sec, html[data-modo="escuro"] .pt-pag a, html[data-modo="escuro"] .pt-pag span, html[data-modo="escuro"] .pt-ordem a, html[data-modo="escuro"] #tmJanela, html[data-modo="escuro"] #tmJanela footer, html[data-modo="escuro"] .cpx-plano { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .cpx-tab, html[data-modo="escuro"] .pt-h__btn, html[data-modo="escuro"] .faixa, html[data-modo="escuro"] .painel, html[data-modo="escuro"] .msg-ticket, html[data-modo="escuro"] .forma { background-color: var(--d-s1) !important; }
html[data-modo="escuro"] .eco, html[data-modo="escuro"] .msg.s, html[data-modo="escuro"] .tr .tag.nova, html[data-modo="escuro"] .sg .dl.up, html[data-modo="escuro"] .sj .sj-badge.novo, html[data-modo="escuro"] .sj .sj-badge.uso, html[data-modo="escuro"] .np .res-box .tot, html[data-modo="escuro"] .tfa .ok-tag { background-color: rgba(34,197,94,.18) !important;color: #86efac !important; }
html[data-modo="escuro"] .cp-ok, html[data-modo="escuro"] .dsh .dl.up, html[data-modo="escuro"] .an .s-success, html[data-modo="escuro"] #status-layout.success, html[data-modo="escuro"] .wh-pt .feat, html[data-modo="escuro"] .wh-cfg table.pt2 th.res, html[data-modo="escuro"] .wh-cfg table.pt2 td.res, html[data-modo="escuro"] .wh-cfg table.pt2 tr.grp th.res { background-color: rgba(34,197,94,.18) !important;color: #86efac !important; }
html[data-modo="escuro"] .pd-icone.ok, html[data-modo="escuro"] .dsh2 .dl.up, html[data-modo="escuro"] .dsh2 .pill.g, html[data-modo="escuro"] .wh-chip .wh-sn.sim, html[data-modo="escuro"] .sv-uso .u-ic.banda, html[data-modo="escuro"] .fin-mod .np .res-box .tot, html[data-modo="escuro"] .em-ok { background-color: rgba(34,197,94,.18) !important;color: #86efac !important; }
html[data-modo="escuro"] .cpx-ok { background-color: rgba(34,197,94,.18) !important;color: #86efac !important; }
html[data-modo="escuro"] .aviso, html[data-modo="escuro"] .tx-t tr.deb td, html[data-modo="escuro"] .tr .tag.alt, html[data-modo="escuro"] .sj .sj-badge.rec, html[data-modo="escuro"] .np .res-box .sub, html[data-modo="escuro"] .fr .sv.a { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .dsh .pill.y, html[data-modo="escuro"] #status-layout.warning, html[data-modo="escuro"] .tkv .msg.nota, html[data-modo="escuro"] .tkl tbody tr.fix, html[data-modo="escuro"] .pd-icone.aviso, html[data-modo="escuro"] #avisoSessao .ses-ic, html[data-modo="escuro"] .dsh2 .pill.y { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .sug, html[data-modo="escuro"] .filtros a, html[data-modo="escuro"] .vazio, html[data-modo="escuro"] body[data-visual="caixa"] .card-header, html[data-modo="escuro"] .shui-toast, html[data-modo="escuro"] .adms-paginacao, html[data-modo="escuro"] .adms-paginacao .adms-pg-seta, html[data-modo="escuro"] .adms-paginacao input[type="number"] { background-color: var(--d-s1) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .adms-paginacao select, html[data-modo="escuro"] .pgr .pb, html[data-modo="escuro"] .acoes button, html[data-modo="escuro"] .rel .bts a, html[data-modo="escuro"] .wf-l, html[data-modo="escuro"] #shCmdModal .shc-pe button, html[data-modo="escuro"] .wh-promo .filtros .btn, html[data-modo="escuro"] .tr .abas a { background-color: var(--d-s1) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .sg .aviso, html[data-modo="escuro"] .kb .busca input, html[data-modo="escuro"] .gu-ac .gu-bt, html[data-modo="escuro"] .gu-pg a, html[data-modo="escuro"] .gu-pg span, html[data-modo="escuro"] .wh-dep .frm .tit, html[data-modo="escuro"] .tfa .metodos a, html[data-modo="escuro"] .rp .pasta { background-color: var(--d-s1) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .tkv .msg .quem .bts button, html[data-modo="escuro"] .tkv .msg .quem .bts a, html[data-modo="escuro"] .tkl .tk-b, html[data-modo="escuro"] .wh-setup a.setting, html[data-modo="escuro"] .wh-cfg .pm-aba, html[data-modo="escuro"] .wh-cfg table.pt2 th, html[data-modo="escuro"] .np .tipos .cd, html[data-modo="escuro"] .wh-dom .side .btn-salvar { background-color: var(--d-s1) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .wh-tld .reg-card, html[data-modo="escuro"] .dl-filtro .dl-q, html[data-modo="escuro"] #rel-area, html[data-modo="escuro"] .cap-prev .cap-box, html[data-modo="escuro"] .cap-prev .cap-badge, html[data-modo="escuro"] .mde .grp button, html[data-modo="escuro"] .crl .cmd, html[data-modo="escuro"] #whNotasModal .wh-nt-cancelar { background-color: var(--d-s1) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .dsh2 a.at, html[data-modo="escuro"] .wh-rod .pgr, html[data-modo="escuro"] .wh-rod .pgr .pb, html[data-modo="escuro"] .wh-chip, html[data-modo="escuro"] .wh-rod, html[data-modo="escuro"] .wh-len, html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) .usr-tb th, html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) .sv-met th { background-color: var(--d-s1) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .pv .fx th, html[data-modo="escuro"] .fl .fl-chip, html[data-modo="escuro"] .fl .mt-2.d-flex, html[data-modo="escuro"] .fv .form-select, html[data-modo="escuro"] .cfg-mod .form-control, html[data-modo="escuro"] .cfg-mod .form-select, html[data-modo="escuro"] .cfg-mod input[type=text], html[data-modo="escuro"] .cfg-mod input[type=number] { background-color: var(--d-s1) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .cfg-mod input[type=email], html[data-modo="escuro"] .cfg-mod input[type=password], html[data-modo="escuro"] .cfg-mod input[type=date], html[data-modo="escuro"] .cfg-mod input[type=time], html[data-modo="escuro"] .cfg-mod select, html[data-modo="escuro"] .cfg-mod textarea, html[data-modo="escuro"] .adms-sess-card, html[data-modo="escuro"] .adms-sess-erro { background-color: var(--d-s1) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .adms-sess-btn-sec, html[data-modo="escuro"] .fin-mod .trl .abas a, html[data-modo="escuro"] .fin-mod.wh-aut .cal th, html[data-modo="escuro"] .pt-h__card, html[data-modo="escuro"] .em-erro, html[data-modo="escuro"] .tile, html[data-modo="escuro"] .tabela th { background-color: var(--d-s1) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .cat .ic, html[data-modo="escuro"] .ico, html[data-modo="escuro"] body[data-visual="classico"] .faixa, html[data-modo="escuro"] body[data-visual="caixa"], html[data-modo="escuro"] .form-control:disabled, html[data-modo="escuro"] .form-select:disabled, html[data-modo="escuro"] .adms-paginacao button.adms-pg-seta:disabled, html[data-modo="escuro"] .pgr .pb.off { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .wh-banner, html[data-modo="escuro"] .wf-r .wf-c .sv-dom .sv-dom-btn, html[data-modo="escuro"] .tfa .st.off, html[data-modo="escuro"] .tx-t th, html[data-modo="escuro"] .tr .tag, html[data-modo="escuro"] .sg .chips a, html[data-modo="escuro"] .sg .dl, html[data-modo="escuro"] .sg .rk .tr { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .kb .art .ic, html[data-modo="escuro"] .esc .sec, html[data-modo="escuro"] .pw .pw-opt td, html[data-modo="escuro"] .np .res-box .imp, html[data-modo="escuro"] .rp .campos code, html[data-modo="escuro"] .fr .srvchip, html[data-modo="escuro"] .fr .auto { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .dsh .chips a, html[data-modo="escuro"] .dsh .dl, html[data-modo="escuro"] .dsh .rk .tr, html[data-modo="escuro"] .dsh .pill.b, html[data-modo="escuro"] .an .s-info, html[data-modo="escuro"] #status-layout.info, html[data-modo="escuro"] .emk .prev, html[data-modo="escuro"] .wh-cfg .chips span { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .cmp .contador, html[data-modo="escuro"] .cmp .resumo, html[data-modo="escuro"] .tk .tags span, html[data-modo="escuro"] .m.eq .c, html[data-modo="escuro"] .tk-modal .item .cat, html[data-modo="escuro"] .tk-modal .campos code, html[data-modo="escuro"] .wh-pt tbody.dragging tr.grp td, html[data-modo="escuro"] .wh-pt tr.dragging { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .wh-cfg table.pt2 tr.grp th, html[data-modo="escuro"] .wh-cfg .sw2 span, html[data-modo="escuro"] .np .tipos input:checked + .cd, html[data-modo="escuro"] .wh-dom .dest .chip.alvo input, html[data-modo="escuro"] .wh-dl .ico, html[data-modo="escuro"] .pd-icone.info, html[data-modo="escuro"] .pd-btn.sec, html[data-modo="escuro"] .mde .prev code { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .mde .ajuda code, html[data-modo="escuro"] #avisoSessao .ses-barra, html[data-modo="escuro"] .dsh2 .dl, html[data-modo="escuro"] .dsh2 .kpi .bar, html[data-modo="escuro"] .dsh2 .rk .tr, html[data-modo="escuro"] .dsh2 .pill, html[data-modo="escuro"] .dsh2 .pill.b, html[data-modo="escuro"] .rel .rel-card .ch .n { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .wh-rod .pgr .pb:disabled, html[data-modo="escuro"] .sv-dom-btn, html[data-modo="escuro"] .wf-r .wf-c .sv-dom .sv-dom-btn[aria-expanded="true"], html[data-modo="escuro"] .sv-uso .u-ic, html[data-modo="escuro"] .sv-uso .u-ic.rel, html[data-modo="escuro"] .sv-uso .u-bar, html[data-modo="escuro"] .cfg-mod.sj .img2, html[data-modo="escuro"] .cfg-mod.sj .img3 { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .vd table.vd-tab tr.vd-grupo td, html[data-modo="escuro"] .wh-adm h5 .n, html[data-modo="escuro"] .wh-adm .pill, html[data-modo="escuro"] .wh-adm .pill.off, html[data-modo="escuro"] .wh-setup .icon, html[data-modo="escuro"] .cfg-mod.wh-prod table.wh-pt tr.grp td, html[data-modo="escuro"] .hp-titulo i, html[data-modo="escuro"] .hp-seg { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .hp-calor-linha i, html[data-modo="escuro"] .hp-abas, html[data-modo="escuro"] .hp-insight, html[data-modo="escuro"] .fl .fl-cod, html[data-modo="escuro"] .cfg-mod .sec, html[data-modo="escuro"] .cfg-mod .secao, html[data-modo="escuro"] .cfg-mod .sec-simples, html[data-modo="escuro"] .fin-mod .trl table.tl tfoot td { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .fin-mod .np .res-box .imp, html[data-modo="escuro"] .pt-ico, html[data-modo="escuro"] .pt-tag, html[data-modo="escuro"] #tmProg, html[data-modo="escuro"] .cpx-tab tr.g th, html[data-modo="escuro"] .cpx-tab tr.g.dif th, html[data-modo="escuro"] .msg-ticket .mh, html[data-modo="escuro"] .msg-ticket.equipe .mh { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .forma .ic { background-color: rgba(77,155,255,.16) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .side a, html[data-modo="escuro"] .card .rs, html[data-modo="escuro"] .b p, html[data-modo="escuro"] body[data-visual] .content h1, html[data-modo="escuro"] body[data-visual] .content .titulo, html[data-modo="escuro"] body[data-visual="caixa"] .wh-busca input, html[data-modo="escuro"] body[data-visual="caixa"] .content h1, html[data-modo="escuro"] body[data-visual="caixa"] .content .titulo { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .cmp thead th a, html[data-modo="escuro"] .dm-lem th a, html[data-modo="escuro"] .emk thead th a, html[data-modo="escuro"] .fl .tb th a, html[data-modo="escuro"] .fv .tb th a, html[data-modo="escuro"] .tkl thead th a, html[data-modo="escuro"] .trl table.tl thead th a, html[data-modo="escuro"] .usr-tb th a { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .wh-cfg table.pt th a, html[data-modo="escuro"] .wh-me th a, html[data-modo="escuro"] .wh-promo th a, html[data-modo="escuro"] .wh-srv th a, html[data-modo="escuro"] .wh-tabela thead th a, html[data-modo="escuro"] .wh-tbl th a, html[data-modo="escuro"] table.wh-dt thead th a, html[data-modo="escuro"] table.wh-pt thead th a { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .esc .tb th a, html[data-modo="escuro"] .fr .tb th a, html[data-modo="escuro"] .gc .tb th a, html[data-modo="escuro"] .pc .tb th a, html[data-modo="escuro"] .rel table.tb th a, html[data-modo="escuro"] .sp .tb th a, html[data-modo="escuro"] .st .tb th a, html[data-modo="escuro"] .tk .sv th a { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .wh-add .tb th a, html[data-modo="escuro"] .wh-adm .tb th a, html[data-modo="escuro"] .wh-dep .tb th a, html[data-modo="escuro"] .wh-dl .tb th a, html[data-modo="escuro"] .wh-dom .tb th a, html[data-modo="escuro"] .wh-fun .tb th a, html[data-modo="escuro"] .wh-ipb .tb th a, html[data-modo="escuro"] .wh-moe .tb th a { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .wh-opc .tb th a, html[data-modo="escuro"] .wh-reg .tb th a, html[data-modo="escuro"] .wh-stp .tb th a, html[data-modo="escuro"] .wh-ter th a, html[data-modo="escuro"] tr[style*="1b4a7d"] th a, html[data-modo="escuro"] tr[style*="1a4d80"] th a, html[data-modo="escuro"] .wh-bc a, html[data-modo="escuro"] .wh-ac { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .shui-toast__msg, html[data-modo="escuro"] .pgr, html[data-modo="escuro"] table.wh-st td:first-child, html[data-modo="escuro"] #shCmdModal .shc-corpo, html[data-modo="escuro"] .em-x, html[data-modo="escuro"] .tfa .intro, html[data-modo="escuro"] .tfa .info p, html[data-modo="escuro"] .tfa-m .passos { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .wh-cfg .rw .hp, html[data-modo="escuro"] .wh-gw .hp, html[data-modo="escuro"] .sg .lgd, html[data-modo="escuro"] .sg .leg li a, html[data-modo="escuro"] .sg .rk .nm2, html[data-modo="escuro"] .wh-fis .rw .lb small, html[data-modo="escuro"] .wh-fis .etq, html[data-modo="escuro"] .kb .cats a { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .kb .art p, html[data-modo="escuro"] .kb .ib, html[data-modo="escuro"] .wh-srv .ib, html[data-modo="escuro"] .wh-cfg .hp, html[data-modo="escuro"] .sj .img3 .ad small, html[data-modo="escuro"] .rp .cats a, html[data-modo="escuro"] .rp .it p, html[data-modo="escuro"] .rp .ib { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .fc-leg span, html[data-modo="escuro"] .fr .ib, html[data-modo="escuro"] .dsh .lgd, html[data-modo="escuro"] .dsh .leg li a, html[data-modo="escuro"] .dsh .rk .nm2, html[data-modo="escuro"] .cab, html[data-modo="escuro"] .an label.t, html[data-modo="escuro"] .an .painel h6 { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .wh-cfg h5.st, html[data-modo="escuro"] .cmp .contador small, html[data-modo="escuro"] .cmp .nm small, html[data-modo="escuro"] .tkv .opcs select, html[data-modo="escuro"] .tkv .msg .txt blockquote, html[data-modo="escuro"] .emp, html[data-modo="escuro"] .m .c span, html[data-modo="escuro"] .tkl .sol small { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .tk-modal .chips a, html[data-modo="escuro"] .wh-setup .lead, html[data-modo="escuro"] .np h5.st, html[data-modo="escuro"] .wh-dom .dest .st, html[data-modo="escuro"] .wh-dom .add-tld label, html[data-modo="escuro"] .wh-tld .rw .lb small, html[data-modo="escuro"] .wh-tld .pgr2, html[data-modo="escuro"] .wh-reg .sub { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .wh-reg .desc, html[data-modo="escuro"] .wh-dl .ib, html[data-modo="escuro"] .wh-cfg .sec .hp, html[data-modo="escuro"] .fv .st td:first-child, html[data-modo="escuro"] .pd-msg, html[data-modo="escuro"] .n8 .n8-tx, html[data-modo="escuro"] .cap-prev .cap-logo, html[data-modo="escuro"] .cap-prev .cap-desc { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .mde .prev blockquote, html[data-modo="escuro"] #avisoSessao .ses-txt, html[data-modo="escuro"] .wh-tiles a, html[data-modo="escuro"] body[data-visual] .wh-tiles a, html[data-modo="escuro"] .wh-conta .dropdown-item, html[data-modo="escuro"] .modal-header .close, html[data-modo="escuro"] .modal-footer .btn-secondary, html[data-modo="escuro"] .modal-footer .btn-outline-secondary { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .dsh2 .dsh-per a, html[data-modo="escuro"] .dsh2 .lgd, html[data-modo="escuro"] .dsh2 .leg li a, html[data-modo="escuro"] .dsh2 .rk .nm2, html[data-modo="escuro"] .rel .rel-card .ch, html[data-modo="escuro"] .sv-uso .u-pct, html[data-modo="escuro"] .vd p.intro, html[data-modo="escuro"] .wh-adm .titulo-form { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .wh-adm h5, html[data-modo="escuro"] .wh-setup .banner, html[data-modo="escuro"] .wh-setup .side li a, html[data-modo="escuro"] .cfg-mod h6, html[data-modo="escuro"] .cfg-mod p, html[data-modo="escuro"] .cfg-mod table thead th, html[data-modo="escuro"] .cfg-mod table.tb th, html[data-modo="escuro"] .cfg-mod table thead th a { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .cfg-mod label, html[data-modo="escuro"] .cfg-mod .card-header, html[data-modo="escuro"] .cfg-mod table th, html[data-modo="escuro"] .cfg-mod .rw .lb, html[data-modo="escuro"] .adms-sess-texto, html[data-modo="escuro"] .fin-mod .table thead th, html[data-modo="escuro"] .fin-mod .wh-tabela thead th, html[data-modo="escuro"] .fin-mod .trl table.tl thead th { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .fin-mod .tx-t th, html[data-modo="escuro"] .fin-mod .wh-tabela thead th a, html[data-modo="escuro"] .fin-mod .trl table.tl thead th a, html[data-modo="escuro"] .fin-mod label, html[data-modo="escuro"] .fin-mod .trl-lado .sec, html[data-modo="escuro"] .fin-mod .gu-tb th, html[data-modo="escuro"] .fin-mod .gu-pg a, html[data-modo="escuro"] .fin-mod .gu-pg span { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .fin-mod table.tb th, html[data-modo="escuro"] label, html[data-modo="escuro"] .fin-mod.wh-aut .tile .t, html[data-modo="escuro"] .fin-mod.wh-aut .sis .t, html[data-modo="escuro"] .fin-mod.wh-aut .cal .mes span, html[data-modo="escuro"] .fin-mod.wh-aut h5, html[data-modo="escuro"] .fin-mod.wh-aut h6, html[data-modo="escuro"] .fin-mod .np-lado .sec { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .fin-mod .np h6.s, html[data-modo="escuro"] .fin-mod .np .rw .lb, html[data-modo="escuro"] .fin-mod .np .rw .ct label, html[data-modo="escuro"] .fin-mod .np .res-box .ti, html[data-modo="escuro"] .em-data, html[data-modo="escuro"] .em-para, html[data-modo="escuro"] .em-meta { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .art .ct, html[data-modo="escuro"] .art .conteudo, html[data-modo="escuro"] .wh-arrastar.btn, html[data-modo="escuro"] .wh-arrastar.btn-outline-secondary, html[data-modo="escuro"] .rel .grupo, html[data-modo="escuro"] .wh-perfil h4.wh-t, html[data-modo="escuro"] .wh-nome, html[data-modo="escuro"] .wh-cli h4.wh-titulo { color: var(--d-tx) !important; }
html[data-modo="escuro"] .wh-filtro label, html[data-modo="escuro"] .wh-cfg .rw .lb, html[data-modo="escuro"] .wh-gw .gw-top .mov, html[data-modo="escuro"] .wh-gw .gw-top .abrir, html[data-modo="escuro"] .wh-fis .rw .lb strong, html[data-modo="escuro"] .gu-ac .gu-menu a, html[data-modo="escuro"] .wh-srv tr.off td, html[data-modo="escuro"] .wh-srv .info { color: var(--d-tx) !important; }
html[data-modo="escuro"] .sj h5.s, html[data-modo="escuro"] .sj .card-r p, html[data-modo="escuro"] .sj .img2 .pl b, html[data-modo="escuro"] .sj .img3 .ad b, html[data-modo="escuro"] .np h4.t, html[data-modo="escuro"] .np h6.s, html[data-modo="escuro"] .np .rw .lb { color: var(--d-tx) !important; }
html[data-modo="escuro"] .np .cli-busca .lst a, html[data-modo="escuro"] .wh-cfg .campos th, html[data-modo="escuro"] .trl h4.t, html[data-modo="escuro"] .trl .cli-busca .lst a, html[data-modo="escuro"] .trl .card-t small, html[data-modo="escuro"] .wh-aut .tile .t, html[data-modo="escuro"] .wh-aut .cal td a, html[data-modo="escuro"] .wh-aut .cal td span { color: var(--d-tx) !important; }
html[data-modo="escuro"] .emk h4.t, html[data-modo="escuro"] .emk h5.s, html[data-modo="escuro"] .wh-cfg .url input, html[data-modo="escuro"] .cmp h4.t, html[data-modo="escuro"] .cmp h5.s, html[data-modo="escuro"] .cmp .rw .lb, html[data-modo="escuro"] .cmp .intro, html[data-modo="escuro"] .cmp .nm i { color: var(--d-tx) !important; }
html[data-modo="escuro"] .tkv-lado label, html[data-modo="escuro"] .tkv-lado .rot, html[data-modo="escuro"] .tkv-lado .val, html[data-modo="escuro"] .tkv-main h4.t, html[data-modo="escuro"] .tkv .titulo h5, html[data-modo="escuro"] .tkv .fechar, html[data-modo="escuro"] .tkv .msg .quem .nome, html[data-modo="escuro"] .tk .cbx .seta { color: var(--d-tx) !important; }
html[data-modo="escuro"] .tk .cbx .res a, html[data-modo="escuro"] .tkl h4.t, html[data-modo="escuro"] .wh-bkp .dest-top .ic, html[data-modo="escuro"] .wh-bkp .dest-top .ed, html[data-modo="escuro"] .wh-pt .mv, html[data-modo="escuro"] .np .lb, html[data-modo="escuro"] .np .tipos .cd i, html[data-modo="escuro"] .np .url input { color: var(--d-tx) !important; }
html[data-modo="escuro"] .wh-dom p.intro, html[data-modo="escuro"] .wh-cfg .sec-simples, html[data-modo="escuro"] .cap-prev .cap-desc strong, html[data-modo="escuro"] .em-assunto, html[data-modo="escuro"] .em-meta b, html[data-modo="escuro"] .forma .nm, html[data-modo="escuro"] .forma .vl { color: var(--d-tx) !important; }
html[data-modo="escuro"] .tags a, html[data-modo="escuro"] .cmp thead th, html[data-modo="escuro"] .dm-lem th, html[data-modo="escuro"] .emk thead th, html[data-modo="escuro"] .tkl thead th, html[data-modo="escuro"] .trl table.tl thead th, html[data-modo="escuro"] .usr-tb th, html[data-modo="escuro"] .wh-cfg table.pt th { background-color: var(--d-s2) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .wh-me th, html[data-modo="escuro"] .wh-promo th, html[data-modo="escuro"] .wh-srv th, html[data-modo="escuro"] .wh-tabela thead th, html[data-modo="escuro"] table.wh-pt thead th, html[data-modo="escuro"] .esc .tb th, html[data-modo="escuro"] .fr .tb th, html[data-modo="escuro"] .gc .tb th { background-color: var(--d-s2) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .pc .tb th, html[data-modo="escuro"] .sp .tb th, html[data-modo="escuro"] .st .tb th, html[data-modo="escuro"] .tk .sv th, html[data-modo="escuro"] .wh-add .tb th, html[data-modo="escuro"] .wh-dep .tb th, html[data-modo="escuro"] .wh-dl .tb th, html[data-modo="escuro"] .wh-dom .tb th { background-color: var(--d-s2) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .wh-fun .tb th, html[data-modo="escuro"] .wh-ipb .tb th, html[data-modo="escuro"] .wh-moe .tb th, html[data-modo="escuro"] .wh-opc .tb th, html[data-modo="escuro"] .wh-reg .tb th, html[data-modo="escuro"] .wh-stp .tb th, html[data-modo="escuro"] .wh-ter th, html[data-modo="escuro"] thead[style*="1b4a7d"] th { background-color: var(--d-s2) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] tr[style*="1b4a7d"] th, html[data-modo="escuro"] tr[style*="1b4a7d"] td, html[data-modo="escuro"] thead[style*="1a4d80"] th, html[data-modo="escuro"] tr[style*="1a4d80"] th, html[data-modo="escuro"] tr[style*="1a4d80"] td, html[data-modo="escuro"] tr[style*="1b4a7d"], html[data-modo="escuro"] tr[style*="1a4d80"], html[data-modo="escuro"] .wh-rodape { background-color: var(--d-s2) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .tgl-off, html[data-modo="escuro"] .tr .tb th, html[data-modo="escuro"] .ct4 .tb th, html[data-modo="escuro"] .kb .tag, html[data-modo="escuro"] .gu-tb th, html[data-modo="escuro"] .wh-dep .abas a, html[data-modo="escuro"] .fr .abas a, html[data-modo="escuro"] .trl .abas a { background-color: var(--d-s2) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .an .abas a em, html[data-modo="escuro"] .an .s-secondary, html[data-modo="escuro"] .an .s-dark, html[data-modo="escuro"] .av .tb th, html[data-modo="escuro"] .wh-aut .cal th, html[data-modo="escuro"] .wh-add .abas a, html[data-modo="escuro"] .tkv .abas a, html[data-modo="escuro"] .tkl .abas a { background-color: var(--d-s2) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .wh-cfg .tabs a, html[data-modo="escuro"] .wh-dom .side .input-group-text, html[data-modo="escuro"] .wh-dom .side .faixa, html[data-modo="escuro"] .nf .tb th, html[data-modo="escuro"] .wh-cfg .sec span, html[data-modo="escuro"] .sp .abas a, html[data-modo="escuro"] .pv .tb th, html[data-modo="escuro"] .vd table.vd-tab th { background-color: var(--d-s2) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .bi4 .tb th, html[data-modo="escuro"] .wa4 .tb th { background-color: var(--d-s2) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .form-control[readonly] { background-color: rgba(77,155,255,.16) !important;background-color: var(--d-s1) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .msg.e, html[data-modo="escuro"] .sg .dl.dn, html[data-modo="escuro"] .dsh .dl.dn, html[data-modo="escuro"] .dsh .pill.r, html[data-modo="escuro"] #status-layout.danger, html[data-modo="escuro"] .wh-tld .tb .neg, html[data-modo="escuro"] .pd-icone.perigo, html[data-modo="escuro"] .dsh2 .dl.dn { background-color: rgba(239,68,68,.2) !important;color: #fca5a5 !important; }
html[data-modo="escuro"] .dsh2 .pill.r, html[data-modo="escuro"] .wh-chip .wh-sn.nao, html[data-modo="escuro"] .wh-tabc:not(.wh-aba-resumo) .usr-tb .btn-remover { background-color: rgba(239,68,68,.2) !important;color: #fca5a5 !important; }
html[data-modo="escuro"] .ph { background-color: rgba(77,155,255,.16) !important;background-color: var(--d-s1) !important;color: #93c5fd !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .fl .tb th, html[data-modo="escuro"] .fv .tb th, html[data-modo="escuro"] .wh-tbl th, html[data-modo="escuro"] table.wh-dt thead th, html[data-modo="escuro"] .wh-tabs a, html[data-modo="escuro"] .fl .tabf, html[data-modo="escuro"] .fv .tabs a { background-color: var(--d-s1) !important;background-color: var(--d-s2) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .rel table.tb th, html[data-modo="escuro"] .wh-adm .tb th { background-color: var(--d-s2) !important;color: var(--d-tx) !important;color: var(--d-tx2) !important; }
html[data-modo="escuro"] th, html[data-modo="escuro"] .nc .frm, html[data-modo="escuro"] .wf, html[data-modo="escuro"] .wf-c, html[data-modo="escuro"] .wh-dtt, html[data-modo="escuro"] .wh-filtro, html[data-modo="escuro"] .wh-stat { background-color: var(--d-s2) !important; }
html[data-modo="escuro"] .sv-top, html[data-modo="escuro"] .sv-met th, html[data-modo="escuro"] .sv-barra, html[data-modo="escuro"] .dm-top, html[data-modo="escuro"] .wh-cfg .rw:nth-child(odd), html[data-modo="escuro"] .wh-ipb .frm, html[data-modo="escuro"] .wh-gw .gw, html[data-modo="escuro"] .wh-gw .rw:nth-child(odd) { background-color: var(--d-s2) !important; }
html[data-modo="escuro"] .tr .frm, html[data-modo="escuro"] .wh-fis .rapida .cab, html[data-modo="escuro"] .ct4 .frm, html[data-modo="escuro"] .kb .cats .n, html[data-modo="escuro"] .kb .kb-util, html[data-modo="escuro"] .gu-busca, html[data-modo="escuro"] .wh-fun .frm, html[data-modo="escuro"] .wh-dep .cmds .input-group-text { background-color: var(--d-s2) !important; }
html[data-modo="escuro"] .wh-dep .frm, html[data-modo="escuro"] .wh-srv tr.mod td, html[data-modo="escuro"] .wh-opc .frm, html[data-modo="escuro"] .wh-opc .sub .cab, html[data-modo="escuro"] .pc .frm, html[data-modo="escuro"] .pc .it th, html[data-modo="escuro"] .esc .cron span, html[data-modo="escuro"] .esc .frm { background-color: var(--d-s2) !important; }
html[data-modo="escuro"] .sj .img1, html[data-modo="escuro"] .np-lado, html[data-modo="escuro"] .np .rw, html[data-modo="escuro"] .st .frm, html[data-modo="escuro"] .rp .cats .n, html[data-modo="escuro"] .fc-tab tr.fc-ini td, html[data-modo="escuro"] .fc-tab tr.fc-tot td, html[data-modo="escuro"] .php-info .e { background-color: var(--d-s2) !important; }
html[data-modo="escuro"] .cp-bloco, html[data-modo="escuro"] .fr .frm, html[data-modo="escuro"] .cd .frm, html[data-modo="escuro"] .wh-stp .frm, html[data-modo="escuro"] .trl-lado, html[data-modo="escuro"] .trl .box2 .rw, html[data-modo="escuro"] .trl .topo, html[data-modo="escuro"] .trl table.tl tfoot td { background-color: var(--d-s2) !important; }
html[data-modo="escuro"] .av .frm, html[data-modo="escuro"] .wh-aut .grafico, html[data-modo="escuro"] .wh-aut .cal, html[data-modo="escuro"] .wh-aut .cal .mes span, html[data-modo="escuro"] .emk .rw:nth-child(odd), html[data-modo="escuro"] .wh-moe .frm, html[data-modo="escuro"] .cmp .rw:nth-child(odd), html[data-modo="escuro"] .cmp .prog .bar { background-color: var(--d-s2) !important; }
html[data-modo="escuro"] .wh-add .frm, html[data-modo="escuro"] .wh-add .precos th, html[data-modo="escuro"] .wh-add .precos td.mo, html[data-modo="escuro"] .wh-add .precos th.mo, html[data-modo="escuro"] .tkv-lado, html[data-modo="escuro"] .tkv .painel, html[data-modo="escuro"] .tk .frm, html[data-modo="escuro"] .m .c { background-color: var(--d-s2) !important; }
html[data-modo="escuro"] .wh-bkp .card-dest .cab, html[data-modo="escuro"] .wh-bkp .dest-bar, html[data-modo="escuro"] table.wh-pt tr.grp td, html[data-modo="escuro"] .wh-cfg table.pt td.l, html[data-modo="escuro"] .wh-cfg .metr .mt, html[data-modo="escuro"] .wh-dom .dest, html[data-modo="escuro"] .wh-dom .side .card-header, html[data-modo="escuro"] .wh-ter td.anos { background-color: var(--d-s2) !important; }
html[data-modo="escuro"] .wh-tld .tb tbody tr:nth-child(even) td, html[data-modo="escuro"] .wh-reg .cfg, html[data-modo="escuro"] .gc .frm, html[data-modo="escuro"] .wh-dl .frm, html[data-modo="escuro"] .nf .frm, html[data-modo="escuro"] .wh-cli.wh-servicos .wh-filtro, html[data-modo="escuro"] .wh-cli.wh-servicos .wh-filtro .col-md-2, html[data-modo="escuro"] #rel-area th { background-color: var(--d-s2) !important; }
html[data-modo="escuro"] #rel-area .rel-tot .final td, html[data-modo="escuro"] .wh-cfg .desligado input[type=text], html[data-modo="escuro"] .fl-lado, html[data-modo="escuro"] .fv .st tr:nth-child(odd) td, html[data-modo="escuro"] tr.t td, html[data-modo="escuro"] .sp .add, html[data-modo="escuro"] .mde .bar, html[data-modo="escuro"] .mde .rod { background-color: var(--d-s2) !important; }
html[data-modo="escuro"] .ct4 .card-header, html[data-modo="escuro"] .pv .frm, html[data-modo="escuro"] .bi4 .card-header, html[data-modo="escuro"] .wa4 .card-header, html[data-modo="escuro"] .wa4 pre { background-color: var(--d-s2) !important; }
html[data-modo="escuro"] .rel table.tb tfoot td { background-color: rgba(77,155,255,.16) !important;background-color: var(--d-s2) !important;color: #93c5fd !important; }
html[data-modo="escuro"] .rel .filtro, html[data-modo="escuro"] .wh-box, html[data-modo="escuro"] table.wh-st tr:nth-child(even) td, html[data-modo="escuro"] .wh-massa, html[data-modo="escuro"] .wh-sub, html[data-modo="escuro"] .sv-uso, html[data-modo="escuro"] .wh-adm .frm, html[data-modo="escuro"] .wh-setup .side ul { background-color: var(--d-s1) !important;background-color: var(--d-s2) !important; }
html[data-modo="escuro"] .fl .tot, html[data-modo="escuro"] .fv .tb tr.sub td { background-color: var(--d-s1) !important;background-color: var(--d-s2) !important; }
html[data-modo="escuro"] .wh-gw .secao, html[data-modo="escuro"] .wh-gw .info-mod, html[data-modo="escuro"] .sj .img1 .fx i { background-color: var(--d-s3) !important; }
html[data-modo="escuro"] .np-lado .sec, html[data-modo="escuro"] .trl-lado .sec, html[data-modo="escuro"] .tkv-lado .sec, html[data-modo="escuro"] .fl-lado .sec { background-color: var(--d-s3) !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .fv .tb tr.tot td { background-color: rgba(77,155,255,.16) !important;background-color: var(--d-s2) !important;color: #93c5fd !important;color: var(--d-tx) !important; }
html[data-modo="escuro"] .cfg-mod .frm .lb { background-color: var(--d-s1) !important;color: var(--d-tx) !important;color: var(--d-tx2) !important; }
html[data-modo="escuro"] .cpx-no { background-color: rgba(77,155,255,.16) !important; }

/* v344: topo sempre claro, cabeçalho de tabela escuro, contorno suave e caixas de seleção visíveis */
html[data-modo="escuro"] body[data-visual] { --v-bg: #0b1220; --v-surface: #111b2e; --v-surface-2: #16233a; --v-text: #e6edf7; --v-muted: #8a9bb8; --v-border: #25365a; --v-input-bg: #16233a; --v-head-bg: #16233a; --v-accent-soft: rgba(77,155,255,.14); }
html[data-modo="escuro"] nav.wh-nav, html[data-modo="escuro"] body[data-visual] nav.wh-nav { background: #f7f8fa !important; color: #334155 !important; }
html[data-modo="escuro"] nav.wh-nav .dk-bg:not(.dropdown-menu):not(.dropdown-menu *), html[data-modo="escuro"] nav.wh-nav .adm-cab, html[data-modo="escuro"] nav.wh-nav .wh-ico, html[data-modo="escuro"] nav.wh-nav .wh-busca, html[data-modo="escuro"] nav.wh-nav .sidebar-toggle { background-color: transparent !important; }
html[data-modo="escuro"] nav.wh-nav .wh-ico, html[data-modo="escuro"] body[data-visual] nav.wh-nav .wh-ico { color: #475569 !important; }
html[data-modo="escuro"] nav.wh-nav .adm-cab, html[data-modo="escuro"] nav.wh-nav .adm-cab .v, html[data-modo="escuro"] nav.wh-nav .adm-cab .s, html[data-modo="escuro"] nav.wh-nav .adm-cab > i, html[data-modo="escuro"] nav.wh-nav .adm-cab .cifrao { color: #334155 !important; }
html[data-modo="escuro"] nav.wh-nav .adm-cab svg.alta, html[data-modo="escuro"] nav.wh-nav .adm-cab .alta { color: #1a9d3d !important; }
html[data-modo="escuro"] nav.wh-nav .adm-cab svg.baixa, html[data-modo="escuro"] nav.wh-nav .adm-cab .baixa { color: #d93636 !important; }
html[data-modo="escuro"] nav.wh-nav img.rounded-circle { background: transparent !important; filter: none !important; }
html[data-modo="escuro"] nav.wh-nav .wh-busca input { background: #fff !important; color: #334155 !important; }

html[data-modo="escuro"] body[data-visual] :is(.wh-tabela, table.wh-dt, table.wh-pt, .wh-tbl, .wh-srv, .wh-promo, .wh-me, .wh-cfg table.pt, .usr-tb, .trl table.tl, .tkl, .fv .tb, .fl .tb, .emk, .dm-lem, .cmp) :is(thead th, th) { background: var(--d-s2) !important; background-image: none !important; color: var(--d-mut) !important; border-color: var(--d-borda) !important; border-left-color: rgba(255,255,255,.04) !important; border-right-color: transparent !important; border-top: 0 !important; border-bottom: 1px solid var(--d-borda2) !important; box-shadow: none !important; }
html[data-modo="escuro"] .wh-tabela { border-collapse: separate; border-spacing: 0; border: 1px solid var(--d-borda); border-radius: 10px; overflow: hidden; background: var(--d-s1); }
html[data-modo="escuro"] .wh-tabela thead th:first-child { border-top-left-radius: 9px; }
html[data-modo="escuro"] .wh-tabela thead th:last-child { border-top-right-radius: 9px; }
html[data-modo="escuro"] .wh-tabela tbody tr:last-child td { border-bottom: 0; }
html[data-modo="escuro"] .wh-tabela thead th a { color: var(--d-tx2) !important; }

html[data-modo="escuro"] input[type="checkbox"]:not([data-sem-estilo]):not(.tg input, .sw input, .sw2 input, .switch input, .toggle input, .form-check input, .form-switch input):not(:checked):not(:indeterminate) { background-color: var(--d-s1) !important; border-color: #6f87ad !important; }
html[data-modo="escuro"] input[type="checkbox"]:not([data-sem-estilo]):not(.tg input, .sw input, .sw2 input, .switch input, .toggle input, .form-check input, .form-switch input):not(:checked):not(:indeterminate):hover { border-color: #34c759 !important; background-color: var(--d-s2) !important; }
html[data-modo="escuro"] input[type="checkbox"]:not([data-sem-estilo]):not(.tg input, .sw input, .sw2 input, .switch input, .toggle input, .form-check input, .form-switch input):is(:checked, :indeterminate) { background-color: #28a745 !important; border-color: #34c759 !important; }
html[data-modo="escuro"] nav.wh-nav :is(.navbar-collapse, .navbar-nav, li.nav-item, .nav-item.d-flex, .navbar-brand) { background-color: transparent !important; }
html[data-modo="escuro"] nav.wh-nav i { background-color: transparent !important; }
/* v344: topo da area do cliente (.wh-t1 / .wh-t2) igual ao modo claro */
html[data-modo="escuro"] .wh-t1, html[data-modo="escuro"] body[data-visual] .wh-t1 { background: #f7f8fa !important; color: #334155 !important; }
html[data-modo="escuro"] .wh-t1 :is(.container, .wh-icos, .dropdown, .adm-cab, .wh-ic, .navbar-brand, i, svg) { background-color: transparent !important; }
html[data-modo="escuro"] .wh-t1 .wh-ic { color: #475569 !important; }
html[data-modo="escuro"] .wh-t1 .wh-ic:hover { background-color: #eceff3 !important; color: #1e293b !important; }
html[data-modo="escuro"] .wh-t1 .adm-cab, html[data-modo="escuro"] .wh-t1 .adm-cab .v, html[data-modo="escuro"] .wh-t1 .adm-cab .s, html[data-modo="escuro"] .wh-t1 .adm-cab > i, html[data-modo="escuro"] .wh-t1 .adm-cab .cifrao { color: #334155 !important; }
html[data-modo="escuro"] .wh-t1 .adm-cab svg.alta, html[data-modo="escuro"] .wh-t1 .adm-cab .alta { color: #1a9d3d !important; }
html[data-modo="escuro"] .wh-t1 .adm-cab svg.baixa, html[data-modo="escuro"] .wh-t1 .adm-cab .baixa { color: #d93636 !important; }
html[data-modo="escuro"] .wh-t2, html[data-modo="escuro"] body[data-visual] .wh-t2 { background: #0d1628 !important; border-bottom: 1px solid var(--d-borda); }
html[data-modo="escuro"] .wh-t2 :is(.container, .navbar-collapse, .navbar-nav, li.nav-item) { background-color: transparent !important; }
html[data-modo="escuro"] .wh-t2 .nav-link { color: #fff !important; background-color: transparent; }
html[data-modo="escuro"] .wh-t2 .nav-link:hover, html[data-modo="escuro"] .wh-t2 .nav-link:focus, html[data-modo="escuro"] .wh-t2 .nav-item.show > .nav-link { background-color: rgba(255,255,255,.14) !important; }
html[data-modo="escuro"] .wh-t2 .nav-link.active { background-color: rgba(255,255,255,.12) !important; box-shadow: inset 0 -3px 0 #0b78ed !important; }
html[data-modo="escuro"] .wh-t2 .dropdown-menu { margin-top: 0 !important; background: var(--d-s1) !important; border: 1px solid var(--d-borda) !important; border-top: 0 !important; box-shadow: 0 12px 28px rgba(0,0,0,.5); }
html[data-modo="escuro"] .wh-t2 .dropdown-item { color: var(--d-tx2) !important; background: transparent !important; }
html[data-modo="escuro"] .wh-t2 .dropdown-item:hover, html[data-modo="escuro"] .wh-t2 .dropdown-item:focus { background: var(--d-azs) !important; color: #fff !important; }
html[data-modo="escuro"] .wh-t1 .navbar-brand { color: #1e293b !important; }
html[data-modo="escuro"] .wh-t1 .wh-ic i, html[data-modo="escuro"] .wh-t1 .wh-ic svg { color: inherit !important; }

/* v350: titulos sobre fundo colorido (banner do portal de ajuda, store) nao viram escuros pelo estilo do visual */
body[data-visual] .pt-h h1, html[data-modo="escuro"] body[data-visual] .pt-h h1, body[data-visual] .pt-hero :is(h1, h2, h3), html[data-modo="escuro"] body[data-visual] .pt-hero :is(h1, h2, h3), body[data-visual] :is(.bg-primary, .bg-dark, .bg-success, .bg-danger, .bg-secondary, .text-white, .text-light) :is(h1, h2, h3, h4, h5, h6), html[data-modo="escuro"] body[data-visual] :is(.bg-primary, .bg-dark, .bg-success, .bg-danger, .bg-secondary, .text-white, .text-light) :is(h1, h2, h3, h4, h5, h6) { color: #fff !important; }
body[data-visual] .pt-h p.lead, html[data-modo="escuro"] body[data-visual] .pt-h p.lead { color: rgba(255,255,255,.9) !important; }
body[data-visual] .pt-h__topo strong, html[data-modo="escuro"] body[data-visual] .pt-h__topo strong { color: var(--t1) !important; }
html[data-modo="escuro"] body[data-visual] .pt-h__topo strong, html[data-modo="escuro"] body[data-visual] .pt-h__nav a.on { color: #e6edf7 !important; }

/* v351: linhas das listas (.wh-tabela) com separador discreto, respiro e destaque suave ao passar o mouse */
html[data-modo="escuro"] body[data-visual] .wh-tabela tbody td, html[data-modo="escuro"] .wh-tabela tbody td { border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid rgba(120,150,210,.16) !important; padding-top: 9px; padding-bottom: 9px; background-color: transparent !important; }
html[data-modo="escuro"] .wh-tabela tbody tr:nth-child(even) td { background-color: rgba(255,255,255,.025) !important; }
html[data-modo="escuro"] .wh-tabela tbody tr:hover td { background-color: rgba(77,155,255,.10) !important; }
html[data-modo="escuro"] .wh-tabela tbody tr:last-child td { border-bottom: 0 !important; }
html[data-modo="escuro"] .wh-tabela tbody td a { color: #6fb0ff; }
html[data-modo="escuro"] .wh-tabela tbody td a:hover { color: #a8d0ff; }

/* v352: caixas de filtro e cartoes com a mesma borda suave das telas de Clientes */
html[data-modo="escuro"] body[data-visual] :is(.wh-filtro, form.wh-filtro, .wh-cli .wh-filtro, .wh-cli.wh-servicos .wh-filtro, .fin-mod .wh-filtro) { border: 1px solid var(--d-borda) !important; border-radius: 6px; background-color: var(--d-s2) !important; box-shadow: none !important; outline: 0 !important; }
html[data-modo="escuro"] :is(.wh-filtro, .wh-cli.wh-servicos .wh-filtro) { border: 1px solid var(--d-borda) !important; background-color: var(--d-s2) !important; box-shadow: none !important; }
html[data-modo="escuro"] .wh-filtro :is(.form-control, .form-select, select, input) { border-color: var(--d-borda2) !important; background-color: var(--d-s1) !important; }

/* v357: hover padrao do modo escuro - transicao suave, sem fundo preto chapado e sem texto escuro sobre fundo escuro */
html[data-modo="escuro"] .btn, html[data-modo="escuro"] .nav-link, html[data-modo="escuro"] .dropdown-item, html[data-modo="escuro"] .list-group-item-action, html[data-modo="escuro"] .page-link, html[data-modo="escuro"] .sidebar ul li a { transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease; }
html[data-modo="escuro"] body .btn:not(:disabled):not(.disabled):not(.btn-link):is(:hover, :focus-visible, :active):not(.dk-skip) { background-color: var(--c-anel, rgba(77,155,255,.28)) !important; color: #fff !important; border-color: var(--c, var(--d-az)) !important; box-shadow: 0 0 0 3px transparent; }
html[data-modo="escuro"] body .btn.btn-link:not(:disabled):is(:hover, :focus-visible) { background-color: var(--d-azs) !important; color: #fff !important; text-decoration: none; }
html[data-modo="escuro"] body .btn.active, html[data-modo="escuro"] body .btn:not(:disabled):not(.disabled):active { background-color: var(--c-anel, rgba(77,155,255,.4)) !important; }
html[data-modo="escuro"] body :is(.nav-link, .nav-tabs .nav-link, .nav-pills .nav-link, .dropdown-item, .list-group-item-action, .page-link, .accordion-button, .sidebar ul li a, .wh-tabs a, .tabs a, .abas a):not(.wh-nav *):not(.wh-t1 *):not(.wh-t2 *):not(nav.topo *):not(.btn):is(:hover, :focus-visible) { background-color: var(--d-azs) !important; color: #fff !important; border-color: var(--d-borda2); }
html[data-modo="escuro"] body :is(.nav-pills .nav-link.active, .list-group-item.active, .dropdown-item.active, .page-item.active .page-link):not(.wh-t2 *) { background-color: rgba(77,155,255,.26) !important; color: #fff !important; border-color: rgba(77,155,255,.5) !important; }
html[data-modo="escuro"] body .dropdown-item:is(:hover, :focus) { background-color: var(--d-azs) !important; color: #fff !important; }
html[data-modo="escuro"] body .wh-ac:hover, html[data-modo="escuro"] body .btn-icone:hover { background-color: var(--d-azs) !important; color: #fff !important; }
html[data-modo="escuro"] body a.dropdown-item:hover i, html[data-modo="escuro"] body .nav-link:hover i { color: inherit; }

/* campo de upload no modo escuro */
html[data-modo="escuro"] input[type="file"], html[data-modo="escuro"] input[type="file"].form-control { color: var(--d-mut) !important; background-color: transparent !important; border: 1px dashed var(--d-borda2) !important; }
html[data-modo="escuro"] input[type="file"]::file-selector-button { color: var(--d-tx2); background: var(--d-s3); border: 1px solid var(--d-borda2); }
html[data-modo="escuro"] input[type="file"]:hover::file-selector-button { background: var(--d-azs); border-color: var(--d-az); color: #fff; }

/* v362: texto do botao com contorno sempre da mesma cor da borda (cada variacao usa a sua cor --c); botoes preenchidos mantem texto branco */
html[data-modo="escuro"] .btn-warning, html[data-modo="escuro"] .btn-outline-warning { --c: #6ab0ff; }
html[data-modo="escuro"] body .btn:not(.btn-primary):not(.btn-secondary):not(.btn-success):not(.btn-danger):not(.btn-info):not(.btn-dark):not(.btn-link):not(.btn-light):not(.btn-outline-light):not(.close):not(.navbar-toggler):not(:hover):not(:focus-visible):not(:active):not(.active) { color: var(--c, #6ab0ff) !important; border-color: var(--c, #6ab0ff) !important; }
html[data-modo="escuro"] body .btn:not(.btn-link):not(.btn-light):not(.btn-outline-light):is(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-info, .btn-dark):not(:hover):not(:focus-visible):not(:active) { color: #fff !important; }
html[data-modo="escuro"] body .btn :is(i, svg) { color: inherit !important; }
html[data-modo="escuro"] body :is(.btn-light, .btn-outline-light):not(:hover) { color: var(--d-tx2) !important; border-color: var(--d-borda2) !important; }

/* v383: botoes do rodape das janelas (Cancelar / Sair etc.) no escuro: contorno e fonte da mesma cor; hover = fundo translucido + fonte branca (nunca vermelho sobre vermelho) */
html[data-modo="escuro"] body .modal-content .btn.btn, html[data-modo="escuro"] body .pd-rodape .btn.btn { background-color: transparent !important; border-color: var(--c, #6ab0ff) !important; color: var(--c, #6ab0ff) !important; }
html[data-modo="escuro"] body .modal-content .btn.btn:hover, html[data-modo="escuro"] body .modal-content .btn.btn:focus, html[data-modo="escuro"] body .modal-content .btn.btn:active, html[data-modo="escuro"] body .pd-rodape .btn.btn:hover { background-color: color-mix(in srgb, var(--c, #6ab0ff) 24%, transparent) !important; border-color: var(--c, #6ab0ff) !important; color: #fff !important; box-shadow: 0 0 0 3px var(--c-anel, rgba(106,176,255,.25)) !important; }
html[data-modo="escuro"] body .modal-content .btn.btn-success, html[data-modo="escuro"] body .modal-content .btn.btn-outline-success { --c: #4ade80; --c-anel: rgba(74,222,128,.28); }
html[data-modo="escuro"] body .modal-content .btn.btn-secondary, html[data-modo="escuro"] body .modal-content .btn.btn-outline-secondary { --c: #94a3b8; --c-anel: rgba(148,163,184,.28); }
html[data-modo="escuro"] body .modal-content .btn.btn-danger, html[data-modo="escuro"] body .modal-content .btn.btn-outline-danger { --c: #f87171; --c-anel: rgba(248,113,113,.3); }
html[data-modo="escuro"] body .modal-content .btn:not(.btn-link):not(.btn-light):not(.btn-outline-light):is(.btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-info, .btn-dark):not(:hover):not(:focus-visible):not(:active) { color: var(--c, #6ab0ff) !important; }

/* v385: linhas divisorias suaves no escuro (tabelas, formularios em linhas, listas): borda fina e translucida em vez de linha marcada */
html[data-modo="escuro"] :is(tr, td, th, .rw, .tit, li, .list-group-item, .tb, .frm, .wh-tabela, .fl, .row-sep).dk-bb { border-bottom-color: rgba(140,165,215,.11) !important; }
html[data-modo="escuro"] :is(tr, td, th, .rw, .tit, li, .list-group-item, .tb, .frm, .wh-tabela, .fl, .row-sep).dk-bt { border-top-color: rgba(140,165,215,.11) !important; }
html[data-modo="escuro"] :is(td, th, .rw > *).dk-bl { border-left-color: rgba(140,165,215,.08) !important; }
html[data-modo="escuro"] :is(td, th, .rw > *).dk-br { border-right-color: rgba(140,165,215,.08) !important; }
html[data-modo="escuro"] .table :is(td, th), html[data-modo="escuro"] table.tb :is(td, th), html[data-modo="escuro"] .table-bordered :is(td, th) { border-color: rgba(140,165,215,.11) !important; }
html[data-modo="escuro"] .table thead :is(td, th) { border-bottom-color: rgba(140,165,215,.18) !important; }
html[data-modo="escuro"] .wh-dep .frm .rw, html[data-modo="escuro"] .wh-dep .frm .tit, html[data-modo="escuro"] .wh-dep .tb td, html[data-modo="escuro"] .wh-dep .tb th { border-color: rgba(140,165,215,.11) !important; }
html[data-modo="escuro"] .wh-dep .frm { border-color: rgba(140,165,215,.16) !important; }
html[data-modo="escuro"] hr { border-color: rgba(140,165,215,.14); }

/* v386: caixas informativas de comandos (cron/e-mail): azul-acinzentado translucido em vez do amarelo-oliva; texto legivel */
html[data-modo="escuro"] .wh-dep .cmds, html[data-modo="escuro"] .esc .cron { background-color: rgba(77,155,255,.07) !important; border-color: rgba(140,165,215,.2) !important; color: var(--d-tx2) !important; }
html[data-modo="escuro"] .wh-dep .cmds :is(small, .text-muted, .ou), html[data-modo="escuro"] .esc .cron :is(small, .text-muted) { color: var(--d-mut) !important; }
html[data-modo="escuro"] .wh-dep .cmds :is(a, a *) { color: var(--d-az) !important; }
html[data-modo="escuro"] .wh-dep .cmds b, html[data-modo="escuro"] .wh-dep .cmds strong { color: var(--d-tx) !important; }

/* v387: cabecalho da tabela de Departamentos de suporte (escopo so de .wh-dep .tb): fundo escuro, sem degrade branco */
html[data-modo="escuro"] .wh-dep .tb thead, html[data-modo="escuro"] .wh-dep .tb thead tr, html[data-modo="escuro"] .wh-dep .tb th { background-color: var(--d-s2) !important; background-image: none !important; color: var(--d-mut) !important; border-color: rgba(140,165,215,.11) !important; }

/* v389: botoes de perigo com fundo vermelho (hover/foco) sempre com fonte branca; janela "Sair do sistema" com contornos legiveis */
html[data-modo="escuro"] body .cs-box .cs-b.no { color: #f87171 !important; border-color: #f87171 !important; background-color: transparent !important; }
html[data-modo="escuro"] body .cs-box .cs-b.ok { color: #4ade80 !important; border-color: #4ade80 !important; background-color: transparent !important; }
html[data-modo="escuro"] body .cs-box .cs-b.no:is(:hover, :focus, :focus-visible, :active) { background-color: #b91c1c !important; border-color: #b91c1c !important; color: #fff !important; }
html[data-modo="escuro"] body .cs-box .cs-b.ok:is(:hover, :focus, :focus-visible, :active) { background-color: #15803d !important; border-color: #15803d !important; color: #fff !important; }
html[data-modo="escuro"] body button.wh-sn.nao:hover, html[data-modo="escuro"] body .wh-chip button.wh-sn.nao:hover, html[data-modo="escuro"] body .usr-tb .btn-remover:hover:not(:disabled), html[data-modo="escuro"] body .wh-tabc .usr-tb .btn-remover:hover:not(:disabled) { color: #fff !important; }

/* v391: varredura geral - linhas entre as linhas de QUALQUER tabela do ADM e do cliente ficam finas e translucidas (acaba com a linha branca) */
html[data-modo="escuro"] body :is(tr, td, th):not(.zz):not(.zz):not(.zz) { border-top-color: rgba(140,165,215,.10) !important; border-bottom-color: rgba(140,165,215,.10) !important; }
html[data-modo="escuro"] body :is(thead, thead tr, thead th, thead td):not(.zz):not(.zz):not(.zz):not(.zz) { border-bottom-color: rgba(140,165,215,.18) !important; }
html[data-modo="escuro"] body :is(tbody, tfoot):not(.zz):not(.zz):not(.zz) { border-top-color: rgba(140,165,215,.10) !important; }
html[data-modo="escuro"] body table:not(.zz):not(.zz):not(.zz) :is(tr, td, th)[style*="border"] { border-top-color: rgba(140,165,215,.10) !important; border-bottom-color: rgba(140,165,215,.10) !important; }

/* v392: grafico de Receita liquida (Transacoes) no escuro: sem grade e sem contorno branco; ficam so os valores, a linha verde e os pontos */
html[data-modo="escuro"] .trl .graf svg line { stroke: transparent !important; }
html[data-modo="escuro"] .trl .graf, html[data-modo="escuro"] .trl .graf svg { border: 0 !important; outline: 0 !important; box-shadow: none !important; background-color: transparent !important; background-image: none !important; }
html[data-modo="escuro"] .trl .graf svg text { fill: var(--d-mut) !important; }

/* v393: varredura nos graficos SVG do sistema (Automacao, Fluxo de caixa, Suporte geral, Transacoes...): a grade clara some; o eixo base fica bem suave; linha, areas, pontos e valores continuam */
html[data-modo="escuro"] svg line:is([stroke="#eee"], [stroke="#EEE"], [stroke="#ddd"], [stroke="#DDD"], [stroke="#f2f2f2"], [stroke="#f1f1f1"], [stroke="#e5e7eb"], [stroke="#f1f5f9"], [stroke="#e5e5e5"], [stroke="#e8e8e8"], [stroke="#eaeaea"], [stroke="#fff"], [stroke="#ffffff"], [stroke="#e2e8f0"]) { stroke: transparent !important; }
html[data-modo="escuro"] svg line:is([stroke="#9ca3af"], [stroke="#ccc"], [stroke="#CCC"], [stroke="#bbb"], [stroke="#aaa"]) { stroke: rgba(140,165,215,.16) !important; }
html[data-modo="escuro"] svg:has(polyline) text:not([fill*="#"]):not([fill*="rgb"]) { fill: var(--d-mut); }
html[data-modo="escuro"] svg:has(polyline) text[fill="#777"], html[data-modo="escuro"] svg:has(polyline) text[fill="#6b7280"], html[data-modo="escuro"] svg:has(polyline) text[fill="#888"], html[data-modo="escuro"] svg:has(polyline) text[fill="#666"] { fill: var(--d-mut) !important; }

/* v404: menu do topo no escuro - item com submenu "expandido" (aria-expanded) nao fica destacado como se fosse a pagina atual; so a pagina ativa e o mouse em cima destacam */
@media (min-width: 992px) {
    html[data-modo="escuro"] body[data-visual="topo"] .sidebar > ul > li:not(.active):not(:hover):not(:focus-within) > a[aria-expanded="true"] { background: transparent !important; box-shadow: none !important; }
    html[data-modo="escuro"] body[data-visual="topo"] .sidebar > ul > li.active > a { background: rgba(255, 255, 255, .12) !important; box-shadow: inset 0 -3px 0 #0b78ed !important; } /* linha de baixo do item ativo: azul (era branca) */
}

/* v406: cabecalho de tabela sempre escuro no modo escuro (varredura geral). So th/thead; nao mexe em menus, botoes nem outros componentes.
   Fica de fora quem tem cor propria no style (cabecalhos coloridos de proposito). */
html[data-modo="escuro"] body table:not(.zz):not(.zz):not(.zz):not(.zz) > :is(thead, tfoot) > tr > :is(th, td):not([style*="background"]):not(.zz):not(.zz):not(.zz):not(.zz),
html[data-modo="escuro"] body table:not(.zz):not(.zz):not(.zz):not(.zz) > tbody > tr:first-child > th:not([style*="background"]):not(.zz):not(.zz):not(.zz):not(.zz) { background-color: var(--d-s2) !important; background-image: none !important; color: var(--d-tx2) !important; border-color: var(--d-borda) !important; box-shadow: none; }
html[data-modo="escuro"] body table:not(.zz):not(.zz):not(.zz):not(.zz) > :is(thead, tfoot) > tr > th:not([style*="background"]) a:not(.btn) { color: var(--d-tx2) !important; }

/* v407: modais de confirmacao (.pd-*) e aviso de sessao no visual novo - texto, botoes e campo no escuro */
html[data-modo="escuro"] .pd-caixa { background: var(--d-s1) !important; box-shadow: 0 32px 80px rgba(0,0,0,.6), 0 0 0 1px var(--d-borda) !important; }
html[data-modo="escuro"] .pd-top, html[data-modo="escuro"] .pd-corpo, html[data-modo="escuro"] .pd-rodape { background: transparent !important; }
html[data-modo="escuro"] .pd-titulo, html[data-modo="escuro"] #avisoSessao h5 { color: var(--d-tx) !important; }
html[data-modo="escuro"] .pd-msg { color: var(--d-tx2) !important; }
html[data-modo="escuro"] .pd-campo { background: var(--d-s2) !important; border-color: var(--d-borda2) !important; color: var(--d-tx) !important; }
html[data-modo="escuro"] .pd-btn.sec { background: transparent !important; color: var(--d-tx2) !important; border-color: var(--d-borda2) !important; }
html[data-modo="escuro"] .pd-btn.sec:hover { background: var(--d-s3) !important; color: var(--d-tx) !important; }
html[data-modo="escuro"] #avisoSessao .ses-caixa { background: var(--d-s1) !important; box-shadow: 0 32px 80px rgba(0,0,0,.6), 0 0 0 1px var(--d-borda) !important; }
html[data-modo="escuro"] #avisoSessao .ses-ic { background: rgba(77,155,255,.16) !important; color: #93c5fd !important; }
html[data-modo="escuro"] #avisoSessao .ses-tempo { color: #f87171; background: rgba(248,113,113,.10); }
html[data-modo="escuro"] #avisoSessao .ses-barra { background: var(--d-s2) !important; }

/* v408: Store (cliente/store, carrinho, cadastro) no modo escuro, igual ao painel. Topo claro (logo e indicadores) e menu azul-marinho ficam como no claro. */
html[data-modo="escuro"] { --tx: var(--d-tx); --mut: var(--d-mut); --lin: var(--d-borda); --fundo: var(--d-bg); }
html[data-modo="escuro"] body { background: var(--d-bg); color: var(--d-tx); }
html[data-modo="escuro"] .ls-t1 { background: #f7f8fa; }
html[data-modo="escuro"] .ls-t1 .ls-ic, html[data-modo="escuro"] .ls-t1 .modo-btn { color: #475569 !important; background: transparent !important; }
html[data-modo="escuro"] .ls-t1 .ls-ic:hover, html[data-modo="escuro"] .ls-t1 .modo-btn:hover { color: #1e293b !important; background: #eceff3 !important; }
html[data-modo="escuro"] .ls-marca { color: #1e293b; }
html[data-modo="escuro"] .ls-wrap a:not(.ls-btn):not(.ls-card):not(.ls-cart) { color: var(--d-az); }
html[data-modo="escuro"] h1.ls-t, html[data-modo="escuro"] .ls-card h3, html[data-modo="escuro"] .ls-caixa h2, html[data-modo="escuro"] a.ls-card { color: var(--d-tx); }
html[data-modo="escuro"] .ls-card, html[data-modo="escuro"] .ls-caixa, html[data-modo="escuro"] .ls-passos, html[data-modo="escuro"] .ls-ciclos .box, html[data-modo="escuro"] .ls-pc .pcb, html[data-modo="escuro"] .ls-dm .dmb, html[data-modo="escuro"] .ls-dom .res, html[data-modo="escuro"] .ls-abas span { background: var(--d-s1); border-color: var(--d-borda); color: var(--d-tx); box-shadow: none; }
html[data-modo="escuro"] .ls-prog { background: var(--d-s2); border-color: var(--d-borda); }
html[data-modo="escuro"] .ls-passos li span { background: var(--d-s2); border-color: var(--d-borda2); color: var(--d-mut); }
html[data-modo="escuro"] .ls-passos li::after { background: var(--d-borda); }
html[data-modo="escuro"] .ls-passos li.ok span, html[data-modo="escuro"] .ls-passos li.on span { color: #fff; }
html[data-modo="escuro"] .ls-passos li.ok::after { background: linear-gradient(90deg, var(--az3), var(--az2)); }
html[data-modo="escuro"] .ls-passos li { color: var(--d-mut); } html[data-modo="escuro"] .ls-passos li.on, html[data-modo="escuro"] .ls-passos li.ok { color: var(--d-tx); } html[data-modo="escuro"] .ls-passos li.on { color: var(--d-az); }
html[data-modo="escuro"] a.ls-card:hover { border-color: var(--d-az); box-shadow: 0 10px 28px rgba(0,0,0,.45); }
html[data-modo="escuro"] .ls-card .ico, html[data-modo="escuro"] .ls-dm .dmb > i { background: var(--d-azs); color: var(--d-az); }
html[data-modo="escuro"] .ls-card .desc, html[data-modo="escuro"] .ls-pc .pc-de, html[data-modo="escuro"] .ls-pc .pc-v, html[data-modo="escuro"] .ls-pc .pc-tot, html[data-modo="escuro"] .ls-pc .pc-ren, html[data-modo="escuro"] .ls-pc .pc-set, html[data-modo="escuro"] .ls-dm .dmb small { color: var(--d-tx2); }
html[data-modo="escuro"] .ls-pc .pc-t, html[data-modo="escuro"] .ls-pc .pc-v b, html[data-modo="escuro"] .ls-dm .dmb b, html[data-modo="escuro"] .ls-ciclos .box b, html[data-modo="escuro"] .ls-preco, html[data-modo="escuro"] .ls-campo label { color: var(--d-tx); }
html[data-modo="escuro"] .ls-pc .pc-r { background: var(--d-s1); border-color: var(--d-mut); }
html[data-modo="escuro"] .ls-pc:hover .pcb, html[data-modo="escuro"] .ls-dm:hover .dmb, html[data-modo="escuro"] .ls-dom .res:hover, html[data-modo="escuro"] .ls-abas label:hover span { border-color: var(--d-borda2); background: var(--d-s2); }
html[data-modo="escuro"] .ls-pc input:checked + .pcb, html[data-modo="escuro"] .ls-ciclos input:checked + .box, html[data-modo="escuro"] .ls-dm input:checked + .dmb { background: var(--d-azs); border-color: var(--d-az); }
html[data-modo="escuro"] .ls-pc input:checked + .pcb .pc-r { background: radial-gradient(circle, #0d9db8 0 45%, var(--d-s1) 50%); }
html[data-modo="escuro"] .ls-dm input:checked + .dmb > i, html[data-modo="escuro"] .ls-abas input:checked + span { background: var(--adm); color: #fff; }
html[data-modo="escuro"] .ls-campo input, html[data-modo="escuro"] .ls-campo select, html[data-modo="escuro"] .ls-campo textarea { background: var(--d-s2); border-color: var(--d-borda2); color: var(--d-tx); }
html[data-modo="escuro"] .ls-campo input:focus, html[data-modo="escuro"] .ls-campo select:focus { border-color: var(--d-az); box-shadow: 0 0 0 4px rgba(77,155,255,.18); }
html[data-modo="escuro"] .ls-btn.sec { background: transparent; color: var(--d-az); border-color: var(--d-borda2); }
html[data-modo="escuro"] .ls-btn.sec:hover { background: var(--d-azs); border-color: var(--d-az); color: var(--d-az); }
html[data-modo="escuro"] .ls-dom .res.disponivel { background: rgba(34,197,94,.08); border-color: rgba(34,197,94,.4); }
html[data-modo="escuro"] .ls-dom .res.indisponivel { background: var(--d-s2); }
html[data-modo="escuro"] .ls-alerta.danger { background: rgba(239,68,68,.12); color: #fca5a5; border-color: rgba(239,68,68,.35); }
html[data-modo="escuro"] .ls-alerta.success { background: rgba(34,197,94,.12); color: #86efac; border-color: rgba(34,197,94,.35); }
html[data-modo="escuro"] .ls-alerta.warning, html[data-modo="escuro"] .ls-alerta.info { background: var(--d-azs); color: #93c5fd; border-color: rgba(77,155,255,.35); }
html[data-modo="escuro"] .ls-tag.ok { background: rgba(34,197,94,.18); color: #86efac; } html[data-modo="escuro"] .ls-tag.no { background: rgba(239,68,68,.18); color: #fca5a5; } html[data-modo="escuro"] .ls-tag.nd { background: rgba(77,155,255,.16); color: #93c5fd; }
html[data-modo="escuro"] table.ls-t td, html[data-modo="escuro"] table.ls-t th { border-color: var(--d-borda); }
html[data-modo="escuro"] .ls-resumo .tot { border-color: var(--d-borda); }
html[data-modo="escuro"] .ls-busca .ic { color: var(--d-mut); }
html[data-modo="escuro"] .ls-rod { color: var(--d-mut); }
html[data-modo="escuro"] .ls-wrap a.ls-btn:not(.sec), html[data-modo="escuro"] .ls-wrap a.ls-btn:not(.sec):hover, html[data-modo="escuro"] .ls-wrap button.ls-btn:not(.sec) { color: #fff; }

/* v409: logo sobre fundo escuro: preto/cinza vira branco, azul continua azul (classe aplicada por modo-escuro.js) */
html[data-modo="escuro"] img.logo-claro { filter: invert(1) hue-rotate(180deg) brightness(1.25) !important; opacity: 1 !important; }

/* v410: topo (logo, indicadores, ícones) na mesma cor azul-marinho do menu (#0d1628) no painel, na área do cliente e na Store. A logo clareia sozinha (modo-escuro.js). */
html[data-modo="escuro"] nav.wh-nav, html[data-modo="escuro"] body[data-visual] nav.wh-nav,
html[data-modo="escuro"] .wh-t1, html[data-modo="escuro"] body[data-visual] .wh-t1,
html[data-modo="escuro"] .ls-t1 { background: #0d1628 !important; color: #cbd5e1 !important; border-bottom: 1px solid var(--d-borda) !important; }
html[data-modo="escuro"] nav.wh-nav .wh-ico, html[data-modo="escuro"] body[data-visual] nav.wh-nav .wh-ico,
html[data-modo="escuro"] .wh-t1 .wh-ic, html[data-modo="escuro"] .wh-t1 .modo-btn, html[data-modo="escuro"] nav.wh-nav .modo-btn,
html[data-modo="escuro"] .ls-t1 .ls-ic, html[data-modo="escuro"] .ls-t1 .modo-btn { color: #cbd5e1 !important; }
html[data-modo="escuro"] nav.wh-nav .wh-ico:hover, html[data-modo="escuro"] .wh-t1 .wh-ic:hover, html[data-modo="escuro"] .wh-t1 .modo-btn:hover,
html[data-modo="escuro"] nav.wh-nav .modo-btn:hover, html[data-modo="escuro"] .ls-t1 .ls-ic:hover, html[data-modo="escuro"] .ls-t1 .modo-btn:hover { background-color: rgba(255,255,255,.12) !important; color: #fff !important; }
html[data-modo="escuro"] nav.wh-nav .adm-cab, html[data-modo="escuro"] nav.wh-nav .adm-cab .v, html[data-modo="escuro"] nav.wh-nav .adm-cab .s, html[data-modo="escuro"] nav.wh-nav .adm-cab > i, html[data-modo="escuro"] nav.wh-nav .adm-cab .cifrao,
html[data-modo="escuro"] .wh-t1 .adm-cab, html[data-modo="escuro"] .wh-t1 .adm-cab .v, html[data-modo="escuro"] .wh-t1 .adm-cab .s, html[data-modo="escuro"] .wh-t1 .adm-cab > i, html[data-modo="escuro"] .wh-t1 .adm-cab .cifrao { color: #cbd5e1 !important; }
html[data-modo="escuro"] nav.wh-nav .adm-cab svg.alta, html[data-modo="escuro"] nav.wh-nav .adm-cab .alta, html[data-modo="escuro"] .wh-t1 .adm-cab svg.alta, html[data-modo="escuro"] .wh-t1 .adm-cab .alta { color: #34d399 !important; }
html[data-modo="escuro"] nav.wh-nav .adm-cab svg.baixa, html[data-modo="escuro"] nav.wh-nav .adm-cab .baixa, html[data-modo="escuro"] .wh-t1 .adm-cab svg.baixa, html[data-modo="escuro"] .wh-t1 .adm-cab .baixa { color: #f87171 !important; }
html[data-modo="escuro"] nav.wh-nav .navbar-brand, html[data-modo="escuro"] .wh-t1 .navbar-brand, html[data-modo="escuro"] .ls-marca { color: #e6edf7 !important; }
html[data-modo="escuro"] nav.wh-nav .wh-busca input { background: #16233a !important; color: #e6edf7 !important; border-color: var(--d-borda) !important; }
html[data-modo="escuro"] .ls-t1 .adm-cab, html[data-modo="escuro"] .ls-t1 .adm-cab .v, html[data-modo="escuro"] .ls-t1 .adm-cab .s, html[data-modo="escuro"] .ls-t1 .adm-cab > i, html[data-modo="escuro"] .ls-t1 .adm-cab .cifrao { color: #cbd5e1 !important; background-color: transparent !important; }
html[data-modo="escuro"] .ls-t1 .adm-cab svg.alta, html[data-modo="escuro"] .ls-t1 .adm-cab .alta { color: #34d399 !important; }
html[data-modo="escuro"] .ls-t1 .adm-cab svg.baixa, html[data-modo="escuro"] .ls-t1 .adm-cab .baixa { color: #f87171 !important; }
/* v411: no painel o header.php fixa "filter:none" na logo do topo; este seletor é mais específico e vence */
html[data-modo="escuro"] body[data-visual] nav.wh-nav img.wh-logo.logo-claro, html[data-modo="escuro"] nav.wh-nav img.wh-logo.logo-claro { filter: invert(1) hue-rotate(180deg) brightness(1.25) !important; }
/* v412: menu da Store azul do painel no modo claro; no escuro continua azul-marinho */
html[data-modo="escuro"] .ls-t2 { background: #0d1628; border-bottom: 1px solid var(--d-borda); }

html[data-modo="escuro"] .ls-t1 .ls-moeda { color: #cbd5e1; border-color: var(--d-borda2); }

/* v414: ícones do topo do painel (engrenagem, chave, usuário, ajuda, modo): ao passar o mouse só a cor do ícone muda para azul claro, sem fundo. O header.php fixa fundo claro (#eceff3) no :hover com a mesma especificidade; este seletor é mais específico e vence. */
html[data-modo="escuro"] body[data-visual] nav.wh-nav .wh-ico:hover,
html[data-modo="escuro"] body[data-visual] nav.wh-nav .wh-ico:focus,
html[data-modo="escuro"] body[data-visual] nav.wh-nav .show > .wh-ico,
html[data-modo="escuro"] body[data-visual] nav.wh-nav .wh-ico.modo-btn:hover { background: transparent !important; background-color: transparent !important; color: #38bdf8 !important; opacity: 1 !important; }

/* linhas/caixas de destaque (antes amareladas, ficavam marrons no escuro): azul-escuro do tema */
html[data-modo="escuro"] [style*="#eaf3fc" i], html[data-modo="escuro"] [style*="#EAF3FC"] { background: var(--d-azs) !important; border-color: rgba(77,155,255,.35) !important; color: inherit; }

/* editor de texto (CKEditor 4: Mensagem dos modelos de e-mail, Base de Conhecimento, Anúncios, Campanhas): barra no azul do tema, não preta */
html[data-modo="escuro"] body .cke_chrome { border: 1px solid var(--d-borda2) !important; background: var(--d-s2) !important; box-shadow: none !important; }
html[data-modo="escuro"] body .cke_top, html[data-modo="escuro"] body .cke_toolbox, html[data-modo="escuro"] body .cke_toolbar { background: var(--d-s2) !important; border-color: var(--d-borda2) !important; box-shadow: none !important; }
html[data-modo="escuro"] body .cke_top { border-bottom: 1px solid var(--d-borda2) !important; }
html[data-modo="escuro"] body .cke_toolbar_separator { background: var(--d-borda2) !important; }
html[data-modo="escuro"] body .cke_bottom { background: var(--d-s2) !important; border-top: 1px solid var(--d-borda2) !important; box-shadow: none !important; }
html[data-modo="escuro"] body .cke_path_item, html[data-modo="escuro"] body .cke_path_empty, html[data-modo="escuro"] body .cke_combo_text, html[data-modo="escuro"] body .cke_button_label { color: var(--d-tx2) !important; text-shadow: none !important; }
html[data-modo="escuro"] body .cke_combo_button, html[data-modo="escuro"] body .cke_button, html[data-modo="escuro"] body .cke_toolgroup { background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
html[data-modo="escuro"] body .cke_combo_button:hover, html[data-modo="escuro"] body a.cke_button:hover, html[data-modo="escuro"] body a.cke_button_on, html[data-modo="escuro"] body a.cke_button:focus, html[data-modo="escuro"] body .cke_combo_on .cke_combo_button { background: var(--d-s3) !important; border-color: var(--d-borda2) !important; }
html[data-modo="escuro"] body .cke_resizer { border-color: transparent var(--d-mut) transparent transparent !important; }
/* editor de texto: ícones da barra em branco-azulado (antes cinza escuro sobre fundo escuro) */
html[data-modo="escuro"] body .cke_top .cke_button_icon, html[data-modo="escuro"] body .cke_top .cke_combo_button .cke_button_icon { filter: brightness(0) invert(1) !important; opacity: .92 !important; }
html[data-modo="escuro"] body .cke_top a.cke_button_disabled .cke_button_icon, html[data-modo="escuro"] body .cke_top .cke_combo_disabled .cke_button_icon { opacity: .32 !important; }
html[data-modo="escuro"] body .cke_top a.cke_button:hover .cke_button_icon, html[data-modo="escuro"] body .cke_top a.cke_button_on .cke_button_icon { opacity: 1 !important; }
html[data-modo="escuro"] body .cke_top .cke_combo_arrow, html[data-modo="escuro"] body .cke_top .cke_button_arrow { border-top-color: #dbe7ff !important; }
html[data-modo="escuro"] body .cke_top .cke_combo_text, html[data-modo="escuro"] body .cke_top .cke_button_label { color: #dbe7ff !important; }
html[data-modo="escuro"] body .cke_top a.cke_button_disabled .cke_button_label { opacity: .4 !important; }