/* Home setup checklist (2.1), first-run setup steps (P1.2, P1.3), Cmd+K Recent/Docs (P2).
   Components come from homla-shell.css (.h-checklist, .h-stepper, .h-cmdk); this file only
   places them on the real markup. */

/* 2.1: checklist, then "Pick your AI" one section down. */
#home-setup-host:not(:empty) + .hh-pick { margin-top: var(--s-6); }
#home-setup-host .h-section { margin-top: 0; }
#home-setup .h-checklist__head .h-anchor { display: inline-flex; }
#home-setup .h-menu--float { min-width: 200px; z-index: var(--z-menu, 40); }
#home-setup .h-checklist__item .h-btn { flex: none; }
.h-empty#home-setup .h-empty__actions { flex-wrap: wrap; }

/* P1.2, P1.3: a page of its own. No sidebar, no top bar, one narrow left column. */
#app.is-setup { grid-template-columns: minmax(0, 1fr); }
#app.is-setup > .h-side,
#app.is-setup .h-top { display: none; }
#view-setup .hs-setup { max-width: 704px; }
#view-setup .h-code pre { word-break: normal; overflow-wrap: anywhere; }
#view-setup .hs-brand img { display: block; }
#view-setup .h-stepper__top { flex-wrap: wrap; }
#view-setup .h-list { margin: 0; padding: 0; list-style: none; }
#view-setup .h-list__item { gap: var(--s-3); }
#view-setup .h-list__item .h-cap { min-width: 52px; }
#view-setup .h-btn--primary .h-logo--sm { background: #fff; }
@media (max-width: 820px) {
  #app.is-setup .h-main { padding-top: 0; }
}

/* P1.1 "About you": role + team size side by side, the first job as option rows. */
#view-setup .hs-fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
#view-setup .hs-fieldset legend { padding: 0; margin-bottom: var(--s-2); }
#view-setup .hs-about-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); }
#view-setup .hs-foot { gap: var(--s-3); }
#view-setup .h-banner .h-spinner { margin-left: auto; align-self: center; }
#view-setup .h-list--pad .h-list__item { display: flex; align-items: center; gap: var(--s-3); }
#view-setup .h-list--pad .h-list__main { flex: 1; min-width: 0; }
@media (max-width: 640px) {
  #view-setup .hs-about-row { grid-template-columns: minmax(0, 1fr); }
  #view-setup .hs-foot .h-btn { flex: 1; justify-content: center; }
}

/* Self-serve sign-up: the terms line sits like a field, links underlined. */
#signup-card .h-check { font-size: var(--fs-13); color: var(--text-2); }
#signup-card .h-check a { color: inherit; }
/* "Name your workspace": the sign-in card's column, alone on the page. */
#app .ws-new { min-height: 100vh; display: grid; }
#app .ws-new .h-center { min-height: 100vh; }
/* The legacy global `label` rule (index.html) would give each option row a mono caption's margins. */
#view-setup .h-opt { margin: 0; font-family: var(--sans); text-transform: none; letter-spacing: 0; font-size: inherit; color: var(--text); }
#view-setup .hs-about-row { align-items: start; }
/* The steps carry their own two-step sign-in prompt (invite step); no page banner on top. */
#app.is-setup #mfa-banner { display: none; }