.phone-country-row {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    width: 100%;
    text-align: left;
}
.phone-country-part { flex: 1 1 120px; min-width: 0; }
.phone-number-part { flex: 2 1 150px; min-width: 0; }
.phone-country-row > .inputContainer { width: auto; }
/* Each control owns its value-set state; native labelTabs rules supply spacing. */
.phone-country-row > .inputContainer > .labelTabs { left: 5px; }