/* SHARED·DAYPILL (431) — the day-chip horizontal scroller (Today/Yesterday/named days/"Another
 * day"). Andrew: "day pill which needs fixing" — flagged PROVISIONAL, defect unspecified.
 *
 * Copy-first port off bottle.js's DAYS-driven render and logger-surface.css's .scroller/.dchip
 * block, unchanged including class names (check 65 needs the same selector on both sides, same
 * reasoning as 430/429). CANDIDATE DEFECT, noted for Andrew's morning ruling: this is NOT the
 * same mechanic as 430's .pills/.pill (wrap, no scroll) — .dchip lives in a .scroller
 * (overflow-x: auto, negative-margin bleed to the card's own edge) with a distinct dashed
 * ".other" variant for a day beyond the visible set. If day pill was ever built by copying
 * 430's pattern instead of this one, THAT divergence — wrong class, no scroll, no dashed
 * "Another day" state — is exactly the kind of thing "needs fixing" would describe. Not
 * asserting that's the defect Andrew meant; flagging it as the most likely candidate found
 * while reading the real kept source side by side with 430's. */
.scroller { display: flex; gap: var(--space-8); overflow-x: auto; padding-bottom: var(--space-4);
  margin-left: calc(var(--space-20) * -1); margin-right: calc(var(--space-20) * -1);
  padding-left: var(--space-20); padding-right: var(--space-20); scrollbar-width: none; }
.scroller::-webkit-scrollbar { display: none; }
.dchip { flex: 0 0 auto; border: var(--radius-2) solid var(--border-hairline);
  background: var(--surface-card); border-radius: var(--radius-pill);
  padding: var(--space-8) var(--space-16); font-family: var(--font-body);
  font-size: var(--size-15); font-weight: var(--weight-500); color: var(--text-secondary);
  cursor: pointer; white-space: nowrap; }
.dchip.on { background: var(--accent); border-color: var(--accent); color: var(--text-on-accent);
  font-weight: var(--weight-600); }
.dchip.other { border-style: dashed; color: var(--accent); }
.dchip.other.on { color: var(--text-on-accent); }
.dchip:active { border-color: var(--accent); }
.dchip:focus-visible { outline: var(--radius-2) solid var(--accent); outline-offset: var(--radius-2); }