/* ==========================================================================
   FIAT CRM - Cyber Luxury Theme System (Light / Dark Mode Engine)
   ========================================================================== */

/* 1. Theme Toggle Button Styling (زر الإيقونة الدائري التفاعلي) */
.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  min-width: 38px;
  padding: 0;
  border-radius: 50%;
  background: rgba(15, 23, 42, 0.75);
  border: 1.5px solid rgba(200, 16, 46, 0.45);
  color: #f8fafc;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.35);
  user-select: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  flex-shrink: 0;
}

.theme-toggle-btn:hover {
  transform: translateY(-2px) scale(1.08);
  border-color: #ef4444;
  box-shadow: 0 6px 20px rgba(200, 16, 46, 0.5);
  background: rgba(30, 41, 59, 0.9);
}

.theme-toggle-btn:active {
  transform: translateY(0) scale(0.95);
}

.theme-toggle-btn .theme-icon {
  width: 19px;
  height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.4s ease, color 0.3s ease;
}

.theme-icon-sun {
  color: #f59e0b !important;
  filter: drop-shadow(0 0 8px rgba(245, 158, 11, 0.8));
}

.theme-icon-moon {
  color: #38bdf8 !important;
  filter: drop-shadow(0 0 8px rgba(56, 189, 248, 0.8));
}

/* ==========================================================================
   2. Light Theme Overrides (الوضع الفاتح الأنيق والمريح للعين)
   ========================================================================== */
