/* widgets/header-metrics — TO CODE / BROKEN FEEDS / QBO BOOKS stat chips in the
   title-row dead space. Extracted verbatim. */
.ops-header-chips{display:flex;gap:10px;flex-wrap:wrap;align-items:center;flex:1 1 auto;min-width:0}
.ops-header-chip{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e7e2d4;border-radius:8px;padding:6px 10px;font:500 12px Inter;color:var(--brand-deep,#1f4a2d);cursor:pointer;white-space:nowrap;transition:border-color .12s}
.ops-header-chip:hover{border-color:var(--brand-line,#b9d8b4)}
.ops-header-chip-em{font-size:13px;line-height:1}
.ops-header-chip-val{font:700 14px Inter;color:var(--brand-deep,#1f4a2d)}
.ops-header-chip-label{font:400 10px Inter;color:#8a918d;text-transform:uppercase;letter-spacing:.04em}
.ops-header-chip-trend{font:400 10px Inter;color:#7a8a7d;margin-left:2px}
/* freshness honesty (IG #8): calm age stamp — quiet gray, never alarm ink */
.ops-header-chip-age{font:400 9.5px Inter;color:#b3ac9c;margin-left:1px}
/* TO-CODE self-answering (Craig 7/21): the Uncat truth line beside the count. court-honest ink —
   amber = workload holding (never alarm red), green = earned zero, muted gray = awaiting the mirror.
   the leading dot separates it from the label without an extra element. */
.ops-header-chip-uncat{font:600 9.5px Inter;margin-left:5px;white-space:nowrap;position:relative;padding-left:7px}
.ops-header-chip-uncat::before{content:"·";position:absolute;left:0;color:#c9c2b2}
.ops-header-chip-uncat.hold{color:var(--action,#d97706)}
.ops-header-chip-uncat.ok{color:var(--brand-ok,#15803d)}
.ops-header-chip-uncat.awaiting{color:#b3ac9c;font-style:italic}
/* ABSENT-IS-NOT-ZERO (Craig 8/10): a chip that does not know its number must not LOOK like one
   that does. The em-dash goes muted so it reads as a gap rather than a confident value — and it
   stays court-honest: a display gap is never alarm ink, because alarm belongs to Craig's court
   alone. The words carry the state ('mirror stale — open for truth'); the color must not argue. */
.ops-header-chip.is-unknown{border-style:dashed;border-color:#d8d2c2;background:#fdfdfb}
.ops-header-chip.is-unknown .ops-header-chip-val{color:#a8b0aa;font-weight:600}
.ops-header-chip.is-unknown .ops-header-chip-em{opacity:.55}
@media(max-width:1200px){.ops-header-chips{min-width:200px}}
@media(max-width:900px){.ops-header-chips{flex-basis:100%;order:3;width:100%;margin-top:8px;justify-content:flex-start}}