/* Fix for modal visibility issues */
.modal {
    display: none !important;
}

.modal.show {
    display: block !important;
}

.modal.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.modal.fade.show {
    opacity: 1;
}

/* Ensure modals are visible when shown */
.modal.show {
    pointer-events: auto;
}

.modal.show * {
    pointer-events: auto;
}

/* Fix for modal backdrop */
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}