/* HE-P8: thẻ Hộp việc ở màn Hôm nay. Dùng biến màu của ds.css (sáng / tối), không màu cứng. */
.hop-viec .hv-nhom { display: grid; gap: 6px; padding: 10px 12px; border: 1px solid var(--line); border-left-width: 3px; border-radius: 8px; background: var(--surface); }
.hop-viec .hv-nhom.do { border-left-color: var(--bad) }
.hop-viec .hv-nhom.vang { border-left-color: var(--warn) }
.hop-viec .hv-nhom h3 { font-size: 13px }
.hop-viec .hv-nhom h3 small { font-weight: 500; color: var(--muted); margin-left: 4px }
.hop-viec .hv-nhom ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px }
.hop-viec .hv-nhom li { display: grid; gap: 2px; min-width: 0; overflow-wrap: anywhere }
.hop-viec .hv-nhom li span { font-size: 12px; color: var(--muted) }
.hop-viec .chip.hv-co { color: var(--bad); border-color: var(--bad) }
.hop-viec .chip.hv-co::before { background: var(--bad) }