/* intl-tel-input + phone-country-input helpers */
.iti {
    width: 100%;
    display: block;
}

.iti__country-container {
    z-index: 5;
}

.iti input.form-control {
    width: 100%;
}

.phone-country-hint {
    margin-top: 0.35rem;
    font-size: 0.8125rem;
    color: #64748b;
    font-variant-numeric: tabular-nums;
}

.phone-country-hint.is-valid {
    color: #059669;
}

.phone-country-hint.is-invalid {
    color: #dc2626;
}

/* Auth / input-group: ITI should own the full width */
.input-group:has([data-phone-country]) {
    flex-wrap: wrap;
}

.input-group:has([data-phone-country]) .iti {
    flex: 1 1 100%;
}