/* SweetAlert2 selects */
.swal2-select {
    background-color: #0f172a !important;
    color: #f8fafc !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.swal2-select option {
    background-color: #0f172a !important;
    color: #f8fafc !important;
}

body.light-mode .swal2-select {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid rgba(15, 23, 42, 0.25) !important;
}

body.light-mode .swal2-select option {
    background-color: #ffffff !important;
    color: #0f172a !important;
}
/* SweetAlert2 sigue el tema activo de la aplicación, aunque la llamada pase
   colores inline en sus opciones. */
body:not(.light-mode) .swal2-popup {
    background: #111827 !important;
    border: 1px solid rgba(226, 232, 240, 0.22);
    border-radius: 18px;
    color: #f8fafc !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
}

body:not(.light-mode) .swal2-title,
body:not(.light-mode) .swal2-html-container,
body:not(.light-mode) .swal2-content,
body:not(.light-mode) .swal2-footer,
body:not(.light-mode) .swal2-checkbox,
body:not(.light-mode) .swal2-radio {
    color: #f8fafc !important;
}

body:not(.light-mode) .swal2-input,
body:not(.light-mode) .swal2-file,
body:not(.light-mode) .swal2-textarea,
body:not(.light-mode) .swal2-select {
    background: #1f2937 !important;
    border-color: #475569 !important;
    color: #f8fafc !important;
}

body:not(.light-mode) .swal2-input::placeholder,
body:not(.light-mode) .swal2-textarea::placeholder {
    color: #cbd5e1 !important;
}

body:not(.light-mode) .swal2-validation-message {
    background: #273449 !important;
    color: #f8fafc !important;
}

body.light-mode .swal2-popup {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 18px;
    color: #172033 !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.2);
}

body.light-mode .swal2-title,
body.light-mode .swal2-html-container,
body.light-mode .swal2-content,
body.light-mode .swal2-footer,
body.light-mode .swal2-checkbox,
body.light-mode .swal2-radio {
    color: #172033 !important;
}

body.light-mode .swal2-input,
body.light-mode .swal2-file,
body.light-mode .swal2-textarea,
body.light-mode .swal2-select {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #172033 !important;
}

body.light-mode .swal2-input::placeholder,
body.light-mode .swal2-textarea::placeholder {
    color: #64748b !important;
}

body.light-mode .swal2-validation-message {
    background: #f1f5f9 !important;
    color: #334155 !important;
}

.swal2-confirm,
.swal2-cancel,
.swal2-deny {
    border-radius: 9px !important;
    box-shadow: none !important;
    transition: filter 0.15s ease, transform 0.15s ease;
}

.swal2-confirm:hover,
.swal2-cancel:hover,
.swal2-deny:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.swal2-confirm:focus-visible,
.swal2-cancel:focus-visible,
.swal2-deny:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}