/* OTP — показания прибора: mono, прямой угол, двойное кольцо фокуса.
   Общий для публичной зоны (base_public) и профиля (base): один и тот же
   код вводится одним и тем же контролом, а не двумя разными. */
.otp-group {
  display: flex;
  gap: var(--s-2);
}
.otp-cell {
  width: 3rem;
  height: 3.5rem;
  padding: 0;
  text-align: center;
  font-size: 1.5rem;
  font-weight: var(--fw-semibold);
  font-family: var(--font-mono);
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r-md);
  transition: border-color var(--d-fast) var(--e-out), box-shadow var(--d-fast) var(--e-out);
}
.otp-cell:focus {
  outline: none;
  border-color: var(--p-500);
  box-shadow: var(--sh-focus);
}
/* Центрирование — только там, где поле стоит одно на листе. В панели профиля
   оно живёт в колонке с формами и выравнивается по её левому краю. */
.otp-group.is-centered { justify-content: center; }
/* Компактный — для узкой колонки: панель email в профиле даёт 323px чистой
   ширины, полный размер (6×48 + 5×8 = 328px) вылезает за её край. */
.otp-group.is-compact { gap: var(--s-2); }
.otp-group.is-compact .otp-cell { width: 2.5rem; height: 3rem; font-size: 1.25rem; }
@media (max-width: 380px) {
  .otp-group { gap: var(--s-1); }
  .otp-cell { width: 2.5rem; height: 3rem; font-size: 1.25rem; }
}