.masterstudy-authorization .inno100-registration-phone-international,
.masterstudy-authorization .inno100-registration-phone-international .iti,
.masterstudy-authorization .inno100-registration-phone-international .inno100-intl-phone,
#stm_lms_edit_account .inno100-profile-phone-field .iti,
#stm_lms_edit_account .inno100-profile-phone-field .inno100-profile-intl-phone {
    width: 100%;
}

.masterstudy-authorization .inno100-registration-phone-international .iti__selected-country {
    border-right: 1px solid rgba(34, 34, 34, 0.14);
    padding-left: 14px;
    padding-right: 12px;
}

.masterstudy-authorization .inno100-registration-phone-international .iti__selected-dial-code {
    font-weight: 600;
}

.masterstudy-authorization .inno100-registration-phone-international .iti__country-container {
    z-index: 3;
}

.masterstudy-authorization .inno100-registration-phone-international .iti__dropdown-content {
    z-index: 100000;
}

#stm_lms_edit_account .inno100-profile-phone-field .iti__selected-country {
    border-right: 1px solid rgba(34, 34, 34, 0.14);
    padding-left: 14px;
    padding-right: 12px;
}

#stm_lms_edit_account .inno100-profile-phone-field .iti__selected-dial-code {
    font-weight: 600;
}

#stm_lms_edit_account .inno100-profile-phone-field .iti__dropdown-content {
    z-index: 100000;
}

/* MasterStudy Form Builder can retain a legacy phone custom field while the
 * native personal-data phone is enabled. Keep only the canonical field visible. */
#stm_lms_edit_account .inno100-hidden-duplicate-phone-field {
    display: none !important;
}

.masterstudy-authorization .inno100-registration-phone-group {
    display: grid;
    grid-template-columns: minmax(100px, 0.32fr) minmax(0, 1fr);
    gap: 12px;
    width: 100%;
}

.masterstudy-authorization .inno100-registration-phone-group .masterstudy-authorization__form-field {
    min-width: 0;
    width: 100%;
}

.masterstudy-authorization .inno100-registration-phone-code input {
    text-align: center;
}

@media (max-width: 480px) {
    .masterstudy-authorization .inno100-registration-phone-group {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 8px;
    }
}