/* Tema claro / escuro — painel produto (header.js injeta + páginas com theme.js) */
@import url('theme-toggle.css');

/* Evita “flash” do conteúdo antes da sidebar (header.js) */
html.vg-boot-pending:not(.vg-layout-ready) body > *:not(script):not(#vg-app-layout) {
  visibility: hidden;
}

/* --- Tokens (fallback = claro) --- */
:root,
html[data-pf-theme='light'] {
  --vg-page-bg: #f0fdf4;
  --vg-card-bg: #ffffff;
  --vg-card-border: #e5e7eb;
  --vg-card-hover-bg: #f0fdf4;
  --vg-card-hover-border: #6ee7b7;
  --vg-text: #111827;
  --vg-muted: #6b7280;
  --vg-skeleton-a: #e5e7eb;
  --vg-skeleton-b: #f3f4f6;
  --vg-chart-grid: rgba(0, 0, 0, 0.06);
  --vg-chart-tick: #6b7280;
  --vg-panel-muted-bg: #f9fafb;
  --vg-link: #047857;
  --vg-link-hover: #065f46;
}

html[data-pf-theme='dark'] {
  --vg-page-bg: #18181b;
  --vg-card-bg: #1c1c21;
  --vg-card-border: rgba(255, 255, 255, 0.1);
  --vg-card-hover-bg: #27272a;
  --vg-card-hover-border: rgba(52, 211, 153, 0.35);
  --vg-text: #f4f4f5;
  --vg-muted: #a1a1aa;
  --vg-skeleton-a: #3f3f46;
  --vg-skeleton-b: #52525b;
  --vg-chart-grid: rgba(255, 255, 255, 0.08);
  --vg-chart-tick: #a1a1aa;
  --vg-panel-muted-bg: #27272a;
  --vg-link: #4ade80;
  --vg-link-hover: #86efac;
}

/* --- Base / layout --- */
html[data-pf-theme='light'] body {
  background-color: var(--vg-page-bg) !important;
  color: #18181b;
}

html[data-pf-theme='dark'] body {
  background-color: var(--vg-page-bg) !important;
  color: #e4e4e7;
}

html[data-pf-theme='dark'] .sidebar {
  background: #111113 !important;
  border-right-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-pf-theme='dark'] .sidebar__logo {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-pf-theme='dark'] .sidebar__nav-link {
  color: #a1a1aa !important;
}

html[data-pf-theme='dark'] .sidebar__nav-link:hover,
html[data-pf-theme='dark'] .sidebar__nav-link.active {
  color: #4ade80 !important;
  background: rgba(34, 197, 94, 0.12) !important;
}

html[data-pf-theme='dark'] .main-content,
html[data-pf-theme='dark'] #vg-main-content {
  background: #09090b !important;
}

html[data-pf-theme='dark'] .app-layout {
  background: var(--vg-page-bg) !important;
}

html[data-pf-theme='dark'] body.bg-gray-100 {
  background-color: var(--vg-page-bg) !important;
}

/* Tailwind utilitários comuns */
html[data-pf-theme='dark'] .bg-white {
  background-color: var(--vg-card-bg) !important;
}

html[data-pf-theme='dark'] .bg-gray-50,
html[data-pf-theme='dark'] .bg-gray-100 {
  background-color: #27272a !important;
}

html[data-pf-theme='dark'] .text-gray-900,
html[data-pf-theme='dark'] .text-gray-800,
html[data-pf-theme='dark'] .text-gray-700,
html[data-pf-theme='dark'] .text-slate-900 {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .text-gray-600,
html[data-pf-theme='dark'] .text-gray-500,
html[data-pf-theme='dark'] .text-slate-600,
html[data-pf-theme='dark'] .text-slate-500 {
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .border-gray-200,
html[data-pf-theme='dark'] .border-gray-300,
html[data-pf-theme='dark'] .border-gray-100 {
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .shadow,
html[data-pf-theme='dark'] .shadow-sm,
html[data-pf-theme='dark'] .shadow-md,
html[data-pf-theme='dark'] .shadow-2xl {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45) !important;
}

html[data-pf-theme='dark'] #vg-notifications-dropdown {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] #vg-notifications-dropdown .border-gray-100,
html[data-pf-theme='dark'] #vg-notifications-dropdown .border-b {
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] #vg-notifications-dropdown .text-gray-500,
html[data-pf-theme='dark'] #vg-notifications-dropdown .text-gray-400 {
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] #vg-notifications-dropdown .text-gray-900,
html[data-pf-theme='dark'] #vg-notifications-dropdown .text-gray-600 {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] #vg-notifications-dropdown a.text-emerald-600,
html[data-pf-theme='dark'] #vg-notifications-dropdown .hover\:bg-gray-50:hover {
  color: var(--vg-link) !important;
}

