/**
 * PROSPECT - SISTEMA GLOBAL DE TEMAS (Apple HIG + Contraste Perfeito)
 * Aplicação universal de temas para absolutamente todas as abas, cards, headers, tabelas, modais e inputs.
 *
 * 1. Padrão (White)
 * 2. Grafite (Escuro Grafite com Branco Meio Creme e Azul Mantido)
 * 3. Midnight (Preto Profundo Noturno com Azul Sky/Neon)
 * 4. Bege (Warm Luxury Editorial - off-white requintado)
 */

/* ==========================================================================
   1. DEFINIÇÃO COMPLETA DE VARIÁVEIS POR TEMA (+ aliases legados)
   ========================================================================== */

/* --- TEMA 1: PADRÃO (WHITE) --- */
:root,
[data-theme="white"],
body.theme-white {
  --bg-main: #F8FAFC;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F1F5F9;
  --bg-input: #F1F5F9;
  --glass-border: #E2E8F0;
  --glass-bg: rgba(255, 255, 255, 0.88);

  --text-main: #0F172A;
  --text-secondary: #475569;
  --text-muted: #64748B;

  /* Aliases legados para compatibilidade com CSS antigos */
  --system-bg: #F8FAFC;
  --surface-bg: #FFFFFF;
  --sidebar-bg: #FFFFFF;
  --text-primary: #0F172A;
  --separator: #E2E8F0;
  --input-bg: #F1F5F9;

  --prospect-bg: #F4F6FB;
  --prospect-card-bg: #FFFFFF;
  --prospect-card-border: #E2E8F0;
  --prospect-text-main: #0F172A;
  --prospect-text-muted: #475569;
  --prospect-text-subtle: #64748B;

  --app-bg: #F8FAFC;
  --app-card-bg: #FFFFFF;
  --app-card-hover: #F1F5F9;
  --app-card-border: #E2E8F0;
  --app-input-bg: #F1F5F9;
  --app-input-border: #CBD5E1;

  --app-text-main: #0F172A;
  --app-text-muted: #475569;
  --app-text-sub: #64748B;
  --app-divider: rgba(0, 0, 0, 0.07);

  --app-header-bg: #FFFFFF;
  --app-sidebar-bg: #FFFFFF;
  --app-bottom-nav-bg: rgba(255, 255, 255, 0.55);
  --app-bottom-nav-border: rgba(255, 255, 255, 0.75);
  --app-bottom-nav-shadow: 0 12px 36px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04), inset 0 1px 2px rgba(255, 255, 255, 0.85), inset 0 -1px 1px rgba(0, 0, 0, 0.04);

  --app-accent: #1E4BFF;
  --app-accent-gradient: linear-gradient(135deg, #1E4BFF 0%, #00B2FE 100%);
  --app-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);

  /* Variáveis específicas mobile/clientes */
  --vmobile-bg: #F4F6FB;
  --vmobile-card-bg: #FFFFFF;
  --vmobile-stat-bg: #FFFFFF;
  --vmobile-tab-bg: rgba(120, 120, 128, 0.1);
  --vmobile-tab-active-bg: #FFFFFF;
  --vmobile-text-main: #1C1C1E;
  --vmobile-text-muted: #8E8E93;
  --vmobile-divider: #F2F2F7;
  --vmobile-icon-bg: #EEF2FF;
  --vmobile-details-btn-bg: #F0F4FF;
}

/* --- TEMA 2: GRAFITE (ESCURO & BRANCO MEIO CREME, AZUL MANTIDO) --- */
[data-theme="grafite"],
body.theme-grafite {
  --bg-main: #16181D;
  --bg-card: #21242B;
  --bg-card-hover: #292D36;
  --bg-input: #282C35;
  --glass-border: rgba(255, 255, 255, 0.09);
  --glass-bg: rgba(33, 36, 43, 0.88);

  --text-main: #F6F3EC;
  --text-secondary: #CDC8BE;
  --text-muted: #9E988D;

  /* Aliases legados */
  --system-bg: #16181D;
  --surface-bg: #21242B;
  --sidebar-bg: #1C1F26;
  --text-primary: #F6F3EC;
  --separator: rgba(255, 255, 255, 0.09);
  --input-bg: #282C35;

  --prospect-bg: #16181D;
  --prospect-card-bg: #21242B;
  --prospect-card-border: rgba(255, 255, 255, 0.09);
  --prospect-text-main: #F6F3EC;
  --prospect-text-muted: #CDC8BE;
  --prospect-text-subtle: #9E988D;

  --app-bg: #16181D;
  --app-card-bg: #21242B;
  --app-card-hover: #292D36;
  --app-card-border: rgba(255, 255, 255, 0.09);
  --app-input-bg: #282C35;
  --app-input-border: rgba(255, 255, 255, 0.14);

  --app-text-main: #F6F3EC;
  --app-text-muted: #CDC8BE;
  --app-text-sub: #9E988D;
  --app-divider: rgba(255, 255, 255, 0.08);

  --app-header-bg: #1C1F26;
  --app-sidebar-bg: #1C1F26;
  --app-bottom-nav-bg: rgba(33, 36, 43, 0.55);
  --app-bottom-nav-border: rgba(255, 255, 255, 0.16);
  --app-bottom-nav-shadow: 0 14px 40px rgba(0, 0, 0, 0.45), 0 4px 12px rgba(0, 0, 0, 0.25), inset 0 1px 1.5px rgba(255, 255, 255, 0.22), inset 0 -1px 1px rgba(0, 0, 0, 0.4);

  --app-accent: #2563EB;
  --app-accent-gradient: linear-gradient(135deg, #1E4BFF 0%, #00B2FE 100%);
  --app-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);

  /* Variáveis específicas mobile/clientes */
  --vmobile-bg: #16181D;
  --vmobile-card-bg: #21242B;
  --vmobile-stat-bg: #21242B;
  --vmobile-tab-bg: rgba(255, 255, 255, 0.07);
  --vmobile-tab-active-bg: #292D36;
  --vmobile-text-main: #F6F3EC;
  --vmobile-text-muted: #9E988D;
  --vmobile-divider: rgba(255, 255, 255, 0.08);
  --vmobile-icon-bg: rgba(37, 99, 235, 0.18);
  --vmobile-details-btn-bg: rgba(37, 99, 235, 0.18);
}

