/* Sign-in and list-picker pages. Colours and controls come from app.css. */
.page { max-width: 720px; }
.page.narrow { max-width: 440px; }
.page h2 { font-family: var(--font-display); font-size: 18px; margin: 12px 0 6px; }
.page section { display: flex; flex-direction: column; gap: 10px; }
.page section[hidden], .page form[hidden] { display: none; }
.stack { display: flex; flex-direction: column; gap: 12px; padding: 0; }
.page input[type="text"], .page input[type="email"], .page input[type="password"] {
  border: 1px solid var(--line); background: var(--surface); border-radius: 8px; padding: 7px 9px; min-height: 36px; width: 100%;
}
.page input.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; }
.page .people a.who { color: inherit; text-decoration: none; }
.page .people a.who:hover { color: var(--accent); text-decoration: underline; }
.page .people li { align-items: center; }