/* match-pro.css (2026-10-12, v2): Match Pro. A live price chart and a strike ladder on ONE shared price axis,
   a bet strip under them. Desktop only; phones keep the retail flow untouched.
   Tokens: bg #fffaf3, ink #1a1410, one orange #fe6102 (the desk quote only). Square corners, 1px hairlines. */
#mm-pro{ display:none; }
.mp-back{ display:none; }
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  html.mp-lock, html.mp-lock body{ overflow:hidden; }
  /* gap.css fades the bottom 30px of main with a mask, and a mask clips fixed descendants to main's box */
  html.mp-lock body main{ -webkit-mask-image:none; mask-image:none; }
  .view[data-view="match"].mm-pro-on:not(.mp-pos-on) #mm-pro{
    display:grid; grid-template-columns:minmax(0,57fr) minmax(0,43fr);
    grid-template-rows:var(--mp-bar,44px) auto auto minmax(230px,1fr) auto auto 30px;
    position:fixed; z-index:30; left:0; right:0; top:var(--mp-top,60px); bottom:var(--mp-bot,0px); overflow-x:hidden; overflow-y:auto;
    background:#fffaf3; color:#1a1410; font-family:'Inter','Geist',system-ui,sans-serif; border-radius:0; border-top:1px solid rgba(26,20,16,.14); }

  /* the retail desk strip, decision card and positions step aside; Positions is a toggle */
  :root:root:root:root:root:root body .view[data-view="match"].mm-pro-on .mm-desk{ display:none !important; }
  :root:root:root:root:root:root body .view[data-view="match"].mm-pro-on:not(.mp-pos-on) .mm-after{ display:none !important; }
  :root:root:root:root:root:root body .view[data-view="match"].mm-pro-on .mm-stage{ display:none !important; }
  .view[data-view="match"].mm-pro-on.mp-pos-on .mp-back{ display:block; margin:14px 0 0; padding:7px 12px; background:#fffaf3; border:1px solid #1a1410; color:#1a1410; font:500 12px 'Inter','Geist',system-ui,sans-serif; cursor:pointer; border-radius:0; }



  /* v4 terminal layout, papertrade grammar: the chart panel and the ticket share one row, and the chart is exactly as tall as the
     ticket. The positions panel sits under both. Panels are Hourly boxes: 1px ink border, striped title bar. */
  .view[data-view="match"].mm-pro-on:not(.mp-pos-on) #mm-pro{
    grid-template-columns:minmax(0,1fr) var(--mp-tw,360px); grid-template-rows:auto minmax(190px,1fr);
    gap:10px; padding:10px; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; border-top:0; }
  .mp-ch{ grid-column:1; grid-row:1; display:grid; grid-template-columns:minmax(0,1fr) 224px; grid-template-rows:var(--mp-bar,48px) minmax(0,1fr) 26px;
    min-width:0; min-height:430px; border:1px solid #1a1410; background:#fffaf3; }
  .mp-hd{ grid-column:1; grid-row:1; }
  .mp-lh{ grid-column:2; grid-row:1; }
  .mp-cw{ grid-column:1; grid-row:2; }
  .mp-lw{ grid-column:2; grid-row:2; }
  .mp-lf{ grid-column:1 / 3; grid-row:3; }
  .mp-tk{ grid-column:2; grid-row:1; }
  .mp-pn{ grid-column:1 / 3; grid-row:2; }

  .mp-hd{ display:flex; align-items:center; gap:14px; padding:0 12px; min-width:0; white-space:nowrap; overflow:hidden; border-bottom:1px solid rgba(26,20,16,.12); }
  .mp-seg{ display:inline-flex; flex:none; }
  .mp-seg button{ appearance:none; background:transparent; border:1px solid rgba(26,20,16,.22); margin-left:-1px; padding:4px 10px; font:500 12px 'Inter','Geist',sans-serif; color:rgba(26,20,16,.6); cursor:pointer; border-radius:0; }
  .mp-seg button:first-child{ margin-left:0; }
  .mp-seg button.is-on{ background:#1a1410; color:#fffaf3; border-color:#1a1410; position:relative; }
  .mp-seg button:focus-visible, .mp-posbtn:focus-visible, .mp-go:focus-visible, .mp-in:focus-visible, .mp-ex:focus-visible{ outline:2px solid #fe6102; outline-offset:1px; }
  .mp-px{ display:flex; align-items:baseline; gap:8px; }
  .mp-px [data-r="mark"]{ font:500 22px 'Inter','Geist',sans-serif; font-variant-numeric:tabular-nums; letter-spacing:-.4px; min-width:7ch; }
  .mp-px [data-r="chg"]{ font:12px ui-monospace,'JetBrains Mono',Menlo,monospace; color:rgba(26,20,16,.55); font-variant-numeric:tabular-nums; }
  .mp-tag{ font:10px ui-monospace,Menlo,monospace; color:rgba(26,20,16,.55); text-transform:uppercase; letter-spacing:.8px; }
  .mp-tag.is-live::before{ content:""; display:inline-block; width:6px; height:6px; margin-right:5px; vertical-align:1px; background:#1a1410; border-radius:50%; animation:mp-pulse 2s ease-in-out infinite; }
  .mp-tag.is-delayed{ color:#1a1410; border:1px solid rgba(26,20,16,.4); padding:0 5px; }
  @keyframes mp-pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.25; } }
  .mp-st{ display:flex; gap:14px; font:12px ui-monospace,'JetBrains Mono',Menlo,monospace; color:rgba(26,20,16,.7); font-variant-numeric:tabular-nums; }
  .mp-st i{ font:500 10px 'Inter','Geist',sans-serif; font-style:normal; letter-spacing:.6px; text-transform:uppercase; color:rgba(26,20,16,.45); margin-right:5px; }
  .mp-hd-r{ margin-left:auto; display:flex; align-items:center; gap:8px; }
  @media (max-width:1599px){ .mp-st{ display:none; } }
  .mp-posbtn{ appearance:none; background:transparent; border:1px solid rgba(26,20,16,.22); padding:4px 10px; font:500 12px 'Inter','Geist',sans-serif; color:rgba(26,20,16,.7); cursor:pointer; border-radius:0; }
  .mp-simtag{ flex:none; background:#1a1410; color:#fffaf3; font:600 10px 'Inter','Geist',sans-serif; letter-spacing:1.2px; padding:4px 9px; }

  /* chart and ladder */
  .mp-cw{ position:relative; min-height:0; min-width:0; background:#fffaf3; }
  .mp-cv{ position:absolute; left:0; top:0; display:block; }
  .mp-lh{ display:grid; grid-template-columns:62px minmax(0,1fr) 58px; align-items:end; gap:0 8px; padding:0 10px 8px 12px; border-left:1px solid rgba(26,20,16,.12); border-bottom:1px solid rgba(26,20,16,.12); font:500 10px 'Inter','Geist',sans-serif; text-transform:uppercase; letter-spacing:.6px; color:rgba(26,20,16,.45); }
  .mp-lh span:last-child{ text-align:right; }
  .mp-lw{ position:relative; min-height:0; overflow:hidden; border-left:1px solid rgba(26,20,16,.12); }
  .mp-lbody{ position:absolute; inset:0; }
  .mp-lnote{ margin:28px 16px; padding:14px 16px; border:1px solid rgba(26,20,16,.18); font:400 13px/1.45 Inter,system-ui,sans-serif; color:rgba(26,20,16,.7); text-align:center; }
  .mp-r{ position:absolute; left:0; right:0; top:0; height:24px; display:grid; grid-template-columns:62px minmax(0,1fr) 58px; align-items:center; gap:0 8px; padding:0 10px 0 12px; cursor:pointer; box-sizing:border-box; border-left:2px solid transparent; }
  .mp-r:hover{ background:rgba(26,20,16,.04); }
  .mp-r.is-sel{ background:rgba(254,97,2,.09); border-left-color:#fe6102; }
  .mp-r .k{ font:500 12px ui-monospace,'JetBrains Mono',Menlo,monospace; font-variant-numeric:tabular-nums; }
  .mp-r .ch{ position:relative; height:8px; background:rgba(26,20,16,.07); }
  .mp-r .ch u{ position:absolute; left:0; top:0; bottom:0; background:rgba(26,20,16,.62); text-decoration:none; }
  .mp-r.is-sel .ch u{ background:#fe6102; }
  .mp-r .p{ font:12px ui-monospace,'JetBrains Mono',Menlo,monospace; font-variant-numeric:tabular-nums; text-align:right; }
  .mp-r .p.o{ color:#fe6102; font-weight:600; }
  .mp-r.is-os .p{ color:rgba(26,20,16,.4); }
  .mp-r.is-os{ cursor:default; }
  .mp-r.is-os .k{ color:rgba(26,20,16,.45); }
  .mp-ex.is-dim{ opacity:.45; }
  .mp-r.is-atm .k{ font-weight:700; }
  .mp-r.sk .k, .mp-r.sk .ch, .mp-r.sk .p{ background:rgba(26,20,16,.07); height:10px; }
  .mp-r.sk .ch{ height:8px; }
  .mp-spot{ position:absolute; left:0; right:0; top:0; height:18px; pointer-events:none; z-index:2; }
  .mp-spot::before{ content:""; position:absolute; left:0; right:0; top:9px; height:1px; background:rgba(26,20,16,.35); }
  .mp-spot[hidden]{ display:none; }
  .mp-lf{ display:flex; align-items:center; padding:0 14px; border-top:1px solid rgba(26,20,16,.12); font:10px ui-monospace,Menlo,monospace; color:rgba(26,20,16,.5); white-space:nowrap; overflow:hidden; }

  /* ticket */
  .mp-tk-row{ display:flex; gap:8px; }
  .mp-tk-row .mp-seg{ flex:1; }
  .mp-tk-row .mp-seg button{ flex:1; padding:9px 0; font-size:12.5px; white-space:nowrap; }
  .mp-exs{ display:flex; flex-wrap:wrap; gap:5px; }
  .mp-exs::-webkit-scrollbar{ display:none; }
  .mp-ex{ appearance:none; flex:none; background:transparent; border:1px solid rgba(26,20,16,.22); padding:6px 8px; font:500 12px 'Inter','Geist',sans-serif; color:rgba(26,20,16,.7); cursor:pointer; border-radius:0; position:relative; }
  .mp-ex.is-on{ background:#1a1410; color:#fffaf3; border-color:#1a1410; }
  .mp-ex.has-desk::after{ content:""; position:absolute; right:3px; top:3px; width:5px; height:5px; background:#fe6102; border-radius:50%; }
  .mp-amt{ display:flex; align-items:center; border:1px solid rgba(26,20,16,.3); padding:0 12px; }
  .mp-in{ flex:1; min-width:0; border:0; outline:0; background:transparent; font:500 22px ui-monospace,'JetBrains Mono',Menlo,monospace; padding:10px 0; color:#1a1410; font-variant-numeric:tabular-nums; -moz-appearance:textfield; }
  .mp-in::-webkit-outer-spin-button, .mp-in::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
  .mp-amt:focus-within{ border-color:#1a1410; }
  .mp-un{ font:500 12px 'Inter','Geist',sans-serif; color:rgba(26,20,16,.5); }
  .mp-chips{ display:flex; gap:6px; flex-wrap:wrap; margin-top:-6px; }
  .mp-chips button{ appearance:none; background:transparent; border:1px solid rgba(26,20,16,.2); padding:4px 9px; font:12px ui-monospace,Menlo,monospace; color:rgba(26,20,16,.65); cursor:pointer; border-radius:0; }
  .mp-chips button.is-on{ border-color:#1a1410; color:#1a1410; }
  .mp-bx{ padding:10px 12px 12px; min-width:0; }
  .mp-bx + .mp-bx{ border-left:1px solid rgba(26,20,16,.2); }
  .mp-bx i{ display:block; font:500 10px 'Inter','Geist',sans-serif; font-style:normal; letter-spacing:.7px; text-transform:uppercase; color:rgba(26,20,16,.5); margin-bottom:6px; }
  .mp-bx b{ display:block; font:500 24px ui-monospace,'JetBrains Mono',Menlo,monospace; letter-spacing:-.5px; font-variant-numeric:tabular-nums; min-height:1.3em; }
  .mp-dk{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; border-top:1px solid rgba(26,20,16,.2); padding-top:12px; margin-top:auto; }
  .mp-dk i{ font:500 10px 'Inter','Geist',sans-serif; font-style:normal; letter-spacing:.7px; text-transform:uppercase; color:rgba(26,20,16,.5); }
  .mp-dk b{ font:600 28px ui-monospace,'JetBrains Mono',Menlo,monospace; letter-spacing:-.6px; color:#fe6102; font-variant-numeric:tabular-nums; min-height:1.3em; }
  .mp-dk em{ font:11px ui-monospace,Menlo,monospace; font-style:normal; color:rgba(26,20,16,.5); }
  .mp-lb{ font:500 10px 'Inter','Geist',sans-serif; font-style:normal; letter-spacing:.9px; text-transform:uppercase; color:rgba(26,20,16,.5); margin-bottom:-4px; }
  .mp-c s, .mp-r .p{ text-decoration:none; }
  .mp-c s.up, .mp-c s.dn, .mp-r .p.up, .mp-r .p.dn{ display:inline-block; animation:mp-up .7s ease-out; }
  .mp-c s.dn, .mp-r .p.dn{ animation-name:mp-dn; }
  @keyframes mp-up{ 0%{ background:rgba(26,20,16,.16); transform:translateY(-3px); } 100%{ background:rgba(26,20,16,0); transform:none; } }
  @keyframes mp-dn{ 0%{ background:rgba(26,20,16,.16); transform:translateY(3px); } 100%{ background:rgba(26,20,16,0); transform:none; } }
  @media (prefers-reduced-motion:reduce){ .mp-c s.up, .mp-c s.dn, .mp-r .p.up, .mp-r .p.dn{ animation:none; } }
  .mp-go{ appearance:none; width:100%; border:0; background:#fe6102; color:#fff; font:600 15px 'Inter','Geist',sans-serif; padding:15px 0; cursor:pointer; border-radius:0; }
  .mp-go:disabled{ background:rgba(26,20,16,.08); color:rgba(26,20,16,.35); cursor:default; }
  .mp-leg{ font:10px ui-monospace,Menlo,monospace; color:rgba(26,20,16,.45); }
  /* paper take: ink outline, never the desk orange */
  /* ghost state: flat grey, never "n/a" and never a sentence */
  .is-gh{ position:relative; color:transparent !important; }
  .is-gh::after{ content:""; position:absolute; left:0; top:22%; bottom:22%; width:min(100%,7ch); background:rgba(26,20,16,.08); }
  .mp-cw.is-gh::after{ display:none; }
  .mp-sk{ position:absolute; inset:0; pointer-events:none; }
  .mp-sk[hidden]{ display:none; }


  /* ===== v4 ticket and positions panel. Shell skin pins font and radius with !important, so these repeat the root. ===== */
  :root:root:root:root:root:root:root:root:root:root body .mp-tk, :root:root:root:root:root:root:root:root:root:root body .mp-pn{ display:flex; flex-direction:column; min-width:0; border:1px solid #1a1410; border-radius:0; background:#fffaf3; box-sizing:border-box; }
  :root:root:root:root:root:root:root:root:root:root body .mp-tk{ grid-column:2; grid-row:1; align-self:start; }
  :root:root:root:root:root:root:root:root:root:root body .mp-pn{ grid-column:1 / 3; grid-row:2; min-height:190px; }
  :root:root:root:root:root:root:root:root:root:root body .mp-tk-hd, :root:root:root:root:root:root:root:root:root:root body .mp-pn-hd{ display:flex; align-items:center; gap:12px; height:var(--mp-bar,48px); padding:0 12px; box-sizing:border-box; flex:none;
    border-bottom:1px solid #1a1410; background:repeating-linear-gradient(-45deg, rgba(26,20,16,.06) 0 1px, transparent 1px 7px); }
  :root:root:root:root:root:root:root:root:root:root body .mp-tk-hd span, :root:root:root:root:root:root:root:root:root:root body .mp-pn-t{ font:600 11px/1 Inter,system-ui,sans-serif !important; letter-spacing:.9px; text-transform:uppercase; color:#1a1410 !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-tk-hd em{ margin-left:auto; font:500 12px/1 Inter,system-ui,sans-serif !important; font-style:normal !important; color:rgba(26,20,16,.7) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  :root:root:root:root:root:root:root:root:root:root body .mp-tk-in{ display:flex; flex-direction:column; gap:8px; padding:10px 12px 12px; }
  :root:root:root:root:root:root:root:root:root:root body .mp-tk-row .mp-seg button{ padding:8px 0 !important; font:500 12.5px/1 Inter,system-ui,sans-serif !important; border-radius:0 !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-lb{ display:none !important; margin:2px 0 -4px !important; font:600 10px/1 Inter,system-ui,sans-serif !important; font-style:normal !important; letter-spacing:.9px; text-transform:uppercase; color:rgba(26,20,16,.5) !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-exs{ max-height:68px; overflow-y:auto; scrollbar-width:none; }
  :root:root:root:root:root:root:root:root:root:root body .mp-ex{ padding:6px 9px !important; border-radius:0 !important; font:500 12px/1 Inter,system-ui,sans-serif !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-sz{ display:flex; flex-direction:column; gap:8px; }
  :root:root:root:root:root:root:root:root:root:root body .mp-amt{ display:flex; align-items:baseline; gap:8px; border:1px solid #1a1410 !important; border-radius:0 !important; padding:0 12px !important; background:#fffaf3; }
  :root:root:root:root:root:root:root:root:root:root body .mp-in{ font:500 18px/1.2 "JetBrains Mono",ui-monospace,Menlo,monospace !important; padding:6px 0 !important; border:0 !important; box-shadow:none !important; background:transparent !important; border-radius:0 !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-un{ font:600 11px/1 Inter,system-ui,sans-serif !important; letter-spacing:.8px; text-transform:uppercase; color:rgba(26,20,16,.5) !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-chips{ display:flex; gap:0; flex-wrap:wrap; row-gap:3px; }      /* the desk's Max chip wraps at 1280 instead of clipping */
  :root:root:root:root:root:root:root:root:root:root body .mp-chips button{ flex:1; margin-left:-1px; padding:6px 0 !important; border-radius:0 !important; font:500 12px/1 "JetBrains Mono",ui-monospace,Menlo,monospace !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-chips button:first-child{ margin-left:0; }
  :root:root:root:root:root:root:root:root:root:root body .mp-chips button.is-on{ background:#1a1410 !important; color:#fffaf3 !important; border-color:#1a1410 !important; position:relative; }
  :root:root:root:root:root:root:root:root:root:root body .mp-two{ display:grid; grid-template-columns:1fr 1fr; border:1px solid rgba(26,20,16,.28); }
  :root:root:root:root:root:root:root:root:root:root body .mp-bx{ padding:7px 12px 8px; min-width:0; }
  :root:root:root:root:root:root:root:root:root:root body .mp-bx + .mp-bx{ border-left:1px solid rgba(26,20,16,.28); }
  :root:root:root:root:root:root:root:root:root:root body .mp-bx i{ display:block; margin-bottom:6px; font:600 10px/1 Inter,system-ui,sans-serif !important; font-style:normal !important; letter-spacing:.8px; text-transform:uppercase; color:rgba(26,20,16,.5) !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-bx > b{ display:block; font:500 16px/1.3 "JetBrains Mono",ui-monospace,Menlo,monospace !important; letter-spacing:-.5px; font-variant-numeric:tabular-nums; color:#1a1410 !important; min-height:1.3em; }
  :root:root:root:root:root:root:root:root:root:root body .mp-kv{ display:grid; grid-template-columns:1fr 1fr; column-gap:18px; border-top:1px solid rgba(26,20,16,.14); }
  :root:root:root:root:root:root:root:root:root:root body .mp-c{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding:4px 0; border-bottom:1px solid rgba(26,20,16,.1); }
  :root:root:root:root:root:root:root:root:root:root body .mp-c i{ font:400 12px/1.2 Inter,system-ui,sans-serif !important; font-style:normal !important; color:rgba(26,20,16,.6) !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-c > b{ font:500 12px/1.2 "JetBrains Mono",ui-monospace,Menlo,monospace !important; font-variant-numeric:tabular-nums; text-align:right; color:#1a1410 !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-c > b.is-gh::after{ left:auto; right:0; width:6ch; }
  :root:root:root:root:root:root:root:root:root:root body .mp-dk{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; margin:0 !important; padding:2px 0 0 !important; border:0 !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-dk i{ font:600 10px/1 Inter,system-ui,sans-serif !important; font-style:normal !important; letter-spacing:.8px; text-transform:uppercase; color:rgba(26,20,16,.5) !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-dk i em{ font:400 11px/1 Inter,system-ui,sans-serif !important; font-style:normal !important; letter-spacing:0; text-transform:none; color:rgba(26,20,16,.5) !important; margin-left:4px; }
  :root:root:root:root:root:root:root:root:root:root body .mp-dk > b{ font:600 24px/1.3 "JetBrains Mono",ui-monospace,Menlo,monospace !important; letter-spacing:-.6px; color:#fe6102 !important; font-variant-numeric:tabular-nums; }
  :root:root:root:root:root:root:root:root:root:root body .mp-btns{ display:flex; flex-direction:column; gap:6px; }
  :root:root:root:root:root:root:root:root:root:root body .mp-go{ padding:12px 0 !important; border-radius:0 !important; font:600 14px/1 Inter,system-ui,sans-serif !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-leg{ min-height:12px; font:400 10.5px/1.3 "JetBrains Mono",ui-monospace,Menlo,monospace !important; color:rgba(26,20,16,.45) !important; }


  /* digit rolls: the skin pins size on inner spans, which breaks the 1.3em stack. Inherit everything. */
  :root:root:root:root:root:root:root:root:root:root body .rn, :root:root:root:root:root:root:root:root:root:root body .rn .rd, :root:root:root:root:root:root:root:root:root:root body .rn .rd i, :root:root:root:root:root:root:root:root:root:root body .rn .rd b, :root:root:root:root:root:root:root:root:root:root body .rn .rc{ font:inherit !important; letter-spacing:inherit !important; color:inherit !important; line-height:1.3em !important; }
  :root:root:root:root:root:root:root:root:root:root body .rn .rd{ height:1.3em !important; }
  :root:root:root:root:root:root:root:root:root:root body .rn .rd b{ height:1.3em !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-r .p{ color:#1a1410 !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-r .p.o{ color:#fe6102 !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-r.is-os .p{ color:rgba(26,20,16,.4) !important; }

  /* positions panel */
  :root:root:root:root:root:root:root:root:root:root body .mp-pn-t b{ margin-left:6px; font:500 11px/1 "JetBrains Mono",ui-monospace,monospace !important; color:rgba(26,20,16,.55) !important; letter-spacing:0; }
  :root:root:root:root:root:root:root:root:root:root body .mp-acct{ display:flex; gap:22px; margin-left:auto; }
  :root:root:root:root:root:root:root:root:root:root body .mp-acct span{ display:flex; align-items:baseline; gap:7px; }
  :root:root:root:root:root:root:root:root:root:root body .mp-acct i{ font:600 10px/1 Inter,system-ui,sans-serif !important; font-style:normal !important; letter-spacing:.8px; text-transform:uppercase; color:rgba(26,20,16,.5) !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-acct > span > b{ font:500 13px/1 "JetBrains Mono",ui-monospace,monospace !important; font-variant-numeric:tabular-nums; color:#1a1410 !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-pn-b{ appearance:none; padding:6px 10px !important; background:#fffaf3 !important; border:1px solid rgba(26,20,16,.35) !important; border-radius:0 !important; font:500 12px/1 Inter,system-ui,sans-serif !important; color:#1a1410 !important; cursor:pointer; }
  :root:root:root:root:root:root:root:root:root:root body .mp-pn-b:hover{ background:#1a1410 !important; color:#fffaf3 !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-pn-b:focus-visible{ outline:2px solid #fe6102; outline-offset:1px; }
  :root:root:root:root:root:root:root:root:root:root body .mp-pn{ --pc:minmax(150px,1.7fr) .7fr .8fr .8fr .9fr .9fr .9fr .9fr 110px minmax(230px,1.6fr); }
  :root:root:root:root:root:root:root:root:root:root body .mp-th, :root:root:root:root:root:root:root:root:root:root body .mp-prow{ display:grid; grid-template-columns:var(--pc); align-items:center; gap:0 12px; padding:0 12px; box-sizing:border-box; }
  :root:root:root:root:root:root:root:root:root:root body .mp-th{ flex:none; height:30px; border-bottom:1px solid rgba(26,20,16,.14); }
  :root:root:root:root:root:root:root:root:root:root body .mp-th span{ font:600 10px/1 Inter,system-ui,sans-serif !important; letter-spacing:.8px; text-transform:uppercase; color:rgba(26,20,16,.5) !important; white-space:nowrap; }
  :root:root:root:root:root:root:root:root:root:root body .mp-paper{ flex:1; min-height:0; overflow-y:auto; }
  :root:root:root:root:root:root:root:root:root:root body .mp-prow{ height:42px; border-bottom:1px solid rgba(26,20,16,.08); font:400 12px/1.2 "JetBrains Mono",ui-monospace,monospace !important; font-variant-numeric:tabular-nums; }
  :root:root:root:root:root:root:root:root:root:root body .mp-prow > span, :root:root:root:root:root:root:root:root:root:root body .mp-prow > b{ font:inherit !important; color:#1a1410 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
  :root:root:root:root:root:root:root:root:root:root body .mp-prow > span.n{ font:600 12.5px/1.2 Inter,system-ui,sans-serif !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-prow > b{ font-weight:600 !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-prow.is-new{ animation:mp-new 1.8s ease-out; }
  @keyframes mp-new{ 0%{ background:rgba(254,97,2,.16); } 100%{ background:rgba(254,97,2,0); } }
  :root:root:root:root:root:root:root:root:root:root body .mp-prow > span.is-gh, :root:root:root:root:root:root:root:root:root:root body .mp-prow > b.is-gh{ color:rgba(26,20,16,.45) !important; font-weight:400 !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-prow > span.is-claim{ color:#fe6102 !important; font-weight:600 !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-prow.is-settled > span.n{ color:rgba(26,20,16,.6) !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-prow > span.is-late{ color:rgba(26,20,16,.6) !important; font-style:italic; }
  :root:root:root:root:root:root:root:root:root:root body .mp-pnote{ padding:10px 12px; font:400 12px/1.4 Inter,system-ui,sans-serif; color:rgba(26,20,16,.6); border-bottom:1px solid rgba(26,20,16,.08); }
  :root:root:root:root:root:root:root:root:root:root body .mp-prow.sk i{ display:block; height:9px; width:70%; background:rgba(26,20,16,.07); }
  :root:root:root:root:root:root:root:root:root:root body .mp-prow.sk .n i{ width:45%; }
  :root:root:root:root:root:root:root:root:root:root body .mp-pr-s{ display:block; width:100%; height:26px; overflow:visible; }
  :root:root:root:root:root:root:root:root:root:root body .mp-pr-s path{ vector-effect:non-scaling-stroke; fill:none; }
  :root:root:root:root:root:root:root:root:root:root body .mp-pr-s .z{ stroke:rgba(26,20,16,.25); stroke-width:1; }
  :root:root:root:root:root:root:root:root:root:root body .mp-pr-s .f{ fill:rgba(26,20,16,.08); stroke:rgba(26,20,16,.45); stroke-width:1; }      /* the stroke keeps a flat stretch of payoff visible; the fill is the tint */
  :root:root:root:root:root:root:root:root:root:root body .mp-pr-s .d{ stroke:#1a1410; stroke-width:4; stroke-linecap:round; }
  @media (max-width:1499px){
    :root:root:root:root:root:root:root:root:root:root body .mp-pn{ --pc:minmax(140px,1.4fr) minmax(68px,.7fr) .7fr .7fr .8fr .8fr .8fr .8fr 100px minmax(230px,1.4fr); }
  }
  @media (max-width:1199px){
    :root:root:root:root:root:root:root:root:root:root body .mp-pn{ --pc:minmax(140px,1.6fr) .7fr .8fr .8fr .9fr minmax(140px,1.4fr); }
    :root:root:root:root:root:root:root:root:root:root body .mp-th .x1, :root:root:root:root:root:root:root:root:root:root body .mp-prow .x1, :root:root:root:root:root:root:root:root:root:root body .mp-th .x2, :root:root:root:root:root:root:root:root:root:root body .mp-prow .x2{ display:none; }
    :root:root:root:root:root:root:root:root:root:root body .mp-acct{ gap:12px; }
  }

  /* rolling digits */
  .rn{ line-height:1.3em; white-space:nowrap; }
  .rd{ display:inline-block; position:relative; height:1.3em; overflow:hidden; width:1ch; vertical-align:top; }
  .rd i{ position:relative; display:block; top:calc(var(--d) * -1.3em); transition:top .5s ease-out; font-style:normal; }
  .rd b{ display:block; height:1.3em; font:inherit; text-align:center; }
  .rc{ display:inline-block; height:1.3em; vertical-align:top; white-space:pre; }
  @media (prefers-reduced-motion:reduce){
    .rd i{ transition:none; }
    .mp-tag.is-live::before{ animation:none; }
  }
  @media (max-width:1199px){
    .mp-ch{ grid-template-columns:minmax(0,1fr) 200px; }
    .mp-st, .mp-tag, .mp-simtag, .mp-px [data-r=chg], .mp-hd-r [data-seg=win]{ display:none; }
    .mp-hd{ gap:10px; }
  }
}

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

  :root:root:root:root:root:root:root:root:root:root body .mp-leg b{ font:inherit !important; font-weight:600 !important; color:#1a1410 !important; }
}

/* Compare spice, 10%: its header tint and hairline, mono caps title, one orange chip,
   peach ladder bars, corner ticks on the desk number. Colours measured on Compare's
   .cb-v-h (#f7efe4, #e6be9c) and .pick-lead chip. No green, no new layout. */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  :root:root:root:root:root:root:root:root:root:root body .mp-tk-hd,
  :root:root:root:root:root:root:root:root:root:root body .mp-pn-hd,
  :root:root:root:root:root:root:root:root:root:root body .mp-hd,
  :root:root:root:root:root:root:root:root:root:root body .mp-lh{ background:#f7efe4 !important; border-bottom:1px solid #e6be9c !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-tk-hd span,
  :root:root:root:root:root:root:root:root:root:root body .mp-pn-t{ font:500 11px/1 "Geist Mono",ui-monospace,Menlo,monospace !important; letter-spacing:.55px; }
  :root:root:root:root:root:root:root:root:root:root body .mp-pn-t b:empty::before, :root:root:root:root:root:root:root:root:root:root body .mp-pn-t b:empty::after{ content:none; }
  :root:root:root:root:root:root:root:root:root:root body .mp-pn-t b::before{ content:"["; }
  :root:root:root:root:root:root:root:root:root:root body .mp-pn-t b::after{ content:"]"; }
  .mp-r .ch{ background:#f7efe4 !important; }
  .mp-r .ch u{ background:#e6be9c !important; }
  .mp-r.is-sel .ch u{ background:#fe6102 !important; }
  :root:root:root:root:root:root:root:root:root:root body .mp-dk{ position:relative; }
  :root:root:root:root:root:root:root:root:root:root body .mp-dk > b{ position:relative; }
  .mp-dk > b::before, .mp-dk > b::after{ content:""; position:absolute; width:7px; height:7px; pointer-events:none; }
  .mp-dk > b::before{ top:-2px; right:-6px; border-top:1.5px solid #fe6102; border-right:1.5px solid #fe6102; }
  .mp-dk > b::after{ bottom:-2px; left:-6px; border-bottom:1.5px solid #fe6102; border-left:1.5px solid #fe6102; }
  :root:root:root:root:root:root:root:root:root:root body .mp-dk > i{ background:#fe6102; color:#fff !important; padding:3px 6px; font:500 10px/1 "Geist Mono",ui-monospace,Menlo,monospace !important; letter-spacing:.55px; }
  :root:root:root:root:root:root:root:root:root:root body .mp-dk > i em{ color:rgba(255,255,255,.85) !important; font:500 10px/1 "Geist Mono",ui-monospace,Menlo,monospace !important; }
}

/* asset picker: mark, ticker, price, 24h change per choice */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

:root:root:root:root:root:root:root:root:root:root body .mp-as{display:inline-flex !important;gap:0 !important;border:1px solid #e6be9c !important;background:#fffaf3 !important}
:root:root:root:root:root:root:root:root:root:root body .mp-as > button{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:6px 12px 6px 10px !important;border:0 !important;border-right:1px solid #e6be9c !important;background:transparent !important;color:#1a1410 !important;cursor:pointer;min-width:0;height:auto !important}
:root:root:root:root:root:root:root:root:root:root body .mp-as > button:last-child{border-right:0 !important}
:root:root:root:root:root:root:root:root:root:root body .mp-as > button > .mk-w{display:inline-flex;width:18px;height:18px;color:#1a1410;opacity:.55}
:root:root:root:root:root:root:root:root:root:root body .mp-as > button > .nm{font:600 12px/1 Inter,system-ui,sans-serif !important;letter-spacing:.2px}
:root:root:root:root:root:root:root:root:root:root body .mp-as > button > .pp{font:400 12px/1 "Geist Mono",ui-monospace,Menlo,monospace !important;font-variant-numeric:tabular-nums;min-width:7ch;text-align:right;color:#6b5f55}
:root:root:root:root:root:root:root:root:root:root body .mp-as > button > .pp:empty{height:8px;background:#f1e6d8;min-width:6ch;display:inline-block}
:root:root:root:root:root:root:root:root:root:root body .mp-as > button > .pc{font:400 11px/1 "Geist Mono",ui-monospace,Menlo,monospace !important;font-variant-numeric:tabular-nums;color:#8a7d70;min-width:6ch}
:root:root:root:root:root:root:root:root:root:root body .mp-as > button.is-on{background:#1a1410 !important;color:#fffaf3 !important}
:root:root:root:root:root:root:root:root:root:root body .mp-as > button.is-on > .mk-w{color:#fe6102;opacity:1}
:root:root:root:root:root:root:root:root:root:root body .mp-as > button.is-on > .pp,:root:root:root:root:root:root:root:root:root:root body .mp-as > button.is-on > .pc{color:#fffaf3}
:root:root:root:root:root:root:root:root:root:root body .mp-as > button:not(.is-on):hover{background:#f7efe4 !important}
}
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

:root:root:root:root:root:root:root:root:root:root body .mp-as > button.is-on > .pp,
:root:root:root:root:root:root:root:root:root:root body .mp-as > button.is-on > .pc{display:none !important}
}

/* type scale: skin pins 14px/400 on header and ladder; set it back to the terminal scale */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

:root:root:root:root:root:root:root:root:root:root body .mp-px > [data-r="mark"],:root:root:root:root:root:root:root:root:root:root body .mp-px > .rn{font:500 18px/1 "JetBrains Mono",ui-monospace,Menlo,monospace !important;letter-spacing:-.3px !important}
:root:root:root:root:root:root:root:root:root:root body .mp-px > [data-r="chg"]{font:400 11px/1 "JetBrains Mono",ui-monospace,Menlo,monospace !important;color:rgba(26,20,16,.55) !important}
:root:root:root:root:root:root:root:root:root:root body .mp-px > .mp-tag{font:500 10px/1 "Geist Mono",ui-monospace,Menlo,monospace !important;letter-spacing:.55px !important;text-transform:uppercase}
:root:root:root:root:root:root:root:root:root:root body .mp-st > span{font:400 11px/1 "JetBrains Mono",ui-monospace,Menlo,monospace !important}
:root:root:root:root:root:root:root:root:root:root body .mp-st i{font:500 9px/1 "Geist Mono",ui-monospace,Menlo,monospace !important;letter-spacing:.55px !important;text-transform:uppercase}
:root:root:root:root:root:root:root:root:root:root body .mp-lh > span,:root:root:root:root:root:root:root:root:root:root body .mp-lh{font:500 10px/1 "Geist Mono",ui-monospace,Menlo,monospace !important;letter-spacing:.55px !important;text-transform:uppercase}
:root:root:root:root:root:root:root:root:root:root body .mp-r > .k{font:500 12px/1 "JetBrains Mono",ui-monospace,Menlo,monospace !important}
:root:root:root:root:root:root:root:root:root:root body .mp-r > .p{font:400 12px/1 "JetBrains Mono",ui-monospace,Menlo,monospace !important}
:root:root:root:root:root:root:root:root:root:root body .mp-r > .p.o{font-weight:600 !important}
}

/* flash = ink wash only; the skin's .up/.dn green and red are not ours */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

:root:root:root:root:root:root:root:root:root:root body .mp-c s.up,:root:root:root:root:root:root:root:root:root:root body .mp-c s.dn,:root:root:root:root:root:root:root:root:root:root body .mp-r .p.up,:root:root:root:root:root:root:root:root:root:root body .mp-r .p.dn{color:inherit !important;text-decoration:none !important}
:root:root:root:root:root:root:root:root:root:root body .mp-px > [data-r="mark"]{font-size:16px !important}
:root:root:root:root:root:root:root:root:root:root body .mp-as > button{padding:6px 9px 6px 8px !important;gap:6px !important}
}

/* ghost bar must win over the orange desk number colour */
:root:root:root:root:root:root:root:root:root:root body .mp-dk > b.is-gh{color:transparent !important}
/* four assets: the 24h change lives in the header for the selected one, chips carry price only */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

:root:root:root:root:root:root:root:root:root:root body .mp-as > button > .pc{display:none !important}
}
/* header on two rows: assets on top at full width, price, vol and chart controls below */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

:root:root:root:root:root:root:root:root:root:root body .mp-ch{--mp-bar:88px}
:root:root:root:root:root:root:root:root:root:root body .mp-hd{flex-wrap:wrap !important;align-content:center !important;row-gap:8px !important;padding-top:6px !important;padding-bottom:6px !important}
:root:root:root:root:root:root:root:root:root:root body .mp-as{display:flex !important;flex:1 0 100% !important}
:root:root:root:root:root:root:root:root:root:root body .mp-as > button{flex:1 1 0 !important;justify-content:center !important}
:root:root:root:root:root:root:root:root:root:root body .mp-lh{align-items:flex-end !important;padding-bottom:10px !important}
}
@media (min-width:1200px){
:root:root:root:root:root:root:root:root:root:root body .mp-st{display:flex !important}
}
/* Trade is a terminal: no footer strip (surface-row counter, links, byline). Data tabs keep it.
   html.mp-lock is set by match-pro.js only while Trade is on screen; fit() then reads the hidden footer as 0px. */
:root:root:root:root:root:root:root:root:root:root.mp-lock body > footer{display:none !important}

/* ===== Trade review: the exact desk quote, three steps, then the existing wallet flow. The consumer ticket never shows.
   The review sits in the ticket's grid cell; the ticket keeps its size (hidden) so the chart does not move. ===== */
.mp-rv{ display:none; }
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

:root:root:root:root:root:root:root:root:root:root body .mp-rv{ display:none !important; }
:root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-rv-on > .mp-tk{ visibility:hidden; }
:root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-rv-on > .mp-rv{ display:flex !important; flex-direction:column; grid-column:2; grid-row:1; align-self:stretch; min-width:0; min-height:0; overflow:hidden; border:1px solid #1a1410; border-radius:0; background:#fffaf3; box-sizing:border-box; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-bk{ appearance:none; margin-left:auto; padding:6px 10px !important; background:#fffaf3 !important; border:1px solid rgba(26,20,16,.35) !important; border-radius:0 !important; font:500 12px/1 Inter,system-ui,sans-serif !important; color:#1a1410 !important; cursor:pointer; white-space:nowrap; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-bk:hover{ background:#1a1410 !important; color:#fffaf3 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-bk:focus-visible, :root:root:root:root:root:root:root:root:root:root body .mp-rv-go:focus-visible{ outline:2px solid #fe6102; outline-offset:2px; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-in{ flex:1; min-height:0; display:flex; flex-direction:column; gap:10px; padding:12px; box-sizing:border-box; }
/* body scrolls inside itself when the window is short; the steps and Confirm never leave the screen.
   The 8px bleed keeps the price's corner ticks (6px outside the number) from being clipped by overflow. */
:root:root:root:root:root:root:root:root:root:root body .mp-rv-bd{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; gap:10px; margin:0 -8px; padding:2px 8px 0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-bd::-webkit-scrollbar{ display:none; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-ft{ flex:none; display:flex; flex-direction:column; gap:10px; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-off{ font:400 11px/1.35 Inter,system-ui,sans-serif !important; color:rgba(26,20,16,.6) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-ti{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-ti > span{ font:600 15px/1.2 Inter,system-ui,sans-serif !important; color:#1a1410 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-ti > b{ font:500 13px/1.2 "JetBrains Mono",ui-monospace,Menlo,monospace !important; font-variant-numeric:tabular-nums; color:#1a1410 !important; white-space:nowrap; }
/* the desk price: the one orange number, same chip and corner ticks as the ticket */
:root:root:root:root:root:root:root:root:root:root body .mp-rv-big{ display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"chip chip" "lab num"; align-items:end; gap:8px 10px; padding:2px 0 0; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-big > i{ grid-area:chip; justify-self:start; background:#fe6102; padding:3px 6px; font:500 10px/1 "Geist Mono",ui-monospace,Menlo,monospace !important; font-style:normal !important; letter-spacing:.55px; text-transform:uppercase; color:#fff !important; white-space:pre; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-big > i em{ font:500 10px/1 "Geist Mono",ui-monospace,Menlo,monospace !important; font-style:normal !important; letter-spacing:.55px; color:rgba(255,255,255,.85) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-big > span{ grid-area:lab; padding-bottom:7px; font:400 12px/1.2 Inter,system-ui,sans-serif !important; color:rgba(26,20,16,.6) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-big > b{ grid-area:num; position:relative; font:600 32px/1.15 "JetBrains Mono",ui-monospace,Menlo,monospace !important; letter-spacing:-.8px; font-variant-numeric:tabular-nums; color:#fe6102 !important; white-space:nowrap; }
.mp-rv-big > b::before, .mp-rv-big > b::after{ content:""; position:absolute; width:7px; height:7px; pointer-events:none; }
.mp-rv-big > b::before{ top:-2px; right:-6px; border-top:1.5px solid #fe6102; border-right:1.5px solid #fe6102; }
.mp-rv-big > b::after{ bottom:-2px; left:-6px; border-bottom:1.5px solid #fe6102; border-left:1.5px solid #fe6102; }
/* an expired or re-quoting price is not the price: ink wash, no orange */
:root:root:root:root:root:root:root:root:root:root body .mp-rv-big.is-old > i{ background:transparent; box-shadow:inset 0 0 0 1px rgba(26,20,16,.3); color:rgba(26,20,16,.55) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-big.is-old > i em{ color:rgba(26,20,16,.55) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-big.is-old > b{ color:rgba(26,20,16,.3) !important; }
.mp-rv-big.is-old > b::before, .mp-rv-big.is-old > b::after{ border-color:rgba(26,20,16,.22); }
/* terms */
:root:root:root:root:root:root:root:root:root:root body .mp-rv-kv{ margin:0; padding:0; border-top:1px solid rgba(26,20,16,.14); }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-kv > div{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding:5px 0; border-bottom:1px solid rgba(26,20,16,.1); }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-kv dt{ margin:0; flex:none; font:400 12px/1.2 Inter,system-ui,sans-serif !important; color:rgba(26,20,16,.6) !important; white-space:nowrap; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-kv dd{ margin:0; min-width:0; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-end; column-gap:8px; text-align:right; font:500 12px/1.2 "JetBrains Mono",ui-monospace,Menlo,monospace !important; font-variant-numeric:tabular-nums; color:#1a1410 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-kv dd em{ font:400 11px/1.2 Inter,system-ui,sans-serif !important; font-style:normal !important; color:rgba(26,20,16,.5) !important; white-space:nowrap; }
/* what each side of the strike does, engine text verbatim */
:root:root:root:root:root:root:root:root:root:root body .mp-rv-out{ display:flex; flex-direction:column; gap:5px; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-out > div{ display:flex; align-items:baseline; gap:10px; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-out i{ flex:none; font:500 10px/1.35 "Geist Mono",ui-monospace,Menlo,monospace !important; font-style:normal !important; letter-spacing:.4px; text-transform:uppercase; color:rgba(26,20,16,.5) !important; white-space:nowrap; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-out span{ min-width:0; font:400 12px/1.35 Inter,system-ui,sans-serif !important; color:#1a1410 !important; }
/* steps: three segments, the current one orange, finished ones ink */
:root:root:root:root:root:root:root:root:root:root body .mp-rv-st{ margin:0 !important; padding:0 !important; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-st > li{ display:flex; align-items:baseline; gap:6px; margin:0; padding:8px 0 0; border-top:2px solid rgba(26,20,16,.14); font:500 12px/1 Inter,system-ui,sans-serif !important; color:rgba(26,20,16,.4) !important; white-space:nowrap; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-st > li > b{ font:500 11px/1 "JetBrains Mono",ui-monospace,Menlo,monospace !important; font-variant-numeric:tabular-nums; color:inherit !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-st > li.done{ border-top-color:#1a1410; color:rgba(26,20,16,.7) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-st > li.on{ border-top-color:#fe6102; color:#1a1410 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-st > li.on{ font-weight:600 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-msg{ min-height:16px; font:400 12px/1.35 Inter,system-ui,sans-serif !important; color:rgba(26,20,16,.65) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-go.is-requote{ background:#1a1410 !important; color:#fffaf3 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-key{ margin-top:-4px; text-align:center; font:400 10.5px/1 "JetBrains Mono",ui-monospace,Menlo,monospace !important; color:rgba(26,20,16,.45) !important; }
}

/* short windows: same 820 px threshold as match-pro-term.css. The review tightens so the whole quote fits without scrolling at 720 px high.
   Below 700 px the key hint goes too; anything still too tall scrolls inside the body while Confirm stays pinned. */
@media (max-height:820px){
:root:root:root:root:root:root:root:root:root:root body .mp-rv-in{ gap:8px; padding:8px 12px 10px; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-bd{ gap:7px; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-ft{ gap:6px; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-big{ gap:6px 10px; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-big > b{ font-size:28px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-kv > div{ padding:4px 0; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-st > li{ padding-top:6px; }
}
@media (max-height:700px){
:root:root:root:root:root:root:root:root:root:root body .mp-rv-key{ display:none; }
:root:root:root:root:root:root:root:root:root:root body .mp-rv-out{ gap:3px; }
}

/* Trade: while the size, quote and sign steps run from the ticket side, the consumer modal stays out of sight.
   match-pro.js adds .mp-rv-quiet to the match view only for those steps; errors and rejections stay visible. */

/* router panel: the best price across venues, the desk ranked on equal terms */



html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt{ display:flex; flex-direction:column; gap:0; border-top:1px solid rgba(26,20,16,.2); padding-top:8px; font:12px/1.3 Inter,system-ui,sans-serif !important; color:#1a1410; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt:empty{ display:none; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-h{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; padding-bottom:4px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-k{ font:500 10px/1 "Geist Mono",ui-monospace,Menlo,monospace !important; 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-rt-c{ font:400 10px/1 "JetBrains Mono",ui-monospace,Menlo,monospace !important; color:rgba(26,20,16,.5); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-s{ font-size:11px !important; color:rgba(26,20,16,.55); padding:3px 0 2px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-s.is-warn{ color:#b3380a; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-s.is-ok{ color:#2f6b3a; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-w{ font-size:12px !important; padding:4px 0; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-l{ display:flex; flex-direction:column; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-r{ display:grid; grid-template-columns:16px 1fr auto 52px; gap:8px; align-items:center; padding:5px 0; border-top:1px solid rgba(26,20,16,.08); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-r svg.mk,.mp-rt-r img.mk{ width:16px; height:16px; display:block; border-radius:50%; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-n1{ font:500 12px Inter,system-ui,sans-serif !important; display:flex; align-items:center; gap:5px; min-width:0; white-space:nowrap; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-n1 u{ text-decoration:none; font:400 9px/1 "Geist Mono",ui-monospace,Menlo,monospace !important; letter-spacing:.4px; text-transform:uppercase; color:rgba(26,20,16,.45); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-n1 u.is-x{ color:#fe6102; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-r b{ font:500 12px "JetBrains Mono",ui-monospace,Menlo,monospace !important; font-variant-numeric:tabular-nums; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-r.is-best b{ color:#fe6102; font-weight:600; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-r.is-best .mp-rt-n1{ font-weight:600; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-r em{ font:400 10.5px "JetBrains Mono",ui-monospace,Menlo,monospace !important; font-style:normal; text-align:right; color:rgba(26,20,16,.45); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-r.is-near{ color:rgba(26,20,16,.55); }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-m{ font:10.5px "JetBrains Mono",ui-monospace,Menlo,monospace !important; text-align:left; background:none; border:1px solid rgba(26,20,16,.25); padding:6px 8px; margin:6px 0 8px; text-align:center; color:rgba(26,20,16,.75); cursor:pointer; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-t{ display:flex; margin:6px 0 0; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-t button{ flex:1; font:500 10.5px Inter,system-ui,sans-serif !important; padding:4px 0; background:transparent; border:1px solid rgba(26,20,16,.18); color:rgba(26,20,16,.55); cursor:pointer; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-t button + button{ border-left:0; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-t button.is-on{ background:#1a1410; color:#fffaf3; border-color:#1a1410; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-t button:disabled{ opacity:.4; cursor:default; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-f{ font:400 9.5px "JetBrains Mono",ui-monospace,Menlo,monospace !important; color:rgba(26,20,16,.4); padding-top:5px; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-n{ font:400 9.5px "JetBrains Mono",ui-monospace,Menlo,monospace !important; color:rgba(26,20,16,.45); padding:5px 0 0; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-sk{ display:none; }
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-sk2{ height:26px; background:linear-gradient(90deg,rgba(26,20,16,.04),rgba(26,20,16,.09),rgba(26,20,16,.04)); }

  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-b{ display:flex; align-items:baseline; gap:8px; margin:4px 0 2px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-b b{ font:600 20px/1.2 "JetBrains Mono",ui-monospace,Menlo,monospace !important; color:#fe6102; letter-spacing:-.5px; }
  html.mp-lock:root:root:root:root:root:root:root:root:root:root body .mp-rt-b span{ font:11px/1.3 Inter,system-ui,sans-serif !important; color:rgba(26,20,16,.55); }

/* Recommended: the three desk intents over the full ticket (2026-10-17) */
.mp-rec{ margin:0 0 10px; }
.mp-rec-h{ display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; font:500 10px/1 'IBM Plex Mono',monospace; letter-spacing:.08em; text-transform:uppercase; color:rgba(26,20,16,.55); }
.mp-rec-c{ appearance:none; background:none; border:0; padding:0; font:inherit; letter-spacing:inherit; text-transform:inherit; color:#fe6102; cursor:pointer; }
.mp-rec-l{ display:grid; gap:6px; }
.mp-rec-i{ appearance:none; display:grid; grid-template-columns:1fr auto; grid-template-areas:"t e" "s e"; text-align:left; gap:2px 10px; padding:10px 12px; background:transparent; border:1px solid rgba(26,20,16,.22); border-radius:0; cursor:pointer; color:#1a1410; }
.mp-rec-i b{ grid-area:t; font:600 13px/1.2 Inter,system-ui,sans-serif; }
.mp-rec-i span{ grid-area:s; font:400 11px/1.2 'IBM Plex Mono',monospace; color:rgba(26,20,16,.6); }
.mp-rec-i em{ grid-area:e; align-self:center; font:600 13px/1 'IBM Plex Mono',monospace; font-style:normal; }
.mp-rec-i.is-on{ border-color:#1a1410; box-shadow:inset 3px 0 0 #fe6102; }
.mp-rec-i:focus-visible{ outline:2px solid #fe6102; outline-offset:1px; }
.mp-cust-off .mp-cust{ display:none; }
.mp-rec{ margin:14px 0 0 !important; }
.mp-rec-i.is-st em{ opacity:.5; }
.mp-rec-i.is-off{ opacity:.45; cursor:default; pointer-events:none; }      /* a leg the desk refuses right now: read, not taken */
.mp-rec-i span{ min-width:0; }

/* ticket declutter 2026-10-17: drop the repeat per-unit line, flatten Lock/Win, tighter cards */
:root:root:root:root:root:root:root:root:root:root body .mp-m-desk .mp-leg{ display:none !important; }
.mp-usedesk{ appearance:none; background:none; border:0; padding:0; font:inherit; color:#fe6102; text-decoration:underline; cursor:pointer; }
:root:root:root:root:root:root:root:root:root:root body .mp-two{ border:0 !important; border-bottom:1px solid rgba(26,20,16,.14) !important; padding-bottom:6px; }
.mp-rec{ margin:10px 0 0 !important; }
.mp-rec-l{ gap:4px; }
.mp-rec-i{ padding:7px 10px; }
.mp-rec-i span{ font-size:10.5px; color:rgba(26,20,16,.5); }

/* pick-your-view v2: one flat segmented block, ticket language (hairlines, mono figures, ink-filled selection like the size chips) */
.mp-rec-h{ display:block; margin-bottom:6px; font:600 10px/1 Inter,system-ui,sans-serif; letter-spacing:.8px; text-transform:uppercase; color:rgba(26,20,16,.5); }
.mp-rec-l{ gap:0; border:1px solid rgba(26,20,16,.28); }
.mp-rec-i{ grid-template-columns:1fr auto; grid-template-areas:"t e" "s u"; gap:3px 10px; padding:8px 10px; border:0; border-top:1px solid rgba(26,20,16,.14); background:transparent; box-shadow:none; }
.mp-rec-i:first-child{ border-top:0; }
.mp-rec-i b{ font:600 12px/1.2 Inter,system-ui,sans-serif; }
.mp-rec-i span{ grid-area:s; font:400 10.5px/1.2 "JetBrains Mono",ui-monospace,Menlo,monospace; color:rgba(26,20,16,.5); }
.mp-rec-i em{ grid-area:e; align-self:baseline; text-align:right; font:600 14px/1.1 "JetBrains Mono",ui-monospace,Menlo,monospace; font-variant-numeric:tabular-nums; }
.mp-rec-i u{ grid-area:u; text-decoration:none; text-align:right; font:400 10.5px/1.2 "JetBrains Mono",ui-monospace,Menlo,monospace; color:rgba(26,20,16,.5); }
.mp-rec-i:hover{ background:rgba(26,20,16,.04); }
.mp-rec-i.is-on{ background:#1a1410; color:#fffaf3; box-shadow:none; }
.mp-rec-i.is-on span, .mp-rec-i.is-on u{ color:rgba(255,250,243,.62); }
.mp-rec-i.is-st em{ opacity:.55; }

/* ticket mode switch: desk picks (intent cards) vs I pick (strike and expiry) */
.mp-mode{ display:flex; margin-bottom:2px; }
.mp-mode:empty{ display:none; }
.mp-mode button{ flex:1; appearance:none; background:transparent; border:1px solid rgba(26,20,16,.28); border-radius:0; padding:7px 0; font:600 11px/1 Inter,system-ui,sans-serif; letter-spacing:.3px; color:rgba(26,20,16,.6); cursor:pointer; }
.mp-mode button + button{ margin-left:-1px; }
.mp-mode button.is-on{ background:#1a1410; border-color:#1a1410; color:#fffaf3; position:relative; }
.mp-rec{ margin:2px 0 0 !important; }
.mp-rec{ margin:12px 0 0 !important; }

/* pick-your-view v3: the landing tape's row language (token tile, bold line over mono sub, big figure over muted note, orange bar on the live row) */
.mp-rec-h{ display:flex; justify-content:space-between; align-items:center; }
.mp-rec-h em{ font:500 10px/1 "JetBrains Mono",ui-monospace,Menlo,monospace; font-style:normal; letter-spacing:.6px; text-transform:uppercase; color:#1f9d55; }
.mp-rec-h em::before{ content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:#1f9d55; margin-right:6px; vertical-align:1px; }
.mp-rec-l{ border:1px solid rgba(26,20,16,.2); background:#fffdf9; }
.mp-rec-i{ grid-template-columns:34px 1fr auto; grid-template-areas:"i t e" "i s u"; gap:1px 12px; align-items:center; padding:11px 12px 11px 11px; position:relative; }
.mp-rec-ic{ grid-area:i; display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(26,20,16,.2); color:#1a1410; background:#fffaf3; }
.mp-rec-i b{ font:600 14px/1.25 Inter,system-ui,sans-serif; letter-spacing:-.1px; }
.mp-rec-i span{ font:400 11px/1.3 "JetBrains Mono",ui-monospace,Menlo,monospace; }
.mp-rec-i em{ font:700 16px/1.2 Inter,system-ui,sans-serif; letter-spacing:-.3px; align-self:end; }
.mp-rec-i u{ font:400 10.5px/1.3 "JetBrains Mono",ui-monospace,Menlo,monospace; align-self:start; }
.mp-rec-i.is-on{ background:#fff3e8; color:#1a1410; box-shadow:inset 3px 0 0 #fe6102; }
.mp-rec-i.is-on span, .mp-rec-i.is-on u{ color:rgba(26,20,16,.6); }
.mp-rec-i.is-on .mp-rec-ic{ background:#fe6102; border-color:#fe6102; color:#fff; }
.mp-rec-i:hover:not(.is-on){ background:rgba(26,20,16,.035); }

/* fonts need the same specificity chain as the ticket rules above them */
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i b{ font:600 14px/1.25 Inter,system-ui,sans-serif !important; letter-spacing:-.1px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i span{ font:400 10.5px/1.3 "JetBrains Mono",ui-monospace,Menlo,monospace !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i em{ font:700 16px/1.2 Inter,system-ui,sans-serif !important; letter-spacing:-.3px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i u{ font:400 10.5px/1.3 "JetBrains Mono",ui-monospace,Menlo,monospace !important; }

/* v4: bare monoline icons, no live label, mismatch slot */
.mp-rec-h em{ display:none !important; }
.mp-rec-i{ grid-template-columns:16px 1fr auto !important; gap:1px 10px !important; align-items:start !important; }
.mp-rec-i .mp-rec-ic{ width:16px !important; height:16px !important; border:0 !important; background:transparent !important; margin-top:2px; color:rgba(26,20,16,.7); }
.mp-rec-i.is-on .mp-rec-ic{ background:transparent !important; color:#fe6102 !important; }
.mp-rec-i.is-on b{ color:#1a1410; }
:root:root:root:root:root:root:root:root:root:root body .mp-nq{ font:400 11px/1.4 "JetBrains Mono",ui-monospace,Menlo,monospace; color:rgba(26,20,16,.6) !important; margin-bottom:6px; font-family:"JetBrains Mono",ui-monospace,Menlo,monospace !important; font-size:11px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-nq span{ display:none; }
:root:root:root:root:root:root:root:root:root:root body .mp-usedesk{ display:block; width:100%; text-align:center; text-decoration:none; background:transparent; color:#1a1410; border:1px solid rgba(26,20,16,.22); border-radius:0; padding:8px 8px; font:500 12px/1 Inter,system-ui,sans-serif; cursor:pointer; }
:root:root:root:root:root:root:root:root:root:root body .mp-usedesk:hover{ border-color:#1a1410; }

/* v5: What do you want? as three separate choice rows */
:root:root:root:root:root:root:root:root:root:root body .mp-rec-h{ display:flex !important; align-items:baseline !important; justify-content:space-between !important; margin:14px 0 8px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-h span{ font:600 14px/1 Inter,system-ui,sans-serif !important; letter-spacing:-.1px !important; text-transform:none !important; color:#1a1410 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-h em{ display:block !important; font:400 10.5px/1 "JetBrains Mono",ui-monospace,Menlo,monospace !important; letter-spacing:0 !important; text-transform:none !important; color:rgba(26,20,16,.5) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-h em::before{ display:none !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-l{ display:flex !important; flex-direction:column !important; gap:6px !important; border:0 !important; background:transparent !important; padding:0 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i{ display:grid !important; grid-template-columns:28px 1fr auto !important; gap:3px 12px !important; align-items:center !important; padding:12px 14px !important; border:1px solid rgba(26,20,16,.16) !important; border-top:1px solid rgba(26,20,16,.16) !important; background:#fffdf9 !important; box-shadow:none !important; cursor:pointer; transition:border-color .12s, background .12s; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i:hover{ border-color:rgba(26,20,16,.5) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i.is-on{ border-color:#fe6102 !important; background:#fff3e8 !important; box-shadow:inset 0 0 0 1px #fe6102 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i .mp-rec-ic{ width:28px !important; height:28px !important; margin:0 !important; grid-row:1 / 3; align-self:center; color:rgba(26,20,16,.75); }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i.is-on .mp-rec-ic{ color:#1a1410 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i em{ font:700 17px/1.15 Inter,system-ui,sans-serif !important; }

:root:root:root:root:root:root:root:root:root:root body .mp-rec-ic path[fill]{ fill:#fe6102 !important; stroke:none !important; }
/* I pick strike, no desk quote for the row: same card + outlined-button language as the desk rows and the ticket buttons. */
:root:root:root:root:root:root:root:root:root:root body .mp-nq{ border:1px solid rgba(26,20,16,.16) !important; background:#fffdf9 !important; padding:10px 12px !important; margin:0 0 6px !important; font:500 13px/1.35 Inter,system-ui,sans-serif !important; color:#1a1410 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-usedesk{ padding:11px 8px !important; font:500 13px/1 Inter,system-ui,sans-serif !important; border:1px solid #1a1410 !important; margin:0 0 6px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-usedesk:hover{ background:rgba(26,20,16,.06) !important; }

/* merged ticket flow: When row, strike row, indicative book price, model tags */
:root:root:root:root:root:root:root:root:root:root body .mp-whn{ margin:14px 0 8px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-whn + .mp-exs{ max-height:none !important; overflow:visible !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk{ margin-top:10px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk:empty{ display:none !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk-r{ display:flex !important; align-items:baseline !important; gap:8px !important; border:1px solid rgba(26,20,16,.22) !important; padding:9px 10px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk-r span{ font:600 10px/1 Inter,system-ui,sans-serif !important; letter-spacing:.8px; text-transform:uppercase; color:rgba(26,20,16,.5) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk-r b{ font:700 15px/1 Inter,system-ui,sans-serif !important; color:#1a1410 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk-r em{ flex:1 !important; font:400 10.5px/1 "JetBrains Mono",ui-monospace,Menlo,monospace !important; font-style:normal !important; color:rgba(26,20,16,.5) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk-s{ appearance:none; width:26px !important; height:26px !important; align-self:center; background:transparent !important; border:1px solid rgba(26,20,16,.28) !important; border-radius:0 !important; font:600 14px/1 Inter,system-ui,sans-serif !important; color:#1a1410 !important; cursor:pointer; padding:0 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk-s + .mp-stk-s{ margin-left:-9px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk u{ display:block !important; margin-top:5px !important; text-decoration:none !important; font:500 10px/1 "JetBrains Mono",ui-monospace,Menlo,monospace !important; letter-spacing:.6px; text-transform:uppercase; color:#fe6102 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk-b{ appearance:none; margin-top:5px !important; padding:0 !important; background:none !important; border:0 !important; font:600 11px/1 Inter,system-ui,sans-serif !important; color:#fe6102 !important; text-decoration:underline; cursor:pointer; }
:root:root:root:root:root:root:root:root:root:root body .mp-nf .mp-dk, :root:root:root:root:root:root:root:root:root:root body .mp-nf [data-c="go"]{ display:none !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-ind{ display:flex !important; justify-content:space-between !important; align-items:baseline !important; border:1px dashed rgba(26,20,16,.35) !important; padding:10px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-ind i{ font:500 10px/1 "JetBrains Mono",ui-monospace,Menlo,monospace !important; font-style:normal !important; letter-spacing:.6px; text-transform:uppercase; color:rgba(26,20,16,.6) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-ind b{ font:700 17px/1 Inter,system-ui,sans-serif !important; color:#1a1410 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-ind-n{ margin:6px 0 !important; font:400 11px/1.3 Inter,system-ui,sans-serif !important; color:rgba(26,20,16,.55) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-nf .mp-kv .mp-c i::after{ content:" (model)"; text-transform:none; letter-spacing:0; color:#fe6102; }
:root:root:root:root:root:root:root:root:root:root body .mp-nf .mp-two .mp-bx:last-child i::after{ content:" (market)"; text-transform:none; letter-spacing:0; color:#fe6102; }

/* compact ticket */
html :root:root:root:root:root:root:root:root:root:root body .mp-tk-in{ gap:5px !important; padding:8px 12px 10px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-in{ font-size:16px !important; padding:3px 0 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-chips button{ padding:4px 0 !important; font-size:11px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-whn{ margin:6px 0 4px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-h{ margin:8px 0 5px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-h span, :root:root:root:root:root:root:root:root:root:root body .mp-whn span{ font-size:12px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-h em{ font-size:10px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-ex{ padding:4px 7px !important; font-size:11px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-exs{ gap:4px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-l{ gap:4px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i{ padding:6px 10px !important; gap:0 10px !important; grid-template-columns:18px 1fr auto !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i .mp-rec-ic{ width:18px !important; height:18px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i .mp-rec-ic svg{ width:18px; height:18px; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i b{ font-size:13px !important; line-height:1.2 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i span, :root:root:root:root:root:root:root:root:root:root body .mp-rec-i u{ font-size:10px !important; line-height:1.2 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i em{ font-size:14px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk{ margin-top:4px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk-r{ padding:5px 8px !important; gap:8px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk-r b{ font-size:14px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk-r em{ line-height:1.35 !important; font-size:10px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk-r em u, :root:root:root:root:root:root:root:root:root:root body .mp-stk-r em .mp-stk-b{ display:block !important; margin:0 !important; font-size:9.5px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk-s{ width:22px !important; height:22px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-bx{ padding:4px 10px 5px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-bx i{ margin-bottom:2px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-bx > b{ font-size:15px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-two{ padding-bottom:3px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-ind{ padding:7px 10px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-ind b{ font-size:15px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-ind-n{ margin:3px 0 !important; font-size:10px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-dk{ display:none !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-ex{ padding:4px 5px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-exs{ gap:3px !important; }      /* wraps to a second row like Mehdi's; never a horizontal scroll */
:root:root:root:root:root:root:root:root:root:root body .mp-ex{ flex:1 1 auto !important; text-align:center; white-space:nowrap; }

/* four cards, pro view switch */
:root:root:root:root:root:root:root:root:root:root body .mp-tag{ display:none !important; margin-left:6px; font:400 10px/1 "JetBrains Mono",ui-monospace,Menlo,monospace; color:rgba(26,20,16,.45); }
:root:root:root:root:root:root:root:root:root:root body .mp-pro .mp-tag{ display:inline !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk{ display:none !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-pro .mp-stk:not(:empty){ display:block !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-pro-t{ appearance:none; align-self:flex-end; background:none !important; border:0 !important; padding:2px 0 !important; font:500 11px/1 Inter,system-ui,sans-serif !important; color:rgba(26,20,16,.55) !important; cursor:pointer; }

/* four cards, pro view switch */
:root:root:root:root:root:root:root:root:root:root body .mp-tag{ display:none !important; margin-left:6px; font:400 10px/1 "JetBrains Mono",ui-monospace,Menlo,monospace; color:rgba(26,20,16,.45); }
:root:root:root:root:root:root:root:root:root:root body .mp-pro .mp-tag{ display:inline !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-stk{ display:none !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-pro .mp-stk:not(:empty){ display:block !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-pro-t{ appearance:none; align-self:flex-end; background:none !important; border:0 !important; padding:2px 0 !important; font:500 11px/1 Inter,system-ui,sans-serif !important; color:rgba(26,20,16,.55) !important; cursor:pointer; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i b .mp-tag{ font-size:10px !important; text-transform:none !important; letter-spacing:0 !important; font-weight:400 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i .mp-rec-ic{ width:30px !important; height:30px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i .mp-rec-ic svg{ width:30px !important; height:30px !important; stroke-width:2.6; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i.is-on .mp-rec-ic{ color:#1a1410 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i .mp-rec-ic{ width:24px !important; height:24px !important; margin-right:10px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i .mp-rec-ic svg{ width:24px !important; height:24px !important; stroke-width:2.2; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i .mp-rec-ic svg{ stroke-width:1.3 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-m-desk .mp-leg.is-say{ display:block !important; margin-top:8px; }
/* a model price the desk does not fill: grey, and the row is not a pick */
:root:root:root:root:root:root:root:root:root:root body .mp-br .p.nf b{ color:rgba(26,20,16,.45) !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-br.is-os{ cursor:default; }

/* trades tape: right panel beside the chart, house palette. green/red only tint direction */
:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape{ grid-template-columns:minmax(0,1fr) 270px; }
:root:root:root:root:root:root:root:root:root:root body .mp-lt{ grid-column:2; grid-row:1; z-index:3; display:flex; align-items:flex-end; padding:0 8px; background:#f7efe4; border-left:1px solid rgba(26,20,16,.12); border-bottom:1px solid #e6be9c; }
:root:root:root:root:root:root:root:root:root:root body .mp-lt button{ appearance:none; background:none; border:0; border-bottom:2px solid transparent; padding:0 10px 10px; font-weight:500; font-size:10px !important; line-height:1; font-family:"Geist Mono",ui-monospace,Menlo,monospace !important; letter-spacing:.6px; text-transform:uppercase; color:rgba(26,20,16,.5); cursor:pointer; border-radius:0; }
:root:root:root:root:root:root:root:root:root:root body .mp-lt button.is-on{ color:#1a1410; border-bottom-color:#fe6102; }
:root:root:root:root:root:root:root:root:root:root body .mp-tp{ grid-column:2; grid-row:2; z-index:2; display:none; flex-direction:column; min-height:0; overflow:hidden; background:#fffaf3; border-left:1px solid rgba(26,20,16,.12); }
:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape .mp-tp{ display:flex; }
:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape .mp-lh,:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape .mp-lw{ visibility:hidden; }
:root:root:root:root:root:root:root:root:root:root body .mp-ch:not(.is-tape) .mp-lh{ grid-row:2; align-self:start; z-index:2; height:26px; box-sizing:border-box; padding-top:0 !important; padding-bottom:8px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-ch:not(.is-tape) .mp-lw{ padding-top:26px; box-sizing:border-box; }
:root:root:root:root:root:root:root:root:root:root body .mp-tf{ display:flex; flex-wrap:wrap; gap:4px; padding:8px; border-bottom:1px solid rgba(26,20,16,.08); }
:root:root:root:root:root:root:root:root:root:root body .mp-tf button, .mp-tf select{ appearance:none; background:transparent; border:1px solid rgba(26,20,16,.22); border-radius:0; padding:4px 6px; font-weight:500; font-size:10px !important; line-height:1; font-family:"Geist Mono",ui-monospace,Menlo,monospace !important; color:rgba(26,20,16,.65); cursor:pointer; text-transform:none; letter-spacing:0; }
:root:root:root:root:root:root:root:root:root:root body .mp-tf button.is-on{ background:#1a1410; color:#fffaf3; border-color:#1a1410; }
:root:root:root:root:root:root:root:root:root:root body .mp-tth, .mp-tr{ display:grid; grid-template-columns:34px minmax(0,1fr) 34px 58px; gap:0 6px; align-items:center; padding:0 8px 0 6px; }
:root:root:root:root:root:root:root:root:root:root body .mp-tth{ height:24px; font-weight:500; font-size:9px !important; line-height:1; font-family:"Geist Mono",ui-monospace,Menlo,monospace !important; letter-spacing:.5px; text-transform:uppercase; color:rgba(26,20,16,.45); border-bottom:1px solid rgba(26,20,16,.08); }
:root:root:root:root:root:root:root:root:root:root body .mp-tth span:nth-child(n+3), .mp-tr .z, .mp-tr .p{ text-align:right; }
:root:root:root:root:root:root:root:root:root:root body .mp-tb{ flex:1; min-height:0; overflow-y:auto; }
:root:root:root:root:root:root:root:root:root:root body .mp-tr{ height:26px; font-weight:400; font-size:11px !important; line-height:1; font-family:"Geist Mono",ui-monospace,Menlo,monospace !important; color:#1a1410; border-bottom:1px solid rgba(26,20,16,.05); border-left:2px solid transparent; font-variant-numeric:tabular-nums; }
:root:root:root:root:root:root:root:root:root:root body .mp-tr span{ font-size:inherit !important; font-family:inherit !important; font-weight:inherit; color:inherit; }
:root:root:root:root:root:root:root:root:root:root body .mp-tr .t{ color:rgba(26,20,16,.45); }
:root:root:root:root:root:root:root:root:root:root body .mp-tr .c{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
:root:root:root:root:root:root:root:root:root:root body .mp-tr .c b{ font-weight:600; }
:root:root:root:root:root:root:root:root:root:root body .mp-tr .c s{ text-decoration:none; font-size:8px !important; margin-right:5px; vertical-align:1px; }
:root:root:root:root:root:root:root:root:root:root body .mp-tr .c u{ text-decoration:none; font-size:9px !important; padding:1px 3px; margin-left:5px; background:rgba(26,20,16,.08); }
:root:root:root:root:root:root:root:root:root:root body .mp-tr.bu{ border-left-color:rgb(47,125,79); } .mp-tr.bu .c s{ color:rgb(47,125,79); }
:root:root:root:root:root:root:root:root:root:root body .mp-tr.be{ border-left-color:rgb(184,65,47); } .mp-tr.be .c s{ color:rgb(184,65,47); }
:root:root:root:root:root:root:root:root:root:root body .mp-tr.big{ background:rgba(254,97,2,.07); }
:root:root:root:root:root:root:root:root:root:root body .mp-tr .p i{ display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:50%; background:#fe6102; vertical-align:1px; }
:root:root:root:root:root:root:root:root:root:root body .mp-tn{ padding:7px 8px; font-weight:400; font-size:10px !important; line-height:1.35; font-family:Inter,system-ui,sans-serif !important; color:rgba(26,20,16,.5); border-top:1px solid rgba(26,20,16,.08); }
:root:root:root:root:root:root:root:root:root:root body .mp-tr .c b, :root:root:root:root:root:root:root:root:root:root body .mp-tth span{ font-size:inherit !important; font-family:inherit !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-tth span{ font-size:9px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-lt button{ font-size:11px !important; font-family:"Geist Mono",ui-monospace,Menlo,monospace !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-tf button, :root:root:root:root:root:root:root:root:root:root body .mp-tf select{ font-size:11px !important; font-family:"Geist Mono",ui-monospace,Menlo,monospace !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape .mp-hd{ gap:9px; }
:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape{ grid-template-columns:minmax(0,1fr) 280px; }
:root:root:root:root:root:root:root:root:root:root body .mp-tth, :root:root:root:root:root:root:root:root:root:root body .mp-tr{ grid-template-columns:32px minmax(0,1fr) 34px 54px; gap:0 4px; }
:root:root:root:root:root:root:root:root:root:root body .mp-tr .c u{ margin-left:3px; padding:1px 2px; background:rgba(254,97,2,.14); color:#1a1410; }
:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape .mp-hd-r .mp-seg button{ padding-left:8px !important; padding-right:8px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape .mp-hd{ gap:7px; padding:0 8px; }
:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape .mp-st > span:nth-child(4){ display:none; }
:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape .mp-hd-r .mp-seg button{ padding-left:6px !important; padding-right:6px !important; }
/* account tabs */
:root:root:root:root:root:root:root:root:root:root body .mp-at{ display:flex; gap:0; padding:0 12px; border-bottom:1px solid rgba(26,20,16,.12); flex:none; overflow-x:auto; }
:root:root:root:root:root:root:root:root:root:root body .mp-at button{ appearance:none; background:none !important; border:0 !important; border-bottom:2px solid transparent !important; border-radius:0 !important; padding:9px 12px 8px !important; font:500 11px/1 "Geist Mono",ui-monospace,monospace !important; letter-spacing:.55px; text-transform:uppercase; color:rgba(26,20,16,.55) !important; cursor:pointer; white-space:nowrap; }
:root:root:root:root:root:root:root:root:root:root body .mp-at button.is-on{ color:#1a1410 !important; border-bottom-color:#fe6102 !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-at button:focus-visible{ outline:2px solid #fe6102; outline-offset:-2px; }
:root:root:root:root:root:root:root:root:root:root body .mp-axb[hidden], :root:root:root:root:root:root:root:root:root:root body .mp-pn .mp-th[hidden], :root:root:root:root:root:root:root:root:root:root body .mp-paper[hidden]{ display:none !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-xr{ display:grid; grid-template-columns:repeat(var(--n),minmax(0,1fr)); gap:8px; padding:9px 12px; border-bottom:1px solid rgba(26,20,16,.08); }
:root:root:root:root:root:root:root:root:root:root body .mp-xr span{ font:400 12px/1.3 "Geist Mono",ui-monospace,monospace !important; color:#1a1410; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:root:root:root:root:root:root:root:root:root:root body .mp-xr.mp-xh span{ font-size:10px !important; letter-spacing:.55px; text-transform:uppercase; color:rgba(26,20,16,.55); }
:root:root:root:root:root:root:root:root:root:root body .mp-xr span.g{ color:rgb(47,125,79); }
:root:root:root:root:root:root:root:root:root:root body .mp-xr span.r{ color:rgb(184,65,47); }
:root:root:root:root:root:root:root:root:root:root body .mp-xn{ padding:9px 12px; font:400 11px/1.4 "Geist Mono",ui-monospace,monospace !important; color:rgba(26,20,16,.55); }
/* an empty tab (no rows, nothing to connect) says its one sentence in the middle of the panel */
:root:root:root:root:root:root:root:root:root:root body .mp-pn .mp-pnote,
:root:root:root:root:root:root:root:root:root:root body .mp-xn.mp-xn-e{ text-align:center; padding:28px 12px; border-bottom:0; }
:root:root:root:root:root:root:root:root:root:root body .mp-axb{ flex:1 1 auto; min-height:0; overflow:auto; }
:root:root:root:root:root:root:root:root:root:root body .mp-xr span{ text-align:left !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-ch,:root:root:root:root:root:root:root:root:root:root body .mp-ch.is-tape{ grid-template-columns:minmax(0,1fr) 280px; }
:root:root:root:root:root:root:root:root:root:root body .mp-ch .mp-hd{ gap:7px; padding:0 8px; }
:root:root:root:root:root:root:root:root:root:root body .mp-ch .mp-st > span:nth-child(4){ display:none; }
:root:root:root:root:root:root:root:root:root:root body .mp-ch .mp-hd-r .mp-seg button{ padding-left:6px !important; padding-right:6px !important; }
:root:root:root:root:root:root:root:root:root:root body .mp.mp-lonly [data-seg="leg"] button[data-v^="sell"], :root:root:root:root:root:root:root:root:root:root body .mp.mp-lonly [data-seg="side"] button[data-v="sell"]{ display:none !important; }

/* the card's second line: the multiples truncate before they run into the right-hand note */
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i > span{ overflow:hidden; text-overflow:ellipsis; }
:root:root:root:root:root:root:root:root:root:root body .mp-rec-i > u{ white-space:nowrap; }
:root:root:root:root:root:root:root:root:root:root body .mp-chips button{ white-space:nowrap; }      /* a chip keeps its label on one line; the row wraps instead */
/* the Rewards tab's head: the mark, the token, the count */
:root:root:root:root:root:root:root:root:root:root body .mp-rw{ display:flex; align-items:center; gap:10px; padding:12px 12px 10px; border-bottom:1px solid rgba(26,20,16,.14); }
:root:root:root:root:root:root:root:root:root:root body .mp-rw img{ width:22px; height:22px; border-radius:50%; }
:root:root:root:root:root:root:root:root:root:root body .mp-rw b{ font:600 12px/1 Inter,system-ui,sans-serif; letter-spacing:.3px; color:#1a1410; }
:root:root:root:root:root:root:root:root:root:root body .mp-rw em{ font:600 18px/1 "JetBrains Mono",ui-monospace,monospace; font-style:normal; font-variant-numeric:tabular-nums; color:#1a1410; margin-left:6px; }
:root:root:root:root:root:root:root:root:root:root body .mp-rw span{ font:400 11px/1 Inter,system-ui,sans-serif; color:rgba(26,20,16,.55); }
/* the one thing that pops up on a fill: the share card */
/* the post-trade card wears the Tape's overlay (tradecard.js .tc-*): links in its bar look like its buttons */
.mp-share .tc-bar[hidden], .mp-share .tc-img[hidden], .mp-share .mp-share-line[hidden]{ display:none; }
.mp-share a.tc-dl, .mp-share a.tc-x{ text-decoration:none; display:inline-flex; align-items:center; }
.mp-share-line{ margin:0; padding:18px 20px; background:#fffaf3; border-radius:10px; font:400 14px/1.5 Inter,system-ui,sans-serif; color:#1a1410; }
.mp-share-off{ margin-left:auto; font:400 11px/1 Inter,system-ui,sans-serif; color:var(--ink3); background:none; border:0; cursor:pointer; text-decoration:underline; text-underline-offset:2px; }
.mp-rv-spin{ display:inline-block; width:11px; height:11px; margin:0 7px -1px 0; border:2px solid rgba(26,20,16,.18); border-top-color:#fe6102; border-radius:50%; animation:mp-spin .8s linear infinite; }
@keyframes mp-spin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){ .mp-rv-spin{ animation:mp-pulse 1.2s ease-in-out infinite; } }
.mp-rv-tx{ color:#fe6102; text-decoration:underline; text-underline-offset:2px; }

/* Simple (Carlos 2026-10-21): the terminal without the chart and the strike ladder. The top bar keeps the market picker and the
   price; the ticket sits centred with the four options at the desk's own pick, the dates and the size; the review card takes
   its place; the positions panel sits under it. No strike row, no book cells, no Pro view toggle: the header switch does that. */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  :root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].mm-pro-on:not(.mp-pos-on) #mm-pro.mp-simple{ grid-template-columns:minmax(0,1fr) !important; grid-template-rows:auto auto minmax(0,1fr) !important; justify-items:center; align-content:start; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-ch{ grid-column:1 !important; grid-row:1 !important; width:100%; max-width:var(--mp-sw,640px); min-height:0 !important; grid-template-columns:minmax(0,1fr) !important; grid-template-rows:var(--mp-bar,48px) !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-ch > :not(.mp-hd):not(.mp-asm){ display:none !important; }      /* the token list lives in this frame and must still open */
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-tk, :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple.mp-rv-on > .mp-rv{ grid-column:1 !important; grid-row:2 !important; width:100%; max-width:var(--mp-sw,640px); }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-pn{ grid-column:1 !important; grid-row:3 !important; width:100%; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple:not(.mp-lonly) .mp-cust, :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-two, :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-kv, :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-dk, :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-stk, :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-pro-t{ display:none !important; }
}

:root:root:root:root:root:root:root:root:root:root body .mp-lnote{ font:400 12px/1.4 Inter,system-ui,sans-serif; color:#8a3a00; background:rgba(254,97,2,.08); border:1px solid rgba(254,97,2,.35); padding:7px 9px; }

/* the chart, the ladder and their bars fade in while the boxes glide into the Pro layout */
#mm-pro.mp-flip:not(.mp-simple) .mp-cw, #mm-pro.mp-flip:not(.mp-simple) .mp-lw, #mm-pro.mp-flip:not(.mp-simple) .mp-lh, #mm-pro.mp-flip:not(.mp-simple) .mp-lf{ animation:mp-flipin .45s ease both; }
@keyframes mp-flipin{ from{ opacity:0; } to{ opacity:1; } }
@media (prefers-reduced-motion:reduce){ #mm-pro.mp-flip *{ animation:none !important; } }

/* Simple (Carlos + Codex 2026-10-21): the top bar keeps the market, its price and the day's change; the positions sit under
   the ticket at its width as two-line rows, the details open on tap; three tabs. Pro is unchanged. */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-st, :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-hd-r{ display:none !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-pn{ max-width:var(--mp-sw,640px) !important; min-height:120px !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-at [data-v="set"], :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-at [data-v="bal"]{ display:none !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-th{ display:none !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow{ height:auto !important; grid-template-columns:minmax(0,1fr) auto !important; grid-template-areas:"n pl" "sz st" !important; gap:4px 12px !important; padding:10px 14px !important; cursor:pointer; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow > *{ display:none !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow > .n{ display:block !important; grid-area:n; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow > [data-f="pl"]{ display:block !important; grid-area:pl; text-align:right; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow > [data-f="pl"]::before{ content:"P&L, indicative "; font:400 10px/1 Inter,system-ui,sans-serif; color:rgba(26,20,16,.5); letter-spacing:.3px; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow > [data-f="sz"]{ display:block !important; grid-area:sz; color:rgba(26,20,16,.6) !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow > [data-f="st"]{ display:block !important; grid-area:st; text-align:right; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow.is-x{ grid-template-areas:"n pl" "sz st" "en mk" "be mw" "ml ." !important; background:rgba(26,20,16,.03); }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow.is-x > [data-f="en"]{ display:block !important; grid-area:en; color:rgba(26,20,16,.75) !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow.is-x > [data-f="en"]::before{ content:"Entry "; font:400 10px/1 Inter,system-ui,sans-serif; color:rgba(26,20,16,.5); }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow.is-x > [data-f="mk"]{ display:block !important; grid-area:mk; color:rgba(26,20,16,.75) !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow.is-x > [data-f="mk"]::before{ content:"Mark "; font:400 10px/1 Inter,system-ui,sans-serif; color:rgba(26,20,16,.5); }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow.is-x > [data-f="be"]{ display:block !important; grid-area:be; color:rgba(26,20,16,.75) !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow.is-x > [data-f="be"]::before{ content:"Breakeven "; font:400 10px/1 Inter,system-ui,sans-serif; color:rgba(26,20,16,.5); }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow.is-x > [data-f="mw"]{ display:block !important; grid-area:mw; color:rgba(26,20,16,.75) !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow.is-x > [data-f="mw"]::before{ content:"Max gain "; font:400 10px/1 Inter,system-ui,sans-serif; color:rgba(26,20,16,.5); }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow.is-x > [data-f="ml"]{ display:block !important; grid-area:ml; color:rgba(26,20,16,.75) !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow.is-x > [data-f="ml"]::before{ content:"Lose up to "; font:400 10px/1 Inter,system-ui,sans-serif; color:rgba(26,20,16,.5); }
}
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */

  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-tk, :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-tk-in{ overflow:visible !important; flex:none !important; height:auto !important; max-height:none !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple[data-atab="his"] .mp-xr{ --n:4 !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple[data-atab="his"] .mp-xr > :nth-child(3), :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple[data-atab="his"] .mp-xr > :nth-child(6){ display:none !important; }
}
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */
 :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-tk, :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple.mp-rv-on > .mp-rv{ align-self:start !important; } }
/* Simple's main box is ONE size (Carlos 2026-10-21): the ticket and the review share it, rvFit sets --mp-mainh to the taller of
   the two and never lowers it, nothing scrolls inside either, the Take and Confirm buttons sit at its foot */
:root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-tk, :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple.mp-rv-on > .mp-rv{ min-height:var(--mp-mainh,0px) !important; height:auto !important; max-height:none !important; overflow:visible !important; }
:root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-rv-bd{ overflow:visible !important; flex:none !important; }
:root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-rv-in{ flex:1 1 auto !important; }
:root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-rv-ft{ margin-top:auto !important; }
:root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-tk-in{ flex:1 1 auto !important; }
:root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-tk-in > .mp-btns{ margin-top:auto !important; }
/* a window too short for the box and the table: the page scrolls as a whole, never the box (Codex, 1280x600) */
html.mp-lock:root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].mm-pro-on:not(.mp-pos-on) #mm-pro.mp-simple{ overflow-y:auto !important; }
:root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-ch{ min-height:var(--mp-bar,56px) !important; }      /* the market bar never shrinks under its own row: on a short window it collapsed and spilled over the review header */
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */
 :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow.is-settled > [data-f="pl"]::before{ content:"Realised P&L "; } }
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */
 :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-ch{ position:relative; overflow:visible !important; } :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-ch > .mp-asm[hidden]{ display:none !important; } }
@media all{      /* every width: phones get Simple (Carlos 2026-10-22) */
 :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-ch > .mp-asm{ bottom:auto !important; height:auto !important; max-height:min(70vh,560px) !important; width:100% !important; box-sizing:border-box; z-index:60 !important; box-shadow:0 18px 40px rgba(26,20,16,.18); } :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-ch{ z-index:40 !important; } }
:root:root:root:root:root:root:root:root:root:root body .mp-else-b{ appearance:none; background:none; border:0; border-bottom:1px solid #fe6102; padding:0 1px; margin:0 3px; font:inherit; color:#fe6102; cursor:pointer; }
:root:root:root:root:root:root:root:root:root:root body .mp-pnote-s{ padding:10px 14px !important; font-size:11.5px !important; color:rgba(26,20,16,.55) !important; }

/* copy trims (Carlos 2026-10-21) */
:root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-rec-h:not(.mp-whn), :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple [data-r="spot"], :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-tk-hd em[data-r="sum"], :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-rv-st, :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-rv-key{ display:none !important; }
:root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow > [data-f="pl"]::before{ content:"P&L " !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-pro-t{ display:none !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-two.is-one{ grid-template-columns:1fr !important; }
:root:root:root:root:root:root:root:root:root:root body .mp-two .mp-bx[hidden]{ display:none !important; }
html.mp-lock:root:root:root:root:root:root:root:root:root body .mp-br .p b, html.mp-lock:root:root:root:root:root:root:root:root:root body .mp-lh > span:nth-child(4){ display:none !important; }
:root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-prow.is-settled > [data-f="pl"]::before{ content:"Realised P&L " !important; }

/* Simple on a phone (Carlos 2026-10-22): one column the width of the screen, the dates on one swipeable row, the token list
   without its keyboard hints, the share card full width. Pro never shows below 900px (trade-mode.js). */
@media (max-width:899px){
  :root:root:root:root:root:root:root:root:root:root body .view[data-view="match"].mm-pro-on:not(.mp-pos-on) #mm-pro.mp-simple{ padding:8px !important; gap:8px !important; --mp-sw:100%; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-exs{ flex-wrap:nowrap !important; overflow-x:auto !important; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-exs::-webkit-scrollbar{ display:none; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple .mp-exs > *{ flex:none !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro .mp-aft{ display:none !important; }
  :root:root:root:root:root:root:root:root:root:root body #mm-pro.mp-simple > .mp-ch > .mp-asm{ max-height:70vh !important; }
  .tc-ov .tc-box{ width:100% !important; }
}