/* --- TEMA 3: MIDNIGHT (PRETO PROFUNDO NOTURNO & AZUL SKY/NEON) --- */
[data-theme="midnight"],
body.theme-midnight {
  --bg-main: #07090E;
  --bg-card: #11141E;
  --bg-card-hover: #181D2B;
  --bg-input: #161B28;
  --glass-border: rgba(56, 189, 248, 0.18);
  --glass-bg: rgba(17, 20, 30, 0.92);

  --text-main: #F8FAFC;
  --text-secondary: #CBD5E1;
  --text-muted: #94A3B8;

  /* Aliases legados */
  --system-bg: #07090E;
  --surface-bg: #11141E;
  --sidebar-bg: #0D1018;
  --text-primary: #F8FAFC;
  --separator: rgba(56, 189, 248, 0.18);
  --input-bg: #161B28;

  --prospect-bg: #07090E;
  --prospect-card-bg: #11141E;
  --prospect-card-border: rgba(56, 189, 248, 0.18);
  --prospect-text-main: #F8FAFC;
  --prospect-text-muted: #CBD5E1;
  --prospect-text-subtle: #94A3B8;

  --app-bg: #07090E;
  --app-card-bg: #11141E;
  --app-card-hover: #181D2B;
  --app-card-border: rgba(56, 189, 248, 0.18);
  --app-input-bg: #161B28;
  --app-input-border: rgba(56, 189, 248, 0.28);

  --app-text-main: #F8FAFC;
  --app-text-muted: #CBD5E1;
  --app-text-sub: #94A3B8;
  --app-divider: rgba(255, 255, 255, 0.08);

  --app-header-bg: #0D1018;
  --app-sidebar-bg: #0D1018;
  --app-bottom-nav-bg: rgba(17, 20, 30, 0.55);
  --app-bottom-nav-border: rgba(56, 189, 248, 0.32);
  --app-bottom-nav-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 24px rgba(56, 189, 248, 0.18), inset 0 1px 1.5px rgba(255, 255, 255, 0.25), inset 0 -1px 1px rgba(0, 0, 0, 0.4);

  --app-accent: #38BDF8;
  --app-accent-gradient: linear-gradient(135deg, #1E4BFF 0%, #38BDF8 100%);
  --app-shadow: 0 4px 28px rgba(0, 0, 0, 0.55);

  /* Variáveis específicas mobile/clientes */
  --vmobile-bg: #07090E;
  --vmobile-card-bg: #11141E;
  --vmobile-stat-bg: #11141E;
  --vmobile-tab-bg: rgba(56, 189, 248, 0.07);
  --vmobile-tab-active-bg: #181D2B;
  --vmobile-text-main: #F8FAFC;
  --vmobile-text-muted: #94A3B8;
  --vmobile-divider: rgba(56, 189, 248, 0.12);
  --vmobile-icon-bg: rgba(56, 189, 248, 0.12);
  --vmobile-details-btn-bg: rgba(56, 189, 248, 0.12);
}

/* --- TEMA 4: BEGE (WARM LUXURY / EDITORIAL CONTEMPORÂNEO) --- */
[data-theme="bege"],
body.theme-bege {
  --bg-main: #F4EFEA;
  --bg-card: #FCFAF7;
  --bg-card-hover: #EFE9E2;
  --bg-input: #EFE9E2;
  --glass-border: rgba(168, 145, 122, 0.22);
  --glass-bg: rgba(252, 250, 247, 0.94);

  --text-main: #1D1916;
  --text-secondary: #6B5E54;
  --text-muted: #8C7D72;

  /* Aliases legados */
  --system-bg: #F4EFEA;
  --surface-bg: #FCFAF7;
  --sidebar-bg: #FAF6F1;
  --text-primary: #1D1916;
  --separator: rgba(168, 145, 122, 0.22);
  --input-bg: #EFE9E2;

  --prospect-bg: #F4EFEA;
  --prospect-card-bg: #FCFAF7;
  --prospect-card-border: rgba(168, 145, 122, 0.22);
  --prospect-text-main: #1D1916;
  --prospect-text-muted: #6B5E54;
  --prospect-text-subtle: #8C7D72;

  --app-bg: #F4EFEA;
  --app-card-bg: #FCFAF7;
  --app-card-hover: #EFE9E2;
  --app-card-border: rgba(168, 145, 122, 0.22);
  --app-input-bg: #EFE9E2;
  --app-input-border: rgba(168, 145, 122, 0.32);

  --app-text-main: #1D1916;
  --app-text-muted: #6B5E54;
  --app-text-sub: #8C7D72;
  --app-divider: rgba(145, 120, 95, 0.12);

  --app-header-bg: #FAF6F1;
  --app-sidebar-bg: #FAF6F1;
  --app-bottom-nav-bg: rgba(252, 250, 247, 0.60);
  --app-bottom-nav-border: rgba(255, 255, 255, 0.80);
  --app-bottom-nav-shadow: 0 12px 36px rgba(120, 95, 75, 0.14), 0 2px 8px rgba(120, 95, 75, 0.06), inset 0 1px 2px rgba(255, 255, 255, 0.9), inset 0 -1px 1px rgba(120, 95, 75, 0.06);

  --app-accent: #1E4BFF;
  --app-accent-gradient: linear-gradient(135deg, #1E4BFF 0%, #0284C7 100%);
  --app-shadow: 0 4px 20px rgba(120, 95, 75, 0.08);

  /* Variáveis específicas mobile/clientes */
  --vmobile-bg: #F4EFEA;
  --vmobile-card-bg: #FCFAF7;
  --vmobile-stat-bg: #FCFAF7;
  --vmobile-tab-bg: rgba(168, 145, 122, 0.12);
  --vmobile-tab-active-bg: #FCFAF7;
  --vmobile-text-main: #1D1916;
  --vmobile-text-muted: #8C7D72;
  --vmobile-divider: rgba(145, 120, 95, 0.12);
  --vmobile-icon-bg: rgba(30, 75, 255, 0.08);
  --vmobile-details-btn-bg: rgba(30, 75, 255, 0.08);
}


/* ==========================================================================
   2. REGRAS GLOBAIS DE ESTRUTURA E LAYOUT (ALTO IMPACTO)
   ========================================================================== */

/* Fundo da Página e Layout Principal */
html[data-theme],
body[data-theme] {
  background-color: var(--app-bg) !important;
  color: var(--app-text-main) !important;
  transition: background-color 0.25s ease, color 0.25s ease;
}

/* CRÍTICO: override do media query que força cores fixas no mobile */
@media (max-width: 1024px) {
  [data-theme] html,
  [data-theme] body,
  html[data-theme],
  body[data-theme] {
    background: var(--app-bg) !important;
  }

  [data-theme] .vmobile-clientes-container {
    background: var(--vmobile-bg) !important;
  }

  [data-theme] .nu-vg-container {
    background: var(--vmobile-bg) !important;
  }
}

[data-theme] .app-layout,
[data-theme] .main-content,
[data-theme] #page-container,
[data-theme] .page-content {
  background-color: var(--app-bg) !important;
  color: var(--app-text-main) !important;
}

/* Headers do Sistema (Top Header, iOS Header, Navbar) */
[data-theme] .top-header,
[data-theme] .ios-header,
[data-theme] .ios-navbar,
[data-theme] .ios-search-row,
[data-theme] .ios-large-title-row {
  background: var(--app-header-bg) !important;
  border-bottom: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

[data-theme] .ios-large-title,
[data-theme] .ios-nav-title,
[data-theme] .top-header-title {
  color: var(--app-text-main) !important;
}

[data-theme] .ios-search-input {
  background: var(--app-input-bg) !important;
  color: var(--app-text-main) !important;
  border: 1px solid var(--app-input-border) !important;
}

/* Sidebar Desktop / Drawer */
[data-theme] .sidebar {
  background: var(--app-sidebar-bg) !important;
  border-right: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

[data-theme] .sidebar .nav-item,
[data-theme] .sidebar .nav-link,
[data-theme] .sidebar-link {
  color: var(--app-text-muted) !important;
}

[data-theme] .sidebar .nav-item:hover,
[data-theme] .sidebar .nav-link:hover,
[data-theme] .sidebar-link:hover {
  color: var(--app-text-main) !important;
  background: var(--app-card-hover) !important;
}

/* Sidebar Nav Item Active - Quixotic & Padrão */
body.quixotic-theme .nav-item.active,
[data-theme] body.quixotic-theme .nav-item.active,
body.quixotic-theme[data-theme] .nav-item.active,
[data-theme="white"] body.quixotic-theme .nav-item.active {
  background: linear-gradient(135deg, #1E4BFF 0%, #5E82FF 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(30, 75, 255, 0.3) !important;
}

body.quixotic-theme .nav-item.active i,
body.quixotic-theme .nav-item.active svg,
[data-theme] body.quixotic-theme .nav-item.active i,
[data-theme] body.quixotic-theme .nav-item.active svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

[data-theme="white"] .sidebar .nav-item.active:not(body.quixotic-theme *),
body.theme-white .sidebar .nav-item.active:not(body.quixotic-theme *),
[data-theme="white"] .sidebar .nav-link.active,
[data-theme="white"] .sidebar-link.active {
  color: #1E4BFF !important;
  background-color: rgba(30, 75, 255, 0.08) !important;
}

[data-theme="white"] .sidebar .nav-item.active i,
[data-theme="white"] .sidebar .nav-item.active svg {
  color: #1E4BFF !important;
  stroke: #1E4BFF !important;
}


/* Barra de Navegação Inferior Mobile (Bottom Navbar Glassmorphism) */
[data-theme] .bottom-navbar {
  background: var(--app-bottom-nav-bg) !important;
  border: 1px solid var(--app-bottom-nav-border) !important;
  box-shadow: var(--app-bottom-nav-shadow) !important;
  backdrop-filter: blur(24px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
}

[data-theme] .bottom-nav-item {
  color: var(--app-text-muted) !important;
}

[data-theme] .bottom-nav-item.active {
  color: #FFFFFF !important;
}

[data-theme] .nav-indicator {
  background: var(--app-accent-gradient) !important;
  box-shadow: 0 4px 16px rgba(30, 75, 255, 0.4) !important;
}


/* ==========================================================================
   3. ABA INÍCIO / FEED DO VENDEDOR (.ig-* & .vd-dashboard-*)
   ========================================================================== */

[data-theme] .ig-feed-container,
[data-theme] .vd-dashboard-container {
  background-color: var(--app-bg) !important;
  color: var(--app-text-main) !important;
}

[data-theme] .ig-header,
[data-theme] .vd-header {
  background-color: var(--app-header-bg) !important;
  border-bottom: 1px solid var(--app-card-border) !important;
}

[data-theme] .ig-logo,
[data-theme] .ig-header-title,
[data-theme] .vd-header-titles h1 {
  color: var(--app-text-main) !important;
}

[data-theme] .vd-header-titles p {
  color: var(--app-text-muted) !important;
}

[data-theme] .ig-action-btn {
  background-color: var(--app-card-hover) !important;
  color: var(--app-text-main) !important;
}

[data-theme] .ig-card,
[data-theme] .ig-kpi-card,
[data-theme] .ig-ranking-card,
[data-theme] .ig-agenda-container,
[data-theme] .ig-metric-card,
[data-theme] .vd-card,
[data-theme] .vd-kpi-card,
[data-theme] .vd-metric-box {
  background-color: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
  box-shadow: var(--app-shadow) !important;
}

[data-theme] .ig-card-title,
[data-theme] .ig-kpi-value,
[data-theme] .ig-ranking-name,
[data-theme] .ig-agenda-title,
[data-theme] .vd-card-title {
  color: var(--app-text-main) !important;
}

[data-theme] .ig-card-subtitle,
[data-theme] .ig-kpi-label,
[data-theme] .ig-ranking-meta,
[data-theme] .ig-agenda-time,
[data-theme] .ig-agenda-desc,
[data-theme] .vd-card-subtitle {
  color: var(--app-text-muted) !important;
}

[data-theme] .ig-agenda-item,
[data-theme] .ig-ranking-item {
  border-bottom: 1px solid var(--app-divider) !important;
}

[data-theme] .ig-agenda-item:hover,
[data-theme] .ig-ranking-item:hover {
  background-color: var(--app-card-hover) !important;
}


/* ==========================================================================
   4. ABA COMPROMISSOS E ROTINA (.vd-*)
   ========================================================================== */

[data-theme] .vd-compromissos-container,
[data-theme] .vd-profile-page {
  background-color: var(--app-bg) !important;
  color: var(--app-text-main) !important;
}

[data-theme] .vd-calendar-strip {
  background-color: var(--app-header-bg) !important;
  border-bottom: 1px solid var(--app-card-border) !important;
}

[data-theme] .vd-day-pill {
  background-color: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

[data-theme] .vd-day-pill.active {
  background: var(--app-accent-gradient) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
}

[data-theme] .vd-routine-card,
[data-theme] .vd-profile-card,
[data-theme] .vd-task-item {
  background-color: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

[data-theme] .vd-profile-section-title,
[data-theme] .vd-profile-name,
[data-theme] .vd-routine-title,
[data-theme] .vd-task-title {
  color: var(--app-text-main) !important;
}

[data-theme] .vd-profile-bio,
[data-theme] .vd-profile-meta-item,
[data-theme] .vd-profile-row-label,
[data-theme] .vd-task-time {
  color: var(--app-text-muted) !important;
}

[data-theme] .vd-profile-row-sep,
[data-theme] .vd-routine-sep {
  background-color: var(--app-divider) !important;
}

/* Mini Popover de Usuário */
[data-theme] .vd-user-popover-menu {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  box-shadow: var(--app-shadow) !important;
}

[data-theme] .vd-popover-item {
  color: var(--app-text-main) !important;
}

[data-theme] .vd-popover-item:hover,
[data-theme] .vd-popover-item:active {
  background-color: var(--app-card-hover) !important;
}

[data-theme] .vd-popover-divider {
  background-color: var(--app-divider) !important;
}

/* Modal Bottom Sheet de Configurações */
[data-theme] .vd-settings-modal-sheet {
  background: var(--app-card-bg) !important;
  border-top: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

[data-theme] .vd-settings-modal-title,
[data-theme] .vd-settings-row-title {
  color: var(--app-text-main) !important;
}

[data-theme] .vd-settings-modal-close {
  background-color: var(--app-card-hover) !important;
  color: var(--app-text-muted) !important;
}

[data-theme] .vd-settings-drag-handle {
  background-color: var(--app-text-sub) !important;
}

[data-theme] .vd-settings-text-val {
  color: var(--app-text-muted) !important;
}


/* ==========================================================================
   5. ABA CLIENTES MOBILE (vmobile-* — CLASSES COM CORES HARDCODED)
   ========================================================================== */

/* Container principal */
[data-theme] .vmobile-clientes-container {
  background: var(--vmobile-bg) !important;
  color: var(--vmobile-text-main) !important;
}

/* Cards de estatística */
[data-theme] .vmobile-stat-card {
  background: var(--vmobile-stat-bg) !important;
  box-shadow: var(--app-shadow) !important;
}

[data-theme] .vmobile-stat-label,
[data-theme] .vmobile-stat-foot {
  color: var(--vmobile-text-muted) !important;
}

[data-theme] .vmobile-stat-number {
  color: var(--vmobile-text-main) !important;
}

[data-theme] .vmobile-stat-icon {
  background: var(--vmobile-icon-bg) !important;
  color: var(--app-accent) !important;
}

/* Tabs segmentadas */
[data-theme] .vmobile-tabs-pill {
  background: var(--vmobile-tab-bg) !important;
}

[data-theme] .vmobile-tab-btn {
  color: var(--vmobile-text-muted) !important;
  background: transparent !important;
}

[data-theme] .vmobile-tab-btn.active {
  background: var(--vmobile-tab-active-bg) !important;
  color: var(--vmobile-text-main) !important;
  box-shadow: var(--app-shadow) !important;
}

/* Client cards */
[data-theme] .vmobile-client-card {
  background: var(--vmobile-card-bg) !important;
  box-shadow: var(--app-shadow) !important;
}

[data-theme] .vmobile-client-name,
[data-theme] .vmobile-metric-val,
[data-theme] .vmobile-grid-val,
[data-theme] .vmobile-detail-val,
[data-theme] .vmobile-detail-section-title {
  color: var(--vmobile-text-main) !important;
}

[data-theme] .vmobile-client-sub,
[data-theme] .vmobile-metric-label,
[data-theme] .vmobile-metric-val small,
[data-theme] .vmobile-grid-lbl,
[data-theme] .vmobile-grid-val small,
[data-theme] .vmobile-detail-lbl,
[data-theme] .vmobile-detail-sub,
[data-theme] .vmobile-nav-badge {
  color: var(--vmobile-text-muted) !important;
}

[data-theme] .vmobile-client-avatar {
  background: var(--vmobile-icon-bg) !important;
  color: var(--app-accent) !important;
}

[data-theme] .vmobile-client-card-divider {
  background: var(--vmobile-divider) !important;
}

/* Botão detalhes */
[data-theme] .vmobile-details-btn {
  background: var(--vmobile-details-btn-bg) !important;
  color: var(--app-accent) !important;
}

/* Botão voltar */
[data-theme] .vmobile-back-btn {
  background: var(--vmobile-card-bg) !important;
  color: var(--vmobile-text-main) !important;
  box-shadow: var(--app-shadow) !important;
}

/* Detalhe cards */
[data-theme] .vmobile-detail-card,
[data-theme] .vmobile-grid-card {
  background: var(--vmobile-card-bg) !important;
  box-shadow: var(--app-shadow) !important;
}

[data-theme] .vmobile-detail-icon {
  background: var(--vmobile-icon-bg) !important;
  color: var(--app-accent) !important;
}

/* Ícone hero action */
[data-theme] .vmobile-hero-action {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}


/* ==========================================================================
   6. ABA CARTEIRA DE CLIENTES (#carteira-mobile-container)
   ========================================================================== */

/* ── Base do container já tem gradiente azul fixo — mantém ── */
[data-theme] #carteira-mobile-container .cm-sheet {
  background-color: var(--app-card-bg) !important;
  color: var(--app-text-main) !important;
}

/* ── Bottom Sheet Principal (background:#ffffff → tema) ── */
[data-theme="grafite"] #carteira-mobile-container .cm-bottom-sheet,
[data-theme="midnight"] #carteira-mobile-container .cm-bottom-sheet {
  background: var(--app-card-bg) !important;
  color: var(--app-text-main) !important;
  box-shadow: 0 -8px 25px rgba(0,0,0,0.30) !important;
}

/* ── Handle de arraste ── */
[data-theme="grafite"] #carteira-mobile-container .cm-sheet-handle,
[data-theme="midnight"] #carteira-mobile-container .cm-sheet-handle {
  background: var(--app-divider) !important;
}

/* ── Tabs segmentadas na Carteira ── */
[data-theme="grafite"] #carteira-mobile-container .cm-pill-tab.active,
[data-theme="midnight"] #carteira-mobile-container .cm-pill-tab.active {
  background: var(--app-card-bg) !important;
  color: var(--app-text-main) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}

/* ── Cards e notas na aba Recentes da Carteira ── */
[data-theme="grafite"] .cm-recent-card-item,
[data-theme="midnight"] .cm-recent-card-item {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .cm-recent-item-title,
[data-theme="midnight"] .cm-recent-item-title {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .cm-recent-item-contact,
[data-theme="midnight"] .cm-recent-item-contact {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .cm-recent-item-note,
[data-theme="midnight"] .cm-recent-item-note {
  background: var(--app-card-hover) !important;
  border-color: var(--app-card-border) !important;
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .cm-recent-item-note span,
[data-theme="midnight"] .cm-recent-item-note span {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .cm-filter-chip.active,
[data-theme="midnight"] .cm-filter-chip.active {
  background: var(--app-card-bg) !important;
  color: var(--app-text-main) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* ── Detalhes do Cliente na Carteira (Tela 3 / cm-detail-*) ── */
[data-theme="grafite"] .cm-detail-view-container,
[data-theme="midnight"] .cm-detail-view-container {
  background: var(--app-bg) !important;
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .cm-back-btn,
[data-theme="midnight"] .cm-back-btn {
  background: var(--app-card-bg) !important;
  border-color: var(--app-card-border) !important;
  color: var(--app-text-main) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="grafite"] .cm-detail-title,
[data-theme="midnight"] .cm-detail-title {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .cm-quick-action-label,
[data-theme="midnight"] .cm-quick-action-label {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .cm-info-card-box,
[data-theme="midnight"] .cm-info-card-box,
[data-theme="grafite"] .cm-notes-card-box,
[data-theme="midnight"] .cm-notes-card-box {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="grafite"] .cm-info-box-title,
[data-theme="midnight"] .cm-info-box-title {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .cm-info-row,
[data-theme="midnight"] .cm-info-row {
  border-bottom-color: var(--app-divider) !important;
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .cm-info-row-left,
[data-theme="midnight"] .cm-info-row-left {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .cm-info-row-right,
[data-theme="midnight"] .cm-info-row-right {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .cm-notes-textarea,
[data-theme="midnight"] .cm-notes-textarea {
  background: var(--app-input-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

/* ── Títulos de seção ── */
[data-theme] #carteira-mobile-container .cm-section-title,
[data-theme] #carteira-mobile-container .cm-client-name,
[data-theme] #carteira-mobile-container .cm-stat-val {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-section-title,
[data-theme="midnight"] #carteira-mobile-container .cm-section-title {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-cards-view-title,
[data-theme="midnight"] #carteira-mobile-container .cm-cards-view-title {
  color: var(--app-text-main) !important;
}

/* ── Meta e subtexto ── */
[data-theme] #carteira-mobile-container .cm-client-meta,
[data-theme] #carteira-mobile-container .cm-recent-name,
[data-theme] #carteira-mobile-container .cm-stat-lbl {
  color: var(--app-text-muted) !important;
}

/* ── Cards genéricos ── */
[data-theme] #carteira-mobile-container .cm-client-card,
[data-theme] #carteira-mobile-container .cm-stat-box {
  background-color: var(--app-card-hover) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

/* ── Drag handle ── */
[data-theme] #carteira-mobile-container .cm-sheet-drag-handle {
  background-color: var(--app-text-sub) !important;
}

/* ── Barra de busca (cm-search-input-wrap) ── */
[data-theme="grafite"] #carteira-mobile-container .cm-search-input-wrap,
[data-theme="midnight"] #carteira-mobile-container .cm-search-input-wrap {
  background: var(--app-input-bg) !important;
  border-color: var(--app-card-border) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-search-input-wrap input,
[data-theme="midnight"] #carteira-mobile-container .cm-search-input-wrap input {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-search-input-wrap input::placeholder,
[data-theme="midnight"] #carteira-mobile-container .cm-search-input-wrap input::placeholder {
  color: var(--app-text-sub) !important;
}

[data-theme] #carteira-mobile-container .cm-search-input {
  background: var(--app-input-bg) !important;
  border: 1px solid var(--app-input-border) !important;
  color: var(--app-text-main) !important;
}

/* ── Botão de filtro (cm-filter-btn) ── */
[data-theme="grafite"] #carteira-mobile-container .cm-filter-btn,
[data-theme="midnight"] #carteira-mobile-container .cm-filter-btn {
  background: var(--app-input-bg) !important;
  border-color: var(--app-card-border) !important;
  color: var(--app-text-muted) !important;
}

[data-theme] #carteira-mobile-container .cm-filter-pill {
  background: var(--app-card-hover) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

[data-theme] #carteira-mobile-container .cm-filter-pill.active {
  background: var(--app-accent) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
}

/* ── Activity List ── */
[data-theme="grafite"] #carteira-mobile-container .cm-activity-item,
[data-theme="midnight"] #carteira-mobile-container .cm-activity-item {
  border-bottom-color: var(--app-divider) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-activity-name,
[data-theme="midnight"] #carteira-mobile-container .cm-activity-name {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-activity-sub,
[data-theme="midnight"] #carteira-mobile-container .cm-activity-sub {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-activity-value,
[data-theme="midnight"] #carteira-mobile-container .cm-activity-value {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-activity-icon.icon-green,
[data-theme="midnight"] #carteira-mobile-container .cm-activity-icon.icon-green {
  background: rgba(16, 185, 129, 0.15) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-activity-icon.icon-blue,
[data-theme="midnight"] #carteira-mobile-container .cm-activity-icon.icon-blue {
  background: rgba(37, 99, 235, 0.15) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-activity-icon.icon-purple,
[data-theme="midnight"] #carteira-mobile-container .cm-activity-icon.icon-purple {
  background: rgba(147, 51, 234, 0.15) !important;
}

/* ── Avatares recentes (cm-recent-circle) ── */
[data-theme="grafite"] #carteira-mobile-container .cm-recent-circle,
[data-theme="midnight"] #carteira-mobile-container .cm-recent-circle {
  background: rgba(0, 119, 182, 0.18) !important;
  border-color: rgba(0, 119, 182, 0.35) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-recent-name,
[data-theme="midnight"] #carteira-mobile-container .cm-recent-name {
  color: var(--app-text-muted) !important;
}

/* ── Funil de Etapas Apple HIG ── */
[data-theme="grafite"] #carteira-mobile-container .cm-funnel-card,
[data-theme="midnight"] #carteira-mobile-container .cm-funnel-card {
  background: var(--app-input-bg) !important;
  border-color: var(--app-card-border) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-funnel-stage-name,
[data-theme="midnight"] #carteira-mobile-container .cm-funnel-stage-name {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-funnel-count,
[data-theme="midnight"] #carteira-mobile-container .cm-funnel-count {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-funnel-bottom,
[data-theme="midnight"] #carteira-mobile-container .cm-funnel-bottom {
  border-color: var(--app-card-border) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-funnel-bottom-label,
[data-theme="midnight"] #carteira-mobile-container .cm-funnel-bottom-label {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-funnel-bottom-value,
[data-theme="midnight"] #carteira-mobile-container .cm-funnel-bottom-value {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-funnel-progress-wrap,
[data-theme="midnight"] #carteira-mobile-container .cm-funnel-progress-wrap {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* ── Ranking Apple HIG ── */
[data-theme="grafite"] #carteira-mobile-container .cm-ranking-item,
[data-theme="midnight"] #carteira-mobile-container .cm-ranking-item {
  background: var(--app-input-bg) !important;
  border-color: var(--app-card-border) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-ranking-item:active,
[data-theme="midnight"] #carteira-mobile-container .cm-ranking-item:active {
  background: var(--app-card-hover) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-ranking-name,
[data-theme="midnight"] #carteira-mobile-container .cm-ranking-name {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-ranking-contact,
[data-theme="midnight"] #carteira-mobile-container .cm-ranking-contact {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-rank-badge.rank-default,
[data-theme="midnight"] #carteira-mobile-container .cm-rank-badge.rank-default {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--app-card-border) !important;
}

[data-theme="grafite"] #carteira-mobile-container .cm-rank-num-text,
[data-theme="midnight"] #carteira-mobile-container .cm-rank-num-text {
  color: var(--app-text-muted) !important;
}

/* ── Botão Flutuante (cm-floating-pill-btn) — Padrão Apple HIG com Slide Fluido ── */
.cm-floating-pill-btn {
  left: 50% !important;
  right: auto !important;
  min-width: 180px;
  max-width: 90vw;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
  bottom: calc(24px + env(safe-area-inset-bottom, 12px)) !important;
  animation: none !important;
  will-change: transform, opacity;
  transform: translate3d(-50%, 0, 0);
  opacity: 1;
  pointer-events: auto;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), 
              opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), 
              background 0.15s ease, 
              box-shadow 0.25s ease !important;
}

.cm-floating-pill-btn:active {
  transform: translate3d(-50%, 0, 0) scale(0.95) !important;
}

/* Animação slide fluida de saída ao se aproximar do final da página */
.cm-floating-pill-btn.cm-btn-slide-out {
  transform: translate3d(-50%, 120px, 0) scale(0.88) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  box-shadow: none !important;
  transition: transform 0.42s cubic-bezier(0.32, 0.72, 0, 1), 
              opacity 0.3s cubic-bezier(0.32, 0.72, 0, 1), 
              box-shadow 0.3s ease !important;
}

/* Animação slide fluida de entrada ao rolar para cima */
.cm-floating-pill-btn.cm-btn-slide-in {
  transform: translate3d(-50%, 0, 0) scale(1) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: transform 0.48s cubic-bezier(0.16, 1, 0.3, 1), 
              opacity 0.38s cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 0.35s ease !important;
}


/* ==========================================================================
   7. ABA PROSPECÇÃO (.prospect-page-container)
   ========================================================================== */

[data-theme] .prospect-page-container {
  background-color: var(--app-bg) !important;
  color: var(--app-text-main) !important;
}

[data-theme] .prospect-card,
[data-theme] .prospect-bento-card,
[data-theme] .prospect-stat-card {
  background-color: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
  box-shadow: var(--app-shadow) !important;
}

[data-theme] .prospect-title,
[data-theme] .prospect-header-title {
  color: var(--app-text-main) !important;
}

[data-theme] .prospect-subtitle,
[data-theme] .prospect-header-sub {
  color: var(--app-text-muted) !important;
}

/* Hero Banner e Título da Aba Prospecção (Sempre branco sobre o gradiente azul em todos os temas) */
.prospect-hero-title,
[data-theme] .prospect-hero-title,
.prospect-hero-banner h1,
[data-theme] .prospect-hero-banner h1,
.prospect-hero-title-group h1,
[data-theme] .prospect-hero-title-group h1 {
  color: #FFFFFF !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

.prospect-hero-title .title-icon-svg,
[data-theme] .prospect-hero-title .title-icon-svg {
  color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.prospect-hero-title .title-icon-svg i,
[data-theme] .prospect-hero-title .title-icon-svg i,
.prospect-hero-title .title-icon-svg svg,
[data-theme] .prospect-hero-title .title-icon-svg svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* Ribbon de KPIs no Tema Padrão (White) - Desktop Glassmorphism Transparente */
@media (min-width: 1025px) {
  [data-theme="white"] .prospect-kpi-ribbon,
  body.theme-white .prospect-kpi-ribbon,
  :root:not([data-theme="grafite"]):not([data-theme="midnight"]) .prospect-kpi-ribbon {
    background: rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
  }

  [data-theme="white"] .prospect-kpi-ribbon .prospect-kpi-card,
  body.theme-white .prospect-kpi-ribbon .prospect-kpi-card,
  :root:not([data-theme="grafite"]):not([data-theme="midnight"]) .prospect-kpi-ribbon .prospect-kpi-card {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
  }

  [data-theme="white"] .prospect-kpi-ribbon .prospect-kpi-card:last-child,
  body.theme-white .prospect-kpi-ribbon .prospect-kpi-card:last-child,
  :root:not([data-theme="grafite"]):not([data-theme="midnight"]) .prospect-kpi-ribbon .prospect-kpi-card:last-child {
    border-right: none !important;
  }

  [data-theme="white"] .prospect-kpi-ribbon .prospect-kpi-label,
  body.theme-white .prospect-kpi-label,
  :root:not([data-theme="grafite"]):not([data-theme="midnight"]) .prospect-kpi-ribbon .prospect-kpi-label {
    color: rgba(255, 255, 255, 0.85) !important;
  }

  [data-theme="white"] .prospect-kpi-ribbon .prospect-kpi-value,
  body.theme-white .prospect-kpi-value,
  :root:not([data-theme="grafite"]):not([data-theme="midnight"]) .prospect-kpi-ribbon .prospect-kpi-value {
    color: #FFFFFF !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
  }

  [data-theme="white"] .prospect-kpi-ribbon .prospect-kpi-trend,
  body.theme-white .prospect-kpi-trend,
  :root:not([data-theme="grafite"]):not([data-theme="midnight"]) .prospect-kpi-ribbon .prospect-kpi-trend {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
  }

  [data-theme="white"] .prospect-kpi-ribbon .prospect-kpi-trend.positive,
  body.theme-white .prospect-kpi-trend.positive,
  :root:not([data-theme="grafite"]):not([data-theme="midnight"]) .prospect-kpi-ribbon .prospect-kpi-trend.positive {
    background: rgba(16, 185, 129, 0.28) !important;
    color: #A7F3D0 !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
  }

  [data-theme="white"] .prospect-kpi-ribbon .prospect-kpi-trend.neutral,
  body.theme-white .prospect-kpi-trend.neutral,
  :root:not([data-theme="grafite"]):not([data-theme="midnight"]) .prospect-kpi-ribbon .prospect-kpi-trend.neutral {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #FFFFFF !important;
  }
}

/* ==========================================================================
   MOBILE (max-width: 1024px): Contraste de Fontes dos Cards em Temas Claros
   ========================================================================== */
@media (max-width: 1024px) {
  /* Cards 2, 3, 4 e 5: Fundo claro com fontes escuras legíveis nos temas claros */
  [data-theme="white"] .prospect-kpi-card:not(:first-child),
  body.theme-white .prospect-kpi-card:not(:first-child),
  [data-theme="bege"] .prospect-kpi-card:not(:first-child),
  body.theme-bege .prospect-kpi-card:not(:first-child),
  :root:not([data-theme="grafite"]):not([data-theme="midnight"]) .prospect-kpi-card:not(:first-child) {
    background: #FFFFFF !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06) !important;
  }

  [data-theme="white"] .prospect-kpi-card:not(:first-child) .prospect-kpi-label,
  body.theme-white .prospect-kpi-card:not(:first-child) .prospect-kpi-label,
  [data-theme="bege"] .prospect-kpi-card:not(:first-child) .prospect-kpi-label,
  body.theme-bege .prospect-kpi-card:not(:first-child) .prospect-kpi-label,
  :root:not([data-theme="grafite"]):not([data-theme="midnight"]) .prospect-kpi-card:not(:first-child) .prospect-kpi-label {
    color: #475569 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-shadow: none !important;
  }

  [data-theme="white"] .prospect-kpi-card:not(:first-child) .prospect-kpi-value,
  body.theme-white .prospect-kpi-card:not(:first-child) .prospect-kpi-value,
  [data-theme="bege"] .prospect-kpi-card:not(:first-child) .prospect-kpi-value,
  body.theme-bege .prospect-kpi-card:not(:first-child) .prospect-kpi-value,
  :root:not([data-theme="grafite"]):not([data-theme="midnight"]) .prospect-kpi-card:not(:first-child) .prospect-kpi-value {
    color: #0F172A !important;
    font-size: clamp(16px, 4.2vw, 20px) !important;
    font-weight: 800 !important;
    text-shadow: none !important;
  }

  [data-theme="white"] .prospect-kpi-card:not(:first-child) .prospect-kpi-trend.positive,
  body.theme-white .prospect-kpi-card:not(:first-child) .prospect-kpi-trend.positive,
  [data-theme="bege"] .prospect-kpi-card:not(:first-child) .prospect-kpi-trend.positive,
  body.theme-bege .prospect-kpi-card:not(:first-child) .prospect-kpi-trend.positive,
  :root:not([data-theme="grafite"]):not([data-theme="midnight"]) .prospect-kpi-card:not(:first-child) .prospect-kpi-trend.positive {
    background: #DCFCE7 !important;
    color: #15803D !important;
    border: 1px solid #86EFAC !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
  }

  [data-theme="white"] .prospect-kpi-card:not(:first-child) .prospect-kpi-trend.neutral,
  body.theme-white .prospect-kpi-card:not(:first-child) .prospect-kpi-trend.neutral,
  [data-theme="bege"] .prospect-kpi-card:not(:first-child) .prospect-kpi-trend.neutral,
  body.theme-bege .prospect-kpi-card:not(:first-child) .prospect-kpi-trend.neutral,
  :root:not([data-theme="grafite"]):not([data-theme="midnight"]) .prospect-kpi-card:not(:first-child) .prospect-kpi-trend.neutral {
    background: #F1F5F9 !important;
    color: #475569 !important;
    border: 1px solid #CBD5E1 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
  }
}


/* ==========================================================================
   8. ABA AGENDAMENTOS & PERFIL DE CLIENTE
   ========================================================================== */

[data-theme] .agendar-screen,
[data-theme] .cliente-perfil-screen,
[data-theme] .cperfil-screen {
  background-color: var(--app-bg) !important;
  color: var(--app-text-main) !important;
}

[data-theme] #page-container:has(.cperfil-screen) {
  background-color: var(--app-bg) !important;
}

[data-theme] .agendar-header,
[data-theme] .cp-header {
  background-color: var(--app-header-bg) !important;
  border-bottom: 1px solid var(--app-card-border) !important;
}

[data-theme] .agendar-back-btn,
[data-theme] .cp-back-btn {
  background-color: var(--app-card-hover) !important;
  color: var(--app-text-main) !important;
}

[data-theme] .agendar-card,
[data-theme] .cp-card {
  background-color: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
  box-shadow: var(--app-shadow) !important;
}

/* Cards de seções do perfil do cliente */
[data-theme] .cperfil-section-card,
[data-theme] .cperfil-inset-group {
  background-color: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme] .cperfil-row-label {
  color: var(--app-text-muted) !important;
}

[data-theme] .cperfil-row-val {
  color: var(--app-text-main) !important;
}

[data-theme] .cperfil-divider {
  background: var(--app-divider) !important;
}


/* ==========================================================================
   9. MODAL DE ABERTURA DE CHAMADO (HIG SHEET & FLOATING WINDOW)
   ========================================================================== */

[data-theme] .hig-sheet-modal {
  background: var(--app-card-bg) !important;
  color: var(--app-text-main) !important;
  border-top: 1px solid var(--app-card-border) !important;
}

[data-theme] .hig-sheet-header {
  border-bottom: 1px solid var(--app-divider) !important;
}

[data-theme] .hig-sheet-header-title {
  color: var(--app-text-main) !important;
}

[data-theme] .hig-section-header {
  color: var(--app-text-muted) !important;
}

[data-theme] .hig-inset-group {
  background: var(--app-card-hover) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme] .hig-field-row {
  border-bottom: 1px solid var(--app-divider) !important;
}

[data-theme] .hig-field-label {
  color: var(--app-text-muted) !important;
}

[data-theme] .hig-field-input,
[data-theme] .hig-field-textarea {
  color: var(--app-text-main) !important;
}

[data-theme] .cv-floating-window {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
  box-shadow: var(--app-shadow) !important;
}

[data-theme] .cv-window-header {
  background: var(--app-header-bg) !important;
  border-bottom: 1px solid var(--app-divider) !important;
}

[data-theme] .cv-category-card {
  background: var(--app-card-hover) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}


/* ==========================================================================
   10. COMPONENTES UNIVERSAIS: CARDS, TABELAS, INPUTS, MODAIS
   ========================================================================== */

/* Cards Padrões do Sistema */
[data-theme] .card,
[data-theme] .glass-card,
[data-theme] .stat-card,
[data-theme] .dashboard-card {
  background-color: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
  box-shadow: var(--app-shadow) !important;
}

/* Headings e Textos Gerais */
[data-theme] h1, [data-theme] h2, [data-theme] h3,
[data-theme] h4, [data-theme] h5, [data-theme] h6 {
  color: var(--app-text-main) !important;
}

[data-theme] p {
  color: var(--app-text-muted) !important;
}

[data-theme] strong:not(.cm-fmt-btn *):not(.cm-reader-pill-toolbar *),
[data-theme] b:not(.cm-fmt-btn *):not(.cm-reader-pill-toolbar *) {
  color: var(--app-text-main) !important;
}

[data-theme] span {
  color: inherit;
}

/* Inputs, Selects e Textareas */
[data-theme] input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
[data-theme] select,
[data-theme] textarea:not(#cm-reader-textarea):not(.cm-reader-textarea),
[data-theme] .form-control {
  background-color: var(--app-input-bg) !important;
  border: 1px solid var(--app-input-border) !important;
  color: var(--app-text-main) !important;
  border-radius: 12px;
}

[data-theme] input::placeholder,
[data-theme] textarea:placeholder,
[data-theme] .form-control::placeholder {
  color: var(--app-text-sub) !important;
}

[data-theme] input:focus,
[data-theme] select:focus,
[data-theme] textarea:not(#cm-reader-textarea):not(.cm-reader-textarea):focus {
  border-color: var(--app-accent) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(30, 75, 255, 0.18) !important;
}

/* Tabelas e Registros */
[data-theme] table {
  background-color: var(--app-card-bg) !important;
  color: var(--app-text-main) !important;
}

[data-theme] thead th {
  background-color: var(--app-card-hover) !important;
  color: var(--app-text-muted) !important;
  border-bottom: 1px solid var(--app-card-border) !important;
  font-weight: 600;
}

[data-theme] tbody tr {
  border-bottom: 1px solid var(--app-divider) !important;
}

[data-theme] tbody tr:hover {
  background-color: var(--app-card-hover) !important;
}

[data-theme] tbody td {
  color: var(--app-text-main) !important;
}

/* Modais do Sistema (Bootstrap / Custom / SweetAlert) */
[data-theme] .modal-content,
[data-theme] .swal2-popup {
  background-color: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
  box-shadow: var(--app-shadow) !important;
}

[data-theme] .modal-header,
[data-theme] .modal-footer {
  border-color: var(--app-divider) !important;
}

[data-theme] .modal-title,
[data-theme] .swal2-title {
  color: var(--app-text-main) !important;
}

[data-theme] .swal2-html-container {
  color: var(--app-text-muted) !important;
}

/* Botões Secundários e Neutros */
[data-theme] .btn-secondary,
[data-theme] .btn-light,
[data-theme] .btn-default {
  background-color: var(--app-card-hover) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

[data-theme] .btn-secondary:hover,
[data-theme] .btn-light:hover {
  background-color: var(--app-input-bg) !important;
  color: var(--app-text-main) !important;
}

/* Dividers e separadores genéricos */
[data-theme] .divider,
[data-theme] hr {
  border-color: var(--app-divider) !important;
  background: var(--app-divider) !important;
}

/* Labels e textos auxiliares */
[data-theme] label,
[data-theme] .label,
[data-theme] .form-label {
  color: var(--app-text-muted) !important;
}

/* Badges e pills neutros */
[data-theme] .badge:not(.badge-primary):not(.badge-success):not(.badge-danger):not(.badge-warning) {
  background-color: var(--app-card-hover) !important;
  color: var(--app-text-main) !important;
}

/* Dropdowns */
[data-theme] .dropdown-menu {
  background-color: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  box-shadow: var(--app-shadow) !important;
}

[data-theme] .dropdown-item {
  color: var(--app-text-main) !important;
}

[data-theme] .dropdown-item:hover,
[data-theme] .dropdown-item:focus {
  background-color: var(--app-card-hover) !important;
  color: var(--app-text-main) !important;
}

[data-theme] .dropdown-divider {
  border-color: var(--app-divider) !important;
}


/* ==========================================================================
   11. CARDS DE SELEÇÃO DE TEMA (PÁGINA DE PERFIL)
   ========================================================================== */

.vd-theme-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.vd-theme-card {
  position: relative;
  border-radius: 18px;
  padding: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  border: 2px solid transparent;
  background-color: var(--app-card-bg);
  box-shadow: var(--app-shadow);
}

.vd-theme-card:active {
  transform: scale(0.97);
}

.vd-theme-card.active {
  border-color: var(--app-accent) !important;
  box-shadow: 0 4px 18px rgba(30, 75, 255, 0.22) !important;
}

.vd-theme-preview {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.vd-theme-preview.preview-white {
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
}
.vd-theme-preview.preview-white .dot-bg { background: #E2E8F0; }
.vd-theme-preview.preview-white .dot-accent { background: #1E4BFF; }

.vd-theme-preview.preview-grafite {
  background: #16181D;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.vd-theme-preview.preview-grafite .dot-bg { background: #21242B; }
.vd-theme-preview.preview-grafite .dot-creme { background: #F6F3EC; }
.vd-theme-preview.preview-grafite .dot-accent { background: #1E4BFF; }

.vd-theme-preview.preview-midnight {
  background: #07090E;
  border: 1px solid rgba(56, 189, 248, 0.3);
}
.vd-theme-preview.preview-midnight .dot-bg { background: #11141E; }
.vd-theme-preview.preview-midnight .dot-accent { background: #38BDF8; }

.vd-theme-preview.preview-bege {
  background: #F4EFEA;
  border: 1px solid rgba(168, 145, 122, 0.3);
}
.vd-theme-preview.preview-bege .dot-bg { background: #FCFAF7; }
.vd-theme-preview.preview-bege .dot-accent { background: #1E4BFF; }

.vd-theme-color-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
}

.vd-theme-card-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.vd-theme-card-title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.2px;
  color: var(--app-text-main);
}

.vd-theme-card-desc {
  font-size: 11px;
  color: var(--app-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vd-theme-check {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--app-accent);
  color: #FFFFFF;
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.vd-theme-check svg {
  width: 11px;
  height: 11px;
}

.vd-theme-card.active .vd-theme-check {
  display: flex;
}


/* ==========================================================================
   12. CONTRASTE ESCURO — PROSPECÇÃO E ELEMENTOS COM CORES HARDCODED
   ========================================================================== */

/* Cards de leads/empresas na tela de prospecção */
[data-theme="grafite"] .prospect-lead-row,
[data-theme="midnight"] .prospect-lead-row {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .prospect-lead-name,
[data-theme="midnight"] .prospect-lead-name {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .prospect-lead-sub,
[data-theme="grafite"] .prospect-lead-city,
[data-theme="grafite"] .prospect-lead-nicho,
[data-theme="midnight"] .prospect-lead-sub,
[data-theme="midnight"] .prospect-lead-city,
[data-theme="midnight"] .prospect-lead-nicho {
  color: var(--app-text-muted) !important;
}

/* Cards de atalho / shortcut na prospecção */
[data-theme="grafite"] .prospect-shortcut-card,
[data-theme="midnight"] .prospect-shortcut-card {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

/* Botão de ação na prospecção (fundo #F8FAFC hardcoded) */
[data-theme="grafite"] .prospect-card-action-btn,
[data-theme="midnight"] .prospect-card-action-btn {
  background: var(--app-card-hover) !important;
  color: var(--app-accent) !important;
  border-color: var(--app-card-border) !important;
}

/* Barra de ações, filtros e pills da prospecção */
[data-theme="grafite"] .prospect-actions-bar,
[data-theme="grafite"] .prospect-filter-bar,
[data-theme="grafite"] .prospect-tab-bar,
[data-theme="midnight"] .prospect-actions-bar,
[data-theme="midnight"] .prospect-filter-bar,
[data-theme="midnight"] .prospect-tab-bar {
  background: var(--app-header-bg) !important;
  border-bottom: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .prospect-tab-btn,
[data-theme="midnight"] .prospect-tab-btn {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .prospect-tab-btn.active,
[data-theme="midnight"] .prospect-tab-btn.active {
  color: var(--app-accent) !important;
}

/* Container de lista e paginação */
[data-theme="grafite"] .prospect-leads-section,
[data-theme="grafite"] .prospect-list-wrapper,
[data-theme="midnight"] .prospect-leads-section,
[data-theme="midnight"] .prospect-list-wrapper {
  background: transparent !important;
}

[data-theme="grafite"] .prospect-pagination-bar,
[data-theme="midnight"] .prospect-pagination-bar {
  background: var(--app-card-bg) !important;
  border-top: 1px solid var(--app-card-border) !important;
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .prospect-page-btn,
[data-theme="midnight"] .prospect-page-btn {
  background: var(--app-card-hover) !important;
  color: var(--app-text-main) !important;
  border: 1px solid var(--app-card-border) !important;
}

/* Seção "Empresas no Radar" — container e cabeçalho */
[data-theme="grafite"] .prospect-radar-section,
[data-theme="grafite"] .prospect-section-header,
[data-theme="midnight"] .prospect-radar-section,
[data-theme="midnight"] .prospect-section-header {
  background: transparent !important;
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .prospect-section-title,
[data-theme="grafite"] .prospect-section-sub,
[data-theme="midnight"] .prospect-section-title,
[data-theme="midnight"] .prospect-section-sub {
  color: var(--app-text-main) !important;
}

/* Cards de KPI dentro da prospecção (ex: "Total no Radar", "Prospects no Cronograma") */
[data-theme="grafite"] .prospect-kpi-mini,
[data-theme="grafite"] .prospect-kpi-box,
[data-theme="grafite"] .pb-kpi-card,
[data-theme="midnight"] .prospect-kpi-mini,
[data-theme="midnight"] .prospect-kpi-box,
[data-theme="midnight"] .pb-kpi-card {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

/* Calendário strip / cronograma (fundo branco em dark mode) */
[data-theme="grafite"] .vd-calendar-strip,
[data-theme="grafite"] .cronograma-date-strip,
[data-theme="grafite"] .cal-strip,
[data-theme="midnight"] .vd-calendar-strip,
[data-theme="midnight"] .cronograma-date-strip,
[data-theme="midnight"] .cal-strip {
  background: var(--app-header-bg) !important;
  border-bottom: 1px solid var(--app-card-border) !important;
}

/* Pill dos dias do calendário */
[data-theme="grafite"] .cal-day-pill,
[data-theme="grafite"] .day-pill,
[data-theme="midnight"] .cal-day-pill,
[data-theme="midnight"] .day-pill {
  background: var(--app-card-bg) !important;
  color: var(--app-text-main) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .cal-day-pill.active,
[data-theme="grafite"] .day-pill.active,
[data-theme="midnight"] .cal-day-pill.active,
[data-theme="midnight"] .day-pill.active {
  background: var(--app-accent-gradient) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* Card branco do calendário na aba Início */
[data-theme="grafite"] .vd-cal-card,
[data-theme="grafite"] .cal-card,
[data-theme="grafite"] .schedule-card,
[data-theme="midnight"] .vd-cal-card,
[data-theme="midnight"] .cal-card,
[data-theme="midnight"] .schedule-card {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

/* Badges de status inline (fundo branco no modo escuro) */
[data-theme="grafite"] .prospect-inline-stat,
[data-theme="midnight"] .prospect-inline-stat {
  background: var(--app-card-hover) !important;
  color: var(--app-text-main) !important;
  border: 1px solid var(--app-card-border) !important;
}

/* Texto genérico residual de cor cinza/branco que não respeita os temas */
[data-theme="grafite"] *:not([class*="accent"]):not([class*="primary"]):not([class*="success"]):not([class*="danger"]):not([class*="hero"]):not([class*="gradient"]):not(.prospect-lead-icon):not(svg):not(i) {
  --text-primary: var(--app-text-main);
  --text-secondary: var(--app-text-muted);
}

[data-theme="midnight"] *:not([class*="accent"]):not([class*="primary"]):not([class*="success"]):not([class*="danger"]):not([class*="hero"]):not([class*="gradient"]):not(.prospect-lead-icon):not(svg):not(i) {
  --text-primary: var(--app-text-main);
  --text-secondary: var(--app-text-muted);
}


/* ==========================================================================
   13. MODAL PRÓPRIO: EDITAR PERFIL / SEGURANÇA (iOS HIG Bottom Sheet)
   ========================================================================== */

/* Overlay escuro */
.vd-edit-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.52);
  backdrop-filter: blur(4px);
  z-index: 9900;
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: none;
}

.vd-edit-modal-overlay.active {
  opacity: 1;
  pointer-events: all;
}

/* Bottom Sheet */
.vd-edit-modal-sheet {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--app-card-bg);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-top: 1px solid var(--app-card-border);
  z-index: 9901;
  transform: translateY(110%);
  transition: transform 0.38s cubic-bezier(0.16, 1, 0.3, 1);
  max-height: 85vh;
  overflow-y: auto;
  padding-bottom: env(safe-area-inset-bottom, 20px);
}

.vd-edit-modal-sheet.active {
  transform: translateY(0);
}

/* Handle de arraste */
.vd-edit-modal-handle {
  width: 36px;
  height: 4px;
  border-radius: 2px;
  background: var(--app-text-sub);
  margin: 10px auto 0;
  opacity: 0.45;
}

/* Header do modal */
.vd-edit-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px 14px;
  border-bottom: 1px solid var(--app-divider);
}

.vd-edit-modal-title {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: var(--app-text-main);
}

.vd-edit-modal-close {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
  background: var(--app-card-hover);
  color: var(--app-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s ease;
}

.vd-edit-modal-close:active {
  background: var(--app-input-bg);
}

.vd-edit-modal-close svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
}

/* Body do modal */
.vd-edit-modal-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Inset group (estilo iOS) */
.vd-edit-inset-group {
  background: var(--app-input-bg);
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--app-input-border);
}

.vd-edit-field-row {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  border-bottom: 1px solid var(--app-divider);
}

.vd-edit-field-row:last-child {
  border-bottom: none;
}

.vd-edit-field-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: var(--app-text-sub);
  margin-bottom: 5px;
}

.vd-edit-field-input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  font-size: 15px;
  font-weight: 500;
  color: var(--app-text-main) !important;
  width: 100%;
  padding: 0;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.vd-edit-field-input::placeholder {
  color: var(--app-text-sub) !important;
}

/* Botão de ação principal do modal */
.vd-edit-modal-submit {
  width: 100%;
  padding: 14px;
  border-radius: 14px;
  border: none;
  background: var(--app-accent-gradient);
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.15s ease, transform 0.12s ease;
  letter-spacing: -0.2px;
}

.vd-edit-modal-submit:active {
  opacity: 0.88;
  transform: scale(0.985);
}

/* Mensagem informativa */
.vd-edit-modal-info {
  font-size: 12px;
  color: var(--app-text-sub);
  text-align: center;
  line-height: 1.5;
  padding: 0 4px;
}


/* ==========================================================================
   14. CONTRASTE ESCURO — ABA INÍCIO (vcal-*, nu-*, vmobile-clients-list)
   ========================================================================== */

/* ── Calendário semanal (branco → escuro) ── */
[data-theme="grafite"] .vcal-week-strip,
[data-theme="midnight"] .vcal-week-strip {
  background: var(--app-card-bg) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25) !important;
}

[data-theme="grafite"] .vcal-day-item,
[data-theme="midnight"] .vcal-day-item {
  background: var(--app-input-bg) !important;
  border-color: var(--app-card-border) !important;
}

[data-theme="grafite"] .vcal-day-name,
[data-theme="midnight"] .vcal-day-name {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .vcal-day-num,
[data-theme="midnight"] .vcal-day-num {
  color: var(--app-text-main) !important;
}

/* Ativo mantém o gradiente azul */
[data-theme="grafite"] .vcal-day-item.active,
[data-theme="midnight"] .vcal-day-item.active {
  background: linear-gradient(135deg, #0077B6 0%, #00B4D8 100%) !important;
  border-color: transparent !important;
}

[data-theme="grafite"] .vcal-day-item.active .vcal-day-name,
[data-theme="grafite"] .vcal-day-item.active .vcal-day-num,
[data-theme="midnight"] .vcal-day-item.active .vcal-day-name,
[data-theme="midnight"] .vcal-day-item.active .vcal-day-num {
  color: #ffffff !important;
}

/* ── Botões de ação rápida (círculos padrão escuros) ── */
[data-theme="grafite"] .nu-action-circle,
[data-theme="midnight"] .nu-action-circle,
body.theme-grafite .nu-action-circle,
body.theme-midnight .nu-action-circle {
  background: var(--app-card-bg) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.30) !important;
  color: var(--app-accent) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .nu-action-circle i,
[data-theme="grafite"] .nu-action-circle svg,
[data-theme="midnight"] .nu-action-circle i,
[data-theme="midnight"] .nu-action-circle svg,
body.theme-grafite .nu-action-circle i,
body.theme-grafite .nu-action-circle svg,
body.theme-midnight .nu-action-circle i,
body.theme-midnight .nu-action-circle svg {
  color: var(--app-accent) !important;
  stroke: var(--app-accent) !important;
}

/* Atalho Agenda (mantém destaque azul gradiente mesmo no modo escuro) */
[data-theme="grafite"] .nu-circle-agenda,
[data-theme="midnight"] .nu-circle-agenda,
body.theme-grafite .nu-circle-agenda,
body.theme-midnight .nu-circle-agenda {
  background: linear-gradient(135deg, #0077B6 0%, #00B4D8 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 180, 216, 0.40) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
[data-theme="grafite"] .nu-circle-agenda i,
[data-theme="grafite"] .nu-circle-agenda svg,
[data-theme="midnight"] .nu-circle-agenda i,
[data-theme="midnight"] .nu-circle-agenda svg,
body.theme-grafite .nu-circle-agenda i,
body.theme-grafite .nu-circle-agenda svg,
body.theme-midnight .nu-circle-agenda i,
body.theme-midnight .nu-circle-agenda svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Atalho Abrir Chamado no modo escuro */
[data-theme="grafite"] .nu-circle-chamado,
[data-theme="midnight"] .nu-circle-chamado,
body.theme-grafite .nu-circle-chamado,
body.theme-midnight .nu-circle-chamado {
  background: rgba(37, 99, 235, 0.16) !important;
  color: #60A5FA !important;
  border: 1px solid rgba(96, 165, 250, 0.3) !important;
}
[data-theme="grafite"] .nu-circle-chamado i,
[data-theme="grafite"] .nu-circle-chamado svg,
[data-theme="midnight"] .nu-circle-chamado i,
[data-theme="midnight"] .nu-circle-chamado svg,
body.theme-grafite .nu-circle-chamado i,
body.theme-grafite .nu-circle-chamado svg,
body.theme-midnight .nu-circle-chamado i,
body.theme-midnight .nu-circle-chamado svg {
  color: #60A5FA !important;
  stroke: #60A5FA !important;
}

/* ── Feedback de Filtro Escolhido/Ativo nos Modos Escuros ── */
[data-theme="grafite"] .nu-action-item.active .nu-action-circle,
[data-theme="grafite"] .nu-action-circle.active,
[data-theme="midnight"] .nu-action-item.active .nu-action-circle,
[data-theme="midnight"] .nu-action-circle.active,
body.theme-grafite .nu-action-item.active .nu-action-circle,
body.theme-grafite .nu-action-circle.active,
body.theme-midnight .nu-action-item.active .nu-action-circle,
body.theme-midnight .nu-action-circle.active {
  background: linear-gradient(135deg, #0077B6 0%, #00B4D8 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 18px rgba(0, 180, 216, 0.50) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
  transform: translateY(-2px);
}

[data-theme="grafite"] .nu-action-item.active .nu-action-circle i,
[data-theme="grafite"] .nu-action-item.active .nu-action-circle svg,
[data-theme="grafite"] .nu-action-circle.active i,
[data-theme="grafite"] .nu-action-circle.active svg,
[data-theme="midnight"] .nu-action-item.active .nu-action-circle i,
[data-theme="midnight"] .nu-action-item.active .nu-action-circle svg,
[data-theme="midnight"] .nu-action-circle.active i,
[data-theme="midnight"] .nu-action-circle.active svg,
body.theme-grafite .nu-action-item.active .nu-action-circle i,
body.theme-grafite .nu-action-item.active .nu-action-circle svg,
body.theme-grafite .nu-action-circle.active i,
body.theme-grafite .nu-action-circle.active svg,
body.theme-midnight .nu-action-item.active .nu-action-circle i,
body.theme-midnight .nu-action-item.active .nu-action-circle svg,
body.theme-midnight .nu-action-circle.active i,
body.theme-midnight .nu-action-circle.active svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Filtro Fechados ativo nos modos escuros (Verde Esmeralda Vibrante) */
[data-theme="grafite"] .nu-action-item.active .nu-circle-fechado,
[data-theme="grafite"] .nu-circle-fechado.active,
[data-theme="midnight"] .nu-action-item.active .nu-circle-fechado,
[data-theme="midnight"] .nu-circle-fechado.active,
body.theme-grafite .nu-action-item.active .nu-circle-fechado,
body.theme-grafite .nu-circle-fechado.active,
body.theme-midnight .nu-action-item.active .nu-circle-fechado,
body.theme-midnight .nu-circle-fechado.active {
  background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 18px rgba(16, 185, 129, 0.50) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
  transform: translateY(-2px);
}

[data-theme="grafite"] .nu-action-item:active .nu-action-circle:not(.active):not(.nu-circle-agenda),
[data-theme="midnight"] .nu-action-item:active .nu-action-circle:not(.active):not(.nu-circle-agenda),
body.theme-grafite .nu-action-item:active .nu-action-circle:not(.active):not(.nu-circle-agenda),
body.theme-midnight .nu-action-item:active .nu-action-circle:not(.active):not(.nu-circle-agenda) {
  background: var(--app-card-hover) !important;
}

[data-theme="grafite"] .nu-action-label,
[data-theme="midnight"] .nu-action-label,
body.theme-grafite .nu-action-label,
body.theme-midnight .nu-action-label {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .nu-action-item.active .nu-action-label,
[data-theme="midnight"] .nu-action-item.active .nu-action-label,
body.theme-grafite .nu-action-item.active .nu-action-label,
body.theme-midnight .nu-action-item.active .nu-action-label {
  color: #ffffff !important;
  font-weight: 800 !important;
}

/* ── Cards de clientes na lista (inline styles são difíceis de sobrescrever) ── */
[data-theme="grafite"] .vmobile-client-card,
[data-theme="midnight"] .vmobile-client-card,
[data-theme="grafite"] .vcard-prospect,
[data-theme="midnight"] .vcard-prospect,
body.theme-grafite .vcard-prospect,
body.theme-midnight .vcard-prospect {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .vcard-client-name,
[data-theme="midnight"] .vcard-client-name,
body.theme-grafite .vcard-client-name,
body.theme-midnight .vcard-client-name {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .vcard-meta-box,
[data-theme="midnight"] .vcard-meta-box,
body.theme-grafite .vcard-meta-box,
body.theme-midnight .vcard-meta-box {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .vcard-contact-name,
[data-theme="grafite"] .vcard-contact-phone,
[data-theme="midnight"] .vcard-contact-name,
[data-theme="midnight"] .vcard-contact-phone,
body.theme-grafite .vcard-contact-name,
body.theme-grafite .vcard-contact-phone,
body.theme-midnight .vcard-contact-name,
body.theme-midnight .vcard-contact-phone {
  color: var(--app-text-secondary) !important;
}

[data-theme="grafite"] .vcard-contact-name i,
[data-theme="grafite"] .vcard-contact-phone i,
[data-theme="grafite"] .vcard-contact-name svg,
[data-theme="grafite"] .vcard-contact-phone svg,
[data-theme="midnight"] .vcard-contact-name i,
[data-theme="midnight"] .vcard-contact-phone i,
[data-theme="midnight"] .vcard-contact-name svg,
[data-theme="midnight"] .vcard-contact-phone svg,
body.theme-grafite .vcard-contact-name i,
body.theme-grafite .vcard-contact-phone i,
body.theme-grafite .vcard-contact-name svg,
body.theme-grafite .vcard-contact-phone svg,
body.theme-midnight .vcard-contact-name i,
body.theme-midnight .vcard-contact-phone i,
body.theme-midnight .vcard-contact-name svg,
body.theme-midnight .vcard-contact-phone svg {
  color: var(--app-text-muted) !important;
  stroke: var(--app-text-muted) !important;
}

[data-theme="grafite"] .vcard-value-label,
[data-theme="midnight"] .vcard-value-label,
body.theme-grafite .vcard-value-label,
body.theme-midnight .vcard-value-label {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .vcard-value-number,
[data-theme="midnight"] .vcard-value-number,
body.theme-grafite .vcard-value-number,
body.theme-midnight .vcard-value-number {
  color: var(--app-accent) !important;
}

[data-theme="grafite"] .vcard-value-number.is-closed,
[data-theme="midnight"] .vcard-value-number.is-closed,
body.theme-grafite .vcard-value-number.is-closed,
body.theme-midnight .vcard-value-number.is-closed {
  color: #34D399 !important;
}

[data-theme="grafite"] .vcard-note,
[data-theme="midnight"] .vcard-note,
body.theme-grafite .vcard-note,
body.theme-midnight .vcard-note {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--app-text-secondary) !important;
  border: 1px solid var(--app-card-border) !important;
  border-left: 3px solid var(--app-accent) !important;
}

[data-theme="grafite"] .vcard-note.is-closed,
[data-theme="midnight"] .vcard-note.is-closed,
body.theme-grafite .vcard-note.is-closed,
body.theme-midnight .vcard-note.is-closed {
  border-left: 3px solid #34D399 !important;
}

[data-theme="grafite"] .vcard-divider,
[data-theme="midnight"] .vcard-divider,
body.theme-grafite .vcard-divider,
body.theme-midnight .vcard-divider {
  background: var(--app-divider) !important;
}

[data-theme="grafite"] .vcard-btn-agendar,
[data-theme="midnight"] .vcard-btn-agendar,
body.theme-grafite .vcard-btn-agendar,
body.theme-midnight .vcard-btn-agendar {
  background: rgba(37, 99, 235, 0.18) !important;
  color: #60A5FA !important;
  border: 1px solid rgba(96, 165, 250, 0.35) !important;
}
[data-theme="grafite"] .vcard-btn-agendar i,
[data-theme="grafite"] .vcard-btn-agendar svg,
[data-theme="midnight"] .vcard-btn-agendar i,
[data-theme="midnight"] .vcard-btn-agendar svg,
body.theme-grafite .vcard-btn-agendar i,
body.theme-grafite .vcard-btn-agendar svg,
body.theme-midnight .vcard-btn-agendar i,
body.theme-midnight .vcard-btn-agendar svg {
  color: #60A5FA !important;
  stroke: #60A5FA !important;
}

[data-theme="grafite"] .vcard-btn-fechar,
[data-theme="midnight"] .vcard-btn-fechar,
body.theme-grafite .vcard-btn-fechar,
body.theme-midnight .vcard-btn-fechar {
  background: linear-gradient(135deg, #0077B6 0%, #00B4D8 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(0, 180, 216, 0.35) !important;
}
[data-theme="grafite"] .vcard-btn-fechar i,
[data-theme="grafite"] .vcard-btn-fechar svg,
[data-theme="midnight"] .vcard-btn-fechar i,
[data-theme="midnight"] .vcard-btn-fechar svg,
body.theme-grafite .vcard-btn-fechar i,
body.theme-grafite .vcard-btn-fechar svg,
body.theme-midnight .vcard-btn-fechar i,
body.theme-midnight .vcard-btn-fechar svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

[data-theme="grafite"] .vcard-btn-closed-status,
[data-theme="midnight"] .vcard-btn-closed-status,
body.theme-grafite .vcard-btn-closed-status,
body.theme-midnight .vcard-btn-closed-status {
  background: rgba(16, 185, 129, 0.18) !important;
  color: #34D399 !important;
  border: 1px solid rgba(52, 211, 153, 0.35) !important;
}
[data-theme="grafite"] .vcard-btn-closed-status i,
[data-theme="grafite"] .vcard-btn-closed-status svg,
[data-theme="midnight"] .vcard-btn-closed-status i,
[data-theme="midnight"] .vcard-btn-closed-status svg,
body.theme-grafite .vcard-btn-closed-status i,
body.theme-grafite .vcard-btn-closed-status svg,
body.theme-midnight .vcard-btn-closed-status i,
body.theme-midnight .vcard-btn-closed-status svg {
  color: #34D399 !important;
  stroke: #34D399 !important;
}

/* Nome do cliente (color:#0f172a hardcoded no inline) */
[data-theme="grafite"] .vmobile-client-card div[style*="color: #0f172a"],
[data-theme="grafite"] .vmobile-client-card div[style*="color:#0f172a"],
[data-theme="midnight"] .vmobile-client-card div[style*="color: #0f172a"],
[data-theme="midnight"] .vmobile-client-card div[style*="color:#0f172a"] {
  color: var(--app-text-main) !important;
}

/* Subtexto/contato (color:#64748b hardcoded) */
[data-theme="grafite"] .vmobile-client-card div[style*="color: #64748b"],
[data-theme="grafite"] .vmobile-client-card div[style*="color:#64748b"],
[data-theme="midnight"] .vmobile-client-card div[style*="color: #64748b"],
[data-theme="midnight"] .vmobile-client-card div[style*="color:#64748b"] {
  color: var(--app-text-muted) !important;
}

/* Caixa de observação (background:#f8fafc hardcoded) */
[data-theme="grafite"] .vmobile-client-card div[style*="background: #f8fafc"],
[data-theme="grafite"] .vmobile-client-card div[style*="background:#f8fafc"],
[data-theme="midnight"] .vmobile-client-card div[style*="background: #f8fafc"],
[data-theme="midnight"] .vmobile-client-card div[style*="background:#f8fafc"] {
  background: var(--app-input-bg) !important;
  color: var(--app-text-muted) !important;
}

/* Separador (divider) dos cards */
[data-theme="grafite"] .vmobile-client-card-divider,
[data-theme="midnight"] .vmobile-client-card-divider {
  background: var(--app-divider) !important;
}

/* ── Estado vazio "Nenhuma negociação" (background:#fff hardcoded) ── */
[data-theme="grafite"] .vmobile-clients-list > div[style*="background:#fff"],
[data-theme="grafite"] .vmobile-clients-list > div[style*="background: #fff"],
[data-theme="midnight"] .vmobile-clients-list > div[style*="background:#fff"],
[data-theme="midnight"] .vmobile-clients-list > div[style*="background: #fff"] {
  background: var(--app-card-bg) !important;
  color: var(--app-text-muted) !important;
  border: 1px solid var(--app-card-border) !important;
}

/* ── Título de seção / label inline (color:#1e293b hardcoded) ── */
[data-theme="grafite"] .vmobile-clientes-container span[style*="color: #1e293b"],
[data-theme="grafite"] .vmobile-clientes-container span[style*="color:#1e293b"],
[data-theme="midnight"] .vmobile-clientes-container span[style*="color: #1e293b"],
[data-theme="midnight"] .vmobile-clientes-container span[style*="color:#1e293b"] {
  color: var(--app-text-main) !important;
}

/* ── Cronograma na aba separada (escala-vendedor / dashboard-vendedor) ── */
[data-theme="grafite"] .escala-card,
[data-theme="grafite"] .vd-schedule-card,
[data-theme="grafite"] .cronograma-card,
[data-theme="midnight"] .escala-card,
[data-theme="midnight"] .vd-schedule-card,
[data-theme="midnight"] .cronograma-card {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

/* ── Prospecção Radar — cards de empresa (branco interno) ── */
[data-theme="grafite"] .prospect-page-container,
[data-theme="midnight"] .prospect-page-container {
  background: var(--app-bg) !important;
  --prospect-bg: var(--app-bg);
  --prospect-card-bg: var(--app-card-bg);
  --prospect-card-border: var(--app-card-border);
  --prospect-text-main: var(--app-text-main);
  --prospect-text-muted: var(--app-text-muted);
  --prospect-text-subtle: var(--app-text-sub);
}

/* Cards bento dos KPIs do radar */
[data-theme="grafite"] .pb-bento-card,
[data-theme="grafite"] .bento-kpi-card,
[data-theme="grafite"] .pb-mini-kpi,
[data-theme="midnight"] .pb-bento-card,
[data-theme="midnight"] .bento-kpi-card,
[data-theme="midnight"] .pb-mini-kpi {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

/* Texto dos KPIs */
[data-theme="grafite"] .pb-bento-card *,
[data-theme="midnight"] .pb-bento-card * {
  --prospect-text-main: var(--app-text-main);
  --prospect-text-muted: var(--app-text-muted);
}

/* ── HIG Sheet Modal — tema escuro (glassmorphism adapt) ── */
[data-theme="grafite"] .hig-sheet-modal,
[data-theme="midnight"] .hig-sheet-modal {
  background: var(--app-card-bg) !important;
  backdrop-filter: blur(30px) saturate(190%) !important;
}

[data-theme="grafite"] .hig-inset-group,
[data-theme="midnight"] .hig-inset-group {
  background: var(--app-input-bg) !important;
}

[data-theme="grafite"] .hig-field-row,
[data-theme="midnight"] .hig-field-row {
  border-bottom-color: var(--app-divider) !important;
}

[data-theme="grafite"] .hig-field-label,
[data-theme="midnight"] .hig-field-label {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .hig-field-label-wide,
[data-theme="midnight"] .hig-field-label-wide {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .hig-field-input,
[data-theme="grafite"] .hig-field-textarea,
[data-theme="midnight"] .hig-field-input,
[data-theme="midnight"] .hig-field-textarea {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .hig-field-input::placeholder,
[data-theme="grafite"] .hig-field-textarea::placeholder,
[data-theme="midnight"] .hig-field-input::placeholder,
[data-theme="midnight"] .hig-field-textarea::placeholder {
  color: var(--app-text-sub) !important;
}

[data-theme="grafite"] .hig-sheet-header,
[data-theme="midnight"] .hig-sheet-header {
  border-bottom-color: var(--app-divider) !important;
}

[data-theme="grafite"] .hig-sheet-header-title,
[data-theme="midnight"] .hig-sheet-header-title {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .hig-section-header,
[data-theme="midnight"] .hig-section-header {
  color: var(--app-text-muted) !important;
}

/* ── Chat inline (background:#ffffff hardcoded) ── */
[data-theme="grafite"] .chat-main-header,
[data-theme="midnight"] .chat-main-header {
  background: var(--app-header-bg) !important;
  border-bottom-color: var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

/* ── Cronograma semanal na aba dedicada ── */
[data-theme="grafite"] .escala-semana-container,
[data-theme="grafite"] .cronograma-semana,
[data-theme="midnight"] .escala-semana-container,
[data-theme="midnight"] .cronograma-semana {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .escala-dia-header,
[data-theme="midnight"] .escala-dia-header {
  background: var(--app-header-bg) !important;
  color: var(--app-text-main) !important;
  border-bottom: 1px solid var(--app-divider) !important;
}


/* ==========================================================================
   15. ABA AGENDAMENTOS — CONTRASTE ESCURO
   ========================================================================== */

/* ── Fundo principal da tela ── */
[data-theme="grafite"] .agendar-screen,
[data-theme="midnight"] .agendar-screen {
  background: var(--app-bg) !important;
}

[data-theme="grafite"] .agendar-header,
[data-theme="midnight"] .agendar-header {
  background: var(--app-bg) !important;
}

[data-theme="grafite"] .agendar-calendar,
[data-theme="midnight"] .agendar-calendar {
  background: var(--app-bg) !important;
}

/* ── Botão voltar e busca ── */
[data-theme="grafite"] .agendar-back-btn,
[data-theme="midnight"] .agendar-back-btn {
  background: var(--app-card-hover) !important;
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .agendar-search-btn,
[data-theme="midnight"] .agendar-search-btn {
  background: var(--app-card-hover) !important;
  color: var(--app-text-muted) !important;
}

/* ── Seletor de mês ── */
[data-theme="grafite"] .agendar-month-selector,
[data-theme="midnight"] .agendar-month-selector {
  background: var(--app-card-hover) !important;
}

[data-theme="grafite"] .agendar-month-label,
[data-theme="midnight"] .agendar-month-label {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .agendar-month-selector i,
[data-theme="midnight"] .agendar-month-selector i {
  color: var(--app-text-muted) !important;
}

/* ── Grade de dias ── */
[data-theme="grafite"] .agendar-weekday,
[data-theme="midnight"] .agendar-weekday {
  color: var(--app-text-sub) !important;
}

[data-theme="grafite"] .agendar-day-inner,
[data-theme="midnight"] .agendar-day-inner {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .agendar-day--other-month .agendar-day-inner,
[data-theme="midnight"] .agendar-day--other-month .agendar-day-inner {
  color: var(--app-text-sub) !important;
  opacity: 0.4;
}

/* ── Separador ── */
[data-theme="grafite"] .agendar-divider,
[data-theme="midnight"] .agendar-divider {
  background: var(--app-divider) !important;
}

/* ── Info do dia selecionado ── */
[data-theme="grafite"] .agendar-day-number,
[data-theme="grafite"] .agendar-day-name,
[data-theme="midnight"] .agendar-day-number,
[data-theme="midnight"] .agendar-day-name {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .agendar-day-summary,
[data-theme="midnight"] .agendar-day-summary {
  color: var(--app-text-muted) !important;
}

/* ── Seção title ── */
[data-theme="grafite"] .agendar-section-title,
[data-theme="midnight"] .agendar-section-title {
  color: var(--app-text-sub) !important;
}

/* ── Cards de evento ── */
[data-theme="grafite"] .agendar-event-card,
[data-theme="midnight"] .agendar-event-card {
  background: var(--app-card-bg) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
}

[data-theme="grafite"] .agendar-event-title,
[data-theme="midnight"] .agendar-event-title {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .agendar-event-time,
[data-theme="midnight"] .agendar-event-time {
  color: var(--app-text-muted) !important;
}

/* ── Botão de ação muted ── */
[data-theme="grafite"] .agendar-event-action--muted,
[data-theme="midnight"] .agendar-event-action--muted {
  background: var(--app-card-hover) !important;
  color: var(--app-text-muted) !important;
}

/* ── Placeholder e tasks ── */
[data-theme="grafite"] .agendar-task-placeholder,
[data-theme="midnight"] .agendar-task-placeholder {
  background: var(--app-card-bg) !important;
  color: var(--app-text-sub) !important;
  box-shadow: 0 1px 6px rgba(0,0,0,0.2) !important;
}

[data-theme="grafite"] .agendar-task-item,
[data-theme="midnight"] .agendar-task-item {
  background: var(--app-card-bg) !important;
  box-shadow: 0 1px 6px rgba(0,0,0,0.2) !important;
}

[data-theme="grafite"] .agendar-task-text,
[data-theme="midnight"] .agendar-task-text {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .agendar-task-check,
[data-theme="midnight"] .agendar-task-check {
  border-color: var(--app-card-border) !important;
}

/* ── Dropdown de mês ── */
[data-theme="grafite"] .agendar-dropdown,
[data-theme="midnight"] .agendar-dropdown {
  background: var(--app-card-bg) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  border-color: var(--app-card-border) !important;
}

[data-theme="grafite"] .agendar-dropdown-item,
[data-theme="midnight"] .agendar-dropdown-item {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .agendar-dropdown-item:active,
[data-theme="midnight"] .agendar-dropdown-item:active {
  background: var(--app-card-hover) !important;
}

/* ── "Nenhum agendamento" card (estado vazio) ── */
[data-theme="grafite"] .agendar-empty-card,
[data-theme="midnight"] .agendar-empty-card {
  background: var(--app-card-bg) !important;
  color: var(--app-text-muted) !important;
  border-color: var(--app-card-border) !important;
}

[data-theme="grafite"] .agendar-empty-title,
[data-theme="midnight"] .agendar-empty-title {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .agendar-empty-desc,
[data-theme="midnight"] .agendar-empty-desc {
  color: var(--app-text-muted) !important;
}

/* Card branco com classe genérica dentro de agendar-events-list */
[data-theme="grafite"] .agendar-events-list > div[style*="background"],
[data-theme="midnight"] .agendar-events-list > div[style*="background"] {
  background: var(--app-card-bg) !important;
  color: var(--app-text-muted) !important;
}


/* ==========================================================================
   16. CRONOGRAMA DE PROSPECÇÃO (KANBAN) — CONTRASTE ESCURO
   Os estilos são injetados via JS com !important, então precisamos
   de seletores mais específicos ou usar o atributo data-theme.
   ========================================================================== */

/* ── Coluna do kanban (background branco/translúcido) ── */
[data-theme="grafite"] .kanban-col-viewport,
[data-theme="midnight"] .kanban-col-viewport {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.28) !important;
}

[data-theme="grafite"] .kanban-col-viewport.drag-over,
[data-theme="midnight"] .kanban-col-viewport.drag-over {
  background: rgba(0, 180, 216, 0.12) !important;
  border: 2px dashed #00B4D8 !important;
}

/* ── Header da coluna ── */
[data-theme="grafite"] .kanban-col-header,
[data-theme="midnight"] .kanban-col-header {
  color: var(--app-text-main) !important;
}

/* ── Sidebar esquerda (mini-calendário) ── */
[data-theme="grafite"] .calendar-dark-sidebar,
[data-theme="midnight"] .calendar-dark-sidebar {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.28) !important;
}

/* ── Mini-calendário widget ── */
[data-theme="grafite"] .mini-calendar-widget,
[data-theme="midnight"] .mini-calendar-widget {
  background: var(--app-input-bg) !important;
  border-color: var(--app-card-border) !important;
}

[data-theme="grafite"] .mini-cal-header,
[data-theme="midnight"] .mini-cal-header {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .mini-cal-nav,
[data-theme="midnight"] .mini-cal-nav {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .mini-cal-dayname,
[data-theme="midnight"] .mini-cal-dayname {
  color: var(--app-text-sub) !important;
}

[data-theme="grafite"] .mini-cal-daynum,
[data-theme="midnight"] .mini-cal-daynum {
  color: var(--app-text-main) !important;
}

/* ── Sidebar títulos e itens ── */
[data-theme="grafite"] .sidebar-sec-title,
[data-theme="midnight"] .sidebar-sec-title {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .sidebar-sec-item,
[data-theme="midnight"] .sidebar-sec-item {
  color: var(--app-text-muted) !important;
}

/* ── Card de prospect no kanban ── */
[data-theme="grafite"] .pastel-kanban-card.chamado-card,
[data-theme="midnight"] .pastel-kanban-card.chamado-card {
  background: var(--app-card-hover) !important;
  border: 1.5px solid var(--app-card-border) !important;
  color: var(--app-text-main) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.25) !important;
}

[data-theme="grafite"] .pcard-title,
[data-theme="midnight"] .pcard-title {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .pcard-sub,
[data-theme="midnight"] .pcard-sub {
  color: var(--app-text-muted) !important;
}

/* Badge valor estimado */
[data-theme="grafite"] .chamado-badge,
[data-theme="midnight"] .chamado-badge {
  background: rgba(0, 180, 216, 0.15) !important;
  color: #38BDF8 !important;
}

/* Badge MÉDIA / ALTA / BAIXA */
[data-theme="grafite"] .status-pendente,
[data-theme="midnight"] .status-pendente {
  background: rgba(217, 119, 6, 0.15) !important;
  color: #FCD34D !important;
}

[data-theme="grafite"] .status-alta,
[data-theme="midnight"] .status-alta {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #FCA5A5 !important;
}

[data-theme="grafite"] .status-em-andamento,
[data-theme="grafite"] .status-finalizada,
[data-theme="midnight"] .status-em-andamento,
[data-theme="midnight"] .status-finalizada {
  background: rgba(0, 180, 216, 0.15) !important;
  color: #38BDF8 !important;
}

/* Separador das ações ── */
[data-theme="grafite"] .pcard-touch-actions,
[data-theme="midnight"] .pcard-touch-actions {
  border-top-color: var(--app-divider) !important;
}

[data-theme="grafite"] .touch-act-btn.btn-prev,
[data-theme="midnight"] .touch-act-btn.btn-prev {
  background: var(--app-card-hover) !important;
  color: var(--app-text-muted) !important;
}

/* ── Tabs mobile do kanban ── */
[data-theme="grafite"] .mobile-tab-btn,
[data-theme="midnight"] .mobile-tab-btn {
  background: var(--app-card-bg) !important;
  border-color: var(--app-card-border) !important;
  color: var(--app-text-muted) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}

[data-theme="grafite"] .mobile-tab-btn.active,
[data-theme="midnight"] .mobile-tab-btn.active {
  background: linear-gradient(135deg, #0077B6 0%, #00B4D8 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

[data-theme="grafite"] .mobile-tab-btn .tab-badge,
[data-theme="midnight"] .mobile-tab-btn .tab-badge {
  background: var(--app-divider) !important;
  color: var(--app-text-muted) !important;
}

/* ── Filtro mobile ── */
[data-theme="grafite"] .mobile-filter-toggle-btn,
[data-theme="midnight"] .mobile-filter-toggle-btn {
  background: var(--app-card-bg) !important;
  border-color: var(--app-card-border) !important;
  color: var(--app-text-main) !important;
}

/* ── Empty card kanban ── */
[data-theme="grafite"] .pastel-empty-card,
[data-theme="midnight"] .pastel-empty-card {
  border-color: var(--app-card-border) !important;
  color: var(--app-text-sub) !important;
}

/* ==========================================================================
   17. CONTRASTE ESCURO — CARDS DE KPI DE PROSPECÇÃO (vendedor-prospeccao)
   ========================================================================== */
[data-theme="grafite"] .prospect-kpi-card:not(:first-child),
[data-theme="midnight"] .prospect-kpi-card:not(:first-child) {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="grafite"] .prospect-kpi-card:not(:first-child) .prospect-kpi-label,
[data-theme="midnight"] .prospect-kpi-card:not(:first-child) .prospect-kpi-label {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .prospect-kpi-card:not(:first-child) .prospect-kpi-value,
[data-theme="midnight"] .prospect-kpi-card:not(:first-child) .prospect-kpi-value {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .prospect-kpi-card:not(:first-child) .prospect-kpi-trend.positive,
[data-theme="midnight"] .prospect-kpi-card:not(:first-child) .prospect-kpi-trend.positive {
  background: rgba(16, 185, 129, 0.2) !important;
  color: #34D399 !important;
  border: 1px solid rgba(16, 185, 129, 0.35) !important;
}

/* ==========================================================================
   18. CONTRASTE ESCURO — PILLS E BOTÕES DA LISTA DE PROSPECT (vendedor-prospeccao)
   ========================================================================== */
[data-theme="grafite"] .prospect-pill-location,
[data-theme="midnight"] .prospect-pill-location {
  background: rgba(148, 163, 184, 0.12) !important;
  color: #E2E8F0 !important;
  border-color: rgba(148, 163, 184, 0.25) !important;
}
[data-theme="grafite"] .prospect-pill-location i,
[data-theme="midnight"] .prospect-pill-location i {
  color: #94A3B8 !important;
}

[data-theme="grafite"] .prospect-pill-zap,
[data-theme="midnight"] .prospect-pill-zap {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #4ADE80 !important;
  border-color: rgba(34, 197, 94, 0.3) !important;
}
[data-theme="grafite"] .prospect-pill-zap i,
[data-theme="midnight"] .prospect-pill-zap i {
  color: #22C55E !important;
}

[data-theme="grafite"] .prospect-pill-sub,
[data-theme="grafite"] .prospect-pill-sub.sub-active,
[data-theme="midnight"] .prospect-pill-sub,
[data-theme="midnight"] .prospect-pill-sub.sub-active {
  background: rgba(34, 197, 94, 0.25) !important;
  color: #86EFAC !important;
  border: 1px solid rgba(34, 197, 94, 0.4) !important;
}

[data-theme="grafite"] .prospect-pill-fixo,
[data-theme="midnight"] .prospect-pill-fixo {
  background: rgba(245, 158, 11, 0.15) !important;
  color: #FCD34D !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
}
[data-theme="grafite"] .prospect-pill-fixo i,
[data-theme="midnight"] .prospect-pill-fixo i {
  color: #F59E0B !important;
}

[data-theme="grafite"] .prospect-pill-sub.sub-fixo,
[data-theme="midnight"] .prospect-pill-sub.sub-fixo {
  background: rgba(245, 158, 11, 0.25) !important;
  color: #FDE68A !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
}

[data-theme="grafite"] .prospect-pill-web,
[data-theme="midnight"] .prospect-pill-web {
  background: rgba(56, 189, 248, 0.15) !important;
  color: #38BDF8 !important;
  border-color: rgba(56, 189, 248, 0.3) !important;
}
[data-theme="grafite"] .prospect-pill-web i,
[data-theme="midnight"] .prospect-pill-web i {
  color: #38BDF8 !important;
}

[data-theme="grafite"] .prospect-pill-rating,
[data-theme="midnight"] .prospect-pill-rating {
  background: rgba(251, 191, 36, 0.15) !important;
  color: #FDE047 !important;
  border-color: rgba(251, 191, 36, 0.3) !important;
}

[data-theme="grafite"] .prospect-pill-adimplente,
[data-theme="midnight"] .prospect-pill-adimplente {
  background: rgba(16, 185, 129, 0.15) !important;
  color: #34D399 !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
}
[data-theme="grafite"] .prospect-pill-adimplente i,
[data-theme="midnight"] .prospect-pill-adimplente i {
  color: #10B981 !important;
}

[data-theme="grafite"] .prospect-pill-inadimplente,
[data-theme="midnight"] .prospect-pill-inadimplente {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #FCA5A5 !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}
[data-theme="grafite"] .prospect-pill-inadimplente i,
[data-theme="midnight"] .prospect-pill-inadimplente i {
  color: #EF4444 !important;
}

[data-theme="grafite"] .prospect-row-actions .prospect-lead-btn,
[data-theme="midnight"] .prospect-row-actions .prospect-lead-btn {
  background: var(--app-card-hover) !important;
  color: var(--app-text-main) !important;
  border: 1px solid var(--app-card-border) !important;
}
[data-theme="grafite"] .prospect-row-actions .prospect-lead-btn:hover,
[data-theme="midnight"] .prospect-row-actions .prospect-lead-btn:hover {
  background: var(--app-accent) !important;
  color: #ffffff !important;
}

[data-theme="grafite"] .prospect-lead-divider,
[data-theme="midnight"] .prospect-lead-divider {
  background: var(--app-divider) !important;
}

[data-theme="grafite"] .prospect-capital-label,
[data-theme="midnight"] .prospect-capital-label {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .prospect-lead-potential,
[data-theme="midnight"] .prospect-lead-potential {
  color: var(--app-text-main) !important;
}

/* ==========================================================================
   19. CONTRASTE ESCURO — CALENDÁRIO SEMANAL DE COMPROMISSOS (compromissos.css)
   ========================================================================== */
[data-theme="grafite"] .vd-weekly-calendar,
[data-theme="midnight"] .vd-weekly-calendar {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="grafite"] .vd-calendar-day-lbl,
[data-theme="midnight"] .vd-calendar-day-lbl {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .vd-calendar-day-circle,
[data-theme="midnight"] .vd-calendar-day-circle {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .vd-calendar-day-circle:hover,
[data-theme="midnight"] .vd-calendar-day-circle:hover {
  background: var(--app-card-hover) !important;
}

[data-theme="grafite"] .vd-calendar-day-circle.active,
[data-theme="midnight"] .vd-calendar-day-circle.active {
  background: linear-gradient(135deg, #0077B6 0%, #00B4D8 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(0, 119, 182, 0.4) !important;
}

[data-theme="grafite"] .vd-routine-title,
[data-theme="midnight"] .vd-routine-title {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .vd-routine-see-all,
[data-theme="midnight"] .vd-routine-see-all {
  color: var(--app-accent) !important;
}

[data-theme="grafite"] .vd-compromissos-empty,
[data-theme="midnight"] .vd-compromissos-empty {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .vd-routine-header,
[data-theme="midnight"] .vd-routine-header {
  color: var(--app-text-main) !important;
}

/* Card de Lembrete (.vd-reminder-card) - Sempre azul com textos brancos legíveis em todos os temas */
.vd-reminder-card,
[data-theme] .vd-reminder-card {
  background: linear-gradient(135deg, #1E4BFF 0%, #5E82FF 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 24px rgba(30, 75, 255, 0.22) !important;
}

[data-theme="grafite"] .vd-reminder-card,
[data-theme="midnight"] .vd-reminder-card {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

.vd-reminder-card .vd-reminder-title,
.vd-reminder-card h3,
[data-theme] .vd-reminder-card .vd-reminder-title,
[data-theme] .vd-reminder-card h3,
[data-theme] h3.vd-reminder-title {
  color: #FFFFFF !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

.vd-reminder-card .vd-reminder-text,
.vd-reminder-card p,
[data-theme] .vd-reminder-card .vd-reminder-text,
[data-theme] .vd-reminder-card p,
[data-theme] p.vd-reminder-text {
  color: rgba(255, 255, 255, 0.95) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}

.vd-reminder-card .vd-reminder-btn,
[data-theme] .vd-reminder-card .vd-reminder-btn {
  background: #FFFFFF !important;
  color: #1E4BFF !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

.vd-reminder-card .vd-reminder-bell-icon,
[data-theme] .vd-reminder-card .vd-reminder-bell-icon,
.vd-reminder-card i,
[data-theme] .vd-reminder-card i,
.vd-reminder-card svg,
[data-theme] .vd-reminder-card svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* ==========================================================================
   20. CONTRASTE ESCURO — AGENDAMENTO E VISÃO GERAL (nu-vg-*, vendedor.js)
   ========================================================================== */
[data-theme="grafite"] .nu-vg-container,
[data-theme="midnight"] .nu-vg-container {
  background: var(--app-bg) !important;
}

[data-theme="grafite"] .nu-vg-back-btn,
[data-theme="midnight"] .nu-vg-back-btn {
  background: var(--app-card-bg) !important;
  color: var(--app-text-main) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .nu-vg-month-title,
[data-theme="midnight"] .nu-vg-month-title {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .nu-vg-header span,
[data-theme="midnight"] .nu-vg-header span {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .nu-vg-subtitle span,
[data-theme="midnight"] .nu-vg-subtitle span {
  background: rgba(0, 180, 216, 0.15) !important;
  color: #38BDF8 !important;
}

[data-theme="grafite"] .nu-vg-month-grid,
[data-theme="midnight"] .nu-vg-month-grid {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="grafite"] .nu-vg-weekdays-row,
[data-theme="midnight"] .nu-vg-weekdays-row {
  color: var(--app-text-muted) !important;
  border-bottom-color: var(--app-divider) !important;
}

[data-theme="grafite"] .nu-vg-day-cell,
[data-theme="midnight"] .nu-vg-day-cell {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .nu-vg-day-cell.other-month,
[data-theme="midnight"] .nu-vg-day-cell.other-month {
  color: var(--app-text-sub) !important;
  opacity: 0.35 !important;
}

[data-theme="grafite"] .nu-vg-day-cell:hover,
[data-theme="midnight"] .nu-vg-day-cell:hover {
  background: var(--app-card-hover) !important;
}

[data-theme="grafite"] .nu-vg-day-cell.active,
[data-theme="midnight"] .nu-vg-day-cell.active {
  background: linear-gradient(135deg, #0077B6 0%, #00B4D8 100%) !important;
  color: #FFFFFF !important;
}

[data-theme="grafite"] .nu-vg-client-card,
[data-theme="midnight"] .nu-vg-client-card {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="grafite"] .nu-vg-client-name,
[data-theme="midnight"] .nu-vg-client-name {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .nu-vg-client-sub,
[data-theme="midnight"] .nu-vg-client-sub {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .nu-vg-timeline > div[style*="background:#fff"],
[data-theme="grafite"] .nu-vg-timeline > div[style*="background: #fff"],
[data-theme="midnight"] .nu-vg-timeline > div[style*="background:#fff"],
[data-theme="midnight"] .nu-vg-timeline > div[style*="background: #fff"] {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="grafite"] .nu-vg-timeline div[style*="color:#334155"],
[data-theme="grafite"] .nu-vg-timeline div[style*="color: #334155"],
[data-theme="midnight"] .nu-vg-timeline div[style*="color:#334155"],
[data-theme="midnight"] .nu-vg-timeline div[style*="color: #334155"] {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .nu-vg-timeline div[style*="color:#64748b"],
[data-theme="grafite"] .nu-vg-timeline div[style*="color: #64748b"],
[data-theme="midnight"] .nu-vg-timeline div[style*="color:#64748b"],
[data-theme="midnight"] .nu-vg-timeline div[style*="color: #64748b"] {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .nu-vg-container span[style*="color: #0f172a"],
[data-theme="grafite"] .nu-vg-container span[style*="color:#0f172a"],
[data-theme="midnight"] .nu-vg-container span[style*="color: #0f172a"],
[data-theme="midnight"] .nu-vg-container span[style*="color:#0f172a"] {
  color: var(--app-text-main) !important;
}

/* ==========================================================================
   21. CONTRASTE ESCURO — FUNIL ATIVO, SAÚDE ANTI-SPAM, MRR & SHORTCUTS (Radar)
   ========================================================================== */
[data-theme="grafite"] .prospect-bento-card,
[data-theme="midnight"] .prospect-bento-card {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="grafite"] .prospect-funnel-row,
[data-theme="midnight"] .prospect-funnel-row {
  background: var(--app-card-hover) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .prospect-funnel-info,
[data-theme="midnight"] .prospect-funnel-info {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .prospect-funnel-count,
[data-theme="midnight"] .prospect-funnel-count {
  background: var(--app-input-bg) !important;
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .prospect-alert-banner,
[data-theme="midnight"] .prospect-alert-banner {
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
  color: #FCD34D !important;
}

[data-theme="grafite"] .prospect-total-label,
[data-theme="midnight"] .prospect-total-label {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .prospect-total-amount,
[data-theme="midnight"] .prospect-total-amount {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .prospect-see-all-btn,
[data-theme="midnight"] .prospect-see-all-btn {
  background: var(--app-card-hover) !important;
  color: var(--app-text-main) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .prospect-mini-card,
[data-theme="midnight"] .prospect-mini-card {
  background: var(--app-card-hover) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .prospect-mini-title,
[data-theme="midnight"] .prospect-mini-title {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .prospect-mini-subtext,
[data-theme="midnight"] .prospect-mini-subtext {
  color: var(--app-text-muted) !important;
}

[data-theme="grafite"] .prospect-pulse-box,
[data-theme="midnight"] .prospect-pulse-box {
  background: rgba(245, 158, 11, 0.15) !important;
  border-color: rgba(245, 158, 11, 0.3) !important;
  color: #FCD34D !important;
}

[data-theme="grafite"] .prospect-mrr-row,
[data-theme="midnight"] .prospect-mrr-row {
  background: var(--app-card-hover) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .prospect-shortcut-hero,
[data-theme="midnight"] .prospect-shortcut-hero {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .prospect-shortcut-hero-btn,
[data-theme="midnight"] .prospect-shortcut-hero-btn {
  background: var(--app-card-hover) !important;
  color: var(--app-text-main) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .prospect-shortcut-card,
[data-theme="midnight"] .prospect-shortcut-card {
  background: var(--app-card-bg) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .prospect-shortcut-desc,
[data-theme="midnight"] .prospect-shortcut-desc {
  color: var(--app-text-main) !important;
}

[data-theme="grafite"] .prospect-input-action-group,
[data-theme="midnight"] .prospect-input-action-group {
  background: var(--app-input-bg) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .prospect-shortcut-input,
[data-theme="midnight"] .prospect-shortcut-input {
  color: var(--app-text-main) !important;
  background: transparent !important;
}

[data-theme="grafite"] .prospect-shortcut-input::placeholder,
[data-theme="midnight"] .prospect-shortcut-input::placeholder {
  color: var(--app-text-sub) !important;
}

[data-theme="grafite"] .prospect-shortcut-submit-btn,
[data-theme="midnight"] .prospect-shortcut-submit-btn {
  background: var(--app-card-hover) !important;
  color: var(--app-text-main) !important;
  border: 1px solid var(--app-card-border) !important;
}

[data-theme="grafite"] .prospect-shortcut-submit-btn:hover,
[data-theme="midnight"] .prospect-shortcut-submit-btn:hover {
  background: var(--app-accent) !important;
  color: #FFFFFF !important;
}

/* ==========================================================================
   25. MINI POP-UP FLUTUANTE DE SELETOR HIG NOS TEMAS ESCUROS
   ========================================================================== */
[data-theme="grafite"] .hig-select-menu,
[data-theme="midnight"] .hig-select-menu {
  background: rgba(33, 36, 43, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="grafite"] .hig-select-item,
[data-theme="midnight"] .hig-select-item {
  color: #F6F3EC !important;
}

[data-theme="grafite"] .hig-select-item:hover,
[data-theme="midnight"] .hig-select-item:hover,
[data-theme="grafite"] .hig-select-item:active,
[data-theme="midnight"] .hig-select-item:active {
  background: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="grafite"] .hig-select-item.selected,
[data-theme="midnight"] .hig-select-item.selected {
  background: rgba(30, 75, 255, 0.25) !important;
  color: #38BDF8 !important;
}

[data-theme="grafite"] .hig-field-row .hig-select-text,
[data-theme="midnight"] .hig-field-row .hig-select-text {
  color: #38BDF8 !important;
}

[data-theme="grafite"] .hig-field-row .hig-select-icon,
[data-theme="midnight"] .hig-field-row .hig-select-icon {
  color: #38BDF8 !important;
  stroke: #38BDF8 !important;
}

[data-theme="grafite"] .hig-select-search,
[data-theme="midnight"] .hig-select-search {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #F6F3EC !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

[data-theme="grafite"] .hig-btn-action-secondary,
[data-theme="midnight"] .hig-btn-action-secondary {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #38BDF8 !important;
}

[data-theme="grafite"] .hig-btn-action-secondary:active,
[data-theme="midnight"] .hig-btn-action-secondary:active {
  background: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="grafite"] .hig-btn-action-secondary.hig-btn-destructive,
[data-theme="midnight"] .hig-btn-action-secondary.hig-btn-destructive {
  background: rgba(255, 69, 58, 0.18) !important;
  color: #FF453A !important;
}

[data-theme="grafite"] .hig-btn-action-secondary.hig-btn-destructive:active,
[data-theme="midnight"] .hig-btn-action-secondary.hig-btn-destructive:active {
  background: rgba(255, 69, 58, 0.28) !important;
}

/* ==========================================================================
   FEEDBACK VISUAL DE CARREGAMENTO / VARREDURA (Components.showLoadingProgress)
   Integração universal com White, Grafite, Midnight e Bege
   ========================================================================== */
#kriativa-loading-overlay,
.kriativa-loading-overlay {
  background: rgba(15, 23, 42, 0.65) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.kriativa-loading-card,
#kriativa-loading-card {
  background-color: var(--app-card-bg, #ffffff) !important;
  color: var(--app-text-main, #0F172A) !important;
  border: 1px solid var(--app-card-border, rgba(0, 0, 0, 0.08)) !important;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.35), var(--app-shadow, 0 8px 30px rgba(0, 0, 0, 0.12)) !important;
  width: min(450px, 92vw) !important;
  border-radius: 24px !important;
  padding: 30px 24px 26px !important;
  text-align: center !important;
  transform: scale(0.94);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, border-color 0.2s ease !important;
  font-family: inherit !important;
  box-sizing: border-box !important;
}

.kriativa-loading-badge,
#kriativa-loading-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(30, 75, 255, 0.1) !important;
  color: var(--app-accent, #1E4BFF) !important;
  padding: 5px 14px !important;
  border-radius: 100px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 18px !important;
  border: 1px solid rgba(30, 75, 255, 0.18) !important;
}

.kriativa-loading-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--app-accent, #1E4BFF) !important;
  display: inline-block !important;
  animation: pulseDot 1.4s infinite ease-in-out !important;
}

.kriativa-loading-spinner-box {
  position: relative !important;
  width: 68px !important;
  height: 68px !important;
  margin: 0 auto 20px !important;
}

.kriativa-spinner-track {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 50% !important;
  border: 3.5px solid var(--app-divider, rgba(0, 0, 0, 0.08)) !important;
}

.kriativa-spinner-arc {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 50% !important;
  border: 3.5px solid var(--app-accent, #1E4BFF) !important;
  border-top-color: transparent !important;
  animation: spinLoader 0.9s linear infinite !important;
}

.kriativa-spinner-center {
  position: absolute !important;
  inset: 9px !important;
  border-radius: 50% !important;
  background: var(--app-input-bg, rgba(0, 0, 0, 0.04)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--app-accent, #1E4BFF) !important;
  transition: background-color 0.2s ease !important;
}

.kriativa-spinner-center svg {
  stroke: currentColor !important;
}

.kriativa-loading-title,
#kriativa-loading-title {
  margin: 0 0 8px !important;
  font-size: 17.5px !important;
  font-weight: 700 !important;
  color: var(--app-text-main, #0F172A) !important;
  letter-spacing: -0.3px !important;
  line-height: 1.35 !important;
}

.kriativa-loading-msg,
#kriativa-loading-msg {
  margin: 0 0 20px !important;
  font-size: 13.5px !important;
  color: var(--app-text-muted, #64748B) !important;
  line-height: 1.45 !important;
}

.kriativa-progress-track {
  width: 100% !important;
  height: 8px !important;
  background: var(--app-input-bg, #F1F5F9) !important;
  border-radius: 100px !important;
  overflow: hidden !important;
  position: relative !important;
  border: 1px solid var(--app-divider, rgba(0, 0, 0, 0.04)) !important;
}

.kriativa-progress-fill,
#kriativa-loading-bar {
  height: 100% !important;
  background: var(--app-accent-gradient, linear-gradient(90deg, #1E4BFF 0%, #00B2FE 100%)) !important;
  border-radius: 100px !important;
  transition: width 0.35s ease !important;
}

/* ─── TEMA WHITE (PADRÃO) ─── */
[data-theme="white"] #kriativa-loading-overlay,
body.theme-white #kriativa-loading-overlay {
  background: rgba(15, 23, 42, 0.65) !important;
}
[data-theme="white"] #kriativa-loading-card,
body.theme-white #kriativa-loading-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.25) !important;
}
[data-theme="white"] #kriativa-loading-title,
body.theme-white #kriativa-loading-title {
  color: #0F172A !important;
}
[data-theme="white"] #kriativa-loading-msg,
body.theme-white #kriativa-loading-msg {
  color: #64748B !important;
}
[data-theme="white"] .kriativa-loading-badge,
body.theme-white .kriativa-loading-badge {
  background: rgba(30, 75, 255, 0.1) !important;
  color: #1E4BFF !important;
  border: 1px solid rgba(30, 75, 255, 0.18) !important;
}
[data-theme="white"] .kriativa-loading-dot,
body.theme-white .kriativa-loading-dot {
  background: #1E4BFF !important;
}
[data-theme="white"] .kriativa-spinner-track,
body.theme-white .kriativa-spinner-track {
  border-color: rgba(0, 0, 0, 0.08) !important;
}
[data-theme="white"] .kriativa-spinner-arc,
body.theme-white .kriativa-spinner-arc {
  border-color: #1E4BFF !important;
  border-top-color: transparent !important;
}
[data-theme="white"] .kriativa-spinner-center,
body.theme-white .kriativa-spinner-center {
  background: #F1F5F9 !important;
  color: #1E4BFF !important;
}
[data-theme="white"] .kriativa-progress-track,
body.theme-white .kriativa-progress-track {
  background: #F1F5F9 !important;
  border-color: rgba(0, 0, 0, 0.04) !important;
}
[data-theme="white"] .kriativa-progress-fill,
[data-theme="white"] #kriativa-loading-bar,
body.theme-white .kriativa-progress-fill,
body.theme-white #kriativa-loading-bar {
  background: linear-gradient(90deg, #1E4BFF 0%, #00B2FE 100%) !important;
}

/* ─── TEMA GRAFITE ─── */
[data-theme="grafite"] #kriativa-loading-overlay,
body.theme-grafite #kriativa-loading-overlay {
  background: rgba(10, 12, 16, 0.78) !important;
}
[data-theme="grafite"] #kriativa-loading-card,
body.theme-grafite #kriativa-loading-card {
  background: #21242B !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.6) !important;
}
[data-theme="grafite"] #kriativa-loading-title,
body.theme-grafite #kriativa-loading-title {
  color: #F6F3EC !important;
}
[data-theme="grafite"] #kriativa-loading-msg,
body.theme-grafite #kriativa-loading-msg {
  color: #CDC8BE !important;
}
[data-theme="grafite"] .kriativa-loading-badge,
body.theme-grafite .kriativa-loading-badge {
  background: rgba(37, 99, 235, 0.2) !important;
  color: #60A5FA !important;
  border: 1px solid rgba(37, 99, 235, 0.35) !important;
}
[data-theme="grafite"] .kriativa-loading-dot,
body.theme-grafite .kriativa-loading-dot {
  background: #60A5FA !important;
}
[data-theme="grafite"] .kriativa-spinner-track,
body.theme-grafite .kriativa-spinner-track {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="grafite"] .kriativa-spinner-arc,
body.theme-grafite .kriativa-spinner-arc {
  border-color: #2563EB !important;
  border-top-color: transparent !important;
}
[data-theme="grafite"] .kriativa-spinner-center,
body.theme-grafite .kriativa-spinner-center {
  background: #282C35 !important;
  color: #60A5FA !important;
}
[data-theme="grafite"] .kriativa-progress-track,
body.theme-grafite .kriativa-progress-track {
  background: #282C35 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ─── TEMA MIDNIGHT ─── */
[data-theme="midnight"] #kriativa-loading-overlay,
body.theme-midnight #kriativa-loading-overlay {
  background: rgba(3, 5, 8, 0.85) !important;
}
[data-theme="midnight"] #kriativa-loading-card,
body.theme-midnight #kriativa-loading-card {
  background: #11141E !important;
  border: 1px solid rgba(56, 189, 248, 0.22) !important;
  box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.7), 0 0 25px rgba(0, 178, 254, 0.12) !important;
}
[data-theme="midnight"] #kriativa-loading-title,
body.theme-midnight #kriativa-loading-title {
  color: #F8FAFC !important;
}
[data-theme="midnight"] #kriativa-loading-msg,
body.theme-midnight #kriativa-loading-msg {
  color: #CBD5E1 !important;
}
[data-theme="midnight"] .kriativa-loading-badge,
body.theme-midnight .kriativa-loading-badge {
  background: rgba(0, 178, 254, 0.15) !important;
  color: #00B2FE !important;
  border: 1px solid rgba(0, 178, 254, 0.35) !important;
}
[data-theme="midnight"] .kriativa-loading-dot,
body.theme-midnight .kriativa-loading-dot {
  background: #00B2FE !important;
  box-shadow: 0 0 8px rgba(0, 178, 254, 0.8) !important;
}
[data-theme="midnight"] .kriativa-spinner-track,
body.theme-midnight .kriativa-spinner-track {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="midnight"] .kriativa-spinner-arc,
body.theme-midnight .kriativa-spinner-arc {
  border-color: #00B2FE !important;
  border-top-color: transparent !important;
}
[data-theme="midnight"] .kriativa-spinner-center,
body.theme-midnight .kriativa-spinner-center {
  background: #161B28 !important;
  color: #00B2FE !important;
}
[data-theme="midnight"] .kriativa-progress-track,
body.theme-midnight .kriativa-progress-track {
  background: #161B28 !important;
  border-color: rgba(56, 189, 248, 0.18) !important;
}
[data-theme="midnight"] .kriativa-progress-fill,
[data-theme="midnight"] #kriativa-loading-bar,
body.theme-midnight .kriativa-progress-fill,
body.theme-midnight #kriativa-loading-bar {
  background: linear-gradient(90deg, #00B2FE 0%, #38BDF8 100%) !important;
}

/* ─── TEMA BEGE ─── */
[data-theme="bege"] #kriativa-loading-overlay,
body.theme-bege #kriativa-loading-overlay {
  background: rgba(45, 36, 30, 0.55) !important;
}
[data-theme="bege"] #kriativa-loading-card,
body.theme-bege #kriativa-loading-card {
  background: #FDFBF7 !important;
  border: 1px solid rgba(45, 36, 30, 0.12) !important;
  box-shadow: 0 25px 60px -15px rgba(45, 36, 30, 0.25) !important;
}
[data-theme="bege"] #kriativa-loading-title,
body.theme-bege #kriativa-loading-title {
  color: #2D241E !important;
}
[data-theme="bege"] #kriativa-loading-msg,
body.theme-bege #kriativa-loading-msg {
  color: #7D7065 !important;
}
[data-theme="bege"] .kriativa-loading-badge,
body.theme-bege .kriativa-loading-badge {
  background: rgba(192, 138, 78, 0.15) !important;
  color: #A06D35 !important;
  border: 1px solid rgba(192, 138, 78, 0.25) !important;
}
[data-theme="bege"] .kriativa-loading-dot,
body.theme-bege .kriativa-loading-dot {
  background: #C08A4E !important;
}
[data-theme="bege"] .kriativa-spinner-track,
body.theme-bege .kriativa-spinner-track {
  border-color: rgba(45, 36, 30, 0.12) !important;
}
[data-theme="bege"] .kriativa-spinner-arc,
body.theme-bege .kriativa-spinner-arc {
  border-color: #C08A4E !important;
  border-top-color: transparent !important;
}
[data-theme="bege"] .kriativa-spinner-center,
body.theme-bege .kriativa-spinner-center {
  background: #EFE9E2 !important;
  color: #C08A4E !important;
}
[data-theme="bege"] .kriativa-progress-track,
body.theme-bege .kriativa-progress-track {
  background: #EFE9E2 !important;
  border-color: rgba(45, 36, 30, 0.1) !important;
}
[data-theme="bege"] .kriativa-progress-fill,
[data-theme="bege"] #kriativa-loading-bar,
body.theme-bege .kriativa-progress-fill,
body.theme-bege #kriativa-loading-bar {
  background: linear-gradient(90deg, #C08A4E 0%, #D4A36A 100%) !important;
}