/**
 * Notificaciones Minimalistas - Bootstrap 5.3 + Alertify
 * Diseño moderno y discreto para notificaciones acumulables
 */

/* Sobrescribir estilos de alertify para hacerlos minimalistas */
.alertify-notifier .ajs-message.ajs-custom {
    background: transparent !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    padding: 0 !important;
    margin-bottom: 0.5rem !important;
    max-width: 340px !important;
}

/* Ajustar el contenedor de alertify para bottom-right */
.alertify-notifier.ajs-bottom.ajs-right {
    bottom: 1rem !important;
    right: 1rem !important;
}

/* Apilar notificaciones desde abajo hacia arriba */
.alertify-notifier.ajs-bottom .ajs-message {
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
}

/* Responsive */
@media (max-width: 576px) {
    .alertify-notifier.ajs-bottom.ajs-right {
        bottom: 0.5rem !important;
        right: 0.5rem !important;
        left: 0.5rem !important;
    }

    .alertify-notifier .ajs-message.ajs-custom {
        max-width: 100% !important;
    }
}