/* ════════ VOLURR RVIL — FOCUSED CHROME (owner brief 2026-07-22) ════════
   EVERY rule here is gated on body[data-view="relvalue"] → it can ONLY affect the Relative Value Lab view and
   has zero effect on any other VOLURR section. This is the SAME immersive-chrome pattern shipped for
   gold.css / market-live.css / agi.css / analysts.css:
     · the global top price ticker is hidden while RVIL is active (restored the moment you leave),
     · the global topbar (title · market status · search · notifications · mail · more · avatar) is hidden,
     · RVIL renders its OWN single compact strip (title · 12 tabs · connection · theme · language · fullscreen).
   Loaded globally (index.html) — NOT lazily — so it applies the instant data-view flips to "relvalue"
   (no first-entry flash). Restoration is automatic: leaving RVIL flips data-view away and every rule stops
   matching, so the ticker and the full global header return with no reload and no stale state. ──── */

/* hide the global price ticker while RVIL is active */
html:not(.wco-on) body[data-view="relvalue"] .ticker{display:none}

/* ═══ THE TOPBAR MAY ONLY BE HIDDEN ON DESKTOP ═══
   This was `body[data-view="relvalue"] .topbar{display:none!important}`, unconditional — and it TRAPPED every
   phone and portrait tablet inside the section.
   The chain: `.burger` (☰), the only control that opens the sidebar below 901px, lives INSIDE .topbar
   (index.html:176). Its desktop counterpart `.sidetog` is display:none until min-width:901px (base.css:237-238).
   So under 901px, hiding the topbar removed the one and only way to navigate out of RVIL: no sidebar, no
   burger, no back. The reader had to reload the page to leave. Four of the ten viewports the responsive
   harness itself drives — 360x800, 390x844, 430x932, 768x1024 — are on the wrong side of that line.
   gold.css already documents the correct pattern and states the reason out loud: "Mobile keeps the slim topbar
   (burger opens the sidebar)." RVIL now does the same. Below 901px the topbar stays, stripped to the burger
   alone, so the strip is still clean and the way out still exists. */
@media (min-width:901px){
  body[data-view="relvalue"] .topbar{display:none!important}
}
@media (max-width:900px){
  /* keep the row and the burger; drop everything that competes with RVIL's own strip */
  body[data-view="relvalue"] .topbar{height:44px;padding:0 10px;background:transparent;border-bottom:0}
  body[data-view="relvalue"] .topbar .hdrL,
  body[data-view="relvalue"] .topbar .hdr-status,
  body[data-view="relvalue"] .topbar .hdr-acts{display:none!important}
  body[data-view="relvalue"] .topbar .burger{display:inline-flex}
}
/* the global banners are chrome, not one of the four allowed RVIL controls — hide them so the single strip
   stays clean (they return on every other view; RVIL surfaces news inside its own News & Calendar tab):
     · #vAnnounce  — admin broadcast banner
     · #intelBanner — the CRITICAL/HIGH interrupt news banner (body-level overlay, the "…View ✕" strip)
     · #vAgiLive    — official VOLURR AGI live-broadcast banner */
body[data-view="relvalue"] #vAnnounce,
body[data-view="relvalue"] #intelBanner,
body[data-view="relvalue"] #vAgiLive{display:none!important}

/* reclaim the space the fixed 34px ticker + 66px topbar used to reserve, so RVIL content starts at the very top */
html:not(.wco-on) body[data-view="relvalue"] .app{padding-top:0}
html:not(.wco-on) body[data-view="relvalue"] .side{top:0}
html:not(.wco-on) body[data-view="relvalue"] .sidetog{top:10px}      /* re-center the sidebar toggle chip */

/* installed-PWA window-controls-overlay: keep the ticker hidden; the app keeps its wco offset so content
   clears the OS titlebar. The topbar is hidden in both cases (rule above is unconditional). */
html.wco-on body[data-view="relvalue"] .ticker{display:none}