/* Trade v2.4 stock event screen (match-pro-stock.js). Scoped under #mm-pro so it outranks the Pro terminal rules.
   Radius 0 everywhere except marks and dots. Numbers in Geist Mono. Orange marks the event and the picked view only.
   Fonts need !important: instrument.css sets a global !important font rule. */
#mm-pro.mp-isstk > .mp-ch, #mm-pro.mp-isstk > .mp-tk, #mm-pro.mp-isstk > .mp-pn{ display:none !important; }
#mm-pro .mps[hidden]{ display:none !important; }
#mm-pro .mps{
  --o:#FE6102; --k:#1a1410; --c:#fdfbf7; --bg:#f8f4ee; --sf:#efe9df; --mu:rgba(26,20,16,.56); --ln:rgba(26,20,16,.14); --ow:rgba(254,97,2,.07); --g:#1d7a46;
  --mono:'Geist Mono',ui-monospace,Menlo,monospace;
  grid-column:1 / -1; grid-row:1 / -1; position:relative; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:16px 16px 24px;
  background:var(--bg); color:var(--k); font-family:'Inter','Geist',system-ui,sans-serif !important; }
#mm-pro .mps *{ box-sizing:border-box; border-radius:0 !important; }
#mm-pro .mps .mk-w, #mm-pro .mps .mk-w *, #mm-pro .mps-cv circle{ border-radius:50% !important; }
#mm-pro .mps-card{ position:relative; max-width:1376px; margin:0 auto; border:1px solid var(--k); background:var(--c); }
#mm-pro .mps-nt{ max-width:1376px; margin:12px auto 0; font:400 10.5px var(--mono) !important; color:var(--mu); }
#mm-pro .mps-h{ margin:0 0 8px; font:500 10px/1 var(--mono) !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:var(--mu); }
#mm-pro .mps-none{ margin:14px 0; font-size:12.5px !important; color:var(--mu); }
/* source tag: green check + domain, links to the page the number came from */
#mm-pro .mps-ok{ margin-left:6px; font:500 10px var(--mono) !important; letter-spacing:0 !important; text-transform:none !important; color:var(--g) !important; text-decoration:none !important; border:0 !important; background:none !important; white-space:nowrap; vertical-align:middle; }
#mm-pro .mps-ok::before{ content:"✓ "; }
#mm-pro .mps-ok:hover{ text-decoration:underline; }

