/* Home dashboard and boards (Sprint 7e). Tokens only; stage colors come from the stage-cN classes in components.css. */
.dash-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: var(--s-4); align-items: start; }
@media (max-width: 1000px) { .dash-grid { grid-template-columns: 1fr; } }
.pipebar { display: block; width: 100%; height: 14px; margin-bottom: var(--s-4); border-radius: var(--r-pill); overflow: hidden; background: var(--n-100); }
.pipebar .seg { fill: var(--st); }
.pipe-legend { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--s-2); font-size: var(--fs-sm); }
.pipe-legend li { display: flex; align-items: center; gap: var(--s-2); } .pl-name { flex: 1; color: var(--text-2); }

.move-sel { flex: 1; min-width: 0; font-size: var(--fs-xs); }

/* workspaces (department overview) */
.ws-tiles { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.ws-tiles .stat { cursor: default; }
.clickable-row { cursor: pointer; }
/* List view of Deals and Prospects (Sprint 9a) */
.seg-toggle { display: inline-flex; border: 1px solid var(--border); border-radius: var(--r-md); overflow: hidden; background: var(--surface); }
.seg-btn { display: inline-flex; align-items: center; gap: var(--s-2); padding: 7px 12px; border: 0; background: transparent; color: var(--text-2); font: inherit; cursor: pointer; }
.seg-btn + .seg-btn { border-left: 1px solid var(--border); }
.seg-btn.active { background: var(--accent-soft); color: var(--accent); font-weight: 600; }
.filter-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3); margin: var(--s-4) 0 var(--s-3); }
.filter-bar .field { margin: 0; min-width: 130px; }
.filter-bar .filter-search { flex: 1 1 240px; }
.chip-row { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.chip-filter { display: inline-flex; align-items: center; gap: var(--s-2); padding: 5px 12px; border: 1px solid var(--border); border-radius: var(--r-pill); background: var(--surface); color: var(--text); font: inherit; cursor: pointer; }
.chip-filter:hover { border-color: var(--n-300); }
.chip-filter.active { background: var(--accent-soft); border-color: var(--accent); color: var(--accent); font-weight: 600; }
.chip-count { display: inline-block; min-width: 20px; padding: 0 6px; border-radius: var(--r-pill); background: var(--surface-2); color: var(--text-2); font-size: var(--fs-sm); text-align: center; }
.th-sort { border: 0; background: transparent; padding: 0; font: inherit; font-weight: inherit; color: inherit; cursor: pointer; text-align: inherit; }
.list-table td .row-link { color: var(--text); text-decoration: none; }
.list-table td .row-link:hover { color: var(--accent); text-decoration: underline; }
.pager { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); padding: var(--s-3) var(--s-4); border-top: 1px solid var(--border); flex-wrap: wrap; }
.pager-btns { display: inline-flex; align-items: center; gap: var(--s-3); flex-wrap: wrap; }
.pager-top { border-top: 0; border-bottom: 1px solid var(--border); }
.pager-size { display: inline-flex; align-items: center; gap: var(--s-2); color: var(--text-2); }
/* one stage control instead of a row of pills: a button that opens a short checklist */
.stage-pick { position: relative; }
.stage-pick > summary { list-style: none; cursor: pointer; padding: 7px 12px; border: 1px solid var(--border); border-radius: var(--r-md, 6px); background: var(--surface); color: var(--text); white-space: nowrap; }
.stage-pick > summary::-webkit-details-marker { display: none; }
.stage-pick > summary::after { content: "▾"; margin-left: var(--s-2); color: var(--text-2); }
.stage-pick[open] > summary { border-color: var(--accent); }
.stage-menu { position: absolute; z-index: 20; top: calc(100% + 4px); left: 0; min-width: 220px; display: flex; flex-direction: column; padding: var(--s-2); border: 1px solid var(--border); border-radius: var(--r-md, 6px); background: var(--surface); box-shadow: 0 6px 20px rgba(0, 0, 0, .12); }
.stage-opt { justify-content: space-between; border: 0; border-radius: 4px; padding: 6px 10px; background: transparent; }
.stage-opt:hover { background: var(--surface-2); }
.stage-opt.active { background: var(--accent-soft); }
@media (max-width: 900px) { .list-table th:nth-child(5), .list-table td:nth-child(5), .list-table th:nth-child(6), .list-table td:nth-child(6) { display: none; } }