THE MOBILE WRAPPER CONTRACT — same five view-provided slots as desktop: {title · optional count · action cluster · optional quick-filter row · content surface}. The SHELL provides ONE gray-07 header band (status bar · SECTION TABS · pagehead row · quick-filter bar, ending in a single gray-06 hairline; content surface below = var(--white)), the Views SHEET, and the locked .sb-bn bottom nav. DESKTOP↔MOBILE RESPONSIVE CONTRACT: topbar tabs → header SECTION TABS (equal-flex, 30px, r7, SemiBold 13/16; active gray-06 chip) · rail → bottom nav · Views column → Views sheet · secondary pagehead actions COLLAPSE TO ICON-ONLY (date-range → the blue calendar glyph 32×32, Filters → funnel icon) while '+ Add' KEEPS its label and the TITLE never truncates · topbar search → the bottom-nav search field (above the nav icons). VIEWS CHIP = two states: blue ON only while the Views sheet is open (frame 2); gray OFF otherwise. Customers = FULL-WIDTH edge-to-edge rows (.sb-custlist — 16px internal inset, no gutters). Showroom duration buckets = static colored LEGEND w/ hairline dividers, not chips. Hosted: SHOWROOM (Today date-range indicator · filter · add icon msels; All/Mine quick filters; the mobile surface 1:1 from comp-showroom-screen — metrics 2×2 + the three list containers) and CUSTOMERS (count 999 · Next 7 Days · filter · add; the locked customer-list rows). Frame 2 = the locked Views sheet over the dimmed Showroom frame, same colored count tags as the desktop Views column.