/* Home page (Sprint 39: the shared look now lives in theme.css; this file keeps only what is Home's own).
   Everything is scoped to .home-h1, which only renderHome() in board.js puts on the page. */
.home-h1 .page-head { border-bottom: 3px solid var(--slate); padding-bottom: var(--s-3); margin-bottom: var(--s-4); align-items: center; }
.home-h1 .page-head h1, .home-h1 h1.pagetitle { font-size: var(--fs-2xl); font-weight: 600; letter-spacing: 0; }
.home-h1 .page-head .sub { margin-top: 2px; }
.home-h1 .page-actions .btn { min-height: 44px; }
.home-h1 .panel-hd { font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: .06em; }
.home-h1 .panel-hd a, .home-h1 .panel-hd .hint { text-transform: none; letter-spacing: 0; }
.home-h1 .stat-label { text-transform: uppercase; letter-spacing: .06em; }
.home-h1 .stat-badge { width: 32px; height: 32px; border-radius: 6px; }
.home-h1 a.stat:hover { background: var(--surface-2); box-shadow: none; border-color: var(--line); }

/* the deals, then the pipeline panel below it, full width; the stages run in a row under the bar */
.home-h1 .dash-grid { grid-template-columns: 1fr; gap: var(--s-4); margin-bottom: var(--s-4); }
.home-h1 .pipe-legend { flex-direction: row; flex-wrap: wrap; gap: var(--s-2) var(--s-7); }
.home-h1 .pipe-legend li { gap: var(--s-2); }
.home-h1 .pipe-legend .pl-name { flex: none; }
.home-h1 .pipebar { border-radius: 4px; }