/* ============================================================
   Экраны входа: Регистрация, Подтверждение телефона, Восстановление
   (дополняет auth.css)
   ============================================================ */

.reg-card { max-width: 540px; }
.reg-card .field { margin-bottom: var(--sp-4); }

/* Переключатель типа лица */
.radio-inline { display: flex; flex-wrap: wrap; gap: var(--sp-5); margin-bottom: var(--sp-5); }

/* Каналы связи */
.channels-label { font-size: var(--fz-13); color: var(--c-text-2); margin-bottom: var(--sp-2); }
.channels { display: flex; flex-wrap: wrap; gap: var(--sp-3) var(--sp-5); margin-bottom: var(--sp-5); }

/* Подсказка-текст под заголовком */
.form-note { font-size: var(--fz-14); color: var(--c-text-2); margin-bottom: var(--sp-5); }

/* Согласие на ПДн */
.consent { display: flex; align-items: flex-start; gap: var(--sp-2); margin-bottom: var(--sp-5); font-size: var(--fz-13); }

/* Ввод кода подтверждения */
.code-inputs { display: flex; gap: var(--sp-3); margin: var(--sp-5) 0; }
.code-inputs .input {
  width: 56px; height: 56px; text-align: center;
  font-size: var(--fz-20); font-weight: var(--fw-bold); padding: 0;
}
.resend { font-size: var(--fz-13); color: var(--c-muted); margin-top: var(--sp-4); }
.resend a { color: var(--c-link); }

/* Сообщения-статусы */
.alert { padding: var(--sp-3) var(--sp-4); border-radius: var(--r-sm); font-size: var(--fz-14); margin: var(--sp-4) 0; display: flex; align-items: center; gap: var(--sp-2); }
.alert--error   { background: #fdecea; color: #b3261e; }
.alert--success { background: #e9f6e7; color: #2e7d32; }

@media (max-width: 480px) {
  .code-inputs .input { width: 46px; height: 50px; }
}