/* ========================================
   LIGHT THEME - Professional Design
   Inspirado em Linear, Stripe, Notion, Vercel
   ======================================== */

/* ========================================
   BASE OVERRIDES
   ======================================== */

body.theme-light,
[data-theme="light"] {
    background-color: #f9fafb !important;
    color: #111827 !important;
}

.theme-light .main-content,
[data-theme="light"] .main-content {
    background-color: #f9fafb !important;
}

/* ========================================
   SIDEBAR
   ======================================== */

.theme-light .sidebar,
.theme-light aside,
.theme-light nav.sidebar,
[data-theme="light"] .sidebar,
[data-theme="light"] aside,
[data-theme="light"] nav.sidebar {
    background: #ffffff !important;
    border-right: 1px solid #e5e7eb !important;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05) !important;
}

.theme-light .sidebar .logo,
.theme-light .sidebar .brand,
[data-theme="light"] .sidebar .logo,
[data-theme="light"] .sidebar .brand {
    color: #111827 !important;
}

.theme-light .sidebar a,
.theme-light .sidebar .nav-link,
.theme-light .sidebar .menu-item,
.theme-light .sidebar-item,
[data-theme="light"] .sidebar a,
[data-theme="light"] .sidebar .nav-link,
[data-theme="light"] .sidebar .menu-item,
[data-theme="light"] .sidebar-item {
    color: #374151 !important;
}

.theme-light .sidebar a:hover,
.theme-light .sidebar .nav-link:hover,
.theme-light .sidebar-item:hover,
[data-theme="light"] .sidebar a:hover,
[data-theme="light"] .sidebar .nav-link:hover,
[data-theme="light"] .sidebar-item:hover {
    background: #f3f4f6 !important;
    color: #111827 !important;
}

.theme-light .sidebar a.active,
.theme-light .sidebar .nav-link.active,
.theme-light .sidebar-item.active,
[data-theme="light"] .sidebar a.active,
[data-theme="light"] .sidebar .nav-link.active,
[data-theme="light"] .sidebar-item.active {
    background: #eff6ff !important;
    color: #2563eb !important;
}

.theme-light .sidebar .menu-icon,
.theme-light .sidebar svg,
[data-theme="light"] .sidebar .menu-icon,
[data-theme="light"] .sidebar svg {
    color: #6b7280 !important;
    stroke: #6b7280 !important;
}

/* ========================================
   HEADER
   ======================================== */

.theme-light header,
.theme-light .header,
.theme-light .top-bar,
.theme-light .navbar,
[data-theme="light"] header,
[data-theme="light"] .header,
[data-theme="light"] .top-bar,
[data-theme="light"] .navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid #e5e7eb !important;
    backdrop-filter: blur(10px) !important;
    color: #111827 !important;
}

/* ========================================
   CARDS
   ======================================== */

.theme-light .card,
.theme-light .customer-card,
.theme-light .project-card,
.theme-light .finance-card,
.theme-light .team-card,
.theme-light .invoice-card,
.theme-light .stat-card,
.theme-light .stats-card,
.theme-light .dashboard-card,
.theme-light .settings-card,
.theme-light .settings-card-compact,
.theme-light .report-card,
.theme-light [class*="-card"],
[data-theme="light"] .card,
[data-theme="light"] .customer-card,
[data-theme="light"] .project-card,
[data-theme="light"] .finance-card,
[data-theme="light"] .team-card,
[data-theme="light"] .invoice-card,
[data-theme="light"] .stat-card,
[data-theme="light"] .stats-card,
[data-theme="light"] .dashboard-card,
[data-theme="light"] .settings-card,
[data-theme="light"] .settings-card-compact,
[data-theme="light"] .report-card,
[data-theme="light"] [class*="-card"] {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    color: #111827 !important;
}

