/* ════════════════════════════════════════════════════════════════════════════
   MASTER DASHBOARD — the SHELL's own styles, and only those.

   The page itself is styled by `master-dashboard-desk.css`, the reference design's own
   stylesheet ported onto our palette tokens and scoped under `#view-master-dashboard`
   (see `scripts/port_desk_css.py`). What is left here is the furniture AROUND that: the
   loading/empty/error box, the two-face tab strip, and the host the Morning Brief mounts
   into.

   THIS FILE WAS 95KB AND IS NOW UNDER 3. It carried ~470 class rules for the hand-built
   sections that the 2026-09-09 port replaced; 463 of them were no longer emitted by any
   module. They are gone rather than left in place, because a stylesheet nothing renders
   against is a stylesheet nobody can safely change: the next person cannot tell which
   half is live, and every reader pays to download all of it.

   The lineage switch (`.md-modelbar` / `.md-modelseg`) is NOT here — it lives in
   `surface.css` because the AI-compare bar on other pages uses the same control, and
   defining it twice is how two copies of one switch come to look different.
   ════════════════════════════════════════════════════════════════════════════ */

/* The view's outer column. The desk face sets its own measure inside this (`.page` is
   capped at 1000px by the ported sheet), so this only has to give the brief face and the
   state boxes a page to sit on. */
.md-page {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* Loading, no grant, nothing generated yet, and the render fault. One box, one voice. */
.md-empty {
  padding: 26px 0;
  font-size: 13.5px;
  color: var(--text-muted);
}

/* The page's two faces. Both wear the SAME masthead: on the board the renderer draws it
   at the top of its own `.page`, and on the brief this host places the identical `.mast`
   above the brief's column. So there is one definition of the wordmark, the face switch
   and the run stamp, and nothing here styles any of them — `.mast`, `.wm`, `.nav`,
   `.nav .nv` and `.stat` all come from the ported desk sheet and apply because this host
   sits inside `#view-master-dashboard`.

   All this rule does is give that masthead the brief's own measure. The board draws it
   inside a 1000px `.page`; the brief's column is 1360px with 28px of side padding, and
   matching both is what puts the wordmark directly above the writing rather than out at
   the edge of a wider page. */
/* The tab strip that carries Dashboard · Morning Brief.
 *
 * It is drawn ONLY on the brief face — on the board the renderer draws the same masthead
 * itself, inside `.page`. So this rule has to reproduce `.page`'s geometry exactly or the
 * same strip is a different width depending on which face you are looking at, which is
 * what it was: 1360px wide and inset 28px here against the board's 1000px and 26px.
 *
 * Both numbers belong to the ported reference sheet, not to us.
 * `tests/test_master_dashboard_widths.py` reads them out of it and fails if these drift. */
.md-facenav {
  width: 100%;
  max-width: var(--mb-page, 1000px);
  margin: 0 auto;
  padding: 0 26px;
}
/* The fallback path, used only when the renderer script did not load and `pageTabs()`
   emits the bare nav rather than the masthead. It still has to look like a masthead,
   because it is the only way back to the board. */
.md-facenav > .nav {
  padding: 16px 0;
  border-bottom: 1px solid var(--rule2);
}

/* What the Morning Brief mounts into. It owns everything inside; this only reserves the
   width, so a brief that fails to paint still leaves the tab strip above it on screen. */
.md-briefhost { width: 100%; }

/* The lineage switch rides in the reference masthead's status line, which is a
   right-aligned monospace row. The shared control is sized for a page header, so it is
   scaled down to sit on that line rather than break it onto its own. */
#view-master-dashboard .stat .md-modelbar {
  padding: 2px;
  gap: 2px;
}
#view-master-dashboard .stat .md-modelseg {
  padding: 3px 9px;
  font-size: 10.5px;
}
#view-master-dashboard .stat .md-modelbar-note {
  font-size: 10px;
  margin-left: 6px;
}