/* Fix for notifications appearing behind modals */
/* This file should be included after notifier.css */

.notifier-container {
    z-index: 99999 !important;
    position: fixed !important;
    top: 4px !important;
    right: 4px !important;
    pointer-events: none !important;
}

.notifier-container .notifier {
    pointer-events: auto !important;
    z-index: 100000 !important;
    position: relative !important;
}

/* When modal is open, ensure notifications are still visible */
body.modal-open .notifier-container,
.modal.show ~ .notifier-container,
body:has(.modal.show) .notifier-container {
    z-index: 99999 !important;
}

/* Bootstrap 5 modal z-index is 1055, so we need much higher */
.modal {
    z-index: 1055;
}

.modal-backdrop {
    z-index: 1050;
}