.workstream-status-summary { margin: 24px 0 0; padding: 0 0 24px; border-bottom: 1px solid var(--line, #333); }
.status-counts { display: flex; flex-wrap: wrap; gap: 10px; }
.status-on-track { --status-color: #56d58c; }
.status-at-risk { --status-color: #ffb454; }
.status-blocked { --status-color: #ff746b; }
.status-done { --status-color: #8ebcff; }
.status-not-set { --status-color: #b5b5b5; }
.status-all { --status-color: #f2f2f2; }
.status-count { display: inline-flex; align-items: center; gap: 9px; padding: 14px 18px; color: var(--status-color); background: transparent; border: 1px solid #414141; font: inherit; cursor: pointer; }
.status-count b { font-size: 24px; line-height: 1; }
.status-count[aria-pressed="true"] { border-color: var(--status-color); background: #202020; box-shadow: inset 0 -2px var(--status-color); }
.status-count:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.status-dot { display: inline-block; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--status-color); }
.status-legend { margin-top: 18px; color: #b5b5b5; font-size: 13px; }
.status-legend summary { width: fit-content; cursor: pointer; color: #eee; }
.status-legend ul { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 24px; padding: 0; margin: 14px 0 8px; }
.status-legend li { display: inline; line-height: 1.7; }
.status-legend li .status-dot { margin-right: 7px; }
.status-legend b { color: var(--status-color); font-weight: 500; }
.status-legend p { margin: 8px 0 0; font-size: 12px; }
.pill.not-set { color: #b5b5b5; border-color: #646464; background: #202020; }
.ws[data-health="not-set"] .seg.now { background: #b5b5b5; }
@media (max-width: 600px) { .status-count { padding: 12px; flex: 1 1 140px; } .status-legend ul { display: grid; gap: 8px; } }