/* match-pro-clean.css (2026-10-12): Trade page cleanup, linked right after match-pro.css.

   Scope. Every rule is keyed on Trade being the open view: body[data-mm="1"] (match.js sets it
   while Match owns the screen) or html.mp-lock (match-pro.js sets it while the desktop terminal is
   up). Today, Compare, Trades, Premium and Flow never match, so they render exactly as before.
   Not here on purpose: the footer hide for the desktop terminal is the last block of
   match-pro.css, and the terminal shell sizes (grid rows, panel height, chart row) belong to
   match-pro-term.css. The skins pin sizes with !important, so each rule carries ten :root repeats.
   Each block stands alone: delete one and the others keep working. */


/* A. Header ticker. The live dot, the contract count and its age describe the data tape, not a
   trade. The desk prints its own freshness line next to the price, so nothing is lost on Trade. */
:root:root:root:root:root:root:root:root:root:root body[data-mm="1"] header.top #status{ display:none !important; }


/* B. Paper positions panel. Same grid and same panel height as before; only what the rows say and
   how they read changes. match-pro.css stays the owner of the column template. */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */


  /* B1. One even 36px pitch with a larger value face. 36px is the pitch match-pro-term.css already
     uses on short windows, so four positions fill the panel at 900px high instead of three and a half. */
  :root:root:root:root:root:root:root:root:root:root body[data-mm="1"] .mp-pn .mp-paper > .mp-prow{ height:36px !important; font-size:13px !important; }
  :root:root:root:root:root:root:root:root:root:root body[data-mm="1"] .mp-pn .mp-paper > .mp-prow > span.n{ font-size:13px !important; }
  :root:root:root:root:root:root:root:root:root:root body[data-mm="1"] .mp-pn .mp-paper > .mp-prow:not(.sk):hover{ background:rgba(26,20,16,.035); }

  /* B2. The header row stays put while the rows scroll (it sits outside the scroller). Reserve the same
     gutter on both so the columns line up when a scrollbar appears; thin and quiet. */
  :root:root:root:root:root:root:root:root:root:root body[data-mm="1"] .mp-pn .mp-th{ overflow:hidden; scrollbar-gutter:stable; scrollbar-width:thin; }
  :root:root:root:root:root:root:root:root:root:root body[data-mm="1"] .mp-pn .mp-paper{ scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:rgba(26,20,16,.3) transparent; }

  /* B3. No ghost bars. While the positions read is in flight the script renders two skeleton rows; the
     first becomes one plain sentence, centred in the panel, and the second is dropped. Real rows are never
     .sk, so a real position never shows a ghost; empty and error states are .mp-pnote sentences already. */
  :root:root:root:root:root:root:root:root:root:root body[data-mm="1"] .mp-pn .mp-paper > .mp-prow.sk{ display:flex !important; align-items:center !important; box-sizing:border-box !important; height:100% !important; min-height:44px !important; padding:0 12px !important; border:0 !important; }
  :root:root:root:root:root:root:root:root:root:root body[data-mm="1"] .mp-pn .mp-paper > .mp-prow.sk ~ .mp-prow.sk{ display:none !important; }
  :root:root:root:root:root:root:root:root:root:root body[data-mm="1"] .mp-pn .mp-paper > .mp-prow.sk > *{ display:none !important; }
  :root:root:root:root:root:root:root:root:root:root body[data-mm="1"] .mp-pn .mp-paper > .mp-prow.sk::before{ content:"Reading your positions…"; font:400 13px/1.3 Inter,system-ui,sans-serif; color:rgba(26,20,16,.55); }
}


/* C. Registration frame. The four orange corner brackets are fixed 13px in from the window edge, which
   on the terminal lands them on the logo, the wallet button and the corners of the positions panel. The
   page has no room for them here. Terminal only; every other view and the phone flow keep the frame.
   This is a brand call: delete this block to bring the frame back on Trade. */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body::after{ display:none !important; }


/* D. Footer on the Trade states that html.mp-lock does not cover: the Desk positions view, and 641 to
   899px where the consumer flow runs. Phones already hide it in match.css. */
:root:root:root:root:root:root:root:root:root:root body[data-mm="1"] > footer{ display:none !important; }