/* ============================================
   MSG INVOICE TRACKER - THÈME SOMBRE
   ============================================ */

[data-theme="dark"] {
    --bg: #0f172a;
    --bg-secondary: #1e293b;
    --bg-card: #1e293b;
    --bg-hover: #334155;
    --text: #e2e8f0;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --border: #334155;
    --border-light: #1e293b;
    --shadow: 0 1px 3px rgba(0,0,0,0.3);
    --shadow-lg: 0 10px 40px rgba(0,0,0,0.4);
    
    --primary: #818cf8;
    --primary-light: #1e1b4b;
    --primary-dark: #6366f1;
    --success: #34d399;
    --success-light: #064e3b;
    --warning: #fbbf24;
    --warning-light: #78350f;
    --danger: #f87171;
    --danger-light: #7f1d1d;
    --info: #60a5fa;
    --info-light: #1e3a5f;
    --purple: #a78bfa;
    --purple-light: #3b1f6e;
}

[data-theme="dark"] body {
    background: var(--bg);
    color: var(--text);
}

[data-theme="dark"] .card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .kpi-card,
[data-theme="dark"] .responsible-card,
[data-theme="dark"] .stat-mini,
[data-theme="dark"] .kpi {
    background: var(--bg-card);
    border-color: var(--border);
    color: var(--text);
}

[data-theme="dark"] .card-header {
    border-bottom-color: var(--border);
}

[data-theme="dark"] .top-bar {
    background: var(--bg-card);
    border-color: var(--border);
}

[data-theme="dark"] .sidebar {
    background: #0c1222;
}

[data-theme="dark"] table th {
    background: var(--bg-secondary);
    color: var(--text-secondary);
}

[data-theme="dark"] table td {
    border-bottom-color: var(--border);
    color: var(--text);
}

[data-theme="dark"] table tbody tr:hover {
    background: var(--bg-hover);
}

[data-theme="dark"] .form-control {
    background: var(--bg-secondary);
    border-color: var(--border);
    color: var(--text);
}

[data-theme="dark"] .form-control:focus {
    border-color: var(--primary);
    background: var(--bg);
}

[data-theme="dark"] .upload-zone {
    background: var(--bg-secondary);
    border-color: var(--border);
}

[data-theme="dark"] .upload-zone:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
}

[data-theme="dark"] .btn-outline {
    border-color: var(--border);
    color: var(--text-secondary);
}

[data-theme="dark"] .btn-outline:hover {
    border-color: var(--primary);
    color: var(--primary);
    background: var(--primary-light);
}

[data-theme="dark"] .alert-info {
    background: var(--info-light);
    color: var(--info);
    border-color: var(--info);
}

[data-theme="dark"] .alert-success {
    background: var(--success-light);
    color: var(--success);
    border-color: var(--success);
}

[data-theme="dark"] .alert-warning {
    background: var(--warning-light);
    color: var(--warning);
    border-color: var(--warning);
}

[data-theme="dark"] .alert-danger {
    background: var(--danger-light);
    color: var(--danger);
    border-color: var(--danger);
}

[data-theme="dark"] .summary-box,
[data-theme="dark"] .invoice-summary {
    background: var(--bg-secondary);
}

[data-theme="dark"] .info-box {
    background: var(--info-light);
    border-color: var(--info);
    color: var(--info);
}

[data-theme="dark"] .dropdown-menu {
    background: var(--bg-card);
    border-color: var(--border);
}

[data-theme="dark"] .dropdown-item {
    color: var(--text);
}

[data-theme="dark"] .dropdown-item:hover {
    background: var(--bg-hover);
}

[data-theme="dark"] .badge-gray {
    background: var(--bg-hover);
    color: var(--text-secondary);
}

[data-theme="dark"] .text-dark {
    color: var(--text) !important;
}

[data-theme="dark"] .section-num,
[data-theme="dark"] .section-number {
    background: var(--primary-light);
    color: var(--primary);
}

[data-theme="dark"] .upload-zone p,
[data-theme="dark"] .upload-zone i {
    color: var(--text-muted);
}

[data-theme="dark"] .kpi-label,
[data-theme="dark"] .stat-label {
    color: var(--text-muted);
}

[data-theme="dark"] .kpi-value,
[data-theme="dark"] .stat-value {
    color: var(--text);
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--bg);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--border);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}

/* Modal */
[data-theme="dark"] .modal-content {
    background: var(--bg-card);
    color: var(--text);
}

/* Priority cards */
[data-theme="dark"] .priority-card {
    border-color: var(--border);
}

[data-theme="dark"] .priority-card:hover {
    border-color: var(--primary);
}

/* Role cards */
[data-theme="dark"] .role-card {
    border-color: var(--border);
}

[data-theme="dark"] .role-card:hover {
    border-color: var(--primary);
}

/* Payment method cards */
[data-theme="dark"] .payment-method-card,
[data-theme="dark"] .method-card {
    border-color: var(--border);
}

[data-theme="dark"] .payment-method-card:hover,
[data-theme="dark"] .method-card:hover {
    border-color: var(--primary);
}

/* Tabs */
[data-theme="dark"] .tab-nav {
    border-bottom-color: var(--border);
}

[data-theme="dark"] .tab-btn {
    color: var(--text-muted);
}

[data-theme="dark"] .tab-btn.active {
    color: var(--primary);
}

/* Progress bar */
[data-theme="dark"] .progress-bar,
[data-theme="dark"] .password-strength {
    background: var(--border);
}

/* File preview */
[data-theme="dark"] .file-preview {
    background: var(--success-light);
    border-color: var(--success);
}

/* Unassigned box */
[data-theme="dark"] .unassigned-box {
    background: var(--warning-light);
}

[data-theme="dark"] .unassigned-item {
    background: var(--bg-card);
    border-color: var(--border);
}

/* Filter pills */
[data-theme="dark"] .filter-pill.all {
    background: var(--bg-hover);
    color: var(--text-secondary);
}