/* FIX: Ensure modals are always on top and visible */
.modal {
    display: flex !important;
    /* Force flex display */
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    z-index: var(--z-modal) !important;
}

.modal.hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Ensure modal content is visible */
.modal-content {
    visibility: visible !important;
    opacity: 1 !important;
}