/* Dark Theme Override Styles for Reports Page */
/* Add this to your reports-styles.css or include as a separate file */

/* Dark Mode Base Colors */
body.theme-dark {
    background: linear-gradient(135deg, #1a1f2e 0%, #2d3748 50%, #1e293b 100%);
    color: #e2e8f0;
}

/* Header adjustments for dark mode */
body.theme-dark .enterprise-header {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.95) 0%, rgba(51, 65, 85, 0.9) 100%);
    border-color: rgba(148, 163, 184, 0.3);
}

body.theme-dark .enterprise-header h1 {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.theme-dark .enterprise-header .subtitle {
    color: #cbd5e1;
    opacity: 0.9;
}

body.theme-dark .version-badge {
    background: linear-gradient(135deg, #60a5fa, #3b82f6);
    color: white;
}

/* Cards and containers */
body.theme-dark .enterprise-card {
    background: linear-gradient(135deg, rgba(51, 65, 85, 0.95) 0%, rgba(71, 85, 105, 0.9) 100%);
    border-color: rgba(148, 163, 184, 0.3);
}

body.theme-dark .card-header {
    border-bottom-color: rgba(148, 163, 184, 0.2);
}

body.theme-dark .card-title {
    color: #f1f5f9;
}

body.theme-dark .card-icon {
    background: linear-gradient(135deg, #60a5fa, #3b82f6);
}

/* Stats cards */
body.theme-dark .stat-card {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.9) 0%, rgba(51, 65, 85, 0.8) 100%);
    border-color: rgba(148, 163, 184, 0.3);
}

body.theme-dark .stat-card::before {
    background: linear-gradient(90deg, #60a5fa, #a78bfa, #f472b6);
}

body.theme-dark .stat-label {
    color: #94a3b8;
}

body.theme-dark .stat-value {
    color: #f1f5f9;
}

body.theme-dark .stat-change {
    color: #34d399;
}

body.theme-dark .amount-positive {
    color: #34d399;
}

body.theme-dark .amount-negative {
    color: #f87171;
}

/* Form controls and inputs */
body.theme-dark .form-label {
    color: #cbd5e1;
}

body.theme-dark .form-control {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(148, 163, 184, 0.3);
    color: #f1f5f9 !important;  /* Force white text */
}

body.theme-dark .form-control:focus {
    background: rgba(15, 23, 42, 0.8);
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);
    color: #ffffff !important;  /* Bright white when focused */
}

body.theme-dark select.form-control {
    color: #f1f5f9 !important;  /* White text for dropdowns */
}

body.theme-dark select option {
    background: #1e293b;
    color: #f1f5f9 !important;  /* White text for options */
}

body.theme-dark input.form-control::placeholder {
    color: #94a3b8;  /* Lighter placeholder text */
}

/* Filter items */
body.theme-dark .quick-filter-item,
body.theme-dark .form-group {
    background: rgba(30, 41, 59, 0.8);
    border-color: rgba(148, 163, 184, 0.3);
}

body.theme-dark .quick-filter-item:hover,
body.theme-dark .form-group:hover {
    background: rgba(51, 65, 85, 0.9);
    border-color: rgba(96, 165, 250, 0.4);
    transform: translateY(-2px);
}

/* Buttons */
body.theme-dark .btn-primary {
    background: linear-gradient(135deg, #60a5fa, #3b82f6);
}

body.theme-dark .btn-secondary {
    background: linear-gradient(135deg, #64748b, #475569);
}

body.theme-dark .btn-success {
    background: linear-gradient(135deg, #34d399, #10b981);
}

body.theme-dark .btn-warning {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
}

body.theme-dark .btn-enterprise:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 25px -8px rgba(96, 165, 250, 0.4);
}

/* Alerts and messages */
body.theme-dark .alert-info {
    background: rgba(59, 130, 246, 0.15);
    color: #e2e8f0;
    border-left-color: #60a5fa;
}

body.theme-dark .alert-success {
    background: rgba(16, 185, 129, 0.15);
    color: #e2e8f0;
    border-left-color: #34d399;
}

body.theme-dark .alert-warning {
    background: rgba(245, 158, 11, 0.15);
    color: #e2e8f0;
    border-left-color: #fbbf24;
}

body.theme-dark .alert-error {
    background: rgba(239, 68, 68, 0.15);
    color: #e2e8f0;
    border-left-color: #f87171;
}

/* Modal styles */
body.theme-dark .modal-overlay {
    background: rgba(15, 23, 42, 0.8);
}

body.theme-dark .modal-content {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.98) 0%, rgba(51, 65, 85, 0.95) 100%);
    border-color: rgba(148, 163, 184, 0.3);
}

body.theme-dark .modal-header {
    background: linear-gradient(135deg, #60a5fa, #3b82f6);
    color: white;
}

body.theme-dark .modal-body {
    color: #cbd5e1;
}

body.theme-dark .modal-footer {
    background: rgba(30, 41, 59, 0.5);
    border-top-color: rgba(148, 163, 184, 0.2);
}

body.theme-dark .maintenance-section {
    background: linear-gradient(135deg, rgba(51, 65, 85, 0.8) 0%, rgba(71, 85, 105, 0.6) 100%);
    border-color: rgba(148, 163, 184, 0.3);
}

body.theme-dark .section-content {
    color: #cbd5e1;
}

/* Report results */
body.theme-dark #reportResults {
    color: #e2e8f0;
}

body.theme-dark #reportResults table {
    background: linear-gradient(135deg, rgba(51, 65, 85, 0.9) 0%, rgba(71, 85, 105, 0.8) 100%);
}

body.theme-dark #reportResults th {
    background: linear-gradient(135deg, #60a5fa, #3b82f6);
    color: white;
}

body.theme-dark #reportResults td {
    color: #e2e8f0;
    border-bottom-color: rgba(148, 163, 184, 0.2);
}

body.theme-dark #reportResults tr:hover {
    background: rgba(96, 165, 250, 0.1);
}

/* Performance indicators */
body.theme-dark .performance-indicator {
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.9), rgba(147, 51, 234, 0.9));
}

body.theme-dark .performance-badge {
    background: rgba(34, 211, 153, 0.15);
    border-color: rgba(34, 211, 153, 0.3);
    color: #34d399;
}

/* Language Toggle Button - Dark Mode */
body.theme-dark .lang-toggle-btn {
    background: rgba(30, 41, 59, 0.9) !important;
    border: 1px solid rgba(100, 116, 139, 0.5) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

body.theme-dark .lang-toggle-btn .lang-flag {
    color: #60a5fa;
}

body.theme-dark .lang-toggle-btn .lang-text {
    color: #e2e8f0 !important;
}

body.theme-dark .lang-toggle-btn:hover {
    background: rgba(51, 65, 85, 0.95) !important;
    border-color: rgba(96, 165, 250, 0.6) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

body.theme-dark .lang-toggle-btn:focus {
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.3), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}