/* SHARED·DAYGROUP (437) — the Recent-logs day accordion header + optional body. Copy-first port
 * off bottle.js's own .day/.day-h/.day-b block (workbench/weaning/_bakeoffs/bottle.js, the Recent
 * logs render) and logger-surface.css's own block — class names unchanged for check 65.
 *
 * ⚠️ CANDIDATE DEFECT, NOT ASSERTED AS THE DEFECT (Andrew's morning ruling, same as 431's dead
 * dashed state): in the kept source, NOTHING ever adds `.on` to a `.day`. The click handler that
 * would flip it (t.dataset.toggle → t.parentNode.classList.toggle('on')) exists in bottle.js's
 * shared screen-click delegate, but `.day-h`'s own markup carries no `data-toggle` attribute — so
 * every day row renders permanently closed and the chevron never turns, for every row, always. A
 * comment directly above this block ("Four rows now behave identically instead of one behaving
 * specially") describes intent that the code does not implement: TODAY is the only row with a
 * `.day-b` at all (PAST rows close their <div> right after </button>, with no body and nothing to
 * reveal even if the click DID fire). Ported faithfully as two structurally different row shapes,
 * not normalised into one — see render.js's `content` param. */
.day { border-top: var(--radius-2) solid var(--border-hairline); }
.day-h { display: flex; align-items: center; gap: var(--space-8); width: 100%;
  background: none; border: 0; padding: var(--space-16) 0; cursor: pointer;
  font-family: var(--font-body); text-align: left; }
.day-h .w { flex: 1; font-size: var(--size-14); color: var(--text-secondary); }
.day-h .w b { color: var(--accent); font-weight: var(--weight-600); }
.day-h .n { font-family: var(--font-label); font-size: var(--size-12); color: var(--text-tertiary); }
.day-h .cv { color: var(--text-tertiary); display: inline-flex;
  transition: transform var(--duration-200) ease; }
.day-h .cv svg { width: var(--dim-16); height: var(--dim-16); }
.day.on .day-h .cv { transform: rotate(90deg); color: var(--accent); }
.day-h:focus-visible { outline: var(--radius-2) solid var(--accent); outline-offset: calc(var(--radius-3) * -1); }
.day-b { display: none; padding-bottom: var(--space-8); }
.day.on .day-b { display: block; }

/* count-none — the record's day group (D-778/D-808: NOTHING in the record counts; a count is
 * the dashboard's grammar). The same header as the count states, minus the "N logged" count —
 * and therefore minus the caret and the button: a day label is not a control. Moved verbatim
 * from the Your-logs door's own block (web/css/cards/home/yourlogs.css on
 * wip/03-build-your-logs-page-20260913-0008: .ylg-day/-h/.w/.w b/.day-b), not redesigned. The
 * body is always shown — the entries are the point. Two of the door's declarations needed no
 * override and so are not repeated here: its .w font-size (--text-body-sm) resolves to the
 * same value as this block's --size-14, and its .w colour/weight are this block's own.
 * Accent is teal-700, not --accent: --accent's teal-600 measures 4.23:1 as text here, under
 * the 4.5 floor; teal-700 measures 5.82 (the door's measured ruling, carried with it).
 * The first-group border suppression is the door's .ylg-day:first-child, scoped to this state. */
.day.count-none:first-child { border-top: 0; }
.day.count-none .day-h { display: block; padding: var(--space-16) 0 var(--space-4); cursor: auto; }
.day.count-none .day-h .w b { color: var(--teal-700); }
.day.count-none .day-b { display: flex; flex-direction: column; padding-bottom: 0; }