[data-theme="light"] {
  color-scheme: light;

  --bg-dark: #f0f4f9;
  --bg-surface: #e2e8f0;
  --bg-card: #ffffff;
  --bg-card-border: #cbd5e1;
  --bg-card-hover: #f8fafc;

  --fiat-red: #c8102e;
  --fiat-red-light: #dc2626;
  --fiat-red-dark: #991b1b;
  --fiat-red-glow: rgba(200, 16, 46, 0.2);

  --neon-cyan: #c8102e;
  --neon-cyan-glow: rgba(200, 16, 46, 0.2);
  --neon-blue: #0284c7;
  --neon-green: #059669;
  --neon-amber: #d97706;
  --neon-red: #dc2626;

  --chrome-silver: #1e293b;
  --chrome-light: #0f172a;
  --chrome-mid: #475569;
  --chrome-dark: #64748b;
  --chrome-gunmetal: #cbd5e1;
  --chrome-slate: #f8fafc;
  --chrome-border: rgba(148, 163, 184, 0.5);
  --chrome-border-hover: rgba(200, 16, 46, 0.6);
  --chrome-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #334155 75%, #475569 100%);
  --metal-surface: linear-gradient(145deg, #ffffff 0%, #f1f5f9 100%);

  --text-main: #0f172a;
  --text-muted: #475569;
  --text-dim: #64748b;

  --input-bg: #ffffff;
  --input-border: #cbd5e1;
  --input-focus: #c8102e;
}

/* Base Body */
[data-theme="light"] body {
  background-color: #f0f4f9 !important;
  background-image:
    radial-gradient(circle at 18% 20%, rgba(200, 16, 46, 0.05) 0%, transparent 45%),
    radial-gradient(circle at 82% 15%, rgba(2, 132, 199, 0.04) 0%, transparent 45%),
    radial-gradient(circle at 50% 85%, rgba(200, 16, 46, 0.03) 0%, transparent 50%) !important;
  color: #0f172a !important;
}

/* Header & Nav Bar */
[data-theme="light"] .header-bar,
[data-theme="light"] .app-header {
  background: rgba(255, 255, 255, 0.98) !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

/* ==========================================================================
   Sidebar Navigation Rail (Light Mode)
   ========================================================================== */
[data-theme="light"] .side-nav-rail {
  background: #ffffff !important;
  border-left: 1.5px solid #e2e8f0 !important;
  box-shadow: -2px 0 15px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .nav-rail-item {
  color: #475569 !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

[data-theme="light"] .nav-rail-item span {
  color: #475569 !important;
}

[data-theme="light"] .nav-rail-item:hover {
  color: #c8102e !important;
  background: #fef2f2 !important;
  border-color: rgba(200, 16, 46, 0.35) !important;
  box-shadow: 0 4px 12px rgba(200, 16, 46, 0.12) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] .nav-rail-item:hover span {
  color: #c8102e !important;
}

[data-theme="light"] .nav-rail-item.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #c8102e 0%, #99001a 100%) !important;
  border: 1px solid #c8102e !important;
  box-shadow: 0 4px 14px rgba(200, 16, 46, 0.35) !important;
}

[data-theme="light"] .nav-rail-item.active i,
[data-theme="light"] .nav-rail-item.active svg,
[data-theme="light"] .nav-rail-item.active span {
  color: #ffffff !important;
}

[data-theme="light"] .nav-rail-item.active::before {
  background: #c8102e !important;
  box-shadow: 0 0 8px rgba(200, 16, 46, 0.6) !important;
}

[data-theme="light"] .nav-rail-item.logout-item {
  color: #e11d48 !important;
  background: #fff1f2 !important;
  border: 1px solid #fecdd3 !important;
}

[data-theme="light"] .nav-rail-item.logout-item span {
  color: #e11d48 !important;
}

[data-theme="light"] .nav-rail-item.logout-item:hover {
  color: #ffffff !important;
  background: #e11d48 !important;
  border-color: #be123c !important;
  box-shadow: 0 4px 14px rgba(225, 29, 72, 0.3) !important;
}

[data-theme="light"] .nav-rail-item.logout-item:hover span {
  color: #ffffff !important;
}

[data-theme="light"] .sidebar-dev-card,
[data-theme="light"] .dev-credits-card {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .sidebar-dev-card .dev-credits-title,
[data-theme="light"] .dev-credits-title {
  color: #0f172a !important;
}

[data-theme="light"] .dev-by-eng {
  color: #c8102e !important;
  text-shadow: none !important;
}

[data-theme="light"] .dev-name {
  color: #0284c7 !important;
  text-shadow: none !important;
}

[data-theme="light"] .sidebar-dev-card .dev-social-btn,
[data-theme="light"] .dev-social-btn {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .sidebar-dev-card .dev-social-btn:hover,
[data-theme="light"] .dev-social-btn:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
  transform: scale(1.1) !important;
}

[data-theme="light"] .theme-toggle-btn {
  background: #f1f5f9 !important;
  border-color: rgba(200, 16, 46, 0.45) !important;
  color: #0f172a !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .theme-toggle-btn:hover {
  background: #ffffff !important;
  border-color: #c8102e !important;
  box-shadow: 0 6px 18px rgba(200, 16, 46, 0.25) !important;
}

[data-theme="light"] .user-badge {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .user-name-text {
  color: #0f172a !important;
}

[data-theme="light"] .brand-title {
  color: #0f172a !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 800 !important;
}

[data-theme="light"] .brand-subtitle {
  color: #475569 !important;
}

[data-theme="light"] .header-center-title,
[data-theme="light"] .header-indicator {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

/* Search Bar in Header */
[data-theme="light"] .search-box-wrapper,
[data-theme="light"] .search-bar-container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

[data-theme="light"] .search-input {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 25px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .search-input:focus {
  border-color: #c8102e !important;
  box-shadow: 0 0 12px rgba(200, 16, 46, 0.22) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

[data-theme="light"] .search-input::placeholder {
  color: #64748b !important;
}

[data-theme="light"] .search-icon-btn {
  color: #c8102e !important;
}

[data-theme="light"] .search-icon-btn:hover {
  color: #991b1b !important;
}

[data-theme="light"] .search-action-btn {
  background: #c8102e !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(200, 16, 46, 0.3) !important;
}

[data-theme="light"] .search-action-btn:hover {
  background: #991b1b !important;
}

[data-theme="light"] .search-clear-btn {
  color: #64748b !important;
}

[data-theme="light"] .search-clear-btn:hover {
  color: #ef4444 !important;
}

/* Search Dropdown in Light Mode */
[data-theme="light"] .search-results-dropdown {
  background: #ffffff !important;
  border: 1.5px solid rgba(200, 16, 46, 0.35) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .search-result-item {
  border-bottom: 1px solid #f1f5f9 !important;
}

[data-theme="light"] .search-result-item:hover {
  background: #f8fafc !important;
  border-color: rgba(200, 16, 46, 0.25) !important;
}

[data-theme="light"] .search-result-name {
  color: #0f172a !important;
}

[data-theme="light"] .search-result-code,
[data-theme="light"] .search-result-meta {
  color: #64748b !important;
}

/* History Modal Search Box */
[data-theme="light"] .history-search-wrap {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
}

[data-theme="light"] .history-search-wrap input {
  color: #0f172a !important;
}

[data-theme="light"] .history-search-wrap input::placeholder {
  color: #64748b !important;
}

/* Glass Panels & Cards */
[data-theme="light"] .glass-panel,
[data-theme="light"] .client-card,
[data-theme="light"] .hub-tab-panel,
[data-theme="light"] .complaints-card,
[data-theme="light"] .report-card,
[data-theme="light"] .settings-card,
[data-theme="light"] .card-panel,
[data-theme="light"] .diag-card,
[data-theme="light"] .stat-card,
[data-theme="light"] .kpi-card,
[data-theme="light"] .summary-card,
[data-theme="light"] .survey-kpi-card,
[data-theme="light"] .no-answer-card,
[data-theme="light"] .settings-hero-card,
[data-theme="light"] .settings-content-card,
[data-theme="light"] .perm-checkbox-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05) !important;
}

/* Inputs, Textareas, Selects */
[data-theme="light"] .input-field,
[data-theme="light"] select.input-field,
[data-theme="light"] textarea.input-field,
[data-theme="light"] input[type="date"],
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="tel"],
[data-theme="light"] .date-input,
[data-theme="light"] .filter-search-box input {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder,
[data-theme="light"] select::placeholder {
  color: #64748b !important;
}

[data-theme="light"] .input-field:focus,
[data-theme="light"] select.input-field:focus,
[data-theme="light"] textarea.input-field:focus,
[data-theme="light"] input[type="date"]:focus,
[data-theme="light"] input[type="text"]:focus,
[data-theme="light"] input[type="tel"]:focus {
  border-color: #c8102e !important;
  box-shadow: 0 0 10px rgba(200, 16, 46, 0.22) !important;
}

[data-theme="light"] .input-field:disabled,
[data-theme="light"] input:disabled,
[data-theme="light"] textarea:disabled {
  background: #f1f5f9 !important;
  color: #64748b !important;
  border-color: #e2e8f0 !important;
}

/* Select Option Items in Light Mode */
[data-theme="light"] select.input-field option,
[data-theme="light"] select option {
  background-color: #ffffff !important;
  color: #0f172a !important;
}

/* ==========================================================================
   Light Mode Autofill & Autocomplete Overrides (منع تحول خلفية الحقول للأسود عند اختيار المقترحات)
   ========================================================================== */
[data-theme="light"] input:-webkit-autofill,
[data-theme="light"] input:-webkit-autofill:hover,
[data-theme="light"] input:-webkit-autofill:focus,
[data-theme="light"] input:-webkit-autofill:active,
[data-theme="light"] textarea:-webkit-autofill,
[data-theme="light"] textarea:-webkit-autofill:hover,
[data-theme="light"] textarea:-webkit-autofill:focus,
[data-theme="light"] textarea:-webkit-autofill:active,
[data-theme="light"] select:-webkit-autofill,
[data-theme="light"] select:-webkit-autofill:hover,
[data-theme="light"] select:-webkit-autofill:focus,
[data-theme="light"] select:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  caret-color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  transition: background-color 5000000s ease-in-out 0s !important;
}

[data-theme="light"] input:-webkit-autofill:focus,
[data-theme="light"] textarea:-webkit-autofill:focus,
[data-theme="light"] select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset, 0 0 10px rgba(200, 16, 46, 0.22) !important;
  box-shadow: 0 0 0 1000px #ffffff inset, 0 0 10px rgba(200, 16, 46, 0.22) !important;
  -webkit-text-fill-color: #0f172a !important;
  color: #0f172a !important;
  caret-color: #0f172a !important;
  border-color: #c8102e !important;
}

/* ==========================================================================
   3. Combobox & Searchable Dropdowns (Light Mode Enhancements)
   ========================================================================== */
[data-theme="light"] .custom-combobox-wrapper .combobox-input {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
}

[data-theme="light"] .custom-combobox-wrapper.open .combobox-input {
  border-color: #c8102e !important;
  box-shadow: 0 0 10px rgba(200, 16, 46, 0.2) !important;
}

[data-theme="light"] .combobox-chevron {
  color: #64748b !important;
}

[data-theme="light"] .custom-combobox-wrapper.open:not(.has-value) .combobox-chevron {
  color: #c8102e !important;
}

[data-theme="light"] .custom-combobox-wrapper.has-value .combobox-chevron {
  color: #ef4444 !important;
}

[data-theme="light"] .custom-combobox-wrapper.has-value .combobox-chevron:hover {
  color: #b91c1c !important;
  background: rgba(239, 68, 68, 0.15) !important;
}

[data-theme="light"] .combobox-dropdown {
  background: #ffffff !important;
  border: 1.5px solid rgba(200, 16, 46, 0.4) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .combobox-option {
  color: #0f172a !important;
  font-weight: 600 !important;
}

[data-theme="light"] .combobox-option:hover {
  background: #f1f5f9 !important;
  color: #c8102e !important;
}

[data-theme="light"] .combobox-option.selected {
  background: linear-gradient(135deg, #fef2f2, #fee2e2) !important;
  color: #c8102e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .combobox-empty {
  color: #64748b !important;
}

[data-theme="light"] .combobox-options-scroll::-webkit-scrollbar-track {
  background: #ffffff !important;
}

[data-theme="light"] .combobox-options-scroll::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 6px !important;
  border: 2px solid #ffffff !important;
}

[data-theme="light"] .combobox-options-scroll::-webkit-scrollbar-thumb:hover {
  background: #94a3b8 !important;
}

[data-theme="light"] .combobox-add-footer {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .combobox-add-btn {
  background: linear-gradient(135deg, #fef2f2, #fee2e2) !important;
  border: 1.2px dashed rgba(200, 16, 46, 0.45) !important;
  color: #dc2626 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .combobox-add-btn:hover {
  background: linear-gradient(135deg, #fee2e2, #fecaca) !important;
  border-color: #c8102e !important;
  color: #991b1b !important;
  box-shadow: 0 2px 8px rgba(200, 16, 46, 0.2) !important;
}

[data-theme="light"] .combobox-inline-add-box {
  background: #ffffff !important;
  border: 1.2px solid rgba(200, 16, 46, 0.4) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .combobox-inline-input {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

[data-theme="light"] .combobox-inline-input:focus {
  border-color: #c8102e !important;
  background: #ffffff !important;
}

/* ==========================================================================
   4. Hub Tab Buttons (Light Mode Enhancements)
   ========================================================================== */
[data-theme="light"] .hub-tabs-header {
  border-bottom: 1.5px solid #e2e8f0 !important;
}

[data-theme="light"] .hub-tab-btn {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #334155 !important;
}

[data-theme="light"] .hub-tab-btn {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: #334155 !important;
}

[data-theme="light"] .hub-tab-btn span:not(.tab-badge-count):not(.tab-latest-arrow) {
  color: #334155 !important;
}

[data-theme="light"] .hub-tab-btn i,
[data-theme="light"] .hub-tab-btn svg:not(.tab-latest-arrow-svg) {
  color: #475569 !important;
}

[data-theme="light"] .hub-tab-btn:hover {
  background: #e2e8f0 !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
}

[data-theme="light"] .hub-tab-btn:hover span:not(.tab-badge-count):not(.tab-latest-arrow),
[data-theme="light"] .hub-tab-btn:hover i {
  color: #0f172a !important;
}

/* Base Badge counts inside hub tabs */
[data-theme="light"] .tab-badge-count,
[data-theme="light"] .hub-tab-btn .tab-badge-count {
  background: #e2e8f0 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}

/* Active Hub Tabs Styling (All Active Tabs are Red like Inquiries) */
[data-theme="light"] .hub-tab-btn.active,
[data-theme="light"] .hub-tab-btn#tab-btn-inquiries.active,
[data-theme="light"] .hub-tab-btn#tab-btn-complaints.active,
[data-theme="light"] .hub-tab-btn#tab-btn-maintenances.active,
[data-theme="light"] .hub-tab-btn#tab-btn-spareparts.active,
[data-theme="light"] .hub-tab-btn#tab-btn-parts.active {
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%) !important;
  border-color: #ef4444 !important;
  color: #c8102e !important;
  box-shadow: 0 2px 10px rgba(200, 16, 46, 0.15) !important;
}

[data-theme="light"] .hub-tab-btn.active span:not(.tab-badge-count):not(.tab-latest-arrow),
[data-theme="light"] .hub-tab-btn#tab-btn-inquiries.active span:not(.tab-badge-count):not(.tab-latest-arrow),
[data-theme="light"] .hub-tab-btn#tab-btn-complaints.active span:not(.tab-badge-count):not(.tab-latest-arrow),
[data-theme="light"] .hub-tab-btn#tab-btn-maintenances.active span:not(.tab-badge-count):not(.tab-latest-arrow),
[data-theme="light"] .hub-tab-btn#tab-btn-spareparts.active span:not(.tab-badge-count):not(.tab-latest-arrow),
[data-theme="light"] .hub-tab-btn#tab-btn-parts.active span:not(.tab-badge-count):not(.tab-latest-arrow) {
  color: #c8102e !important;
}

[data-theme="light"] .hub-tab-btn.active i,
[data-theme="light"] .hub-tab-btn.active i[style],
[data-theme="light"] .hub-tab-btn.active svg:not(.tab-latest-arrow-svg),
[data-theme="light"] .hub-tab-btn#tab-btn-inquiries.active i,
[data-theme="light"] .hub-tab-btn#tab-btn-complaints.active i,
[data-theme="light"] .hub-tab-btn#tab-btn-maintenances.active i,
[data-theme="light"] .hub-tab-btn#tab-btn-spareparts.active i,
[data-theme="light"] .hub-tab-btn#tab-btn-parts.active i {
  color: #c8102e !important;
}

[data-theme="light"] .hub-tab-btn.active .tab-badge-count,
[data-theme="light"] .hub-tab-btn#tab-btn-inquiries.active .tab-badge-count,
[data-theme="light"] .hub-tab-btn#tab-btn-complaints.active .tab-badge-count,
[data-theme="light"] .hub-tab-btn#tab-btn-maintenances.active .tab-badge-count,
[data-theme="light"] .hub-tab-btn#tab-btn-spareparts.active .tab-badge-count,
[data-theme="light"] .hub-tab-btn#tab-btn-parts.active .tab-badge-count,
[data-theme="light"] .hub-tab-btn#tab-btn-inquiries.active #tab-inquiry-counter,
[data-theme="light"] .hub-tab-btn#tab-btn-complaints.active #tab-complaint-counter,
[data-theme="light"] .hub-tab-btn#tab-btn-maintenances.active #tab-maintenance-counter,
[data-theme="light"] .hub-tab-btn#tab-btn-spareparts.active #tab-sparepart-counter,
[data-theme="light"] .hub-tab-btn#tab-btn-parts.active #tab-part-counter {
  background: #c8102e !important;
  border: 1px solid #991b1b !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 1px 4px rgba(200, 16, 46, 0.35) !important;
}

/* Latest Action Arrow inside tabs */
[data-theme="light"] .tab-latest-arrow,
[data-theme="light"] .hub-tab-btn .tab-latest-arrow,
[data-theme="light"] .hub-tab-btn.active .tab-latest-arrow,
[data-theme="light"] .hub-tab-btn#tab-btn-inquiries.active .tab-latest-arrow,
[data-theme="light"] .hub-tab-btn#tab-btn-complaints.active .tab-latest-arrow,
[data-theme="light"] .hub-tab-btn#tab-btn-maintenances.active .tab-latest-arrow,
[data-theme="light"] .hub-tab-btn#tab-btn-spareparts.active .tab-latest-arrow,
[data-theme="light"] .hub-tab-btn#tab-btn-parts.active .tab-latest-arrow {
  background: #dcfce7 !important;
  border: 1px solid #86efac !important;
  color: #16a34a !important;
}

[data-theme="light"] .tab-latest-arrow svg,
[data-theme="light"] .hub-tab-btn .tab-latest-arrow svg,
[data-theme="light"] .hub-tab-btn.active .tab-latest-arrow svg {
  stroke: #16a34a !important;
  color: #16a34a !important;
}

/* ==========================================================================
   5. VIN (الشاسية) & Plate (اللوحة) Boxes & Digits
   ========================================================================== */
[data-theme="light"] .chassis-container,
[data-theme="light"] .plate-container,
[data-theme="light"] .vin-input-grid,
[data-theme="light"] .plate-input-grid {
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .vin-input-grid:focus-within {
  border-color: #ef4444 !important;
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.2) !important;
}

[data-theme="light"] .plate-input-grid:focus-within {
  border-color: #0284c7 !important;
  box-shadow: 0 0 10px rgba(2, 132, 199, 0.2) !important;
}

[data-theme="light"] .vin-char-box,
[data-theme="light"] .plate-char-box,
[data-theme="light"] .chassis-digit-input,
[data-theme="light"] .plate-char-input,
[data-theme="light"] .vin-char-cell,
[data-theme="light"] .plate-char-cell {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  font-weight: 800 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .vin-char-cell:hover,
[data-theme="light"] .chassis-digit-input:hover {
  border-color: #f87171 !important;
  background: #fef2f2 !important;
}

[data-theme="light"] .plate-char-cell:hover,
[data-theme="light"] .plate-char-input:hover {
  border-color: #7dd3fc !important;
  background: #f0f9ff !important;
}

[data-theme="light"] .chassis-digit-input:focus,
[data-theme="light"] .vin-char-cell:focus {
  border-color: #dc2626 !important;
  background: #ffffff !important;
  color: #b91c1c !important;
  box-shadow: 0 0 8px rgba(220, 38, 38, 0.3) !important;
}

[data-theme="light"] .plate-char-input:focus,
[data-theme="light"] .plate-char-cell:focus {
  border-color: #0284c7 !important;
  background: #ffffff !important;
  color: #0369a1 !important;
  box-shadow: 0 0 8px rgba(2, 132, 199, 0.3) !important;
}

[data-theme="light"] .vin-char-cell.filled,
[data-theme="light"] .plate-char-cell.filled {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
}

[data-theme="light"] .vin-length-badge,
[data-theme="light"] .plate-badge,
[data-theme="light"] .vin-counter-pill,
[data-theme="light"] .plate-counter-pill {
  background: #e2e8f0 !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
  font-weight: 700 !important;
}

[data-theme="light"] .vin-counter-pill.complete,
[data-theme="light"] .plate-counter-pill.complete,
[data-theme="light"] .plate-badge.plate-badge-active {
  background: #f0fdf4 !important;
  color: #16a34a !important;
  border-color: #86efac !important;
}

[data-theme="light"] .vin-badge-tag {
  background: #fef2f2 !important;
  border: 1px solid #fca5a5 !important;
  color: #dc2626 !important;
  font-weight: 800 !important;
}

[data-theme="light"] .plate-badge-tag {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  color: #0284c7 !important;
  font-weight: 800 !important;
}

[data-theme="light"] .vin-year-pill {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  color: #0284c7 !important;
}

[data-theme="light"] .plate-grid-divider {
  background: #94a3b8 !important;
}

/* ==========================================================================
   6. Unified Activity Table & Rows (Light Mode)
   ========================================================================== */
[data-theme="light"] .hub-table-wrapper,
[data-theme="light"] .table-responsive,
[data-theme="light"] .complaints-table-container,
[data-theme="light"] .settings-table-wrapper {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .hub-table th,
[data-theme="light"] table th,
[data-theme="light"] thead th,
[data-theme="light"] .complaints-table th,
[data-theme="light"] .reports-table th,
[data-theme="light"] .settings-table th,
[data-theme="light"] .no-answer-table th,
[data-theme="light"] .no-answer-compact-table th {
  background: #e2e8f0 !important;
  color: #0f172a !important;
  border-bottom: 2px solid #cbd5e1 !important;
  font-weight: 800 !important;
}

[data-theme="light"] .activity-row td,
[data-theme="light"] table td,
[data-theme="light"] tbody td,
[data-theme="light"] .hub-table td,
[data-theme="light"] .complaints-table td,
[data-theme="light"] .reports-table td,
[data-theme="light"] .settings-table td,
[data-theme="light"] .no-answer-table td,
[data-theme="light"] .no-answer-compact-table td {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

[data-theme="light"] .activity-row:nth-child(even) td,
[data-theme="light"] table tr:nth-child(even) td,
[data-theme="light"] tbody tr:nth-child(even) td,
[data-theme="light"] .hub-table tr:nth-child(even) td,
[data-theme="light"] .no-answer-compact-table tr:nth-child(even) td {
  background: #f8fafc !important;
}

[data-theme="light"] .activity-row:hover td,
[data-theme="light"] table tr:hover td,
[data-theme="light"] tbody tr:hover td,
[data-theme="light"] .hub-table tr:hover td,
[data-theme="light"] .complaints-table tr:hover td,
[data-theme="light"] .no-answer-compact-table tr:hover td {
  background: rgba(200, 16, 46, 0.05) !important;
}

/* Force high contrast text inside all table cells across all pages */
[data-theme="light"] tbody tr td div,
[data-theme="light"] tbody tr td span:not(.activity-type-badge):not(.record-num-pill):not(.status-dot):not(.badge):not(.record-pill):not(.type-badge):not(.ticket-type-badge):not(.status-badge):not(.status-pill-na):not(.source-badge):not(.client-code-pill):not(.replies-count-badge):not(.btn-action-reply):not(.btn-view-row) {
  color: #0f172a !important;
}

[data-theme="light"] tbody tr td div[style*="color: #cbd5e1"],
[data-theme="light"] tbody tr td div[style*="color: #e2e8f0"],
[data-theme="light"] tbody tr td div[style*="color: #fff"],
[data-theme="light"] tbody tr td div[style*="color: #ffffff"],
[data-theme="light"] .activity-cell-date {
  color: #0f172a !important;
}

[data-theme="light"] .client-cell-name,
[data-theme="light"] .client-cell-name span,
[data-theme="light"] .client-cell-name div {
  color: #0f172a !important;
  font-weight: 700 !important;
}

[data-theme="light"] .client-cell-meta,
[data-theme="light"] .client-cell-meta span {
  color: #64748b !important;
}

[data-theme="light"] tbody tr td div[style*="color: #38bdf8"],
[data-theme="light"] .activity-cell-time {
  color: #0284c7 !important;
  font-weight: 700 !important;
}

[data-theme="light"] tbody tr td div[style*="color: #ffffff"],
[data-theme="light"] tbody tr td div[style*="color: #fff"],
[data-theme="light"] .activity-cell-branch {
  color: #0f172a !important;
  font-weight: 700 !important;
}

[data-theme="light"] tbody tr td span[style*="color: #ffffff"],
[data-theme="light"] tbody tr td span[style*="color: #fff"],
[data-theme="light"] .activity-cell-agent {
  color: #0f172a !important;
  font-weight: 600 !important;
}

/* Action Buttons (Reply, View, Table actions) */
[data-theme="light"] .btn-follow-up,
[data-theme="light"] .btn-action-reply,
[data-theme="light"] .btn-view-row,
[data-theme="light"] .btn-table-action {
  background: #fef2f2 !important;
  border: 1.2px solid #fca5a5 !important;
  color: #dc2626 !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 3px rgba(220, 38, 38, 0.1) !important;
}

[data-theme="light"] .btn-follow-up:hover,
[data-theme="light"] .btn-action-reply:hover,
[data-theme="light"] .btn-view-row:hover,
[data-theme="light"] .btn-table-action:hover {
  background: #fee2e2 !important;
  border-color: #ef4444 !important;
  color: #991b1b !important;
  box-shadow: 0 2px 6px rgba(220, 38, 38, 0.22) !important;
  transform: translateY(-1px);
}

/* Status Dropdowns in Table */
[data-theme="light"] .status-dropdown {
  color-scheme: light !important;
  border-radius: 7px !important;
  font-weight: 800 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .status-dropdown.status-open,
[data-theme="light"] .status-badge.status-open,
[data-theme="light"] .status-transfer-not-done {
  background-color: #fef2f2 !important;
  border: 1.5px solid #f87171 !important;
  color: #dc2626 !important;
}

[data-theme="light"] .status-dropdown.status-pending,
[data-theme="light"] .status-badge.status-pending,
[data-theme="light"] .status-transfer-follow {
  background-color: #fffbeb !important;
  border: 1.5px solid #fbbf24 !important;
  color: #d97706 !important;
}

[data-theme="light"] .status-dropdown.status-closed,
[data-theme="light"] .status-badge.status-closed,
[data-theme="light"] .status-transfer-done,
[data-theme="light"] .status-confirmed {
  background-color: #f0fdf4 !important;
  border: 1.5px solid #4ade80 !important;
  color: #16a34a !important;
}

[data-theme="light"] .status-dropdown option {
  background-color: #ffffff !important;
  color: #0f172a !important;
}

[data-theme="light"] .status-dropdown option[value="Open"] {
  color: #dc2626 !important;
}

[data-theme="light"] .status-dropdown option[value="Pending"] {
  color: #d97706 !important;
}

[data-theme="light"] .status-dropdown option[value="Closed"] {
  color: #16a34a !important;
}

/* ==========================================================================
   6. Ticket Number Pills & Activity Badges (Unified Blue, Complaints Red)
   ========================================================================== */

/* All Non-Complaint Ticket Number Pills (Inquiries, Maintenance, Sales, Spare Parts) -> BLUE */
[data-theme="light"] .record-num-pill.inq-num,
[data-theme="light"] .record-num-pill.mnt-num,
[data-theme="light"] .record-num-pill.prt-num,
[data-theme="light"] .record-num-pill.sprt-num,
[data-theme="light"] .record-pill.inq,
[data-theme="light"] .record-pill.mnt,
[data-theme="light"] .record-pill.prt,
[data-theme="light"] .record-pill.sprt,
[data-theme="light"] .record-pill.sprt[style],
[data-theme="light"] .record-num-pill.sprt-num[style],
[data-theme="light"] .hub-table tbody tr.activity-row-inquiry .record-num-pill,
[data-theme="light"] .hub-table tbody tr.activity-row-maintenance .record-num-pill,
[data-theme="light"] .hub-table tbody tr.activity-row-part .record-num-pill,
[data-theme="light"] .hub-table tbody tr.activity-row-sparepart .record-num-pill,
[data-theme="light"] #followup-ticket-serial:not(.cmp-num),
[data-theme="light"] #followup-ticket-serial.inq-num,
[data-theme="light"] #followup-ticket-serial.mnt-num,
[data-theme="light"] #followup-ticket-serial.prt-num,
[data-theme="light"] #followup-ticket-serial.sprt-num {
  background: #f0f9ff !important;
  color: #0284c7 !important;
  border: 1px solid #7dd3fc !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* Complaints Ticket Number Pills -> RED */
[data-theme="light"] .record-num-pill.cmp-num,
[data-theme="light"] .record-pill.cmp,
[data-theme="light"] .record-pill.record-pill-cmp,
[data-theme="light"] .hub-table tbody tr.activity-row-complaint .record-num-pill,
[data-theme="light"] #followup-ticket-serial.cmp-num,
[data-theme="light"] #modal-complaint-serial {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border: 1px solid #fca5a5 !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* All Non-Complaint Activity Type Badges (Inquiries, Maintenance, Sales, Spare Parts) -> BLUE */
[data-theme="light"] .activity-type-badge.inq-badge,
[data-theme="light"] .activity-type-badge.mnt-badge,
[data-theme="light"] .activity-type-badge.prt-badge,
[data-theme="light"] .activity-type-badge.sprt-badge,
[data-theme="light"] .activity-type-badge.sprt-badge[style],
[data-theme="light"] .type-badge.inquiry,
[data-theme="light"] .type-badge.maintenance,
[data-theme="light"] .type-badge.part,
[data-theme="light"] .type-badge.sparepart,
[data-theme="light"] .ticket-type-badge.type-inquiry,
[data-theme="light"] .ticket-type-badge.type-maintenance,
[data-theme="light"] .ticket-type-badge.type-sales,
[data-theme="light"] .ticket-type-badge.type-sparepart,
[data-theme="light"] .hub-table tbody tr.activity-row-inquiry .activity-type-badge,
[data-theme="light"] .hub-table tbody tr.activity-row-maintenance .activity-type-badge,
[data-theme="light"] .hub-table tbody tr.activity-row-part .activity-type-badge,
[data-theme="light"] .hub-table tbody tr.activity-row-sparepart .activity-type-badge {
  background: #f0f9ff !important;
  color: #0284c7 !important;
  border: 1px solid #bae6fd !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* Complaints Activity Type Badges -> RED */
[data-theme="light"] .activity-type-badge.cmp-badge,
[data-theme="light"] .type-badge.complaint,
[data-theme="light"] .ticket-type-badge.type-complaint,
[data-theme="light"] .hub-table tbody tr.activity-row-complaint .activity-type-badge {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border: 1px solid #fca5a5 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* Activity Table Date & Time Display */
[data-theme="light"] .hub-table tbody tr.activity-row td:nth-child(3) div:first-child,
[data-theme="light"] .hub-table tbody tr.activity-row td div.activity-cell-date,
[data-theme="light"] .hub-table tbody tr td div.activity-cell-date,
[data-theme="light"] .activity-cell-date,
[data-theme="light"] .complaints-table tbody tr td:nth-child(3) div:first-child {
  color: #334155 !important;
  font-weight: 600 !important;
}

[data-theme="light"] .hub-table tbody tr.activity-row td:nth-child(3) div + div,
[data-theme="light"] .hub-table tbody tr td div.activity-cell-time,
[data-theme="light"] .activity-cell-time,
[data-theme="light"] .ticket-time-badge,
[data-theme="light"] .time-cell-ltr {
  color: #0284c7 !important;
  font-weight: 700 !important;
}

/* Follow-up / WhatsApp / Complaint Modal Header Badges */
[data-theme="light"] .wa-header-type-badge.type-inquiry,
[data-theme="light"] .wa-header-type-badge.type-maintenance,
[data-theme="light"] .wa-header-type-badge.type-part,
[data-theme="light"] .wa-header-type-badge.type-sparepart {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  color: #0284c7 !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 3px rgba(2, 132, 199, 0.15) !important;
}
[data-theme="light"] .wa-header-type-badge.type-inquiry *,
[data-theme="light"] .wa-header-type-badge.type-maintenance *,
[data-theme="light"] .wa-header-type-badge.type-part *,
[data-theme="light"] .wa-header-type-badge.type-sparepart * {
  color: #0284c7 !important;
}

[data-theme="light"] .wa-header-type-badge.type-complaint {
  background: #fef2f2 !important;
  border: 1px solid #fca5a5 !important;
  color: #dc2626 !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 3px rgba(220, 38, 38, 0.15) !important;
}
[data-theme="light"] .wa-header-type-badge.type-complaint * {
  color: #dc2626 !important;
}

/* Toolbars & Filter Bars (No Answer toolbar, Reports toolbar, etc.) */
[data-theme="light"] .no-answer-toolbar,
[data-theme="light"] .filter-toolbar,
[data-theme="light"] .table-controls-wrap,
[data-theme="light"] .hub-filters-row,
[data-theme="light"] .table-filter-bar,
[data-theme="light"] .date-range-filter-group,
[data-theme="light"] .visit-date-filter-group {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .no-answer-toolbar span,
[data-theme="light"] .filter-inputs-group span,
[data-theme="light"] .date-range-filter-group span,
[data-theme="light"] .visit-date-filter-group span {
  color: #334155 !important;
  font-weight: 600 !important;
}

[data-theme="light"] .filter-search-box input,
[data-theme="light"] .filter-date-input,
[data-theme="light"] .filter-input,
[data-theme="light"] .filter-select {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0f172a !important;
}

[data-theme="light"] .btn-clear-filter,
[data-theme="light"] .btn-action-reset {
  background: #fef2f2 !important;
  border: 1.2px solid #fca5a5 !important;
  color: #dc2626 !important;
}

[data-theme="light"] .btn-clear-filter:hover,
[data-theme="light"] .btn-action-reset:hover {
  background: #fee2e2 !important;
  border-color: #ef4444 !important;
  color: #991b1b !important;
}

/* Modal Header Subtitle / Meta in Light Mode */
[data-theme="light"] .wa-contact-sub,
[data-theme="light"] .wa-contact-sub span,
[data-theme="light"] #followup-meta-car-center,
[data-theme="light"] #followup-meta-responsible,
[data-theme="light"] #modal-complaint-type,
[data-theme="light"] #modal-complaint-agent {
  color: #334155 !important;
}

[data-theme="light"] .wa-bullet {
  color: #94a3b8 !important;
}

[data-theme="light"] .wa-header-phone-badge {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0f172a !important;
}

[data-theme="light"] .wa-header-phone-badge span,
[data-theme="light"] .wa-header-phone-badge i {
  color: #0f172a !important;
}

[data-theme="light"] .replies-count-badge {
  background: #fef2f2 !important;
  border: 1px solid #fca5a5 !important;
  color: #dc2626 !important;
  font-weight: 700 !important;
}

[data-theme="light"] .btn-more-history,
[data-theme="light"] .btn-load-more {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #334155 !important;
}

[data-theme="light"] .btn-more-history:hover,
[data-theme="light"] .btn-load-more:hover {
  background: #e2e8f0 !important;
  border-color: #94a3b8 !important;
  color: #0f172a !important;
}

/* ==========================================================================
   7. Client Basic Info Panel (Light Mode)
   ========================================================================== */
[data-theme="light"] .client-badge-code,
[data-theme="light"] #display-client-code-pill {
  background: #fef2f2 !important;
  color: #c8102e !important;
  border: 1px solid #fca5a5 !important;
}

[data-theme="light"] #display-client-name,
[data-theme="light"] .client-name-heading {
  color: #c8102e !important;
  font-weight: 800 !important;
}

[data-theme="light"] .sub-form-title {
  color: #0284c7 !important;
}

[data-theme="light"] .field-label,
[data-theme="light"] .client-header-title,
[data-theme="light"] .section-title,
[data-theme="light"] label,
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4 {
  color: #1e293b !important;
}

[data-theme="light"] .text-muted,
[data-theme="light"] .client-header-subtitle {
  color: #64748b !important;
}

[data-theme="light"] .client-vehicle-item {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .vehicle-tag-badge {
  background: #fef2f2 !important;
  color: #c8102e !important;
  border-color: #fca5a5 !important;
}

[data-theme="light"] .vehicle-model-pill {
  background: #e2e8f0 !important;
  color: #334155 !important;
  border-color: #cbd5e1 !important;
}

/* Account type pill selector */
[data-theme="light"] .account-type-pill {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: #475569 !important;
}

[data-theme="light"] .account-type-pill.active {
  background: #fef2f2 !important;
  border-color: #c8102e !important;
  color: #c8102e !important;
}

/* ==========================================================================
   8. Modals, Drawers & WhatsApp Chat Elements (Light Mode)
   ========================================================================== */
[data-theme="light"] .modal-backdrop,
[data-theme="light"] .modal-overlay,
[data-theme="light"] .cyber-modal {
  background: rgba(15, 23, 42, 0.55) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

[data-theme="light"] .modal-content,
[data-theme="light"] .modal-card,
[data-theme="light"] .modal-card.wa-chat-card,
[data-theme="light"] .cyber-modal-card,
[data-theme="light"] .cyber-modal .cyber-modal-card,
[data-theme="light"] .settings-modal-card,
[data-theme="light"] .full-history-modal-card,
[data-theme="light"] .branches-guide-modal-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.15), 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .modal-header,
[data-theme="light"] .cyber-modal-card .modal-header,
[data-theme="light"] .wa-chat-header {
  background: transparent !important;
  border-bottom: 1.5px solid #e2e8f0 !important;
}

[data-theme="light"] .modal-title,
[data-theme="light"] .modal-title span,
[data-theme="light"] #modal-title-text,
[data-theme="light"] .modal-header h3 {
  color: #0f172a !important;
}

[data-theme="light"] .modal-footer {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .modal-close-btn,
[data-theme="light"] .wa-close-btn,
[data-theme="light"] .btn-close-modal {
  background: #fee2e2 !important;
  border: 1px solid #fca5a5 !important;
  color: #dc2626 !important;
}

[data-theme="light"] .modal-close-btn:hover,
[data-theme="light"] .wa-close-btn:hover,
[data-theme="light"] .btn-close-modal:hover {
  background: #ef4444 !important;
  color: #ffffff !important;
  border-color: #dc2626 !important;
}

[data-theme="light"] .modal-meta-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .modal-meta-label {
  color: #64748b !important;
}

[data-theme="light"] .modal-meta-value {
  color: #0f172a !important;
}

[data-theme="light"] .modal-details-block {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #0f172a !important;
}

[data-theme="light"] .wa-contact-name {
  color: #0f172a !important;
  font-weight: 800 !important;
}

[data-theme="light"] .wa-contact-sub,
[data-theme="light"] .wa-contact-sub span {
  color: #475569 !important;
}

[data-theme="light"] .wa-bullet {
  color: #94a3b8 !important;
}

[data-theme="light"] #modal-complaint-type,
[data-theme="light"] #modal-complaint-agent {
  color: #334155 !important;
}

[data-theme="light"] .wa-header-phone-badge {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  color: #0284c7 !important;
  box-shadow: 0 1px 4px rgba(2, 132, 199, 0.12) !important;
}

[data-theme="light"] .wa-avatar {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0284c7 !important;
}

[data-theme="light"] .wa-online-dot {
  border-color: #ffffff !important;
}

[data-theme="light"] .wa-dropdown-trigger {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .wa-dropdown-trigger.status-open {
  background: #fef2f2 !important;
  border: 1.5px solid #f87171 !important;
  color: #dc2626 !important;
}

[data-theme="light"] .wa-dropdown-trigger.status-pending {
  background: #fffbeb !important;
  border: 1.5px solid #fbbf24 !important;
  color: #d97706 !important;
}

[data-theme="light"] .wa-dropdown-trigger.status-closed {
  background: #f0fdf4 !important;
  border: 1.5px solid #4ade80 !important;
  color: #16a34a !important;
}

[data-theme="light"] .wa-dropdown-menu {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .wa-dropdown-item {
  color: #0f172a !important;
}

[data-theme="light"] .wa-dropdown-item:hover {
  background: #f1f5f9 !important;
}

/* Chat Messages Body */
[data-theme="light"] .wa-chat-container,
[data-theme="light"] .wa-chat-body,
[data-theme="light"] .wa-chat-messages {
  background: #f1f5f9 !important;
}

[data-theme="light"] .wa-date-pill {
  background: #ffffff !important;
  color: #475569 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}

/* Client Bubble (Incoming) */
[data-theme="light"] .wa-bubble-client {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #e2e8f0 !important;
  border-right: 4px solid #c8102e !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .wa-bubble-sender {
  border-bottom: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .wa-sender-client {
  color: #0f172a !important;
}

[data-theme="light"] .wa-sender-client .wa-sender-label {
  color: #64748b !important;
}

[data-theme="light"] .wa-sender-client .wa-sender-name {
  color: #0f172a !important;
}

[data-theme="light"] .wa-complaint-type-tag {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
}

[data-theme="light"] .wa-ticket-body-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .wa-bubble-text {
  color: #0f172a !important;
  font-weight: 600 !important;
}

[data-theme="light"] .wa-bubble-time {
  color: #64748b !important;
}

/* Vehicle & Info Badges in Bubble */
[data-theme="light"] .wa-v-badge {
  color: #0f172a !important;
}

[data-theme="light"] .wa-v-badge .v-label {
  color: #475569 !important;
}

[data-theme="light"] .wa-v-badge .v-value {
  color: #0f172a !important;
}

[data-theme="light"] .wa-v-badge.vin-highlight {
  background: #fef2f2 !important;
  border: 1px solid #fca5a5 !important;
  color: #dc2626 !important;
}
[data-theme="light"] .wa-v-badge.vin-highlight i,
[data-theme="light"] .wa-v-badge.vin-highlight svg {
  color: #dc2626 !important;
}
[data-theme="light"] .wa-v-badge.vin-highlight .v-label {
  color: #b91c1c !important;
}
[data-theme="light"] .wa-v-badge.vin-highlight .v-value {
  color: #991b1b !important;
}

[data-theme="light"] .wa-v-badge.plate-highlight {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  color: #0284c7 !important;
}
[data-theme="light"] .wa-v-badge.plate-highlight i,
[data-theme="light"] .wa-v-badge.plate-highlight svg {
  color: #0284c7 !important;
}
[data-theme="light"] .wa-v-badge.plate-highlight .v-label {
  color: #0369a1 !important;
}
[data-theme="light"] .wa-v-badge.plate-highlight .v-value {
  color: #075985 !important;
}

[data-theme="light"] .wa-v-badge.media-highlight {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  color: #0284c7 !important;
}
[data-theme="light"] .wa-v-badge.media-highlight i,
[data-theme="light"] .wa-v-badge.media-highlight svg {
  color: #0284c7 !important;
}
[data-theme="light"] .wa-v-badge.media-highlight .v-label {
  color: #0369a1 !important;
}
[data-theme="light"] .wa-v-badge.media-highlight .v-value {
  color: #075985 !important;
}

[data-theme="light"] .wa-v-badge.booking-highlight {
  background: #fefce8 !important;
  border: 1px solid #fef08a !important;
  color: #854d0e !important;
}
[data-theme="light"] .wa-v-badge.booking-highlight i,
[data-theme="light"] .wa-v-badge.booking-highlight svg {
  color: #ca8a04 !important;
}
[data-theme="light"] .wa-v-badge.booking-highlight .v-label {
  color: #a16207 !important;
}
[data-theme="light"] .wa-v-badge.booking-highlight .v-value {
  color: #713f12 !important;
}

[data-theme="light"] .wa-v-badge.part-highlight {
  background: #faf5ff !important;
  border: 1px solid #e9d5ff !important;
  color: #7e22ce !important;
}
[data-theme="light"] .wa-v-badge.part-highlight i,
[data-theme="light"] .wa-v-badge.part-highlight svg {
  color: #9333ea !important;
}
[data-theme="light"] .wa-v-badge.part-highlight .v-label {
  color: #7e22ce !important;
}
[data-theme="light"] .wa-v-badge.part-highlight .v-value {
  color: #581c87 !important;
}

[data-theme="light"] .wa-v-badge.visit-highlight {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%) !important;
  border: 1.5px solid #10b981 !important;
  color: #065f46 !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.15) !important;
  flex-basis: 100% !important;
}
[data-theme="light"] .wa-v-badge.visit-highlight i,
[data-theme="light"] .wa-v-badge.visit-highlight svg {
  color: #059669 !important;
}
[data-theme="light"] .wa-v-badge.visit-highlight .v-label {
  color: #047857 !important;
  font-weight: 800 !important;
}
[data-theme="light"] .wa-v-badge.visit-highlight .v-value {
  color: #064e3b !important;
  font-weight: 900 !important;
}

/* Agent Bubble (Outgoing) */
[data-theme="light"] .wa-bubble-agent {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  border-left: 4px solid #0284c7 !important;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.08) !important;
  color: #0f172a !important;
}

[data-theme="light"] .wa-sender-agent {
  color: #0284c7 !important;
}

[data-theme="light"] .agent-handle {
  background: #e0f2fe !important;
  border: 1px solid #bae6fd !important;
  color: #0369a1 !important;
}

[data-theme="light"] .wa-reply-badge {
  background: #e0f2fe !important;
  border: 1px solid #bae6fd !important;
  color: #0284c7 !important;
}

[data-theme="light"] .wa-bubble-agent .wa-bubble-text {
  color: #0f172a !important;
}

/* System Event / Status Change Card */
[data-theme="light"] .wa-status-change-card {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .status-single-line {
  color: #0f172a !important;
  font-weight: 600 !important;
}

[data-theme="light"] .status-card-user .changer-name {
  color: #0f172a !important;
  font-weight: 700 !important;
}

[data-theme="light"] .status-pill-badge.is-open {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border: 1px solid #f87171 !important;
}

[data-theme="light"] .status-pill-badge.is-pending {
  background: #fffbeb !important;
  color: #d97706 !important;
  border: 1px solid #fbbf24 !important;
}

[data-theme="light"] .status-pill-badge.is-closed {
  background: #f0fdf4 !important;
  color: #16a34a !important;
  border: 1px solid #4ade80 !important;
}

[data-theme="light"] .wa-empty-replies-notice {
  background: #ffffff !important;
  color: #64748b !important;
  border: 1px solid #cbd5e1 !important;
}

/* Bottom Input Bar */
[data-theme="light"] .wa-chat-input-bar {
  background: #ffffff !important;
  border-top: 1.5px solid #e2e8f0 !important;
}

[data-theme="light"] .wa-input-author-badge {
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  color: #0284c7 !important;
  box-shadow: none !important;
}

[data-theme="light"] .wa-input-wrap {
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
}

[data-theme="light"] .wa-input-wrap:focus-within {
  background: #ffffff !important;
  border-color: #0284c7 !important;
  box-shadow: 0 0 10px rgba(2, 132, 199, 0.2) !important;
}

[data-theme="light"] .wa-chat-textarea {
  color: #0f172a !important;
  background: transparent !important;
}

[data-theme="light"] .wa-chat-textarea::placeholder {
  color: #64748b !important;
}

[data-theme="light"] .wa-send-btn {
  background: linear-gradient(135deg, #c8102e, #ef4444) !important;
  border: 1px solid #c8102e !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(200, 16, 46, 0.3) !important;
}

[data-theme="light"] .wa-send-btn:hover {
  background: linear-gradient(135deg, #ef4444, #dc2626) !important;
  box-shadow: 0 4px 14px rgba(200, 16, 46, 0.45) !important;
}

[data-theme="light"] .timeline-card {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
}

[data-theme="light"] .timeline-header {
  border-bottom-color: #e2e8f0 !important;
}

/* ==========================================================================
   9. Service Centers & Filter Tabs (Light Mode)
   ========================================================================== */
[data-theme="light"] .service-centers-bar {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .sc-bar-label {
  color: #0f172a !important;
  border-left: 1.5px solid #cbd5e1 !important;
}

[data-theme="light"] .branch-pill-btn:not(.active) {
  background: #f1f5f9 !important;
  color: #334155 !important;
  border: 1.2px solid #cbd5e1 !important;
}

[data-theme="light"] .branch-pill-btn:not(.active):hover {
  background: #e2e8f0 !important;
  color: #c8102e !important;
  border-color: #ef4444 !important;
}

[data-theme="light"] .branch-pill-btn.active {
  background: linear-gradient(135deg, #c8102e, #ef4444) !important;
  color: #ffffff !important;
  border-color: #c8102e !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 10px rgba(200, 16, 46, 0.3) !important;
}

[data-theme="light"] .branch-count-badge {
  color: inherit !important;
}

/* Category & Status Filter Tabs */
[data-theme="light"] .filters-bar {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .category-filter-tabs,
[data-theme="light"] .status-filter-tabs,
[data-theme="light"] .date-range-filter-group {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
}

[data-theme="light"] .visit-date-filter-group {
  background: #f0fdf4 !important;
  border: 1.5px solid #86efac !important;
  box-shadow: 0 1px 4px rgba(16, 185, 129, 0.1) !important;
}

[data-theme="light"] .category-pill-btn:not(.active),
[data-theme="light"] .status-tab-btn:not(.active),
[data-theme="light"] .tab-btn:not(.active),
[data-theme="light"] .filter-pill-btn:not(.active),
[data-theme="light"] .status-filter-btn:not(.active),
[data-theme="light"] .filter-chip:not(.active),
[data-theme="light"] .filter-btn:not(.active),
[data-theme="light"] .branch-filter-chip:not(.active) {
  background: transparent !important;
  color: #334155 !important;
  border-color: transparent !important;
}

[data-theme="light"] .category-pill-btn:hover,
[data-theme="light"] .status-tab-btn:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
}

[data-theme="light"] .category-pill-btn.active {
  background: #ffffff !important;
  color: #0284c7 !important;
  border: 1.2px solid #7dd3fc !important;
  box-shadow: 0 2px 6px rgba(2, 132, 199, 0.15) !important;
  font-weight: 800 !important;
}

[data-theme="light"] .status-tab-btn.active {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.2px solid #94a3b8 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
  font-weight: 800 !important;
}

[data-theme="light"] .status-tab-btn.tab-open.active {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border: 1.2px solid #f87171 !important;
  box-shadow: 0 2px 6px rgba(220, 38, 38, 0.15) !important;
}

[data-theme="light"] .status-tab-btn.tab-pending.active {
  background: #fffbeb !important;
  color: #d97706 !important;
  border: 1.2px solid #fbbf24 !important;
  box-shadow: 0 2px 6px rgba(217, 119, 6, 0.15) !important;
}

[data-theme="light"] .status-tab-btn.tab-closed.active {
  background: #f0fdf4 !important;
  color: #16a34a !important;
  border: 1.2px solid #4ade80 !important;
  box-shadow: 0 2px 6px rgba(22, 163, 74, 0.15) !important;
}

[data-theme="light"] .branch-filter-chip,
[data-theme="light"] .ticket-filter-chip {
  background: #e2e8f0 !important;
  color: #1e293b !important;
  border-color: #cbd5e1 !important;
}

[data-theme="light"] .branch-filter-chip.active,
[data-theme="light"] .ticket-filter-chip.active {
  background: linear-gradient(135deg, #c8102e, #ef4444) !important;
  color: #ffffff !important;
  border-color: #c8102e !important;
}

/* Date Filters & Search in Bar */
[data-theme="light"] .filter-input,
[data-theme="light"] .search-filter-input {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
}

[data-theme="light"] .filter-input:focus,
[data-theme="light"] .search-filter-input:focus {
  border-color: #c8102e !important;
  box-shadow: 0 0 10px rgba(200, 16, 46, 0.2) !important;
}

[data-theme="light"] .filter-input.visit-date-input {
  background: #ffffff !important;
  border-color: #86efac !important;
  color: #16a34a !important;
  font-weight: 700 !important;
}

[data-theme="light"] .filter-label,
[data-theme="light"] .filter-field label {
  color: #334155 !important;
  font-weight: 700 !important;
}

/* Select Dropdowns in Reports, Settings, Complaints */
[data-theme="light"] .filter-select,
[data-theme="light"] select.filter-select {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  color-scheme: light !important;
}

[data-theme="light"] .filter-select:focus,
[data-theme="light"] select.filter-select:focus {
  border-color: #c8102e !important;
  box-shadow: 0 0 10px rgba(200, 16, 46, 0.2) !important;
}

[data-theme="light"] .filter-select option,
[data-theme="light"] select.filter-select option {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #0f172a !important;
}

/* Reset / Clear Buttons */
[data-theme="light"] .btn-reset-filters,
[data-theme="light"] .btn-action-reset,
[data-theme="light"] .btn-clear-filter {
  background: #fef2f2 !important;
  border: 1.2px solid #fca5a5 !important;
  color: #dc2626 !important;
}

[data-theme="light"] .btn-reset-filters:hover,
[data-theme="light"] .btn-action-reset:hover,
[data-theme="light"] .btn-clear-filter:hover {
  background: #fee2e2 !important;
  color: #b91c1c !important;
  border-color: #ef4444 !important;
}

/* Table Header Banners & Titles */
[data-theme="light"] .table-header-banner,
[data-theme="light"] .table-section-title,
[data-theme="light"] .table-title-box,
[data-theme="light"] .section-header-box,
[data-theme="light"] .complaints-table-header,
[data-theme="light"] .table-header-info-bar {
  background: #e2e8f0 !important;
  color: #0f172a !important;
  border-bottom: 1.5px solid #cbd5e1 !important;
}

[data-theme="light"] .table-header-info-bar span,
[data-theme="light"] .table-header-info-bar div,
[data-theme="light"] .table-title-area,
[data-theme="light"] .table-title-area h2,
[data-theme="light"] .table-title-area span {
  color: #0f172a !important;
}

[data-theme="light"] .count-pill {
  background: #fef2f2 !important;
  border: 1px solid #fca5a5 !important;
  color: #dc2626 !important;
}

/* Filtered Transactions Table Top Search Box */
[data-theme="light"] .table-search-box {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .table-search-box input {
  color: #0f172a !important;
  background: transparent !important;
}

[data-theme="light"] .table-search-box input::placeholder {
  color: #64748b !important;
}

/* No Answer Page Light Mode */
[data-theme="light"] .filter-bar-unified,
[data-theme="light"] .settings-filter-bar {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .filter-search-box {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
}

[data-theme="light"] .filter-search-box input,
[data-theme="light"] .filter-search-box .form-input {
  background: transparent !important;
  color: #0f172a !important;
}

[data-theme="light"] .filter-date-input {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
}

/* ==========================================================================
   10. KPI Stat Cards (Light Mode Ultra Contrast)
   ========================================================================== */
[data-theme="light"] .kpi-card,
[data-theme="light"] .stat-card {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .kpi-card .kpi-value,
[data-theme="light"] .kpi-value,
[data-theme="light"] .kpi-total .kpi-value,
[data-theme="light"] .kpi-inquiries .kpi-value {
  color: #0f172a !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}

[data-theme="light"] .kpi-card.kpi-total .kpi-icon-wrap,
[data-theme="light"] .kpi-total .kpi-icon-wrap,
[data-theme="light"] .kpi-inquiries .kpi-icon-wrap,
[data-theme="light"] .kpi-top .kpi-icon-wrap {
  background: #f1f5f9 !important;
  border: 1.5px solid #cbd5e1 !important;
  color: #0284c7 !important;
  box-shadow: none !important;
}

[data-theme="light"] .kpi-card.kpi-open .kpi-value {
  color: #dc2626 !important;
  text-shadow: none !important;
}

[data-theme="light"] .kpi-card.kpi-pending .kpi-value {
  color: #d97706 !important;
  text-shadow: none !important;
}

[data-theme="light"] .kpi-card.kpi-closed .kpi-value {
  color: #16a34a !important;
  text-shadow: none !important;
}

[data-theme="light"] .kpi-title,
[data-theme="light"] .kpi-label {
  color: #475569 !important;
  font-weight: 700 !important;
}

[data-theme="light"] .kpi-percent,
[data-theme="light"] .kpi-subtext {
  color: #64748b !important;
}

[data-theme="light"] canvas {
  filter: contrast(1.05);
}

/* ==========================================================================
   11. Universal Sleek Scrollbars (Light Mode) - Pure White Track Background
   ========================================================================== */
html[data-theme="light"],
html[data-theme="light"] *,
body[data-theme="light"],
body[data-theme="light"] *,
[data-theme="light"],
[data-theme="light"] * {
  scrollbar-color: #cbd5e1 #ffffff !important;
  scrollbar-width: thin !important;
}

html[data-theme="light"]::-webkit-scrollbar,
html[data-theme="light"] *::-webkit-scrollbar,
body[data-theme="light"]::-webkit-scrollbar,
body[data-theme="light"] *::-webkit-scrollbar,
[data-theme="light"]::-webkit-scrollbar,
[data-theme="light"] *::-webkit-scrollbar {
  width: 9px !important;
  height: 9px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

html[data-theme="light"]::-webkit-scrollbar-track,
html[data-theme="light"] *::-webkit-scrollbar-track,
body[data-theme="light"]::-webkit-scrollbar-track,
body[data-theme="light"] *::-webkit-scrollbar-track,
[data-theme="light"]::-webkit-scrollbar-track,
[data-theme="light"] *::-webkit-scrollbar-track {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

html[data-theme="light"]::-webkit-scrollbar-thumb,
html[data-theme="light"] *::-webkit-scrollbar-thumb,
body[data-theme="light"]::-webkit-scrollbar-thumb,
body[data-theme="light"] *::-webkit-scrollbar-thumb,
[data-theme="light"]::-webkit-scrollbar-thumb,
[data-theme="light"] *::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  background-color: #cbd5e1 !important;
  border-radius: 6px !important;
  border: 2px solid #ffffff !important;
  box-shadow: none !important;
}

html[data-theme="light"]::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] *::-webkit-scrollbar-thumb:hover,
body[data-theme="light"]::-webkit-scrollbar-thumb:hover,
body[data-theme="light"] *::-webkit-scrollbar-thumb:hover,
[data-theme="light"]::-webkit-scrollbar-thumb:hover,
[data-theme="light"] *::-webkit-scrollbar-thumb:hover {
  background: #94a3b8 !important;
  background-color: #94a3b8 !important;
  border: 2px solid #ffffff !important;
  box-shadow: none !important;
}

html[data-theme="light"]::-webkit-scrollbar-button,
html[data-theme="light"] *::-webkit-scrollbar-button,
body[data-theme="light"]::-webkit-scrollbar-button,
body[data-theme="light"] *::-webkit-scrollbar-button,
[data-theme="light"]::-webkit-scrollbar-button,
[data-theme="light"] *::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

html[data-theme="light"]::-webkit-scrollbar-corner,
html[data-theme="light"] *::-webkit-scrollbar-corner,
body[data-theme="light"]::-webkit-scrollbar-corner,
body[data-theme="light"] *::-webkit-scrollbar-corner,
[data-theme="light"]::-webkit-scrollbar-corner,
[data-theme="light"] *::-webkit-scrollbar-corner {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

[data-theme="light"] .btn-mini-export {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
  color: #ffffff !important;
  border: 1px solid #059669 !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25) !important;
}

[data-theme="light"] .btn-mini-export:hover {
  background: linear-gradient(135deg, #047857 0%, #059669 100%) !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
}