/* Governed opt-in setup/reset shell. Login uses its own generated component. */
body[data-flowstack-shell]:is([data-page="password-setup"], [data-page="password-reset"]) .auth-shell {
  display: grid;
  min-height: 100dvh;
  align-content: start;
  justify-items: center;
  padding: clamp(20px, 5vh, 48px) 16px;
}
body[data-flowstack-shell]:is([data-page="password-setup"], [data-page="password-reset"]) .auth-card {
  display: grid;
  gap: 14px;
  width: min(100%, 560px);
  padding: clamp(20px, 3vw, 28px);
  border: 1px solid var(--fs-border);
  border-top: 4px solid var(--fs-brand-2);
  border-radius: 10px;
  background: #fff;
  box-shadow: var(--fs-shadow-lg);
}
body[data-flowstack-shell]:is([data-page="password-setup"], [data-page="password-reset"]) .auth-brand {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  color: var(--fs-text-strong);
  text-decoration: none;
}
body[data-flowstack-shell]:is([data-page="password-setup"], [data-page="password-reset"]) .auth-brand img { width: 36px; height: 36px; }
body[data-flowstack-shell]:is([data-page="password-setup"], [data-page="password-reset"]) .auth-brand p { margin: 0; font-size: 1rem; font-weight: 900; line-height: 1.05; }
body[data-flowstack-shell]:is([data-page="password-setup"], [data-page="password-reset"]) .auth-brand span { font-size: .76rem; font-weight: 800; text-transform: uppercase; color: var(--fs-muted); }
body[data-flowstack-shell]:is([data-page="password-setup"], [data-page="password-reset"]) :is(h1, p) { margin: 0; }
body[data-flowstack-shell]:is([data-page="password-setup"], [data-page="password-reset"]) h1 { font-size: 1.75rem; line-height: 1.2; }
body[data-flowstack-shell]:is([data-page="password-setup"], [data-page="password-reset"]) .auth-form { display: grid; gap: 14px; margin: 0; }
body[data-flowstack-shell]:is([data-page="password-setup"], [data-page="password-reset"]) .form-field { display: grid; gap: 6px; }
body[data-flowstack-shell]:is([data-page="password-setup"], [data-page="password-reset"]) .auth-next-steps > :is(p, form) { margin-top: 12px; }
body[data-flowstack-shell]:is([data-page="password-setup"], [data-page="password-reset"]) [hidden] { display: none; }
body[data-flowstack-shell]:is([data-page="password-setup"], [data-page="password-reset"]) .page-message:empty { display: none; }