/* Toast Z-Index Management
 * Ensures toast alerts always appear on top of all other elements
 * This file should be included in the main layout or specific pages that use toasts
 */

/* Toast container - ensure it's positioned correctly */
#toast-container {
    z-index: 99999 !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    padding: 1rem !important;
}

/* Individual toast notifications */
.toast-notification {
    z-index: 100000 !important;
    margin-bottom: 0.5rem !important;
}

.toast-notification .toast {
    z-index: 100000 !important;
}

/* Toast confirm dialogs */
#toast-confirm-layer {
    z-index: 1080 !important;
}

.toast-confirm-wrapper {
    z-index: 1080 !important;
}

.toast-confirm {
    z-index: 1081 !important;
}

/* Bootstrap toast overrides */
.toast.show {
    z-index: 100000 !important;
}

/* Alert components */
.alert,
.alert-dismissible {
    z-index: 99999 !important;
}

/* Modal z-index management - ensure modals don't interfere with toasts */
.modal {
    z-index: 1050 !important;
}

.modal-backdrop {
    z-index: 1040 !important;
}

/* Dropdown z-index management */
.dropdown-menu {
    z-index: 1000 !important;
}

/* Navbar z-index management */
.navbar {
    z-index: 1030 !important;
}

/* Tooltip z-index management */
.tooltip {
    z-index: 1070 !important;
}

/* Popover z-index management */
.popover {
    z-index: 1060 !important;
}

/* Z-Index Hierarchy:
 * Toast Confirm: 1081 (highest priority)
 * Toast Confirm Layer: 1080
 * Tooltip: 1070
 * Popover: 1060
 * Modal: 1050
 * Modal Backdrop: 1040
 * Navbar: 1030
 * Toast Notifications: 100000
 * Toast Container: 99999
 * Alert Components: 99999
 * Dropdown: 1000
 */