/* Signup / login / password-reset pages (views/pages/auth/*.njk). Deliberately not the
   admin-*-prefixed classes in admin.css — those are scoped to the admin dashboard shell, and
   these pages are normal public site pages (full header/footer, unlike hideChrome admin pages). */

.auth-page {
  max-width: 24rem;
  margin: var(--spacing-xl) auto;
  padding: var(--spacing);
}

.auth-alert {
  border-radius: var(--radius);
  padding: calc(var(--spacing) * 0.75);
  margin-bottom: var(--spacing);
}

.auth-alert-error {
  background-color: rgba(220, 38, 38, 0.1);
  color: #b3261e;
  border: 1px solid rgba(220, 38, 38, 0.3);
}

.auth-alert-notice {
  background-color: var(--primary-soft);
  color: var(--primary);
  border: 1px solid var(--primary);
}

.auth-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing);
}

.auth-form-group {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.auth-form-group label {
  font-weight: 600;
  color: var(--text);
}

.auth-form-group input {
  padding: 0.5rem;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background-color: var(--surface);
  color: var(--text);
}

.auth-links {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: var(--spacing);
  font-size: 0.9rem;
}

.auth-links a {
  color: var(--primary);
}