/**
 * light-mode.css — CRM CAPROIN
 * Modo claro inspirado en agromaint-pro: enterprise navy + sky blue, fondos blancos/gris-azul suave.
 * Activo cuando <html data-theme="light">.
 * Persistido en localStorage['crm-theme'].
 */

/* ─── TOKEN OVERRIDES ───────────────────────────────────────────────────────── */
[data-theme="light"] {
  color-scheme: light;

  /* Fondos */
  --bg-base:     #edf2f7;
  --bg-surface:  #ffffff;
  --bg-elevated: #f8fafc;
  --bg-overlay:  #f1f5f9;
  --bg-hover:    #e2e8f0;

  /* Brand — agromaint sky blue */
  --primary:         #0369a1;
  --primary-hover:   #025d8f;
  --primary-light:   rgba(3,105,161,0.10);
  --primary-glow:    rgba(3,105,161,0.18);
  --primary-glow-lg: rgba(3,105,161,0.28);

  /* Accent */
  --accent:       #0891b2;
  --accent-light: rgba(8,145,178,0.10);
  --accent-glow:  rgba(8,145,178,0.20);

  /* Status */
  --success:       #059669;
  --success-light: rgba(5,150,105,0.10);
  --success-glow:  rgba(5,150,105,0.20);
  --warning:       #d97706;
  --warning-light: rgba(217,119,6,0.10);
  --danger:        #dc2626;
  --danger-light:  rgba(220,38,38,0.10);
  --danger-glow:   rgba(220,38,38,0.20);

  /* Texto */
  --text-primary:   #0f172a;
  --text-secondary: #475569;
  --text-muted:     #64748b;
  --text-on-dark:   #e2ecff;

  /* Bordes */
  --border:        rgba(0,0,0,0.07);
  --border-medium: rgba(0,0,0,0.10);
  --border-strong: rgba(0,0,0,0.18);

  /* Sombras sutiles modo claro */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --shadow:    0 2px 8px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.05);
  --shadow-lg: 0 4px 20px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.06);
  --shadow-xl: 0 8px 40px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.08);
  --glow-primary: 0 0 20px rgba(3,105,161,0.15);
  --glow-success: 0 0 16px rgba(5,150,105,0.15);

  /* Aliases tokens.css */
  --surface-0:  #edf2f7;
  --surface-1:  #ffffff;
  --surface-2:  #f8fafc;
  --surface-3:  #f1f5f9;
  --surface-4:  #e2e8f0;
  --surface-overlay: rgba(15,23,42,0.40);

  --border-subtle:  rgba(0,0,0,0.05);
  --border-default: rgba(0,0,0,0.08);
  --border-strong:  rgba(0,0,0,0.18);
  --border-focus:   rgba(3,105,161,0.50);
  --border-error:   rgba(220,38,38,0.40);

  --text-link:       #0369a1;
  --text-link-hover: #025d8f;
  --text-inverse:    #ffffff;
  --text-disabled:   #94a3b8;

  --color-primary:         #0369a1;
  --color-primary-hover:   #025d8f;
  --color-primary-light:   rgba(3,105,161,0.10);
  --color-primary-dark:    #014f7a;
  --color-primary-text:    #0369a1;
  --color-secondary:       #7c3aed;
  --color-secondary-hover: #6d28d9;
  --color-secondary-light: rgba(124,58,237,0.10);
  --color-secondary-text:  #7c3aed;
  --color-accent:          #0891b2;
  --color-success:         #059669;
  --color-success-bg:      rgba(5,150,105,0.10);
  --color-success-border:  rgba(5,150,105,0.25);
  --color-success-text:    #059669;
  --color-warning:         #d97706;
  --color-warning-bg:      rgba(217,119,6,0.10);
  --color-warning-border:  rgba(217,119,6,0.25);
  --color-warning-text:    #d97706;
  --color-error:           #dc2626;
  --color-error-bg:        rgba(220,38,38,0.10);
  --color-error-border:    rgba(220,38,38,0.25);
  --color-error-text:      #dc2626;
  --color-info:            #0369a1;
  --color-info-bg:         rgba(3,105,161,0.10);
  --color-info-border:     rgba(3,105,161,0.25);
  --color-info-text:       #0369a1;

  --shadow-glow-primary:   0 0 16px rgba(3,105,161,0.20);
  --shadow-glow-success:   0 0 16px rgba(5,150,105,0.20);
  --shadow-glow-error:     0 0 16px rgba(220,38,38,0.20);
  --shadow-glow-secondary: 0 0 16px rgba(124,58,237,0.20);

  --input-bg:     #ffffff;
  --input-border: rgba(0,0,0,0.12);
  --table-header-bg:    #f8fafc;
  --table-row-hover:    #f1f5f9;
  --table-row-selected: #e0ecf8;
  --card-bg:   #ffffff;
  --modal-bg:  #ffffff;
}

/* ─── GLOBAL ────────────────────────────────────────────────────────────────── */
[data-theme="light"] body { color-scheme: light; }

[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.14); }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.22); }

/* ─── TOP BAR ────────────────────────────────────────────────────────────────── */
[data-theme="light"] .top-bar {
  background: rgba(237,242,247,0.92);
  border-bottom-color: rgba(0,0,0,0.08);
}

