/* ===== MFA OTP Modal ===== */
#mfaOtpModal.custom-modal-background {
    overflow: hidden;
}

#mfaOtpModal .custom-modal-dialog {
    overflow: visible;
    max-height: none;
}

#mfaOtpModal .custom-modal-div .modal-body {
    max-height: none;
    overflow: visible;
}

#mfaOtpModal .custom-modal-button-container {
    align-items: center;
    height: auto;
}

#mfaOtpModal .custom-modal-button-container .btn {
    width: auto;
}

/* ===== Trusted Device Modal ===== */
#trustedDeviceModal.custom-modal-background {
    overflow: hidden;
}

#trustedDeviceModal .custom-modal-dialog {
    overflow: visible;
    max-height: none;
}

#trustedDeviceModal .custom-modal-div .modal-body {
    max-height: none;
    overflow: visible;
}

#trustedDeviceModal .custom-modal-button-container {
    flex-direction: row;
    align-items: center;
    height: auto;
    gap: 15px;
}

#trustedDeviceModal .custom-modal-button-container .btn {
    width: auto;
    min-width: 140px;
}

/* ===== Phone Verification Modal ===== */
#phoneVerificationModal.custom-modal-background,
#phoneVerificationSkipModal.custom-modal-background,
#missingPhoneNumberModal.custom-modal-background {
    overflow: hidden;
}

#phoneVerificationModal .custom-modal-dialog,
#phoneVerificationSkipModal .custom-modal-dialog,
#missingPhoneNumberModal .custom-modal-dialog {
    overflow: visible;
    max-height: none;
}

#phoneVerificationModal .custom-modal-div .modal-body,
#phoneVerificationSkipModal .custom-modal-div .modal-body,
#missingPhoneNumberModal .custom-modal-div .modal-body {
    max-height: none;
    overflow: visible;
}

#phoneVerificationModal .custom-modal-button-container,
#missingPhoneNumberModal .custom-modal-button-container {
    flex-direction: row;
    align-items: center;
    height: auto;
    gap: 15px;
}

#phoneVerificationModal .custom-modal-button-container .btn,
#missingPhoneNumberModal .custom-modal-button-container .btn {
    width: auto;
    min-width: 140px;
}