/* ===== Dark Mode ===== */
body.dark-mode {
    --bg: #1a1a2e;
    --bg-card: #16213e;
    --text: #e0e0e0;
    --text-light: #b0b0b0;
    --text-muted: #7a7a8a;
    --border: #2a2a4a;
    --border-light: #222244;
    --shadow: 0 2px 8px rgba(0,0,0,0.3);
    --shadow-lg: 0 4px 20px rgba(0,0,0,0.4);
}

body.dark-mode .login-screen {
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%);
}

body.dark-mode .login-card {
    background: #16213e;
}

body.dark-mode .login-logo {
    color: var(--accent);
}

body.dark-mode .login-card h2 {
    color: var(--text-light);
}

body.dark-mode .header {
    background: #0f0f23;
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
}

body.dark-mode .candidates-table th {
    background: #12122a;
}

body.dark-mode .candidates-table tbody tr:hover {
    background: #1e1e3a;
}

body.dark-mode .funnel-table th,
body.dark-mode .ads-table th {
    background: #12122a;
}

body.dark-mode .position-item,
body.dark-mode .budget-item,
body.dark-mode .user-item {
    background: #12122a;
    border-color: var(--border);
}

body.dark-mode .setting-info {
    background: #12122a;
}

body.dark-mode .modal-header {
    background: #16213e;
}

body.dark-mode .alert-panel {
    background: #16213e;
}

body.dark-mode .alert-panel-header {
    background: #16213e;
}

body.dark-mode .user-dropdown {
    background: #16213e;
    border-color: var(--border);
}

body.dark-mode .dropdown-item:hover {
    background: #1e1e3a;
}

body.dark-mode .login-error {
    background: #3b1010;
    color: #f87171;
}

body.dark-mode .alert-item.alert-urgent {
    background: #3b1010;
}

body.dark-mode .alert-item.alert-warning {
    background: #3b2e10;
}

body.dark-mode .status-neu { background: rgba(232,119,34,0.25); color: #f0a060; }
body.dark-mode .status-angerufen { background: rgba(59,130,246,0.25); color: #60a5fa; }
body.dark-mode .status-nicht-erreicht { background: rgba(239,68,68,0.25); color: #f87171; }
body.dark-mode .status-termin { background: rgba(245,158,11,0.25); color: #fbbf24; }
body.dark-mode .status-probearbeit { background: rgba(132,204,22,0.25); color: #a3e635; }
body.dark-mode .status-eingestellt { background: rgba(34,197,94,0.25); color: #4ade80; }
body.dark-mode .status-absage { background: rgba(156,163,175,0.3); color: #9ca3af; }

body.dark-mode .toast {
    background: #2a2a4a;
}

body.dark-mode .search-box {
    background: #12122a;
    border-color: var(--border);
}

body.dark-mode .search-box input {
    color: var(--text);
}

body.dark-mode @keyframes pulse-red {
    0%, 100% { background: transparent; }
    50% { background: rgba(239,68,68,0.1); }
}

body.dark-mode @keyframes pulse-yellow {
    0%, 100% { background: transparent; }
    50% { background: rgba(245,158,11,0.1); }
}

body.dark-mode .recent-item:hover {
    background: #1e1e3a;
}

body.dark-mode .dark-mode-toggle svg {
    fill: #fbbf24;
    stroke: #fbbf24;
}

body.dark-mode .header-center.mobile-open {
    background: #0f0f23;
}

body.dark-mode .campaigns-table th {
    background: #12122a;
}

body.dark-mode .campaigns-table tbody tr:hover {
    background: #1e1e3a;
}

body.dark-mode .camp-kpi {
    background: #12122a;
}

body.dark-mode .camp-status-aktiv { background: rgba(34,197,94,0.25); color: #4ade80; }
body.dark-mode .camp-status-pausiert { background: rgba(245,158,11,0.25); color: #fbbf24; }
body.dark-mode .camp-status-beendet { background: rgba(156,163,175,0.3); color: #9ca3af; }

body.dark-mode .quick-link {
    background: #12122a;
    border-color: var(--border);
    color: var(--accent);
}

body.dark-mode .quick-link:hover {
    background: var(--primary);
    color: white;
}