/* Forzar todas las notificaciones a la parte inferior derecha del viewport */

/* Contenedor principal de notificaciones */
.notification-container {
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
    left: auto !important;
    top: auto !important;
    z-index: 10500 !important;
}

/* Toast de Bootstrap */
.toast,
.toast-container,
.position-fixed.bottom-0.end-0 {
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
    left: auto !important;
    top: auto !important;
}

/* Bootstrap Notify */
[data-notify="container"] {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    left: auto !important;
    top: auto !important;
    z-index: 10500 !important;
}

/* Cualquier elemento con clase toast */
[class*="toast"] {
    position: fixed !important;
}

/* Alertas que puedan aparecer como notificaciones */
.alert[role="alert"]:not(.modal .alert) {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    left: auto !important;
    top: auto !important;
    z-index: 10500 !important;
    max-width: 400px;
}

/* Override cualquier estilo inline que pueda cambiar la posición */
div[style*="top"]:has(.toast),
div[style*="left"]:has(.toast),
div[style*="position"]:has(.toast) {
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
    left: auto !important;
    top: auto !important;
}

/* Asegurar que los toasts dentro de modales no se muevan */
.modal .toast,
.modal [data-notify="container"] {
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
}