/* ==========================================================================
   WP Staging Admin - Dark Theme
   ========================================================================== */

[data-theme="dark"] {
    /* Override colors for dark mode */
    --color-gray-50: #1F2937;
    --color-gray-100: #374151;
    --color-gray-200: #4B5563;
    --color-gray-300: #6B7280;
    --color-gray-400: #9CA3AF;
    --color-gray-500: #D1D5DB;
    --color-gray-600: #E5E7EB;
    --color-gray-700: #F3F4F6;
    --color-gray-800: #F9FAFB;
    --color-gray-900: #FFFFFF;

    /* Adjust primary colors for dark mode */
    --color-primary-50: #1E3A5F;
    --color-primary-100: #1E40AF;
}

[data-theme="dark"] body {
    background-color: #111827;
}

[data-theme="dark"] .sidebar {
    background: #1F2937;
    border-color: #374151;
}

[data-theme="dark"] .sidebar-header {
    border-color: #374151;
}

[data-theme="dark"] .sidebar-footer {
    border-color: #374151;
}

[data-theme="dark"] .topbar {
    background: #1F2937;
    border-color: #374151;
}

[data-theme="dark"] .search-input {
    background: #374151;
    border-color: #4B5563;
    color: white;
}

[data-theme="dark"] .search-input:focus {
    background: #374151;
    border-color: var(--color-primary-500);
}

[data-theme="dark"] .user-dropdown {
    background: #1F2937;
    border-color: #374151;
}

[data-theme="dark"] .card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .staging-card,
[data-theme="dark"] .presets-card,
[data-theme="dark"] .settings-content {
    background: #1F2937;
    border-color: #374151;
}

[data-theme="dark"] .card-header {
    border-color: #374151;
}

[data-theme="dark"] .card-footer {
    background: #111827;
    border-color: #374151;
}

[data-theme="dark"] .data-table th {
    background: #111827;
}

[data-theme="dark"] .data-table th,
[data-theme="dark"] .data-table td {
    border-color: #374151;
}

[data-theme="dark"] .data-table tbody tr:hover {
    background: #374151;
}

[data-theme="dark"] .progress-bar {
    background: #374151;
}

[data-theme="dark"] .table-footer {
    border-color: #374151;
}

[data-theme="dark"] .pagination-btn {
    background: #1F2937;
    border-color: #4B5563;
}

[data-theme="dark"] .tabs {
    border-color: #374151;
}

[data-theme="dark"] .staging-card-header {
    background: #111827;
    border-color: #374151;
}

[data-theme="dark"] .staging-card-footer {
    border-color: #374151;
}

[data-theme="dark"] .backup-stats {
    background: #1F2937;
    border-color: #374151;
}

[data-theme="dark"] .snapshots-timeline {
    background: #1F2937;
    border-color: #374151;
}

[data-theme="dark"] .timeline::before {
    background: #374151;
}

[data-theme="dark"] .snapshot-card {
    background: #111827;
}

[data-theme="dark"] .btn-secondary {
    background: #374151;
    border-color: #4B5563;
    color: #F3F4F6;
}

[data-theme="dark"] .btn-secondary:hover:not(:disabled) {
    background: #4B5563;
    border-color: #6B7280;
}

[data-theme="dark"] .quick-action-btn {
    background: #111827;
    border-color: #374151;
}

[data-theme="dark"] .quick-action-btn:hover {
    background: #374151;
}

[data-theme="dark"] .preset-btn {
    background: #111827;
    border-color: #374151;
    color: #E5E7EB;
}

[data-theme="dark"] .preset-btn:hover {
    background: #374151;
}

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-textarea {
    background: #374151;
    border-color: #4B5563;
    color: white;
}

[data-theme="dark"] .input-suffix {
    background: #111827;
    border-color: #4B5563;
}

[data-theme="dark"] .radio-label {
    border-color: #374151;
}

[data-theme="dark"] .radio-label:hover {
    background: #374151;
}

[data-theme="dark"] .toggle-slider {
    background: #4B5563;
}

[data-theme="dark"] .dropdown-menu {
    background: #1F2937;
    border-color: #374151;
}

[data-theme="dark"] .dropdown-menu .dropdown-item:hover {
    background: #374151;
}

[data-theme="dark"] .modal-dialog {
    background: #1F2937;
}

[data-theme="dark"] .modal-header {
    border-color: #374151;
}

[data-theme="dark"] .modal-footer {
    background: #111827;
    border-color: #374151;
}

[data-theme="dark"] .confirmation-summary {
    background: #111827;
}

[data-theme="dark"] .summary-list dt {
    color: #9CA3AF;
}

[data-theme="dark"] .estimate {
    border-color: #374151;
}

[data-theme="dark"] .toast {
    background: #1F2937;
    border-color: #374151;
}

[data-theme="dark"] .subdomain-item {
    border-color: #374151;
}

[data-theme="dark"] .subdomain-item:hover {
    background: #374151;
}

[data-theme="dark"] .meta-tag {
    background: #374151;
    color: #D1D5DB;
}

[data-theme="dark"] .filter-input,
[data-theme="dark"] .filter-select,
[data-theme="dark"] .select-sm,
[data-theme="dark"] .select-md {
    background: #374151;
    border-color: #4B5563;
    color: white;
}

[data-theme="dark"] .settings-nav-btn:hover {
    background: #374151;
}

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

[data-theme="dark"] .settings-title {
    border-color: #374151;
}

[data-theme="dark"] .form-actions {
    border-color: #374151;
}

[data-theme="dark"] .activity-item {
    border-color: #374151;
}

[data-theme="dark"] .stepper .step:not(:last-child)::after {
    background: #374151;
}

[data-theme="dark"] .stepper .step-number {
    background: #374151;
}

[data-theme="dark"] .checkbox-label,
[data-theme="dark"] .toggle-label {
    color: #E5E7EB;
}

/* Adjust color variants for dark mode */
[data-theme="dark"] .stat-icon-primary {
    background: rgba(59, 130, 246, 0.2);
}

[data-theme="dark"] .stat-icon-success {
    background: rgba(16, 185, 129, 0.2);
}

[data-theme="dark"] .stat-icon-warning {
    background: rgba(245, 158, 11, 0.2);
}

[data-theme="dark"] .stat-icon-info {
    background: rgba(59, 130, 246, 0.2);
}

[data-theme="dark"] .activity-icon-success {
    background: rgba(16, 185, 129, 0.2);
}

[data-theme="dark"] .activity-icon-warning {
    background: rgba(245, 158, 11, 0.2);
}

[data-theme="dark"] .activity-icon-danger {
    background: rgba(239, 68, 68, 0.2);
}

[data-theme="dark"] .activity-icon-info {
    background: rgba(59, 130, 246, 0.2);
}

[data-theme="dark"] .activity-user {
    background: #374151;
}

[data-theme="dark"] .backup-type-full {
    background: rgba(59, 130, 246, 0.2);
}

[data-theme="dark"] .backup-type-db {
    background: rgba(16, 185, 129, 0.2);
}

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

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

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

[data-theme="dark"] .badge-secondary {
    background: #374151;
    color: #D1D5DB;
}

[data-theme="dark"] .badge-info {
    background: rgba(59, 130, 246, 0.2);
    color: #60A5FA;
}

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

[data-theme="dark"] .nav-link.active {
    background: rgba(59, 130, 246, 0.2);
}

[data-theme="dark"] .skeleton {
    background: linear-gradient(90deg, #374151 25%, #4B5563 50%, #374151 75%);
    background-size: 200% 100%;
}