/* FILE: dist/css/nexus-swal.css
   Cargar DESPUÉS de tu CSS principal Nexus.
*/
:root {
    --nx-dark: #2b2b2b;
    --nx-black: #000;
    --nx-yellow: #ffd200;
    --nx-white: #fff;
}

.swal2-container {
    z-index: 3000 !important; /* encima de modales bootstrap y sidebar */
}

.swal2-backdrop-show {
    background: rgba(0, 0, 0, 0.72) !important;
}

.swal2-popup.nexus-swal {
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 25px rgb(40 40 40) !important;
    padding: 18px 18px 16px !important;
}

.nexus-swal__title {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    color: var(--nx-dark) !important;
    font-size: 1.35rem !important;
}

.nexus-swal__content {
    font-family: "Quicksand", sans-serif !important;
    color: var(--nx-dark) !important;
    font-size: 1.05rem !important;
}

.swal2-icon.nexus-swal__icon {
    border-color: var(--nx-yellow) !important;
    color: var(--nx-yellow) !important;
}

/* icon colores específicos */
.swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(0, 200, 83, 0.35) !important;
}
.swal2-icon.swal2-success [class^="swal2-success-line"] {
    background-color: #00c853 !important;
}
.swal2-icon.swal2-error {
    border-color: #c94033 !important;
    color: #c94033 !important;
}
.swal2-icon.swal2-warning {
    border-color: var(--nx-yellow) !important;
    color: var(--nx-yellow) !important;
}
.swal2-icon.swal2-info {
    border-color: var(--nx-dark) !important;
    color: var(--nx-dark) !important;
}

.swal2-actions {
    margin-top: 14px !important;
    gap: 10px !important;
}

/* Botones: dejamos que tu CSS de .btn-primary/.btn-secondary mande */
.nexus-swal__btn {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
    padding: 12px 14px !important;
    font-size: 1.05rem !important;
    width: auto !important;
}

/* Inputs en prompts */
.swal2-input,
.swal2-textarea {
    font-family: "Quicksand", sans-serif !important;
    border-radius: 8px !important;
    border: 1px solid gainsboro !important;
    box-shadow: 0 10px 25px rgb(234, 234, 234) !important;
}