/* Emergency modal fix - ensures modals are always on top and interactive */
.modal-open .modal {
    z-index: 99999 !important;
    pointer-events: auto !important;
}

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

.modal-open .modal .modal-dialog {
    z-index: 99999 !important;
    pointer-events: auto !important;
}

.modal-open .modal .modal-content {
    pointer-events: auto !important;
}

/* Disable all other overlays when modal is open */
.modal-open .sidebar-overlay,
.modal-open .loading-overlay,
.modal-open [class*="overlay"]:not(.modal):not(.modal-backdrop) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Ensure body doesn't block pointer events */
.modal-open {
    overflow: hidden !important;
    pointer-events: auto !important;
}

/* Ensure modal body has ghost scrollbar */
.modal .modal-body {
    max-height: 70vh;
    overflow: auto;
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: rgba(212, 175, 55, 0.5) transparent; /* Firefox */
}

.modal .modal-body::-webkit-scrollbar {
    width: 8px;
}

.modal .modal-body::-webkit-scrollbar-track {
    background: transparent;
}

.modal .modal-body::-webkit-scrollbar-thumb {
    background-color: rgba(212, 175, 55, 0.5); /* gold, semi-transparent */
    border-radius: 4px;
}

.modal .modal-body:hover::-webkit-scrollbar-thumb {
    background-color: rgba(212, 175, 55, 0.8);
}