Operational Pages

Page groups

Operational pages live under /app and use AppShell.

Primary groups include dashboard, sales, finance, inventory, master data, users, calendar, kanban, settings, and system.

Shared patterns

Use PageHeader for consistent title areas.

Use ops-page, ops-hero, ops-panel, ops-table-wrap, and StatusBadge for operational layouts.

Prefer dense and scannable layouts over marketing-style sections.

Operational dark mode checklist

Every operational page must be checked in dark mode.

• Body text, muted text, labels, and table cells are readable.
• Buttons have readable text in primary, tonal, outlined, and ghost variants.
• Dropdowns, inputs, and table hover states use dark surfaces.
• Focus states follow the selected primary color.