/* Devise auth pages — centered card layout.
 *
 * The .devise-* selectors below are page-scoped chrome for the
 * unauthenticated auth-shell (sign-in, forgot-password, password-reset).
 * They predate the v2 design system. After the issue #495 (U7) migration
 * the inner form surface (.lc-field/.lc-input/.lc-label/.lc-btn) is on
 * DS tokens, but the outer single-column centered-card shell has no DS
 * primitive yet.
 *
 * Retirement plan: when the v2 design system grows an "auth shell"
 * organism (organisms/auth-shell.css), retire .devise-body /
 * .devise-wrapper / .devise-header / .devise-brand / .devise-main /
 * .devise-card together — they are a single coherent layout move.
 * Tracked alongside the v2 brainstorm
 * (docs/brainstorms/2026-05-07-v2-design-system-redesign.md).
 */

.devise-body {
  --pico-container-max-width: 960px;
}

.devise-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Header — logo centered */
.devise-header {
  padding: 2rem 1.5rem 0;
  display: flex;
  justify-content: center;
}

.devise-brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
}

.devise-brand:hover {
  text-decoration: none;
}

/* Main — pushes footer down, centers the card */
.devise-main {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 3rem 1rem 2rem;
}

/* Card — Pico <article> with constrained width */
.devise-card {
  width: 100%;
  max-width: 640px;
}

/* Footer — reuse landing styles */
.devise-wrapper > footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid var(--pico-muted-border-color);
}

.devise-wrapper > footer nav {
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.devise-wrapper > footer nav ul {
  justify-content: center;
}

@media (min-width: 768px) {
  .devise-wrapper > footer nav {
    flex-direction: row;
  }
}