/* top row: cells split by vertical rules */
#mm-pro .mps-top{ display:flex; align-items:stretch; border-bottom:1px solid var(--ln); }
#mm-pro .mps-c{ display:flex; align-items:center; padding:14px 16px; border-left:1px solid var(--ln); }
#mm-pro .mps-c:first-child{ border-left:0; }
#mm-pro .mps-mk{ position:relative; gap:10px; padding-right:18px; }
#mm-pro .mps .mps-asb{ height:40px !important; padding:0 4px 0 0 !important; gap:10px !important; font:700 26px 'Inter',sans-serif !important; letter-spacing:-.01em !important; border:0 !important; background:transparent !important; color:var(--k) !important; }
#mm-pro .mps .mps-asb .mk-w, #mm-pro .mps .mps-asb .mk-w svg{ width:30px !important; height:30px !important; border-radius:50%; }
#mm-pro .mps .mps-asb .nm{ font:700 26px 'Inter',sans-serif !important; letter-spacing:-.01em !important; color:var(--k) !important; }
#mm-pro .mps .mps-asb .cv{ width:6px !important; height:6px !important; opacity:.5; }
#mm-pro .mps-spot{ margin-left:8px; font:500 21px var(--mono) !important; }
#mm-pro .mps-mk .mps-ok{ margin-left:0; }
#mm-pro .mps-top .mp-asm{ top:100% !important; left:0 !important; width:520px !important; max-height:560px !important; border-top:1px solid var(--k) !important; z-index:30; }
/* hero: no box, no divider. A light runs clockwise round the date card (Carlos, 24 Oct). */
#mm-pro .mps-hero{ position:relative; gap:22px; padding:6px 22px; border-top:0; border-right:0; border-bottom:0; background:transparent; color:var(--k); cursor:pointer; text-align:left; font:inherit !important; }
#mm-pro .mps-hero:focus{ outline:0; }
#mm-pro .evc{ --glow-a:.10; --glow-b:.22; --base:rgba(254,97,2,.16); --run:3s; position:relative; display:flex; align-items:center; gap:16px; padding:8px 18px 8px 14px; box-shadow:0 0 14px rgba(254,97,2,var(--glow-a)),0 0 2px rgba(254,97,2,var(--glow-b)); transition:box-shadow .25s ease, background-color .25s ease; }
html[data-mode="dark"] #mm-pro .evc{ --glow-a:.16; --glow-b:.30; }
#mm-pro .mps-hero:hover .evc, #mm-pro .mps-hero:focus-visible .evc{ --glow-a:.22; --glow-b:.40; background:rgba(254,97,2,.04); }
#mm-pro .evc .trace{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
#mm-pro .evc .trace rect{ fill:none; stroke-width:1.5px; shape-rendering:geometricPrecision; }
#mm-pro .evc .trace .base{ stroke:var(--base); stroke-width:1px; }
#mm-pro .evc .trace .run{ stroke:#FE6102; animation:evcRun var(--run) linear infinite; }
#mm-pro .evc .trace .tail{ opacity:.2; }
#mm-pro .evc .trace .head{ stroke-dasharray:0 25 3 72; stroke-width:2px; opacity:1; }
#mm-pro .evc .trace .halo{ stroke:#FE6102; stroke-width:6px; stroke-dasharray:0 21 7 72; opacity:.22; filter:blur(3px); animation:evcRun var(--run) linear infinite; }
@keyframes evcRun{ from{ stroke-dashoffset:0 } to{ stroke-dashoffset:-100 } }
@media (prefers-reduced-motion: reduce){
  #mm-pro .evc .trace .run, #mm-pro .evc .trace .halo{ animation:none; display:none; }
  #mm-pro .evc .trace .base{ stroke:rgba(254,97,2,.55); }
  #mm-pro .evc{ --glow-a:.18; --glow-b:.30; }
}
#mm-pro .evc .dd{ display:block; }
#mm-pro .evc .num{ position:relative; display:block; padding:2px 6px; }
#mm-pro .evc .cn{ position:absolute; width:9px; height:9px; border:0 solid var(--o); }
#mm-pro .evc .cn.tl{ top:0; left:0; border-top-width:2px; border-left-width:2px; }
#mm-pro .evc .cn.br{ bottom:0; right:0; border-bottom-width:2px; border-right-width:2px; }
#mm-pro .mps .dd{ font:700 64px/.9 var(--mono) !important; letter-spacing:-.06em !important; color:var(--o); }
#mm-pro .mps .dw{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; font:500 11px/1.4 var(--mono) !important; letter-spacing:.16em !important; }
#mm-pro .mps .dw .in{ margin-top:3px; padding:3px 6px; background:var(--k); color:var(--c); font:500 10px/1 var(--mono) !important; letter-spacing:.14em !important; text-transform:uppercase !important; white-space:nowrap; }
#mm-pro .mps .ev{ font-size:14px !important; line-height:1.3 !important; color:var(--mu); white-space:nowrap; border:0; background:none; }
#mm-pro .mps .ev b{ color:var(--k); font-size:15px !important; font-weight:500 !important; }
#mm-pro .mps-kv{ flex:1; flex-direction:column; align-items:flex-start; justify-content:center; gap:10px; }
#mm-pro .mps-kv i{ font:500 10px/1 var(--mono) !important; font-style:normal !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:var(--mu); }
#mm-pro .mps-kv b{ font:600 17px/1.1 var(--mono) !important; white-space:nowrap; }
#mm-pro .mps-kv small{ margin-left:10px; font:400 10.5px var(--mono) !important; color:var(--mu); }
#mm-pro .mps-kv .mps-ok + small{ margin-left:6px; }

/* expiry row: date and its note inline */
#mm-pro .mps-exr{ padding:12px 16px; border-bottom:1px solid var(--ln); }
#mm-pro .mps-xg{ display:flex; box-sizing:border-box; width:100%; height:36px; border:1px solid var(--k); overflow-x:auto; overflow-y:hidden; scrollbar-width:none; }
#mm-pro .mps-xg::-webkit-scrollbar{ display:none; }
#mm-pro .mps-xs{ flex:1 1 0; min-width:112px; display:flex; align-items:center; justify-content:center; gap:7px; height:100%; margin:0; padding:0 12px; border:0; border-left:1px solid var(--k); background:transparent; color:var(--k); font:500 13px Inter,system-ui,sans-serif !important; letter-spacing:0 !important; white-space:nowrap; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; transition:background .1s, color .1s; }
#mm-pro .mps-xs:first-child{ border-left:0; }
#mm-pro .mps-xg.is-scroll .mps-xs{ flex:0 0 auto; }
#mm-pro .mps-xs .xd{ flex:none; width:6px; height:6px; background:#FE6102; border-radius:50% !important; }
#mm-pro .mps-xs.is-off{ color:#8a8178; }
#mm-pro .mps-xs:hover:not(.is-selected):not(:disabled){ background:rgba(26,20,16,.06); }
#mm-pro .mps-xs:focus-visible{ outline:2px solid #FE6102; outline-offset:-2px; }
#mm-pro .mps-xs.is-selected{ background:var(--k); color:#faf6ef; }
#mm-pro .mps-xs:disabled{ cursor:default; opacity:.5; }
#mm-pro .mps-xs:disabled:hover{ background:transparent; }