html[data-pf-theme='dark'] #vg-notifications-dropdown .bg-blue-50\/50 {
  background: rgba(59, 130, 246, 0.12) !important;
}

html[data-pf-theme='dark'] .hover\:bg-gray-50:hover,
html[data-pf-theme='dark'] .hover\:bg-gray-100:hover {
  background-color: #27272a !important;
}

/* Links emerald */
html[data-pf-theme='dark'] .text-emerald-700,
html[data-pf-theme='dark'] .text-emerald-800 {
  color: var(--vg-link) !important;
}

html[data-pf-theme='dark'] .hover\:text-emerald-900:hover {
  color: var(--vg-link-hover) !important;
}

html[data-pf-theme='dark'] .decoration-emerald-200 {
  text-decoration-color: rgba(52, 211, 153, 0.35) !important;
}

/* Ícones em pastilhas (métricas / atalhos) */
html[data-pf-theme='dark'] .bg-emerald-50,
html[data-pf-theme='dark'] .group-hover\:bg-emerald-100:hover {
  background-color: rgba(16, 185, 129, 0.18) !important;
}

html[data-pf-theme='dark'] .bg-emerald-100 {
  background-color: rgba(16, 185, 129, 0.22) !important;
}

html[data-pf-theme='dark'] .text-emerald-700 {
  color: #6ee7b7 !important;
}

