/*
* Descripción: Ventanas SweetAlert2 con los colores del tema (fondo, textos, campos y botones). Antes vivían en
* dashboard.css, que solo carga el login: en el panel las ventanas salían con fondo blanco fijo y, en temas oscuros,
* las etiquetas claras no se leían. Va en el paquete del núcleo (AssetBuilder) y el login la enlaza.
*/
/* ======================================================================
   PARCHE SWEETALERT2 (DOMANDO EL MODO CAMALEÓN)
   ====================================================================== */
.modal-box .swal2-html-container {
    margin: 0 !important;
    padding: 1.5rem 1.5rem 0 1.5rem !important;
    font-size: 0.95rem;
    color: var(--nx-text-muted, #718096);
}

.modal-box .swal2-input,
.modal-box .swal2-input.global-input {
    width: calc(100% - 3rem) !important;
    margin: 1rem auto 1.5rem auto !important;
    box-sizing: border-box !important;
    display: block;
}

.modal-box .swal2-validation-message {
    margin: 0 1.5rem 1.5rem 1.5rem !important;
    background: var(--nx-danger-soft, #fff5f5);
    color: var(--nx-danger, #c53030);
    border-radius: 6px;
}

.modal-box .swal2-actions {
    width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
}



/* ======================================================================
   PARCHE SWEETALERT2 (DOMANDO A LA LIBRERÍA - TONOS PASTEL)
   ====================================================================== */
div.swal2-popup {
    background: var(--nx-surface) !important;
    color: var(--nx-text) !important;
    border-radius: 12px !important;
    border: 1px solid var(--nx-border, #e2e8f0) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1) !important;
    padding: 25px 20px !important;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

div.swal2-title {
    color: var(--nx-text-strong, #2d3748) !important;
    font-size: 1.4rem !important;
}

div.swal2-html-container {
    color: var(--nx-text-secondary, #718096) !important;
    font-size: 1rem !important;
}

div.swal2-actions {
    gap: 15px !important;
    margin-top: 25px !important;
    width: 100% !important;
}

/* Forzar que los botones de SweetAlert usen todo el ancho si hay varios */
.swal2-actions .bs-btn {
    margin: 0 !important;
    flex: 0 1 200px; /* "Cancelar" y "Aceptar" del mismo ancho, sin partir el texto en dos líneas */
    min-width: 140px;
    white-space: nowrap;
    justify-content: center;
}
/* Botón principal de las ventanas: fondo suave de marca con el texto más fuerte del tema (blanco en temas oscuros,
 casi negro en claros) y borde de marca: contrasta con cualquier tema y color de marca. */
.swal2-actions .bs-btn.bs-btn-primary { background-color: var(--nx-primary-soft) !important; border: 2px solid var(--nx-primary) !important; color: var(--nx-text-strong) !important; font-weight: 700; }
.swal2-actions .bs-btn.bs-btn-primary:hover { background-color: var(--nx-primary-border) !important; }
/* Iconos, campos y cierre de SweetAlert con colores del tema */
div.swal2-popup .swal2-close { color: var(--nx-text-muted) !important; }
div.swal2-popup .swal2-input, div.swal2-popup .swal2-textarea, div.swal2-popup .swal2-select { background: var(--nx-surface-2) !important; color: var(--nx-text) !important; border-color: var(--nx-border-strong) !important; }
div.swal2-popup .swal2-validation-message { background: var(--nx-surface-2) !important; color: var(--nx-danger) !important; }
div.swal2-popup .global-label { color: var(--nx-text-secondary) !important; }