/* views: three cards picked like radios */
#mm-pro .mps-vw{ border-bottom:1px solid var(--ln); }
#mm-pro .mps-vh{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0; padding:14px 16px; border-bottom:1px solid var(--ln); }
#mm-pro .mps-vh b{ font:700 12px var(--mono) !important; letter-spacing:.2em !important; text-transform:uppercase !important; }
#mm-pro .mps-vh span{ font:400 11px var(--mono) !important; color:var(--mu); }
#mm-pro .mps-vs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
#mm-pro .mps-vc{ position:relative; display:flex; flex-direction:column; align-items:stretch; gap:6px; padding:22px 22px 18px; border:0; border-left:1px solid var(--ln); background:transparent; color:var(--k); text-align:left; cursor:pointer; font:inherit !important; }
#mm-pro .mps-vc:first-child{ border-left:0; }
#mm-pro .mps-vc:hover{ background:rgba(26,20,16,.025); }
#mm-pro .mps-vc:focus-visible{ outline:2px solid var(--o); outline-offset:-2px; }
#mm-pro .mps-vc .cn{ display:none; position:absolute; width:12px; height:12px; border:0 solid var(--o); }
#mm-pro .mps-vc .cn.tl{ top:6px; left:6px; border-top-width:2px; border-left-width:2px; }
#mm-pro .mps-vc .cn.br{ bottom:6px; right:6px; border-bottom-width:2px; border-right-width:2px; }
#mm-pro .mps-vc .t{ display:flex; align-items:center; gap:10px; margin-bottom:10px; font:500 11px/1 var(--mono) !important; letter-spacing:.16em !important; text-transform:uppercase !important; color:var(--mu); }
#mm-pro .mps-vc .t svg{ width:15px; height:15px; fill:none; stroke:var(--k); stroke-width:1.4; stroke-linecap:round; }
#mm-pro .mps-vc .t svg .o{ stroke:var(--o); }
#mm-pro .mps-vc .rd{ margin-left:auto; width:15px; height:15px; border:1.2px solid var(--mu); border-radius:50% !important; }
#mm-pro .mps-vc > b{ font:600 26px/1.15 'Inter',sans-serif !important; letter-spacing:-.02em !important; }
#mm-pro .mps-vc .s{ font:400 15px/1.3 'Inter',sans-serif !important; color:var(--mu); }
#mm-pro .mps-vc .s .gt{ display:block; margin-bottom:2px; font:600 17px/1.2 'Inter',sans-serif !important; color:var(--k); }
#mm-pro .mps-vc .w{ font:400 11px/1.3 var(--mono) !important; color:var(--mu); }
#mm-pro .mps-vc .xp{ display:flex; flex-direction:column; gap:3px; margin-top:6px; font:400 12px/1.35 'Inter',sans-serif !important; color:var(--mu); }
#mm-pro .mps-vc .xp i{ font-style:normal !important; }
#mm-pro .mps-vc .f{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:16px; }
#mm-pro .mps-vc .f .mps-ok{ margin-left:0; }
#mm-pro .mps-vc em{ padding:6px 10px; border:1px solid var(--ln); font:400 12px var(--mono) !important; font-style:normal !important; white-space:nowrap; }
#mm-pro .mps-vc.is-on{ outline:1.5px solid var(--o); outline-offset:-1.5px; background:#fdf3ea; }
#mm-pro .mps-vc.is-on .cn{ display:block; }
#mm-pro .mps-vc.is-on .t{ color:var(--k); }
#mm-pro .mps-vc.is-on .rd{ border-color:var(--o); background:radial-gradient(circle,var(--o) 0 3.5px,transparent 4px); }
#mm-pro .mps-vc.is-on em{ border-color:var(--o); }

