/* ============================================================ app.css — the coach app's own component sheet, second link on every page after /assets/stica.css. Built by merging assets/parts/_shell.css, assets/grid-app.css, assets/grid.css, assets/mast.css and every assets/parts/.css fragment into one file, then dropping what stica.css (the synced copy of the live site's design system) already carries exactly. grid.css contributed nothing of its own — it was just `@import url('stica.css'); @import url('grid-app.css');`, a re-export shim with no rules — so there is nothing from it to fold in here; both imports are superseded by this page linking stica.css and app.css directly. One exact duplicate of a stica.css rule was found and dropped: `:root[data-theme="light"]{color-scheme:light;}` (was in grid-app.css, byte-identical to stica.css §2). Everything else in the source sheets uses this app's own unprefixed component names (.mast, .paper, .pill, .chip, .tile, .flow-*, the page- local classes below) rather than stica.css's `.st-*` vocabulary, so there was very little other overlap to remove — see the build note in the work-package for the full comparison. A handful of rules were repeated byte-for-byte across two of the merged fragments (the settings-drawer chrome duplicated between mast.css and coach-dashboard.css, a few survey/hero-strip/frow rules shared between two page fragments that used to ship separately). Those are deduplicated below, keeping the first occurrence; nothing was reworded or reordered otherwise. ============================================================ */ /* ============================================================ SETTINGS DRAWER (assets/parts/_shell.css) ============================================================ */ /* Header shell additions (WP-member-app-one-shell step 4). Everything the mounted header needs — .st-head, .st-nav, .st-navpanel, .st-btn--pill, .st-themetoggle, .st-btnrow, .st-wrap, .st-small — already exists in stica.css and is reused unchanged. The one row this app's header adds that the site sheet never needed is the identity line inside the account panel: plain text (name · email), not a link, sitting in the same .st-navpanel
  • list as the "Account settings" anchor. .st-navpanel a gets its row height from `display:flex;align-items:center;min-height: 44px` (stica.css §7.3); a bare

    doesn't inherit a type selector, so it sits flush instead of matching the anchor rows above and below it. Same three values, no new ones. */ .st-navpanel li p.st-small{display:flex;align-items:center;min-height:44px;margin:0;} /* The site puts .st-btn--pill on an . This header has to use a