/* Auth pages — sign in, sign up, password reset.
 * Form-level details and flash messages; the page sits in the stage window.
 * ---------------------------------------------------------------------- */

.auth-input {
  background-color: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-m);
  color: var(--color-ink);
  font-family: var(--font-sans);
  font-size: 0.9rem;
  outline: none;
  padding: 0.75rem 0.875rem;
  transition: border-color 150ms;
  width: 100%;
}

.auth-input:focus {
  border-color: var(--color-accent);
}

.auth-flash {
  border-radius: var(--border-radius-s);
  font-size: var(--text-small);
  padding: var(--space-xs) var(--space-s);
}

.auth-flash--alert {
  background-color: oklch(var(--lch-red-lightest));
  border: 1px solid oklch(var(--lch-red-light));
  color: oklch(var(--lch-red-dark));
}

.auth-flash--notice {
  background-color: oklch(var(--lch-green-lightest));
  border: 1px solid oklch(var(--lch-green-light));
  color: oklch(var(--lch-green-dark));
}

.auth-divider {
  border: 0;
  border-block-start: 1px solid var(--color-border);
}

.auth-errors {
  list-style: none;
  margin: 0;
  padding-inline-start: 0;
}