[data-theme="light"] .search-container {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.10);
}
[data-theme="light"] .search-container:focus-within {
  background: #ffffff;
  border-color: #0369a1;
  box-shadow: 0 0 0 3px rgba(3,105,161,0.15);
}
[data-theme="light"] .search-container input { color: #0f172a; }
[data-theme="light"] .search-container i { color: #64748b; }

[data-theme="light"] .search-results-popover {
  background: #ffffff;
  border-color: rgba(0,0,0,0.10);
}
[data-theme="light"] .search-results-section-title {
  color: #64748b;
  background: rgba(0,0,0,0.02);
}
[data-theme="light"] .search-results-section { border-bottom-color: rgba(0,0,0,0.06); }
[data-theme="light"] .search-result-item { color: #475569; }
[data-theme="light"] .search-result-item:hover { background: #f1f5f9; color: #0f172a; }
[data-theme="light"] .search-result-no-results { color: #64748b; }

[data-theme="light"] .notifications { color: #475569; }
[data-theme="light"] .notifications:hover { color: #0f172a; }
[data-theme="light"] .notifications .badge { border-color: var(--bg-base); }

[data-theme="light"] .user-name { color: #0f172a; }
[data-theme="light"] .user-role { color: #475569; }
[data-theme="light"] .avatar { border-color: rgba(0,0,0,0.12); }

/* ─── BREADCRUMB ────────────────────────────────────────────────────────────── */
[data-theme="light"] .breadcrumb-container {
  background: rgba(0,0,0,0.015);
  border-bottom-color: rgba(0,0,0,0.07);
  color: #64748b;
}
[data-theme="light"] .breadcrumb-container span:last-child { color: #475569; }

/* ─── SIDEBAR — stays dark (like agromaint) ─────────────────────────────────── */
/* El sidebar conserva su tema oscuro en modo claro, igual que agromaint-pro */
[data-theme="light"] .sidebar {
  background: var(--sidebar-bg);
  border-right-color: rgba(255,255,255,0.06);
}

/* ─── CARDS ──────────────────────────────────────────────────────────────────── */
[data-theme="light"] .card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.07);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.04);
}
[data-theme="light"] .card::before {
  background: linear-gradient(135deg, rgba(255,255,255,0.80) 0%, transparent 60%);
}
[data-theme="light"] .card:hover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.08), 0 12px 28px rgba(3,105,161,0.08);
  border-color: rgba(3,105,161,0.15);
}

[data-theme="light"] .modern-glass-card,
[data-theme="light"] .card.glass {
  background: rgba(255,255,255,0.88);
  border-color: rgba(0,0,0,0.08);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
[data-theme="light"] .modern-glass-card:hover,
[data-theme="light"] .card.glass:hover {
  border-color: rgba(3,105,161,0.15);
  box-shadow: 0 4px 20px rgba(0,0,0,0.10), 0 0 0 1px rgba(3,105,161,0.10);
}
[data-theme="light"] .modern-glass-header {
  color: #0f172a;
  border-bottom-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .modern-glass-header i { color: #0369a1; }

/* ─── BUTTONS ────────────────────────────────────────────────────────────────── */
[data-theme="light"] .btn-secondary {
  background: rgba(0,0,0,0.05);
  color: #0f172a;
  border-color: rgba(0,0,0,0.12);
}
[data-theme="light"] .btn-secondary:hover {
  background: rgba(0,0,0,0.09);
  border-color: rgba(0,0,0,0.18);
}
[data-theme="light"] .btn-ghost {
  background: transparent;
  color: #475569;
  border-color: rgba(0,0,0,0.12);
}
[data-theme="light"] .btn-ghost:hover:not(:disabled) {
  background: #f1f5f9;
  color: #0f172a;
  border-color: rgba(0,0,0,0.18);
}
[data-theme="light"] .btn-sync {
  background: rgba(0,0,0,0.04);
  color: #475569;
  border-color: rgba(0,0,0,0.12);
}
[data-theme="light"] .btn-sync:hover {
  background: #f1f5f9;
  color: #0f172a;
  border-color: rgba(0,0,0,0.18);
}

/* ─── TABLES ─────────────────────────────────────────────────────────────────── */
[data-theme="light"] .data-table th {
  background: #f8fafc;
  color: #64748b;
  border-bottom-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .data-table td {
  border-bottom-color: rgba(0,0,0,0.05);
  color: #0f172a;
}
[data-theme="light"] .data-table tr:hover td { background: #f1f5f9; }

[data-theme="light"] .modern-table-wrapper {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
[data-theme="light"] .modern-table thead { background: #f8fafc; }
[data-theme="light"] .modern-table th {
  color: #64748b;
  border-bottom-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .modern-table td {
  color: #0f172a;
  border-bottom-color: rgba(0,0,0,0.05);
}
[data-theme="light"] .modern-table tbody tr:hover { background: #f1f5f9; }
[data-theme="light"] .modern-td-primary { color: #0369a1; }
[data-theme="light"] .modern-td-primary:hover { color: #025d8f; }
[data-theme="light"] .modern-td-secondary { color: #475569; }

/* ─── BADGES ─────────────────────────────────────────────────────────────────── */
[data-theme="light"] .modern-badge.badge-new       { background: rgba(3,105,161,0.10);  color: #0369a1; border-color: rgba(3,105,161,0.25); }
[data-theme="light"] .modern-badge.badge-contactado{ background: rgba(217,119,6,0.10);  color: #d97706; border-color: rgba(217,119,6,0.25); }
[data-theme="light"] .modern-badge.badge-cotizado  { background: rgba(99,102,241,0.10); color: #6366f1; border-color: rgba(99,102,241,0.25); }
[data-theme="light"] .modern-badge.badge-ganado    { background: rgba(5,150,105,0.10);  color: #059669; border-color: rgba(5,150,105,0.25); }
[data-theme="light"] .modern-badge.badge-perdido   { background: rgba(220,38,38,0.10);  color: #dc2626; border-color: rgba(220,38,38,0.25); }

[data-theme="light"] .priority-alta    { background: rgba(220,38,38,0.08);  color: #dc2626; border-color: rgba(220,38,38,0.20); }
[data-theme="light"] .priority-media   { background: rgba(217,119,6,0.08);  color: #d97706; border-color: rgba(217,119,6,0.20); }
[data-theme="light"] .priority-baja    { background: rgba(5,150,105,0.08);  color: #059669; border-color: rgba(5,150,105,0.20); }
[data-theme="light"] .priority-critica { background: rgba(185,28,28,0.10);  color: #b91c1c; border-color: rgba(185,28,28,0.25); }

[data-theme="light"] .badge-brand  { background: rgba(3,105,161,0.10); color: #0369a1; border-color: rgba(3,105,161,0.20); }
[data-theme="light"] .badge-stock.in-stock { background: rgba(5,150,105,0.10); color: #059669; border-color: rgba(5,150,105,0.20); }
[data-theme="light"] .badge-stock.out-of-stock { background: rgba(0,0,0,0.04); color: #64748b; border-color: rgba(0,0,0,0.10); }

/* ─── ICON BUTTONS ───────────────────────────────────────────────────────────── */
[data-theme="light"] .modern-icon-btn {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.10);
  color: #475569;
}
[data-theme="light"] .modern-icon-btn:hover {
  background: #0369a1;
  color: white;
  border-color: #0369a1;
  box-shadow: 0 4px 12px rgba(3,105,161,0.25);
}

/* ─── MODAL ──────────────────────────────────────────────────────────────────── */
[data-theme="light"] .modal-overlay {
  background: rgba(15,23,42,0.45);
}
[data-theme="light"] .modal-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.10);
  box-shadow: 0 20px 60px rgba(0,0,0,0.14), 0 4px 16px rgba(0,0,0,0.08);
}
[data-theme="light"] .modal-card::before {
  background: linear-gradient(90deg, transparent, rgba(3,105,161,0.25), transparent);
}
[data-theme="light"] .modal-card h3 { color: #0f172a; }
[data-theme="light"] .modal-close {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.10);
  color: #475569;
}
[data-theme="light"] .modal-close:hover {
  background: rgba(220,38,38,0.08);
  border-color: rgba(220,38,38,0.25);
  color: #dc2626;
}

[data-theme="light"] #task-modal .modal-card,
[data-theme="light"] #subtask-modal .modal-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.10);
}
[data-theme="light"] #task-modal h3,
[data-theme="light"] #subtask-modal h3 { color: #0f172a; }
[data-theme="light"] #task-modal label,
[data-theme="light"] #subtask-modal label { color: #475569; }

/* ─── FORMS ──────────────────────────────────────────────────────────────────── */
[data-theme="light"] .form-group label { color: #475569; }

[data-theme="light"] .form-group input,
[data-theme="light"] .form-group select,
[data-theme="light"] .form-group textarea {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #0f172a;
}
[data-theme="light"] .form-group input:focus,
[data-theme="light"] .form-group select:focus,
[data-theme="light"] .form-group textarea:focus {
  border-color: #0369a1;
  background: rgba(3,105,161,0.03);
  box-shadow: 0 0 0 3px rgba(3,105,161,0.15);
}
[data-theme="light"] .form-group input::placeholder,
[data-theme="light"] .form-group textarea::placeholder { color: #94a3b8; }
[data-theme="light"] .form-group select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}
[data-theme="light"] .form-group select option { background: #ffffff; color: #0f172a; }

[data-theme="light"] .input-icon-wrapper i { color: #94a3b8; }
[data-theme="light"] .input-icon-wrapper input {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #0f172a;
}
[data-theme="light"] .input-icon-wrapper input:focus {
  border-color: #0369a1;
  background: rgba(3,105,161,0.03);
  box-shadow: 0 0 0 3px rgba(3,105,161,0.15);
}
[data-theme="light"] .input-icon-wrapper input::placeholder { color: #94a3b8; }

/* Task/subtask modal inputs */
[data-theme="light"] #task-modal input[type="text"],
[data-theme="light"] #task-modal input[type="date"],
[data-theme="light"] #task-modal select,
[data-theme="light"] #task-modal textarea,
[data-theme="light"] #subtask-modal input[type="text"],
[data-theme="light"] #subtask-modal input[type="date"],
[data-theme="light"] #subtask-modal select,
[data-theme="light"] #subtask-modal textarea {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #0f172a;
}
[data-theme="light"] #task-modal input:focus,
[data-theme="light"] #task-modal select:focus,
[data-theme="light"] #task-modal textarea:focus,
[data-theme="light"] #subtask-modal input:focus,
[data-theme="light"] #subtask-modal select:focus,
[data-theme="light"] #subtask-modal textarea:focus {
  border-color: #0369a1;
  background: rgba(3,105,161,0.03);
  box-shadow: 0 0 0 3px rgba(3,105,161,0.15);
}
[data-theme="light"] #task-modal input::placeholder,
[data-theme="light"] #task-modal textarea::placeholder,
[data-theme="light"] #subtask-modal input::placeholder,
[data-theme="light"] #subtask-modal textarea::placeholder { color: #94a3b8; }
[data-theme="light"] #task-modal select,
[data-theme="light"] #subtask-modal select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}

/* ─── LOGIN ──────────────────────────────────────────────────────────────────── */
[data-theme="light"] .login-overlay {
  background: #edf2f7;
}
[data-theme="light"] .login-overlay::before {
  background: radial-gradient(circle, rgba(3,105,161,0.06) 0%, transparent 65%);
}
[data-theme="light"] .login-overlay::after {
  background: radial-gradient(circle, rgba(8,145,178,0.04) 0%, transparent 65%);
}
[data-theme="light"] .login-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.10);
  box-shadow: 0 8px 40px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);
}
[data-theme="light"] .login-card::before {
  background: linear-gradient(90deg, transparent, rgba(3,105,161,0.25), transparent);
}
[data-theme="light"] .login-card h2 { color: #0f172a; }
[data-theme="light"] .login-card p  { color: #475569; }
[data-theme="light"] .login-error {
  background: rgba(220,38,38,0.08);
  color: #dc2626;
  border-color: rgba(220,38,38,0.25);
}
[data-theme="light"] .login-logo img { filter: none; }

/* ─── TOAST ──────────────────────────────────────────────────────────────────── */
[data-theme="light"] .toast {
  background: #ffffff;
  color: #0f172a;
  border-color: rgba(0,0,0,0.10);
  box-shadow: 0 4px 20px rgba(0,0,0,0.10);
}
[data-theme="light"] .toast-alert {
  background: #ffffff;
  border-color: rgba(0,0,0,0.10);
  color: #0f172a;
  box-shadow: 0 8px 40px rgba(0,0,0,0.12);
}

/* ─── KPI CARDS ──────────────────────────────────────────────────────────────── */
[data-theme="light"] .kpi-card .label { color: #64748b; }
[data-theme="light"] .kpi-card .value { color: #0f172a; }
[data-theme="light"] .kpi-card::after {
  background: radial-gradient(circle, rgba(3,105,161,0.05) 0%, transparent 70%);
}
[data-theme="light"] .card-metric .text-muted { color: #64748b; }
[data-theme="light"] .card-metric .metric-value { color: #0f172a; }

/* ─── KANBAN ─────────────────────────────────────────────────────────────────── */
[data-theme="light"] .kanban-column {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .kanban-header { color: #64748b; }
[data-theme="light"] .kanban-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
  border-bottom: 2px solid rgba(0,0,0,0.13) !important;
  color: #0f172a;
  box-shadow: 0 3px 8px rgba(0,0,0,0.09), 0 1px 2px rgba(0,0,0,0.06);
}
[data-theme="light"] .kanban-card:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.13), 0 2px 4px rgba(0,0,0,0.07);
  border-color: rgba(0,0,0,0.14);
}
[data-theme="light"] .kanban-card.kanban-card-recently-moved {
  border: 2.5px solid #f97316 !important;
  border-bottom: 3px solid #c2520a !important;
  background: linear-gradient(135deg, rgba(249,115,22,0.08) 0%, rgba(251,191,36,0.04) 100%) !important;
  box-shadow: 0 0 0 1px rgba(249,115,22,0.35), 0 4px 16px rgba(249,115,22,0.22), 0 2px 8px rgba(0,0,0,0.10) !important;
  animation: card-glow-pulse 2.5s ease-in-out infinite;
}
[data-theme="light"] .kanban-card.kanban-card-recently-moved:hover {
  box-shadow: 0 0 0 2px rgba(249,115,22,0.50), 0 6px 22px rgba(249,115,22,0.30), 0 2px 8px rgba(0,0,0,0.12) !important;
  border-color: #f97316 !important;
}

/* ─── CALENDAR ───────────────────────────────────────────────────────────────── */
[data-theme="light"] .calendar-grid-header {
  color: #64748b;
  border-bottom-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .calendar-day {
  background: #ffffff;
  border-color: transparent;
}
[data-theme="light"] .calendar-day:hover {
  background: #f8fafc;
  border-color: rgba(0,0,0,0.07);
}
[data-theme="light"] .calendar-day.empty { background: rgba(0,0,0,0.01); }
[data-theme="light"] .calendar-day.today-cell {
  background: rgba(3,105,161,0.05);
  border-color: rgba(3,105,161,0.20);
}
[data-theme="light"] .day-number { color: #475569; }
[data-theme="light"] .calendar-task-badge {
  background: #f1f5f9;
  color: #0f172a;
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .calendar-task-badge:hover { background: #e2e8f0; border-color: rgba(0,0,0,0.12); }
[data-theme="light"] .calendar-task-badge strong { color: #475569; }

/* ─── QUOTE WIZARD ───────────────────────────────────────────────────────────── */
[data-theme="light"] .quote-wizard main.card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .quote-wizard h3 { color: #0f172a; }
[data-theme="light"] .quote-wizard label { color: #475569; }
[data-theme="light"] .quote-wizard input[type="text"],
[data-theme="light"] .quote-wizard input[type="number"],
[data-theme="light"] .quote-wizard select,
[data-theme="light"] .quote-wizard textarea {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #0f172a;
}
[data-theme="light"] .quote-wizard input:focus,
[data-theme="light"] .quote-wizard select:focus,
[data-theme="light"] .quote-wizard textarea:focus {
  border-color: #0369a1;
  background: rgba(3,105,161,0.03);
  box-shadow: 0 0 0 3px rgba(3,105,161,0.15);
}
[data-theme="light"] .quote-wizard input::placeholder,
[data-theme="light"] .quote-wizard textarea::placeholder { color: #94a3b8; }
[data-theme="light"] .quote-wizard select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}
[data-theme="light"] .quote-items-table th {
  background: #f8fafc;
  color: #64748b;
  border-bottom-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .quote-items-table td {
  border-bottom-color: rgba(0,0,0,0.05);
  color: #0f172a;
}
[data-theme="light"] .quote-items-table tr.quote-item-row:hover { background: #f1f5f9; }
[data-theme="light"] .quote-summary-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.10);
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
[data-theme="light"] .quote-summary-line {
  color: #475569;
  border-bottom-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .quote-summary-line.total { color: #0f172a; }
[data-theme="light"] .specs-grid {
  background: #f8fafc;
  border-color: rgba(0,0,0,0.08);
}

/* Quote new layout */
[data-theme="light"] .quote-new-layout {
  background: #edf2f7;
  border-color: rgba(0,0,0,0.10);
}
[data-theme="light"] .catalog-search-panel {
  background: #f8fafc;
  border-right-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .catalog-search-panel-header {
  border-bottom-color: rgba(0,0,0,0.07);
}
[data-theme="light"] .catalog-search-panel-header h4 { color: #0f172a; }
[data-theme="light"] .catalog-search-panel-header p  { color: #64748b; }
[data-theme="light"] #catalog-search-input {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #0f172a;
}
[data-theme="light"] #catalog-search-input::placeholder { color: #94a3b8; }
[data-theme="light"] #catalog-search-input:focus {
  border-color: #0369a1;
  background: rgba(3,105,161,0.03);
  box-shadow: 0 0 0 3px rgba(3,105,161,0.15);
}
[data-theme="light"] .catalog-brand-filters { border-bottom-color: rgba(0,0,0,0.07); }
[data-theme="light"] .catalog-brand-btn {
  background: #ffffff;
  border-color: rgba(0,0,0,0.10);
  color: #475569;
}
[data-theme="light"] .catalog-brand-btn:hover { background: #f1f5f9; color: #0f172a; border-color: rgba(0,0,0,0.16); }
[data-theme="light"] .catalog-brand-btn.active {
  background: #0369a1;
  border-color: #0369a1;
  color: white;
  box-shadow: 0 2px 8px rgba(3,105,161,0.25);
}
[data-theme="light"] .catalog-results-count { color: #64748b; border-bottom-color: rgba(0,0,0,0.07); }
[data-theme="light"] .catalog-product-card {
  background: rgba(0,0,0,0.02);
  border-color: rgba(0,0,0,0.07);
}
[data-theme="light"] .catalog-product-card:hover {
  background: #f1f5f9;
  border-color: #0369a1;
  box-shadow: -3px 0 0 #0369a1;
}
[data-theme="light"] .catalog-product-name { color: #0f172a; }
[data-theme="light"] .catalog-product-ref  { color: #64748b; }
[data-theme="light"] .catalog-product-price-cop { color: #0f172a; }
[data-theme="light"] .catalog-product-price-usd { color: #475569; }
[data-theme="light"] .catalog-add-btn {
  background: #f1f5f9;
  border-color: rgba(0,0,0,0.10);
  color: #475569;
}
[data-theme="light"] .catalog-product-card:hover .catalog-add-btn {
  background: #0369a1;
  border-color: #0369a1;
  color: white;
}
[data-theme="light"] .quote-form-panel { background: #edf2f7; }
[data-theme="light"] .quote-form-header {
  background: #ffffff;
  border-bottom-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .quote-form-header h3 { color: #0f172a; }
[data-theme="light"] .quote-form-header label { color: #64748b; }
[data-theme="light"] .quote-form-header input,
[data-theme="light"] .quote-form-header select,
[data-theme="light"] .quote-form-header textarea {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #0f172a;
}
[data-theme="light"] .quote-form-header input:focus,
[data-theme="light"] .quote-form-header select:focus,
[data-theme="light"] .quote-form-header textarea:focus {
  border-color: #0369a1;
  background: rgba(3,105,161,0.03);
  box-shadow: 0 0 0 3px rgba(3,105,161,0.15);
}
[data-theme="light"] .quote-form-header input::placeholder,
[data-theme="light"] .quote-form-header textarea::placeholder { color: #94a3b8; }
[data-theme="light"] .quote-form-header select {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}
[data-theme="light"] .quote-cart-table-header {
  background: #f8fafc;
  border-bottom-color: rgba(0,0,0,0.08);
  color: #64748b;
}
[data-theme="light"] .cart-item-row {
  background: #ffffff;
  border-color: rgba(0,0,0,0.07);
  color: #0f172a;
}
[data-theme="light"] .cart-item-row:hover { background: #f8fafc; border-color: rgba(0,0,0,0.10); }
[data-theme="light"] .cart-item-index {
  background: #f1f5f9;
  border-color: rgba(0,0,0,0.08);
  color: #475569;
}
[data-theme="light"] .cart-item-desc-input { color: #0f172a; }
[data-theme="light"] .cart-item-desc-input:hover { border-color: rgba(0,0,0,0.10); background: #f8fafc; }
[data-theme="light"] .cart-item-desc-input:focus { border-color: #0369a1; background: rgba(3,105,161,0.03); }
[data-theme="light"] .cart-item-qty-input,
[data-theme="light"] .cart-item-price-input {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #0f172a;
}
[data-theme="light"] .cart-item-qty-input:focus,
[data-theme="light"] .cart-item-price-input:focus { border-color: #0369a1; background: rgba(3,105,161,0.03); }
[data-theme="light"] .cart-item-total { color: #0f172a; }
[data-theme="light"] .cart-item-remove-btn { color: #94a3b8; }
[data-theme="light"] .cart-item-remove-btn:hover {
  background: rgba(220,38,38,0.08);
  border-color: rgba(220,38,38,0.20);
  color: #dc2626;
}
[data-theme="light"] .cart-empty-state { color: #475569; }
[data-theme="light"] .cart-empty-state i { color: #94a3b8; }
[data-theme="light"] .quote-add-row-bar { background: #ffffff; border-top-color: rgba(0,0,0,0.07); }
[data-theme="light"] .quote-totals-footer {
  background: #ffffff;
  border-top-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .quote-total-label { color: #64748b; }
[data-theme="light"] .quote-total-value { color: #0f172a; }
[data-theme="light"] .quote-total-value.grand { color: #0369a1; }
[data-theme="light"] .cart-specs-grid input {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #0f172a;
}
[data-theme="light"] .cart-specs-grid input:focus { border-color: #0369a1; background: rgba(3,105,161,0.03); }
[data-theme="light"] .cart-item-specs { border-top-color: rgba(0,0,0,0.08); }

/* ─── TIMELINE ───────────────────────────────────────────────────────────────── */
[data-theme="light"] .timeline { border-left-color: rgba(0,0,0,0.14); }
[data-theme="light"] .timeline-item {
  background: #ffffff;
  border-color: rgba(0,0,0,0.07);
  color: #0f172a;
}
[data-theme="light"] .timeline-item:hover { background: #f8fafc; border-color: rgba(0,0,0,0.12); }
[data-theme="light"] .timeline-item::before {
  background: #0369a1;
  border-color: #edf2f7;
  box-shadow: 0 0 8px rgba(3,105,161,0.25);
}

/* ─── AUTOMATION CARD ────────────────────────────────────────────────────────── */
[data-theme="light"] .automation-card {
  background: rgba(3,105,161,0.05);
  border-color: rgba(3,105,161,0.20);
}
[data-theme="light"] .automation-card:hover { background: rgba(3,105,161,0.08); border-color: #0369a1; }

/* ─── EXCEL DATA NOTE ────────────────────────────────────────────────────────── */
[data-theme="light"] .excel-data-note {
  background: rgba(5,150,105,0.07);
  color: #059669;
  border-color: rgba(5,150,105,0.18);
}

/* ─── SUBTASKS ───────────────────────────────────────────────────────────────── */
[data-theme="light"] .subtask-item:hover {
  background: #f8fafc !important;
  border-color: rgba(0,0,0,0.12) !important;
}
[data-theme="light"] .subtask-item { color: #0f172a; }
[data-theme="light"] .drag-handle { color: #94a3b8; }
[data-theme="light"] .sortable-ghost {
  background: rgba(3,105,161,0.07) !important;
  border-left-color: #0369a1;
}
[data-theme="light"] .sortable-chosen { background: #f8fafc; }

/* ─── AVATAR ─────────────────────────────────────────────────────────────────── */
[data-theme="light"] .modern-avatar {
  box-shadow: 0 3px 10px rgba(3,105,161,0.20);
}

/* ─── NAV ACTIVE IN LIGHT ────────────────────────────────────────────────────── */
[data-theme="light"] .nav-item.active::before {
  box-shadow: 0 0 8px rgba(79,142,247,0.40);
}

/* ─── ACTIVE TAB ─────────────────────────────────────────────────────────────── */
[data-theme="light"] .active-tab-btn {
  color: #0369a1 !important;
  border-color: rgba(3,105,161,0.25) !important;
  background: rgba(3,105,161,0.08) !important;
}

/* ─── THEME TOGGLE BUTTON ────────────────────────────────────────────────────── */
.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid var(--border-medium);
  background: rgba(255,255,255,0.05);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.20s cubic-bezier(0.16,1,0.3,1);
  font-size: 0.95rem;
  flex-shrink: 0;
}
.theme-toggle-btn:hover {
  background: var(--bg-elevated);
  color: var(--text-primary);
  border-color: var(--border-strong);
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}
[data-theme="light"] .theme-toggle-btn {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.12);
  color: #475569;
}
[data-theme="light"] .theme-toggle-btn:hover {
  background: #f1f5f9;
  color: #0369a1;
  border-color: rgba(3,105,161,0.30);
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}

/* ─── SELECTS GLOBALES ───────────────────────────────────────────────────────── */
[data-theme="light"] select {
  color-scheme: light;
  background-color: #ffffff;
  color: #0f172a;
}
[data-theme="light"] select option {
  background-color: #ffffff;
  color: #0f172a;
}
[data-theme="light"] select option:checked {
  background-color: #0369a1;
  color: #ffffff;
}

/* ─── MAIN CONTENT + BODY ────────────────────────────────────────────────────── */
[data-theme="light"] .main-content { background: #edf2f7; }
[data-theme="light"] .content-body { background: #edf2f7; }

/* ─── PIPELINE MULTI-VIEW ────────────────────────────────────────────────────── */
[data-theme="light"] .pipeline-view-switcher {
  background: #f8fafc;
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .pvs-btn { color: #64748b; }
[data-theme="light"] .pvs-btn:hover { background: #f1f5f9; color: #0f172a; }
[data-theme="light"] .pvs-btn.pvs-active {
  background: #0369a1;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(3,105,161,0.30);
}
[data-theme="light"] .pipeline-list-summary {
  background: #f8fafc;
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .plist-stage-group {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .plist-stage-header {
  background: #f8fafc;
}
[data-theme="light"] .plist-stage-header:hover { background: #f1f5f9; }
[data-theme="light"] .plist-deal-row:hover { background: #f8fafc; }
[data-theme="light"] .plist-deal-recent {
  background: rgba(217,119,6,0.05) !important;
}
[data-theme="light"] .plist-empty { color: #94a3b8; }
[data-theme="light"] .pipeline-table-row:hover td { background: #f8fafc !important; }
[data-theme="light"] .prob-bar-wrap { background: #e2e8f0; }

/* ─── FORECAST ───────────────────────────────────────────────────────────────── */
[data-theme="light"] .forecast-kpi {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .forecast-kpi:hover { border-color: rgba(0,0,0,0.14); }
[data-theme="light"] .fkpi-label { color: #64748b; }
[data-theme="light"] .fkpi-value { color: #0f172a; }
[data-theme="light"] .fkpi-sub   { color: #94a3b8; }
[data-theme="light"] .forecast-funnel-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .forecast-card-title { color: #0f172a; }
[data-theme="light"] .funnel-stage-label  { color: #475569; }
[data-theme="light"] .funnel-bar-track    { background: #e2e8f0; }

/* ─── DASHBOARD MULTI-TAB ────────────────────────────────────────────────────── */
[data-theme="light"] .db-topbar { border-bottom-color: rgba(0,0,0,0.08); }
[data-theme="light"] .db-title   { color: #0f172a; }
[data-theme="light"] .db-subtitle { color: #64748b; }
[data-theme="light"] .db-tabs {
  background: #f8fafc;
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .db-tab-btn { color: #64748b; }
[data-theme="light"] .db-tab-btn:hover { background: #f1f5f9; color: #0f172a; }
[data-theme="light"] .db-tab-btn.db-tab-active {
  background: #0369a1;
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(3,105,161,0.30);
}
[data-theme="light"] .db-kpi-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
  border-bottom: 2px solid rgba(0,0,0,0.14);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09), 0 1px 4px rgba(0,0,0,0.06);
}
[data-theme="light"] .db-kpi-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.13), 0 2px 6px rgba(0,0,0,0.08); }
[data-theme="light"] .db-kpi-label { color: #64748b; }
[data-theme="light"] .db-kpi-value { color: #0f172a; }
[data-theme="light"] .db-kpi-sub   { color: #94a3b8; }
[data-theme="light"] .db-chart-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
  border-bottom: 2px solid rgba(0,0,0,0.14);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09), 0 1px 4px rgba(0,0,0,0.06);
}
[data-theme="light"] .db-chart-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.13), 0 2px 6px rgba(0,0,0,0.08); }
[data-theme="light"] .company-rel-card {
  border-bottom: 2px solid rgba(0,0,0,0.14) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.09), 0 1px 4px rgba(0,0,0,0.06) !important;
}
[data-theme="light"] .db-chart-title {
  color: #0f172a;
  border-bottom-color: rgba(0,0,0,0.07);
}
[data-theme="light"] .db-apex-tip {
  background: #ffffff;
  border-color: rgba(0,0,0,0.10);
  color: #0f172a;
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
}

/* ─── MODERN DATA / INPUT AREA ───────────────────────────────────────────────── */
[data-theme="light"] .modern-data-label { color: #475569; }
[data-theme="light"] .modern-data-label i { color: #0369a1; }
[data-theme="light"] .modern-data-value {
  color: #0f172a;
  background: rgba(0,0,0,0.02);
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .modern-data-value:hover {
  background: #f1f5f9;
  border-color: rgba(0,0,0,0.12);
}
[data-theme="light"] .modern-input-area {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #0f172a;
}
[data-theme="light"] .modern-input-area:focus {
  border-color: #0369a1;
  background: rgba(3,105,161,0.03);
  box-shadow: 0 0 0 3px rgba(3,105,161,0.15);
}
[data-theme="light"] .modern-input-area::placeholder { color: #94a3b8; }

/* ─── SECTION / PAGE HEADERS ─────────────────────────────────────────────────── */
[data-theme="light"] .section-header { border-bottom-color: rgba(0,0,0,0.07); }
[data-theme="light"] .section-header h2 { color: #0f172a; }
[data-theme="light"] .section-header p  { color: #475569; }
[data-theme="light"] .page-header h1    { color: #0f172a; }
[data-theme="light"] .page-header p     { color: #475569; }

/* ─── EMAIL HUB ──────────────────────────────────────────────────────────────── */
[data-theme="light"] .email-hub-card { border-color: rgba(0,0,0,0.08); }
[data-theme="light"] .email-hub-header {
  background: #f8fafc;
  border-bottom-color: rgba(0,0,0,0.07);
}
[data-theme="light"] .email-hub-loading { color: #64748b; }
[data-theme="light"] .email-thread-item { border-bottom-color: rgba(0,0,0,0.06); }
[data-theme="light"] .email-thread-item:hover { background: #f8fafc; }
[data-theme="light"] .email-thread-item.email-unread { background: rgba(3,105,161,0.04); }
[data-theme="light"] .email-thread-item.email-unread .email-thread-from { color: #0f172a; }
[data-theme="light"] .email-thread-from    { color: #475569; }
[data-theme="light"] .email-thread-date    { color: #94a3b8; }
[data-theme="light"] .email-thread-subject { color: #0f172a; }
[data-theme="light"] .email-thread-snippet { color: #94a3b8; }
[data-theme="light"] .email-thread-avatar {
  background: rgba(3,105,161,0.10);
  color: #0369a1;
  border-color: rgba(3,105,161,0.15);
}
[data-theme="light"] .email-thread-count {
  background: #f1f5f9;
  color: #64748b;
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .email-sync-btn {
  background: #f1f5f9;
  border-color: rgba(0,0,0,0.10);
  color: #475569;
}
[data-theme="light"] .email-sync-btn:hover {
  background: #e2e8f0;
  color: #0f172a;
  border-color: rgba(3,105,161,0.25);
}
[data-theme="light"] .email-action-btn {
  background: #f1f5f9;
  border-color: rgba(0,0,0,0.08);
  color: #64748b;
}
[data-theme="light"] .email-action-btn:hover {
  background: rgba(3,105,161,0.08);
  color: #0369a1;
  border-color: #0369a1;
}
[data-theme="light"] .email-thread-modal-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.10);
}
[data-theme="light"] .email-modal-header {
  background: #f8fafc;
  border-bottom-color: rgba(0,0,0,0.07);
}
[data-theme="light"] .email-modal-header h3 { color: #0f172a; }
[data-theme="light"] .email-modal-close {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.08);
  color: #64748b;
}
[data-theme="light"] .email-modal-close:hover {
  background: rgba(220,38,38,0.08);
  color: #dc2626;
}
[data-theme="light"] .email-message-bubble { border-bottom-color: rgba(0,0,0,0.06); }
[data-theme="light"] .email-message-bubble.email-outbound { background: rgba(3,105,161,0.03); }
[data-theme="light"] .email-message-header:hover { background: #f8fafc; }
[data-theme="light"] .email-msg-meta strong { color: #0f172a; }
[data-theme="light"] .email-msg-date        { color: #94a3b8; }
[data-theme="light"] .email-msg-to {
  color: #64748b;
  border-bottom-color: rgba(0,0,0,0.07);
}
[data-theme="light"] .email-msg-content { color: #475569; }
[data-theme="light"] .avatar-in  { background: rgba(5,150,105,0.10); color: #059669; border-color: rgba(5,150,105,0.20); }
[data-theme="light"] .avatar-out { background: rgba(3,105,161,0.10); color: #0369a1; border-color: rgba(3,105,161,0.20); }
[data-theme="light"] .email-reply-editor,
[data-theme="light"] .email-compose-body {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #0f172a;
}
[data-theme="light"] .email-reply-editor:focus,
[data-theme="light"] .email-compose-body:focus { border-color: #0369a1; }
[data-theme="light"] .email-compose-card {
  background: #ffffff;
  border-color: rgba(0,0,0,0.10);
}
[data-theme="light"] .email-compose-field { border-bottom-color: rgba(0,0,0,0.07); }
[data-theme="light"] .email-compose-field label { color: #64748b; }
[data-theme="light"] .email-compose-input { color: #0f172a; }
[data-theme="light"] .email-compose-input::placeholder { color: #94a3b8; }
[data-theme="light"] .email-compose-input option { background: #ffffff; }
[data-theme="light"] .lead-email-panel { background: #ffffff !important; }

/* ─── SIDEBAR TOGGLE ─────────────────────────────────────────────────────────── */
[data-theme="light"] .sidebar-toggle {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #475569;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10);
}
[data-theme="light"] .sidebar-toggle:hover {
  background: #0369a1;
  border-color: #0369a1;
  color: #ffffff;
  box-shadow: 0 0 12px rgba(3,105,161,0.35), 0 2px 8px rgba(0,0,0,0.10);
}

/* ─── SIDEBAR TOOLTIP (modo colapsado en light) ──────────────────────────────── */
[data-theme="light"] .sidebar.collapsed .nav-item::after {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #0f172a;
  box-shadow: 0 4px 18px rgba(0,0,0,0.12);
}

/* ─── APEXCHARTS LIGHT ───────────────────────────────────────────────────────── */
[data-theme="light"] .apexcharts-tooltip {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.10) !important;
  color: #0f172a !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.10) !important;
}
[data-theme="light"] .apexcharts-tooltip-title {
  background: #f8fafc !important;
  border-bottom-color: rgba(0,0,0,0.08) !important;
  color: #0f172a !important;
}
[data-theme="light"] .apexcharts-xaxistooltip {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.10) !important;
  color: #0f172a !important;
}
[data-theme="light"] .apexcharts-legend-text { color: #475569 !important; }
[data-theme="light"] .apexcharts-text        { fill: #475569 !important; }
[data-theme="light"] .apexcharts-gridline    { stroke: rgba(0,0,0,0.06) !important; }

/* ─── MISC ───────────────────────────────────────────────────────────────────── */
[data-theme="light"] .loading-shimmer {
  background: linear-gradient(90deg, #f8fafc 25%, #f1f5f9 50%, #f8fafc 75%);
  background-size: 200% 100%;
}
[data-theme="light"] .cart-specs-grid textarea {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #0f172a;
}
[data-theme="light"] .badge-muted {
  background: rgba(0,0,0,0.05);
  color: #64748b;
  border-color: rgba(0,0,0,0.08);
}
[data-theme="light"] .config-section-divider { background: rgba(0,0,0,0.08); }

/* ═══════════════════════════════════════════════════════════════════════════════
   OVERRIDES DIRECTOS — elementos con colores hardcoded en index.css
   Todos con !important para garantizar que sobrescriban
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ─── TOPBAR ──────────────────────────────────────────────────────────────────── */
[data-theme="light"] .top-bar {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .search-container input,
[data-theme="light"] .search-bar,
[data-theme="light"] .search-box {
  background: #f1f5f9 !important;
  border-color: rgba(0,0,0,0.10) !important;
  color: #0f172a !important;
}
[data-theme="light"] .search-container input::placeholder,
[data-theme="light"] .search-bar::placeholder { color: #94a3b8 !important; }
[data-theme="light"] .search-icon { color: #94a3b8 !important; }
[data-theme="light"] .top-bar .user-name  { color: #0f172a !important; }
[data-theme="light"] .top-bar .user-role  { color: #64748b !important; }
[data-theme="light"] .notif-btn,
[data-theme="light"] .icon-btn {
  color: #64748b !important;
  background: transparent !important;
}
[data-theme="light"] .notif-btn:hover,
[data-theme="light"] .icon-btn:hover {
  background: #f1f5f9 !important;
  color: #0369a1 !important;
}
[data-theme="light"] .breadcrumb-container { color: #64748b !important; }
[data-theme="light"] .breadcrumb-container a { color: #64748b !important; }
[data-theme="light"] .breadcrumb-container span:last-child { color: #0f172a !important; }

/* ─── VARIABLES GLOBALES FORZADAS ─────────────────────────────────────────────── */
[data-theme="light"] {
  --bg-base:     #edf2f7 !important;
  --bg-surface:  #ffffff !important;
  --bg-elevated: #f8fafc !important;
  --bg-overlay:  #f1f5f9 !important;
  --bg-hover:    #e2e8f0 !important;
  --text-primary:   #0f172a !important;
  --text-secondary: #475569 !important;
  --text-muted:     #64748b !important;
  --border:         rgba(0,0,0,0.07) !important;
  --border-medium:  rgba(0,0,0,0.10) !important;
  --border-strong:  rgba(0,0,0,0.18) !important;
}

/* ─── BODY / LAYOUT BASE ──────────────────────────────────────────────────────── */
[data-theme="light"] body { background: #edf2f7 !important; color: #0f172a !important; }
[data-theme="light"] .app-shell { background: #edf2f7 !important; }
[data-theme="light"] .main-content { background: #edf2f7 !important; }
[data-theme="light"] .content-body { background: #edf2f7 !important; color: #0f172a !important; }
[data-theme="light"] .view-panel,
[data-theme="light"] .view-container,
[data-theme="light"] .module-view,
[data-theme="light"] .tab-view,
[data-theme="light"] .panel { background: #edf2f7 !important; }

/* ─── CARDS GENERALES ─────────────────────────────────────────────────────────── */
[data-theme="light"] .card,
[data-theme="light"] [class*="-card"],
[data-theme="light"] [class*="card-"] {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  color: #0f172a !important;
}
[data-theme="light"] .card::before { background: none !important; }
[data-theme="light"] .card h1,[data-theme="light"] .card h2,[data-theme="light"] .card h3,
[data-theme="light"] .card h4,[data-theme="light"] .card h5,[data-theme="light"] .card h6 { color: #0f172a !important; }
[data-theme="light"] .card p,
[data-theme="light"] .card span:not(.badge):not([class*="status"]):not([class*="chip"]) { color: #475569; }

/* ─── TEXTOS GENERALES ────────────────────────────────────────────────────────── */
[data-theme="light"] h1,[data-theme="light"] h2,[data-theme="light"] h3,
[data-theme="light"] h4,[data-theme="light"] h5,[data-theme="light"] h6 { color: #0f172a !important; }
[data-theme="light"] p { color: #475569; }
[data-theme="light"] label { color: #475569 !important; }
[data-theme="light"] .label { color: #64748b !important; }

/* ─── INPUTS / FORMS ──────────────────────────────────────────────────────────── */
[data-theme="light"] input:not([type=checkbox]):not([type=radio]),
[data-theme="light"] textarea,
[data-theme="light"] select {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.12) !important;
  color: #0f172a !important;
  color-scheme: light !important;
}
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder { color: #94a3b8 !important; }
[data-theme="light"] input:focus,
[data-theme="light"] textarea:focus,
[data-theme="light"] select:focus {
  border-color: #0369a1 !important;
  box-shadow: 0 0 0 3px rgba(3,105,161,0.15) !important;
}
[data-theme="light"] .form-group label { color: #475569 !important; }
[data-theme="light"] .form-row label  { color: #475569 !important; }
[data-theme="light"] .field-group label { color: #475569 !important; }

/* ─── TABLAS ──────────────────────────────────────────────────────────────────── */
[data-theme="light"] table { background: #ffffff !important; }
[data-theme="light"] thead tr,
[data-theme="light"] .table-header { background: #f8fafc !important; }
[data-theme="light"] th { color: #64748b !important; border-bottom-color: rgba(0,0,0,0.08) !important; }
[data-theme="light"] td { color: #0f172a !important; border-bottom-color: rgba(0,0,0,0.06) !important; }
[data-theme="light"] tr:hover td { background: #f8fafc !important; }
[data-theme="light"] .data-table,
[data-theme="light"] .results-table { background: #ffffff !important; }

/* ─── MODALES ─────────────────────────────────────────────────────────────────── */
[data-theme="light"] .modal-overlay,
[data-theme="light"] .overlay,
[data-theme="light"] .backdrop { background: rgba(15,23,42,0.50) !important; }
[data-theme="light"] .modal,
[data-theme="light"] .modal-content,
[data-theme="light"] .dialog,
[data-theme="light"] .popup,
[data-theme="light"] .drawer {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.10) !important;
  color: #0f172a !important;
}
[data-theme="light"] .modal-header,
[data-theme="light"] .dialog-header {
  background: #f8fafc !important;
  border-bottom-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .modal-header h2,
[data-theme="light"] .modal-header h3,
[data-theme="light"] .dialog-header h2,
[data-theme="light"] .dialog-header h3 { color: #0f172a !important; }
[data-theme="light"] .modal-footer,
[data-theme="light"] .dialog-footer {
  background: #f8fafc !important;
  border-top-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .modal-close,
[data-theme="light"] .close-btn,
[data-theme="light"] .btn-close {
  color: #64748b !important;
  background: rgba(0,0,0,0.04) !important;
}
[data-theme="light"] .modal-close:hover,
[data-theme="light"] .close-btn:hover { background: rgba(220,38,38,0.08) !important; color: #dc2626 !important; }

/* ─── BOTONES ─────────────────────────────────────────────────────────────────── */
[data-theme="light"] .btn-secondary,
[data-theme="light"] .btn-outline,
[data-theme="light"] .btn-ghost {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.12) !important;
  color: #475569 !important;
}
[data-theme="light"] .btn-secondary:hover,
[data-theme="light"] .btn-outline:hover,
[data-theme="light"] .btn-ghost:hover {
  background: #f1f5f9 !important;
  border-color: rgba(3,105,161,0.30) !important;
  color: #0369a1 !important;
}
[data-theme="light"] .btn-danger { background: #dc2626 !important; color: #fff !important; }
[data-theme="light"] .btn-danger:hover { background: #b91c1c !important; }
[data-theme="light"] .btn-success { background: #059669 !important; color: #fff !important; }

/* ─── DROPDOWNS / MENÚS ───────────────────────────────────────────────────────── */
[data-theme="light"] .dropdown,
[data-theme="light"] .dropdown-menu,
[data-theme="light"] .context-menu,
[data-theme="light"] .popover {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.10) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06) !important;
}
[data-theme="light"] .dropdown-item,
[data-theme="light"] .menu-item,
[data-theme="light"] .context-item {
  color: #0f172a !important;
}
[data-theme="light"] .dropdown-item:hover,
[data-theme="light"] .menu-item:hover,
[data-theme="light"] .context-item:hover {
  background: #f1f5f9 !important;
  color: #0369a1 !important;
}
[data-theme="light"] .dropdown-divider,
[data-theme="light"] .menu-divider { border-color: rgba(0,0,0,0.07) !important; }
[data-theme="light"] .dropdown-header,
[data-theme="light"] .menu-header { color: #64748b !important; }

/* ─── NAV ITEMS / SUBMENUS ────────────────────────────────────────────────────── */
[data-theme="light"] .nav-item a,
[data-theme="light"] .nav-link,
[data-theme="light"] .nav-label { color: #475569 !important; }
[data-theme="light"] .nav-item a:hover,
[data-theme="light"] .nav-link:hover { color: #0369a1 !important; background: rgba(3,105,161,0.06) !important; }
[data-theme="light"] .nav-item.active a,
[data-theme="light"] .nav-item.active .nav-label { color: #0369a1 !important; }
[data-theme="light"] .nav-subitem a,
[data-theme="light"] .nav-subitem .nav-label { color: #64748b !important; }
[data-theme="light"] .nav-subitem a:hover,
[data-theme="light"] .nav-subitem .nav-label:hover { color: #0369a1 !important; }
[data-theme="light"] .nav-subitem.active a,
[data-theme="light"] .nav-subitem.active .nav-label { color: #0369a1 !important; background: rgba(3,105,161,0.08) !important; }
[data-theme="light"] .sidebar-section-title,
[data-theme="light"] .nav-section-title { color: rgba(255,255,255,0.35) !important; }
[data-theme="light"] .nav-icon { color: inherit !important; }
[data-theme="light"] .subnav,
[data-theme="light"] .submenu,
[data-theme="light"] .nav-children {
  background: rgba(0,0,0,0.02) !important;
  border-left-color: rgba(3,105,161,0.20) !important;
}

/* ─── TABS GENÉRICOS ──────────────────────────────────────────────────────────── */
[data-theme="light"] .tabs,
[data-theme="light"] .tab-bar,
[data-theme="light"] .tabs-container {
  background: #f8fafc !important;
  border-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .tab,
[data-theme="light"] .tab-btn { color: #64748b !important; }
[data-theme="light"] .tab:hover,
[data-theme="light"] .tab-btn:hover { color: #0f172a !important; background: rgba(0,0,0,0.04) !important; }
[data-theme="light"] .tab.active,
[data-theme="light"] .tab-btn.active,
[data-theme="light"] .tab.selected,
[data-theme="light"] [class*="tab-active"] {
  background: #0369a1 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(3,105,161,0.30) !important;
}

/* ─── KPI / STATS ─────────────────────────────────────────────────────────────── */
[data-theme="light"] [class*="kpi-"],
[data-theme="light"] [class*="-kpi"] {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] [class*="kpi-label"],
[data-theme="light"] [class*="kpi-sub"] { color: #64748b !important; }
[data-theme="light"] [class*="kpi-value"],
[data-theme="light"] [class*="kpi-amount"] { color: #0f172a !important; }
[data-theme="light"] .stat-card,
[data-theme="light"] .metric-card { background: #ffffff !important; border-color: rgba(0,0,0,0.08) !important; }

/* ─── KANBAN ──────────────────────────────────────────────────────────────────── */
[data-theme="light"] .kanban-col,
[data-theme="light"] .kanban-column,
[data-theme="light"] .pipeline-col {
  background: #f1f5f9 !important;
  border-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .kanban-col-header,
[data-theme="light"] .col-header { color: #0f172a !important; background: #f8fafc !important; border-bottom-color: rgba(0,0,0,0.08) !important; }
[data-theme="light"] .kanban-card,
[data-theme="light"] .deal-card,
[data-theme="light"] .pipeline-card {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
  color: #0f172a !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .kanban-card:hover,
[data-theme="light"] .deal-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important; }

/* ─── CHARTS ──────────────────────────────────────────────────────────────────── */
[data-theme="light"] .chart-container,
[data-theme="light"] .chart-wrapper,
[data-theme="light"] [class*="chart-card"] {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.08) !important;
}

/* ─── TOASTS / ALERTAS ────────────────────────────────────────────────────────── */
[data-theme="light"] .toast,
[data-theme="light"] .alert {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.10) !important;
  color: #0f172a !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
}

/* ─── SCROLLBAR ───────────────────────────────────────────────────────────────── */
[data-theme="light"] ::-webkit-scrollbar-track { background: #f1f5f9 !important; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #cbd5e1 !important; }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #94a3b8 !important; }

/* ─── DIVISORES / SEPARADORES ─────────────────────────────────────────────────── */
[data-theme="light"] hr,
[data-theme="light"] .divider,
[data-theme="light"] .separator { border-color: rgba(0,0,0,0.08) !important; background: rgba(0,0,0,0.08) !important; }

/* ─── TOOLTIPS ────────────────────────────────────────────────────────────────── */
[data-theme="light"] .tooltip,
[data-theme="light"] [data-tooltip]::after {
  background: #0f172a !important;
  color: #f8fafc !important;
}

/* ─── CÓDIGO / PRE ────────────────────────────────────────────────────────────── */
[data-theme="light"] code,
[data-theme="light"] pre {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: rgba(0,0,0,0.08) !important;
}

/* ─── GLASSMORPHISM OVERRIDES ─────────────────────────────────────────────────── */
[data-theme="light"] [class*="glass"],
[data-theme="light"] [class*="glassmorphism"] {
  background: rgba(255,255,255,0.90) !important;
  border-color: rgba(0,0,0,0.08) !important;
  backdrop-filter: blur(12px) !important;
}

/* ─── SIDEBAR sub-secciones (contenido dentro de sub-menus al abrirse) ────────── */
[data-theme="light"] .sidebar-submenu-content,
[data-theme="light"] .module-submenu { background: rgba(0,0,0,0.03) !important; }
[data-theme="light"] .module-submenu a,
[data-theme="light"] .module-submenu .item { color: #64748b !important; }
[data-theme="light"] .module-submenu a:hover { color: #0369a1 !important; }

/* ─── DASHBOARD VENTAS / INFORME GESTIÓN ─────────────────────────────────────── */
[data-theme="light"] .filter-toolbar,
[data-theme="light"] .filter-bar,
[data-theme="light"] .toolbar { background: #ffffff !important; border-color: rgba(0,0,0,0.08) !important; }
[data-theme="light"] .filter-toolbar label { color: #64748b !important; }
[data-theme="light"] .kpi-grid .kpi-card,
[data-theme="light"] .kpi-grid [class*="card"] { background: #ffffff !important; border-color: rgba(0,0,0,0.08) !important; }
[data-theme="light"] .kpi-card-title { color: #64748b !important; }
[data-theme="light"] .kpi-card-value { color: #0f172a !important; }
[data-theme="light"] .kpi-card-sub { color: #94a3b8 !important; }
[data-theme="light"] .period-chip,
[data-theme="light"] .filter-chip {
  background: #f1f5f9 !important;
  border-color: rgba(0,0,0,0.10) !important;
  color: #475569 !important;
}
[data-theme="light"] .period-chip.active,
[data-theme="light"] .filter-chip.active {
  background: rgba(3,105,161,0.10) !important;
  border-color: rgba(3,105,161,0.30) !important;
  color: #0369a1 !important;
}

/* ─── ÍCONOS GENERALES ────────────────────────────────────────────────────────── */
[data-theme="light"] .icon-muted { color: #94a3b8 !important; }
[data-theme="light"] .icon-primary { color: #0369a1 !important; }
[data-theme="light"] .content-body i:not([class*="text-"]):not([class*="fa-"]) { color: #64748b; }