/* ============================================================
   CommerceFlow — TEMA ESCURO PROFISSIONAL (cf-dark-pro)
   Padrão visual de todo o sistema (design 09/09/2026): fundo escuro,
   cartões #111827, bordas #1f2937, texto claro, dourado da marca.
   ------------------------------------------------------------
   Como funciona:
   1) Redefine as variáveis --white/--gray-* que a base do sistema usa.
   2) As regras "html[data-theme="dark"] body …" abaixo foram GERADAS por script a partir
      de todos os seletores dos módulos (css/*.css e <style> dentro dos js)
      que usavam branco/cinza-claro fixo, mais os estilos inline mais
      comuns ([style*="background:#fff"] etc.). Não editar à mão: rode
      o gerador da auditoria e substitua o arquivo.
   3) O antigo "tema escuro por inversão" (css/theme.css) fica desligado:
      este tema já é escuro por desenho.
   4) Liga/desliga pelo seletor de tema do sistema (Configurações →
      Claro / Escuro / Automático): vale só com <html data-theme="dark">.
      "Claro" devolve o visual claro original. Padrão: escuro.
   Responsividade: css/mobile.css continua valendo por cima.
   ============================================================ */
html[data-theme="dark"] {
    --white: #111827;
    --gray-50: #0b0f19;
    --gray-100: #1a2233;
    --gray-200: #1f2937;
    --gray-300: #334155;
    --gray-400: #64748b;
    --gray-500: #9ca3af;
    --gray-600: #b6bcc8;
    --gray-700: #d1d5db;
    --gray-800: #e5e7eb;
    --gray-900: #f3f4f6;
    --primary-tint: rgba(246,170,27,.14);
    --primary-tint-2: rgba(246,170,27,.26);
    --primary-contrast: #2a1d03;
    --shadow-sm: 0 1px 3px rgba(0,0,0,.35);
    --shadow-md: 0 4px 14px rgba(0,0,0,.35);
    --shadow-lg: 0 12px 28px rgba(0,0,0,.45);
    --shadow-xl: 0 24px 48px rgba(0,0,0,.55);
    --cf-dark-bg: #0b0f19;
    --cf-dark-card: #111827;
    --cf-dark-card-2: #0f172a;
    --cf-dark-bd: #1f2937;
    --cf-dark-tx: #e5e7eb;
    --cf-dark-mut: #9ca3af;
    color-scheme: dark;
}
/* Inversão antiga desligada: o tema JÁ é escuro */
html[data-theme="dark"], html[data-theme="dark"] img, html[data-theme="dark"] video, html[data-theme="dark"] canvas,
html[data-theme="dark"] iframe, html[data-theme="dark"] .no-invert, html[data-theme="dark"] [data-no-invert] { filter: none !important; }
html[data-theme="dark"] { background: #0b0f19; }

html[data-theme="dark"], html[data-theme="dark"] body { background: var(--cf-dark-bg); color: var(--cf-dark-tx); }
html[data-theme="dark"] body .app-container { background: var(--cf-dark-bg); }
html[data-theme="dark"] body .content-area { background: var(--cf-dark-bg); }

/* ── Sidebar ── */
html[data-theme="dark"] body .sidebar { background: #0d1220; border-right: 1px solid var(--cf-dark-bd); }
html[data-theme="dark"] body .sidebar-header, html[data-theme="dark"] body .sidebar-footer { border-color: var(--cf-dark-bd); }
html[data-theme="dark"] body .logo { color: #fff; }
html[data-theme="dark"] body .menu-label { color: #64748b; }
html[data-theme="dark"] body .menu-item { color: #cbd5e1; }
html[data-theme="dark"] body .menu-item i { color: #94a3b8; }
html[data-theme="dark"] body .menu-item:hover { background: #172033; color: #fff; }
html[data-theme="dark"] body .menu-item.active { background: var(--primary-grad); color: var(--primary-contrast); box-shadow: 0 6px 16px rgba(var(--primary-rgb), .35); }
html[data-theme="dark"] body .menu-item.active i { color: var(--primary-contrast); }
html[data-theme="dark"] body .user-avatar { background: #1f2937; }
html[data-theme="dark"] body .user-name { color: #fff; }
html[data-theme="dark"] body .btn-logout { background: #1f2937; color: #cbd5e1; }
html[data-theme="dark"] body .sidebar-menu::-webkit-scrollbar-thumb, html[data-theme="dark"] body .content-area::-webkit-scrollbar-thumb { background: #334155; }

/* ── Cabeçalho ── */
html[data-theme="dark"] body .top-header { background: rgba(13,18,32,.92); border-bottom: 1px solid var(--cf-dark-bd); backdrop-filter: blur(14px); }
html[data-theme="dark"] body #pageTitle { color: #fff; }
html[data-theme="dark"] body .header-icon, html[data-theme="dark"] body .notif-bell-btn { background: #1f2937; color: #cbd5e1; }
html[data-theme="dark"] body .mobile-menu-toggle { color: #e5e7eb; }
html[data-theme="dark"] body .cf-hd-search { flex: 1 1 320px; max-width: 560px; position: relative; margin: 0 16px; }
html[data-theme="dark"] body .cf-hd-search input { width: 100%; height: 40px; border-radius: 12px; border: 1px solid var(--cf-dark-bd); background: #0f172a; color: #e5e7eb; padding: 0 76px 0 40px; font-size: 13.5px; font-family: inherit; }
html[data-theme="dark"] body .cf-hd-search input::placeholder { color: #64748b; }
html[data-theme="dark"] body .cf-hd-search input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .18); }
html[data-theme="dark"] body .cf-hd-search > i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #64748b; font-size: 14px; pointer-events: none; }
html[data-theme="dark"] body .cf-hd-kbd { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: flex; gap: 4px; pointer-events: none; }
html[data-theme="dark"] body .cf-hd-kbd span { background: #1f2937; border: 1px solid #334155; color: #94a3b8; border-radius: 5px; padding: 1px 6px; font-size: 11px; font-weight: 700; }
html[data-theme="dark"] body .cf-hd-res { position: absolute; left: 0; right: 0; top: 46px; background: #111827; border: 1px solid #273244; border-radius: 12px; box-shadow: 0 16px 40px rgba(0,0,0,.5); padding: 6px; display: none; z-index: 1300; max-height: 320px; overflow-y: auto; }
html[data-theme="dark"] body .cf-hd-res.on { display: block; }
html[data-theme="dark"] body .cf-hd-res button { width: 100%; text-align: left; display: flex; align-items: center; gap: 10px; padding: 9px 10px; border: none; background: transparent; color: #e5e7eb; border-radius: 8px; font-size: 13px; cursor: pointer; font-family: inherit; }
html[data-theme="dark"] body .cf-hd-res button i { width: 18px; color: #94a3b8; }
html[data-theme="dark"] body .cf-hd-res button:hover, html[data-theme="dark"] body .cf-hd-res button.sel { background: #1f2937; }
html[data-theme="dark"] body .cf-hd-res button small { margin-left: auto; color: #64748b; font-size: 11px; }
html[data-theme="dark"] body .cf-hd-user { display: flex; align-items: center; gap: 10px; padding: 4px 6px 4px 4px; border-radius: 12px; cursor: default; }
html[data-theme="dark"] body .cf-hd-user .cf-hd-av { width: 36px; height: 36px; border-radius: 50%; background: #1f2937; color: #94a3b8; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; letter-spacing: .02em; }
html[data-theme="dark"] body .cf-hd-user b { display: block; font-size: 13.5px; color: #fff; line-height: 1.15; }
html[data-theme="dark"] body .cf-hd-user small { font-size: 11.5px; color: #94a3b8; }
@media (max-width: 900px) { html[data-theme="dark"] body .cf-hd-user div { display: none; } html[data-theme="dark"] body .cf-hd-search { flex-basis: 160px; margin: 0 8px; } html[data-theme="dark"] body .cf-hd-kbd { display: none; } }
@media (max-width: 600px) { html[data-theme="dark"] body .cf-hd-search { display: none; } }

/* ── Formulários ── */
html[data-theme="dark"] body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), html[data-theme="dark"] body select, html[data-theme="dark"] body textarea {
    background-color: #0f172a !important; color: #e5e7eb !important; border-color: #273244 !important; color-scheme: dark;
}
html[data-theme="dark"] body input::placeholder, html[data-theme="dark"] body textarea::placeholder { color: #64748b; }
html[data-theme="dark"] body select option { background: #111827; color: #e5e7eb; }
html[data-theme="dark"] body .login-form input { background: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.14) !important; }

/* ── Tabelas ── */
html[data-theme="dark"] body table th { background: #0f172a !important; color: #9ca3af !important; border-color: var(--cf-dark-bd) !important; }
html[data-theme="dark"] body table td { border-color: var(--cf-dark-bd) !important; color: var(--cf-dark-tx); }
html[data-theme="dark"] body table tbody tr:hover > td { background: rgba(255,255,255,.03); }
html[data-theme="dark"] body table.cf-rt > tbody > tr { background: var(--cf-dark-card) !important; border-color: var(--cf-dark-bd) !important; }

/* ── Modais / notificações ── */
html[data-theme="dark"] body .modal-container, html[data-theme="dark"] body .modal-content, html[data-theme="dark"] body .modal-box, html[data-theme="dark"] body [class$="-modal-box"], html[data-theme="dark"] body .cf-modal-box, html[data-theme="dark"] body .cf-modal-container,
html[data-theme="dark"] body #notifPanel, html[data-theme="dark"] body .notif-panel { background: var(--cf-dark-card) !important; color: var(--cf-dark-tx); border-color: var(--cf-dark-bd) !important; }
html[data-theme="dark"] body .modal-header, html[data-theme="dark"] body .modal-footer, html[data-theme="dark"] body [class$="-modal-head"], html[data-theme="dark"] body [class$="-modal-foot"] { background: var(--cf-dark-card) !important; border-color: var(--cf-dark-bd) !important; }
html[data-theme="dark"] body #notification-container > div { background: #111827 !important; color: #e5e7eb !important; }
html[data-theme="dark"] body #notification-container > div div { color: #e5e7eb !important; }
html[data-theme="dark"] body #cfBottomNav { background: rgba(13,18,32,.94); border-top-color: var(--cf-dark-bd); }
html[data-theme="dark"] body .cf-bnav-item { color: #94a3b8; }
html[data-theme="dark"] body .cf-bnav-item.active { color: var(--primary); }

/* ── Cartões de métrica (dashboard) ── */
html[data-theme="dark"] body .metric-card, html[data-theme="dark"] body .dashboard-section, html[data-theme="dark"] body .chart-card { background: var(--cf-dark-card); border-color: var(--cf-dark-bd); }
html[data-theme="dark"] body .metric-card-value { color: #fff; }
html[data-theme="dark"] body .metric-card-title, html[data-theme="dark"] body .metric-card-subtitle { color: #9ca3af; }

/* ── GERADO: seletores dos módulos que fixavam fundo claro ── */
html[data-theme="dark"] body #notifPanel,
html[data-theme="dark"] body #vendedorPainelContainer .filtro-btn.active,
html[data-theme="dark"] body #vendedorPainelContainer .vpn-pag-cancelado,
html[data-theme="dark"] body .acao-btn,
html[data-theme="dark"] body .acoes-rapidas,
html[data-theme="dark"] body .ag-aba,
html[data-theme="dark"] body .ag-card,
html[data-theme="dark"] body .ag-mini,
html[data-theme="dark"] body .ag-vazio,
html[data-theme="dark"] body .anexo-acoes,
html[data-theme="dark"] body .anexo-card,
html[data-theme="dark"] body .anexo-preview,
html[data-theme="dark"] body .anexos-categorias-container,
html[data-theme="dark"] body .apend-footer,
html[data-theme="dark"] body .apend-item-qty button,
html[data-theme="dark"] body .apend-item.removido,
html[data-theme="dark"] body .arep-cart-panel,
html[data-theme="dark"] body .arep-cat-tab,
html[data-theme="dark"] body .arep-cats,
html[data-theme="dark"] body .arep-cats::-webkit-scrollbar-thumb,
html[data-theme="dark"] body .arep-ci,
html[data-theme="dark"] body .arep-ci-qty button,
html[data-theme="dark"] body .arep-ci-thumb,
html[data-theme="dark"] body .arep-hist-btn,
html[data-theme="dark"] body .arep-hist-btn:hover,
html[data-theme="dark"] body .arep-mobile-bar-btn,
html[data-theme="dark"] body .arep-prod-card,
html[data-theme="dark"] body .arep-prod-panel,
html[data-theme="dark"] body .arep-search-bar,
html[data-theme="dark"] body .arep-sheet,
html[data-theme="dark"] body .arep-sheet-close,
html[data-theme="dark"] body .arep-sheet-handle,
html[data-theme="dark"] body .btn-action,
html[data-theme="dark"] body .btn-action:hover,
html[data-theme="dark"] body .btn-anexo,
html[data-theme="dark"] body .btn-card,
html[data-theme="dark"] body .btn-categoria,
html[data-theme="dark"] body .btn-detalhes,
html[data-theme="dark"] body .btn-periodo,
html[data-theme="dark"] body .btn-primary,
html[data-theme="dark"] body .btn-secondary,
html[data-theme="dark"] body .btn-secondary:hover,
html[data-theme="dark"] body .ca-banner-preview,
html[data-theme="dark"] body .ca-bnr-add,
html[data-theme="dark"] body .ca-bnr-slot,
html[data-theme="dark"] body .ca-bnr-tab,
html[data-theme="dark"] body .ca-btn-cancel,
html[data-theme="dark"] body .ca-btn-mini,
html[data-theme="dark"] body .ca-btn-prev,
html[data-theme="dark"] body .ca-desc-row,
html[data-theme="dark"] body .ca-empty,
html[data-theme="dark"] body .ca-est-item,
html[data-theme="dark"] body .ca-est-prev,
html[data-theme="dark"] body .ca-faixa-row,
html[data-theme="dark"] body .ca-link-open,
html[data-theme="dark"] body .ca-logo-preview,
html[data-theme="dark"] body .ca-lp-img-box,
html[data-theme="dark"] body .ca-lp-img-prev,
html[data-theme="dark"] body .ca-lp-prod,
html[data-theme="dark"] body .ca-lp-prod-img,
html[data-theme="dark"] body .ca-precos-box,
html[data-theme="dark"] body .ca-px-card,
html[data-theme="dark"] body .ca-px-check,
html[data-theme="dark"] body .ca-section,
html[data-theme="dark"] body .ca-toggle-all,
html[data-theme="dark"] body .ca-toggle-slider,
html[data-theme="dark"] body .ca-toggle-slider:before,
html[data-theme="dark"] body .ca-upload-box,
html[data-theme="dark"] body .categoria-tab,
html[data-theme="dark"] body .cfm-badge,
html[data-theme="dark"] body .cfm-box,
html[data-theme="dark"] body .cfm-close,
html[data-theme="dark"] body .cfm-head-icon,
html[data-theme="dark"] body .cfm-vermais,
html[data-theme="dark"] body .cfp-badge.default,
html[data-theme="dark"] body .cfp-btn-det,
html[data-theme="dark"] body .cfp-footer,
html[data-theme="dark"] body .cfp-head:hover,
html[data-theme="dark"] body .cfp-item,
html[data-theme="dark"] body .cfp-pag-forma,
html[data-theme="dark"] body .cfp-step-line,
html[data-theme="dark"] body .comissao-card,
html[data-theme="dark"] body .comissao-footer,
html[data-theme="dark"] body .comissoes-filtros,
html[data-theme="dark"] body .conf-filtros,
html[data-theme="dark"] body .conf-filtros .filtro-input,
html[data-theme="dark"] body .conf-input-contagem,
html[data-theme="dark"] body .despesas-table-container,
html[data-theme="dark"] body .dp-btn,
html[data-theme="dark"] body .dp-btn-cancel,
html[data-theme="dark"] body .dp-btn:hover,
html[data-theme="dark"] body .dp-card,
html[data-theme="dark"] body .dp-cat-btn,
html[data-theme="dark"] body .dp-filter-btn,
html[data-theme="dark"] body .dp-modal-box,
html[data-theme="dark"] body .dp-modal-close,
html[data-theme="dark"] body .dp-modal-head,
html[data-theme="dark"] body .dp-periodo .dp-periodo-limpar,
html[data-theme="dark"] body .dp-periodo label,
html[data-theme="dark"] body .dp-stat,
html[data-theme="dark"] body .em-card,
html[data-theme="dark"] body .em-estoque-badge,
html[data-theme="dark"] body .empty-anexos,
html[data-theme="dark"] body .empty-state,
html[data-theme="dark"] body .filter-btn,
html[data-theme="dark"] body .filtro-btn,
html[data-theme="dark"] body .filtro-group select,
html[data-theme="dark"] body .financeiro-card,
html[data-theme="dark"] body .financeiro-grafico,
html[data-theme="dark"] body .financeiro-indicadores,
html[data-theme="dark"] body .fluxo-caixa,
html[data-theme="dark"] body .form-input,
html[data-theme="dark"] body .form-input:focus,
html[data-theme="dark"] body .form-select,
html[data-theme="dark"] body .form-select:focus,
html[data-theme="dark"] body .fornecedor-card,
html[data-theme="dark"] body .fornecedores-search input,
html[data-theme="dark"] body .fornecedores-search input:focus,
html[data-theme="dark"] body .fornecedores-toolbar,
html[data-theme="dark"] body .grafico-container,
html[data-theme="dark"] body .ip-table input[type="text"]:focus, html[data-theme="dark"] body .ip-table input[type="number"]:focus,
html[data-theme="dark"] body .ip-table th,
html[data-theme="dark"] body .logistica-card,
html[data-theme="dark"] body .logistica-search input,
html[data-theme="dark"] body .meta-mensal,
html[data-theme="dark"] body .modal,
html[data-theme="dark"] body .modal-close,
html[data-theme="dark"] body .modal-content,
html[data-theme="dark"] body .modal-footer,
html[data-theme="dark"] body .modal-header,
html[data-theme="dark"] body .notif-bell-btn:hover,
html[data-theme="dark"] body .notif-icon.default,
html[data-theme="dark"] body .notif-item:hover,
html[data-theme="dark"] body .nv-cart-item,
html[data-theme="dark"] body .nv-cart-panel,
html[data-theme="dark"] body .nv-cats,
html[data-theme="dark"] body .nv-checkout-header,
html[data-theme="dark"] body .nv-checkout-section,
html[data-theme="dark"] body .nv-ci-preco-wrap,
html[data-theme="dark"] body .nv-ci-qty,
html[data-theme="dark"] body .nv-ci-qty button:hover,
html[data-theme="dark"] body .nv-ci-thumb,
html[data-theme="dark"] body .nv-entrega-vazia,
html[data-theme="dark"] body .nv-layout,
html[data-theme="dark"] body .nv-prod-card,
html[data-theme="dark"] body .nv-prod-img,
html[data-theme="dark"] body .nv-produtos-panel,
html[data-theme="dark"] body .nv-search-bar,
html[data-theme="dark"] body .nv-search-wrap input,
html[data-theme="dark"] body .nv-search-wrap input:focus,
html[data-theme="dark"] body .nv-sheet,
html[data-theme="dark"] body .nv-sheet-close,
html[data-theme="dark"] body .nv-sheet-handle,
html[data-theme="dark"] body .nv-tipo-btn,
html[data-theme="dark"] body .nv-total-box,
html[data-theme="dark"] body .nv-voltar-btn,
html[data-theme="dark"] body .nv-voltar-btn:hover,
html[data-theme="dark"] body .op-badge.aguarda,
html[data-theme="dark"] body .op-card,
html[data-theme="dark"] body .op-entrega-box,
html[data-theme="dark"] body .op-entrega-prazo.aguarda,
html[data-theme="dark"] body .op-etapa,
html[data-theme="dark"] body .op-etapa.vazia .op-etapa-cnt,
html[data-theme="dark"] body .op-etapa.vazia .op-etapa-num,
html[data-theme="dark"] body .op-foto-lbl,
html[data-theme="dark"] body .op-hist-row,
html[data-theme="dark"] body .op-hist-toggle,
html[data-theme="dark"] body .op-hist-toggle:hover,
html[data-theme="dark"] body .op-item,
html[data-theme="dark"] body .op-item-qty,
html[data-theme="dark"] body .op-meta-chip,
html[data-theme="dark"] body .op-rep-item,
html[data-theme="dark"] body .op-section-cnt,
html[data-theme="dark"] body .op-stat,
html[data-theme="dark"] body .op-step-line,
html[data-theme="dark"] body .op-tag-prazo.aguarda,
html[data-theme="dark"] body .op-th-arq,
html[data-theme="dark"] body .op-vend.vazio,
html[data-theme="dark"] body .oprep-cart-panel,
html[data-theme="dark"] body .oprep-cat-tab,
html[data-theme="dark"] body .oprep-cats,
html[data-theme="dark"] body .oprep-cats::-webkit-scrollbar-thumb,
html[data-theme="dark"] body .oprep-ci,
html[data-theme="dark"] body .oprep-ci-qty .oprep-ci-inp,
html[data-theme="dark"] body .oprep-ci-qty button,
html[data-theme="dark"] body .oprep-hist-btn,
html[data-theme="dark"] body .oprep-hist-btn:hover,
html[data-theme="dark"] body .oprep-mobile-bar-btn,
html[data-theme="dark"] body .oprep-prod-card,
html[data-theme="dark"] body .oprep-prod-panel,
html[data-theme="dark"] body .oprep-search-bar,
html[data-theme="dark"] body .oprep-sheet,
html[data-theme="dark"] body .oprep-sheet-close,
html[data-theme="dark"] body .oprep-sheet-handle,
html[data-theme="dark"] body .pedido-card,
html[data-theme="dark"] body .pedidos-recentes,
html[data-theme="dark"] body .pedidos-toolbar,
html[data-theme="dark"] body .rec-badge.sem,
html[data-theme="dark"] body .rec-filter-btn,
html[data-theme="dark"] body .rec-stat,
html[data-theme="dark"] body .rec-table,
html[data-theme="dark"] body .rec-table th,
html[data-theme="dark"] body .rec-table tr:hover td,
html[data-theme="dark"] body .relatorio-card,
html[data-theme="dark"] body .relatorios-filtros,
html[data-theme="dark"] body .relatorios-header,
html[data-theme="dark"] body .relatorios-tabela tbody tr:hover,
html[data-theme="dark"] body .relatorios-tabela thead,
html[data-theme="dark"] body .relatorios-tabela-container,
html[data-theme="dark"] body .rep-cart-panel,
html[data-theme="dark"] body .rep-cat-tab,
html[data-theme="dark"] body .rep-cats,
html[data-theme="dark"] body .rep-cats::-webkit-scrollbar-thumb,
html[data-theme="dark"] body .rep-ci,
html[data-theme="dark"] body .rep-ci-qty button,
html[data-theme="dark"] body .rep-ci-thumb,
html[data-theme="dark"] body .rep-hist-btn,
html[data-theme="dark"] body .rep-hist-btn:hover,
html[data-theme="dark"] body .rep-mobile-bar-btn,
html[data-theme="dark"] body .rep-prod-card,
html[data-theme="dark"] body .rep-prod-panel,
html[data-theme="dark"] body .rep-search-bar,
html[data-theme="dark"] body .rep-sheet,
html[data-theme="dark"] body .rep-sheet-close,
html[data-theme="dark"] body .rep-sheet-handle,
html[data-theme="dark"] body .resumo-item,
html[data-theme="dark"] body .slider:before,
html[data-theme="dark"] body .summary-card,
html[data-theme="dark"] body .tar-pri, html[data-theme="dark"] body .tar-st,
html[data-theme="dark"] body .totalizador-card,
html[data-theme="dark"] body .vcf-box,
html[data-theme="dark"] body .vcf-card,
html[data-theme="dark"] body .vcf-chip,
html[data-theme="dark"] body .vcf-item,
html[data-theme="dark"] body .vcf-item-qtd,
html[data-theme="dark"] body .vendedor-painel .stat-card, html[data-theme="dark"] body .vendedor-pedidos .stat-card,
html[data-theme="dark"] body .vp-badge.default,
html[data-theme="dark"] body .vp-filtro,
html[data-theme="dark"] body .vp-pag-forma,
html[data-theme="dark"] body .vp-search-wrap input,
html[data-theme="dark"] body .vp-search-wrap input:focus,
html[data-theme="dark"] body .vpay,
html[data-theme="dark"] body .vpay-chip,
html[data-theme="dark"] body .vpay-copy,
html[data-theme="dark"] body .vpay-forma,
html[data-theme="dark"] body .vpay-inp,
html[data-theme="dark"] body .vpay-money,
html[data-theme="dark"] body .vpay-prog-bar,
html[data-theme="dark"] body .vpd-comp-thumb,
html[data-theme="dark"] body .vpd-form-group input, html[data-theme="dark"] body .vpd-form-group select,
html[data-theme="dark"] body .vpd-section,
html[data-theme="dark"] body .vpd-step-dot,
html[data-theme="dark"] body .vpd-step::after,
html[data-theme="dark"] body .vpd-tl-item::before,
html[data-theme="dark"] body .vpd-upload-area,
html[data-theme="dark"] body .vpd-upload-cancel,
html[data-theme="dark"] body .vpd-upload-cancel:hover,
html[data-theme="dark"] body .vpd-upload-pdf,
html[data-theme="dark"] body .vpmod-box,
html[data-theme="dark"] body .vpmod-close,
html[data-theme="dark"] body tbody tr:nth-child(even),
html[data-theme="dark"] body tfoot td,
html[data-theme="dark"] body th
{ background: var(--cf-dark-card) !important; background-image: none !important; }

/* ── GERADO: bordas claras ── */
html[data-theme="dark"] body #vendedorPainelContainer .vpn-ped,
html[data-theme="dark"] body .ag-aba,
html[data-theme="dark"] body .ag-card,
html[data-theme="dark"] body .ag-vazio,
html[data-theme="dark"] body .apend-footer,
html[data-theme="dark"] body .apend-grupo,
html[data-theme="dark"] body .apend-item,
html[data-theme="dark"] body .apend-item-qty button,
html[data-theme="dark"] body .apend-item-qty input,
html[data-theme="dark"] body .arep-cart-header,
html[data-theme="dark"] body .arep-cart-panel,
html[data-theme="dark"] body .arep-cats,
html[data-theme="dark"] body .arep-ci-qty button,
html[data-theme="dark"] body .arep-ci-qty-input,
html[data-theme="dark"] body .arep-hist-btn,
html[data-theme="dark"] body .arep-obs-box,
html[data-theme="dark"] body .arep-obs-box textarea,
html[data-theme="dark"] body .arep-prod-card,
html[data-theme="dark"] body .arep-search-bar,
html[data-theme="dark"] body .arep-search-wrap input,
html[data-theme="dark"] body .arep-sheet-footer,
html[data-theme="dark"] body .arep-sheet-head,
html[data-theme="dark"] body .ca-bnr-add,
html[data-theme="dark"] body .ca-bnr-slot,
html[data-theme="dark"] body .ca-bnr-tab,
html[data-theme="dark"] body .ca-btn-cancel,
html[data-theme="dark"] body .ca-btn-mini,
html[data-theme="dark"] body .ca-color-row input[type=color],
html[data-theme="dark"] body .ca-desc-row,
html[data-theme="dark"] body .ca-desc-row input,
html[data-theme="dark"] body .ca-empty,
html[data-theme="dark"] body .ca-est-item,
html[data-theme="dark"] body .ca-est-leg,
html[data-theme="dark"] body .ca-faixa-row,
html[data-theme="dark"] body .ca-faixa-row input,
html[data-theme="dark"] body .ca-field input, html[data-theme="dark"] body .ca-field textarea,
html[data-theme="dark"] body .ca-lp-img-box,
html[data-theme="dark"] body .ca-lp-prod,
html[data-theme="dark"] body .ca-precos-footer,
html[data-theme="dark"] body .ca-prod-search input,
html[data-theme="dark"] body .ca-prod-table td,
html[data-theme="dark"] body .ca-prod-table th,
html[data-theme="dark"] body .ca-px-card,
html[data-theme="dark"] body .ca-px-check,
html[data-theme="dark"] body .ca-qty-input,
html[data-theme="dark"] body .ca-save-bar,
html[data-theme="dark"] body .ca-section,
html[data-theme="dark"] body .ca-tabs,
html[data-theme="dark"] body .ca-toggle-all,
html[data-theme="dark"] body .ca-upload-box,
html[data-theme="dark"] body .cfm-head,
html[data-theme="dark"] body .cfm-vermais,
html[data-theme="dark"] body .cfp-body,
html[data-theme="dark"] body .cfp-btn-det,
html[data-theme="dark"] body .cfp-footer,
html[data-theme="dark"] body .cfp-item,
html[data-theme="dark"] body .comissao-info-row,
html[data-theme="dark"] body .despesas-table td,
html[data-theme="dark"] body .despesas-table-container,
html[data-theme="dark"] body .dp-btn,
html[data-theme="dark"] body .dp-btn-cancel,
html[data-theme="dark"] body .dp-card,
html[data-theme="dark"] body .dp-card-meta,
html[data-theme="dark"] body .dp-cat-btn,
html[data-theme="dark"] body .dp-filter-btn,
html[data-theme="dark"] body .dp-form-group select, html[data-theme="dark"] body .dp-form-group input, html[data-theme="dark"] body .dp-form-group textarea,
html[data-theme="dark"] body .dp-modal-foot,
html[data-theme="dark"] body .dp-modal-head,
html[data-theme="dark"] body .dp-periodo .dp-periodo-limpar,
html[data-theme="dark"] body .dp-periodo label,
html[data-theme="dark"] body .dp-search input,
html[data-theme="dark"] body .dp-stat,
html[data-theme="dark"] body .em-card,
html[data-theme="dark"] body .em-itens-table td,
html[data-theme="dark"] body .em-itens-table th,
html[data-theme="dark"] body .em-qty-input,
html[data-theme="dark"] body .em-select, html[data-theme="dark"] body .em-input,
html[data-theme="dark"] body .financeiro-card,
html[data-theme="dark"] body .financeiro-grafico,
html[data-theme="dark"] body .financeiro-indicadores,
html[data-theme="dark"] body .financeiro-variacao,
html[data-theme="dark"] body .fluxo-caixa,
html[data-theme="dark"] body .fluxo-table td,
html[data-theme="dark"] body .fornecedor-actions,
html[data-theme="dark"] body .fornecedor-card,
html[data-theme="dark"] body .fornecedor-contato,
html[data-theme="dark"] body .logistica-actions,
html[data-theme="dark"] body .logistica-card,
html[data-theme="dark"] body .logistica-detalhes,
html[data-theme="dark"] body .logistica-tabs,
html[data-theme="dark"] body .modal-footer,
html[data-theme="dark"] body .modal-header,
html[data-theme="dark"] body .notif-item,
html[data-theme="dark"] body .notif-panel-header,
html[data-theme="dark"] body .nv-cart-header,
html[data-theme="dark"] body .nv-cart-item,
html[data-theme="dark"] body .nv-cart-panel,
html[data-theme="dark"] body .nv-cats,
html[data-theme="dark"] body .nv-checkout-header,
html[data-theme="dark"] body .nv-checkout-section,
html[data-theme="dark"] body .nv-ci-preco-wrap,
html[data-theme="dark"] body .nv-ci-qty,
html[data-theme="dark"] body .nv-cliente-box,
html[data-theme="dark"] body .nv-entrega-inner,
html[data-theme="dark"] body .nv-entrega-vazia,
html[data-theme="dark"] body .nv-form-group input, html[data-theme="dark"] body .nv-form-group select, html[data-theme="dark"] body .nv-form-group textarea,
html[data-theme="dark"] body .nv-pagamento-inner,
html[data-theme="dark"] body .nv-resumo-item,
html[data-theme="dark"] body .nv-search-bar,
html[data-theme="dark"] body .nv-search-wrap input,
html[data-theme="dark"] body .nv-sheet-body .nv-cliente-box,
html[data-theme="dark"] body .nv-sheet-footer,
html[data-theme="dark"] body .nv-sheet-head,
html[data-theme="dark"] body .nv-tipo-btn,
html[data-theme="dark"] body .nv-total-box,
html[data-theme="dark"] body .nv-total-linha,
html[data-theme="dark"] body .nv-total-linha.total,
html[data-theme="dark"] body .nv-voltar-btn,
html[data-theme="dark"] body .op-card,
html[data-theme="dark"] body .op-card-body,
html[data-theme="dark"] body .op-comp-th,
html[data-theme="dark"] body .op-comp-upload,
html[data-theme="dark"] body .op-entrega-box,
html[data-theme="dark"] body .op-entrega-prazo.aguarda,
html[data-theme="dark"] body .op-etapa,
html[data-theme="dark"] body .op-etapa.vazia,
html[data-theme="dark"] body .op-extra,
html[data-theme="dark"] body .op-foto-lbl,
html[data-theme="dark"] body .op-foto-th,
html[data-theme="dark"] body .op-hist-row,
html[data-theme="dark"] body .op-hist-toggle,
html[data-theme="dark"] body .op-rep-qty,
html[data-theme="dark"] body .op-stat,
html[data-theme="dark"] body .op-vol-input,
html[data-theme="dark"] body .oprep-cart-header,
html[data-theme="dark"] body .oprep-cart-panel,
html[data-theme="dark"] body .oprep-cats,
html[data-theme="dark"] body .oprep-ci-qty .oprep-ci-inp,
html[data-theme="dark"] body .oprep-ci-qty button,
html[data-theme="dark"] body .oprep-hist-btn,
html[data-theme="dark"] body .oprep-obs-box,
html[data-theme="dark"] body .oprep-obs-box textarea,
html[data-theme="dark"] body .oprep-prod-card,
html[data-theme="dark"] body .oprep-search-bar,
html[data-theme="dark"] body .oprep-search-wrap input,
html[data-theme="dark"] body .oprep-sheet-footer,
html[data-theme="dark"] body .oprep-sheet-head,
html[data-theme="dark"] body .rec-conta-select,
html[data-theme="dark"] body .rec-filter-btn,
html[data-theme="dark"] body .rec-stat,
html[data-theme="dark"] body .rec-table td,
html[data-theme="dark"] body .rec-table th,
html[data-theme="dark"] body .relatorio-card,
html[data-theme="dark"] body .relatorio-card-footer,
html[data-theme="dark"] body .relatorios-tabela td,
html[data-theme="dark"] body .rep-cart-header,
html[data-theme="dark"] body .rep-cart-panel,
html[data-theme="dark"] body .rep-cats,
html[data-theme="dark"] body .rep-ci-qty button,
html[data-theme="dark"] body .rep-ci-qty-input,
html[data-theme="dark"] body .rep-hist-btn,
html[data-theme="dark"] body .rep-obs-box,
html[data-theme="dark"] body .rep-obs-box textarea,
html[data-theme="dark"] body .rep-prod-card,
html[data-theme="dark"] body .rep-search-bar,
html[data-theme="dark"] body .rep-search-wrap input,
html[data-theme="dark"] body .rep-sheet-footer,
html[data-theme="dark"] body .rep-sheet-head,
html[data-theme="dark"] body .summary-card,
html[data-theme="dark"] body .vcf-body,
html[data-theme="dark"] body .vcf-box,
html[data-theme="dark"] body .vcf-card,
html[data-theme="dark"] body .vcf-total,
html[data-theme="dark"] body .vp-filtro,
html[data-theme="dark"] body .vp-search-wrap input,
html[data-theme="dark"] body .vpay-chip,
html[data-theme="dark"] body .vpay-forma,
html[data-theme="dark"] body .vpay-inp,
html[data-theme="dark"] body .vpay-money,
html[data-theme="dark"] body .vpd-comp-thumb,
html[data-theme="dark"] body .vpd-form-group input, html[data-theme="dark"] body .vpd-form-group select,
html[data-theme="dark"] body .vpd-form-group input, html[data-theme="dark"] body .vpd-form-group select, html[data-theme="dark"] body .vpd-form-group textarea,
html[data-theme="dark"] body .vpd-item-row,
html[data-theme="dark"] body .vpd-itens td,
html[data-theme="dark"] body .vpd-itens th,
html[data-theme="dark"] body .vpd-section,
html[data-theme="dark"] body .vpd-total-row,
html[data-theme="dark"] body .vpd-total-row.grand,
html[data-theme="dark"] body .vpd-total-row:last-child,
html[data-theme="dark"] body .vpd-totals,
html[data-theme="dark"] body .vpd-upload-area,
html[data-theme="dark"] body .vpd-upload-pdf,
html[data-theme="dark"] body .vpd-upload-preview img,
html[data-theme="dark"] body .vpmod-head,
html[data-theme="dark"] body table.cf-rt > tbody > tr, html[data-theme="dark"] body table.cf-rt > tr
{ border-color: var(--cf-dark-bd) !important; }

/* ── GERADO: texto escuro → claro ── */
html[data-theme="dark"] body .ag-aba,
html[data-theme="dark"] body .ag-mini-v,
html[data-theme="dark"] body .anexo-info h5,
html[data-theme="dark"] body .anexos-categorias-container h3,
html[data-theme="dark"] body .apend-head-nome,
html[data-theme="dark"] body .apend-item-nome div,
html[data-theme="dark"] body .apend-item-qty button,
html[data-theme="dark"] body .apend-item-qty input,
html[data-theme="dark"] body .arep-cart-title,
html[data-theme="dark"] body .arep-ci-nome,
html[data-theme="dark"] body .arep-ci-qty button,
html[data-theme="dark"] body .arep-ci-qty span,
html[data-theme="dark"] body .arep-ci-qty-input,
html[data-theme="dark"] body .arep-hist-btn,
html[data-theme="dark"] body .arep-obs-box textarea,
html[data-theme="dark"] body .arep-prod-estoque,
html[data-theme="dark"] body .arep-sheet-title,
html[data-theme="dark"] body .ca-btn-cancel,
html[data-theme="dark"] body .ca-btn-mini,
html[data-theme="dark"] body .ca-field label,
html[data-theme="dark"] body .ca-lp-prod-info b,
html[data-theme="dark"] body .ca-lp-pub-txt,
html[data-theme="dark"] body .ca-lp-pub-txt b,
html[data-theme="dark"] body .ca-precos-close,
html[data-theme="dark"] body .ca-precos-title,
html[data-theme="dark"] body .ca-prod-nome,
html[data-theme="dark"] body .ca-prod-price,
html[data-theme="dark"] body .ca-px-check,
html[data-theme="dark"] body .ca-px-hdr b,
html[data-theme="dark"] body .ca-px-info,
html[data-theme="dark"] body .ca-section-title,
html[data-theme="dark"] body .ca-tab:hover,
html[data-theme="dark"] body .ca-toggle-all,
html[data-theme="dark"] body .ca-topbar h2,
html[data-theme="dark"] body .ca-upload-info b,
html[data-theme="dark"] body .categoria-info h4,
html[data-theme="dark"] body .cfm-badge,
html[data-theme="dark"] body .cfm-title,
html[data-theme="dark"] body .cfm-vermais,
html[data-theme="dark"] body .cfp-btn-det,
html[data-theme="dark"] body .cfp-head-num,
html[data-theme="dark"] body .cfp-head-valor,
html[data-theme="dark"] body .cfp-row,
html[data-theme="dark"] body .comissao-valor-destaque,
html[data-theme="dark"] body .compra-numero,
html[data-theme="dark"] body .conf-divergencia,
html[data-theme="dark"] body .despesas-table td,
html[data-theme="dark"] body .dp-btn,
html[data-theme="dark"] body .dp-btn-cancel,
html[data-theme="dark"] body .dp-card-desc,
html[data-theme="dark"] body .dp-card-val,
html[data-theme="dark"] body .dp-form-group label,
html[data-theme="dark"] body .dp-modal-head h3,
html[data-theme="dark"] body .dp-periodo input[type="date"],
html[data-theme="dark"] body .dp-stat-val,
html[data-theme="dark"] body .em-estoque-badge,
html[data-theme="dark"] body .em-label,
html[data-theme="dark"] body .em-title,
html[data-theme="dark"] body .filtro-group label,
html[data-theme="dark"] body .financeiro-indicadores h3,
html[data-theme="dark"] body .financeiro-valor,
html[data-theme="dark"] body .fluxo-caixa h3,
html[data-theme="dark"] body .fluxo-table td,
html[data-theme="dark"] body .fornecedor-nome,
html[data-theme="dark"] body .fornecedor-stat-value,
html[data-theme="dark"] body .grafico-header h3,
html[data-theme="dark"] body .historico-title,
html[data-theme="dark"] body .indicador-valor,
html[data-theme="dark"] body .info-value,
html[data-theme="dark"] body .logistica-nome,
html[data-theme="dark"] body .logistica-stat-value,
html[data-theme="dark"] body .modal-title,
html[data-theme="dark"] body .notif-panel-close:hover,
html[data-theme="dark"] body .notif-panel-header h3,
html[data-theme="dark"] body .notif-title,
html[data-theme="dark"] body .nv-cart-title,
html[data-theme="dark"] body .nv-cat-tab:hover,
html[data-theme="dark"] body .nv-checkout-header h2,
html[data-theme="dark"] body .nv-checkout-section h3,
html[data-theme="dark"] body .nv-ci-nome,
html[data-theme="dark"] body .nv-ci-preco-input,
html[data-theme="dark"] body .nv-ci-qty button,
html[data-theme="dark"] body .nv-ci-qty span,
html[data-theme="dark"] body .nv-entrega-inner,
html[data-theme="dark"] body .nv-entrega-nome,
html[data-theme="dark"] body .nv-pagamento-inner,
html[data-theme="dark"] body .nv-prod-price,
html[data-theme="dark"] body .nv-resumo-item,
html[data-theme="dark"] body .nv-sheet-title,
html[data-theme="dark"] body .nv-tipo-btn,
html[data-theme="dark"] body .nv-total-box h3,
html[data-theme="dark"] body .nv-total-cliente,
html[data-theme="dark"] body .nv-total-linha.total,
html[data-theme="dark"] body .nv-voltar-btn,
html[data-theme="dark"] body .op-card-num,
html[data-theme="dark"] body .op-entrega-prazo.aguarda,
html[data-theme="dark"] body .op-etapa-tit,
html[data-theme="dark"] body .op-field span:last-child,
html[data-theme="dark"] body .op-foto-lbl,
html[data-theme="dark"] body .op-hist-num,
html[data-theme="dark"] body .op-item-nome,
html[data-theme="dark"] body .op-meta-chip,
html[data-theme="dark"] body .op-section-title,
html[data-theme="dark"] body .op-stat-val,
html[data-theme="dark"] body .op-vol-label,
html[data-theme="dark"] body .oprep-cart-title,
html[data-theme="dark"] body .oprep-ci-nome,
html[data-theme="dark"] body .oprep-ci-qty .oprep-ci-inp,
html[data-theme="dark"] body .oprep-ci-qty button,
html[data-theme="dark"] body .oprep-ci-qty span,
html[data-theme="dark"] body .oprep-hist-btn,
html[data-theme="dark"] body .oprep-obs-box textarea,
html[data-theme="dark"] body .oprep-prod-estoque,
html[data-theme="dark"] body .oprep-sheet-title,
html[data-theme="dark"] body .rec-filter-btn,
html[data-theme="dark"] body .rec-stat-val,
html[data-theme="dark"] body .rec-title,
html[data-theme="dark"] body .relatorio-card h3,
html[data-theme="dark"] body .relatorios-header h2,
html[data-theme="dark"] body .relatorios-tabela td,
html[data-theme="dark"] body .relatorios-tabela-header h3,
html[data-theme="dark"] body .rep-cart-title,
html[data-theme="dark"] body .rep-ci-nome,
html[data-theme="dark"] body .rep-ci-qty button,
html[data-theme="dark"] body .rep-ci-qty span,
html[data-theme="dark"] body .rep-ci-qty-input,
html[data-theme="dark"] body .rep-hist-btn,
html[data-theme="dark"] body .rep-obs-box textarea,
html[data-theme="dark"] body .rep-prod-estoque,
html[data-theme="dark"] body .rep-sheet-title,
html[data-theme="dark"] body .resumo-numero,
html[data-theme="dark"] body .summary-value,
html[data-theme="dark"] body .totalizador-valor,
html[data-theme="dark"] body .vcf-chip,
html[data-theme="dark"] body .vcf-field span:last-child,
html[data-theme="dark"] body .vcf-item-nome,
html[data-theme="dark"] body .vcf-num,
html[data-theme="dark"] body .vcf-total strong,
html[data-theme="dark"] body .vp-header h1,
html[data-theme="dark"] body .vpay-chip-v,
html[data-theme="dark"] body .vpay-conta-t,
html[data-theme="dark"] body .vpay-forma span,
html[data-theme="dark"] body .vpay-hero-val,
html[data-theme="dark"] body .vpay-inp,
html[data-theme="dark"] body .vpay-lbl,
html[data-theme="dark"] body .vpay-money input,
html[data-theme="dark"] body .vpay-prog-legend,
html[data-theme="dark"] body .vpay-prog-legend b,
html[data-theme="dark"] body .vpd-form-group label,
html[data-theme="dark"] body .vpd-item-nome,
html[data-theme="dark"] body .vpd-itens td,
html[data-theme="dark"] body .vpd-tl-content h5,
html[data-theme="dark"] body .vpd-total-row,
html[data-theme="dark"] body .vpd-total-row.grand,
html[data-theme="dark"] body .vpd-total-row:last-child,
html[data-theme="dark"] body .vpd-upload-cancel,
html[data-theme="dark"] body .vpd-upload-pdf,
html[data-theme="dark"] body .vpd-value,
html[data-theme="dark"] body .vpmod-head h2
{ color: var(--cf-dark-tx) !important; }

/* ── GERADO: texto cinza (secundário) ── */
html[data-theme="dark"] body #vendedorPainelContainer .vpn-pag-cancelado,
html[data-theme="dark"] body .ag-mini-l,
html[data-theme="dark"] body .ag-vazio,
html[data-theme="dark"] body .anexo-descricao,
html[data-theme="dark"] body .anexo-meta,
html[data-theme="dark"] body .apend-head-sub,
html[data-theme="dark"] body .apend-item-nome span,
html[data-theme="dark"] body .apend-item-qty span,
html[data-theme="dark"] body .arep-cart-empty p,
html[data-theme="dark"] body .arep-cat-tab,
html[data-theme="dark"] body .arep-ci-del,
html[data-theme="dark"] body .arep-ci-obs,
html[data-theme="dark"] body .arep-empty,
html[data-theme="dark"] body .arep-obs-box label,
html[data-theme="dark"] body .arep-prod-name,
html[data-theme="dark"] body .arep-search-icon,
html[data-theme="dark"] body .arep-sheet-close,
html[data-theme="dark"] body .ca-bnr-add,
html[data-theme="dark"] body .ca-bnr-tab,
html[data-theme="dark"] body .ca-desc-row .ca-desc-lbl,
html[data-theme="dark"] body .ca-empty,
html[data-theme="dark"] body .ca-faixa-hdr,
html[data-theme="dark"] body .ca-field .hint,
html[data-theme="dark"] body .ca-logo-ph,
html[data-theme="dark"] body .ca-lp-img-prev,
html[data-theme="dark"] body .ca-lp-prod-img,
html[data-theme="dark"] body .ca-lp-prod-info span,
html[data-theme="dark"] body .ca-precos-sub,
html[data-theme="dark"] body .ca-prod-cat,
html[data-theme="dark"] body .ca-prod-search i,
html[data-theme="dark"] body .ca-prod-table th,
html[data-theme="dark"] body .ca-seo-count,
html[data-theme="dark"] body .ca-tab,
html[data-theme="dark"] body .ca-upload-info span,
html[data-theme="dark"] body .calor-inativo .crm-resumo-num,
html[data-theme="dark"] body .categoria-descricao,
html[data-theme="dark"] body .categoria-formatos,
html[data-theme="dark"] body .categoria-tab,
html[data-theme="dark"] body .cfm-close,
html[data-theme="dark"] body .cfm-head-icon,
html[data-theme="dark"] body .cfm-subtitle,
html[data-theme="dark"] body .cfp-badge.default,
html[data-theme="dark"] body .cfp-chevron,
html[data-theme="dark"] body .cfp-head-sub,
html[data-theme="dark"] body .cfp-pag-forma,
html[data-theme="dark"] body .cfp-row > i,
html[data-theme="dark"] body .cfp-row-label,
html[data-theme="dark"] body .compra-data,
html[data-theme="dark"] body .conf-ajuda,
html[data-theme="dark"] body .conf-check,
html[data-theme="dark"] body .despesas-table th,
html[data-theme="dark"] body .dp-card-cat,
html[data-theme="dark"] body .dp-card-meta,
html[data-theme="dark"] body .dp-cat-btn,
html[data-theme="dark"] body .dp-empty,
html[data-theme="dark"] body .dp-filter-btn,
html[data-theme="dark"] body .dp-modal-close,
html[data-theme="dark"] body .dp-periodo .dp-periodo-limpar,
html[data-theme="dark"] body .dp-periodo label,
html[data-theme="dark"] body .dp-search i,
html[data-theme="dark"] body .dp-stat-lbl,
html[data-theme="dark"] body .em-empty,
html[data-theme="dark"] body .em-itens-table th,
html[data-theme="dark"] body .empty-anexos p,
html[data-theme="dark"] body .empty-state h3,
html[data-theme="dark"] body .empty-state p,
html[data-theme="dark"] body .filtro-label,
html[data-theme="dark"] body .financeiro-card-info h3,
html[data-theme="dark"] body .fluxo-table th,
html[data-theme="dark"] body .form-label,
html[data-theme="dark"] body .fornecedor-categoria,
html[data-theme="dark"] body .fornecedor-contato-item,
html[data-theme="dark"] body .fornecedor-stat-label,
html[data-theme="dark"] body .fornecedores-search i,
html[data-theme="dark"] body .indicador-label,
html[data-theme="dark"] body .indicador-meta,
html[data-theme="dark"] body .info-label,
html[data-theme="dark"] body .ip-sub,
html[data-theme="dark"] body .ip-table th,
html[data-theme="dark"] body .logistica-detalhes-item,
html[data-theme="dark"] body .logistica-search i,
html[data-theme="dark"] body .logistica-stat-label,
html[data-theme="dark"] body .logistica-tipo,
html[data-theme="dark"] body .meta,
html[data-theme="dark"] body .modal-close,
html[data-theme="dark"] body .notif-bell-btn,
html[data-theme="dark"] body .notif-empty,
html[data-theme="dark"] body .notif-msg,
html[data-theme="dark"] body .notif-panel-close,
html[data-theme="dark"] body .notif-time,
html[data-theme="dark"] body .nv-cat-tab,
html[data-theme="dark"] body .nv-checkout-section h3 i,
html[data-theme="dark"] body .nv-ci-del,
html[data-theme="dark"] body .nv-ci-rs,
html[data-theme="dark"] body .nv-ci-unitario,
html[data-theme="dark"] body .nv-cliente-label,
html[data-theme="dark"] body .nv-empty,
html[data-theme="dark"] body .nv-entrega-detalhe,
html[data-theme="dark"] body .nv-entrega-inner i,
html[data-theme="dark"] body .nv-entrega-vazia,
html[data-theme="dark"] body .nv-form-group label,
html[data-theme="dark"] body .nv-menu-icon,
html[data-theme="dark"] body .nv-mobile-bar-total,
html[data-theme="dark"] body .nv-pagamento-inner i,
html[data-theme="dark"] body .nv-prod-name,
html[data-theme="dark"] body .nv-search-icon,
html[data-theme="dark"] body .nv-sheet-close,
html[data-theme="dark"] body .nv-tipo-btn i,
html[data-theme="dark"] body .nv-total-linha,
html[data-theme="dark"] body .op-badge.aguarda,
html[data-theme="dark"] body .op-card-sub,
html[data-theme="dark"] body .op-chev,
html[data-theme="dark"] body .op-comp-upload,
html[data-theme="dark"] body .op-empty,
html[data-theme="dark"] body .op-entrega-vend,
html[data-theme="dark"] body .op-etapa-sub,
html[data-theme="dark"] body .op-etapa.vazia .op-etapa-num,
html[data-theme="dark"] body .op-etapa.vazia .op-etapa-tit,
html[data-theme="dark"] body .op-field span:first-child,
html[data-theme="dark"] body .op-hist-sub,
html[data-theme="dark"] body .op-hist-toggle,
html[data-theme="dark"] body .op-item-qty,
html[data-theme="dark"] body .op-item.done .op-item-nome,
html[data-theme="dark"] body .op-items-label,
html[data-theme="dark"] body .op-meta-chip i,
html[data-theme="dark"] body .op-section-cnt,
html[data-theme="dark"] body .op-stat-label,
html[data-theme="dark"] body .op-stat-sub,
html[data-theme="dark"] body .op-tag-prazo.aguarda,
html[data-theme="dark"] body .op-vazio-min,
html[data-theme="dark"] body .op-vend.vazio,
html[data-theme="dark"] body .oprep-cart-empty p,
html[data-theme="dark"] body .oprep-cat-tab,
html[data-theme="dark"] body .oprep-ci-del,
html[data-theme="dark"] body .oprep-empty,
html[data-theme="dark"] body .oprep-obs-box label,
html[data-theme="dark"] body .oprep-prod-name,
html[data-theme="dark"] body .oprep-search-icon,
html[data-theme="dark"] body .oprep-sheet-close,
html[data-theme="dark"] body .rec-badge.sem,
html[data-theme="dark"] body .rec-empty,
html[data-theme="dark"] body .rec-stat-lbl,
html[data-theme="dark"] body .rec-sub,
html[data-theme="dark"] body .rec-table th,
html[data-theme="dark"] body .relatorio-card p,
html[data-theme="dark"] body .relatorio-card-meta,
html[data-theme="dark"] body .relatorios-header p,
html[data-theme="dark"] body .relatorios-tabela code,
html[data-theme="dark"] body .relatorios-tabela th,
html[data-theme="dark"] body .rep-cart-empty p,
html[data-theme="dark"] body .rep-cat-tab,
html[data-theme="dark"] body .rep-ci-del,
html[data-theme="dark"] body .rep-ci-obs,
html[data-theme="dark"] body .rep-empty,
html[data-theme="dark"] body .rep-obs-box label,
html[data-theme="dark"] body .rep-prod-name,
html[data-theme="dark"] body .rep-search-icon,
html[data-theme="dark"] body .rep-sheet-close,
html[data-theme="dark"] body .resumo-texto,
html[data-theme="dark"] body .rodape,
html[data-theme="dark"] body .status-vazio,
html[data-theme="dark"] body .summary-info h3,
html[data-theme="dark"] body .summary-subtitle,
html[data-theme="dark"] body .tab-btn,
html[data-theme="dark"] body .totalizador-label,
html[data-theme="dark"] body .totalizador-qtd,
html[data-theme="dark"] body .upload-hint,
html[data-theme="dark"] body .variacao-texto,
html[data-theme="dark"] body .vcf-chev,
html[data-theme="dark"] body .vcf-chip i,
html[data-theme="dark"] body .vcf-field span:first-child,
html[data-theme="dark"] body .vcf-item-qtd,
html[data-theme="dark"] body .vcf-lbl,
html[data-theme="dark"] body .vcf-nota,
html[data-theme="dark"] body .vcf-sub,
html[data-theme="dark"] body .vcf-total,
html[data-theme="dark"] body .vp-badge.default,
html[data-theme="dark"] body .vp-empty,
html[data-theme="dark"] body .vp-filtro,
html[data-theme="dark"] body .vp-pag-forma,
html[data-theme="dark"] body .vp-search-wrap i,
html[data-theme="dark"] body .vpay-chip-t,
html[data-theme="dark"] body .vpay-forma i,
html[data-theme="dark"] body .vpay-hero-lbl,
html[data-theme="dark"] body .vpay-hero-sub,
html[data-theme="dark"] body .vpay-lbl small,
html[data-theme="dark"] body .vpay-money-rs,
html[data-theme="dark"] body .vpay-nota,
html[data-theme="dark"] body .vpd-comp-thumb .vpd-comp-pdf,
html[data-theme="dark"] body .vpd-form-group label,
html[data-theme="dark"] body .vpd-itens th,
html[data-theme="dark"] body .vpd-label,
html[data-theme="dark"] body .vpd-section-title,
html[data-theme="dark"] body .vpd-section-title i,
html[data-theme="dark"] body .vpd-step-dot,
html[data-theme="dark"] body .vpd-step-label,
html[data-theme="dark"] body .vpd-tl-content p,
html[data-theme="dark"] body .vpd-total-row,
html[data-theme="dark"] body .vpd-upload-area i,
html[data-theme="dark"] body .vpd-upload-area p,
html[data-theme="dark"] body .vpd-upload-area small,
html[data-theme="dark"] body .vpmod-close,
html[data-theme="dark"] body h2,
html[data-theme="dark"] body p
{ color: var(--cf-dark-mut) !important; }

/* ── Estilos inline: fundo claro ── */
html[data-theme="dark"] body [style*="background:#fff"],
html[data-theme="dark"] body [style*="background: #fff"],
html[data-theme="dark"] body [style*="background:#ffffff"],
html[data-theme="dark"] body [style*="background: #ffffff"],
html[data-theme="dark"] body [style*="background:white"],
html[data-theme="dark"] body [style*="background: white"],
html[data-theme="dark"] body [style*="background:#f9fafb"],
html[data-theme="dark"] body [style*="background: #f9fafb"],
html[data-theme="dark"] body [style*="background:#f3f4f6"],
html[data-theme="dark"] body [style*="background: #f3f4f6"],
html[data-theme="dark"] body [style*="background:#f8fafc"],
html[data-theme="dark"] body [style*="background: #f8fafc"],
html[data-theme="dark"] body [style*="background:#fafafa"],
html[data-theme="dark"] body [style*="background: #fafafa"],
html[data-theme="dark"] body [style*="background:#f4f4f4"],
html[data-theme="dark"] body [style*="background: #f4f4f4"],
html[data-theme="dark"] body [style*="background:#f0f0f0"],
html[data-theme="dark"] body [style*="background: #f0f0f0"],
html[data-theme="dark"] body [style*="background:#f9f9f9"],
html[data-theme="dark"] body [style*="background: #f9f9f9"],
html[data-theme="dark"] body [style*="background-color:#fff"],
html[data-theme="dark"] body [style*="background-color: #fff"],
html[data-theme="dark"] body [style*="background-color:#ffffff"],
html[data-theme="dark"] body [style*="background-color: #ffffff"],
html[data-theme="dark"] body [style*="background-color:white"],
html[data-theme="dark"] body [style*="background-color: white"],
html[data-theme="dark"] body [style*="background-color:#f9fafb"],
html[data-theme="dark"] body [style*="background-color: #f9fafb"],
html[data-theme="dark"] body [style*="background-color:#f3f4f6"],
html[data-theme="dark"] body [style*="background-color: #f3f4f6"],
html[data-theme="dark"] body [style*="background-color:#f8fafc"],
html[data-theme="dark"] body [style*="background-color: #f8fafc"],
html[data-theme="dark"] body [style*="background-color:#fafafa"],
html[data-theme="dark"] body [style*="background-color: #fafafa"],
html[data-theme="dark"] body [style*="background-color:#f4f4f4"],
html[data-theme="dark"] body [style*="background-color: #f4f4f4"],
html[data-theme="dark"] body [style*="background-color:#f0f0f0"],
html[data-theme="dark"] body [style*="background-color: #f0f0f0"],
html[data-theme="dark"] body [style*="background-color:#f9f9f9"],
html[data-theme="dark"] body [style*="background-color: #f9f9f9"]
{ background: var(--cf-dark-card) !important; }

/* ── Estilos inline: texto ── */
html[data-theme="dark"] body [style*="color:#111827"],
html[data-theme="dark"] body [style*="color: #111827"],
html[data-theme="dark"] body [style*="color:#1f2937"],
html[data-theme="dark"] body [style*="color: #1f2937"],
html[data-theme="dark"] body [style*="color:#374151"],
html[data-theme="dark"] body [style*="color: #374151"],
html[data-theme="dark"] body [style*="color:#4b5563"],
html[data-theme="dark"] body [style*="color: #4b5563"],
html[data-theme="dark"] body [style*="color:#333"],
html[data-theme="dark"] body [style*="color: #333"],
html[data-theme="dark"] body [style*="color:#1d1d1f"],
html[data-theme="dark"] body [style*="color: #1d1d1f"]
{ color: var(--cf-dark-tx) !important; }
html[data-theme="dark"] body [style*="color:#6b7280"],
html[data-theme="dark"] body [style*="color: #6b7280"],
html[data-theme="dark"] body [style*="color:#9ca3af"],
html[data-theme="dark"] body [style*="color: #9ca3af"],
html[data-theme="dark"] body [style*="color:#888"],
html[data-theme="dark"] body [style*="color: #888"],
html[data-theme="dark"] body [style*="color:#999"],
html[data-theme="dark"] body [style*="color: #999"],
html[data-theme="dark"] body [style*="color:#666"],
html[data-theme="dark"] body [style*="color: #666"],
html[data-theme="dark"] body [style*="color:#64748b"],
html[data-theme="dark"] body [style*="color: #64748b"],
html[data-theme="dark"] body [style*="color:#555"],
html[data-theme="dark"] body [style*="color: #555"]
{ color: var(--cf-dark-mut) !important; }

/* ── Estilos inline: bordas ── */
html[data-theme="dark"] body [style*="border:1px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border: 1px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border:1.5px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border: 1.5px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border:2px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border: 2px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border:1px solid #f3f4f6"],
html[data-theme="dark"] body [style*="border: 1px solid #f3f4f6"],
html[data-theme="dark"] body [style*="border:1px solid #f0f0f0"],
html[data-theme="dark"] body [style*="border: 1px solid #f0f0f0"],
html[data-theme="dark"] body [style*="border:1px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border: 1px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border:1.5px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border: 1.5px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border:1px solid #d1d5db"],
html[data-theme="dark"] body [style*="border: 1px solid #d1d5db"],
html[data-theme="dark"] body [style*="border:#e5e7eb"],
html[data-theme="dark"] body [style*="border: #e5e7eb"],
html[data-theme="dark"] body [style*="border:#f3f4f6"],
html[data-theme="dark"] body [style*="border: #f3f4f6"],
html[data-theme="dark"] body [style*="border-top:1px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-top: 1px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-top:1.5px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-top: 1.5px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-top:2px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-top: 2px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-top:1px solid #f3f4f6"],
html[data-theme="dark"] body [style*="border-top: 1px solid #f3f4f6"],
html[data-theme="dark"] body [style*="border-top:1px solid #f0f0f0"],
html[data-theme="dark"] body [style*="border-top: 1px solid #f0f0f0"],
html[data-theme="dark"] body [style*="border-top:1px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-top: 1px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-top:1.5px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-top: 1.5px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-top:1px solid #d1d5db"],
html[data-theme="dark"] body [style*="border-top: 1px solid #d1d5db"],
html[data-theme="dark"] body [style*="border-top:#e5e7eb"],
html[data-theme="dark"] body [style*="border-top: #e5e7eb"],
html[data-theme="dark"] body [style*="border-top:#f3f4f6"],
html[data-theme="dark"] body [style*="border-top: #f3f4f6"],
html[data-theme="dark"] body [style*="border-bottom:1px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-bottom: 1px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-bottom:1.5px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-bottom: 1.5px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-bottom:2px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-bottom: 2px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-bottom:1px solid #f3f4f6"],
html[data-theme="dark"] body [style*="border-bottom: 1px solid #f3f4f6"],
html[data-theme="dark"] body [style*="border-bottom:1px solid #f0f0f0"],
html[data-theme="dark"] body [style*="border-bottom: 1px solid #f0f0f0"],
html[data-theme="dark"] body [style*="border-bottom:1px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-bottom: 1px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-bottom:1.5px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-bottom: 1.5px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-bottom:1px solid #d1d5db"],
html[data-theme="dark"] body [style*="border-bottom: 1px solid #d1d5db"],
html[data-theme="dark"] body [style*="border-bottom:#e5e7eb"],
html[data-theme="dark"] body [style*="border-bottom: #e5e7eb"],
html[data-theme="dark"] body [style*="border-bottom:#f3f4f6"],
html[data-theme="dark"] body [style*="border-bottom: #f3f4f6"],
html[data-theme="dark"] body [style*="border-left:1px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-left: 1px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-left:1.5px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-left: 1.5px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-left:2px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-left: 2px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-left:1px solid #f3f4f6"],
html[data-theme="dark"] body [style*="border-left: 1px solid #f3f4f6"],
html[data-theme="dark"] body [style*="border-left:1px solid #f0f0f0"],
html[data-theme="dark"] body [style*="border-left: 1px solid #f0f0f0"],
html[data-theme="dark"] body [style*="border-left:1px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-left: 1px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-left:1.5px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-left: 1.5px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-left:1px solid #d1d5db"],
html[data-theme="dark"] body [style*="border-left: 1px solid #d1d5db"],
html[data-theme="dark"] body [style*="border-left:#e5e7eb"],
html[data-theme="dark"] body [style*="border-left: #e5e7eb"],
html[data-theme="dark"] body [style*="border-left:#f3f4f6"],
html[data-theme="dark"] body [style*="border-left: #f3f4f6"],
html[data-theme="dark"] body [style*="border-right:1px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-right: 1px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-right:1.5px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-right: 1.5px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-right:2px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-right: 2px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-right:1px solid #f3f4f6"],
html[data-theme="dark"] body [style*="border-right: 1px solid #f3f4f6"],
html[data-theme="dark"] body [style*="border-right:1px solid #f0f0f0"],
html[data-theme="dark"] body [style*="border-right: 1px solid #f0f0f0"],
html[data-theme="dark"] body [style*="border-right:1px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-right: 1px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-right:1.5px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-right: 1.5px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-right:1px solid #d1d5db"],
html[data-theme="dark"] body [style*="border-right: 1px solid #d1d5db"],
html[data-theme="dark"] body [style*="border-right:#e5e7eb"],
html[data-theme="dark"] body [style*="border-right: #e5e7eb"],
html[data-theme="dark"] body [style*="border-right:#f3f4f6"],
html[data-theme="dark"] body [style*="border-right: #f3f4f6"],
html[data-theme="dark"] body [style*="border-color:1px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-color: 1px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-color:1.5px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-color: 1.5px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-color:2px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-color: 2px solid #e5e7eb"],
html[data-theme="dark"] body [style*="border-color:1px solid #f3f4f6"],
html[data-theme="dark"] body [style*="border-color: 1px solid #f3f4f6"],
html[data-theme="dark"] body [style*="border-color:1px solid #f0f0f0"],
html[data-theme="dark"] body [style*="border-color: 1px solid #f0f0f0"],
html[data-theme="dark"] body [style*="border-color:1px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-color: 1px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-color:1.5px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-color: 1.5px solid #e1e8ed"],
html[data-theme="dark"] body [style*="border-color:1px solid #d1d5db"],
html[data-theme="dark"] body [style*="border-color: 1px solid #d1d5db"],
html[data-theme="dark"] body [style*="border-color:#e5e7eb"],
html[data-theme="dark"] body [style*="border-color: #e5e7eb"],
html[data-theme="dark"] body [style*="border-color:#f3f4f6"],
html[data-theme="dark"] body [style*="border-color: #f3f4f6"]
{ border-color: var(--cf-dark-bd) !important; }

/* ── Tons semânticos claros (badges) → translúcidos ── */
html[data-theme="dark"] body [style*="background:#dcfce7"], html[data-theme="dark"] body [style*="background: #dcfce7"], html[data-theme="dark"] body [style*="background-color:#dcfce7"], html[data-theme="dark"] body [style*="background-color: #dcfce7"]{background:rgba(34,197,94,.16) !important}
html[data-theme="dark"] body [style*="background:#f0fdf4"], html[data-theme="dark"] body [style*="background: #f0fdf4"], html[data-theme="dark"] body [style*="background-color:#f0fdf4"], html[data-theme="dark"] body [style*="background-color: #f0fdf4"]{background:rgba(34,197,94,.10) !important}
html[data-theme="dark"] body [style*="background:#d4edda"], html[data-theme="dark"] body [style*="background: #d4edda"], html[data-theme="dark"] body [style*="background-color:#d4edda"], html[data-theme="dark"] body [style*="background-color: #d4edda"]{background:rgba(34,197,94,.16) !important}
html[data-theme="dark"] body [style*="background:#fee2e2"], html[data-theme="dark"] body [style*="background: #fee2e2"], html[data-theme="dark"] body [style*="background-color:#fee2e2"], html[data-theme="dark"] body [style*="background-color: #fee2e2"]{background:rgba(239,68,68,.16) !important}
html[data-theme="dark"] body [style*="background:#fef2f2"], html[data-theme="dark"] body [style*="background: #fef2f2"], html[data-theme="dark"] body [style*="background-color:#fef2f2"], html[data-theme="dark"] body [style*="background-color: #fef2f2"]{background:rgba(239,68,68,.10) !important}
html[data-theme="dark"] body [style*="background:#f8d7da"], html[data-theme="dark"] body [style*="background: #f8d7da"], html[data-theme="dark"] body [style*="background-color:#f8d7da"], html[data-theme="dark"] body [style*="background-color: #f8d7da"]{background:rgba(239,68,68,.16) !important}
html[data-theme="dark"] body [style*="background:#fff5f5"], html[data-theme="dark"] body [style*="background: #fff5f5"], html[data-theme="dark"] body [style*="background-color:#fff5f5"], html[data-theme="dark"] body [style*="background-color: #fff5f5"]{background:rgba(239,68,68,.10) !important}
html[data-theme="dark"] body [style*="background:#fef3c7"], html[data-theme="dark"] body [style*="background: #fef3c7"], html[data-theme="dark"] body [style*="background-color:#fef3c7"], html[data-theme="dark"] body [style*="background-color: #fef3c7"]{background:rgba(245,158,11,.18) !important}
html[data-theme="dark"] body [style*="background:#fffbeb"], html[data-theme="dark"] body [style*="background: #fffbeb"], html[data-theme="dark"] body [style*="background-color:#fffbeb"], html[data-theme="dark"] body [style*="background-color: #fffbeb"]{background:rgba(245,158,11,.12) !important}
html[data-theme="dark"] body [style*="background:#fef9c3"], html[data-theme="dark"] body [style*="background: #fef9c3"], html[data-theme="dark"] body [style*="background-color:#fef9c3"], html[data-theme="dark"] body [style*="background-color: #fef9c3"]{background:rgba(245,158,11,.14) !important}
html[data-theme="dark"] body [style*="background:#fff8f0"], html[data-theme="dark"] body [style*="background: #fff8f0"], html[data-theme="dark"] body [style*="background-color:#fff8f0"], html[data-theme="dark"] body [style*="background-color: #fff8f0"]{background:rgba(245,158,11,.10) !important}
html[data-theme="dark"] body [style*="background:#dbeafe"], html[data-theme="dark"] body [style*="background: #dbeafe"], html[data-theme="dark"] body [style*="background-color:#dbeafe"], html[data-theme="dark"] body [style*="background-color: #dbeafe"]{background:rgba(59,130,246,.16) !important}
html[data-theme="dark"] body [style*="background:#eff6ff"], html[data-theme="dark"] body [style*="background: #eff6ff"], html[data-theme="dark"] body [style*="background-color:#eff6ff"], html[data-theme="dark"] body [style*="background-color: #eff6ff"]{background:rgba(59,130,246,.10) !important}
html[data-theme="dark"] body [style*="background:#e0f2fe"], html[data-theme="dark"] body [style*="background: #e0f2fe"], html[data-theme="dark"] body [style*="background-color:#e0f2fe"], html[data-theme="dark"] body [style*="background-color: #e0f2fe"]{background:rgba(14,165,233,.14) !important}
html[data-theme="dark"] body [style*="background:#f0f7ff"], html[data-theme="dark"] body [style*="background: #f0f7ff"], html[data-theme="dark"] body [style*="background-color:#f0f7ff"], html[data-theme="dark"] body [style*="background-color: #f0f7ff"]{background:rgba(59,130,246,.10) !important}
html[data-theme="dark"] body [style*="background:#d1ecf1"], html[data-theme="dark"] body [style*="background: #d1ecf1"], html[data-theme="dark"] body [style*="background-color:#d1ecf1"], html[data-theme="dark"] body [style*="background-color: #d1ecf1"]{background:rgba(14,165,233,.16) !important}
html[data-theme="dark"] body [style*="background:#ffedd5"], html[data-theme="dark"] body [style*="background: #ffedd5"], html[data-theme="dark"] body [style*="background-color:#ffedd5"], html[data-theme="dark"] body [style*="background-color: #ffedd5"]{background:rgba(249,115,22,.16) !important}
html[data-theme="dark"] body [style*="background:#f5f0ff"], html[data-theme="dark"] body [style*="background: #f5f0ff"], html[data-theme="dark"] body [style*="background-color:#f5f0ff"], html[data-theme="dark"] body [style*="background-color: #f5f0ff"]{background:rgba(139,92,246,.14) !important}
html[data-theme="dark"] body [style*="background:#eef2ff"], html[data-theme="dark"] body [style*="background: #eef2ff"], html[data-theme="dark"] body [style*="background-color:#eef2ff"], html[data-theme="dark"] body [style*="background-color: #eef2ff"]{background:rgba(99,102,241,.14) !important}
html[data-theme="dark"] body [style*="background:#e0e8ff"], html[data-theme="dark"] body [style*="background: #e0e8ff"], html[data-theme="dark"] body [style*="background-color:#e0e8ff"], html[data-theme="dark"] body [style*="background-color: #e0e8ff"]{background:rgba(99,102,241,.16) !important}
html[data-theme="dark"] body [style*="background:#fdf4e0"], html[data-theme="dark"] body [style*="background: #fdf4e0"], html[data-theme="dark"] body [style*="background-color:#fdf4e0"], html[data-theme="dark"] body [style*="background-color: #fdf4e0"]{background:rgba(246,170,27,.14) !important}
html[data-theme="dark"] body [style*="background:#fbe5b8"], html[data-theme="dark"] body [style*="background: #fbe5b8"], html[data-theme="dark"] body [style*="background-color:#fbe5b8"], html[data-theme="dark"] body [style*="background-color: #fbe5b8"]{background:rgba(246,170,27,.22) !important}

/* Botões primários e dourados mantêm contraste; cinzas ficam escuros */
html[data-theme="dark"] body .btn-secondary, html[data-theme="dark"] body .dp-btn, html[data-theme="dark"] body .dp-btn-cancel, html[data-theme="dark"] body .vp-filtro, html[data-theme="dark"] body .dd-chip, html[data-theme="dark"] body .filtro-btn, html[data-theme="dark"] body .btn-icon, html[data-theme="dark"] body .btn-filter {
    background: #1f2937 !important; color: #d1d5db !important; border-color: #273244 !important;
}
html[data-theme="dark"] body .btn-primary, html[data-theme="dark"] body .vpd-save-btn, html[data-theme="dark"] body .dp-btn-save, html[data-theme="dark"] body .dp-btn-nova, html[data-theme="dark"] body .dd-btn.gold, html[data-theme="dark"] body .vp-filtro.active, html[data-theme="dark"] body .dd-chip.on, html[data-theme="dark"] body .dp-filter-btn.active, html[data-theme="dark"] body .dp-cat-btn.active {
    background: var(--primary) !important; color: var(--primary-contrast) !important; border-color: var(--primary) !important;
}
html[data-theme="dark"] body .vp-filtro-receber { background: rgba(245,158,11,.14) !important; color: #fcd34d !important; border-color: rgba(245,158,11,.4) !important; }
html[data-theme="dark"] body .vp-filtro-receber.active { background: #d97706 !important; color: #fff !important; }
html[data-theme="dark"] body .dp-btn-pagar { background: #16a34a !important; color: #fff !important; border-color: #16a34a !important; }
html[data-theme="dark"] body .dp-btn-del { color: #f87171 !important; border-color: rgba(239,68,68,.4) !important; }
html[data-theme="dark"] body .status-badge, html[data-theme="dark"] body .type-badge, html[data-theme="dark"] body .dp-badge { filter: none; }
html[data-theme="dark"] body a { color: var(--primary-soft, #fbc75e); }
html[data-theme="dark"] body hr { border-color: var(--cf-dark-bd); }
html[data-theme="dark"] body img.perf-foto, html[data-theme="dark"] body .vpd-comp-thumb img { filter: none; }

/* ── Complementos após varredura no navegador ── */
/* O tema antigo (theme.css) impunha fundo claro em html[data-theme] body */
html[data-theme="dark"] body { background: var(--cf-dark-bg) !important; }
/* Estilos inline com cinzas claros que a lista geral não cobria (miniaturas de produto etc.) */
html[data-theme="dark"] body [style*="background:#f5f5f5"], html[data-theme="dark"] body [style*="background: #f5f5f5"], html[data-theme="dark"] body [style*="background:#eee"], html[data-theme="dark"] body [style*="background: #eee"],
html[data-theme="dark"] body [style*="background:#e5e7eb"], html[data-theme="dark"] body [style*="background: #e5e7eb"], html[data-theme="dark"] body [style*="background:#f4f4f6"], html[data-theme="dark"] body [style*="background: #f4f4f6"],
html[data-theme="dark"] body [style*="background:#f1f5f9"], html[data-theme="dark"] body [style*="background: #f1f5f9"], html[data-theme="dark"] body [style*="background:#e2e8f0"], html[data-theme="dark"] body [style*="background: #e2e8f0"] { background: var(--cf-dark-card-2) !important; }
html[data-theme="dark"] body [style*="solid #e0e0e0"], html[data-theme="dark"] body [style*="solid #eee"], html[data-theme="dark"] body [style*="solid #ddd"], html[data-theme="dark"] body [style*="solid #e2e8f0"], html[data-theme="dark"] body [style*="solid #cbd5e1"] { border-color: var(--cf-dark-bd) !important; }
/* Badges/etiquetas: mantêm a cor do texto e ganham fundo translúcido da mesma cor */
html[data-theme="dark"] body .cfp-badge, html[data-theme="dark"] body .status-badge, html[data-theme="dark"] body .vp-pag-status, html[data-theme="dark"] body .dp-badge, html[data-theme="dark"] body .type-badge, html[data-theme="dark"] body .op-badge, html[data-theme="dark"] body .vpn-pag {
    background: color-mix(in srgb, currentColor 18%, transparent) !important; border-color: color-mix(in srgb, currentColor 30%, transparent) !important;
}
/* Abas escuras que usavam --gray-900 como fundo (agora claro) */
html[data-theme="dark"] body .dd-aba.on, html[data-theme="dark"] body .dp-filter-btn.active, html[data-theme="dark"] body .dp-cat-btn.active { background: #273244 !important; color: #fff !important; border-color: #334155 !important; }
html[data-theme="dark"] body .dd-aba { background: transparent !important; border-color: transparent !important; }
html[data-theme="dark"] body .dd-aba.on { background: transparent !important; color: var(--primary) !important; border-bottom-color: var(--primary) !important; }
html[data-theme="dark"] body .ca-link-box { background: var(--cf-dark-card-2) !important; border-color: var(--cf-dark-bd) !important; }

/* ── Bloco do usuário no cabeçalho: vale nos DOIS temas (usa as variáveis,
      que trocam de valor conforme o tema) ── */
.cf-hd-user { display: flex; align-items: center; gap: 10px; padding: 4px 6px 4px 4px; border-radius: 12px; cursor: default; }
.cf-hd-user .cf-hd-av { width: 36px; height: 36px; border-radius: 50%; background: var(--gray-100); color: var(--gray-600); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; letter-spacing: .02em; flex-shrink: 0; }
.cf-hd-user b { display: block; font-size: 13.5px; color: var(--gray-900); line-height: 1.15; white-space: nowrap; }
.cf-hd-user small { font-size: 11.5px; color: var(--gray-500); white-space: nowrap; }
.cf-hd-user > i { color: var(--gray-400) !important; }
@media (max-width: 900px) { .cf-hd-user div, .cf-hd-user > i { display: none; } }

/* ── Dashboard: novo layout (.cfd-*) no tema escuro ── */
html[data-theme="dark"] body .cfd-card, html[data-theme="dark"] body .cfd-kpi, html[data-theme="dark"] body .cfd-foot,
html[data-theme="dark"] body .cfd-range { background: var(--cf-dark-card); border-color: var(--cf-dark-bd); }
html[data-theme="dark"] body .cfd-chips { background: var(--cf-dark-card-2); border-color: var(--cf-dark-bd); }
html[data-theme="dark"] body .cfd-chip.on { background: #1f2937; color: #fff; }
html[data-theme="dark"] body .cfd-select, html[data-theme="dark"] body .cfd-stat, html[data-theme="dark"] body .cfd-destaque,
html[data-theme="dark"] body .cfd-fluxo-saldo { background: var(--cf-dark-card-2); border-color: #263244; }
html[data-theme="dark"] body .cfd-tbl tbody tr:hover td { background: rgba(255,255,255,.03); }
html[data-theme="dark"] body .cfd-tbl th { border-bottom-color: var(--cf-dark-bd); }
html[data-theme="dark"] body .cfd-tbl td { border-bottom-color: rgba(255,255,255,.05); }
html[data-theme="dark"] body .cfd-rank.r1 { color: #fbbf24; } html[data-theme="dark"] body .cfd-rank.r2 { color: #cbd5e1; } html[data-theme="dark"] body .cfd-rank.r3 { color: #fb923c; }
html[data-theme="dark"] body .cfd-status.pendente { color: #fbbf24; } html[data-theme="dark"] body .cfd-status.separado, html[data-theme="dark"] body .cfd-status.separacao, html[data-theme="dark"] body .cfd-status.em_separacao, html[data-theme="dark"] body .cfd-status.pronto_envio { color: #60a5fa; }
html[data-theme="dark"] body .cfd-status.pago { color: #4ade80; } html[data-theme="dark"] body .cfd-status.enviado { color: #a78bfa; }
html[data-theme="dark"] body .cfd-status.entregue { color: #2dd4bf; } html[data-theme="dark"] body .cfd-status.cancelado { color: #f87171; }

/* ── Painel do vendedor (Meu Painel) no tema escuro ──
   vendedor-painel-novo.css usa variáveis próprias (--bg-white, --bg-gray,
   --text-*) fixas em claro; aqui elas são trocadas para o tema escuro. */
html[data-theme="dark"] body #vendedorPainelContainer {
    background: transparent;
    --bg-white: var(--cf-dark-card); --bg-gray: var(--cf-dark-card-2);
    --text-dark: #f3f4f6; --text-gray: #d1d5db; --text-light: #9ca3af;
    --border-color: var(--cf-dark-bd);
    --shadow: 0 4px 20px rgba(0,0,0,.35); --shadow-hover: 0 8px 30px rgba(0,0,0,.45);
    color: #e5e7eb;
}
html[data-theme="dark"] body #vendedorPainelContainer .card-detail { color: #9ca3af; }
html[data-theme="dark"] body #vendedorPainelContainer .card-icon { background: rgba(255,255,255,.06); }
html[data-theme="dark"] body #vendedorPainelContainer .pedidos-tabela thead { background: var(--cf-dark-card-2); }
html[data-theme="dark"] body #vendedorPainelContainer .pedidos-tabela td { border-bottom-color: var(--cf-dark-bd); }
html[data-theme="dark"] body #vendedorPainelContainer .status-pago { background: rgba(34,197,94,.18); color: #4ade80; }
html[data-theme="dark"] body #vendedorPainelContainer .filtro-btn.active { background: #fff !important; color: #2a1d03 !important; }
html[data-theme="dark"] body .ip-step { background: var(--cf-dark-card); border-color: var(--cf-dark-bd); color: var(--cf-dark-tx); }
