/* Force navbar colors to apply instantly based on theme */
[data-theme="dark"] .main-header.navbar {
    background-color: #343a40 !important;
    color: #fff !important;
}

[data-theme="light"] .main-header.navbar {
    background-color: #ffffff !important;
    color: #1f2d3d !important;
}

/* SweetAlert2 Dark Mode Styling */
[data-theme="dark"] .swal2-popup {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border: 1px solid #404040 !important;
}

[data-theme="dark"] .swal2-title {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .swal2-content,
[data-theme="dark"] .swal2-html-container {
    color: #b0b0b0 !important;
}

[data-theme="dark"] .swal2-input,
[data-theme="dark"] .swal2-textarea,
[data-theme="dark"] .swal2-select {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

[data-theme="dark"] .swal2-input:focus,
[data-theme="dark"] .swal2-textarea:focus,
[data-theme="dark"] .swal2-select:focus {
    border-color: #666 !important;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.25) !important;
}

[data-theme="dark"] .swal2-footer {
    border-top-color: #404040 !important;
    color: #b0b0b0 !important;
}

[data-theme="dark"] .swal2-close {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .swal2-close:hover {
    color: #fff !important;
}

/* SweetAlert2 validation message */
[data-theme="dark"] .swal2-validation-message {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

/* SweetAlert2 progress steps */
[data-theme="dark"] .swal2-progress-steps .swal2-progress-step {
    background-color: #404040 !important;
}

[data-theme="dark"]
    .swal2-progress-steps
    .swal2-progress-step.swal2-active-progress-step {
    background-color: #007bff !important;
}

/* SweetAlert2 icons - keep original colors but adjust brightness */
[data-theme="dark"] .swal2-icon.swal2-success [class^="swal2-success-line"] {
    background-color: #28a745 !important;
}

[data-theme="dark"] .swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(40, 167, 69, 0.3) !important;
}

/* Theme switcher dropdown styling */
#theme-dropdown {
    min-width: 8rem;
}

#theme-dropdown .dropdown-item {
    padding: 0.5rem 1rem;
}

#theme-dropdown .dropdown-item i.fa-check {
    visibility: hidden;
}

#theme-dropdown .dropdown-item.active i.fa-check {
    visibility: visible;
}