/* match-pro-term.css (2026-10-12): Trade is a fixed-viewport terminal, papertrade grammar.
   The page never scrolls and the wheel never moves the layout. Only the strike ladder and the
   positions table scroll, inside their own panels. Loaded after match-pro.css and hourly-head.css.
   The shell skin pins sizes with !important, so every rule here carries ten :root repeats
   (html.mp-lock is set by match-pro.js while Trade is open and not in the desk positions view). */

@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  /* ---- header: one row, same left edge and rail offset on every section ---- */
  /* ---- header: one row at every desktop width while Trade is open ---- */
  html:root:root:root:root:root:root:root:root:root:root body > header.top{
    flex-wrap:nowrap !important; padding-left:clamp(40px,4.5vw,64px) !important; padding-right:clamp(40px,4.5vw,64px) !important; min-height:0 !important; }
  html:root:root:root:root:root:root:root:root:root:root body > header.top .brand{ flex:0 0 auto !important; }
  html:root:root:root:root:root:root:root:root:root:root body > header.top nav.rail{
    order:0 !important; width:auto !important; flex:0 1 auto !important; min-width:0 !important; max-width:none !important;      /* the tabs give way (and scroll) before the switch and the wallet leave the screen */
    margin:0 0 0 clamp(24px,3vw,48px) !important; padding:0 !important; border:0 !important; }
  html:root:root:root:root:root:root:root:root:root:root body > header.top .topright{ margin-left:auto !important; flex:0 0 auto !important; }

  /* ---- shell: the grid owns the viewport, rows are fractions of it ---- */
  html.mp-lock body .view[data-view="match"].mm-pro-on:not(.mp-pos-on) #mm-pro{
    --mp-bar:40px;
    --mp-pnh:clamp(140px,24vh,280px);
    grid-template-rows:minmax(0,1fr) var(--mp-pnh);
    gap:8px; padding:8px; overflow:hidden; overscroll-behavior:none; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ch{ --mp-bar:56px; position:relative; min-height:0; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tk{ align-self:stretch; min-height:0; overflow:hidden; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tk-in{ flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(26,20,16,.32) transparent; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tk-in::-webkit-scrollbar{ width:6px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tk-in::-webkit-scrollbar-thumb{ background:rgba(26,20,16,.32); }
  /* no block of the ticket shrinks: a panel that is too short scrolls (thin bar shows it) instead of flattening the
     expiry chips to a sliver or sliding the router and desk price under the buttons */
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tk-in > *{ flex:none; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-exs{ max-height:none; overflow:visible; }
  /* the action buttons stay on screen whatever the height */
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-btns{ position:sticky; bottom:0; margin-top:10px; padding-top:6px; background:#fffaf3; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-pn{ min-height:0; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-paper{ overscroll-behavior:contain; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lw{ overscroll-behavior:contain; }
}

/* laptop windows (up to 940 px high, which is a 14 inch MacBook with the browser bar on): tighten the ticket so
   the whole body, router and desk price included, fits without scrolling. Measured need at 6 expiries:
   598 px roomy, about 484 px here. The bottom panel gives up 4vh to the ticket (positions table scrolls inside). */
@media (max-height:940px){
  html.mp-lock body .view[data-view="match"].mm-pro-on:not(.mp-pos-on) #mm-pro{ --mp-pnh:clamp(132px,20vh,280px); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tk-in{ gap:6px; padding:8px 10px 10px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tk-row .mp-seg button{ padding:6px 0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-exs{ display:flex !important; flex-wrap:wrap !important; gap:3px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ex{ flex:1 0 auto; padding:5px 4px !important; font-size:11px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-sz{ gap:6px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-in{ font-size:18px !important; padding:4px 0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chips button{ padding:4px 0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bx{ padding:5px 10px 6px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bx i{ margin-bottom:3px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bx > b{ font-size:17px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-c{ padding:2px 0; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-dk > b{ font-size:20px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-go{ padding:10px 0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-pp{ padding:7px 0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-btns{ margin-top:6px; }
  /* router panel: same content, tighter spacing (143 px to about 123 px) */
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt{ padding-top:6px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-h{ padding-bottom:3px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-t{ margin-top:4px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-b{ margin:3px 0 0; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-s{ padding:2px 0 0; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-m{ margin:4px 0 4px; padding:5px 8px; }
}

/* short windows (up to 760 px high): the same ticket, one notch tighter */
@media (max-height:760px){
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tk-in{ gap:4px; padding:6px 10px 8px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tk-row .mp-seg button{ padding:5px 0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ex{ padding:4px 4px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-in{ font-size:16px !important; padding:3px 0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chips button{ padding:3px 0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bx{ padding:4px 10px 5px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bx > b{ font-size:16px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-dk > b{ font-size:18px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-go{ padding:9px 0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-pp{ padding:6px 0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-t button{ padding:3px 0; }
}

/* positions rows tighten at the old 820 px threshold */
@media (max-height:820px){
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-prow{ height:36px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-th{ height:26px; }
}

/* ---- header: one row. Asset trigger + dropdown, price, chart controls, colour skin ---- */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd{ flex-wrap:nowrap !important; align-content:normal !important; row-gap:0 !important; padding:0 12px !important; gap:14px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lh{ align-items:center !important; padding-bottom:0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asw{ display:inline-flex; flex:none; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asb{ appearance:none; display:inline-flex !important; align-items:center; gap:8px; height:36px; padding:0 10px 0 8px !important; margin:0; border:1px solid rgba(26,20,16,.22) !important; border-radius:0 !important; background:transparent !important; color:#1a1410 !important; cursor:pointer; font:600 13px/1 Inter,system-ui,sans-serif !important; letter-spacing:.2px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asb:hover, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asb[aria-expanded="true"]{ background:#f7efe4 !important; border-color:#1a1410 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asb:focus-visible, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso:focus-visible, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-skin:focus-visible{ outline:2px solid #fe6102; outline-offset:1px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asb .mk-w, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .mk-w{ display:inline-flex; width:20px; height:20px; align-items:center; justify-content:center; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asb .mk-w svg, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .mk-w svg{ width:20px; height:20px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asb .cv{ width:7px; height:7px; margin:-3px 2px 0 4px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); opacity:.6; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asb[aria-expanded="true"] .cv{ transform:rotate(-135deg); margin-top:3px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asm{ position:absolute; z-index:30; top:var(--mp-bar,56px); left:-1px; width:min(364px,94%); max-height:calc(100% - var(--mp-bar,56px)); overflow-y:auto; background:#fffaf3; border:1px solid #1a1410; border-top:0; box-shadow:0 12px 28px rgba(26,20,16,.12); scrollbar-width:none; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asm[hidden]{ display:none !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asg{ padding:9px 12px 5px; font:500 9px/1 'Geist Mono',ui-monospace,Menlo,monospace !important; letter-spacing:.7px !important; text-transform:uppercase; color:rgba(26,20,16,.45) !important; border-top:1px solid rgba(26,20,16,.1); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asg:first-child{ border-top:0; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso{ appearance:none; display:grid; grid-template-columns:20px 1fr auto 7ch; align-items:center; column-gap:10px; width:100%; padding:9px 12px; border:0 !important; border-radius:0 !important; background:transparent !important; color:#1a1410 !important; cursor:pointer; text-align:left; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso:hover{ background:#f7efe4 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso.is-on{ background:#1a1410 !important; color:#fffaf3 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .nm{ font:600 13px/1 Inter,system-ui,sans-serif; letter-spacing:.2px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .pp{ font:400 12px/1 'JetBrains Mono',ui-monospace,Menlo,monospace; font-variant-numeric:tabular-nums; text-align:right; color:rgba(26,20,16,.6); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .pc{ font:400 11px/1 'JetBrains Mono',ui-monospace,Menlo,monospace; font-variant-numeric:tabular-nums; text-align:right; color:rgba(26,20,16,.45); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso.is-on .pp, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso.is-on .pc{ color:rgba(255,250,243,.75); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-skin{ appearance:none; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0 !important; margin:0; border:1px solid rgba(26,20,16,.22) !important; border-radius:0 !important; background:transparent !important; cursor:pointer; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-skin i{ display:block; width:14px; height:14px; background:#fffaf3; border:1px solid #1a1410; position:relative; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-skin i::after{ content:""; position:absolute; inset:0; background:#fe6102; clip-path:polygon(100% 0,100% 100%,0 100%); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-skin[aria-pressed="true"]{ border-color:#fe6102 !important; }
}

/* assets with no desk engine: no desk price block, no dead Take button; the paper trade is the action */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp.mp-nodesk .mp-dk, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-nodesk .mp-dk{ display:none !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-nodesk .mp-go[data-c="go"]{ display:none !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-nodesk .mp-pp{ background:#fe6102 !important; color:#fff !important; border-color:#fe6102 !important; font-weight:600 !important; padding:12px 0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-nodesk .mp-pp:disabled{ background:#f1e6d8 !important; border-color:#f1e6d8 !important; color:rgba(26,20,16,.4) !important; }
}

/* chart zoom: the reset badge only shows once the wheel has changed the time axis */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-zb{ position:absolute; z-index:5; top:10px; right:calc(64px + 12px); appearance:none; padding:5px 9px !important; margin:0; border:1px solid #fe6102 !important; border-radius:0 !important; background:#fffaf3 !important; color:#1a1410 !important; font:600 9px/1 'Geist Mono',ui-monospace,Menlo,monospace !important; letter-spacing:.8px !important; text-transform:uppercase; cursor:pointer; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-zb[hidden]{ display:none !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-zb:hover{ background:#fe6102 !important; color:#fff !important; }

/* ---- chrome off on every section: no corner brackets, no footer bar ---- */
:root:root:root:root:root:root:root:root:root:root body::before{ content:none !important; display:none !important; }
:root:root:root:root:root:root:root:root:root:root body::after{ content:none !important; display:none !important; }
:root:root:root:root:root:root:root:root:root:root body > footer,
:root:root:root:root:root:root:root:root:root:root footer{ display:none !important; }

/* ---- section line under the header: plain hairline, no hatch, set on the content column ---- */
:root:root:root:root:root:root:root:root:root:root body > header.top .tag{
  background:none !important; background-image:none !important; border:0 !important; box-shadow:none !important;
  height:auto !important; min-height:0 !important; margin:0 !important;
  padding:10px 0 10px max(16px, calc((100vw - 1152px) / 2)) !important;
  font:500 11px/1.3 'Geist Mono','JetBrains Mono',ui-monospace,monospace !important;
  letter-spacing:.08em !important; text-transform:uppercase !important; color:#8a7f72 !important; }
:root:root:root:root:root:root:root:root:root:root body > header.top{ border-bottom:1px solid rgba(26,20,16,.12) !important; }

/* the strapline hung under the header, over the page, 24 px off the content column: off on every section */
:root:root:root:root:root:root:root:root:root:root body > header.top .tag{ display:none !important; }

/* Home: the leftover bar drawn by .hm::before at the panel corner */
:root:root:root:root:root:root:root:root:root:root body .view[data-view="home"] .hm::before{ content:none !important; display:none !important; }


/* ---- header (2026-10-16, owner: section bar too close to the top) ----
   More air above and below the bar. The tagline stays off (owner, 2026-10-16). */
html:root:root:root:root:root:root:root:root:root:root:root:root body > header.top{ padding-top:11px !important; padding-bottom:11px !important; align-items:center !important; }

/* ---- screen bracket, top left and top right only (2026-10-16, owner: "add the small bracket we had before").
   The old page registration marks (tva-light.css) minus the bottom pair. The bar's side padding clears them. ---- */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

html:root:root:root:root:root:root:root:root:root:root:root:root body::after{
  content:"" !important; display:block !important; position:fixed !important; top:calc(12px + var(--mm-notice-h, 0px)) !important; left:12px !important; right:12px !important;      /* under the maintenance bar when it shows */
  height:20px !important; bottom:auto !important; inset-block-end:auto !important; z-index:90 !important; pointer-events:none !important;
  background:
    linear-gradient(#e07a2e,#e07a2e) left top / 20px 3px no-repeat,
    linear-gradient(#e07a2e,#e07a2e) left top / 3px 20px no-repeat,
    linear-gradient(#e07a2e,#e07a2e) right top / 20px 3px no-repeat,
    linear-gradient(#e07a2e,#e07a2e) right top / 3px 20px no-repeat !important; }
}

/* asset picker: table design (asset1.png). Real columns only: spot and 24h are live, IV and OI are not shown until sourced. */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asm{ width:min(440px,calc(100% - 8px)) !important;max-height:min(560px,calc(100% - var(--mp-bar,56px))) !important;display:flex;flex-direction:column;overflow:hidden !important;border:1px solid #1a1410 !important;border-top:0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asq{ display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(26,20,16,.1); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aq{ flex:1;appearance:none;border:0 !important;outline:0 !important;background:transparent !important;font:400 14px/1.2 Inter,system-ui,sans-serif !important;color:#1a1410 !important;padding:2px 0; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ax{ appearance:none;border:0 !important;background:transparent !important;font-size:20px;line-height:1;color:rgba(26,20,16,.55) !important;cursor:pointer;padding:0 4px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-arc{ display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid rgba(26,20,16,.1); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-arc[hidden]{ display:none !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-arc b{ font:500 9px/1 'Geist Mono',monospace;letter-spacing:.7px;text-transform:uppercase;color:rgba(26,20,16,.45);margin-right:4px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-arc button{ appearance:none;border:1px solid rgba(26,20,16,.2) !important;background:transparent !important;border-radius:0 !important;padding:4px 8px;font:500 11px/1 Inter,sans-serif;color:#1a1410 !important;cursor:pointer; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-atb{ display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid rgba(26,20,16,.1); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-atb button{ appearance:none;border:0 !important;background:transparent !important;border-radius:0 !important;padding:6px 10px;font:500 12px/1 Inter,sans-serif;color:rgba(26,20,16,.65) !important;cursor:pointer; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-atb button.is-on{ background:#1a1410 !important;color:#fffaf3 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-acnt{ margin-left:auto;font-family:'Geist Mono',ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:rgba(26,20,16,.45); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ath, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso{ display:grid !important;grid-template-columns:20px minmax(0,1fr) 84px 56px 72px;align-items:center;column-gap:10px;padding:0 12px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ath{ height:30px;font:500 9px/1 'Geist Mono',monospace;letter-spacing:.7px;text-transform:uppercase;color:rgba(26,20,16,.45);border-bottom:1px solid rgba(26,20,16,.1); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ath span:nth-child(3), html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ath span:nth-child(4){ text-align:right; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-abd{ flex:1;overflow-y:auto;scrollbar-width:thin; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso{ height:36px;width:auto !important;border-bottom:1px solid rgba(26,20,16,.06) !important;cursor:pointer; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso.is-kb:not(.is-on){ background:#f7efe4 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .st{ font-size:13px;color:rgba(26,20,16,.3);cursor:pointer; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .st.on{ color:#fe6102; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .un{ display:flex;align-items:center;gap:10px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .pp{ font-size:13px !important;color:#1a1410 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .pc{ font-size:12px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .vn{ font:400 11px/1 'Geist Mono',monospace;color:rgba(26,20,16,.55); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .lg{ font:500 10px/1 'Geist Mono',monospace;letter-spacing:.4px;text-transform:uppercase; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .lg.full{ color:#1d7a4d; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .lg.long{ color:rgba(26,20,16,.55); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso.is-on .pp, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso.is-on .vn{ color:rgba(255,250,243,.8) !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aem{ padding:22px 12px;font:400 13px/1 Inter,sans-serif;color:rgba(26,20,16,.5); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aft{ display:flex;align-items:center;gap:14px;padding:9px 12px;border-top:1px solid rgba(26,20,16,.1);font:400 11px/1.2 Inter,sans-serif;color:rgba(26,20,16,.6); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aft kbd{ display:inline-block;min-width:16px;padding:2px 4px;margin-right:3px;border:1px solid rgba(26,20,16,.25);font:400 10px/1 'Geist Mono',monospace;text-align:center; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-anote{ margin-left:auto;text-align:right;color:rgba(26,20,16,.45);max-width:300px; }
}

/* asset switch: Lighter-style clean swap. Panel eases in, content dips and returns, nothing slides. */
@keyframes mp-pick-in{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:none; } }
@keyframes mp-swap-in{ from{ opacity:.25; } to{ opacity:1; } }
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asm:not([hidden]){ animation:mp-pick-in .15s cubic-bezier(.22,1,.36,1) both; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-swap .mp-ch canvas, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-swap .mp-lw, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-swap .mp-tp, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-swap .mp-pn{ animation:mp-swap-in .3s cubic-bezier(.22,1,.36,1) both; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso{ transition:background-color .12s ease, color .12s ease; }
}
@media (prefers-reduced-motion:reduce){ html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asm:not([hidden]), html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-swap *{ animation:none !important; } }

@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .vn{ font-size:10px; color:rgba(26,20,16,.4); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso.is-on .vn{ color:rgba(255,250,243,.6) !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .lg{ text-align:right; font-size:9px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ath span:nth-child(5){ text-align:right; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asm{ border-radius:0 0 6px 6px; max-height:min(480px,calc(100% - var(--mp-bar,56px))) !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-anote{ margin-left:0; max-width:none; text-align:left; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aft{ flex-wrap:wrap; gap:6px 12px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aft span:not(.mp-anote){ display:none; }
}

@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-atb{ flex-wrap:nowrap; gap:2px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-atb button{ white-space:nowrap; padding:6px 9px; font-size:12px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ath{ font-size:9px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ath span{ font-size:9px !important; white-space:nowrap; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .lg{ font-size:10px !important; letter-spacing:.3px !important; white-space:nowrap; padding-right:2px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .pp{ font-size:12px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .pc{ font-size:11px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso{ grid-template-columns:20px minmax(0,1fr) 80px 52px 44px !important; column-gap:8px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ath{ grid-template-columns:20px minmax(0,1fr) 80px 52px 44px !important; column-gap:8px !important; }
}
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asq{ padding:6px 12px !important; gap:6px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asq .mp-aq{ font-size:12px !important; padding:0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asq .mp-ax{ font-size:15px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-arc{ padding:5px 12px !important; gap:4px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-arc button{ font-size:10px !important; padding:3px 6px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-atb{ padding:4px 8px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-atb button{ font-size:11px !important; padding:4px 8px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aft{ padding:6px 12px !important; font-size:10px !important; }
}
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asq .mp-aq{ font-size:13px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asq{ padding:8px 12px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ath{ font-size:10.5px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-atb button{ font-size:12px !important; }
}
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso{ height:28px !important; min-height:28px !important; padding:0 10px !important; grid-template-columns:16px minmax(0,1fr) 76px 48px 40px !important; column-gap:8px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .mk-w, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .mk-w svg{ width:16px !important; height:16px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .un{ gap:8px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .nm{ font-size:12px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .pp{ font-size:11px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .pc{ font-size:10px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aso .lg{ font-size:9px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asq{ padding:6px 10px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asq .mp-aq{ font-size:12px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-atb{ padding:3px 8px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-atb button{ font-size:11px !important; padding:4px 8px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ath{ font-size:9.5px !important; padding:5px 10px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aft{ font-size:10px !important; padding:5px 10px !important; }
}
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aft .mp-anote{ font-size:10px !important; line-height:1.3 !important; }
}
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asb{ height:28px !important; padding:0 8px 0 6px !important; gap:6px !important; font-size:12px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asb .mk-w, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asb .mk-w svg{ width:16px !important; height:16px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asb .cv{ width:5px !important; height:5px !important; margin:-2px 0 0 2px !important; }
}
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aft{ flex-shrink:0 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-abd{ flex:1 1 auto !important; min-height:0 !important; overflow:auto !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-px b.rn{ font-size:14px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-px [data-r=chg]{ font-size:10px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-px .mp-tag{ font-size:9px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-st > span, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-st > span > b{ font-size:10px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-st > span > i{ font-size:8.5px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd{ gap:12px !important; }
}
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  /* top button: same name size as table rows */
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asb .nm{ font-size:12px !important; font-weight:600 !important; letter-spacing:.2px !important; }
  /* view toggle */
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-avw{ margin-left:auto; display:inline-flex; gap:0; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-atb .mp-avw button{ padding:4px 6px !important; display:inline-flex; align-items:center; color:rgba(26,20,16,.45) !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-atb .mp-avw button.is-on{ background:transparent !important; color:#1a1410 !important; box-shadow:inset 0 -1.5px 0 #1a1410; }
  /* grid view */
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asm.is-grid .mp-ath{ display:none !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-asm.is-grid .mp-abd{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:8px 10px; align-content:start; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc{ appearance:none; display:flex; flex-direction:column; gap:7px; min-width:0; padding:8px 9px; border:1px solid rgba(26,20,16,.12) !important; border-radius:0 !important; background:transparent !important; color:#1a1410 !important; cursor:pointer; text-align:left; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc:hover, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc.is-kb:not(.is-on){ background:#f7efe4 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc.is-on{ background:#1a1410 !important; color:#fffaf3 !important; border-color:#1a1410 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .gh{ display:flex; align-items:center; gap:6px; min-width:0; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .mk-w, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .mk-w svg{ width:16px !important; height:16px !important; flex:none; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .nm{ font:600 12px/1 Inter,system-ui,sans-serif; letter-spacing:.2px; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .lg{ margin-left:auto; font:500 9px/1 'Geist Mono',monospace; letter-spacing:.3px; text-transform:uppercase; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .lg.full{ color:#1d7a4d; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .lg.long{ color:rgba(26,20,16,.55); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .st{ font-size:12px; line-height:1; color:rgba(26,20,16,.3); cursor:pointer; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .st.on{ color:#fe6102; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .gp{ display:flex; align-items:baseline; justify-content:space-between; gap:6px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .pp{ font:400 12px/1 'JetBrains Mono',ui-monospace,Menlo,monospace; font-variant-numeric:tabular-nums; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .pc{ font:400 10px/1 'JetBrains Mono',ui-monospace,Menlo,monospace; font-variant-numeric:tabular-nums; color:rgba(26,20,16,.5); }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc.is-on .pp{ color:#fffaf3 !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc.is-on .pc, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc.is-on .lg.long{ color:rgba(255,250,243,.7) !important; }
}
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .nm{ flex:0 0 auto !important; overflow:visible !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .gh{ gap:5px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .gp{ flex-direction:column !important; align-items:flex-start !important; gap:4px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .pp, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .pc{ white-space:nowrap; }
}
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aft span:not(.mp-anote){ display:inline-flex !important; align-items:center; white-space:nowrap; color:rgba(26,20,16,.55) !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aft{ border-top:1px solid rgba(26,20,16,.1) !important; padding:7px 12px !important; }
}
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aft span:not(.mp-anote){ font:400 10px/1 Inter,system-ui,sans-serif !important; gap:3px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aft kbd{ min-width:14px !important; padding:2px 3px !important; margin-right:2px !important; font:400 9px/1 'Geist Mono',monospace !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-aft{ gap:4px 10px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .lg{ font:500 9px/1 'Geist Mono',monospace !important; letter-spacing:.3px !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .pp{ font:400 12px/1 'JetBrains Mono',ui-monospace,Menlo,monospace !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .pc{ font:400 10px/1 'JetBrains Mono',ui-monospace,Menlo,monospace !important; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc .nm{ font:600 12px/1 Inter,system-ui,sans-serif !important; }
}

/* strike ladder: readable bars, calm tick flash, one orange (the selected row) */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-r .ch{ height:6px !important; background:#ece3d5 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-r .ch u{ background:rgba(26,20,16,.62) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-r.is-sel .ch u{ background:#fe6102 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-r.is-sel{ background:rgba(254,97,2,.07) !important; box-shadow:inset 0 1px 0 rgba(254,97,2,.35), inset 0 -1px 0 rgba(254,97,2,.35); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-r .k{ color:rgba(26,20,16,.72) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-r.is-sel .k, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-r.is-atm .k{ color:#1a1410 !important; font-weight:700 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-r .p{ color:#1a1410 !important; background:none !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-r.is-sel .p{ color:#fe6102 !important; font-weight:600 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lh{ background:#fffaf3 !important; border-bottom:1px solid rgba(26,20,16,.14) !important; color:rgba(26,20,16,.5) !important; }
@keyframes mp-up{ 0%{ opacity:.35; } 100%{ opacity:1; } }
@keyframes mp-dn{ 0%{ opacity:.35; } 100%{ opacity:1; } }
/* ladder header columns = row columns: same 62|1fr|58 grid, same 14px left inset, right-aligned last label */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lh{ grid-template-columns:62px minmax(0,1fr) 58px !important; gap:0 8px !important; padding-left:14px !important; padding-right:10px !important; box-sizing:border-box !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lh > span{ white-space:nowrap !important; letter-spacing:.3px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lh > span:nth-child(2){ text-align:left !important; overflow:hidden; text-overflow:clip; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lh > span:last-child{ text-align:right !important; }
/* single panel: the title is a label, not a tab */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lt .mp-lt-t{ padding:0 0 10px 6px; font:500 10px/1 "Geist Mono",ui-monospace,Menlo,monospace !important; letter-spacing:.5px; text-transform:uppercase; color:#1a1410; }
/* strikes header = ticket header: same bar height, same type, summary on the right */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lt.mp-tk-hd{ align-items:center !important; gap:12px !important; height:var(--mp-bar,48px) !important; padding:0 10px 0 14px !important; box-sizing:border-box; }

/* strikes as a book: calls above spot, puts below, equal rows */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lbody.mp-bk{ top:26px !important; bottom:0 !important; overflow-y:auto !important; overflow-x:hidden !important; scrollbar-width:thin; overscroll-behavior:contain; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bsec{ display:flex; align-items:center; gap:6px; height:26px; padding:0 10px 0 14px; font:500 10px/1 "Geist Mono",ui-monospace,Menlo,monospace; letter-spacing:.4px; text-transform:uppercase; color:rgba(26,20,16,.55); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bsec.up{ color:#fe6102; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br{ display:grid; grid-template-columns:62px minmax(0,1fr) 92px; gap:0 8px; align-items:center; height:36px; padding:0 10px 0 12px; box-sizing:border-box; cursor:pointer; border-left:2px solid transparent; border-bottom:1px solid rgba(26,20,16,.05); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br:hover{ background:rgba(26,20,16,.04); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-sel{ background:rgba(254,97,2,.08); border-left-color:#fe6102; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .k b{ display:block; font:500 12px/14px "JetBrains Mono",ui-monospace,Menlo,monospace; color:#1a1410; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .k i{ display:block; font:400 10px/12px "Geist Mono",ui-monospace,Menlo,monospace; font-style:normal; color:rgba(26,20,16,.5); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .c{ position:relative; align-self:stretch; display:flex; align-items:center; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .c b{ font:500 11px/1 "JetBrains Mono",ui-monospace,Menlo,monospace; color:rgba(26,20,16,.72); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .c::after{ content:""; position:absolute; left:0; right:0; bottom:5px; height:2px; background:#ece3d5; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .c u{ position:absolute; left:0; bottom:5px; height:2px; z-index:1; background:rgba(26,20,16,.42); text-decoration:none; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bsec.up ~ .mp-br .c u{ background:rgba(254,97,2,.6); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot ~ .mp-br .c u{ background:rgba(26,20,16,.42); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-sel .c u{ background:#fe6102 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .p{ text-align:right; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .p b{ display:block; font:500 12px/14px "JetBrains Mono",ui-monospace,Menlo,monospace; color:#1a1410; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .p i{ display:block; font:400 10px/12px "Geist Mono",ui-monospace,Menlo,monospace; font-style:normal; color:rgba(26,20,16,.5); white-space:nowrap; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .p.o b, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-sel .p b{ color:#fe6102; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-os .p b{ color:rgba(26,20,16,.4); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.sk .k, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.sk .c, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.sk .p{ height:10px; background:rgba(26,20,16,.07); align-self:center; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot{ display:flex; align-items:center; gap:8px; height:34px; padding:0 10px 0 14px; background:#f7efe4; border-top:1px solid rgba(26,20,16,.14); border-bottom:1px solid rgba(26,20,16,.14); font:400 10px/1 "Geist Mono",ui-monospace,Menlo,monospace; color:rgba(26,20,16,.55); white-space:nowrap; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot b{ font:600 13px/1 "JetBrains Mono",ui-monospace,Menlo,monospace; color:#1a1410; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot em{ font-style:normal; color:#fe6102; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot span{ margin-left:auto; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lt .mp-seg{ margin-left:auto; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lt .mp-seg button{ padding:4px 9px !important; font:500 11px/1 Inter,system-ui,sans-serif !important; border-radius:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lt .mp-seg button.is-on{ background:#1a1410 !important; color:#fffaf3 !important; border-color:#1a1410 !important; }

html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .k b, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .p b{ font-size:12px !important; line-height:15px !important; letter-spacing:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .k i, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .p i{ font-size:10px !important; line-height:12px !important; letter-spacing:0 !important; margin-top:1px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .c b{ font-size:11px !important; line-height:14px !important; margin-top:-6px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lh{ grid-template-columns:62px minmax(0,1fr) 92px !important; padding-right:10px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot b{ font-size:13px !important; line-height:14px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bsec.up{ color:#fe6102 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bsec.dn{ color:rgba(26,20,16,.6) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bsec{ font-size:10px !important; }

/* tabs, spot row, trades */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ltabs{ display:flex; gap:2px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ltabs button{ appearance:none; background:transparent; border:0; border-bottom:2px solid transparent; padding:4px 8px 3px 0; margin-right:8px; font:600 12px/1 Inter,system-ui,sans-serif; color:rgba(26,20,16,.45); cursor:pointer; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ltabs button.is-on{ color:#1a1410; border-bottom-color:#fe6102; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape .mp-lt .mp-seg, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape .mp-lt em{ display:none !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lt .mp-ltabs ~ em{ margin-left:auto; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lt .mp-seg{ margin-left:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot{ display:grid !important; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; height:52px !important; padding:0 12px 0 14px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .px b{ display:block; font:600 17px/18px "JetBrains Mono",ui-monospace,Menlo,monospace !important; color:#1a1410; letter-spacing:-.2px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot small{ display:block; font:500 9px/11px "Geist Mono",ui-monospace,Menlo,monospace; letter-spacing:.6px; text-transform:uppercase; color:rgba(26,20,16,.45); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg{ min-width:0; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg s{ display:block; position:relative; height:6px; margin:0 0 4px; background:rgba(254,97,2,.16); border-left:1px solid rgba(254,97,2,.55); border-right:1px solid rgba(254,97,2,.55); text-decoration:none; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg s i{ position:absolute; left:50%; top:-3px; width:2px; height:12px; margin-left:-1px; background:#1a1410; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg span{ display:flex; justify-content:space-between; align-items:baseline; margin:0; font:400 10px/1 "Geist Mono",ui-monospace,Menlo,monospace; color:rgba(26,20,16,.7); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg u{ text-decoration:none; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg q{ quotes:none; font-size:9px; letter-spacing:.4px; text-transform:uppercase; color:rgba(26,20,16,.4); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .iv{ text-align:right; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .iv b{ display:block; font:600 13px/14px "JetBrains Mono",ui-monospace,Menlo,monospace !important; color:#fe6102; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape .mp-tp{ display:flex !important; grid-row:2 / 4 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape .mp-lf{ visibility:hidden; }

/* book colours: calls above spot green, puts below red; no section rows */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bsec{ display:none !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br{ height:34px !important; transition:background-color .14s ease, border-color .14s ease; font-variant-numeric:tabular-nums; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br[data-t="C"] .k b{ color:rgb(47,125,79) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br[data-t="P"] .k b{ color:rgb(184,65,47) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br[data-t="C"] .c u{ background:rgba(47,125,79,.7) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br[data-t="P"] .c u{ background:rgba(184,65,47,.7) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br[data-t="C"]:hover{ background:rgba(47,125,79,.07); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br[data-t="P"]:hover{ background:rgba(184,65,47,.07); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-sel{ background:rgba(254,97,2,.09) !important; border-left-color:#fe6102; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-sel .k b, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-sel .p b{ color:#fe6102 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-sel .c u{ background:#fe6102 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br{ border-bottom-color:transparent !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lbody.mp-bk{ scroll-behavior:smooth; padding:4px 0 8px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot{ margin:4px 0; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg s{ background:linear-gradient(90deg,rgba(184,65,47,.18),rgba(47,125,79,.18)) !important; border-color:rgba(26,20,16,.25) !important; }

html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot{ display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; grid-template-rows:auto auto; gap:6px 10px !important; align-items:center; height:64px !important; padding:8px 12px 8px 14px !important; box-sizing:border-box; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .px{ grid-column:1; grid-row:1; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .iv{ grid-column:2; grid-row:1; font:500 10px/1 "Geist Mono",ui-monospace,Menlo,monospace; letter-spacing:.5px; color:rgba(26,20,16,.5); text-align:right; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .iv b{ display:inline !important; font-size:13px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg{ grid-column:1 / 3; grid-row:2; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg q{ text-transform:none !important; letter-spacing:0 !important; font-size:9px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br > *{ margin-top:0 !important; margin-bottom:0 !important; padding-top:0 !important; padding-bottom:0 !important; align-self:center !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .c{ align-self:stretch !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .k, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .p{ display:block !important; line-height:0; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .c b{ margin-top:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .k, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .p{ display:flex !important; flex-direction:column; justify-content:center; line-height:normal !important; height:100%; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br{ height:38px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot{ height:50px !important; padding:6px 12px 6px 14px !important; gap:5px 10px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .px b{ font-size:14px !important; line-height:16px !important; letter-spacing:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .iv, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .iv b{ font-size:10px !important; line-height:14px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg span, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg u{ font-size:10px !important; line-height:12px !important; color:rgba(26,20,16,.62) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg q{ font-size:9px !important; color:rgba(26,20,16,.38) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg s{ height:4px !important; margin-bottom:3px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg s i{ top:-2px !important; height:8px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ch, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape{ grid-template-columns:minmax(0,1fr) 400px !important; }

/* c123: option-leg payoff icons, orange only when the card is on */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rec-i .mp-rec-ic{ width:32px !important; height:32px !important; color:rgba(26,20,16,.62) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rec-i .mp-rec-ic svg{ width:32px !important; height:32px !important; stroke-width:1.5; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rec-i.is-on .mp-rec-ic{ color:#fe6102 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rec-i span{ white-space:nowrap !important; }

/* rec cards: 32px option-leg payoff icon gets its own column so it never sits under the title */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rec-i{ grid-template-columns:40px minmax(0,1fr) auto !important; column-gap:12px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rec-i .mp-rec-ic{ margin:0 !important; grid-row:1 / 3; align-self:center; justify-self:center; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bx .mp-bs{ display:block; margin-top:2px; font:400 10px/1.2 Inter,system-ui,sans-serif; color:rgba(26,20,16,.6); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bx .mp-bs:empty{ display:none; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bfar{ padding:6px 14px; font:500 10px/14px "JetBrains Mono",ui-monospace,monospace; letter-spacing:.04em; color:rgba(26,20,16,.5); cursor:pointer; text-align:center; border-top:1px dashed rgba(26,20,16,.14); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bfar:hover{ color:#1a1410; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tpe{ display:grid; gap:8px; padding:22px 16px; text-align:left; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tpe b{ font-weight:600; color:#1a1410; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tpe span{ color:rgba(26,20,16,.62); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tpe em{ display:flex; gap:8px; font-style:normal; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tpe button{ border:1px solid rgba(26,20,16,.3); background:transparent; color:#1a1410; padding:5px 10px; font:inherit; cursor:pointer; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tpe button:hover{ background:#1a1410; color:#fffaf3; }

/* chart header never clips: drop the least useful stats as the panel narrows, keep IV-RV and its word */
@media (max-width:1680px){ html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st > span:nth-child(5){ display:none !important; } }
@media (max-width:1520px){ html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st > span:nth-child(2){ display:none !important; } }
@media (max-width:1400px){ html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st > span:nth-child(1), html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-skin{ display:none !important; } }
@media (max-width:1300px){ html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd [data-seg="win"] button[data-v="60000"], html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd [data-seg="win"] button[data-v="300000"]{ display:none !important; } }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tpe, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tpe button{ font-size:11px !important; line-height:16px; }

/* header stats: heavier, higher contrast in light mode */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st i{ font-size:10px !important; font-weight:600 !important; color:rgba(26,20,16,.72) !important; letter-spacing:.06em !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b,
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b *{ font-size:12.5px !important; font-weight:700 !important; color:#1a1410 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tpe b, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-tpe span{ font-size:11px !important; line-height:16px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st{ gap:10px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b,
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b *{ font-size:12px !important; }
@media (max-width:1480px){ html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st > span:nth-child(1){ display:none !important; } }
@media (max-width:1300px){ html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st > span:nth-child(4){ display:none !important; } }
@media (max-width:1300px){ html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd{ gap:8px !important; } html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-px{ margin:0 !important; } }
/* header stats: regular weight, size + ink do the work, not bold */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st i{ font-size:9.5px !important; font-weight:400 !important; color:rgba(26,20,16,.6) !important; letter-spacing:.08em !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b,
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b *{ font-size:13px !important; font-weight:400 !important; color:#1a1410 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b,
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b *{ font-size:12px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st i{ font-size:9px !important; letter-spacing:.05em !important; }
/* rollers size from their own b; children inherit so digit columns stay aligned */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b *{ font-size:inherit !important; font-weight:inherit !important; line-height:inherit; }
@media (max-width:1300px){ html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st{ gap:6px !important; } html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-asw{ margin-right:0 !important; } html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd{ padding-left:8px !important; padding-right:8px !important; } }

/* strikes ladder: dense one-line book, 22px whole rows, depth bar from the right */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lh{ grid-template-columns:58px 54px 44px minmax(0,1fr) 56px 76px !important; gap:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lh > span:nth-child(2){ text-align:left !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lh > span:nth-child(3){ text-align:left !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lh > span:nth-child(4){ grid-column:5; text-align:right !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lh > span:nth-child(5){ grid-column:6; text-align:right !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-lbody.mp-bk{ padding:0 !important; scroll-behavior:auto !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br{ position:relative; display:grid !important; grid-template-columns:58px 54px 44px minmax(0,1fr) 56px 76px !important; gap:0 !important; height:22px !important; padding:0 10px 0 12px !important; align-items:center; overflow:hidden; font-variant-numeric:tabular-nums; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .k, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .p{ display:contents !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .k b{ grid-column:1; font:500 12px/22px "JetBrains Mono",ui-monospace,Menlo,monospace !important; margin:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .k i{ grid-column:2; font:400 12px/22px "JetBrains Mono",ui-monospace,Menlo,monospace !important; color:rgba(26,20,16,.5) !important; margin:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .c{ display:block !important; grid-column:3; position:static; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .c b{ font:400 12px/22px "JetBrains Mono",ui-monospace,Menlo,monospace !important; color:#1a1410 !important; margin:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .c::after, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .c u{ display:none !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .p b{ grid-column:5; text-align:right; font:500 12px/22px "JetBrains Mono",ui-monospace,Menlo,monospace !important; color:#1a1410 !important; margin:0 !important; position:relative; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .p i{ grid-column:6; text-align:right; font:400 12px/22px "JetBrains Mono",ui-monospace,Menlo,monospace !important; color:rgba(26,20,16,.5) !important; margin:0 !important; position:relative; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .dp{ position:absolute; right:0; top:0; bottom:0; background:rgba(26,20,16,.07); pointer-events:none; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-sel .dp{ background:rgba(254,97,2,.14); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-sel .p b, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-sel .p i, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-sel .c b, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-sel .k i{ color:#fe6102 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bfar{ height:22px !important; box-sizing:border-box; padding:0 14px !important; font:400 11px/22px "JetBrains Mono",ui-monospace,monospace !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot{ display:grid !important; grid-template-columns:auto minmax(0,1fr) auto !important; align-items:center; height:30px !important; margin:0 !important; padding:0 10px 0 12px !important; background:rgba(26,20,16,.04); border-top:1px solid rgba(26,20,16,.1); border-bottom:1px solid rgba(26,20,16,.1); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .px, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .iv{ grid-row:1 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .px{ grid-column:1 !important; display:flex; align-items:baseline; gap:6px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .px b{ font:600 15px/18px "JetBrains Mono",ui-monospace,Menlo,monospace !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .px em{ font:400 10px/1 "Geist Mono",ui-monospace,monospace; font-style:normal; color:rgba(26,20,16,.5); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .rg{ grid-column:2 !important; text-align:center; font:400 11px/1 "JetBrains Mono",ui-monospace,monospace; color:rgba(26,20,16,.55); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-bspot .iv{ grid-column:3 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .dp{ display:block !important; height:100% !important; background:rgba(26,20,16,.09) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br.is-sel .dp{ background:rgba(254,97,2,.16) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-br .dp{ height:calc(100% - 1px) !important; }

/* chart window strip: quiet mono tabs, view (Expiry, Tick) split from candle size (1m to 4h), orange underline = on */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd-r .mp-seg[data-seg=win]{ gap:0 !important; align-items:stretch !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd-r .mp-seg[data-seg=win] button{ background:transparent !important; border:0 !important; border-bottom:2px solid transparent !important; margin:0 !important; padding:7px 8px 5px !important; font:500 10.5px/1 "Geist Mono",ui-monospace,Menlo,monospace !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:rgba(26,20,16,.45) !important; border-radius:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd-r .mp-seg[data-seg=win] button:hover{ color:#1a1410 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd-r .mp-seg[data-seg=win] button.is-on{ background:transparent !important; color:#1a1410 !important; border-bottom-color:#fe6102 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd-r .mp-seg[data-seg=win] button:nth-child(3){ margin-left:9px !important; padding-left:10px !important; border-left:1px solid rgba(26,20,16,.16) !important; }

/* r2: stats bar label above value; chart control row: Live | To expiry */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st > span{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:4px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st i{ font:500 9px/1 "Geist Mono",ui-monospace,Menlo,monospace !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:rgba(26,20,16,.5) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b{ font:500 12.5px/18px "Geist Mono",ui-monospace,Menlo,monospace !important; color:#1a1410 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b *{ font-size:inherit !important; font-weight:inherit !important; font-family:inherit !important; color:inherit !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st{ gap:16px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cw .mp-cbar{ position:absolute; left:0; right:0; top:0; z-index:4; display:flex; align-items:center; gap:14px; height:34px; box-sizing:border-box; padding:0 12px; background:#fffaf3; border-bottom:1px solid rgba(26,20,16,.12); white-space:nowrap; overflow:hidden; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cbar .mp-seg[data-seg=cm]{ display:flex; gap:0 !important; margin:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cbar .mp-seg[data-seg=cm] button{ padding:5px 10px !important; font:500 11px/1 Inter,system-ui,sans-serif !important; border:1px solid #1a1410 !important; border-radius:0 !important; background:transparent !important; color:#1a1410 !important; margin:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cbar .mp-seg[data-seg=cm] button + button{ margin-left:-1px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cbar .mp-seg[data-seg=cm] button.is-on{ background:#1a1410 !important; color:#fffaf3 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cbar .mp-seg[data-seg=win]{ display:flex; gap:0 !important; align-items:stretch !important; margin:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cbar .mp-seg[data-seg=win] button{ background:transparent !important; border:0 !important; border-bottom:2px solid transparent !important; margin:0 !important; padding:7px 8px 5px !important; font:500 10.5px/1 "Geist Mono",ui-monospace,Menlo,monospace !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:rgba(26,20,16,.45) !important; border-radius:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cbar .mp-seg[data-seg=win] button:hover{ color:#1a1410 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cbar .mp-seg[data-seg=win] button.is-on{ color:#1a1410 !important; border-bottom-color:#fe6102 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cbar .mp-exs2{ display:none; gap:6px; align-items:center; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cbar .mp-exs2 .mp-ex{ appearance:none; padding:5px 9px !important; font:500 11px/1 Inter,system-ui,sans-serif !important; border:1px solid rgba(26,20,16,.25) !important; border-radius:0 !important; background:transparent !important; color:#1a1410 !important; cursor:pointer; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cbar .mp-exs2 .mp-ex.is-on{ background:#1a1410 !important; color:#fffaf3 !important; border-color:#1a1410 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cbar .mp-exs2 .mp-ex.is-gh{ opacity:.3; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-xmode .mp-cbar .mp-wins{ display:none !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-xmode .mp-cbar .mp-exs2{ display:flex !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-cw .mp-zb{ top:42px !important; }
/* r2: plain-English sentence above the button */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-plain{margin:10px 0 8px !important;font:400 12.5px/1.45 var(--mp-sans,inherit) !important;color:rgba(26,20,16,.78) !important}
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-plain:empty{display:none !important}
/* r2: tighter strategy rows and sentence so the ticket fits without clipping */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-plain{margin:6px 0 6px !important;font-size:11.5px !important;line-height:1.4 !important}
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rec-i{padding-top:5px !important;padding-bottom:5px !important}
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rec-i .mp-rec-ic,html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rec-i .mp-rec-ic svg{width:26px !important;height:26px !important}
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rec-l{gap:4px !important}
/* r2 fix: digit roll columns in the stats bar were offset by the 18px line-height on inner b */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b.rn{ line-height:1.3em !important; height:1.3em !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b.rn .rd, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b.rn .rd i, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b.rn .rd b{ line-height:1.3em !important; height:1.3em !important; font:inherit !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b.rn .rd{ display:inline-block !important; overflow:hidden !important; width:1ch !important; vertical-align:top !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-hd .mp-st b.rn .rd i{ display:block !important; }
/* a missing number is a ghost (000.00 under a grey bar), never a black zero: the chip and ticket colour rules above are more specific than .is-gh */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp .mp-st b.is-gh, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp .mp-c > b.is-gh{ color:transparent !important; }
/* chain switcher: top bar, left of the wallet, Pro only. Same 36px height and sharp corners as the wallet. */
.mp-chw{ display:none; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body > header.top:has(.mp-chm:not([hidden])){ z-index:60 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chw{ display:inline-block; position:relative; margin-right:8px; vertical-align:middle; }
/* two Simples (Carlos 2026-10-25): the switch picks HyperEVM (the crypto ticket) or Robinhood Chain (Mehdi's stock screen),
   so it shows in Simple too, and stays while Robinhood is on (the terminal is off then, so mp-lock is gone) */
html.v7-on:root:root:root:root:root:root:root:root:root:root body .mp-chw, html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chw{ display:inline-block !important; position:relative; margin-right:8px; vertical-align:middle; }
/* Robinhood Simple: #mm-pro shows only the stock screen, in the Simple column; the crypto ticket steps out */
html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on #v7{ display:none !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on #mm-pro{ display:block !important; max-width:1200px; margin:24px auto 48px !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on:not(.rh-rv) #mm-pro > :not(.mps):not(.rh-tabs){ display:none !important; }
/* Robinhood: the concept's Earn (a strangle in USDC) is never shown; a stock with an Earn desk shows the desk's own Earn card
   (the covered call on the stock token, match-pro-stock.js earnCard: the row carries has-earn), so three cards; else two */
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-vs:not(.has-earn) .mps-vc[data-v="earn"]{ display:none !important; }
@media (min-width:901px){ html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-vs{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-vs.has-earn{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; } }      /* below 900 px Mehdi stacks the cards in one column */
/* the size field above Trade (simple-rh.js szNode): HyperEVM Simple's editable size, in shares of the stock */
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-sz{ display:flex; align-items:center; gap:10px; margin:0 0 10px; font:500 12px/1 Inter,system-ui,sans-serif; color:rgba(26,20,16,.62); }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-sz .l{ font:500 11px/1 'Geist Mono',ui-monospace,monospace; letter-spacing:1.2px; text-transform:uppercase; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-sz input{ width:8ch; height:34px; padding:0 10px; border:1px solid #1a1410 !important; border-radius:0 !important; background:#fffefb !important; color:#1a1410 !important; font:600 15px/1 Inter,system-ui,sans-serif !important; text-align:right; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-sz input:focus-visible{ outline:2px solid #fe6102; outline-offset:1px; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-sz .u{ font-style:normal; font-weight:600; color:#1a1410; }
/* Earn in the review and the positions list: the token-delivery sentence, and each Earn row's outcome line */
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mp-rv-esay{ margin:10px 0 0; font:500 12.5px/1.45 Inter,system-ui,sans-serif; color:#1a1410; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pp .rh-po{ display:block; margin-top:3px; font-style:normal; white-space:normal; color:rgba(26,20,16,.62); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chn{ appearance:none; display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 12px; border:1px solid #1a1410 !important; border-radius:0 !important; background:#faf6ef !important; color:#1a1410 !important; font:600 12px/1 Inter,system-ui,sans-serif !important; cursor:pointer; white-space:nowrap; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chn:focus-visible, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm button:focus-visible{ outline:2px solid #fe6102; outline-offset:1px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chn .mk-w{ display:inline-flex; width:16px; height:16px; align-items:center; justify-content:center; flex:none; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chn .mk-w svg{ width:16px !important; height:16px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chn .cv{ width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); margin-left:2px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm{ position:absolute; right:0; top:calc(100% + 6px); z-index:80; width:300px; background:#faf6ef; border:1px solid #1a1410; border-radius:0; box-shadow:0 12px 32px rgba(26,20,16,.14); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm[hidden]{ display:none; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm b{ display:block; padding:16px 18px 12px; border-bottom:1px solid rgba(26,20,16,.1); font:500 11px/1 'Geist Mono',ui-monospace,monospace; letter-spacing:1.4px; text-transform:uppercase; color:rgba(26,20,16,.55); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm button{ appearance:none; display:flex; align-items:center; gap:14px; width:100%; padding:14px 18px; border:0 !important; border-bottom:1px solid rgba(26,20,16,.08) !important; border-radius:0 !important; background:transparent !important; color:#1a1410 !important; font:600 15px/1.15 Inter,system-ui,sans-serif !important; text-align:left; cursor:pointer; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm button:last-child{ border-bottom:0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm button:hover, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm button.is-on{ background:#f3ebe0 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm .mk-w{ display:inline-flex; width:28px; height:28px; flex:none; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm .mk-w svg{ width:28px !important; height:28px !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm .nm{ flex:1; display:flex; flex-direction:column; gap:5px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm small{ font:400 12px/1 'Geist Mono',ui-monospace,monospace; letter-spacing:.3px; color:rgba(26,20,16,.5); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm .cd{ display:block !important; width:8px !important; height:8px !important; border:0 !important; border-radius:50% !important; background:transparent !important; flex:none; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm button.is-on .cd{ background:#3f8f5f !important; }
/* picker: six chips wrap inside the panel; stock rows are listed, greyed, not selectable */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-atb{ flex-wrap:wrap !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-astk{ cursor:default !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-astk:hover{ background:transparent !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-astk .mk-w, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-astk .nm{ opacity:.55; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-astk .sd{ display:inline-block; padding:3px 5px; border:1px solid #fe6102 !important; border-radius:0 !important; background:transparent !important; font:500 10px/1 'Geist Mono',ui-monospace,monospace !important; letter-spacing:.4px; color:#fe6102 !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-astk .nx{ grid-column:3 / -1; text-align:right; font:500 10px/1 'Geist Mono',ui-monospace,monospace !important; letter-spacing:.4px; text-transform:uppercase; color:rgba(26,20,16,.45) !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-agc.mp-astk .gp{ display:block; }

/* Robinhood Simple: the network switch keeps Pro's look while the terminal is off (rules mirrored from the mp-lock set above) */
html.rh-on:root:root:root:root:root:root:root:root:root:root body > header.top:has(.mp-chm:not([hidden])){ z-index:60 !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chn{ appearance:none; display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 12px; border:1px solid #1a1410 !important; border-radius:0 !important; background:#faf6ef !important; color:#1a1410 !important; font:600 12px/1 Inter,system-ui,sans-serif !important; cursor:pointer; white-space:nowrap; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chn:focus-visible, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm button:focus-visible{ outline:2px solid #fe6102; outline-offset:1px; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chn .mk-w{ display:inline-flex; width:16px; height:16px; align-items:center; justify-content:center; flex:none; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chn .mk-w svg{ width:16px !important; height:16px !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chn .cv{ width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); margin-left:2px; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chm{ position:absolute; right:0; top:calc(100% + 6px); z-index:80; width:300px; background:#faf6ef; border:1px solid #1a1410; border-radius:0; box-shadow:0 12px 32px rgba(26,20,16,.14); }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chm[hidden]{ display:none; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chm b{ display:block; padding:16px 18px 12px; border-bottom:1px solid rgba(26,20,16,.1); font:500 11px/1 'Geist Mono',ui-monospace,monospace; letter-spacing:1.4px; text-transform:uppercase; color:rgba(26,20,16,.55); }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chm button{ appearance:none; display:flex; align-items:center; gap:14px; width:100%; padding:14px 18px; border:0 !important; border-bottom:1px solid rgba(26,20,16,.08) !important; border-radius:0 !important; background:transparent !important; color:#1a1410 !important; font:600 15px/1.15 Inter,system-ui,sans-serif !important; text-align:left; cursor:pointer; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chm button:last-child{ border-bottom:0 !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chm button:hover, html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-chm button.is-on{ background:#f3ebe0 !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chm .mk-w{ display:inline-flex; width:28px; height:28px; flex:none; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chm .mk-w svg{ width:28px !important; height:28px !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chm .nm{ flex:1; display:flex; flex-direction:column; gap:5px; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chm small{ font:400 12px/1 'Geist Mono',ui-monospace,monospace; letter-spacing:.3px; color:rgba(26,20,16,.5); }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chm .cd{ display:block !important; width:8px !important; height:8px !important; border:0 !important; border-radius:50% !important; background:transparent !important; flex:none; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .mp-chm button.is-on .cd{ background:#3f8f5f !important; }
/* Robinhood Simple flows in the page like Simple: #mm-pro drops the terminal's fixed full-screen frame, and the stage's fade mask
   (made for the crypto ticket) does not cut the stock screen */
html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on #mm-pro{ position:static !important; inset:auto !important; height:auto !important; max-height:none !important; overflow:visible !important; transform:none !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body main.stage{ -webkit-mask-image:none !important; mask-image:none !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on #mm-pro .mps{ overflow:visible !important; height:auto !important; }
/* one frame, not two: the terminal's own panel background and padding step out around the stock screen */
html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on #mm-pro{ background:transparent !important; box-shadow:none !important; border:0 !important; padding:0 16px !important; max-width:980px !important; }
/* a phone header has room for the chain mark only: the name drops, the wallet stays whole */
@media (max-width: 600px){
  html:root:root:root:root:root:root:root:root:root:root:root body .mp-chw .mp-chn .nm{ display:none !important; }
  html:root:root:root:root:root:root:root:root:root:root:root body .mp-chw .mp-chn{ padding:0 8px !important; gap:6px !important; }
  html:root:root:root:root:root:root:root:root:root:root:root body .mp-chw{ margin-right:6px !important; }
  html:root:root:root:root:root:root:root:root:root:root:root body .mp-chm{ width:min(300px, calc(100vw - 24px)) !important; }
}
/* Robinhood Simple on a phone: Mehdi's top row wraps into full-width blocks, so nothing runs past the screen */
@media (max-width:900px){
  html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on #mm-pro{ padding:0 12px !important; margin-top:12px !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps, html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-card{ min-width:0 !important; width:100% !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-top > *{ flex:1 1 100% !important; min-width:0 !important; border-left:0 !important; border-top:1px solid var(--ln) !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-top > :first-child{ border-top:0 !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-top .mp-asm{ width:100% !important; }
}
/* Robinhood Simple keeps Simple's header: the same light bar and, on a phone, the same compact wallet and hidden wordmark */
html.rh-on:root:root:root:root:root:root:root:root:root:root:root:root body > header.top { background: #fffefb !important; border-bottom: 1px solid #ede4d8 !important; box-shadow: none !important; }
@media (max-width: 640px) {
  html.rh-on body > header.top .brand h1, html.rh-on body > header.top .mm-soc { display: none !important; }
  html.rh-on body > header.top .mm-wallet { height: 30px !important; min-height: 0 !important; padding: 0 10px !important; font-size: 10px !important; }
}
@media (max-width:900px){
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-top .mps-c > *, html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-top .mps-c{ min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; }
}
@media (max-width:900px){
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps .evc{ flex-wrap:wrap !important; row-gap:6px !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps .ev{ min-width:0 !important; white-space:normal !important; }
}
@media (max-width:900px){
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-cv{ overflow:hidden !important; max-width:100% !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-cv svg{ max-width:100% !important; height:auto !important; }
}
/* Robinhood Simple fits one screen on a desktop (Mehdi built it for Pro's fixed, non-scrolling frame): a tighter top gap, and
   the chart takes the height that is left, between 150 and 300 px, so nothing below the fold at 1440x900 or 1366x768 */
@media (min-width:901px){
  html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on #mm-pro{ margin-top:10px !important; margin-bottom:12px !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-cv{ height:clamp(220px, calc(100vh - 680px), 300px) !important; }
}
/* Robinhood Simple: the stock tabs (simple-rh.js), Mehdi's segmented look; his chevron menu becomes a plain label here */
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-tabs{ display:flex !important; height:40px; margin:0 0 10px; border:1px solid #1a1410; background:#faf6ef; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"]:not(.rh-on) #mm-pro .rh-tabs{ display:none !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-tabs button{ flex:1 1 0; display:flex; align-items:center; justify-content:center; gap:8px; margin:0; padding:0 12px; border:0 !important; border-left:1px solid #1a1410 !important; border-radius:0 !important; background:transparent !important; color:#1a1410 !important; font:600 13px/1 Inter,system-ui,sans-serif !important; cursor:pointer; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-tabs button:first-child{ border-left:0 !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-tabs button:hover:not(.on){ background:rgba(26,20,16,.06) !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-tabs button.on{ background:#1a1410 !important; color:#faf6ef !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-tabs .mk{ display:inline-flex; width:18px; height:18px; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-tabs .mk svg{ width:18px !important; height:18px !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-tabs em{ font:500 10px/1 'Geist Mono',ui-monospace,monospace !important; font-style:normal !important; letter-spacing:.08em; color:#8a8178; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-tabs button.on em{ color:#c9bfb4; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-asb.mps-lbl{ cursor:default !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-asb .cv, html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-asb svg.cv, html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-asb > i{ display:none !important; }
/* tighter rows so the screen fits one desktop screen */
@media (min-width:901px){
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-vc{ padding:14px 18px 12px !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-vc .f{ margin-top:10px !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-go{ padding:10px 16px !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-exr{ padding:8px 16px !important; }
}
/* Robinhood Simple, trimmed (Carlos: "remove or trim any useless text like cboe"): no per-number source ticks, no fine print
   under the views title, no second cost line repeating the card's own Pay line. The one footer line keeps the source. */
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps .mps-ok{ display:none !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-vh > span{ display:none !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-vc .w{ display:none !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-vs.has-earn .mps-vc[data-v="earn"] .w{ display:block !important; margin-top:8px; }      /* Earn's line is what the wallet holds of the token: not a repeat, it decides Trade */
/* the chart's svg is 20 px taller than its box (the date axis): the block keeps that room, so the axis never runs into the footer */
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-chw{ padding-bottom:22px !important; }
/* one width: the screen's outer cream box steps out, so the stock tabs and the card line up edge to edge */
html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on #mm-pro .mps{ background:transparent !important; padding:0 !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on #mm-pro{ max-width:900px !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-tabs{ width:100% !important; box-sizing:border-box !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-tabs button:focus-visible{ outline:2px solid #fe6102 !important; outline-offset:-2px !important; }
/* the action bar in Simple's language: orange Trade when the desk is open, a plain closed state with the next open when not */
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-cta.rh-live{ background:#fe6102 !important; border-color:#fe6102 !important; color:#fffefb !important; letter-spacing:.02em !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-cta{ text-transform:none !important; font:600 15px/1 Inter,system-ui,sans-serif !important; letter-spacing:0 !important; }
/* one width for every stock: the screen fills the column (it shrank to each stock's content, 822 to 900 px) */
html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on #mm-pro .mps, html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on #mm-pro .mps-card{ width:100% !important; max-width:none !important; box-sizing:border-box !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-go .rh-note{ margin:6px 0 0 !important; font:400 11px/1.3 Inter,system-ui,sans-serif !important; color:#8a8178 !important; text-align:center !important; }
/* trimmed for Simple: ATM IV (trader jargon) steps out of the top row, so the name, date and priced move fit every stock in one line */
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-top .mps-kv:has([data-k="iv"]){ display:none !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-top .mps-asb, html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-top .mps-asb .nm{ white-space:nowrap !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-top .mps-mk{ flex-wrap:nowrap !important; }
/* phone: the three stock tabs fit their strip (they ran 9 px past it), and the expiry strip shows it scrolls with a soft edge */
@media (max-width:600px){
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-tabs button{ min-width:0 !important; padding:0 6px !important; gap:5px !important; font-size:12px !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-tabs em{ font-size:9px !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-xg{ -webkit-mask-image:linear-gradient(90deg,#000 82%,transparent) !important; mask-image:linear-gradient(90deg,#000 82%,transparent) !important; }
}
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-asb.mps-lbl{ display:inline-flex !important; align-items:center !important; gap:10px !important; border:0 !important; background:transparent !important; padding:0 !important; }
/* Robinhood Simple's Trade: the terminal's review in the Robinhood slot, as Simple's review sits in its own (simple.css v7-rv) */
html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on.rh-rv #mm-pro > :not(.mp-rv){ display:none !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].rh-on.rh-rv #mm-pro{ max-width:560px !important; margin:24px auto !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-cta.rh-live:not([disabled]){ cursor:pointer !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-cta.rh-live:not([disabled]):hover{ background:#e55700 !important; border-color:#e55700 !important; }
/* Robinhood Simple's positions (simple-rh.js): a Chart | Positions switch in the chart's head; the list takes the chart's
   box, so the screen keeps its height and Trade stays on a desktop screen. Mehdi's language: hairlines, square, mono numbers. */
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-ph{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:22px; margin:0 0 4px; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-ph .mps-cap{ flex:1 1 auto; min-width:0; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pt{ display:none; flex:1 1 auto; min-width:0; font:500 10px/1.3 'Geist Mono',ui-monospace,monospace !important; letter-spacing:.12em; text-transform:uppercase; color:rgba(26,20,16,.56); }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-chw.rh-pos .rh-pt{ display:block; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-chw.rh-pos .mps-cap, html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-chw.rh-pos .mps-cv{ display:none !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-seg{ display:inline-flex; flex:none; border:1px solid #1a1410; background:#faf6ef; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-seg button{ height:22px; margin:0; padding:0 10px; border:0 !important; border-left:1px solid #1a1410 !important; border-radius:0 !important; background:transparent !important; color:#1a1410 !important; font:600 12px/1 Inter,system-ui,sans-serif !important; white-space:nowrap; cursor:pointer; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-seg button:first-child{ border-left:0 !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-seg button:hover:not(.on){ background:rgba(26,20,16,.06) !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-seg button.on{ background:#1a1410 !important; color:#faf6ef !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-seg button:focus-visible{ outline:2px solid #fe6102 !important; outline-offset:-2px !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-seg .n{ font:500 10px/1 'Geist Mono',ui-monospace,monospace !important; color:#fe6102; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-seg button.on .n{ color:#fe9a5c; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pl{ display:none; overflow-y:auto; overscroll-behavior:contain; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-chw.rh-pos .rh-pl{ display:block; height:300px; }
@media (min-width:901px){ html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-chw.rh-pos .rh-pl{ height:clamp(220px, calc(100vh - 680px), 300px); } }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pm{ margin:0; padding:14px 0; border-top:1px solid rgba(26,20,16,.14); font:400 12.5px/1.4 Inter,system-ui,sans-serif !important; color:rgba(26,20,16,.56); }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pm.is-rd{ color:#1a1410; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pr{ display:grid; grid-template-columns:minmax(0,2.3fr) minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr); gap:12px; align-items:center; padding:9px 0; border-top:1px solid rgba(26,20,16,.14); }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pr-h{ position:sticky; top:0; z-index:1; padding:0 0 7px; border-top:0; background:#fdfbf7; font:500 10px/1 'Geist Mono',ui-monospace,monospace !important; letter-spacing:.12em; text-transform:uppercase; color:rgba(26,20,16,.56); }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pr-h > span{ font:500 10px/1 'Geist Mono',ui-monospace,monospace !important; letter-spacing:.12em !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pp{ display:flex; align-items:center; gap:10px; min-width:0; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pp .mk{ display:inline-flex; flex:none; width:18px; height:18px; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pp .mk svg{ width:18px !important; height:18px !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pp > span:last-child{ display:flex; flex-direction:column; gap:3px; min-width:0; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pp b{ font:600 13px/1.2 Inter,system-ui,sans-serif !important; color:#1a1410; white-space:nowrap; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pp i{ font:400 11px/1.2 'Geist Mono',ui-monospace,monospace !important; font-style:normal !important; color:rgba(26,20,16,.56); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pv{ min-width:0; font:500 12px/1.3 'Geist Mono',ui-monospace,monospace !important; color:#1a1410; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pv i{ font:500 12px/1.3 'Geist Mono',ui-monospace,monospace !important; font-style:normal !important; color:rgba(26,20,16,.45); }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pv b{ font:600 12px/1.3 'Geist Mono',ui-monospace,monospace !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-ps-open{ color:#1d7a46 !important; }
html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pr.is-done .rh-pp b, html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pr.is-done .rh-pv{ color:rgba(26,20,16,.72); }
/* a phone: each position is a small block, the position on top, the four values under it with their own labels */
@media (max-width:600px){
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-ph{ flex-wrap:wrap; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pr-h{ display:none !important; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pr{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 12px; padding:10px 0; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pp{ grid-column:1 / -1; }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .rh-pv[data-l]::before{ content:attr(data-l); display:block; margin-bottom:2px; font:500 9px/1 'Geist Mono',ui-monospace,monospace; letter-spacing:.12em; text-transform:uppercase; color:rgba(26,20,16,.5); }
  html.rh-on:root:root:root:root:root:root:root:root:root:root body #mm-pro .mps-chw.rh-pos .rh-pl{ height:auto; max-height:420px; min-height:160px; }
}