/* AGGRESSIVE FIX for MDB modal issues */

/* Override MDB fade.left animation completely */
.modal.fade.left.in,
.modal.fade.left.show,
.modal.fade.in,
.modal.show {
    display: block !important;
}

/* Force modal-dialog to be visible - highest priority */
.modal .modal-dialog,
.modal.fade .modal-dialog,
.modal.fade.left .modal-dialog,
.modal.fade.left.in .modal-dialog,
.modal.fade.left.show .modal-dialog,
.modal.in .modal-dialog,
.modal.show .modal-dialog {
    transform: translate(0, 0) !important;
    -webkit-transform: translate(0, 0) !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin: 1.75rem auto !important;
    position: relative !important;
}

/* Force modal-content to be visible */
.modal .modal-content,
.modal.fade .modal-content,
.modal.fade.left .modal-content {
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: white !important;
}

/* Ensure modal header, body, footer are visible */
.modal .modal-header,
.modal .modal-body,
.modal .modal-footer {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Make sure backdrop is behind modal */
.modal-backdrop {
    z-index: 1040 !important;
}

/* Ensure modal container has proper z-index */
.modal {
    z-index: 1050 !important;
}