.phone-input { width: 100%; max-width: 300px; }
.phone-input__parts { display: flex; align-items: center; gap: 8px; }
.phone-input__parts > .form-input { flex: 1 1 0; width: 0; min-width: 0; padding-left: 10px; padding-right: 10px; }
.phone-input__error { color: #dc2626; font-size: 12px; margin: 6px 0 0; }
.phone-input__parts > .is-invalid { border-color: #dc2626; }
.phone-input__parts > .form-input[readonly] { background-color: #f1f5f9; cursor: not-allowed; }
.login-form .phone-input { max-width: none; }