/* Registration-specific form extras on top of the shared Real4Reg design system */
.auth-form--wide { width: min(520px, 100%); }
.auth-form select.input { appearance: auto; }
.field--check {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.field--check label { margin-bottom: 0; font-weight: 600; }
.field--check input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-top: 4px;
  flex: none;
  accent-color: var(--navy);
}
.form-errors .error,
.auth-form > .error { display: block; }
select.input[multiple] { min-height: 120px; padding: 8px; }
.roles legend { grid-column: 1 / -1; }
.roles .req { color: var(--link); }
.roles + .error,
.roles.has-error + .error { display: block; }
.roles + .field { margin-top: 20px; }