html[data-pf-theme='dark'] .bg-teal-100 { background-color: rgba(20, 184, 166, 0.22) !important; }
html[data-pf-theme='dark'] .text-teal-700 { color: #5eead4 !important; }
html[data-pf-theme='dark'] .bg-sky-100 { background-color: rgba(14, 165, 233, 0.22) !important; }
html[data-pf-theme='dark'] .text-sky-700 { color: #7dd3fc !important; }
html[data-pf-theme='dark'] .bg-rose-100 { background-color: rgba(244, 63, 94, 0.22) !important; }
html[data-pf-theme='dark'] .text-rose-700 { color: #fda4af !important; }
html[data-pf-theme='dark'] .bg-indigo-100 { background-color: rgba(99, 102, 241, 0.22) !important; }
html[data-pf-theme='dark'] .text-indigo-700 { color: #a5b4fc !important; }
html[data-pf-theme='dark'] .bg-violet-100 { background-color: rgba(139, 92, 246, 0.22) !important; }
html[data-pf-theme='dark'] .text-violet-700 { color: #c4b5fd !important; }
html[data-pf-theme='dark'] .bg-cyan-100 { background-color: rgba(6, 182, 212, 0.22) !important; }
html[data-pf-theme='dark'] .text-cyan-700 { color: #67e8f9 !important; }
html[data-pf-theme='dark'] .bg-amber-100 { background-color: rgba(245, 158, 11, 0.22) !important; }
html[data-pf-theme='dark'] .text-amber-700,
html[data-pf-theme='dark'] .text-amber-900 { color: #fcd34d !important; }

/* Alertas / cobrança */
html[data-pf-theme='dark'] .bg-red-50 {
  background-color: rgba(239, 68, 68, 0.15) !important;
}

html[data-pf-theme='dark'] .border-red-100,
html[data-pf-theme='dark'] .border-red-200 {
  border-color: rgba(248, 113, 113, 0.35) !important;
}

html[data-pf-theme='dark'] .text-red-800,
html[data-pf-theme='dark'] .text-red-900 {
  color: #fecaca !important;
}

html[data-pf-theme='dark'] .text-red-700 {
  color: #fca5a5 !important;
}

html[data-pf-theme='dark'] .bg-amber-50 {
  background-color: rgba(245, 158, 11, 0.12) !important;
}

html[data-pf-theme='dark'] .border-amber-100,
html[data-pf-theme='dark'] .border-amber-200 {
  border-color: rgba(251, 191, 36, 0.35) !important;
}

html[data-pf-theme='dark'] .bg-emerald-50\/80,
html[data-pf-theme='dark'] .bg-emerald-50 {
  background-color: rgba(16, 185, 129, 0.12) !important;
}

html[data-pf-theme='dark'] .border-emerald-100 {
  border-color: rgba(52, 211, 153, 0.25) !important;
}

html[data-pf-theme='dark'] .bg-gray-900\/55 {
  background-color: rgba(0, 0, 0, 0.65) !important;
}

/* --- Dashboard (Início) --- */
.dash-welcome {
  border-radius: 1rem;
  padding: 1.5rem 1.75rem;
  border: none;
}

html[data-pf-theme='light'] #vg-main-content {
  background: var(--vg-page-bg) !important;
}

html[data-pf-theme='light'] .dash-welcome {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 42%, #a7f3d0 100%) !important;
  color: #064e3b;
  box-shadow: 0 8px 28px rgba(16, 185, 129, 0.16);
}

html[data-pf-theme='light'] .dash-welcome__title,
html[data-pf-theme='light'] #dashWelcomeTitle {
  color: #064e3b !important;
}

html[data-pf-theme='light'] .dash-welcome__sub,
html[data-pf-theme='light'] #dashWelcomeSubtitle {
  color: #047857 !important;
}

html[data-pf-theme='dark'] .dash-welcome {
  background: linear-gradient(135deg, #1a2e1a 0%, #0d1f0d 100%) !important;
  color: #ecfdf5;
  box-shadow: 0 10px 40px rgba(13, 31, 13, 0.35);
}

html[data-pf-theme='dark'] .dash-welcome__title,
html[data-pf-theme='dark'] #dashWelcomeTitle {
  color: #ecfdf5 !important;
}

html[data-pf-theme='dark'] .dash-welcome__sub,
html[data-pf-theme='dark'] #dashWelcomeSubtitle {
  color: rgba(167, 243, 208, 0.92) !important;
}

.dash-metric-card {
  border-radius: 1rem;
  border: 1px solid var(--vg-card-border);
  background: var(--vg-card-bg);
  color: var(--vg-text);
  padding: 1.25rem 1.25rem 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.2s, transform 0.15s, border-color 0.2s, background 0.2s;
  min-width: 0;
}

.dash-metric-card .flex.justify-between {
  min-width: 0;
}

.dash-metric-card [id^='dashMetric'][id$='Delta'] {
  max-width: 42%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
}

html[data-pf-theme='light'] .dash-metric-card:hover {
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.12);
  transform: translateY(-1px);
}

html[data-pf-theme='dark'] .dash-metric-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  border-color: var(--vg-card-hover-border);
  transform: translateY(-1px);
}

.dash-quick-card {
  border-radius: 0.875rem;
  border: 1px solid var(--vg-card-border);
  background: var(--vg-card-bg);
  color: var(--vg-text);
  padding: 1rem 1rem 1.1rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  text-decoration: none;
  transition: border-color 0.2s, background 0.2s, transform 0.15s;
  min-height: 7.5rem;
}

.dash-quick-card:hover {
  border-color: var(--vg-card-hover-border);
  background: var(--vg-card-hover-bg);
  transform: translateY(-2px);
}

.dash-skeleton {
  background: linear-gradient(90deg, var(--vg-skeleton-a) 25%, var(--vg-skeleton-b) 50%, var(--vg-skeleton-a) 75%);
  background-size: 200% 100%;
  animation: dash-shimmer 1.2s ease-in-out infinite;
  border-radius: 0.375rem;
}

@keyframes dash-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.dash-delta-up { color: #059669; }
.dash-delta-down { color: #dc2626; }
.dash-delta-flat { color: var(--vg-muted); }

html[data-pf-theme='dark'] .dash-delta-up { color: #4ade80; }
html[data-pf-theme='dark'] .dash-delta-down { color: #f87171; }

.dash-team-card {
  border: 1px solid var(--vg-card-border);
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  background: var(--vg-panel-muted-bg);
  color: var(--vg-text);
}

.dash-team-card + .dash-team-card {
  margin-top: 0.5rem;
}

/* --- BI / Insights (páginas com classes bi-*) --- */
.bi-period-pill,
.bi-scope-pill,
.bi-section-tab {
  background: var(--vg-card-bg);
  color: var(--vg-muted);
  border-color: var(--vg-card-border);
}

html[data-pf-theme='dark'] .bi-period-pill,
html[data-pf-theme='dark'] .bi-scope-pill,
html[data-pf-theme='dark'] .bi-section-tab {
  background: var(--vg-card-bg) !important;
  color: var(--vg-muted) !important;
  border-color: var(--vg-card-border) !important;
}

.bi-kpi-card,
.meta-kpi-card,
.meta-insight-card {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
  color: var(--vg-text);
}

html[data-pf-theme='dark'] .meta-period-pill:not(.meta-period-pill--active) {
  background: var(--vg-card-bg) !important;
  color: var(--vg-muted) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .meta-period-pill:hover:not(.meta-period-pill--active) {
  background: #27272a !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-pf-theme='dark'] .bi-table-wrap thead th {
  background: #27272a !important;
  box-shadow: 0 1px 0 var(--vg-card-border) !important;
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .bi-section-tab--active {
  border-color: #0f766e !important;
  background: rgba(16, 185, 129, 0.15) !important;
  color: #6ee7b7 !important;
}

.bi-period-pill--active,
.bi-scope-pill--active {
  color: #fff;
}

/* ========== PRODUTO — superfícies globais (style.css + layout.css) ========== */

html[data-pf-theme='dark'] .users-page-card,
html[data-pf-theme='dark'] .modal-content,
html[data-pf-theme='dark'] .template-grid-card,
html[data-pf-theme='dark'] .tpl-card,
html[data-pf-theme='dark'] .template-list-item,
html[data-pf-theme='dark'] .cobranca-hero,
html[data-pf-theme='dark'] .cobranca-resumo-card,
html[data-pf-theme='dark'] .cobranca-card,
html[data-pf-theme='dark'] .cobranca-plano-box,
html[data-pf-theme='dark'] .contacts-table-container,
html[data-pf-theme='dark'] .contacts-modal,
html[data-pf-theme='dark'] .sidebar-toggle-mobile {
  background: var(--vg-card-bg) !important;
  color: var(--vg-text);
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .users-page-title,
html[data-pf-theme='dark'] .user-name-primary,
html[data-pf-theme='dark'] .cobranca-hero-valor,
html[data-pf-theme='dark'] .cobranca-hero-data,
html[data-pf-theme='dark'] .cobranca-hero-title,
html[data-pf-theme='dark'] .cobranca-card-titulo,
html[data-pf-theme='dark'] .cobranca-resumo-valor,
html[data-pf-theme='dark'] .cobranca-historico-valor,
html[data-pf-theme='dark'] .cobranca-plano-valor,
html[data-pf-theme='dark'] .modal-header h2 {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .users-page-subtitle,
html[data-pf-theme='dark'] .users-count-badge,
html[data-pf-theme='dark'] .user-name-email,
html[data-pf-theme='dark'] .cobranca-resumo-label,
html[data-pf-theme='dark'] .cobranca-card-meta,
html[data-pf-theme='dark'] .cobranca-historico-desc,
html[data-pf-theme='dark'] .cobranca-plano-label,
html[data-pf-theme='dark'] .loading {
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .users-page-header,
html[data-pf-theme='dark'] .users-table th,
html[data-pf-theme='dark'] .users-table td,
html[data-pf-theme='dark'] .contacts-table th,
html[data-pf-theme='dark'] .contacts-table td,
html[data-pf-theme='dark'] .campaign-step-actions {
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .users-table th {
  background: #27272a !important;
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .users-table tbody tr:hover,
html[data-pf-theme='dark'] .contacts-table tr:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

html[data-pf-theme='dark'] .users-search-input,
html[data-pf-theme='dark'] .users-filter-select,
html[data-pf-theme='dark'] .contacts-search,
html[data-pf-theme='dark'] .crm-search-input,
html[data-pf-theme='dark'] .crm-period-select,
html[data-pf-theme='dark'] input[type='text'],
html[data-pf-theme='dark'] input[type='email'],
html[data-pf-theme='dark'] input[type='password'],
html[data-pf-theme='dark'] input[type='search'],
html[data-pf-theme='dark'] input[type='number'],
html[data-pf-theme='dark'] input[type='tel'],
html[data-pf-theme='dark'] input[type='date'],
html[data-pf-theme='dark'] textarea,
html[data-pf-theme='dark'] select:not(.chat-waba-select) {
  background-color: #27272a !important;
  color: var(--vg-text) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .users-clear-filters:hover {
  background: #3f3f46 !important;
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .users-actions-dropdown,
html[data-pf-theme='dark'] .vg-header__more-dropdown,
html[data-pf-theme='dark'] .crm-pipeline-dropdown,
html[data-pf-theme='dark'] .crm-config-menu {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

html[data-pf-theme='dark'] .users-actions-item,
html[data-pf-theme='dark'] .crm-config-item {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .users-actions-item:hover,
html[data-pf-theme='dark'] .crm-config-item:hover {
  background: #27272a !important;
}

html[data-pf-theme='dark'] .modal {
  background-color: rgba(0, 0, 0, 0.65) !important;
}

html[data-pf-theme='dark'] .modal-header {
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .close {
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .campaign-stepper-item {
  background: #3f3f46 !important;
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .campaign-stepper-item.campaign-stepper-done {
  background: rgba(16, 185, 129, 0.25) !important;
  color: #6ee7b7 !important;
}

html[data-pf-theme='dark'] .campaign-stepper-line {
  background: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .campaigns-hero {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.18) 0%, rgba(20, 184, 166, 0.08) 100%) !important;
  border-color: rgba(52, 211, 153, 0.28) !important;
}

html[data-pf-theme='dark'] .from-emerald-50 {
  --tw-gradient-from: rgba(16, 185, 129, 0.12) !important;
}

html[data-pf-theme='dark'] .to-teal-50 {
  --tw-gradient-to: rgba(20, 184, 166, 0.08) !important;
}

html[data-pf-theme='dark'] .border-emerald-100 {
  border-color: rgba(52, 211, 153, 0.25) !important;
}

html[data-pf-theme='dark'] .text-emerald-800,
html[data-pf-theme='dark'] .text-emerald-950 {
  color: #a7f3d0 !important;
}

html[data-pf-theme='dark'] .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .border-b.border-gray-100 {
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .cobranca-btn-outline {
  background: #27272a !important;
  color: var(--vg-text) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .cobranca-btn-outline:hover {
  background: #3f3f46 !important;
  color: #6ee7b7 !important;
}

html[data-pf-theme='dark'] .cobranca-aviso-vencimento {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #fcd34d !important;
}

html[data-pf-theme='dark'] .cobranca-historico-item {
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .cobranca-historico-data {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .template-preview,
html[data-pf-theme='dark'] .template-preview pre {
  background: #27272a !important;
  color: var(--vg-text) !important;
  border-color: var(--vg-card-border) !important;
}

/* --- Templates (classes do <style> inline) --- */
html[data-pf-theme='dark'] .header-type-cards .htc-btn,
html[data-pf-theme='dark'] .wa-bubble,
html[data-pf-theme='dark'] .wa-template-preview-card,
html[data-pf-theme='dark'] .wa-preview-buttons,
html[data-pf-theme='dark'] .wa-preview-btn-row,
html[data-pf-theme='dark'] .create-wizard-steps,
html[data-pf-theme='dark'] .preset-template-card {
  background: var(--vg-card-bg) !important;
  color: var(--vg-text) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .header-type-cards .htc-btn:hover {
  background: rgba(16, 185, 129, 0.12) !important;
}

html[data-pf-theme='dark'] .header-type-cards .htc-btn[aria-pressed='true'] {
  background: rgba(16, 185, 129, 0.2) !important;
  color: #6ee7b7 !important;
  border-color: #059669 !important;
}

html[data-pf-theme='dark'] .create-wizard-steps .wiz-step {
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .create-wizard-steps .wiz-step.active {
  color: #6ee7b7 !important;
}

html[data-pf-theme='dark'] .create-wizard-steps .wiz-step .wiz-num {
  background: #3f3f46 !important;
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .preset-template-card .preset-body {
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .wa-preview-btn-row {
  color: #38bdf8 !important;
}

html[data-pf-theme='dark'] .wa-preview-media-ph {
  background: #27272a !important;
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .val-alert-red {
  background: rgba(239, 68, 68, 0.12) !important;
}

html[data-pf-theme='dark'] .val-alert-amber {
  background: rgba(245, 158, 11, 0.12) !important;
}

html[data-pf-theme='dark'] .val-alert-green {
  background: rgba(16, 185, 129, 0.12) !important;
}

/* --- Listas --- */
html[data-pf-theme='dark'] .listas-card,
html[data-pf-theme='dark'] .listas-card__dropdown,
html[data-pf-theme='dark'] .import-summary-panel,
html[data-pf-theme='dark'] .lista-card,
html[data-pf-theme='dark'] .list-card,
html[data-pf-theme='dark'] .contact-list-card {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .listas-card__title,
html[data-pf-theme='dark'] .import-summary-panel dd {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .import-summary-panel dt {
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .listas-card__menu-btn {
  background: #27272a !important;
  border-color: var(--vg-card-border) !important;
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .listas-card__stat {
  background: #27272a !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .listas-card__stat-value {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .listas-card__stat-label,
html[data-pf-theme='dark'] .listas-card__bar-caption,
html[data-pf-theme='dark'] .listas-card__meta-line {
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .listas-card__footer {
  border-top-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .listas-card__btn-import {
  background: #27272a !important;
  border-color: #059669 !important;
  color: #6ee7b7 !important;
}

html[data-pf-theme='dark'] .import-dropzone {
  background: #27272a !important;
  border-color: var(--vg-card-border) !important;
}

/* --- CRM --- */
html[data-pf-theme='dark'] .crm-header,
html[data-pf-theme='dark'] .kanban-column,
html[data-pf-theme='dark'] .crm-pipeline-dropdown,
html[data-pf-theme='dark'] .crm-config-menu {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
  color: var(--vg-text);
}

html[data-pf-theme='dark'] .crm-header-btn,
html[data-pf-theme='dark'] .crm-config-btn {
  background: #27272a !important;
  color: var(--vg-text) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .crm-header-btn:hover,
html[data-pf-theme='dark'] .crm-config-btn:hover {
  background: #3f3f46 !important;
}

html[data-pf-theme='dark'] .kanban-card,
html[data-pf-theme='dark'] .deal-card {
  background: #27272a !important;
  border-color: var(--vg-card-border) !important;
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .kanban-column-header,
html[data-pf-theme='dark'] .kanban-column-title {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .crm-board-wrapper {
  background: transparent !important;
}

/* --- Chat / Conversas --- */
html[data-pf-theme='dark'] .conversations-sidebar,
html[data-pf-theme='dark'] .chat-header-app,
html[data-pf-theme='dark'] .chat-actions-menu,
html[data-pf-theme='dark'] .chat-actions-menu button,
html[data-pf-theme='dark'] #messageInput,
html[data-pf-theme='dark'] .chat-dropzone-card {
  background: var(--vg-card-bg) !important;
  color: var(--vg-text) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] #contactInfoPanel {
  background: #1c1c21 !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] #chatInputContainer {
  background-color: #27272a !important;
  border-top-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .chat-area {
  background-color: #0f0f12 !important;
}

html[data-pf-theme='dark'] .conversation-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

html[data-pf-theme='dark'] .conversation-item--active,
html[data-pf-theme='dark'] .conversation-item--active:hover {
  background: rgba(37, 211, 102, 0.15) !important;
}

html[data-pf-theme='dark'] .message-inbound {
  background-color: #27272a !important;
  color: var(--vg-text) !important;
  box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.3) !important;
}

html[data-pf-theme='dark'] .message-outbound {
  background-color: #14532d !important;
  color: #ecfdf5 !important;
}

html[data-pf-theme='dark'] .chat-sidebar-search-input,
html[data-pf-theme='dark'] .chat-waba-select {
  background: #27272a !important;
  color: var(--vg-text) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .chat-filters-toggle-btn {
  background: #27272a !important;
  color: var(--vg-text) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .chat-actions-menu button:hover {
  background: #3f3f46 !important;
}

html[data-pf-theme='dark'] .icon-btn {
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .icon-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

html[data-pf-theme='dark'] .chat-list-section-sep {
  color: var(--vg-muted) !important;
  background: transparent !important;
}

/* Cards mobile usuários */
html[data-pf-theme='dark'] .users-card-mobile {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
}

/* ========== v5 — páginas produto (style.css inline + Tailwind restante) ========== */

html[data-pf-theme='dark'] .section-card {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
  color: var(--vg-text);
}

html[data-pf-theme='dark'] .page-header h1 {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .page-header p {
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .analytics-period-btn:not(.active) {
  background: #27272a !important;
  border-color: var(--vg-card-border) !important;
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .analytics-period-btn:not(.active):hover {
  background: #3f3f46 !important;
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .button-analytics {
  background: #27272a !important;
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .button-analytics .button-name {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .campaign-card {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
  color: var(--vg-text);
}

html[data-pf-theme='dark'] .campaign-card:hover {
  border-color: var(--vg-card-hover-border) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

/* Slate / opacidade Tailwind */
html[data-pf-theme='dark'] .bg-slate-50,
html[data-pf-theme='dark'] .bg-slate-50\/80,
html[data-pf-theme='dark'] .bg-slate-100 {
  background-color: #27272a !important;
}

html[data-pf-theme='dark'] .hover\:bg-slate-50:hover {
  background-color: #3f3f46 !important;
}

html[data-pf-theme='dark'] .border-slate-100,
html[data-pf-theme='dark'] .border-slate-200 {
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .text-slate-700,
html[data-pf-theme='dark'] .text-slate-800,
html[data-pf-theme='dark'] .text-slate-950 {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .text-slate-600 {
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .bg-gray-50\/50,
html[data-pf-theme='dark'] .bg-gray-50\/80,
html[data-pf-theme='dark'] .bg-amber-50\/80,
html[data-pf-theme='dark'] .bg-emerald-50\/30,
html[data-pf-theme='dark'] .bg-emerald-50\/80,
html[data-pf-theme='dark'] .bg-white\/80 {
  background-color: rgba(39, 39, 42, 0.9) !important;
}

html[data-pf-theme='dark'] .hover\:bg-white\/60:hover {
  background-color: rgba(63, 63, 70, 0.85) !important;
}

html[data-pf-theme='dark'] .bg-indigo-50 {
  background-color: rgba(99, 102, 241, 0.12) !important;
}

html[data-pf-theme='dark'] .text-amber-800,
html[data-pf-theme='dark'] .text-amber-950 {
  color: #fcd34d !important;
}

html[data-pf-theme='dark'] .text-gray-300 {
  color: #52525b !important;
}

html[data-pf-theme='dark'] .text-gray-400,
html[data-pf-theme='dark'] .disabled\:text-gray-400:disabled {
  color: #71717a !important;
}

html[data-pf-theme='dark'] .hover\:text-gray-800:hover {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .disabled\:bg-gray-50:disabled {
  background-color: #3f3f46 !important;
}

html[data-pf-theme='dark'] code.bg-gray-100 {
  background: #3f3f46 !important;
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--vg-card-border) !important;
}

/* Meta Insights — estilos inline da página */
html[data-pf-theme='dark'] .meta-period-pill:not(.meta-period-pill--active) {
  background: var(--vg-card-bg) !important;
  color: var(--vg-muted) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .meta-period-pill:hover:not(.meta-period-pill--active) {
  background: #27272a !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html[data-pf-theme='dark'] .meta-kpi-card {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
  color: var(--vg-text);
}

html[data-pf-theme='dark'] .meta-table-wrap thead th {
  background: #27272a !important;
  box-shadow: 0 1px 0 var(--vg-card-border) !important;
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .meta-table-row:nth-child(even) {
  background-color: rgba(39, 39, 42, 0.55) !important;
}

html[data-pf-theme='dark'] .meta-table-row:hover {
  background-color: rgba(16, 185, 129, 0.1) !important;
}

html[data-pf-theme='dark'] .meta-skeleton-line {
  background: linear-gradient(
    90deg,
    var(--vg-skeleton-a) 0%,
    var(--vg-skeleton-b) 45%,
    var(--vg-skeleton-b) 55%,
    var(--vg-skeleton-a) 100%
  ) !important;
  background-size: 200% 100% !important;
}

html[data-pf-theme='dark'] .bg-amber-50\/40 {
  background-color: rgba(245, 158, 11, 0.12) !important;
}

/* BI Atendimento — estilos inline da página */
html[data-pf-theme='dark'] .bi-period-pill:not(.bi-period-pill--active),
html[data-pf-theme='dark'] .bi-scope-pill:not(.bi-scope-pill--active) {
  background: var(--vg-card-bg) !important;
  color: var(--vg-muted) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .bi-period-pill:hover:not(.bi-period-pill--active),
html[data-pf-theme='dark'] .bi-scope-pill:hover:not(.bi-scope-pill--active) {
  background: #27272a !important;
}

html[data-pf-theme='dark'] .bi-kpi-card {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
  color: var(--vg-text);
}

html[data-pf-theme='dark'] .bi-kpi-card.border-emerald-100 {
  border-color: rgba(52, 211, 153, 0.25) !important;
}

html[data-pf-theme='dark'] .bi-table-wrap tbody tr:nth-child(even) {
  background: rgba(39, 39, 42, 0.45) !important;
}

html[data-pf-theme='dark'] .bi-table-wrap tbody tr:hover {
  background: rgba(16, 185, 129, 0.08) !important;
}

/* Templates — botões secundários e alertas */
html[data-pf-theme='dark'] .templates-btn-secondary:not(:disabled) {
  background: #27272a !important;
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .templates-btn-secondary.border-emerald-600:not(:disabled) {
  color: #6ee7b7 !important;
  border-color: #059669 !important;
}

html[data-pf-theme='dark'] .templates-guide-btn {
  background: #27272a !important;
  color: var(--vg-text) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .templates-guide-btn:hover {
  background: #3f3f46 !important;
}

html[data-pf-theme='dark'] #reloadTemplatesBtn,
html[data-pf-theme='dark'] #clearFiltersBtn {
  background-color: #27272a !important;
  color: var(--vg-muted) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] #reloadTemplatesBtn:hover,
html[data-pf-theme='dark'] #clearFiltersBtn:hover {
  background-color: #3f3f46 !important;
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .val-alert-amber,
html[data-pf-theme='dark'] .val-alert-red,
html[data-pf-theme='dark'] .val-alert-green {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .preset-template-card {
  background: var(--vg-panel-muted-bg) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .header-type-cards .htc-btn {
  background: #27272a !important;
}

html[data-pf-theme='dark'] .create-wizard-steps {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] #headerMediaDropzone {
  background: #27272a !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] #headerMediaDropzone:hover {
  background: rgba(16, 185, 129, 0.1) !important;
  border-color: #059669 !important;
}

/* Listas — painéis inline */
html[data-pf-theme='dark'] .import-dropzone {
  background: #27272a !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .import-dropzone:hover,
html[data-pf-theme='dark'] .import-dropzone.is-dragover {
  background: rgba(37, 99, 235, 0.15) !important;
  border-color: #3b82f6 !important;
}

html[data-pf-theme='dark'] .import-warn-panel--invalid {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(248, 113, 113, 0.35) !important;
  color: #fecaca !important;
}

html[data-pf-theme='dark'] .import-warn-panel--repaired {
  background: rgba(59, 130, 246, 0.12) !important;
  border-color: rgba(96, 165, 250, 0.35) !important;
  color: #bfdbfe !important;
}

html[data-pf-theme='dark'] .listas-page-header__title h1 {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .listas-page-header__title p {
  color: var(--vg-muted) !important;
}

/* Cobranças / modais genéricos */
html[data-pf-theme='dark'] .modal-overlay .modal-content,
html[data-pf-theme='dark'] .vg-modal-panel {
  background: var(--vg-card-bg) !important;
  color: var(--vg-text);
  border-color: var(--vg-card-border) !important;
}

/* ========== v6 — correção global (style.css header/main + chat + gradientes) ========== */

html[data-pf-theme='dark'] #vg-app-layout #vg-main-content header h1,
html[data-pf-theme='dark'] #vg-app-layout #vg-main-content header h2 {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .card,
html[data-pf-theme='dark'] .card-interactive {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
  color: var(--vg-text);
}

html[data-pf-theme='dark'] .btn-secondary {
  background: #27272a !important;
  color: var(--vg-text) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .btn-secondary:hover {
  border-color: #059669 !important;
  color: #6ee7b7 !important;
}

/* Tailwind gradientes (campanhas hero, etc.) */
html[data-pf-theme='dark'] .bg-gradient-to-br,
html[data-pf-theme='dark'] .bg-gradient-to-r {
  background-image: none !important;
}

html[data-pf-theme='dark'] .campaigns-hero {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(20, 184, 166, 0.1) 50%, rgba(9, 9, 11, 0.95) 100%) !important;
  border-color: rgba(52, 211, 153, 0.28) !important;
}

html[data-pf-theme='dark'] .campaigns-hero h1,
html[data-pf-theme='dark'] .campaigns-hero .text-gray-900 {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .campaigns-hero .text-gray-600,
html[data-pf-theme='dark'] .campaigns-hero .text-gray-700 {
  color: var(--vg-muted) !important;
}

html[data-pf-theme='dark'] .warmup-guide-btn {
  background: #27272a !important;
  color: #fb923c !important;
  border-color: rgba(251, 146, 60, 0.45) !important;
}

html[data-pf-theme='dark'] .bg-white\/90 {
  background-color: var(--vg-card-bg) !important;
}

/* --- Chat (estilos inline em chat.html) --- */
html[data-pf-theme='dark'] .conversations-sidebar {
  background: var(--vg-card-bg) !important;
  border-right-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .chat-area,
html[data-pf-theme='dark'] #messagesContainer {
  background-color: #0c0c0f !important;
  background-image: none !important;
}

html[data-pf-theme='dark'] .chat-date-separator-pill {
  background: rgba(39, 39, 42, 0.95) !important;
  color: #a1a1aa !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

html[data-pf-theme='dark'] .message-inbound {
  background-color: #27272a !important;
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .message-outbound {
  background-color: #14532d !important;
  color: #ecfdf5 !important;
}

html[data-pf-theme='dark'] #contactInfoPanel,
html[data-pf-theme='dark'] .contact-info-panel {
  background: var(--vg-card-bg) !important;
  border-left-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .contact-panel-section {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .contact-panel-section summary,
html[data-pf-theme='dark'] #contactInfoPanelInner {
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] #chatAssignMenu.chat-assign-menu {
  background: var(--vg-card-bg) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .chat-waba-chip {
  background: #27272a !important;
  color: var(--vg-muted) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] #templatePreview,
html[data-pf-theme='dark'] .bg-\[\#e5ddd5\] {
  background-color: #0c0c0f !important;
  color: var(--vg-text) !important;
}

html[data-pf-theme='dark'] .campaign-date-btn:not(.active),
html[data-pf-theme='dark'] .period-pill:not(.active) {
  background: #27272a !important;
  color: var(--vg-muted) !important;
  border-color: var(--vg-card-border) !important;
}

html[data-pf-theme='dark'] .campaign-date-btn.active,
html[data-pf-theme='dark'] .period-pill.active {
  background: rgba(16, 185, 129, 0.25) !important;
  color: #6ee7b7 !important;
  border-color: #059669 !important;
}