Delta Command: precision UI pass

[nfaggian]

Follow-up to the "minimal UI" pass, focused on precision — making the interface read as calm, data-first, and pixel-honest.

Principles

1. Static things look static. Data cards don't move under the cursor. Motion only signals interactivity.
2. One job per class. The typography scale collapsed from 9 fuzzy tiers to 5 tiers with a single, obvious role each.
3. Semantic color, not decorative color. Red = critical, amber = attention, emerald = healthy, blue = neutral primary. Nothing else picks a tone.
4. Tabular numbers everywhere. Money, percentages, days-until, dates — all in tabular-nums so columns align to the pixel.
5. No visual noise behind the data. Removed the page-shell grid pattern, decorative backdrop blur, sidebar glow, KPI-icon hover scale.

Design system (globals.css)

• .card is now static (no blur / no hover shift). Interactive cards opt in via a new .card-interactive variant.
• Typography: headline, title-lg, title-md, title-sm, body, metric, metric-sm, label. Duplicates (metric-label vs label-md, section-title vs title-lg, headline-md vs headline) collapsed.
• Buttons unified to 36 px height with ring-2 ring-offset-2 focus states.
• Banners get a solid 3 px left stripe (::before) so severity is scannable at a glance.
• .util-cell refactored for a spreadsheet feel: rounded, no hover scale, tabular-nums.
• Page-shell grid pattern removed.

Component polish

Component	Change
Sidebar	Removed brand-mark glow; thinner active bar; static hover.
Header	56 px sticky bar with title + inline meta + date.
KPICard	Monochrome inline icon; single-column rhythm (label → value → context); no hover motion.
ActionItemsPanel	divide-y rows with per-severity 2 px left stripe; severity counter in header.
ExecutiveBriefingPanel	Baseline-aligned AI badge; denser leading (leading-6); minimal empty state.
Milestones + Upcoming Closes	Identical row rhythm; chip + tabular days-until stack.
PipelineChart / UtilizationChart	Tighter margins, 2–3 px bar radius, dashed grid 2 4, tint cursor.
PipelineBoard cards	card-interactive; tabular amounts; compact stage select.
ProjectCard	Bulky "Update Status" <select> replaced with an inline status badge that flips into a native select on click (with chevron affordance).
UtilizationTimeline	Table with real cell borders (spreadsheet feel), tighter cell width, subtle "now" indicator.

Verification

• npm run build — clean, no bundle regressions
• npx tsc --noEmit — clean
• Playwright screenshots at 2× DPI across /dashboard, /opportunities, /team, /projects — captured before + after for visual diff.

Before / After

Dashboard

Dashboard — before
Dashboard — after

Opportunities

Opportunities — before
Opportunities — after

Team

Team — before
Team — after

Projects

Projects — before
Projects — after

Stacking

Stacked on cursor/llm-briefing-535c (PR #9). Merge target for the ultimate move: nfaggian/delta-tools.

_{To show artifacts inline, enable in settings.}