/* chart: daily closes, news pins, the priced move band to expiry */
#mm-pro .mps-chw{ padding:12px 16px 0 28px; }
#mm-pro .mps-cap{ margin:0; font:500 10px var(--mono) !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--mu); }
#mm-pro .mps-cap .mps-ok{ margin-left:4px; margin-right:6px; }
#mm-pro .mps-cv{ height:300px; min-width:0; }
#mm-pro .mps-cv svg{ display:block; overflow:visible; }
#mm-pro .mps-cv .gr{ stroke:var(--ln); stroke-width:1; }
#mm-pro .mps-cv .ax{ font:400 10px var(--mono) !important; fill:var(--mu); }
#mm-pro .mps-cv .fz{ fill:rgba(26,20,16,.035); }
#mm-pro .mps-cv .bd{ fill:rgba(254,97,2,.08); }
#mm-pro .mps-cv .bl{ stroke:var(--o); stroke-width:1.2; stroke-dasharray:6 4; }
#mm-pro .mps-cv .bt{ fill:var(--o); }
#mm-pro .mps-cv .btx{ font:600 10.5px var(--mono) !important; fill:#fff; }
#mm-pro .mps-cv .ze{ stroke:var(--k); stroke-width:1; stroke-dasharray:2 3; opacity:.6; }
#mm-pro .mps-cv .ek{ stroke:var(--o); stroke-width:1.5; }
#mm-pro .mps-cv .ekb{ fill:var(--o); }
#mm-pro .mps-cv .ekx{ font:600 10px var(--mono) !important; letter-spacing:.1em !important; fill:#fff; }
#mm-pro .mps-cv .ln{ fill:none; stroke:var(--k); stroke-width:1.6; stroke-linejoin:round; }
#mm-pro .mps-cv .lt{ fill:var(--k); }
#mm-pro .mps-cv .pn{ stroke:var(--o); stroke-width:1.2; }
#mm-pro .mps-cv .pd{ fill:var(--o); }
#mm-pro .mps-cv .pcn{ font:600 9px var(--mono) !important; fill:#fff; }
#mm-pro .mps-cv svg *, #mm-pro .evc .trace *{ pointer-events:none; }
#mm-pro .mps-cv .pg, #mm-pro .mps-cv .pg *{ pointer-events:auto; }
#mm-pro .mps-cv .pnx{ font:600 9.5px var(--mono) !important; letter-spacing:.08em !important; fill:var(--o); }
#mm-pro .mps-cv .xl{ font:400 10px var(--mono) !important; letter-spacing:.08em !important; fill:var(--mu); }
#mm-pro .mps-cv .xl.on{ fill:var(--o); font-weight:600 !important; }

/* confirm, disabled until the stock is live on Moneyness */
#mm-pro .mps-go{ padding:16px; border-bottom:1px solid var(--ln); }
#mm-pro .mps-cta{ width:100%; height:46px; border:1px solid var(--ln); background:#ece5da; color:var(--mu); font:500 12px var(--mono) !important; letter-spacing:.16em !important; text-transform:uppercase !important; cursor:not-allowed; }

/* event popover: the event only, anchored under the date */
#mm-pro .mps-pop{ position:absolute; z-index:40; width:min(560px,calc(100% - 24px)); background:var(--c); border:1px solid var(--k); box-shadow:0 12px 32px rgba(26,20,16,.14); }
#mm-pro .mps-pop[hidden]{ display:none; }
#mm-pro .mps-pop::before{ content:""; position:absolute; top:-7px; left:calc(var(--cx,40px) - 6px); width:12px; height:12px; background:var(--c); border-top:1px solid var(--k); border-left:1px solid var(--k); transform:rotate(45deg); }
#mm-pro .mps-ph{ display:flex; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid var(--ln); }
#mm-pro .mps-ph .dd{ font-size:46px !important; }
#mm-pro .mps-ph .tt{ flex:1; margin-left:14px; font-size:14px !important; line-height:1.3 !important; color:var(--mu); }
#mm-pro .mps-ph .tt b{ font-weight:500 !important; font-size:15px !important; color:var(--k); }
#mm-pro .mps-ph .x{ align-self:flex-start; width:28px; height:28px; border:0; background:transparent; color:var(--k); font-size:20px !important; line-height:1 !important; cursor:pointer; }
#mm-pro .mps-ps{ padding:14px 16px 10px; border-bottom:1px solid var(--ln); }
#mm-pro .mps-ps:last-child{ border-bottom:0; }
#mm-pro .mps-mv{ display:flex; align-items:baseline; gap:4px; padding:4px 0; font-size:13px !important; }
#mm-pro .mps-mv i{ flex:1; font-style:normal !important; }
#mm-pro .mps-mv b{ font:600 13px var(--mono) !important; }
#mm-pro .mps-nw{ display:grid; grid-template-columns:52px minmax(0,1fr); gap:8px; padding:4px 0; }
#mm-pro .mps-nw i{ font:400 10.5px/1.7 var(--mono) !important; font-style:normal !important; letter-spacing:.08em !important; color:var(--mu); }
#mm-pro .mps-nw b{ font-weight:400 !important; font-size:13px !important; line-height:1.4 !important; }

