/* RMSP Options Planner - uploaded Vedic planner layout, RMSP blue/cyan palette R2.
   Everything is scoped below .opx-page so global RMSP header/sidebar/navigation stay intact. */
.opx-page{
  --opx-bg:#030a12;
  --opx-bg2:#07111d;
  --opx-panel:rgba(7,21,34,.91);
  --opx-panel2:rgba(10,28,43,.82);
  --opx-line:rgba(41,181,255,.19);
  --opx-line2:rgba(107,64,255,.17);
  --opx-blue:#2f9cff;
  --opx-blue2:#7ed8ff;
  --opx-indigo:#6b40ff;
  --opx-violet:#9e57ff;
  --opx-cyan:#00dff7;
  --opx-cyan2:#29f5ff;
  --opx-green:#00ef9c;
  --opx-mint:#92ffd4;
  --opx-red:#ff4163;
  --opx-text:var(--text);
  --opx-muted:var(--muted);
  --opx-shadow:0 16px 50px rgba(0,0,0,.30);
  --opx-radius:18px;
  position:relative;
  isolation:isolate;
  min-height:100%;
  padding:8px 2px 20px;
  overflow:hidden;
}
.opx-page *{box-sizing:border-box}
.opx-page:before{
  content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;
  background:
    radial-gradient(circle at 12% 4%,rgba(47,156,255,.12),transparent 25%),
    radial-gradient(circle at 87% 2%,rgba(107,64,255,.12),transparent 27%),
    radial-gradient(circle at 50% 88%,rgba(0,223,247,.07),transparent 32%),
    linear-gradient(180deg,rgba(3,10,18,.72),rgba(7,17,29,.42));
}
.opx-page:after{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.21;
  background-image:
    linear-gradient(rgba(126,216,255,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(126,216,255,.032) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.45) 78%,transparent);
  mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.45) 78%,transparent);
}
.opx-particles{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:.65}

