SPA: retire tracked all-caps labels outside the nav group dividers

[mforce]

Part of the SPA look-and-feel pass (design review 2026-09-02). Sibling slices: numeric typesetting, elevation hierarchy, table layout, dashboard rework, empty states, visual identity.

Problem

Seven rules in web/src/styles.css set text-transform: uppercase with tracked letter-spacing: table.data th, .badge, .stat-label, .nav-group-label, .eyebrow, .step-n, .more-group-label. Table headers at 0.68rem caps muted are the hardest text on the screen to read, and the app is used on a phone in a hen house. Caps-everywhere is also the commonest tell of a templated UI; it stops meaning anything when it is on every label.

Proposal

Keep caps only where they mark real structure — the sidebar / More-sheet group dividers (.nav-group-label, .more-group-label). Everything else goes sentence case:

• table.data th: ~0.8rem, sentence case, weight 600, --ink rather than --muted, letter-spacing: 0.
• .badge: sentence case, ~0.78rem, keep the tinted pill and weight.
• .stat-label: sentence case under the figure, ~0.85rem, --muted.
• .step-n ("Step 1"): sentence case, keep the pill.
• .eyebrow: audit its call sites; drop the class where it labels content that does not need a label, sentence case elsewhere.

Acceptance

• Only the two nav group-divider rules keep text-transform: uppercase — pinned by a styles unit test.
• Badges, table headers, stat labels, step pills render sentence case in en / es / tl (translations are already sentence case; verify nothing relied on CSS to capitalise).
• Contrast: table headers on --surface clear 4.5:1 in light and night.
• tools/simulation/ui/ specs that match badge text by exact case still pass (Playwright getByText is case-sensitive by default — read the callers, Daily entry: require grading to reconcile sellable eggs before submit #394).
• Screenshots before/after in the PR.

Siblings: #650 #651 #653 #654 #655 #656 #657

[mforce]

Heads-up from #654, merged as 396ba233: the stat-card CSS is gone.

.stat-grid, .stat, .stat-value and .stat-label were deleted from web/src/styles.css, because the dashboard was their only renderer and #654 replaced that row with capture-status tiles. Both of your scopes list those selectors, so that part of your work is already done — please re-read your issue body against main before picking it up rather than against the version written on 2026-09-02.

What #654 deliberately did not touch, so it is still yours:

• SPA: elevation hierarchy — stop using one card treatment for stat cards, panels, toolbars and entry panes #651 — no elevation tokens were added. The new surfaces (.capture-tile, .capture-more, .meter-stack, .dash-list, .panel-wide) carry a border and --r-card, with no box-shadow at all, so they already sit on the side of the line your issue argues for; .panel, .card and .order-panel are untouched and still carry --shadow-card.
• SPA: retire tracked all-caps labels outside the nav group dividers #652 — no text-transform rule was added or removed. .badge still uppercases, which is why a no-entry tile reads NO ENTRY on the merged dashboard; that is your slice's call to make.

One thing worth knowing before you edit those files: web/src/styles.test.ts gained a guard that walks every rule whose selector reaches a dashboard surface — including a selector list like .unrelated, .capture-tile:hover — and fails on box-shadow, text-transform, transition, animation, or any colour that does not resolve through a var(--token). It is deliberately strict; if your slice needs one of those on a dashboard surface, change the guard in the same commit and say why.