/* Custom styles for modal positioning */
.modal-dialog {
    margin: 30px auto !important;
    max-width: 90%;
    position: relative;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
}

/* RTL specific fixes */
[dir="rtl"] .modal-dialog {
    transform: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.modal-dialog-centered {
    display: flex;
    align-items: flex-start !important;
    justify-content: center;
}

/* Ensure modal content is properly centered */
.modal-content {
    width: 100%;
    margin: 0 auto;
}

/* Add max-height to modal body with scrolling */
.modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

/* Adjust modal backdrop opacity */
.modal-backdrop {
    opacity: 0.7 !important;
}