Responsive states
DashboardShell has two breakpoints: ≥1280 (full 4-cell grid) and <1280 (stacked: topnav over stage; brand + sidenav hide). Below 768 the topnav padding tightens to match smaller viewports.
When the brand corner and sidenav hide, apps should put a hamburger button in the topnav and render their own drawer for the nav contents. Consumers own that — the shell stays dumb.
Variants
≥1280 — Desktop (this view)
Full 4-cell grid with brand + topnav + sidenav + stage.
768–1279 — Tablet
Brand + sidenav hidden. Topnav stretches full-width over the stage.
<768 — Mobile
Same stack as tablet; topnav padding tightens to 20px and per-page padding shrinks.