.theme-light .card:hover,
.theme-light .customer-card:hover,
.theme-light .project-card:hover,
.theme-light .settings-card-compact:hover,
[data-theme="light"] .card:hover,
[data-theme="light"] .customer-card:hover,
[data-theme="light"] .project-card:hover,
[data-theme="light"] .settings-card-compact:hover {
    border-color: #d1d5db !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.theme-light .card-title,
.theme-light .card h3,
.theme-light .card h4,
.theme-light .settings-card-title,
[data-theme="light"] .card-title,
[data-theme="light"] .card h3,
[data-theme="light"] .card h4,
[data-theme="light"] .settings-card-title {
    color: #111827 !important;
}

.theme-light .card-description,
.theme-light .card p,
.theme-light .settings-card-description,
[data-theme="light"] .card-description,
[data-theme="light"] .card p,
[data-theme="light"] .settings-card-description {
    color: #6b7280 !important;
}

/* ========================================
   TABLES
   ======================================== */

.theme-light table,
[data-theme="light"] table {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
    overflow: hidden !important;
}

.theme-light table thead,
.theme-light table th,
[data-theme="light"] table thead,
[data-theme="light"] table th {
    background: #f9fafb !important;
    color: #374151 !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #e5e7eb !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em !important;
}

.theme-light table tbody tr,
.theme-light table tr,
[data-theme="light"] table tbody tr,
[data-theme="light"] table tr {
    background: #ffffff !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

.theme-light table tbody tr:hover,
.theme-light table tr:hover,
[data-theme="light"] table tbody tr:hover,
[data-theme="light"] table tr:hover {
    background: #f9fafb !important;
}

.theme-light table td,
[data-theme="light"] table td {
    color: #374151 !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

.theme-light table td a,
[data-theme="light"] table td a {
    color: #2563eb !important;
}

/* ========================================
   FORMS & INPUTS
   ======================================== */

.theme-light input,
.theme-light select,
.theme-light textarea,
.theme-light input[type="text"],
.theme-light input[type="email"],
.theme-light input[type="password"],
.theme-light input[type="number"],
.theme-light input[type="date"],
.theme-light input[type="tel"],
[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea,
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="email"],
[data-theme="light"] input[type="password"],
[data-theme="light"] input[type="number"],
[data-theme="light"] input[type="date"],
[data-theme="light"] input[type="tel"] {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #111827 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.theme-light input:focus,
.theme-light select:focus,
.theme-light textarea:focus,
[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] textarea:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
    outline: none !important;
}

.theme-light input::placeholder,
.theme-light textarea::placeholder,
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #9ca3af !important;
}

.theme-light label,
[data-theme="light"] label {
    color: #374151 !important;
}

/* ========================================
   BUTTONS
   ======================================== */

.theme-light .btn-primary,
.theme-light button.primary,
[data-theme="light"] .btn-primary,
[data-theme="light"] button.primary {
    background: #2563eb !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.theme-light .btn-primary:hover,
[data-theme="light"] .btn-primary:hover {
    background: #1d4ed8 !important;
}

.theme-light .btn-secondary,
.theme-light button.secondary,
[data-theme="light"] .btn-secondary,
[data-theme="light"] button.secondary {
    background: #ffffff !important;
    color: #374151 !important;
    border: 1px solid #d1d5db !important;
}

.theme-light .btn-secondary:hover,
[data-theme="light"] .btn-secondary:hover {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
}

.theme-light .btn-danger,
[data-theme="light"] .btn-danger {
    background: #dc2626 !important;
    color: #ffffff !important;
}

.theme-light .btn-success,
[data-theme="light"] .btn-success {
    background: #059669 !important;
    color: #ffffff !important;
}

/* ========================================
   MODALS
   ======================================== */

.theme-light .modal,
.theme-light .modal-content,
.theme-light .modal-dialog,
[data-theme="light"] .modal,
[data-theme="light"] .modal-content,
[data-theme="light"] .modal-dialog {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15) !important;
    color: #111827 !important;
}

.theme-light .modal-header,
[data-theme="light"] .modal-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    color: #111827 !important;
}

.theme-light .modal-header h2,
.theme-light .modal-header h3,
[data-theme="light"] .modal-header h2,
[data-theme="light"] .modal-header h3 {
    color: #111827 !important;
}

.theme-light .modal-body,
[data-theme="light"] .modal-body {
    background: #ffffff !important;
    color: #374151 !important;
}

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

.theme-light .modal-overlay,
[data-theme="light"] .modal-overlay {
    background: rgba(0, 0, 0, 0.5) !important;
}

.theme-light .modal-close,
[data-theme="light"] .modal-close {
    color: #6b7280 !important;
}

.theme-light .modal-close:hover,
[data-theme="light"] .modal-close:hover {
    color: #111827 !important;
}

/* ========================================
   BADGES & STATUS
   ======================================== */

.theme-light .badge,
.theme-light .status-badge,
.theme-light .tag,
[data-theme="light"] .badge,
[data-theme="light"] .status-badge,
[data-theme="light"] .tag {
    font-weight: 500 !important;
}

/* Active / Success Status */
.theme-light .badge.active,
.theme-light .status-badge.active,
.theme-light .badge.completed,
.theme-light .badge.success,
.theme-light .badge-success,
[data-theme="light"] .badge.active,
[data-theme="light"] .status-badge.active,
[data-theme="light"] .badge.completed,
[data-theme="light"] .badge.success,
[data-theme="light"] .badge-success {
    background: #dcfce7 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
}

/* Pending / Warning Status */
.theme-light .badge.pending,
.theme-light .status-badge.pending,
.theme-light .badge.waiting,
.theme-light .badge.warning,
.theme-light .badge-warning,
[data-theme="light"] .badge.pending,
[data-theme="light"] .status-badge.pending,
[data-theme="light"] .badge.waiting,
[data-theme="light"] .badge.warning,
[data-theme="light"] .badge-warning {
    background: #fef3c7 !important;
    color: #92400e !important;
    border: 1px solid #fde68a !important;
}

/* Inactive / Danger Status */
.theme-light .badge.inactive,
.theme-light .status-badge.inactive,
.theme-light .badge.cancelled,
.theme-light .badge.overdue,
.theme-light .badge.danger,
.theme-light .badge-danger,
[data-theme="light"] .badge.inactive,
[data-theme="light"] .status-badge.inactive,
[data-theme="light"] .badge.cancelled,
[data-theme="light"] .badge.overdue,
[data-theme="light"] .badge.danger,
[data-theme="light"] .badge-danger {
    background: #fee2e2 !important;
    color: #991b1b !important;
    border: 1px solid #fecaca !important;
}

/* Info Status */
.theme-light .badge.info,
.theme-light .badge-info,
.theme-light .badge.residential,
.theme-light .badge.commercial,
[data-theme="light"] .badge.info,
[data-theme="light"] .badge-info,
[data-theme="light"] .badge.residential,
[data-theme="light"] .badge.commercial {
    background: #dbeafe !important;
    color: #1e40af !important;
    border: 1px solid #bfdbfe !important;
}

/* Neutral Status */
.theme-light .badge.neutral,
.theme-light .badge.draft,
.theme-light .badge.prospect,
[data-theme="light"] .badge.neutral,
[data-theme="light"] .badge.draft,
[data-theme="light"] .badge.prospect {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border: 1px solid #e5e7eb !important;
}

/* Type Badges (EXPENSE/INCOME) */
.theme-light .badge-expense,
.theme-light .type-expense,
[data-theme="light"] .badge-expense,
[data-theme="light"] .type-expense {
    background: #fee2e2 !important;
    color: #991b1b !important;
}

.theme-light .badge-income,
.theme-light .type-income,
[data-theme="light"] .badge-income,
[data-theme="light"] .type-income {
    background: #dcfce7 !important;
    color: #166534 !important;
}

/* ========================================
   FILTERS SECTION
   ======================================== */

.theme-light .filters,
.theme-light .filters-section,
.theme-light .filter-bar,
.theme-light .filters-container,
[data-theme="light"] .filters,
[data-theme="light"] .filters-section,
[data-theme="light"] .filter-bar,
[data-theme="light"] .filters-container {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.theme-light .filter-label,
[data-theme="light"] .filter-label {
    color: #6b7280 !important;
}

/* ========================================
   DROPDOWNS & MENUS
   ======================================== */

.theme-light .dropdown,
.theme-light .dropdown-menu,
.theme-light .context-menu,
.theme-light .autocomplete-dropdown,
[data-theme="light"] .dropdown,
[data-theme="light"] .dropdown-menu,
[data-theme="light"] .context-menu,
[data-theme="light"] .autocomplete-dropdown {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    color: #374151 !important;
}

.theme-light .dropdown-item,
.theme-light .dropdown-menu li,
.theme-light .autocomplete-item,
[data-theme="light"] .dropdown-item,
[data-theme="light"] .dropdown-menu li,
[data-theme="light"] .autocomplete-item {
    color: #374151 !important;
}

.theme-light .dropdown-item:hover,
.theme-light .dropdown-menu li:hover,
.theme-light .autocomplete-item:hover,
[data-theme="light"] .dropdown-item:hover,
[data-theme="light"] .dropdown-menu li:hover,
[data-theme="light"] .autocomplete-item:hover {
    background: #f3f4f6 !important;
}

/* ========================================
   SORTING DROPDOWN
   ======================================== */

.theme-light .sort-dropdown,
.theme-light .sort-button,
[data-theme="light"] .sort-dropdown,
[data-theme="light"] .sort-button {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    color: #374151 !important;
}

.theme-light .sort-options,
[data-theme="light"] .sort-options {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

.theme-light .sort-option,
[data-theme="light"] .sort-option {
    color: #374151 !important;
}

.theme-light .sort-option:hover,
.theme-light .sort-option.active,
[data-theme="light"] .sort-option:hover,
[data-theme="light"] .sort-option.active {
    background: #f3f4f6 !important;
}

/* ========================================
   VIEW TOGGLE (Grid/List)
   ======================================== */

.theme-light .view-toggle,
.theme-light .view-toggle-btn,
[data-theme="light"] .view-toggle,
[data-theme="light"] .view-toggle-btn {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    color: #6b7280 !important;
}

.theme-light .view-toggle-btn.active,
.theme-light .view-toggle-btn:hover,
[data-theme="light"] .view-toggle-btn.active,
[data-theme="light"] .view-toggle-btn:hover {
    background: #2563eb !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

/* ========================================
   STATS & METRICS
   ======================================== */

.theme-light .stat-value,
.theme-light .metric-value,
.theme-light .big-number,
[data-theme="light"] .stat-value,
[data-theme="light"] .metric-value,
[data-theme="light"] .big-number {
    color: #111827 !important;
}

.theme-light .stat-label,
.theme-light .metric-label,
[data-theme="light"] .stat-label,
[data-theme="light"] .metric-label {
    color: #6b7280 !important;
}

/* Positive values */
.theme-light .positive,
.theme-light .text-success,
.theme-light .profit,
[data-theme="light"] .positive,
[data-theme="light"] .text-success,
[data-theme="light"] .profit {
    color: #059669 !important;
}

/* Negative values */
.theme-light .negative,
.theme-light .text-danger,
.theme-light .loss,
[data-theme="light"] .negative,
[data-theme="light"] .text-danger,
[data-theme="light"] .loss {
    color: #dc2626 !important;
}

/* ========================================
   SECTIONS & HEADINGS
   ======================================== */

.theme-light h1,
.theme-light h2,
.theme-light h3,
.theme-light h4,
.theme-light h5,
.theme-light h6,
.theme-light .section-title,
.theme-light .page-title,
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6,
[data-theme="light"] .section-title,
[data-theme="light"] .page-title {
    color: #111827 !important;
}

.theme-light p,
.theme-light span,
.theme-light div,
[data-theme="light"] p,
[data-theme="light"] span {
    color: inherit;
}

.theme-light .subtitle,
.theme-light .description,
.theme-light .muted,
.theme-light .text-muted,
[data-theme="light"] .subtitle,
[data-theme="light"] .description,
[data-theme="light"] .muted,
[data-theme="light"] .text-muted {
    color: #6b7280 !important;
}

/* ========================================
   LINKS
   ======================================== */

.theme-light a,
[data-theme="light"] a {
    color: #2563eb !important;
}

.theme-light a:hover,
[data-theme="light"] a:hover {
    color: #1d4ed8 !important;
}

/* ========================================
   PROGRESS BARS
   ======================================== */

.theme-light .progress,
.theme-light .progress-bar-bg,
[data-theme="light"] .progress,
[data-theme="light"] .progress-bar-bg {
    background: #e5e7eb !important;
}

.theme-light .progress-bar,
.theme-light .progress-fill,
[data-theme="light"] .progress-bar,
[data-theme="light"] .progress-fill {
    background: #2563eb !important;
}

/* ========================================
   DIVIDERS & SEPARATORS
   ======================================== */

.theme-light hr,
.theme-light .divider,
.theme-light .separator,
[data-theme="light"] hr,
[data-theme="light"] .divider,
[data-theme="light"] .separator {
    border-color: #e5e7eb !important;
    background: #e5e7eb !important;
}

/* ========================================
   TOASTS & NOTIFICATIONS
   ======================================== */

.theme-light .toast,
.theme-light .notification,
.theme-light .alert,
[data-theme="light"] .toast,
[data-theme="light"] .notification,
[data-theme="light"] .alert {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    color: #111827 !important;
}

/* ========================================
   SCROLLBARS
   ======================================== */

.theme-light ::-webkit-scrollbar,
[data-theme="light"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.theme-light ::-webkit-scrollbar-track,
[data-theme="light"] ::-webkit-scrollbar-track {
    background: #f3f4f6 !important;
}

.theme-light ::-webkit-scrollbar-thumb,
[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #d1d5db !important;
    border-radius: 5px;
}

.theme-light ::-webkit-scrollbar-thumb:hover,
[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #9ca3af !important;
}

/* ========================================
   EMPTY STATES
   ======================================== */

.theme-light .empty-state,
.theme-light .no-data,
.theme-light .no-results,
[data-theme="light"] .empty-state,
[data-theme="light"] .no-data,
[data-theme="light"] .no-results {
    color: #6b7280 !important;
}

.theme-light .empty-state svg,
.theme-light .empty-state-icon,
[data-theme="light"] .empty-state svg,
[data-theme="light"] .empty-state-icon {
    color: #d1d5db !important;
    stroke: #d1d5db !important;
}

/* ========================================
   CHARTS (if using Canvas-based)
   ======================================== */

.theme-light .chart-container,
.theme-light .chart-wrapper,
[data-theme="light"] .chart-container,
[data-theme="light"] .chart-wrapper {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
}

/* ========================================
   ACTION BUTTONS (View, Edit, Delete)
   Consistent icon-only style for light theme
   ======================================== */

/* Base action button - transparent/minimal */
.theme-light .action-btn,
.theme-light .btn-icon,
[data-theme="light"] .action-btn,
[data-theme="light"] .btn-icon {
    background: transparent !important;
    border: 1px solid #e5e7eb !important;
    color: #6b7280 !important;
}

.theme-light .action-btn:hover,
.theme-light .btn-icon:hover,
[data-theme="light"] .action-btn:hover,
[data-theme="light"] .btn-icon:hover {
    background: #f3f4f6 !important;
    border-color: #d1d5db !important;
}

/* VIEW button - Green icon */
.theme-light .btn-view,
.theme-light .btn-view-modern,
.theme-light .action-btn.view,
.theme-light [onclick*="view"],
.theme-light [onclick*="View"],
.theme-light [title*="View"],
.theme-light [title*="view"],
.theme-light [data-action="view"],
[data-theme="light"] .btn-view,
[data-theme="light"] .btn-view-modern,
[data-theme="light"] .action-btn.view,
[data-theme="light"] [onclick*="view"],
[data-theme="light"] [onclick*="View"],
[data-theme="light"] [title*="View"],
[data-theme="light"] [title*="view"],
[data-theme="light"] [data-action="view"] {
    background: transparent !important;
    border: 1px solid #e5e7eb !important;
    color: #059669 !important;
}

.theme-light .btn-view:hover,
.theme-light .btn-view-modern:hover,
[data-theme="light"] .btn-view:hover,
[data-theme="light"] .btn-view-modern:hover {
    background: #f0fdf4 !important;
    border-color: #86efac !important;
}

.theme-light .btn-view svg,
.theme-light .btn-view-modern svg,
.theme-light [onclick*="view"] svg,
.theme-light [title*="View"] svg,
[data-theme="light"] .btn-view svg,
[data-theme="light"] .btn-view-modern svg,
[data-theme="light"] [onclick*="view"] svg,
[data-theme="light"] [title*="View"] svg {
    color: #059669 !important;
    stroke: #059669 !important;
}

/* EDIT button - Blue icon */
.theme-light .btn-edit,
.theme-light .btn-edit-modern,
.theme-light .action-btn.edit,
.theme-light [onclick*="edit"],
.theme-light [onclick*="Edit"],
.theme-light [title*="Edit"],
.theme-light [title*="edit"],
.theme-light [data-action="edit"],
[data-theme="light"] .btn-edit,
[data-theme="light"] .btn-edit-modern,
[data-theme="light"] .action-btn.edit,
[data-theme="light"] [onclick*="edit"],
[data-theme="light"] [onclick*="Edit"],
[data-theme="light"] [title*="Edit"],
[data-theme="light"] [title*="edit"],
[data-theme="light"] [data-action="edit"] {
    background: transparent !important;
    border: 1px solid #e5e7eb !important;
    color: #2563eb !important;
}

.theme-light .btn-edit:hover,
.theme-light .btn-edit-modern:hover,
[data-theme="light"] .btn-edit:hover,
[data-theme="light"] .btn-edit-modern:hover {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
}

.theme-light .btn-edit svg,
.theme-light .btn-edit-modern svg,
.theme-light [onclick*="edit"] svg,
.theme-light [title*="Edit"] svg,
[data-theme="light"] .btn-edit svg,
[data-theme="light"] .btn-edit-modern svg,
[data-theme="light"] [onclick*="edit"] svg,
[data-theme="light"] [title*="Edit"] svg {
    color: #2563eb !important;
    stroke: #2563eb !important;
}

/* DELETE button - Red icon only, NO red background */
.theme-light .btn-delete,
.theme-light .btn-delete-modern,
.theme-light .action-btn.delete,
.theme-light [onclick*="delete"],
.theme-light [onclick*="Delete"],
.theme-light [title*="Delete"],
.theme-light [title*="delete"],
.theme-light [data-action="delete"],
[data-theme="light"] .btn-delete,
[data-theme="light"] .btn-delete-modern,
[data-theme="light"] .action-btn.delete,
[data-theme="light"] [onclick*="delete"],
[data-theme="light"] [onclick*="Delete"],
[data-theme="light"] [title*="Delete"],
[data-theme="light"] [title*="delete"],
[data-theme="light"] [data-action="delete"] {
    background: transparent !important;
    border: 1px solid #e5e7eb !important;
    color: #dc2626 !important;
}

.theme-light .btn-delete:hover,
.theme-light .btn-delete-modern:hover,
[data-theme="light"] .btn-delete:hover,
[data-theme="light"] .btn-delete-modern:hover {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
}

.theme-light .btn-delete svg,
.theme-light .btn-delete-modern svg,
.theme-light [onclick*="delete"] svg,
.theme-light [title*="Delete"] svg,
[data-theme="light"] .btn-delete svg,
[data-theme="light"] .btn-delete-modern svg,
[data-theme="light"] [onclick*="delete"] svg,
[data-theme="light"] [title*="Delete"] svg {
    color: #dc2626 !important;
    stroke: #dc2626 !important;
}

/* ========================================
   SPECIFIC OVERRIDE FOR .btn-icon-* classes
   These classes have hardcoded styles in action-buttons-icons.css
   ======================================== */

/* VIEW - btn-icon-primary (Eye icon) - Green */
.theme-light .btn-icon-primary,
[data-theme="light"] .btn-icon-primary {
    background: transparent !important;
    border: 1px solid #e5e7eb !important;
    color: #059669 !important;
}

.theme-light .btn-icon-primary:hover,
[data-theme="light"] .btn-icon-primary:hover {
    background: #f0fdf4 !important;
    border-color: #86efac !important;
    box-shadow: none !important;
}

.theme-light .btn-icon-primary svg,
[data-theme="light"] .btn-icon-primary svg {
    stroke: #059669 !important;
    color: #059669 !important;
}

.theme-light .btn-icon-primary:hover svg,
[data-theme="light"] .btn-icon-primary:hover svg {
    stroke: #059669 !important;
}

/* EDIT - btn-icon-edit (Pencil icon) - Blue */
.theme-light .btn-icon-edit,
[data-theme="light"] .btn-icon-edit {
    background: transparent !important;
    border: 1px solid #e5e7eb !important;
    color: #2563eb !important;
}

.theme-light .btn-icon-edit:hover,
[data-theme="light"] .btn-icon-edit:hover {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
    box-shadow: none !important;
}

.theme-light .btn-icon-edit svg,
[data-theme="light"] .btn-icon-edit svg {
    stroke: #2563eb !important;
    color: #2563eb !important;
}

.theme-light .btn-icon-edit:hover svg,
[data-theme="light"] .btn-icon-edit:hover svg {
    stroke: #2563eb !important;
}

/* DELETE - btn-icon-delete (Trash icon) - Red icon only, NO background */
.theme-light .btn-icon-delete,
[data-theme="light"] .btn-icon-delete {
    background: transparent !important;
    border: 1px solid #e5e7eb !important;
    color: #dc2626 !important;
}

.theme-light .btn-icon-delete:hover,
[data-theme="light"] .btn-icon-delete:hover {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    box-shadow: none !important;
}

.theme-light .btn-icon-delete svg,
[data-theme="light"] .btn-icon-delete svg {
    stroke: #dc2626 !important;
    color: #dc2626 !important;
}

.theme-light .btn-icon-delete:hover svg,
[data-theme="light"] .btn-icon-delete:hover svg {
    stroke: #dc2626 !important;
}

/* ========================================
   INVOICE LEDGER SECTION
   ======================================== */

.theme-light .invoice-ledger,
.theme-light .ledger-section,
[data-theme="light"] .invoice-ledger,
[data-theme="light"] .ledger-section {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

/* ========================================
   SUMMARY CARDS (Income/Expense/Balance)
   ======================================== */

.theme-light .summary-card,
.theme-light .totals-card,
.theme-light .balance-card,
[data-theme="light"] .summary-card,
[data-theme="light"] .totals-card,
[data-theme="light"] .balance-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

/* ========================================
   PROJECT NUMBER BADGES
   ======================================== */

.theme-light .project-number,
.theme-light .prj-badge,
[data-theme="light"] .project-number,
[data-theme="light"] .prj-badge {
    background: #dbeafe !important;
    color: #1e40af !important;
    border: 1px solid #bfdbfe !important;
}

/* ========================================
   LANGUAGE SELECTOR
   ======================================== */

.theme-light .language-selector,
.theme-light #languageSelector,
[data-theme="light"] .language-selector,
[data-theme="light"] #languageSelector {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    color: #374151 !important;
}

/* ========================================
   REPORT TEMPLATES
   ======================================== */

.theme-light .report-template,
.theme-light .template-card,
[data-theme="light"] .report-template,
[data-theme="light"] .template-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

.theme-light .report-template:hover,
.theme-light .template-card:hover,
[data-theme="light"] .report-template:hover,
[data-theme="light"] .template-card:hover {
    border-color: #2563eb !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1) !important;
}

/* ========================================
   ICON WRAPPERS
   ======================================== */

.theme-light .icon-wrapper,
.theme-light .settings-card-icon,
[data-theme="light"] .icon-wrapper,
[data-theme="light"] .settings-card-icon {
    background: #eff6ff !important;
    color: #2563eb !important;
}

/* ========================================
   BUDGET CONTROL SECTION
   ======================================== */

.theme-light .budget-section,
.theme-light .budget-control,
[data-theme="light"] .budget-section,
[data-theme="light"] .budget-control {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

/* ========================================
   WORK IN PROGRESS SECTION
   ======================================== */

.theme-light .wip-section,
.theme-light .work-in-progress,
[data-theme="light"] .wip-section,
[data-theme="light"] .work-in-progress {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

/* ========================================
   GROSS PROFIT HIGHLIGHT
   ======================================== */

.theme-light .gross-profit-card,
.theme-light .profit-highlight,
[data-theme="light"] .gross-profit-card,
[data-theme="light"] .profit-highlight {
    background: #fef9c3 !important;
    border: 1px solid #fde047 !important;
    color: #854d0e !important;
}

/* ========================================
   SPECIFIC FIX FOR SETTINGS PAGE ICONS
   ======================================== */

.theme-light .settings-card-compact .settings-card-icon,
[data-theme="light"] .settings-card-compact .settings-card-icon {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
    color: #ffffff !important;
}

/* ========================================
   PAGE CONTAINERS
   ======================================== */

.theme-light .page,
.theme-light .page-content,
.theme-light .content-wrapper,
.theme-light main,
.theme-light [class*="page-"],
[data-theme="light"] .page,
[data-theme="light"] .page-content,
[data-theme="light"] .content-wrapper,
[data-theme="light"] main,
[data-theme="light"] [class*="page-"] {
    background: #f9fafb !important;
}

/* ========================================
   FIX SVG ICONS IN LIGHT MODE
   ======================================== */

.theme-light svg:not(.preserve-color),
[data-theme="light"] svg:not(.preserve-color) {
    color: inherit;
}

.theme-light .icon,
.theme-light [class*="-icon"],
[data-theme="light"] .icon,
[data-theme="light"] [class*="-icon"] {
    color: #6b7280 !important;
}

/* ========================================
   SPECIFIC TABLE HEADERS FIX
   ======================================== */

.theme-light th,
.theme-light thead th,
.theme-light .table-header,
[data-theme="light"] th,
[data-theme="light"] thead th,
[data-theme="light"] .table-header {
    background: #f9fafb !important;
    color: #6b7280 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.7rem !important;
    letter-spacing: 0.05em !important;
}

/* ========================================
   FIX TEXT COLOR IN CELLS
   ======================================== */

.theme-light td,
.theme-light .cell,
[data-theme="light"] td,
[data-theme="light"] .cell {
    color: #374151 !important;
}

.theme-light td strong,
.theme-light td b,
[data-theme="light"] td strong,
[data-theme="light"] td b {
    color: #111827 !important;
}

/* ========================================
   SPECIFIC CONTAINER OVERRIDES
   ======================================== */

/* Main App Container */
.theme-light #app,
.theme-light .app,
.theme-light .app-container,
.theme-light .dashboard,
.theme-light .main,
[data-theme="light"] #app,
[data-theme="light"] .app,
[data-theme="light"] .app-container,
[data-theme="light"] .dashboard,
[data-theme="light"] .main {
    background: #f9fafb !important;
}

/* All Page Sections */
.theme-light section,
.theme-light .section,
[data-theme="light"] section,
[data-theme="light"] .section {
    background: transparent !important;
}

/* Wrapper Elements */
.theme-light .wrapper,
.theme-light .container,
.theme-light .content,
[data-theme="light"] .wrapper,
[data-theme="light"] .container,
[data-theme="light"] .content {
    background: transparent !important;
}

/* ========================================
   SPECIFIC PAGE BACKGROUNDS
   ======================================== */

/* Dashboard Page */
.theme-light #dashboard-page,
.theme-light .dashboard-page,
[data-theme="light"] #dashboard-page,
[data-theme="light"] .dashboard-page {
    background: #f9fafb !important;
}

/* Customers Page */
.theme-light #customers-page,
.theme-light .customers-page,
.theme-light #customersCardsContainer,
[data-theme="light"] #customers-page,
[data-theme="light"] .customers-page,
[data-theme="light"] #customersCardsContainer {
    background: #f9fafb !important;
}

/* Projects Page */
.theme-light #projects-page,
.theme-light .projects-page,
.theme-light #projectsCardsContainer,
[data-theme="light"] #projects-page,
[data-theme="light"] .projects-page,
[data-theme="light"] #projectsCardsContainer {
    background: #f9fafb !important;
}

/* Finance Page */
.theme-light #finance-page,
.theme-light .finance-page,
[data-theme="light"] #finance-page,
[data-theme="light"] .finance-page {
    background: #f9fafb !important;
}

/* Teams Page */
.theme-light #teams-page,
.theme-light .teams-page,
[data-theme="light"] #teams-page,
[data-theme="light"] .teams-page {
    background: #f9fafb !important;
}

/* Invoices Page */
.theme-light #invoices-page,
.theme-light .invoices-page,
[data-theme="light"] #invoices-page,
[data-theme="light"] .invoices-page {
    background: #f9fafb !important;
}

/* Reports Page */
.theme-light #reports-page,
.theme-light .reports-page,
[data-theme="light"] #reports-page,
[data-theme="light"] .reports-page {
    background: #f9fafb !important;
}

/* Settings Page */
.theme-light #settings-page,
.theme-light .settings-page,
[data-theme="light"] #settings-page,
[data-theme="light"] .settings-page {
    background: #f9fafb !important;
}

/* ========================================
   FIX FOR MAIN CONTENT AREA
   ======================================== */

.theme-light .content-area,
.theme-light .page-wrapper,
.theme-light .page-body,
.theme-light [role="main"],
[data-theme="light"] .content-area,
[data-theme="light"] .page-wrapper,
[data-theme="light"] .page-body,
[data-theme="light"] [role="main"] {
    background: #f9fafb !important;
}

/* ========================================
   GRID/LIST CONTAINERS
   ======================================== */

.theme-light .grid-container,
.theme-light .cards-grid,
.theme-light .list-container,
.theme-light .table-container,
[data-theme="light"] .grid-container,
[data-theme="light"] .cards-grid,
[data-theme="light"] .list-container,
[data-theme="light"] .table-container {
    background: transparent !important;
}

/* ========================================
   SPECIFIC FINANCE PAGE ELEMENTS
   ======================================== */

.theme-light .finance-summary,
.theme-light .transaction-summary,
.theme-light .income-expense-summary,
[data-theme="light"] .finance-summary,
[data-theme="light"] .transaction-summary,
[data-theme="light"] .income-expense-summary {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
}

.theme-light .income-badge,
.theme-light .income-value,
[data-theme="light"] .income-badge,
[data-theme="light"] .income-value {
    color: #059669 !important;
}

.theme-light .expense-badge,
.theme-light .expense-value,
[data-theme="light"] .expense-badge,
[data-theme="light"] .expense-value {
    color: #dc2626 !important;
}

.theme-light .balance-value,
[data-theme="light"] .balance-value {
    color: #111827 !important;
}

/* ========================================
   INVOICE STATS CARDS
   ======================================== */

.theme-light .invoice-stat,
.theme-light .stat-box,
.theme-light .metric-box,
[data-theme="light"] .invoice-stat,
[data-theme="light"] .stat-box,
[data-theme="light"] .metric-box {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
}

.theme-light .invoice-stat:first-child,
[data-theme="light"] .invoice-stat:first-child {
    border-left: 3px solid #2563eb !important;
}

/* ========================================
   PAGE HEADERS WITH ACTIONS
   ======================================== */

.theme-light .page-header,
.theme-light .section-header,
.theme-light .header-actions,
[data-theme="light"] .page-header,
[data-theme="light"] .section-header,
[data-theme="light"] .header-actions {
    background: transparent !important;
}

.theme-light .page-header h1,
.theme-light .page-header h2,
[data-theme="light"] .page-header h1,
[data-theme="light"] .page-header h2 {
    color: #111827 !important;
}

/* ========================================
   COUNTING/SHOWING TEXT
   ======================================== */

.theme-light .showing-text,
.theme-light .count-text,
.theme-light .results-count,
[data-theme="light"] .showing-text,
[data-theme="light"] .count-text,
[data-theme="light"] .results-count {
    color: #059669 !important;
}

/* ========================================
   AMOUNT DISPLAYS
   ======================================== */

.theme-light .amount,
.theme-light .price,
.theme-light .value,
.theme-light .currency,
[data-theme="light"] .amount,
[data-theme="light"] .price,
[data-theme="light"] .value,
[data-theme="light"] .currency {
    color: #111827 !important;
}

.theme-light .amount.positive,
.theme-light .amount.income,
[data-theme="light"] .amount.positive,
[data-theme="light"] .amount.income {
    color: #059669 !important;
}

.theme-light .amount.negative,
.theme-light .amount.expense,
[data-theme="light"] .amount.negative,
[data-theme="light"] .amount.expense {
    color: #dc2626 !important;
}

/* ========================================
   DATE/TIME DISPLAYS
   ======================================== */

.theme-light .date,
.theme-light .time,
.theme-light .datetime,
[data-theme="light"] .date,
[data-theme="light"] .time,
[data-theme="light"] .datetime {
    color: #6b7280 !important;
}

/* ========================================
   LIST VIEW TABLE SPECIFIC
   ======================================== */

.theme-light .list-view table,
.theme-light table.list-table,
[data-theme="light"] .list-view table,
[data-theme="light"] table.list-table {
    background: #ffffff !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
}

/* ========================================
   CUSTOMER/PROJECT/TEAM COMPANY NAME
   ======================================== */

.theme-light .customer-company,
.theme-light .project-name,
.theme-light .team-name,
.theme-light .company-name,
[data-theme="light"] .customer-company,
[data-theme="light"] .project-name,
[data-theme="light"] .team-name,
[data-theme="light"] .company-name {
    color: #111827 !important;
    font-weight: 600 !important;
}

.theme-light .customer-contact,
.theme-light .contact-name,
[data-theme="light"] .customer-contact,
[data-theme="light"] .contact-name {
    color: #374151 !important;
}

.theme-light .customer-email,
.theme-light .email,
[data-theme="light"] .customer-email,
[data-theme="light"] .email {
    color: #2563eb !important;
}

.theme-light .customer-phone,
.theme-light .phone,
[data-theme="light"] .customer-phone,
[data-theme="light"] .phone {
    color: #6b7280 !important;
}

/* Note: Inherited and inline backgrounds handled by specific selectors above */

/* ========================================
   REPORTS PAGE SPECIFIC
   ======================================== */

.theme-light .report-filters,
.theme-light .report-options,
[data-theme="light"] .report-filters,
[data-theme="light"] .report-options {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
}

.theme-light .report-stats,
.theme-light .report-summary,
[data-theme="light"] .report-stats,
[data-theme="light"] .report-summary {
    background: #f9fafb !important;
}

.theme-light .report-table,
[data-theme="light"] .report-table {
    background: #ffffff !important;
}

/* ========================================
   REVENUE RECOGNITION CARD
   ======================================== */

.theme-light .revenue-card,
.theme-light .wip-card,
[data-theme="light"] .revenue-card,
[data-theme="light"] .wip-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

/* ========================================
   SETTINGS CARDS GRID
   ======================================== */

.theme-light .settings-grid,
.theme-light .settings-cards,
[data-theme="light"] .settings-grid,
[data-theme="light"] .settings-cards {
    background: transparent !important;
}

.theme-light .settings-card-compact .settings-card-badge,
[data-theme="light"] .settings-card-compact .settings-card-badge {
    background: #dbeafe !important;
    color: #1e40af !important;
}

/* ========================================
   FIX SPECIFIC RGBA BACKGROUNDS
   ======================================== */

.theme-light [style*="rgba(18"],
.theme-light [style*="rgba(8"],
.theme-light [style*="rgba(12"],
.theme-light [style*="#080b13"],
.theme-light [style*="#121728"],
.theme-light [style*="#0a0d14"],
.theme-light [style*="#1c2230"],
[data-theme="light"] [style*="rgba(18"],
[data-theme="light"] [style*="rgba(8"],
[data-theme="light"] [style*="rgba(12"],
[data-theme="light"] [style*="#080b13"],
[data-theme="light"] [style*="#121728"],
[data-theme="light"] [style*="#0a0d14"],
[data-theme="light"] [style*="#1c2230"] {
    background: #ffffff !important;
}

/* ========================================
   ULTIMATE BODY FIX
   ======================================== */

html[data-theme="light"],
html.theme-light {
    background: #f9fafb !important;
}

body.theme-light,
body[data-theme="light"] {
    background: #f9fafb !important;
    min-height: 100vh !important;
}

/* ========================================
   SETTINGS MODERN OVERRIDES
   ======================================== */

.theme-light .settings-card-compact,
[data-theme="light"] .settings-card-compact {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.theme-light .settings-card-compact:hover,
[data-theme="light"] .settings-card-compact:hover {
    border-color: #2563eb !important;
    box-shadow: 0 8px 25px rgba(37, 99, 235, 0.15) !important;
}

.theme-light .settings-card-icon,
[data-theme="light"] .settings-card-icon {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important;
}

.theme-light .settings-card-title,
[data-theme="light"] .settings-card-title {
    color: #111827 !important;
}

.theme-light .settings-card-description,
[data-theme="light"] .settings-card-description {
    color: #6b7280 !important;
}

.theme-light .settings-card-badge,
[data-theme="light"] .settings-card-badge {
    background: #dbeafe !important;
    color: #1e40af !important;
}

/* ========================================
   CRUD MODAL OVERRIDES
   ======================================== */

.theme-light .crud-modal .modal-content,
.theme-light .modal-content,
[data-theme="light"] .crud-modal .modal-content,
[data-theme="light"] .modal-content {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

.theme-light .crud-modal .modal-header,
.theme-light .modal-header,
[data-theme="light"] .crud-modal .modal-header,
[data-theme="light"] .modal-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.theme-light .crud-modal .modal-body,
.theme-light .modal-body,
[data-theme="light"] .crud-modal .modal-body,
[data-theme="light"] .modal-body {
    background: #ffffff !important;
}

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

/* ========================================
   FORM SECTIONS IN MODALS
   ======================================== */

.theme-light .form-section,
.theme-light .form-group,
.theme-light .input-group,
[data-theme="light"] .form-section,
[data-theme="light"] .form-group,
[data-theme="light"] .input-group {
    background: transparent !important;
}

.theme-light .form-section-title,
.theme-light .form-label,
[data-theme="light"] .form-section-title,
[data-theme="light"] .form-label {
    color: #374151 !important;
}

/* ========================================
   SELECT DROPDOWNS (NATIVE)
   ======================================== */

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

/* ========================================
   CHECKBOX & RADIO OVERRIDES
   ======================================== */

.theme-light input[type="checkbox"],
.theme-light input[type="radio"],
[data-theme="light"] input[type="checkbox"],
[data-theme="light"] input[type="radio"] {
    accent-color: #2563eb !important;
}

/* ========================================
   RANGE SLIDER OVERRIDE
   ======================================== */

.theme-light input[type="range"],
[data-theme="light"] input[type="range"] {
    accent-color: #2563eb !important;
}

.theme-light input[type="range"]::-webkit-slider-track,
[data-theme="light"] input[type="range"]::-webkit-slider-track {
    background: #e5e7eb !important;
}

.theme-light input[type="range"]::-webkit-slider-thumb,
[data-theme="light"] input[type="range"]::-webkit-slider-thumb {
    background: #2563eb !important;
}

/* ========================================
   TOOLTIPS
   ======================================== */

.theme-light .tooltip,
.theme-light [data-tooltip]::after,
[data-theme="light"] .tooltip,
[data-theme="light"] [data-tooltip]::after {
    background: #1f2937 !important;
    color: #ffffff !important;
}

/* ========================================
   LOADER/SPINNER
   ======================================== */

.theme-light .loader,
.theme-light .spinner,
.theme-light .loading,
[data-theme="light"] .loader,
[data-theme="light"] .spinner,
[data-theme="light"] .loading {
    border-color: #e5e7eb !important;
    border-top-color: #2563eb !important;
}

/* ========================================
   CONFIRMATION DIALOGS
   ======================================== */

.theme-light .confirm-dialog,
.theme-light .confirmation-modal,
[data-theme="light"] .confirm-dialog,
[data-theme="light"] .confirmation-modal {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

/* ========================================
   TABS
   ======================================== */

.theme-light .tabs,
.theme-light .tab-list,
[data-theme="light"] .tabs,
[data-theme="light"] .tab-list {
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
}

.theme-light .tab,
.theme-light .tab-item,
[data-theme="light"] .tab,
[data-theme="light"] .tab-item {
    color: #6b7280 !important;
}

.theme-light .tab.active,
.theme-light .tab-item.active,
[data-theme="light"] .tab.active,
[data-theme="light"] .tab-item.active {
    background: #ffffff !important;
    color: #2563eb !important;
    border-color: #2563eb !important;
}

/* ========================================
   DATE PICKER OVERRIDE
   ======================================== */

.theme-light input[type="date"]::-webkit-calendar-picker-indicator,
[data-theme="light"] input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0) !important;
}

/* ========================================
   PRELOADER
   ======================================== */

.theme-light .preloader,
.theme-light #preloader,
[data-theme="light"] .preloader,
[data-theme="light"] #preloader {
    background: #f9fafb !important;
}

/* ========================================
   FOOTER
   ======================================== */

.theme-light footer,
.theme-light .footer,
[data-theme="light"] footer,
[data-theme="light"] .footer {
    background: #ffffff !important;
    border-top: 1px solid #e5e7eb !important;
    color: #6b7280 !important;
}

/* ========================================
   CHIPS/TAGS
   ======================================== */

.theme-light .chip,
.theme-light .tag,
.theme-light .label,
[data-theme="light"] .chip,
[data-theme="light"] .tag,
[data-theme="light"] .label {
    background: #f3f4f6 !important;
    color: #374151 !important;
    border: 1px solid #e5e7eb !important;
}

/* ========================================
   AVATAR/INITIALS
   ======================================== */

.theme-light .avatar,
.theme-light .initials,
[data-theme="light"] .avatar,
[data-theme="light"] .initials {
    background: #e5e7eb !important;
    color: #374151 !important;
}

/* ========================================
   NOTIFICATIONS BADGE
   ======================================== */

.theme-light .notification-badge,
.theme-light .badge-count,
[data-theme="light"] .notification-badge,
[data-theme="light"] .badge-count {
    background: #dc2626 !important;
    color: #ffffff !important;
}

/* ========================================
   POPOVER
   ======================================== */

.theme-light .popover,
.theme-light .popup,
[data-theme="light"] .popover,
[data-theme="light"] .popup {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

/* ========================================
   SORT/FILTER BUTTONS ACTIVE STATE
   ======================================== */

.theme-light .filter-active,
.theme-light .sort-active,
[data-theme="light"] .filter-active,
[data-theme="light"] .sort-active {
    background: #dbeafe !important;
    color: #1e40af !important;
    border-color: #93c5fd !important;
}

/* ========================================
   CODE/PRE BLOCKS
   ======================================== */

.theme-light code,
.theme-light pre,
[data-theme="light"] code,
[data-theme="light"] pre {
    background: #f3f4f6 !important;
    color: #111827 !important;
    border: 1px solid #e5e7eb !important;
}

/* ========================================
   BLOCKQUOTES
   ======================================== */

.theme-light blockquote,
[data-theme="light"] blockquote {
    background: #f9fafb !important;
    border-left: 4px solid #2563eb !important;
    color: #374151 !important;
}

/* ========================================
   GLOBAL TEXT FIX
   ======================================== */

.theme-light,
[data-theme="light"] {
    color: #111827 !important;
}