/* Fix modal overlay issue - use visibility instead of opacity to prevent z-index stacking issues */
#serverClassModal.modal:not(.show) {
    opacity: 1 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: none !important;
}

#serverClassModal.modal.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 1055 !important;
}

/* Ensure modal content is above backdrop */
#serverClassModal.modal.show .modal-dialog {
    z-index: 1056 !important;
    position: relative;
}

/* Modal backdrop fix - also use visibility and ensure it's below modal content */
.modal-backdrop:not(.show) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.modal-backdrop.show {
    opacity: 0.5 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 1050 !important;
}