/* 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); }

.board { display: flex; gap: var(--s-4); overflow-x: auto; padding-bottom: var(--s-3); align-items: flex-start; }
.col { flex: 1 0 240px; max-width: 320px; padding: var(--s-3); background: var(--n-50); border: 1px solid var(--line); border-radius: var(--r-lg); transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease), opacity var(--dur) var(--ease); }
.col-hd { display: flex; align-items: center; gap: var(--s-2); margin-bottom: var(--s-3); padding: 0 var(--s-1); }
.col-count { margin-left: auto; font-size: var(--fs-xs); font-weight: 700; color: var(--text-2); }
.col-body { display: flex; flex-direction: column; gap: var(--s-2); min-height: 56px; }
.col.can-drop { border-color: var(--brand-200); border-style: dashed; } .col.over { background: var(--accent-soft); border-color: var(--accent); }
.col.no-drop { opacity: .55; }
.card { padding: var(--s-3) var(--s-4); background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); box-shadow: var(--sh-xs); cursor: grab; transition: box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease); }
.card.card-link { cursor: pointer; }
.card:hover { border-color: var(--brand-200); box-shadow: var(--sh-md); transform: translateY(-1px); }
.card.dragging { opacity: .4; }
.card.highlight { border-color: var(--accent); box-shadow: var(--ring), var(--sh-md); }
.card b, .card-title { display: block; font-size: var(--fs-md); font-weight: 600; color: var(--text); text-decoration: none; }
.card-title:hover { color: var(--accent); }
.card-foot { display: flex; align-items: center; gap: var(--s-2); margin-top: var(--s-3); }
.move-sel { flex: 1; min-width: 0; font-size: var(--fs-xs); }

/* workspaces (department overview) */
.ws-tabs { margin-bottom: var(--s-4); }
.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); }
@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; } }