/* styles/pages/login.css — page-level layout for login.html only */
/* The log-in and sign-up forms use the shared .form-field styles from
   forms.css inside the shared .narrow container; the status banner and the
   toggle link below are the only page-specific pieces. */

.page-header {
  --page-header-photo: url('/assets/images/banners/login-banner.jpg');
}

/* Feedback banner above the forms — error (bad login), success (logged in /
   account created), or info (pending approval). */
.auth-status {
  border-radius: var(--radius-md);
  padding: var(--space-4);
  margin-bottom: var(--space-5);
  font-size: 0.95rem;
  line-height: 1.5;
  text-align: center;
}

.auth-status-error {
  background-color: #fdecec;
  color: #9d2b2b;
  border: 1px solid #f1c4c4;
}

.auth-status-success {
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  border: 1px solid var(--color-accent);
}

.auth-status-info {
  background-color: #fff6e5;
  color: #8a5a12;
  border: 1px solid #f0d9a8;
}

.auth-switch {
  margin-top: var(--space-4);
}