/* Country code + local phone input row */
.ks-phone-input-group {
    display: flex;
    align-items: stretch;
    gap: 0.45rem;
    width: 100%;
}

.ks-phone-input-group .ks-country-code,
.ks-phone-input-group select[data-ks-country-code] {
    flex: 0 0 auto;
    width: auto;
    min-width: 5.1rem;
    max-width: 6.5rem;
    padding-left: 0.55rem;
    padding-right: 1.6rem;
    font-weight: 700;
    font-size: 0.86rem;
    color: #1e293b;
    border-radius: 12px !important;
    border: 1.5px solid rgba(148, 163, 184, 0.45) !important;
    background-color: #f8fafc;
}

.ks-phone-input-group .ks-phone-local,
.ks-phone-input-group [data-ks-mobile],
.ks-phone-input-group input[type="tel"]:not([data-ks-otp-digit]) {
    flex: 1 1 auto;
    min-width: 0;
}

.auth-login-field.ks-phone-local,
.ks-otp-mobile-field.ks-phone-local {
    letter-spacing: 0.04em;
    font-weight: 600;
}

.ks-phone-input-group .ks-country-code:focus,
.ks-phone-input-group select[data-ks-country-code]:focus {
    border-color: #2E7D32 !important;
    box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.12) !important;
}

@media (max-width: 420px) {
    .ks-phone-input-group .ks-country-code,
    .ks-phone-input-group select[data-ks-country-code] {
        min-width: 4.6rem;
        max-width: 5.4rem;
        font-size: 0.8rem;
    }
}