/* ══════════════════════════════════════════════════════════════════════════════════════════
   NAV FIX — the left rail and the top bar switch pages properly (CEO launch day, 2026-09-26)
   ------------------------------------------------------------------------------------------
   Jon, verbatim: "Buggy left hand nav doesn't switch between pages properly" and "massive bugs
   when clicking on very top nav". Both traced to ONE thing: the Financials (the CFO "pressure
   room", #__cfoView) is an s1 room laid OVER whichever hub view is current, and the chrome did
   not know it was there. The behaviour fix is in JS (pn-shell-adopt.js reads the
   `body[data-s1-view]` flag script-01.js now stamps while a room is open; the rail closes the
   room before switching; the burger marks the rail; the Dashboard button goes to the Floor).
   This sheet is the belt to those braces — the two places CSS alone can keep a room honest.
   Loads after pn-li-share.css, i.e. genuinely last, so every rule here wins at equal specificity.
   ══════════════════════════════════════════════════════════════════════════════════════════ */

/* ── 1. WHILE A ROOM IS OPEN IT IS THE PAGE — the hub headline under it stands down at once
   (pn-shell-adopt.js syncTitle() does the same on its 500ms tick; this removes the tick's lag
   and the one frame where "What you need to know" sat under "The pressure room"). */
html body.s1-view-open .screen > .content .navbar .titlerow{ display:none !important; }

/* ── 2. THE ROOM NEVER FLOATS AT A STALE INSET OVER A VIEW THAT HAS NO SIDEBAR.
   The in-device room is an absolute child of `.screen`, inset by the measured sidebar width
   (--s1-inset-left) and app-bar height (--s1-inset-top). Five views (boot / create / meetteam /
   store / weeksummary) stand the device down to display:contents (pn-shell-adopt.css §"THE LIST
   IS THE DEFECT"), and there the sidebar is gone — so a room still open would sit 252px to the
   right with the view showing through on the left (MEASURED before the JS fix: open Financials,
   click Store → room at left:252px over the Vault). The JS now closes the room before any of
   those views opens; if anything ever leaves one open there, it fills the viewport under the app
   bar instead of floating. `position:fixed` is safe HERE because these five views are the ones
   where `.pad/.dev/.screen` are display:contents and <body> is the viewport. */
html body:not([data-view="office"]) .s1-screen.s1-screen--in-device{
  position:fixed !important;
  left:0 !important; right:0 !important; bottom:0 !important;
  top:var(--s1-inset-top,0px) !important;
}

/* Mail / THE WIRE removed (CEO 2026-09-27: "it doesnt do anything"). The burger row is gone
   (pn-shell-adopt.js); the app-bar mail pill goes with it so no dead control remains. */
html:not(#pn-ds-never) body .appbar .mailbtn{ display:none !important; }

/* Every notice (the Internal Wire toast) is closeable (CEO 2026-09-27). The close sits top-right of
   the slip, 44px target, visible focus, never over the message text. */
html:not(#pn-ds-never) body #toast.pn-wire{ position:fixed; }
html:not(#pn-ds-never) body #toast.pn-wire .wire-x{
  position:absolute !important; top:6px; right:8px; z-index:2;
  width:44px !important; height:44px !important; min-height:44px !important; padding:0 !important; margin:0 !important;
  display:inline-flex !important; align-items:center; justify-content:center;
  border-radius:10px !important; border:1px solid rgba(255,255,255,.22) !important;
  background-color:rgba(255,255,255,.06) !important; background-image:none !important; box-shadow:none !important;
  color:#EEF3FB !important; font:500 24px/1 var(--pn-sans,'Inter',sans-serif) !important; cursor:pointer;
}
html:not(#pn-ds-never) body #toast.pn-wire .wire-x:hover{ background-color:rgba(255,255,255,.14) !important; }
html:not(#pn-ds-never) body #toast.pn-wire .wire-x:focus-visible{ outline:2px solid #EEF3FB !important; outline-offset:2px; }
html:not(#pn-ds-never) body #toast.pn-wire .wire-band{ padding-right:64px !important; }