/* ==================== DARK THEME OVERRIDES ==================== */
[data-theme="dark"] {
    --bg-main: #0f172a;
    --bg-card: #1e293b;
    --bg-secondary: #1a2332;
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --border: #334155;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);

    --bg-card-rgb: 30, 41, 59;
    --bg-main-rgb: 15, 23, 42;

    --bg-unallocated: rgba(245, 158, 11, 0.15);
    --text-unallocated: #fbbf24;
    --bg-warning-hover: rgba(245, 158, 11, 0.2);

    color-scheme: dark;
}

/* Dark mode form inputs */
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group select,
[data-theme="dark"] .form-group textarea,
[data-theme="dark"] .form-control,
[data-theme="dark"] .search-input {
    background: var(--bg-card);
    color: var(--text-primary);
    border-color: var(--border);
}

/* Dark mode alerts */
[data-theme="dark"] .alert.success {
    background: rgba(16, 185, 129, 0.15);
    color: #6ee7b7;
    border-color: rgba(16, 185, 129, 0.3);
}

[data-theme="dark"] .alert.danger {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.3);
}

[data-theme="dark"] .alert.warning {
    background: rgba(245, 158, 11, 0.15);
    color: #fcd34d;
    border-color: rgba(245, 158, 11, 0.3);
}

[data-theme="dark"] .alert.info {
    background: rgba(59, 130, 246, 0.15);
    color: #93c5fd;
    border-color: rgba(59, 130, 246, 0.3);
}

/* Dark mode badges */
[data-theme="dark"] .badge {
    background: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
}

[data-theme="dark"] .badge-success {
    background: rgba(16, 185, 129, 0.2);
    color: #6ee7b7;
}

[data-theme="dark"] .badge-danger {
    background: rgba(239, 68, 68, 0.2);
    color: #fca5a5;
}

[data-theme="dark"] .badge-warning {
    background: rgba(245, 158, 11, 0.2);
    color: #fcd34d;
}

/* Dark mode modals */
[data-theme="dark"] .modal {
    background: rgba(0, 0, 0, 0.7);
}

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

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

/* Dark mode confirm modal */
[data-theme="dark"] .confirm-modal-content {
    background: var(--bg-card);
}

/* Dark mode loading overlay */
[data-theme="dark"] .loading-overlay {
    background: rgba(var(--bg-card-rgb), 0.8);
}

/* Dark mode stats cards */
[data-theme="dark"] .stat-card,
[data-theme="dark"] .stat-item {
    background: var(--bg-card);
    border-color: var(--border);
}

/* Dark mode notification dropdown */
[data-theme="dark"] .notification-dropdown {
    background: var(--bg-card);
    border-color: var(--border);
}

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

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

/* Dark mode undo link */
[data-theme="dark"] .undo-link {
    background: var(--bg-secondary);
}

/* Dark mode card header */
[data-theme="dark"] .card-header {
    background: var(--bg-secondary);
}

/* Dark mode pagination */
[data-theme="dark"] .page-link {
    background: var(--bg-card);
    color: var(--text-primary);
    border-color: var(--border);
}

[data-theme="dark"] .page-link:hover {
    background: var(--bg-secondary);
}

[data-theme="dark"] .page-link.active {
    background: var(--primary);
    color: white;
}

/* Dark mode login page */
[data-theme="dark"] .login-card {
    background: var(--bg-card);
    color: var(--text-primary);
}

[data-theme="dark"] .login-card input {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--border);
}

[data-theme="dark"] .login-header h1 {
    color: var(--text-primary);
}

[data-theme="dark"] .login-card label {
    color: var(--text-secondary);
}

/* Dark mode 403 page */
[data-theme="dark"] .error-card {
    background: var(--bg-card);
    color: var(--text-primary);
}

/* Dark mode table containers */
[data-theme="dark"] .table-container {
    background: var(--bg-card);
}

/* Dark mode select/option elements */
[data-theme="dark"] select option {
    background: var(--bg-card);
    color: var(--text-primary);
}

/* Dark mode status badges */
[data-theme="dark"] .status-draft {
    background: rgba(100, 116, 139, 0.2);
    color: #94a3b8;
}

[data-theme="dark"] .status-pending {
    background: rgba(245, 158, 11, 0.2);
    color: #fcd34d;
}

[data-theme="dark"] .status-confirmed,
[data-theme="dark"] .status-placed {
    background: rgba(59, 130, 246, 0.2);
    color: #93c5fd;
}

[data-theme="dark"] .status-processing,
[data-theme="dark"] .status-received {
    background: rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
}

[data-theme="dark"] .status-shipped {
    background: rgba(6, 182, 212, 0.2);
    color: #67e8f9;
}

[data-theme="dark"] .status-completed,
[data-theme="dark"] .status-complete {
    background: rgba(16, 185, 129, 0.2);
    color: #6ee7b7;
}

[data-theme="dark"] .status-cancelled {
    background: rgba(239, 68, 68, 0.2);
    color: #fca5a5;
}

/* Dark mode priority badges */
[data-theme="dark"] .priority-low {
    background: rgba(100, 116, 139, 0.2);
    color: #94a3b8;
}

[data-theme="dark"] .priority-normal {
    background: rgba(59, 130, 246, 0.2);
    color: #93c5fd;
}

[data-theme="dark"] .priority-high {
    background: rgba(245, 158, 11, 0.2);
    color: #fcd34d;
}

[data-theme="dark"] .priority-urgent {
    background: rgba(239, 68, 68, 0.2);
    color: #fca5a5;
}

/* Dark mode notification icons */
[data-theme="dark"] .notification-icon.low-stock {
    background: rgba(245, 158, 11, 0.2);
    color: #fbbf24;
}

[data-theme="dark"] .notification-icon.out-of-stock {
    background: rgba(239, 68, 68, 0.2);
    color: #fca5a5;
}

[data-theme="dark"] .notification-icon.system {
    background: rgba(14, 165, 233, 0.2);
    color: #7dd3fc;
}

/* Dark mode bin card hover */
[data-theme="dark"] .bin-card:hover {
    background: var(--bg-secondary);
}

/* Dark mode badge variants */
[data-theme="dark"] .badge-info {
    background: rgba(6, 182, 212, 0.2);
    color: #67e8f9;
}

[data-theme="dark"] .badge-secondary {
    background: rgba(100, 116, 139, 0.2);
    color: #94a3b8;
}

[data-theme="dark"] .badge-purple {
    background: rgba(139, 92, 246, 0.2);
    color: #c4b5fd;
}

/* ==================== THEME TOGGLE BUTTON ==================== */
.theme-toggle-btn {
    padding: 8px;
    color: var(--text-muted, var(--text-secondary));
    transition: color 0.2s;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
}

.theme-toggle-btn:hover {
    color: var(--primary);
}