/* finesse · auth controls · shared scale with the existing guardian email field. */
.public-surface.auth-page {
  --auth-field-height: 46px;
  --auth-field-size: 14px;
  --auth-field-radius: 8px;
}
.public-surface.auth-page #auth-form :is(.form-group input, .privacy-input) {
  width: 100%; min-width: 0; height: var(--auth-field-height); min-height: var(--auth-field-height);
  padding: 10px 12px; border-radius: var(--auth-field-radius);
  font-family: inherit; font-size: var(--auth-field-size); font-weight: 400; line-height: 1.5;
}
.public-surface.auth-page #auth-form .password-field input { padding-right: 48px; }
.public-surface.auth-page #auth-form .password-toggle { width: 44px; height: 44px; right: 1px; padding: 0; }
.public-surface.auth-page #auth-form .code-field { align-items: stretch; gap: 8px; }
.public-surface.auth-page #auth-form .code-field input { flex: 1 1 0; }
.public-surface.auth-page #auth-form .code-btn {
  flex: 0 0 auto; height: var(--auth-field-height); min-height: var(--auth-field-height);
  padding: 10px 12px; border-radius: var(--auth-field-radius); font-size: 13px; line-height: 1.5;
}
@media (max-width: 760px) {
  /* Preserve the guardian field's mobile type size and avoid focus zoom. */
  .public-surface.auth-page { --auth-field-size: 16px; }
}