/* 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: 760px; }
#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; }
}