/* ============================================================
   FULLSCREEN MODE (CEO order 2026-11-04 ~4:46pm CT) — the
   visual half of fullscreen.js. The mode is ONE body class,
   `mv-fs`: these rules hide every piece of chrome around the
   chart (top bar, view tabs, watchlist rail, markets strip,
   multichart tab bar, ticker tape, board-view panels) so the
   screen is only the active chart + the PE-MASTER VORTEX
   dashboard dock. Removing the class restores the saved
   layout untouched — no rule here writes layout state.
   Loaded last (after panel-swap.css) so the state wins at
   equal specificity; the !important flags cover the band
   rules that restyle the same elements at iPad widths.
   ============================================================ */

/* Enter button (main chart): a TradingView-style expand-icon
   chip, injected by fullscreen.js into .top-right immediately
   after the chart-types Candles wrap (.ct-root) — right beside
   Candles, before the timeframe group (CEO placement
   correction 2026-11-04 ~5:00pm CT; the first build's spot
   after REFRESH was not findable and is removed). Sized and
   edged like the neighboring .ct-btn chip so it reads at a
   glance. */
.mv-fs-btn{
  background:#101823; color:#1ee308; border:1px solid rgba(30,227,8,.55); border-radius:8px;
  padding:0 9px; height:30px; margin-left:6px;
  cursor:pointer; font-family:inherit; white-space:nowrap;
  display:inline-flex; align-items:center; justify-content:center;
}
.mv-fs-btn:hover{background:rgba(30,227,8,.14); color:#eaffea;}
.mv-fs-btn:active{background:var(--green); color:#03140a;}

/* Per-pane button (CEO refinement 2026-11-04 ~4:48pm CT;
   placement corrected ~5:00pm CT): injected by fullscreen.js
   into every pane head (.mc-head) immediately BEFORE the
   pane's Candles button (.mc-ct) — between the timeframe
   group and Candles, the TradingView spot. Same height as
   .mc-ct (22px), brand-green edge so it is plainly visible;
   clear of the pane RESET button, which lives in the chart
   wrap. */
.mc-fs-btn{
  flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;
  width:24px; height:22px; padding:0; border-radius:6px; margin-left:6px;
  background:#101823; color:#1ee308; border:1px solid rgba(30,227,8,.55);
  cursor:pointer; font-family:inherit;
}
.mc-fs-btn:hover{border-color:#1ee308; background:rgba(30,227,8,.14);}

/* Exit button: injected into <body> by fullscreen.js; rendered
   ONLY while the mode is on — fixed at the top-right corner,
   above every panel, so it is always reachable. */
.mv-fs-exit{
  display:none; position:fixed; top:10px; right:10px; z-index:400;
  background:rgba(7,19,10,.94); color:#1ee308; border:1px solid rgba(30,227,8,.7); border-radius:8px;
  font-size:12.5px; font-weight:400; letter-spacing:.8px; padding:8px 14px;
  cursor:pointer; font-family:inherit; white-space:nowrap;
  box-shadow:0 8px 28px rgba(0,0,0,.6), 0 0 16px rgba(30,227,8,.15);
}
.mv-fs-exit:hover{background:rgba(30,227,8,.16); color:#eaffea;}
body.mv-fs .mv-fs-exit{display:block;}

/* ---------------- the fullscreen state ---------------- */
body.mv-fs .topbar{display:none !important;}
body.mv-fs .tape{display:none !important;}
body.mv-fs .watchlist{display:none !important;}
body.mv-fs .wl-resize-handle{display:none !important;}
body.mv-fs .mc-tabbar{display:none !important;}
body.mv-fs .mstrip{display:none !important;}
/* Board views (normally restored to the chart view on entry by
   fullscreen.js; hidden here as a backstop so one opened by a
   keyboard shortcut mid-fullscreen can never cover the chart). */
body.mv-fs #scrView, body.mv-fs #scanView, body.mv-fs #penView,
body.mv-fs #sub5View, body.mv-fs #newsView, body.mv-fs #earnView,
body.mv-fs #insiderView, body.mv-fs #heatmapView, body.mv-fs #cryptoView,
body.mv-fs #memeView, body.mv-fs #helpView{display:none !important;}
/* The chart column gives its 2px frame margin back to the chart. */
body.mv-fs .chart-col{margin:0;}
/* Multi-chart: the grid collapses to the ACTIVE pane only. The
   pane layout model is untouched (inline display values and the
   layout-N templates return verbatim when the class comes off);
   hidden panes' charts guard on zero size in resizePane. */
body.mv-fs .mc-grid{grid-template-columns:1fr !important; grid-template-rows:1fr !important;}
body.mv-fs .mc-pane:not(.active){display:none !important;}
/* Phone band: .main stacks and the chart column has a fixed
   height there — in fullscreen it flexes to the screen instead. */
@media (max-width: 900px){
  body.mv-fs .chart-col{height:auto; flex:1 1 auto; min-height:0;}
}
