/* =============================================================================
   site.css — Verwolf family site layout pass
   =============================================================================
   Composes verwolf.css's primitives (.vw-shell, .vw-panel, .vw-register, etc.)
   into this site's actual pages. Loaded after verwolf.css in base.html.
   Nothing here introduces new colour — only layout and a couple of small,
   site-specific components that the house style deliberately left open.
   ========================================================================== */


/* -- Auth shell: masthead + one centered pane, no rail. --------------------
   Used on login/register/password-reset while a visitor has no account yet
   to navigate with. */
.vw-shell--auth {
  grid-template-columns: 1fr;
  grid-template-areas: "masthead" "pane";
}
.vw-shell--auth .vw-shell__pane {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: var(--vw-s-8);
}

/* -- Rail item for a section that doesn't exist yet. ------------------------
   Looks like a .vw-nav entry but isn't a link — future phases replace this
   with the real thing. */
.vw-nav__soon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--vw-s-3);
  padding: var(--vw-s-3) var(--vw-s-4);
  font-family: var(--vw-face-label);
  font-size: var(--vw-t-xs);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.17em;
  color: var(--vw-ink-faint);
  opacity: 0.55;
  border-left: 3px solid transparent;
}

/* -- Masthead user chip + logout, right side of the bar. -------------------- */
.vw-masthead__user {
  display: flex;
  align-items: center;
  gap: var(--vw-s-4);
}
.vw-masthead__user form { display: inline; }
.vw-masthead__user .vw-btn { padding: 0.55rem 1rem; }

/* -- Dashboard feature tile: a panel that also acts as a link. -------------- */
.vw-tile {
  display: flex;
  flex-direction: column;
  gap: var(--vw-s-3);
  min-height: 8.5rem;
  text-decoration: none;
  color: inherit;
}
.vw-tile__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--vw-s-3);
}

/* -- Register wrapped in a fixed-height, internally-scrolling well. --------
   Keeps a 50-100 row member list from growing the page — it scrolls inside
   itself per the house style's bounded-pane rule. */
.vw-register-well {
  max-height: 20rem;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

@media (max-width: 60rem) {
  .vw-shell--auth .vw-shell__pane { padding-top: var(--vw-s-6); }
}