/* ============================== HOME (front page) ============================== */
  #homeView{z-index:140;}
  .home-body{max-width:1060px; margin:0 auto; padding:28px 24px 60px;}
  .home-hd{display:flex; align-items:center; gap:12px; margin-bottom:22px; flex-wrap:wrap;}
  .home-hd h1{margin:0; font-size:22px; font-weight:700;}
  .home-hd .panel-hint{font-size:12px;}
  .survey-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:24px;}
  /* Cards (Drawing Set §5) — white, --border-strong edge, radius 6, no shadow. */
  .survey-card{background:var(--surface-default); border:1px solid var(--border-strong); border-radius:var(--r-card); padding:20px 24px 8px; display:flex; flex-direction:column; gap:12px;
    transition:border-color var(--dur-1) var(--ease-step);}
  .survey-card:hover{border-color:var(--border-control);}
  .survey-card .sc-top{display:flex; align-items:flex-start; gap:8px;}
  .survey-card .sc-name{font-size:14px; font-weight:600; letter-spacing:0; flex:1; line-height:20px; word-break:break-word;}
  .survey-card .sc-dup{background:transparent; border:none; color:var(--text-muted); padding:4px; opacity:.8;}
  .survey-card .sc-dup:hover{opacity:1; color:var(--text-primary); border:none; background:var(--surface-subtle);}
  .survey-card .sc-meta{font-size:12px; color:var(--text-muted); line-height:20px;}
  .survey-card .sc-meta b{color:var(--text-secondary); font-weight:500;}
  /* The card's title-block strip (spec §4 amendment): h56, hairline rules top and bottom, three cells
     PAGES | ANSWERS | STATUS — the same labels and stamp as the builder's title block. */
  .survey-card .sc-strip{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); height:56px; margin:0 -24px;
    border-top:1px solid var(--border-default); border-bottom:1px solid var(--border-default);}
  .survey-card .sc-cell{display:flex; flex-direction:column; justify-content:center; gap:4px; padding:0 16px 0 24px; min-width:0;}
  .survey-card .sc-cell + .sc-cell{border-left:1px solid var(--border-default); padding-left:16px;}
  .survey-card .sc-val{height:20px; display:flex; align-items:center; font-size:16px; line-height:20px; font-weight:600; color:var(--text-primary); white-space:nowrap; overflow:hidden;}
  .survey-card .sc-val.tb-mono{font-weight:500;}
  .survey-card .sc-answers{font-variant-numeric:tabular-nums; gap:4px;}
  .survey-card .sc-new{display:inline-flex; align-items:center; gap:4px; font-size:12px; font-weight:600; color:var(--redline);}
  /* Guardian ruling 2026-10-06 (finish review): the folder sits in the meta block, left-aligned,
     instead of a ~64px band of its own between the strip and the actions. */
  .survey-card .sc-folder-row{display:flex; align-items:center; gap:8px; margin-top:-6px; /* the card's 12px flex gap + this = 6px under the meta lines */ font-size:12px; line-height:20px; color:var(--text-muted);}
  .sc-folder-wrap{position:relative; display:inline-flex; align-items:center; margin-left:0;}
  .survey-card .sc-folder-select{height:28px; font-size:12px;}
  .sc-folder-wrap .nf-i{position:absolute; left:10px; pointer-events:none; color:var(--text-muted);}
  /* Card action row per the mockup: divider on top, quiet borderless icon+label actions */
  .survey-card .sc-actions{display:flex; gap:0; margin:auto -24px 0; padding:6px 10px; border-top:1px solid var(--border);}
  .survey-card .sc-actions button{flex:1; font-size:13px; padding:9px 4px; background:transparent; border:none; color:var(--text-secondary); border-radius:var(--r-control); gap:8px;}
  .survey-card .sc-actions button:hover{background:var(--brand-50); color:var(--text-primary);}
  .survey-card .sc-actions button.danger{color:var(--error-fg);}
  .survey-card .sc-actions button.danger:hover{background:var(--error-bg); color:var(--error-fg);}
  .home-empty{color:var(--muted); font-size:14px; text-align:center; padding:60px 0; grid-column:1/-1;}


  /* ---- Narrow home header — spec docs/specs/narrow-layouts.md §7 ---- */
  @media (max-width:600px){
    .home-actions, .home-head-actions{flex-wrap:wrap; gap:8px;}
  }
  @media (max-width:480px){
    #profileChip .pc-name{display:none;}
  }