@media (max-width:900px){
  #mm-pro .mps-top{ flex-wrap:wrap; }
  #mm-pro .mps-kv{ flex:1 1 30%; border-top:1px solid var(--ln); }
  #mm-pro .mps-vs{ grid-template-columns:1fr; }
  #mm-pro .mps-vc{ border-left:0; border-top:1px solid var(--ln); }
  #mm-pro .mps-vc:first-child{ border-top:0; }
  #mm-pro .mps-vh{ flex-direction:column; gap:6px; }
}

/* picker stock rows: selectable, spot and a solid date tag; the picked row is solid ink */
#mm-pro .mp-astk{ cursor:pointer !important; }
#mm-pro .mp-astk:hover{ background:rgba(26,20,16,.05) !important; }
#mm-pro .mp-astk .mk-w, #mm-pro .mp-astk .nm{ opacity:1 !important; }
#mm-pro .mp-astk .pp{ font:500 11.5px 'Geist Mono',ui-monospace,monospace !important; text-align:right; }
#mm-pro .mp-astk .lg{ text-align:right; }
#mm-pro .mp-astk .sd{ padding:4px 6px !important; border:0 !important; background:#FE6102 !important; color:#fff !important; font-weight:600 !important; }
#mm-pro .mp-astk.is-on, #mm-pro .mp-astk.is-on:hover{ background:#1a1410 !important; color:#fff !important; }
#mm-pro .mp-astk.is-on .nm, #mm-pro .mp-astk.is-on .pp{ color:#fff !important; }
#mm-pro .mp-astk.is-kb:not(.is-on){ background:rgba(26,20,16,.07) !important; }
#mm-pro .mp-ath .mps-rf{ font:500 9px 'Geist Mono',monospace !important; font-style:normal !important; margin-left:3px; color:inherit; }
#mm-pro .mp-ath .mps-rf::before{ content:"["; } #mm-pro .mp-ath .mps-rf::after{ content:"]"; }
/* Stocks tab: Market | Spot | 24h | Legs | Date. No 24h or legs data for stocks yet, so both read "—". */
#mm-pro .mp-asm.is-stk .mp-ath, #mm-pro .mp-asm.is-stk .mp-aso{ grid-template-columns:20px minmax(0,1fr) 80px 44px 40px 64px !important; }
#mm-pro .mp-asm.is-stk .mp-ath span:nth-child(n+3){ text-align:right; }
#mm-pro .mp-astk .pc, #mm-pro .mp-astk .lx{ font:500 11.5px 'Geist Mono',ui-monospace,monospace !important; text-align:right; color:rgba(26,20,16,.35) !important; }
#mm-pro .mp-astk.is-on .pc, #mm-pro .mp-astk.is-on .lx{ color:rgba(255,255,255,.5) !important; }
#mm-pro .mp-asm:not(.is-stk) .mp-astk .lx{ display:none !important; }

/* stock menu: three rows under the ticker, nothing else */
#mm-pro .mps-menu{ position:absolute; top:calc(100% + 6px); left:0; z-index:40; width:300px; padding:6px; background:#fffaf3; border:1px solid var(--k); border-radius:6px; box-shadow:0 12px 28px rgba(26,20,16,.14); }
#mm-pro .mps-menu[hidden]{ display:none; }
#mm-pro .mps-mi{ display:grid; grid-template-columns:24px 1fr auto 56px; align-items:center; gap:12px; width:100%; padding:10px 10px; border:0; border-radius:4px; background:transparent; color:var(--k); font:inherit; text-align:left; cursor:pointer; }
#mm-pro .mps-mi .mk-w, #mm-pro .mps-mi .mk-w svg{ width:24px; height:24px; border-radius:50%; }
#mm-pro .mps-mi b{ font:600 16px 'Inter',sans-serif; letter-spacing:-.01em; }
#mm-pro .mps-mi .px{ font:12px/1 var(--mono); color:var(--mu); }
#mm-pro .mps-mi .dt{ font:11px/1 var(--mono); color:var(--o); text-align:right; text-transform:uppercase; }
#mm-pro .mps-mi:hover, #mm-pro .mps-mi:focus-visible{ background:rgba(254,97,2,.08); outline:0; }
#mm-pro .mps-mi.on{ background:rgba(26,20,16,.06); }