.opx-topbar{
  min-height:66px;border:1px solid var(--opx-line);border-radius:20px;
  background:linear-gradient(180deg,rgba(8,25,42,.94),rgba(4,14,25,.92));
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;
  padding:10px 14px 10px 12px;box-shadow:var(--opx-shadow),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(18px);position:relative;z-index:4;overflow:hidden;
}
.opx-topbar:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(0,223,247,.055),rgba(107,64,255,.045),transparent);
  transform:translateX(-100%);animation:opxHeaderSweep 8s ease-in-out infinite;
}
@keyframes opxHeaderSweep{0%,72%{transform:translateX(-100%)}88%,100%{transform:translateX(100%)}}
.opx-brand{display:flex;align-items:center;gap:12px;min-width:275px}
.opx-brandmark{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;position:relative;flex:0 0 auto;
  background:radial-gradient(circle at 50% 38%,rgba(41,245,255,.16),rgba(107,64,255,.06) 64%,transparent 65%);
  border:1px solid rgba(41,181,255,.30);
  box-shadow:inset 0 0 18px rgba(0,223,247,.09),0 0 30px rgba(107,64,255,.10);
}
.opx-brandmark svg{width:31px;height:31px;filter:drop-shadow(0 0 9px rgba(41,245,255,.38));animation:opxMandalaSpin 20s linear infinite}
@keyframes opxMandalaSpin{to{transform:rotate(360deg)}}
.opx-brand h1{font-size:15px;letter-spacing:.12em;margin:0;font-weight:760;text-transform:uppercase}
.opx-brand p{font-size:9px;color:var(--opx-muted);margin:3px 0 0;letter-spacing:.14em;text-transform:uppercase}
.opx-marketstrip{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
.opx-ticker{
  display:flex;align-items:center;gap:7px;min-width:0;padding:8px 10px;
  border:1px solid rgba(126,216,255,.09);border-radius:12px;background:rgba(47,156,255,.025);white-space:nowrap
}
.opx-ticker strong{font-size:11px}.opx-ticker span{font-size:9px;color:var(--opx-muted)}
.opx-ticker .up{color:var(--opx-green)}.opx-ticker .down{color:var(--opx-red)}
.opx-actions{display:flex;gap:8px;align-items:center}
.opx-pill,.opx-primary{
  border:1px solid rgba(126,216,255,.10);color:var(--opx-text);background:rgba(47,156,255,.035);border-radius:12px;
  height:36px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:.2s ease
}
.opx-pill:hover{transform:translateY(-1px);border-color:rgba(0,223,247,.32);background:rgba(0,223,247,.06)}
.opx-primary{
  border-color:rgba(41,181,255,.48);
  background:linear-gradient(180deg,#2f9cff,#5365ff 62%,#6946f4);
  color:#fff;box-shadow:0 0 27px rgba(47,156,255,.16),0 0 22px rgba(107,64,255,.10)
}
.opx-primary:hover{transform:translateY(-1px);filter:brightness(1.08)}
.opx-statusdot{width:7px;height:7px;border-radius:999px;background:var(--opx-cyan);box-shadow:0 0 12px var(--opx-cyan);animation:opxPulseDot 1.7s ease-in-out infinite}
@keyframes opxPulseDot{50%{transform:scale(1.45);opacity:.5}}

.opx-hero{margin-top:12px;display:grid;grid-template-columns:1.35fr .65fr;gap:12px;position:relative;z-index:2}
.opx-panel{
  position:relative;border:1px solid var(--opx-line);border-radius:var(--opx-radius);overflow:hidden;
  background:linear-gradient(180deg,rgba(8,25,42,.91),rgba(4,14,25,.91));
  box-shadow:var(--opx-shadow);backdrop-filter:blur(16px)
}
.opx-panel:after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 -1px rgba(0,0,0,.25)
}
.opx-heroMain{min-height:210px;padding:22px 22px 18px;display:grid;grid-template-columns:1fr 330px;gap:18px}
.opx-eyebrow{display:flex;align-items:center;gap:8px;color:var(--opx-blue2);font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.opx-eyebrow .line{width:26px;height:1px;background:linear-gradient(90deg,var(--opx-cyan),transparent)}
.opx-hero h2{font-size:28px;line-height:1.08;margin:10px 0 8px;letter-spacing:-.035em}
.opx-hero h2 span{
  background:linear-gradient(90deg,#e8fbff,var(--opx-blue2),var(--opx-cyan),var(--opx-violet));
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.opx-hero .sub{max-width:700px;color:var(--soft);font-size:11px;line-height:1.65;margin:0}
.opx-quickrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.opx-quick{
  padding:8px 10px;border-radius:11px;border:1px solid rgba(126,216,255,.075);background:rgba(47,156,255,.025);
  font-size:9px;color:var(--soft);cursor:pointer;transition:.2s
}
.opx-quick.active,.opx-quick:hover{
  border-color:rgba(0,223,247,.42);background:linear-gradient(180deg,rgba(47,156,255,.10),rgba(107,64,255,.08));
  color:#e9fbff;box-shadow:inset 0 0 14px rgba(0,223,247,.035)
}
.opx-vedicOrb{position:relative;display:grid;place-items:center;min-height:168px}
.opx-halo{
  position:absolute;width:170px;height:170px;border-radius:50%;border:1px solid rgba(41,181,255,.22);
  box-shadow:0 0 80px rgba(47,156,255,.10),inset 0 0 45px rgba(107,64,255,.045);
  animation:opxHaloBreath 4s ease-in-out infinite
}
.opx-halo:before,.opx-halo:after{
  content:"";position:absolute;border-radius:50%;inset:13px;border:1px dashed rgba(0,223,247,.22);
  animation:opxSpin 24s linear infinite
}
.opx-halo:after{inset:29px;border-style:solid;border-color:rgba(107,64,255,.18);animation-direction:reverse;animation-duration:17s}
@keyframes opxSpin{to{transform:rotate(360deg)}}
@keyframes opxHaloBreath{50%{transform:scale(1.035);box-shadow:0 0 95px rgba(47,156,255,.15),inset 0 0 50px rgba(107,64,255,.065)}}
.opx-yantra{width:132px;height:132px;filter:drop-shadow(0 0 18px rgba(0,223,247,.23));animation:opxFloatYantra 5s ease-in-out infinite}
@keyframes opxFloatYantra{50%{transform:translateY(-5px) rotate(2deg)}}
.opx-omtag{position:absolute;bottom:0;font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:var(--opx-muted)}
.opx-orbBadge{
  position:absolute;right:5px;top:18px;font-size:8px;color:var(--opx-cyan2);
  border:1px solid rgba(0,223,247,.22);padding:5px 7px;border-radius:9px;background:rgba(0,223,247,.045)
}

.opx-marketCard{padding:16px;min-height:210px}
.opx-sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.opx-sectionTitle h3{font-size:11px;margin:0;letter-spacing:.06em;text-transform:uppercase}
.opx-sectionTitle span{font-size:8px;color:var(--opx-muted)}
.opx-pulseRows{display:grid;gap:8px}
.opx-metric{
  display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:9px;padding:8px 9px;
  border:1px solid rgba(126,216,255,.065);border-radius:11px;background:rgba(47,156,255,.018)
}
.opx-metric .name{font-size:9px;color:var(--soft)}.opx-metric .value{font-size:10px;font-weight:800}
.opx-bar{height:5px;border-radius:20px;background:#0b1a28;overflow:hidden}
.opx-fill{
  height:100%;border-radius:inherit;
  background:linear-gradient(90deg,var(--opx-indigo),var(--opx-blue),var(--opx-cyan));
  box-shadow:0 0 12px rgba(47,156,255,.30);animation:opxBarFlow 3.5s ease-in-out infinite
}
@keyframes opxBarFlow{50%{filter:brightness(1.2)}}

.opx-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:10px;position:relative;z-index:2}
.opx-kpi{padding:12px 13px;border-radius:15px;min-height:82px;position:relative}
.opx-kpi .cap{font-size:8px;color:var(--opx-muted);letter-spacing:.11em;text-transform:uppercase}
.opx-kpi strong{display:block;font-size:17px;margin-top:7px;letter-spacing:-.03em}
.opx-kpi small{font-size:8px;color:var(--opx-muted)}
.opx-kpi .spark{position:absolute;right:11px;bottom:10px;width:56px;height:22px;opacity:.85}
.opx-kpi .glowdot{position:absolute;right:11px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--opx-cyan);box-shadow:0 0 15px var(--opx-cyan)}
.opx-pos{color:var(--opx-green)!important}.opx-neg{color:var(--opx-red)!important}

.opx-mainGrid{display:grid;grid-template-columns:380px 1fr 320px;gap:10px;margin-top:10px;align-items:start;position:relative;z-index:2}
.opx-stack{display:grid;gap:10px}
.opx-cardHead{
  height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;
  border-bottom:1px solid rgba(126,216,255,.065);
  background:linear-gradient(180deg,rgba(47,156,255,.035),transparent)
}
.opx-cardHead h3{font-size:10px;margin:0;letter-spacing:.08em;text-transform:uppercase}
.opx-miniBadge{
  font-size:7px;letter-spacing:.09em;text-transform:uppercase;padding:4px 6px;
  border:1px solid rgba(126,216,255,.09);border-radius:8px;color:var(--opx-muted)
}
.opx-body{padding:12px}
.opx-symbolRow{display:grid;grid-template-columns:1.15fr .85fr;gap:8px}
.opx-page label{display:block;font-size:8px;color:var(--opx-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em}
.opx-page input,.opx-page select{
  width:100%;height:37px;border-radius:10px;border:1px solid rgba(126,216,255,.09);outline:none;
  background:#071522;color:var(--opx-text);padding:0 10px;font-size:10px;transition:.2s
}
.opx-page input:focus,.opx-page select:focus{
  border-color:rgba(0,223,247,.44);box-shadow:0 0 0 3px rgba(47,156,255,.07)
}
.opx-fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.opx-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;background:#06111d;border:1px solid rgba(126,216,255,.055);border-radius:11px}
.opx-seg button{height:27px;border:none;border-radius:8px;background:transparent;color:#668099;font-size:8px;font-weight:800;cursor:pointer}
.opx-seg button.active{
  color:#fff;background:linear-gradient(180deg,#2f9cff,#5b55f2);
  box-shadow:0 5px 15px rgba(47,156,255,.15)
}
.opx-sectionSep{margin:12px 0 10px;border:none;border-top:1px solid rgba(126,216,255,.065)}
.opx-strategyGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.opx-strategy{
  min-height:49px;border-radius:11px;border:1px solid rgba(126,216,255,.065);background:rgba(47,156,255,.016);
  padding:8px;cursor:pointer;transition:.2s
}
.opx-strategy b{font-size:9px;display:block}.opx-strategy small{display:block;color:var(--opx-muted);font-size:7px;margin-top:3px}
.opx-strategy:hover,.opx-strategy.selected{
  border-color:rgba(0,223,247,.34);
  background:linear-gradient(180deg,rgba(47,156,255,.08),rgba(107,64,255,.045));
  transform:translateY(-1px)
}
.opx-strategy.selected{box-shadow:inset 0 0 18px rgba(0,223,247,.045)}
.opx-legs{display:grid;gap:7px}
.opx-leg{
  display:grid;grid-template-columns:38px 54px 1fr 74px 52px 26px;gap:6px;align-items:center;
  border:1px solid rgba(126,216,255,.06);background:#06111d;border-radius:11px;padding:6px
}
.opx-leg .side{font-size:7px;font-weight:900;text-align:center;padding:6px;border-radius:7px}
.opx-buy{color:var(--opx-green);background:rgba(0,239,156,.08)}
.opx-sell{color:var(--opx-red);background:rgba(255,65,99,.08)}
.opx-leg select,.opx-leg input{height:29px;padding:0 7px;font-size:8px;border-radius:7px}
.opx-leg .x{width:26px;height:26px;border:1px solid rgba(126,216,255,.07);border-radius:7px;background:transparent;color:#6e8297;cursor:pointer}
.opx-addLeg{
  width:100%;height:33px;border:1px dashed rgba(0,223,247,.26);border-radius:10px;
  background:rgba(0,223,247,.025);color:#77dfff;font-size:8px;font-weight:800;cursor:pointer;margin-top:8px
}
.opx-runBtn{
  width:100%;margin-top:9px;height:40px;border:none;border-radius:11px;
  background:linear-gradient(90deg,#6b40ff,#2f9cff,#00dff7);
  color:#fff;font-size:9px;font-weight:900;letter-spacing:.10em;text-transform:uppercase;cursor:pointer;
  box-shadow:0 10px 25px rgba(47,156,255,.13);position:relative;overflow:hidden
}
.opx-runBtn:before{
  content:"";position:absolute;inset:-2px auto -2px -35%;width:25%;transform:skewX(-20deg);
  background:rgba(255,255,255,.32);animation:opxShine 3.8s ease-in-out infinite
}
@keyframes opxShine{0%,65%{left:-35%}83%,100%{left:130%}}

.opx-chartPanel{min-height:392px}
.opx-chartWrap{height:287px;padding:10px 12px 4px;position:relative}
#opxPayoff{width:100%;height:100%;display:block}
.opx-chartLegend{display:flex;gap:14px;align-items:center;padding:0 14px 11px;font-size:8px;color:var(--opx-muted)}
.opx-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:4px}
.opx-chartStats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 12px 12px}
.opx-chartStat{background:rgba(47,156,255,.018);border:1px solid rgba(126,216,255,.055);border-radius:10px;padding:8px 9px}
.opx-chartStat small{display:block;font-size:7px;color:var(--opx-muted);text-transform:uppercase;letter-spacing:.07em}
.opx-chartStat strong{font-size:10px;display:block;margin-top:4px}
.opx-greekGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.opx-greek{border:1px solid rgba(126,216,255,.055);border-radius:11px;padding:9px;background:rgba(47,156,255,.016)}
.opx-greek span{font-size:7px;color:var(--opx-muted);text-transform:uppercase;letter-spacing:.08em}
.opx-greek b{display:block;font-size:13px;margin-top:4px}
.opx-gline{height:3px;border-radius:6px;background:#0b1a28;margin-top:7px;overflow:hidden}
.opx-gline i{display:block;height:100%;background:linear-gradient(90deg,var(--opx-indigo),var(--opx-blue),var(--opx-cyan));border-radius:inherit}

.opx-probRing{height:166px;display:grid;place-items:center;position:relative}
.opx-ring{
  --p:66;width:124px;height:124px;border-radius:50%;
  background:conic-gradient(var(--opx-cyan) calc(var(--p)*1%),rgba(126,216,255,.07) 0);
  display:grid;place-items:center;position:relative;
  box-shadow:0 0 40px rgba(47,156,255,.12),0 0 24px rgba(107,64,255,.08)
}
.opx-ring:before{content:"";width:97px;height:97px;border-radius:50%;background:#071522;border:1px solid rgba(126,216,255,.06)}
.opx-ringText{position:absolute;text-align:center}.opx-ringText strong{display:block;font-size:24px}
.opx-ringText span{font-size:7px;color:var(--opx-muted);text-transform:uppercase;letter-spacing:.08em}
.opx-probText{text-align:center;padding:0 18px 12px;font-size:8px;color:var(--opx-muted);line-height:1.55}

.opx-vedaFeed{display:grid;gap:7px}
.opx-insight{
  padding:9px 10px;border-radius:11px;border:1px solid rgba(126,216,255,.055);
  background:rgba(47,156,255,.018);display:grid;grid-template-columns:28px 1fr;gap:9px
}
.opx-insight .ico{
  width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(180deg,rgba(47,156,255,.09),rgba(107,64,255,.06));
  color:var(--opx-cyan2);font-size:11px;border:1px solid rgba(0,223,247,.08)
}
.opx-insight b{font-size:8px}.opx-insight p{margin:3px 0 0;color:var(--opx-muted);font-size:7px;line-height:1.45}

.opx-bottomGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px;margin-top:10px;position:relative;z-index:2}
.opx-chainScroll{overflow:auto}
.opx-chainTable{width:100%;border-collapse:separate;border-spacing:0 5px;font-size:8px}
.opx-chainTable th{color:var(--opx-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;text-align:right;padding:0 7px 2px}
.opx-chainTable th:nth-child(4),.opx-chainTable td:nth-child(4){text-align:center}
.opx-chainTable td{
  padding:7px;background:rgba(47,156,255,.018);text-align:right;
  border-top:1px solid rgba(126,216,255,.045);border-bottom:1px solid rgba(126,216,255,.045)
}
.opx-chainTable td:first-child{border-left:1px solid rgba(126,216,255,.045);border-radius:9px 0 0 9px}
.opx-chainTable td:last-child{border-right:1px solid rgba(126,216,255,.045);border-radius:0 9px 9px 0}
.opx-chainTable .atm td{background:linear-gradient(90deg,rgba(47,156,255,.075),rgba(107,64,255,.075));border-color:rgba(0,223,247,.16)}
.opx-strike{font-weight:900;color:#a9e7ff}.opx-ivhot{color:#81c9ff}

.opx-gate{
  margin-top:10px;padding:9px 11px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;
  border:1px solid rgba(126,216,255,.08);border-radius:13px;background:rgba(5,18,30,.70);position:relative;z-index:2
}
.opx-gate div{padding:7px 8px;border:1px solid rgba(126,216,255,.045);border-radius:9px;background:rgba(47,156,255,.015)}
.opx-gate span{display:block;color:var(--opx-muted);font-size:6px;text-transform:uppercase;letter-spacing:.07em}
.opx-gate b{display:block;font-size:8px;margin-top:3px}
.opx-footer{
  display:flex;align-items:center;justify-content:space-between;color:#627b91;font-size:7px;
  padding:10px 4px 0;letter-spacing:.05em;position:relative;z-index:2
}
.opx-footer .right{display:flex;gap:12px}
.opx-scanline{
  position:absolute;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,223,247,.35),rgba(107,64,255,.25),transparent);
  box-shadow:0 0 8px rgba(47,156,255,.16);animation:opxScan 8s linear infinite;pointer-events:none
}
@keyframes opxScan{from{top:-2px}to{top:100%}}

html[data-theme="light"] .opx-page{
  --opx-panel:rgba(255,255,255,.94);--opx-panel2:rgba(244,248,252,.92);
}
html[data-theme="light"] .opx-page:before{
  background:
    radial-gradient(circle at 12% 4%,rgba(47,156,255,.09),transparent 25%),
    radial-gradient(circle at 87% 2%,rgba(107,64,255,.08),transparent 27%),
    linear-gradient(180deg,rgba(238,247,255,.72),rgba(247,250,252,.62));
}
html[data-theme="light"] .opx-topbar,
html[data-theme="light"] .opx-panel{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,249,253,.94))}
html[data-theme="light"] .opx-page input,
html[data-theme="light"] .opx-page select,
html[data-theme="light"] .opx-seg,
html[data-theme="light"] .opx-leg,
html[data-theme="light"] .opx-ring:before{background:#f5f9fd}
html[data-theme="light"] .opx-primary{color:#fff}

@media(max-width:1220px){
  .opx-mainGrid{grid-template-columns:340px 1fr}
  .opx-rightStack{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}
  .opx-kpis{grid-template-columns:repeat(3,1fr)}
  .opx-heroMain{grid-template-columns:1fr 270px}
  .opx-marketstrip .opx-ticker:nth-child(n+3){display:none}
}
@media(max-width:880px){
  .opx-topbar{grid-template-columns:1fr auto}.opx-marketstrip{display:none}.opx-brand{min-width:0}
  .opx-hero{grid-template-columns:1fr}.opx-heroMain{grid-template-columns:1fr}.opx-vedicOrb{min-height:150px}.opx-marketCard{min-height:0}
  .opx-kpis{grid-template-columns:repeat(2,1fr)}.opx-mainGrid{grid-template-columns:1fr}.opx-rightStack{grid-template-columns:1fr}
  .opx-bottomGrid{grid-template-columns:1fr}.opx-hero h2{font-size:23px}
  .opx-leg{grid-template-columns:38px 52px 1fr 64px 46px 26px}
  .opx-gate{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .opx-actions .opx-pill{display:none}.opx-topbar{min-height:58px}.opx-brandmark{width:38px;height:38px}.opx-brand h1{font-size:12px}
  .opx-kpis{grid-template-columns:1fr 1fr}.opx-kpi{min-height:72px}.opx-kpi strong{font-size:14px}
  .opx-heroMain{padding:17px 15px}.opx-chartStats{grid-template-columns:1fr 1fr}
  .opx-symbolRow,.opx-fieldrow{grid-template-columns:1fr}.opx-strategyGrid{grid-template-columns:1fr 1fr}
  .opx-chainTable{min-width:620px}.opx-gate{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .opx-page *, .opx-page *:before, .opx-page *:after{animation-duration:.001ms!important;animation-iteration-count:1!important}
}


/* P18 R3 — Options Planner complete Dummy Money red skin.
   This module owns an independent Vedic palette, so every decorative blue/cyan/violet
   surface is explicitly remapped while DUMMY mode is active. REAL mode is unchanged. */
html[data-money-mode="dummy"] .opx-page{
  --opx-bg:#0a0103;--opx-bg2:#140308;
  --opx-panel:rgba(25,5,10,.96);--opx-panel2:rgba(35,7,14,.91);
  --opx-line:rgba(255,66,100,.22);--opx-line2:rgba(176,13,50,.24);
  --opx-blue:#e72f5a;--opx-blue2:#ff8ba0;--opx-indigo:#a90b32;--opx-violet:#ff4b73;
  --opx-cyan:#ff355e;--opx-cyan2:#ff91a5;--opx-red:#ff4163;
  --opx-shadow:0 18px 54px rgba(55,0,13,.34);
}
html[data-money-mode="dummy"] .opx-topbar,
html[data-money-mode="dummy"] .opx-panel{
  background:linear-gradient(180deg,rgba(31,6,12,.965),rgba(15,2,6,.965))!important;
  border-color:rgba(255,70,104,.23)!important;
  box-shadow:var(--opx-shadow),inset 0 1px rgba(255,255,255,.028)!important;
}
html[data-money-mode="dummy"] .opx-topbar::before{
  background:linear-gradient(90deg,transparent,rgba(255,66,100,.07),rgba(150,8,42,.065),transparent)!important;
}
html[data-money-mode="dummy"] .opx-brandmark{
  background:radial-gradient(circle at 50% 38%,rgba(255,78,110,.18),rgba(151,8,42,.08) 64%,transparent 65%)!important;
  border-color:rgba(255,75,108,.34)!important;
  box-shadow:inset 0 0 18px rgba(255,47,88,.11),0 0 30px rgba(178,10,47,.13)!important;
}
html[data-money-mode="dummy"] .opx-brandmark svg{filter:drop-shadow(0 0 9px rgba(255,72,105,.4))!important}
html[data-money-mode="dummy"] .opx-brandmark svg g{stroke:#ff6682!important}
html[data-money-mode="dummy"] .opx-brandmark svg circle[fill]{fill:#ff355e!important}
html[data-money-mode="dummy"] .opx-ticker,
html[data-money-mode="dummy"] .opx-pill,
html[data-money-mode="dummy"] .opx-quick,
html[data-money-mode="dummy"] .opx-metric,
html[data-money-mode="dummy"] .opx-strategy,
html[data-money-mode="dummy"] .opx-chartStat,
html[data-money-mode="dummy"] .opx-greek,
html[data-money-mode="dummy"] .opx-insight,
html[data-money-mode="dummy"] .opx-gate div{
  border-color:rgba(255,94,122,.105)!important;
  background:rgba(190,18,57,.025)!important;
}
html[data-money-mode="dummy"] .opx-pill:hover,
html[data-money-mode="dummy"] .opx-quick.active,
html[data-money-mode="dummy"] .opx-quick:hover,
html[data-money-mode="dummy"] .opx-strategy:hover,
html[data-money-mode="dummy"] .opx-strategy.selected{
  border-color:rgba(255,65,99,.43)!important;
  background:linear-gradient(180deg,rgba(220,31,72,.115),rgba(117,5,31,.09))!important;
  box-shadow:inset 0 0 16px rgba(255,51,91,.045)!important;
}
html[data-money-mode="dummy"] .opx-primary{
  border-color:rgba(255,82,112,.56)!important;
  background:linear-gradient(180deg,#ed3b63,#c21543 60%,#8d0929)!important;
  box-shadow:0 0 27px rgba(235,43,83,.18),0 0 22px rgba(142,7,38,.13)!important;
}
html[data-money-mode="dummy"] .opx-hero h2 span{
  background:linear-gradient(90deg,#fff0f3,#ff9aad,#ff4d73,#c71343)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
html[data-money-mode="dummy"] .opx-halo{
  border-color:rgba(255,69,103,.26)!important;
  box-shadow:0 0 80px rgba(228,35,76,.13),inset 0 0 45px rgba(145,7,38,.065)!important;
}
html[data-money-mode="dummy"] .opx-halo::before{border-color:rgba(255,68,102,.25)!important}
html[data-money-mode="dummy"] .opx-halo::after{border-color:rgba(181,15,52,.24)!important}
html[data-money-mode="dummy"] .opx-yantra{filter:drop-shadow(0 0 18px rgba(255,59,96,.27))!important}
html[data-money-mode="dummy"] .opx-yantra stop:nth-child(1){stop-color:#fff0f3!important}
html[data-money-mode="dummy"] .opx-yantra stop:nth-child(2){stop-color:#ff5879!important}
html[data-money-mode="dummy"] .opx-yantra stop:nth-child(3){stop-color:#9e0a30!important}
html[data-money-mode="dummy"] .opx-yantra circle[fill]{fill:#ff355e!important}
html[data-money-mode="dummy"] .opx-orbBadge{
  color:#ff98aa!important;border-color:rgba(255,69,103,.26)!important;background:rgba(194,16,55,.055)!important;
}
html[data-money-mode="dummy"] .opx-bar,
html[data-money-mode="dummy"] .opx-gline{background:#25070e!important}
html[data-money-mode="dummy"] .opx-fill,
html[data-money-mode="dummy"] .opx-gline i{
  background:linear-gradient(90deg,#8f082b,#dc2451,#ff4f71)!important;
  box-shadow:0 0 12px rgba(255,55,94,.26)!important;
}
html[data-money-mode="dummy"] .opx-cardHead{
  border-bottom-color:rgba(255,80,111,.09)!important;
  background:linear-gradient(180deg,rgba(209,24,65,.045),transparent)!important;
}
html[data-money-mode="dummy"] .opx-miniBadge{border-color:rgba(255,89,118,.12)!important}
html[data-money-mode="dummy"] .opx-page input,
html[data-money-mode="dummy"] .opx-page select,
html[data-money-mode="dummy"] .opx-seg,
html[data-money-mode="dummy"] .opx-leg,
html[data-money-mode="dummy"] .opx-ring::before{
  background:#19050a!important;border-color:rgba(255,82,112,.11)!important;color:var(--opx-text)!important;
}
html[data-money-mode="dummy"] .opx-page input:focus,
html[data-money-mode="dummy"] .opx-page select:focus{
  border-color:rgba(255,60,96,.48)!important;box-shadow:0 0 0 3px rgba(224,31,72,.08)!important;
}
html[data-money-mode="dummy"] .opx-seg button{color:#a96f7b!important}
html[data-money-mode="dummy"] .opx-seg button.active{
  color:#fff!important;background:linear-gradient(180deg,#ec3b62,#9d0b2d)!important;
  box-shadow:0 5px 15px rgba(230,39,80,.17)!important;
}
html[data-money-mode="dummy"] .opx-sectionSep{border-top-color:rgba(255,84,113,.085)!important}
html[data-money-mode="dummy"] .opx-leg .x{border-color:rgba(255,86,115,.10)!important;color:#b67b87!important}
html[data-money-mode="dummy"] .opx-addLeg{
  border-color:rgba(255,65,99,.29)!important;background:rgba(201,18,58,.035)!important;color:#ff8fa3!important;
}
html[data-money-mode="dummy"] .opx-runBtn{
  background:linear-gradient(90deg,#8f082b,#d41b4b,#ff4c70)!important;
  box-shadow:0 10px 25px rgba(213,28,68,.16)!important;
}
html[data-money-mode="dummy"] .opx-ring{
  background:conic-gradient(#ff4169 calc(var(--p)*1%),rgba(255,90,120,.08) 0)!important;
  box-shadow:0 0 40px rgba(232,35,77,.15),0 0 24px rgba(139,7,37,.10)!important;
}
html[data-money-mode="dummy"] .opx-insight .ico{
  background:linear-gradient(180deg,rgba(218,29,69,.11),rgba(123,5,31,.08))!important;
  color:#ff92a6!important;border-color:rgba(255,65,99,.11)!important;
}
html[data-money-mode="dummy"] .opx-chainTable td{
  background:rgba(183,14,51,.022)!important;
  border-top-color:rgba(255,82,112,.065)!important;border-bottom-color:rgba(255,82,112,.065)!important;
}
html[data-money-mode="dummy"] .opx-chainTable td:first-child{border-left-color:rgba(255,82,112,.065)!important}
html[data-money-mode="dummy"] .opx-chainTable td:last-child{border-right-color:rgba(255,82,112,.065)!important}
html[data-money-mode="dummy"] .opx-chainTable .atm td{
  background:linear-gradient(90deg,rgba(218,28,69,.09),rgba(129,6,34,.09))!important;
  border-color:rgba(255,64,99,.20)!important;
}
html[data-money-mode="dummy"] .opx-strike{color:#ffb0be!important}
html[data-money-mode="dummy"] .opx-ivhot{color:#ff8198!important}
html[data-money-mode="dummy"] .opx-gate{
  border-color:rgba(255,84,113,.11)!important;background:rgba(24,4,9,.76)!important;
}
html[data-money-mode="dummy"] .opx-footer{color:#a56e79!important}
html[data-money-mode="dummy"] .opx-scanline{
  background:linear-gradient(90deg,transparent,rgba(255,59,96,.38),rgba(143,7,39,.30),transparent)!important;
  box-shadow:0 0 8px rgba(255,50,90,.20)!important;
}

/* Light Dummy Options Planner */
html[data-theme="light"][data-money-mode="dummy"] .opx-topbar,
html[data-theme="light"][data-money-mode="dummy"] .opx-panel{
  background:linear-gradient(180deg,rgba(255,251,252,.98),rgba(255,241,244,.96))!important;
  border-color:rgba(180,18,54,.16)!important;
  box-shadow:0 14px 38px rgba(113,16,39,.10)!important;
}
html[data-theme="light"][data-money-mode="dummy"] .opx-page input,
html[data-theme="light"][data-money-mode="dummy"] .opx-page select,
html[data-theme="light"][data-money-mode="dummy"] .opx-seg,
html[data-theme="light"][data-money-mode="dummy"] .opx-leg,
html[data-theme="light"][data-money-mode="dummy"] .opx-ring::before{background:#fff7f9!important}