@font-face{font-family:Montserrat;src:url("/fonts/Montserrat-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url("/fonts/Montserrat-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:MontserratNumeric;src:url("/fonts/MontserratNum-Regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0025,U+002B,U+002C,U+002D,U+002E,U+0030-0039}
:root { color-scheme: dark; --bg:#07110f; --panel:#0d1b18; --line:#1c3831; --ink:#edf8f4; --muted:#7d9b91; --mint:#58e0ae; --red:#ff6b78; --gold:#ffd166; --app-font:Montserrat,Arial,sans-serif; }
body[data-theme="slate"]{--bg:#0b1220;--panel:#111827;--surface:#162033;--surface-2:#1b273b;--line:#30405a;--ink:#edf3fb;--muted:#9aa9be;--mint:#6296ff;--red:#ef7180;--gold:#e7b85f;--pe-max:#087a4a}
body[data-theme="navy"]{--bg:#06111f;--panel:#0b1b2e;--surface:#10243a;--surface-2:#142d47;--line:#234563;--ink:#eef6ff;--muted:#91a9c0;--mint:#42a5dc;--red:#ed6a79;--gold:#d9a94f;--pe-max:#087a4a}
body[data-theme="graphite"]{--bg:#101216;--panel:#191c22;--surface:#20242c;--surface-2:#282d36;--line:#3a414d;--ink:#f0f1f3;--muted:#a1a6af;--mint:#b99a69;--red:#d86f78;--gold:#d4ad6a;--pe-max:#087a4a}
body[data-theme="white"]{color-scheme:light;--bg:#f1f4f8;--panel:#ffffff;--surface:#edf1f6;--surface-2:#e3e9f1;--line:#cbd4df;--ink:#172033;--muted:#627087;--mint:#2868c7;--red:#cf3f55;--gold:#a96e09;--pe-max:#0b8a55}
body[data-theme="black"]{--bg:#000000;--panel:#08090b;--surface:#111318;--surface-2:#1a1d23;--line:#30343d;--ink:#f6f7f9;--muted:#9299a5;--mint:#4d8ee8;--red:#ed596b;--gold:#d9aa4c;--pe-max:#087a4a}
body[data-theme="orange"]{--bg:#160d07;--panel:#21120a;--surface:#2d190e;--surface-2:#3a2113;--line:#72401f;--ink:#fff7ed;--muted:#d2aa89;--mint:#ff8a2a;--red:#ff5d68;--gold:#ffc04d;--pe-max:#0b8a55}
* { box-sizing:border-box; }
.page-nav{display:flex;gap:6px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.page-nav a{padding:8px 13px;border-radius:7px;color:var(--muted);text-decoration:none;font-size:13px;white-space:nowrap}
.page-nav button{padding:8px 13px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;white-space:nowrap}
.page-nav a:hover,.page-nav a.active,.page-nav button:hover,.page-nav button.active{background:color-mix(in srgb,var(--mint) 18%,var(--surface));color:var(--ink)}
.top-strip .page-nav{position:fixed!important;top:0;left:0;right:0;z-index:220;justify-content:flex-start!important;width:100%!important;min-height:48px;margin:0!important;padding:0 4px!important;gap:0!important;border-width:0 0 1px!important;border-radius:0!important;background:#000!important;box-shadow:0 5px 20px #0009}
.top-strip .page-nav>a,.top-strip .page-nav>button{flex:1 1 0!important;min-width:0;min-height:47px!important;padding:0 9px!important;border:0!important;border-right:1px solid #59606b!important;border-radius:0!important;background:#303030!important;color:#fff!important;font-family:var(--app-font)!important;font-size:clamp(11px,1.15vw,16px)!important;font-weight:500!important;letter-spacing:0!important;white-space:nowrap}.top-strip .page-nav>a:hover,.top-strip .page-nav>a.active,.top-strip .page-nav>button:hover,.top-strip .page-nav>button.active{background:#08ad73!important;color:#fff!important}
.top-strip{padding-top:50px!important}
.backtester-backdrop{position:fixed;inset:48px 0 0;z-index:160;background:#0009;backdrop-filter:blur(2px)}
.backtester-panel{position:fixed;z-index:170;top:54px;left:8px;right:8px;bottom:8px;width:auto;max-width:none;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--line);border-radius:16px;background:var(--bg);box-shadow:0 18px 70px #000b;transform:translateX(calc(100% + 24px));transition:transform .24s cubic-bezier(.22,.8,.28,1);overflow:hidden}
.backtester-panel.open{transform:translateX(0)}.backtester-heading{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:6px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.backtester-heading h2{margin:0;font-size:20px;line-height:1.1}.backtester-heading .eyebrow{margin-bottom:1px;font-size:8px}.backtester-heading button{font-size:18px;padding:3px 9px}.backtester-panel iframe{width:100%;height:100%;border:0;background:var(--bg)}
.login-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:32px;background:#020c1b radial-gradient(circle at 26% 42%,#0b2a52aa 0,transparent 42%);overflow:auto}.login-gate::after{content:"";position:fixed;inset:auto 0 0;height:32%;pointer-events:none;background:linear-gradient(180deg,transparent,#031127cc),repeating-linear-gradient(90deg,transparent 0 45px,#0e58a719 46px 47px);opacity:.55}.login-gate[hidden]{display:none}.login-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(520px,1.45fr) minmax(390px,.9fr);align-items:center;width:min(1500px,96vw);min-height:min(850px,92vh);gap:38px}.login-brand-panel{width:100%;aspect-ratio:2/1;min-height:430px;background:url("ck-magic-trade-option-9.png") center/contain no-repeat;filter:drop-shadow(0 22px 35px #0008)}.login-card{width:100%;padding:58px 52px;border:1px solid #168bdf;border-radius:28px;background:linear-gradient(145deg,#06172ddd,#031023f2);box-shadow:0 28px 80px #000a,inset 0 1px #5bbcff33;backdrop-filter:blur(14px)}.login-card-heading{margin-bottom:34px}.login-card-heading .eyebrow{margin:0 0 12px;color:#55b4ff;font-size:11px;letter-spacing:.18em}.login-card h2{margin:0;color:#f7fbff;font-size:40px;line-height:1.1}.login-card-heading>p:last-child{margin:12px 0 0;color:#8eacd0;font-size:20px}.login-card>label{display:block;margin-top:24px;color:#edf6ff;font-size:15px;font-weight:800}.login-input{display:flex;align-items:center;width:100%;height:62px;margin-top:9px;padding:0 15px;border:1px solid #1d66a6;border-radius:12px;background:#041229;color:#8fb8e8;box-shadow:inset 0 0 22px #0004}.login-input>span{width:30px;font-size:18px;text-align:center}.login-card .login-input input{display:block;flex:1;width:auto;min-width:0;height:100%;margin:0;padding:0 10px;border:0;outline:0;background:transparent;color:#fff;font-size:17px}.login-card .login-input input::placeholder{color:#829dc0}.login-card .login-input button{flex:0 0 40px;width:40px;min-width:40px;height:40px;margin:0;padding:0;border:0;background:transparent;color:#91b9e7;font-size:19px}.login-submit{width:100%;height:62px;margin-top:38px;border:1px solid #24c3ff;border-radius:12px;background:linear-gradient(180deg,#087ef0,#073bc2);color:#fff;font-size:18px;font-weight:900;box-shadow:0 9px 24px #006ee044,inset 0 1px #ffffff55}.login-submit:hover{background:linear-gradient(180deg,#1597ff,#0751dc)}.login-card .error{margin:13px 0 0}.login-vps-note{display:flex;align-items:center;gap:18px;margin-top:38px;padding:22px;border:1px solid #155899;border-radius:13px;background:#03132a}.login-vps-note>span{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:3px solid #20df71;border-radius:15px;color:#20df71;font-size:29px;font-weight:950}.login-vps-note strong{display:block;color:#20e96f;font-size:16px}.login-vps-note p{margin:7px 0 0;color:#b1c6df;font-size:14px;line-height:1.45}@media(max-width:980px){.login-layout{grid-template-columns:1fr;width:min(620px,94vw);gap:8px}.login-brand-panel{min-height:200px;aspect-ratio:2.4/1}.login-card{padding:34px}.login-card h2{font-size:32px}}@media(max-width:560px){.login-gate{padding:15px}.login-layout{width:100%;min-height:auto}.login-brand-panel{min-height:150px}.login-card{padding:25px 20px;border-radius:20px}.login-card-heading{margin-bottom:22px}.login-card h2{font-size:29px}.login-card-heading>p:last-child{font-size:16px}.login-input{height:54px}.login-submit{height:54px;margin-top:28px}.login-vps-note{margin-top:25px;padding:15px}.login-vps-note>span{width:43px;height:43px;flex-basis:43px}.login-vps-note strong{font-size:14px}}
body { margin:0; min-height:100vh; background:radial-gradient(circle at 20% -10%, color-mix(in srgb,var(--mint) 18%,var(--bg)) 0, transparent 40%), var(--bg); color:var(--ink); font-family:var(--app-font); }
main { width:min(1800px, calc(100% - 24px)); margin:auto; padding:42px 0 24px; }
header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.eyebrow { color:var(--mint); font-size:12px; letter-spacing:.22em; font-weight:800; margin:0 0 7px; }
h1 { font-size:clamp(34px,5vw,58px); letter-spacing:-.055em; margin:0; line-height:.98; } h1 span { color:var(--mint); font-weight:400; }
.subtitle { color:var(--muted); margin:12px 0 0; }
.status-card { display:flex; align-items:center; gap:12px; min-width:180px; border:1px solid var(--line); background:#0b1815cc; padding:14px 16px; border-radius:14px; }
.status-card div { display:flex; flex-direction:column; } .status-card small { color:var(--muted); margin-top:3px; }
.dot { width:10px; height:10px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 5px #ffd16618; } .dot.live { background:var(--mint); box-shadow:0 0 0 5px #58e0ae18; } .dot.error-dot { background:var(--red); } .dot.loading { animation:pulse 1s infinite; }
@keyframes pulse { 50% { opacity:.35; } }
.metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:14px; }
.metrics article { border:1px solid var(--line); border-radius:14px; padding:16px 18px; background:linear-gradient(145deg,#10221d,#0b1714); }
.metrics span { display:block; color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:7px; } .metrics strong { font-size:21px; font-variant-numeric:tabular-nums; }
.toolbar { display:flex; justify-content:space-between; align-items:end; gap:12px; margin:20px 0 10px; }
.lot-size-note { color:#7dd3fc; font-weight:700; font-size:11px; letter-spacing:.02em; }
.reversal-spot-control{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:800}.reversal-spot-control input{width:105px;min-width:88px;height:34px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-family:inherit;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}#reversalSpotReset{padding:7px 9px;font-size:10px;white-space:nowrap}.reversal-ltp{color:#8fdcff;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.reversal-ltp .rev-ltp-value,.reversal-ltp .rev-spot-value{display:block;line-height:1.2;white-space:nowrap}.reversal-ltp .rev-spot-value{color:var(--muted,#9aaac0);font-size:.9em;font-weight:650}.reversal-ltp-heading{min-width:92px;text-align:center!important;color:#78d9ff!important;font-size:9px!important;letter-spacing:0!important}body:not(.backtester-fit) .option-panel .table-wrap table{min-width:1450px}
label { color:var(--muted); font-size:12px; } select,button { color:var(--ink); border:1px solid var(--line); background:#10221d; border-radius:9px; padding:9px 12px; font:inherit; } select { display:block; margin-top:6px; } button { cursor:pointer; } button:hover { border-color:var(--mint); }
.table-wrap { overflow:auto; border:1px solid var(--line); border-radius:16px; background:var(--panel); }
table { width:100%; border-collapse:collapse; min-width:0; table-layout:fixed; font-size:10.5px; font-variant-numeric:tabular-nums; }
th,td { padding:8px 4px; text-align:right; border-bottom:1px solid #173029; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
thead { position:sticky; top:0; z-index:2; } thead th { color:var(--muted); background:#0c1b17; font-size:11px; letter-spacing:.08em; }
thead .group th:first-child { color:var(--mint); text-align:center; } thead .group th:nth-child(2) { color:var(--gold); text-align:center; } thead .group th:last-child { color:#ff8e98; text-align:center; }
tbody th { color:var(--gold); background:#101f1b; text-align:center; } tbody th small { display:block; color:#0b1714; background:var(--gold); width:max-content; margin:3px auto 0; padding:1px 5px; border-radius:4px; font-size:8px; }.strike-labels{display:flex;justify-content:center;gap:3px;flex-wrap:wrap}.strike-labels .level-badge.resistance{background:var(--red);color:#fff}.strike-labels .level-badge.support{background:var(--mint);color:#07110f}
tbody tr:hover td,tbody tr:hover th { background:#142a24; } tr.atm td,tr.atm th { border-top:1px solid #ffd16655; border-bottom:1px solid #ffd16655; background:#ffd16608; }
.positive { color:var(--mint); font-weight:700; } .negative { color:var(--red); font-weight:700; } .muted,.empty,footer { color:var(--muted); }
.cell-pair { display:inline-flex; flex-direction:column; align-items:flex-end; line-height:1.15; }
.cell-pair b { font-weight:750; }
.cell-pair small { color:currentColor; opacity:.72; font-size:10px; margin-top:3px; }
.coi-cell-content{position:relative;display:block;box-sizing:border-box;min-width:0;padding-right:0}.coi-cell-content:has(.coi-setup-marker){padding-right:19px}.coi-cell-content>.cell-pair{display:inline-flex;max-width:100%;min-width:0;overflow:hidden;vertical-align:middle}.coi-cell-content>.cell-pair>*{max-width:100%;overflow:hidden;text-overflow:ellipsis}.coi-cell-content .coi-setup-marker{position:absolute;right:1px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:15px;height:14px;padding:0 2px;border:1px solid currentColor;border-radius:4px;font-size:10px;line-height:1;font-weight:1000;letter-spacing:0;text-decoration:none;z-index:1}.coi-setup-marker.setup-risky{color:#ff8d98;background:#39151b}.coi-setup-marker.setup-lpt{color:#ffd166;background:#392d0d}.coi-setup-marker.setup-hpt{color:#47e4a5;background:#0b3324}
.volume-pair { color:var(--ink); }
.volume-pair small { color:var(--muted); opacity:1; }
tbody td.metric-low, tbody tr:hover td.metric-low { background:#000; }
tbody td.metric-ce-max, tbody tr:hover td.metric-ce-max { background:#d71920; color:#fff; }
tbody td.metric-pe-max, tbody tr:hover td.metric-pe-max { background:#075f36; color:#fff; }
tbody td.metric-gold, tbody tr:hover td.metric-gold { background:#b8860b; color:#fff; }
tbody td.metric-yellow, tbody tr:hover td.metric-yellow { background:#ffe45c; color:#111; }
tbody td.metric-ce-max .cell-pair, tbody td.metric-pe-max .cell-pair,
tbody td.metric-gold .cell-pair, tbody td.metric-yellow .cell-pair { color:inherit; }
tbody td.metric-ce-max .cell-pair small, tbody td.metric-pe-max .cell-pair small,
tbody td.metric-gold .cell-pair small, tbody td.metric-yellow .cell-pair small { color:inherit; opacity:.82; }
.coi-tip[title]{cursor:help;text-decoration:underline dotted;text-underline-offset:3px}
tbody tr.spot-row td, tbody tr.spot-row th,
tbody tr.spot-row:hover td, tbody tr.spot-row:hover th { background:#1878c9; color:#fff; border-color:#55aef8; }
tbody tr.spot-row td { height:42px; }
tbody tr.spot-row th { font-size:11.5px; letter-spacing:0; padding:4px 1px; overflow:visible; text-overflow:clip; }
tbody tr.spot-row th span { display:block; font-size:9px; letter-spacing:.14em; opacity:.8; margin-bottom:2px; }
.iv-delta { color:#d9e7e2; }
.iv-delta small { color:#8fb9ab; opacity:1; }
.delta-brown-range { background:#b8946a !important; color:#20150d !important; font-weight:800; }
.empty { text-align:center; padding:48px; } .error { color:#ff9aa3; background:#38171c; border:1px solid #6e2b35; padding:12px 15px; border-radius:10px; }
footer { text-align:center; font-size:12px; padding:18px; }
.header-tools{display:flex;align-items:flex-end;gap:10px}.theme-control select{min-width:105px;margin-top:4px}.status-card,.metrics article,.option-panel,.chart-panel,.pnl-panel{background:var(--panel)}select,button,.chart-actions input,.risk-controls input{background:var(--surface)}thead th,tbody th,.trade-signal.idle{background:var(--surface)}tbody tr:hover td,tbody tr:hover th{background:var(--surface-2)}.levels-editor textarea,.canvas-wrap{background:var(--bg)}tbody td.metric-pe-max,tbody tr:hover td.metric-pe-max{background:var(--pe-max)}
.fit-control{display:flex;align-items:center;gap:6px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);white-space:nowrap}.fit-control input{accent-color:var(--mint)}
body.fit-screen{overflow:hidden}body.fit-screen main{height:100vh;width:calc(100% - 18px);padding:10px 0 6px;display:grid;grid-template-rows:auto auto minmax(260px,1fr) minmax(145px,28vh) auto;gap:7px}body.fit-screen header{margin-bottom:0}body.fit-screen h1{font-size:clamp(25px,3vw,40px)}body.fit-screen .subtitle{margin-top:5px}body.fit-screen .metrics{margin-bottom:0;gap:7px}body.fit-screen .metrics article{padding:8px 12px}body.fit-screen .metrics span{margin-bottom:3px}body.fit-screen .metrics strong{font-size:16px}body.fit-screen .workspace-grid{height:100%;min-height:0;margin-top:0;gap:8px;overflow:hidden}body.fit-screen .option-panel,body.fit-screen .chart-panel{height:100%;overflow:auto;padding:9px}body.fit-screen .chart-head h2{font-size:19px}body.fit-screen .chart-metrics{padding:7px 2px}body.fit-screen .levels-editor{margin-bottom:7px}body.fit-screen .levels-editor textarea{min-height:50px;max-height:70px}body.fit-screen .canvas-wrap{max-height:calc(100% - 175px)}body.fit-screen .pnl-panel{height:100%;margin-top:0;padding:9px;overflow:hidden;display:flex;flex-direction:column}body.fit-screen .pnl-head h2{font-size:18px}body.fit-screen .live-order-controls{margin-top:5px;padding:5px}body.fit-screen .pnl-wrap{min-height:0;flex:1;margin-top:5px;overflow:auto}body.fit-screen footer{padding:2px;font-size:9px}
body.fit-screen main{grid-template-rows:auto minmax(220px,1fr) 9px minmax(120px,var(--home-trade-pane,28vh)) auto}
body.fit-screen .top-strip{display:flex;align-items:center;gap:7px;min-width:0}
body.fit-screen .top-strip header{display:contents}
body.fit-screen .top-strip header>div:first-child{order:1;min-width:170px}
body.fit-screen .top-strip .page-nav{order:2;padding:2px;gap:2px}
body.fit-screen .top-strip .page-nav a{padding:5px 7px;font-size:9px}
body.fit-screen .top-strip h1{font-size:20px;white-space:nowrap}
body.fit-screen .top-strip .subtitle{font-size:9px;margin:1px 0 0}
body.fit-screen .top-strip .metrics{order:3;display:flex;flex:1;min-width:0;gap:5px}
body.fit-screen .top-strip .metrics article{flex:1;min-width:85px;padding:5px 8px;border-radius:8px}
body.fit-screen .top-strip .metrics span{font-size:8px;margin:0}
body.fit-screen .top-strip .metrics strong{font-size:12px}
body.fit-screen .top-strip .header-tools{order:4;gap:5px;align-items:center}
body.fit-screen .top-strip .fit-control,body.fit-screen .top-strip .theme-control select{padding:5px 7px;font-size:9px}
body.fit-screen .top-strip .status-card{min-width:135px;padding:6px 8px;border-radius:8px;font-size:10px}

/* Full-width primary navigation with readable labels. */
.page-nav{width:100%;display:flex;align-items:stretch;gap:6px;padding:5px}
.page-nav>a,.page-nav>button{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;font-size:14px;font-weight:900;letter-spacing:.055em;text-align:center}
body.fit-screen .top-strip{display:grid;grid-template-columns:minmax(170px,auto) minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:6px 8px}
body.fit-screen .top-strip .page-nav{grid-column:1/-1;grid-row:1;width:100%;padding:4px;gap:5px}
body.fit-screen .top-strip .page-nav>a,body.fit-screen .top-strip .page-nav>button{min-height:34px;padding:7px 12px;font-size:13px;font-weight:900;letter-spacing:.06em}
body.fit-screen .top-strip header>div:first-child{grid-column:1;grid-row:2;order:initial}
body.fit-screen .top-strip .metrics{grid-column:2;grid-row:2;order:initial}
body.fit-screen .top-strip .header-tools{grid-column:3;grid-row:2;order:initial}
body.fit-screen .chart-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
body.fit-screen .chart-toolbar-line{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;white-space:nowrap;color:#22c55e}
body.fit-screen .chart-toolbar-line .chart-head{display:contents}
body.fit-screen .chart-toolbar-line .chart-head>div:first-child{display:flex;align-items:center;gap:4px}
body.fit-screen .chart-toolbar-line .eyebrow{font-size:8px;margin:0;color:#22c55e}
body.fit-screen .chart-toolbar-line h2{font-size:11px;color:#22c55e;white-space:nowrap}
body.fit-screen .chart-toolbar-line .chart-actions{flex-wrap:nowrap;gap:3px}
body.fit-screen .chart-toolbar-line .chart-actions input,body.fit-screen .chart-toolbar-line .chart-actions button{padding:4px 5px;font-size:8px;height:26px;color:#22c55e;border-color:#187f43}
body.fit-screen .chart-toolbar-line .chart-actions .totp-input{width:82px}
body.fit-screen .chart-toolbar-line .chart-actions input[type=date]{width:104px}
body.fit-screen .chart-toolbar-line .zoom-controls button{padding:4px 6px}
body.fit-screen .chart-toolbar-line .chart-metrics{display:flex;flex:1;min-width:0;flex-wrap:nowrap;gap:5px;padding:0;color:#22c55e;font-size:8px;overflow:hidden}
body.fit-screen .chart-toolbar-line .chart-metrics b{color:#22c55e}
body.fit-screen .chart-toolbar-line .trade-signal{min-width:80px;max-width:180px;margin-left:0;padding:5px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}
body.fit-screen .levels-editor{grid-template-columns:minmax(240px,1fr) auto;margin:3px 0 5px;gap:3px 6px}
body.fit-screen .levels-editor>label{font-size:8px}
body.fit-screen .levels-editor textarea{min-height:42px;max-height:48px;padding:5px 7px;font-size:9px}
body.fit-screen .levels-editor>div{gap:3px}
body.fit-screen .risk-controls input{width:62px;padding:4px}
body.fit-screen .levels-editor button{padding:5px 8px;font-size:9px}
body.fit-screen .canvas-wrap{height:100%;max-height:none;min-height:0;overflow:hidden}
body.fit-screen .canvas-wrap canvas{width:100%;height:100%;min-width:0}
/* Readable chart control area: keep controls inside the highlighted chart header only */
body.fit-screen .chart-toolbar-line{display:grid;grid-template-rows:auto auto;gap:6px;overflow:visible;white-space:normal;color:#22c55e}
body.fit-screen .chart-toolbar-line .chart-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
body.fit-screen .chart-toolbar-line .chart-head>div:first-child{display:flex;align-items:center;gap:7px;min-width:max-content}
body.fit-screen .chart-toolbar-line .eyebrow{font-size:10px;letter-spacing:.12em}
body.fit-screen .chart-toolbar-line h2{font-size:15px}
body.fit-screen .chart-toolbar-line .chart-actions{display:flex;flex:1;justify-content:flex-end;flex-wrap:nowrap;gap:5px;min-width:0}
body.fit-screen .chart-toolbar-line .chart-actions input,body.fit-screen .chart-toolbar-line .chart-actions button{height:32px;padding:6px 8px;font-size:10px}
body.fit-screen .chart-toolbar-line .chart-actions .totp-input{width:98px}
body.fit-screen .chart-toolbar-line .chart-actions input[type=date]{width:118px}
body.fit-screen .chart-toolbar-line .zoom-controls{display:inline-flex;gap:3px}
body.fit-screen .chart-toolbar-line .chart-metrics{display:flex;align-items:center;min-height:32px;gap:13px;padding:4px 2px;font-size:10px;overflow:visible}
body.fit-screen .chart-toolbar-line .trade-signal{flex:1;max-width:none;margin-left:auto;padding:7px 10px;font-size:10px;text-align:center}
body.fit-screen .levels-editor{grid-template-columns:minmax(300px,1fr) auto;gap:5px 10px;margin:4px 0 7px}
body.fit-screen .levels-editor>label{font-size:10px}
body.fit-screen .levels-editor textarea{min-height:54px;max-height:58px;padding:7px 9px;font-size:10px}
body.fit-screen .levels-editor>div{justify-content:flex-start;gap:5px}
body.fit-screen .risk-controls{gap:6px;flex-wrap:nowrap}
body.fit-screen .risk-controls label{font-size:9px}
body.fit-screen .risk-controls input{width:70px;padding:6px;font-size:11px}
body.fit-screen .levels-editor button{padding:7px 10px;font-size:10px}
/* Professional chart workspace based on the compact reference layout */
body.fit-screen .chart-toolbar-line{display:block;padding:2px 3px 5px;border-bottom:1px solid color-mix(in srgb,#16a34a 35%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,#16a34a 5%,var(--panel)),var(--panel))}
body.fit-screen .chart-toolbar-line .chart-head{display:block}
body.fit-screen .chart-toolbar-line .chart-head>div:first-child{display:none}
body.fit-screen .chart-toolbar-line .chart-actions{display:flex;justify-content:flex-start;gap:6px;width:100%;overflow:hidden}
body.fit-screen .chart-toolbar-line .broker-status{font-size:11px;color:#60a5fa;margin-right:3px}
body.fit-screen .chart-toolbar-line .chart-actions input,body.fit-screen .chart-toolbar-line .chart-actions button{height:31px;padding:6px 9px;font-size:10px;color:#d8fbe7;border:1px solid #16834a;background:#07150f;border-radius:7px}
body.fit-screen .chart-toolbar-line .chart-actions input:focus,body.fit-screen .chart-toolbar-line .chart-actions button:hover{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e22}
body.fit-screen .chart-toolbar-line .chart-actions .totp-input{width:100px}
body.fit-screen .chart-toolbar-line .chart-actions input[type=date]{width:120px}
body.fit-screen .chart-toolbar-line .chart-metrics{display:flex;min-height:27px;gap:16px;padding:6px 1px 0;font-size:10px;color:#8ee7b2}
body.fit-screen .chart-toolbar-line .chart-metrics b{color:#22c55e}
body.fit-screen .chart-toolbar-line .trade-signal{margin-left:auto;min-height:25px;padding:5px 9px;border-radius:5px;font-size:9px;max-width:48%;color:#04130a;background:#22c55e}
body.fit-screen .levels-editor{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 292px;grid-template-rows:auto minmax(55px,auto);gap:4px 10px;padding:6px 3px 7px;margin:0;border-bottom:1px solid var(--line)}
body.fit-screen .levels-editor>label{grid-column:1;grid-row:1;font-size:9px;color:var(--muted)}
body.fit-screen .levels-editor>label small{font-size:8px}
body.fit-screen .levels-editor textarea{grid-column:1;grid-row:2;min-height:58px;max-height:62px;padding:7px 9px;font-size:9px;line-height:1.35;border-radius:7px}
body.fit-screen .levels-editor>div{grid-column:2;grid-row:1/3;display:grid;grid-template-rows:auto auto auto;align-content:start;gap:5px}
body.fit-screen .risk-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 7px;width:100%}
body.fit-screen .risk-controls label{font-size:9px}
body.fit-screen .risk-controls input{width:100%;height:29px;padding:5px 7px;border-radius:6px}
body.fit-screen .levels-editor>div>button{justify-self:start;padding:6px 10px;color:#d8fbe7;border-color:#16834a;background:#07150f}
body.fit-screen .levels-editor>div>span{font-size:8px;line-height:1.25;max-width:292px}
body.fit-screen .canvas-wrap{border-color:#17452d;border-radius:9px;background:#050908}
/* Keep levels/risk editor compact so the chart receives the panel height */
body.fit-screen .levels-editor{grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:14px 96px;gap:4px 10px;padding:5px 3px 6px}
body.fit-screen .levels-editor>label{grid-column:1;grid-row:1;margin:0;line-height:14px}
body.fit-screen .levels-editor textarea{grid-column:1;grid-row:2;min-height:52px;max-height:52px;resize:none}
body.fit-screen .levels-editor>div{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:5px 7px;padding:5px 7px;border:1px solid #16834a;border-radius:8px;background:linear-gradient(145deg,#0a1912,#07100c);box-shadow:inset 0 0 0 1px #22c55e14}
body.fit-screen .levels-editor .risk-controls{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 7px;width:100%}
body.fit-screen .levels-editor .risk-controls label{grid-column:auto!important;display:block;margin:0;font-size:8px;color:#8ee7b2}
body.fit-screen .levels-editor .risk-controls input{display:block;width:100%;height:25px;margin-top:2px;padding:3px 6px;border-color:#1b6540;background:#0d2017;color:#f1fff6}
body.fit-screen .levels-editor>div>button{grid-column:1;grid-row:2;align-self:start;margin:0;padding:5px 8px;font-size:9px}
body.fit-screen .levels-editor>div>span{grid-column:2;grid-row:2;align-self:center;max-width:none;font-size:7.5px;line-height:1.2;color:#86a996;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* Final levels layout: wide text box left, risk/apply block right */
body.fit-screen .levels-editor{grid-template-columns:minmax(0,2fr) minmax(290px,1fr);grid-template-rows:14px 92px;column-gap:10px;padding:5px 4px 7px}
body.fit-screen .levels-editor textarea{width:100%;height:58px;min-height:58px;max-height:58px;align-self:start;border:1px solid #245b3d;background:#07100d;color:#edf8f2}
body.fit-screen .levels-editor>div{height:92px;padding:5px 7px;grid-template-columns:94px minmax(0,1fr);grid-template-rows:53px 23px;gap:4px 7px}
body.fit-screen .levels-editor .risk-controls{height:53px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,25px);gap:3px 7px}
body.fit-screen .levels-editor .risk-controls label{position:relative;padding-top:9px;height:27px}
body.fit-screen .levels-editor .risk-controls label input{position:absolute;left:0;right:0;bottom:0;height:19px;margin:0;padding:2px 6px}
body.fit-screen .levels-editor .risk-controls label{line-height:8px}
body.fit-screen .levels-editor>div>button{width:94px;height:23px;padding:3px 6px;white-space:nowrap}
body.fit-screen .levels-editor>div>span{font-size:7.5px;-webkit-line-clamp:2}
/* Exact single-band layout: levels | apply/status | risk controls */
body.fit-screen .levels-editor{display:grid;grid-template-columns:minmax(0,1fr) 200px 300px;grid-template-rows:14px 58px;gap:4px 8px;padding:5px 4px 7px}
body.fit-screen .levels-editor>label{grid-column:1;grid-row:1;line-height:14px}
body.fit-screen .levels-editor textarea{grid-column:1;grid-row:2;width:100%;height:58px;min-height:58px;max-height:58px;margin:0}
body.fit-screen .levels-editor>div{grid-column:2/4;grid-row:1/3;width:100%;height:76px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:grid;grid-template-columns:200px 300px;grid-template-rows:30px 46px;gap:0 8px}
body.fit-screen .levels-editor>div>button{grid-column:1;grid-row:1;justify-self:end;align-self:end;width:auto;height:25px;padding:4px 9px}
body.fit-screen .levels-editor>div>span{grid-column:1;grid-row:2;align-self:start;text-align:right;padding:5px 2px 0 4px;max-width:200px;font-size:7.5px;line-height:1.25;-webkit-line-clamp:3}
body.fit-screen .levels-editor .risk-controls{grid-column:2;grid-row:1/3;width:300px;height:76px;padding:5px 7px;border:1px solid #16834a;border-radius:8px;background:linear-gradient(145deg,#0a1912,#07100c);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,30px);gap:4px 7px}
body.fit-screen .levels-editor .risk-controls label{position:static!important;display:block!important;grid-column:auto!important;height:30px!important;padding:0!important;margin:0!important;font-size:8px;line-height:8px;color:#8ee7b2}
body.fit-screen .levels-editor .risk-controls label input{position:static!important;display:block;width:100%;height:21px;margin:1px 0 0;padding:2px 6px;border-color:#1b6540;background:#0d2017;color:#f1fff6}
.workspace-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:16px; margin-top:20px; }
.option-panel,.chart-panel { min-width:0; border:1px solid var(--line); border-radius:18px; background:var(--panel); padding:14px; }
.chart-panel { margin-top:0; padding:18px; }
.option-panel .toolbar { margin-top:0; }
.chart-head { display:flex; justify-content:space-between; align-items:center; gap:18px; }
.chart-head h2 { margin:0; font-size:25px; }
.chart-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:8px; }
.chart-measure-button{border-color:#1687d9!important;color:#6ed7ff!important;background:#061b2d!important;font-weight:800}.chart-measure-button.active,.chart-measure-button[aria-pressed="true"]{color:#fff!important;background:linear-gradient(180deg,#1688ff,#075bc7)!important;border-color:#49b9ff!important;box-shadow:0 0 0 2px #1688ff33}.measure-chart-wrap{position:relative}.measure-chart-wrap canvas.measuring{cursor:crosshair!important}.measure-chart-help{position:absolute;left:50%;top:8px;transform:translateX(-50%);z-index:3;padding:5px 10px;border:1px solid #1687d9;border-radius:7px;background:#031422e8;color:#bfeaff;font-size:10px;font-weight:700;pointer-events:none;white-space:nowrap}
.chart-actions input { color:var(--ink); background:#10221d; border:1px solid var(--line); border-radius:9px; padding:8px; }
.chart-actions .totp-input { width:118px; letter-spacing:.12em; }
.zoom-controls{display:inline-flex;gap:4px}.zoom-controls button{padding:8px 10px}.canvas-wrap canvas{cursor:grab;touch-action:none}.canvas-wrap canvas.dragging{cursor:grabbing}
.broker-status { color:var(--muted); font-size:12px; margin-right:5px; }.broker-status.connected{color:var(--mint);}.broker-status.protection-unavailable{border-color:#ef4444!important;background:#35131a!important;color:#ff8b96!important;box-shadow:0 0 0 1px #ef444455}
.chart-control-stack{display:grid;gap:6px;justify-items:end;min-width:0}.chart-auth-status{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex-wrap:wrap}.chart-auth-status .broker-status{margin:0;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-weight:700}.chart-auth-status small{color:var(--muted);font-size:10px}.home-legacy-live-controls[hidden]{display:none!important}body.fit-screen .chart-toolbar-line .chart-control-stack{display:grid;gap:4px;margin-left:auto}body.fit-screen .chart-toolbar-line .chart-auth-status{gap:5px}body.fit-screen .chart-toolbar-line .chart-auth-status .broker-status{font-size:9px;padding:3px 6px}body.fit-screen .chart-toolbar-line .chart-auth-status small{font-size:8px}body.fit-screen .chart-toolbar-line .chart-control-stack .chart-actions{display:flex;width:auto;justify-content:flex-end;overflow:visible}@media(max-width:720px){.chart-control-stack{width:100%;justify-items:stretch}.chart-auth-status{justify-content:flex-start}.chart-auth-status small{flex-basis:100%}.chart-control-stack .chart-actions{justify-content:flex-start!important}}
.chart-metrics { display:flex; align-items:center; gap:20px; flex-wrap:wrap; padding:14px 2px; color:var(--muted); font-size:12px; }.chart-metrics b{color:var(--ink);margin-left:4px;}
.impulse-status{padding:5px 8px;border:1px solid #315348;border-radius:7px;background:#0b1814;color:#8fd9ba;font-size:10px;font-weight:700}.impulse-status.detected-up{border-color:#22c55e;color:#6ef59d;background:#082315}.impulse-status.detected-down{border-color:#ef4444;color:#ff8a92;background:#2a0d10}
.recording-status{padding:5px 8px;border:1px solid #5a3a3a;border-radius:7px;background:#201010;color:#ff9292;font-size:10px;font-weight:900}.recording-status.active{border-color:#ef4444;background:#3a090d;color:#fff;box-shadow:0 0 12px #ef444455}
.trade-signal { margin-left:auto; padding:8px 12px; border-radius:8px; letter-spacing:.04em; }.trade-signal.idle{color:var(--muted);background:#101d19;}.trade-signal.long{color:#071a12;background:var(--mint);box-shadow:0 0 18px #58e0ae44;}.trade-signal.short{color:#fff;background:var(--red);box-shadow:0 0 18px #ff6b7844;}
.levels-editor { display:grid; grid-template-columns:minmax(280px,1fr) auto; gap:8px 12px; margin:2px 0 14px; }
.levels-editor label { grid-column:1/-1; }.levels-editor label small { margin-left:8px; color:#5f8176; }
.levels-editor textarea { resize:vertical; min-height:68px; color:var(--ink); background:#08120f; border:1px solid var(--line); border-radius:10px; padding:10px 12px; font:12px ui-monospace,SFMono-Regular,Consolas,monospace; }
.levels-editor>div { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:7px; }.levels-editor>div span { color:var(--muted); font-size:10px; max-width:300px; }
.risk-controls{display:flex;flex-wrap:wrap;gap:8px}.risk-controls label{font-size:10px}.risk-controls input{display:block;width:76px;margin-top:4px;color:var(--ink);background:#10221d;border:1px solid var(--line);border-radius:7px;padding:7px}
.canvas-wrap { overflow:auto; border:1px solid #18322b; border-radius:12px; background:#0b1513; } canvas { display:block; width:100%; min-width:650px; height:auto; }
.pnl-panel { margin-top:16px; border:1px solid var(--line); border-radius:18px; background:var(--panel); padding:16px; }.pnl-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.pnl-head h2{margin:0}.pnl-head>div:last-child{display:flex;flex-direction:column;text-align:right;color:var(--muted);font-size:11px}.pnl-head>div:last-child strong{font-size:20px;margin-top:3px}.pnl-wrap{overflow:auto;margin-top:12px}.pnl-table{table-layout:auto;min-width:760px;font-size:12px;border-collapse:separate;border-spacing:0}.pnl-table th,.pnl-table td{padding:9px 10px;border-right:1px solid #294866;border-bottom:1px solid #223d58}.pnl-table th:first-child,.pnl-table td:first-child{border-left:1px solid #294866}.pnl-table thead th{border-top:1px solid #294866}.side-long{color:var(--mint);font-weight:800}.side-short{color:var(--red);font-weight:800}.trade-open{background:#ffd1660b}
.home-paper-tabs{display:flex;align-items:center;gap:4px;margin-top:8px;border-bottom:1px solid var(--line)}.home-paper-tabs button{padding:8px 15px;border:0;border-bottom:3px solid transparent;border-radius:7px 7px 0 0;background:transparent;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.04em}.home-paper-tabs button:hover{color:var(--ink);background:var(--surface)}.home-paper-tabs button.active{border-bottom-color:#4d8ee8;background:#18335f;color:#fff}.home-paper-tabs span{display:inline-grid;min-width:20px;height:20px;margin-left:5px;padding:0 5px;place-items:center;border-radius:999px;background:#4d8ee8;color:#fff}.home-paper-tab-panel{min-height:0;flex:1;overflow:hidden;display:flex;flex-direction:column}.home-paper-tab-panel[hidden]{display:none!important}.analysis-result-status{border-color:#315ea1;background:#071a35}.analysis-result-status strong{color:#78a9ff}.analysis-home-table{min-width:1400px}.analysis-home-table td{vertical-align:top;white-space:normal}.analysis-home-table small{display:block;margin-top:3px;color:var(--muted);line-height:1.35}
.live-order-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;padding:10px;border:1px solid #5f392d;border-radius:10px;background:#2a100d}.live-order-controls small{color:#d69b8c}.live-order-controls strong{color:#ffd166}.danger-button{background:#d83b45!important;color:white!important;border-color:#ff6872!important}.live-order-controls button:disabled{opacity:.45;cursor:not-allowed}
.trade-action{white-space:nowrap}.trade-action button{padding:7px 9px;font-size:10px;margin:2px}.exit-button{background:#ffd166!important;color:#251800!important;border-color:#ffd166!important}.paper-exit-button{background:#f97316!important;color:#fff!important;border-color:#fb923c!important}
.delete-trade{background:transparent!important;color:var(--red)!important;border-color:color-mix(in srgb,var(--red) 55%,transparent)!important}#clearPaperHistory{margin-top:7px;padding:5px 8px;font-size:10px;color:var(--red)}
.setup-badge{display:inline-block;padding:4px 7px;border-radius:5px;font-weight:900;cursor:help}.setup-hpt{background:#58e0ae;color:#07110f}.setup-lpt{background:#ffd166;color:#241a00}.setup-risky{background:#ff994d;color:#241000}.setup-no-trade{background:#ff6b78;color:#fff}.setup-badge[class*="setup-strategy-1"]{background:#8b5cf6;color:#fff;border:1px solid #c4b5fd;box-shadow:0 0 9px #8b5cf655}
.trade-state,.trade-result{display:inline-block;min-width:58px;padding:4px 7px;border-radius:999px;text-align:center;font-size:10px;font-weight:900;letter-spacing:.04em}.state-open{background:#2f80ed;color:#fff}.state-closed{background:#596579;color:#fff}.result-win{background:#16c784;color:#04140d}.result-loss{background:#ef476f;color:#fff}.result-even{background:#ffd166;color:#241a00}.result-pending{color:var(--muted);border:1px solid var(--line)}
.side-long::before{content:"↑ ";}.side-short::before{content:"↓ ";}.setup-hpt::before{content:"◆ ";}.setup-lpt::before{content:"◇ ";}.setup-risky::before{content:"⚠ ";}.setup-no-trade::before{content:"⊘ ";}.setup-badge[class*="setup-strategy-1"]::before{content:"↔ ";}.state-open::before{content:"● ";}.state-closed::before{content:"■ ";}.result-win::before{content:"✓ ";}.result-loss::before{content:"✕ ";}.result-even::before{content:"= ";}.result-pending::before{content:"⏳ ";}
@media (max-width:1100px) { .workspace-grid { grid-template-columns:1fr; } }
@media (max-width:700px) { main { width:min(100% - 20px,1180px); padding-top:24px; } header { align-items:flex-start; flex-direction:column; } .status-card { width:100%; } .metrics { grid-template-columns:1fr 1fr; } .levels-editor{grid-template-columns:1fr;} }
.model-rule{margin:5px 0;color:#f4c95d;font-size:11px;line-height:1.25}
.model-rule strong{color:#39d98a}

/* Live control drawer mirrors the Backtester control deck and short rail. */
body{--live-control-width:460px}body.live-control-drawer-ready>main{margin-left:var(--live-control-width);width:calc(100% - var(--live-control-width) - 10px);transition:margin-left .08s linear,width .08s linear}.live-control-drawer{position:fixed;z-index:108;left:0;top:0;bottom:0;width:var(--live-control-width);box-sizing:border-box;padding:12px 18px 18px 10px;border-right:1px solid var(--line);background:var(--bg);box-shadow:8px 0 24px #0008;overflow-x:hidden;overflow-y:auto}.live-control-drawer>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:4px 4px 10px;border-bottom:1px solid var(--line)}.live-control-drawer>header h2{margin:1px 0 0;font-size:20px}.live-control-minimize{width:34px;height:34px;padding:0;border:1px solid #36577f;border-radius:8px;background:#10213a;color:#75a9ef;font-size:25px;font-weight:900;line-height:1}.live-control-resizer{position:absolute;z-index:12;top:0;right:0;bottom:0;width:14px;cursor:col-resize;touch-action:none}.live-control-resizer::after{content:"";position:absolute;top:0;bottom:0;left:9px;width:3px;background:color-mix(in srgb,var(--mint) 62%,var(--line));opacity:.7}.live-control-resizer:hover::after,.live-control-resizer.dragging::after{left:8px;width:5px;opacity:1;background:var(--mint);box-shadow:0 0 9px color-mix(in srgb,var(--mint) 65%,transparent)}.live-control-drawer .levels-editor,.fit-screen .live-control-drawer .levels-editor{display:flex!important;flex-direction:column!important;gap:9px!important;margin:0!important;padding:0 2px!important;border:0!important}.live-control-drawer .levels-editor>label{font-size:10px!important}.live-control-drawer .levels-editor textarea{width:100%!important;height:150px!important;min-height:90px!important;max-height:none!important;resize:vertical!important}.live-control-drawer .levels-editor>div{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;gap:8px!important}.live-control-drawer .risk-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;height:auto!important;padding:8px!important;border:1px solid #16834a!important;border-radius:9px!important;background:#091811!important;gap:7px!important}.live-control-drawer .risk-controls label{position:static!important;height:auto!important;padding:0!important;font-size:9px!important}.live-control-drawer .risk-controls input{position:static!important;width:100%!important;height:30px!important;margin-top:3px!important}.live-control-drawer .chart-toggle,.live-control-drawer .strategy-toggle{width:100%;box-sizing:border-box}.live-control-drawer .model-rule{width:100%;padding:8px;border:1px solid #d5a62f66;border-radius:8px;box-sizing:border-box}.live-control-drawer #applyLevels{width:100%;height:34px}.live-control-drawer #activeLevels{max-width:none!important;text-align:left!important}.live-collapsed-rail{display:none}.live-controls-minimized .live-control-drawer{width:66px;padding:6px 7px;scrollbar-width:none}.live-controls-minimized .live-control-drawer>header,.live-controls-minimized .live-control-drawer>.levels-editor{display:none!important}.live-controls-minimized .live-collapsed-rail{display:flex;flex-direction:column;align-items:center;gap:9px}.live-collapsed-rail button,.live-collapsed-risk label,.live-collapsed-strategy label{box-sizing:border-box;width:48px;min-height:48px;border:1px solid #36577f;border-radius:8px;background:#10213a;color:#75a9ef;font-size:8px;font-weight:900}.live-collapsed-rail button{font-size:25px}.live-collapsed-risk,.live-collapsed-strategy{display:flex;flex-direction:column;gap:9px}.live-collapsed-risk label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px}.live-collapsed-risk input{width:42px;height:22px;padding:0;border:0;background:transparent;color:var(--ink);font-size:11px;font-weight:950;text-align:center}.live-collapsed-strategy label{display:grid;grid-template-columns:14px 1fr;align-items:center;padding:4px}.live-collapsed-strategy input{width:13px;height:13px;margin:0}.live-collapsed-strategy select{grid-column:1/3;width:38px;height:20px;min-width:0;padding:0 2px;font-size:9px}.live-collapsed-strategy label:last-child{border-color:var(--mint);color:var(--mint)}
.setup-calculation{display:block;max-width:230px;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.25;white-space:normal}
.moneyness-badge{display:inline-block;margin-top:3px;padding:1px 5px;border-radius:999px;font-size:7px;line-height:12px;font-weight:900;letter-spacing:.07em}
.moneyness-atm{background:#ffd166;color:#251900}.moneyness-itm{background:#2dd4bf;color:#03211c}.moneyness-otm{background:#334155;color:#dbe7f5}
/* Live short controls match the Backtester professional rail. */
.live-controls-minimized .live-control-drawer{width:86px!important;padding:8px 20px 12px 8px!important;border-right:1px solid #31577c!important;background:linear-gradient(180deg,#07111f,#091728)!important;scrollbar-width:thin!important;scrollbar-color:#36577f transparent!important}
.live-controls-minimized .live-collapsed-rail{width:56px!important;align-items:center!important;gap:12px!important}
.live-controls-minimized .live-collapsed-rail>*{flex:0 0 auto!important}
.live-controls-minimized .live-collapsed-rail button,.live-controls-minimized .live-collapsed-risk label,.live-controls-minimized .live-collapsed-strategy label{width:56px!important;min-width:56px!important;min-height:48px!important;margin:0!important;border-color:#385f89!important;border-radius:10px!important;background:linear-gradient(180deg,#142b49,#0c1c32)!important;color:#9ac6ff!important;box-shadow:inset 0 1px #ffffff12,0 3px 8px #0007!important}
.live-controls-minimized .live-collapsed-rail button:hover,.live-controls-minimized .live-collapsed-risk label:hover,.live-controls-minimized .live-collapsed-strategy label:hover{border-color:#35d6a0!important;background:linear-gradient(180deg,#173b4c,#0e2934)!important;color:#66f2c2!important}
.live-controls-minimized .live-collapsed-risk,.live-controls-minimized .live-collapsed-strategy{width:56px!important;gap:12px!important}
.live-controls-minimized .live-collapsed-risk label b{margin-top:4px;color:var(--ink);font-size:11px}
.moneyness-edge{box-shadow:inset 0 0 0 0 transparent}.moneyness-edge-itm{box-shadow:inset 3px 0 0 #2dd4bf}.moneyness-edge-atm{box-shadow:inset 3px 0 0 #ffd166}.moneyness-edge-otm{box-shadow:inset 3px 0 0 #64748b}
.rules-toggle{position:fixed;left:0;top:46%;z-index:89;padding:12px 7px;border-radius:0 9px 9px 0;background:#117a49;color:#fff;border-color:#36c87e;writing-mode:vertical-rl;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900;box-shadow:0 5px 20px #0008}
.rules-backdrop{position:fixed;inset:0;z-index:189;background:#0009;backdrop-filter:blur(2px)}
.rules-panel{position:fixed;left:0;top:0;bottom:0;z-index:190;width:min(560px,92vw);margin:0;padding:18px;border:0;border-right:1px solid var(--line);border-radius:0 18px 18px 0;background:var(--panel);overflow:auto;transform:translateX(-102%);transition:transform .22s ease;box-shadow:18px 0 45px #000b}
.rules-panel.open{transform:translateX(0)}
.rules-panel{top:54px;left:8px;right:8px;bottom:8px;width:auto;max-width:none;border:1px solid var(--line);border-radius:16px;transform:translateX(calc(100% + 24px))}
.web-alert-toast{position:fixed;z-index:500;left:50%;top:62px;max-width:min(820px,calc(100vw - 32px));padding:11px 18px;border:1px solid #f59e0b;border-radius:10px;background:#351d08ee;color:#ffd875;font-weight:850;font-size:13px;line-height:1.35;box-shadow:0 12px 34px #000b;opacity:0;pointer-events:none;transform:translate(-50%,-14px);transition:opacity .18s ease,transform .18s ease}.web-alert-toast.show{opacity:1;transform:translate(-50%,0)}.web-alert-toast.error{border-color:#ef4444;background:#3b1014ee;color:#fecaca}.dhan-login-required{border-color:#f59e0b!important;background:#3a270f!important;color:#fbbf24!important}

/* Live workspace corrections: rail clears navigation/header, chart fills its row, paper header stays compact. */
body.live-controls-minimized.live-control-drawer-ready>main{margin-left:94px!important;width:calc(100% - 104px)!important}
.live-control-drawer{top:50px!important}
body.fit-screen .chart-panel{grid-template-rows:auto minmax(0,1fr) auto!important}
body.fit-screen .chart-panel>.canvas-wrap{align-self:stretch;height:100%!important;min-height:0!important}
body.fit-screen .pnl-panel{padding:6px 9px!important}
body.fit-screen .pnl-head{min-height:40px;align-items:center}
body.fit-screen .pnl-head .eyebrow{margin:0 0 1px;font-size:8px}
body.fit-screen .pnl-head h2{font-size:16px!important;line-height:1.05}
body.fit-screen .pnl-head>div:last-child{flex-direction:row;align-items:center;gap:8px}
body.fit-screen .pnl-head>div:last-child strong{margin:0;font-size:17px}
body.fit-screen .home-paper-tabs{margin-top:2px}
body.fit-screen .live-order-controls{margin-top:2px!important}
body.fit-screen .pnl-wrap{margin-top:2px!important}
.rules-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.rules-heading h2{margin:0}.rules-heading-actions{display:flex;align-items:center;gap:8px}.rules-heading-actions>span{padding:6px 10px;border:1px solid #247a50;border-radius:999px;color:var(--mint);font-size:11px;font-weight:800}.rules-heading-actions button{width:31px;height:31px;padding:0;font-size:20px;line-height:1}
.symbol-legend{margin-bottom:12px;padding:12px 13px;border:1px solid #27513f;border-radius:11px;background:linear-gradient(145deg,#0c1b16,#09120f)}
.symbol-legend h3{margin:0 0 9px;color:var(--mint);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.symbol-legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;color:var(--muted);font-size:10px}
.symbol-legend-grid span{display:flex;align-items:center;gap:7px;min-width:0}
.symbol-legend-grid b{display:inline-grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:5px;background:var(--surface);font-size:13px}
.symbol-long,.symbol-win,.symbol-entry,.symbol-hpt{color:var(--mint)}.symbol-short,.symbol-loss,.symbol-exit{color:var(--red)}.symbol-open{color:#4f9dff}.symbol-closed{color:#8995a8}.symbol-lpt{color:var(--gold)}.symbol-risky{color:#ff994d}.symbol-no-trade{color:#ff6b78}
.strategy-risk-editor{margin:0 0 12px;padding:13px;border:1px solid #3478c8;border-radius:12px;background:linear-gradient(145deg,#0b1c31,#09131f)}.strategy-risk-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.strategy-risk-heading h3{margin:0;color:#79b7ff;font-size:15px}.strategy-risk-heading small{color:var(--muted);font-size:10px}.strategy-risk-heading button{min-width:125px;background:#1678c2;border-color:#3ea8f5;font-size:10px;font-weight:900}.strategy-risk-table-wrap{overflow-x:auto;border:1px solid #294d78;border-radius:8px}.strategy-risk-editor table{width:100%;min-width:650px;border-collapse:collapse}.strategy-risk-editor th,.strategy-risk-editor td{padding:7px;border-right:1px solid #294d78;border-bottom:1px solid #294d78;text-align:left;font-size:11px}.strategy-risk-editor tr:last-child>*{border-bottom:0}.strategy-risk-editor tr>*:last-child{border-right:0}.strategy-risk-editor thead th{color:#79b7ff;background:#0c1b2c;font-size:9px;letter-spacing:.06em}.strategy-risk-editor tbody th{color:var(--ink);white-space:nowrap}.strategy-risk-editor input{width:100%;min-width:82px;height:31px;padding:4px 7px;border:1px solid #345d88;border-radius:6px;background:#091522;color:var(--ink);font-size:12px;font-weight:800}.strategy-risk-status{margin:9px 0 0;color:#7dd3fc;font-size:11px;font-weight:800}.strategy-risk-status.error{color:#ff7180}.strategy-risk-status.saved{color:var(--mint)}.strategy-risk-note{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.4}
.rules-grid{display:grid;grid-template-columns:1fr;gap:10px}
.rules-grid article{padding:13px 14px;border:1px solid #1a3c31;border-radius:11px;background:linear-gradient(145deg,#0b1713,#09110f)}
.rules-grid h3{margin:0 0 8px;color:var(--ink);font-size:13px}.rules-grid ul{margin:0;padding-left:17px;color:var(--muted);font-size:11px;line-height:1.45}.rules-grid li+li{margin-top:5px}
.rule-risky{color:#ff994d}.rule-lpt{color:#ffd166}.rule-hpt{color:#58e0ae}
.rules-warning{margin:12px 0 0;padding:9px 11px;border-left:3px solid #ffd166;background:#2a210b;color:#e6c96f;font-size:10px;line-height:1.4}
.daily-loss-rule-editor{margin-bottom:12px;padding:14px;border:1px solid #b7791f;border-radius:11px;background:linear-gradient(145deg,#2a1c08,#11100c)}.daily-loss-rule-editor form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,260px) minmax(160px,260px) auto;align-items:end;gap:10px}.daily-loss-rule-editor h3{margin:0 0 3px;color:#ffd166}.daily-loss-rule-editor small,.daily-loss-rule-editor p{color:var(--muted)}.daily-loss-rule-editor p{margin:8px 0 0;font-size:11px;line-height:1.45}.daily-loss-rule-editor label{display:grid;gap:4px;color:#ffe3a3;font-size:11px;font-weight:800}.daily-loss-rule-editor input{width:100%}.daily-loss-rule-editor button{background:#8a5a0b;border-color:#e8ad3f;white-space:nowrap}.daily-loss-rule-status{margin-top:9px;padding:7px 9px;border-radius:7px;background:#0c1714;color:var(--mint);font-size:11px;font-weight:800}.daily-loss-rule-status.locked,.daily-loss-rule-status.error{background:#2b1014;color:#ff7c88}.today-modifications{border-color:#2877aa!important;background:linear-gradient(145deg,#0b2233,#09111a)!important}.today-modifications h3{color:#62bdff!important}
@media (max-width:700px){.rules-panel{width:94vw}.rules-toggle{top:42%}.strategy-risk-heading{align-items:flex-start;flex-direction:column}.strategy-risk-heading button{width:100%}.daily-loss-rule-editor form{grid-template-columns:1fr}.daily-loss-rule-editor button{width:100%}}
.analysis-toggle{position:fixed;right:0;top:46%;z-index:89;padding:12px 7px;border-radius:9px 0 0 9px;background:#2457a7;color:#fff;border-color:#5d91e9;writing-mode:vertical-rl;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900;box-shadow:0 5px 20px #0008}
.analysis-backdrop{position:fixed;inset:0;z-index:92;background:#0009;backdrop-filter:blur(2px)}
.analysis-panel{position:fixed;right:0;top:0;bottom:0;z-index:93;width:min(590px,94vw);padding:18px;border-left:1px solid #345d9e;border-radius:18px 0 0 18px;background:var(--panel);overflow:auto;transform:translateX(102%);transition:transform .22s ease;box-shadow:-18px 0 45px #000b}
.analysis-panel.open{transform:translateX(0)}.analysis-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.analysis-heading h2{margin:0}.analysis-heading>button{width:32px;height:32px;padding:0;font-size:20px}
.analysis-note{padding:10px;border-left:3px solid #5d91e9;background:#0d1a2d;color:var(--muted);font-size:11px;line-height:1.45}.analysis-run{width:100%;margin:3px 0 12px;background:#2457a7;border-color:#5d91e9}
.analysis-summary{margin-bottom:10px;padding:9px 10px;border:1px solid #294d84;border-radius:9px;color:#a9c9ff;background:#0a1627;font-size:11px}.analysis-results{display:grid;gap:9px}
.analysis-card{padding:11px;border:1px solid #24436f;border-radius:10px;background:#0a151f}.analysis-card h3{display:flex;justify-content:space-between;gap:10px;margin:0 0 7px;font-size:13px}.analysis-card ul{margin:0;padding-left:17px;color:var(--muted);font-size:11px;line-height:1.5}.analysis-card .analysis-long{color:#58e0ae}.analysis-card .analysis-short{color:#ff7180}.analysis-card .analysis-setup{color:#ffd166}
.analysis-pnl{margin-top:14px;padding-top:12px;border-top:1px solid #294d84}.analysis-pnl-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.analysis-pnl-head h3{margin:0;font-size:14px}.analysis-pnl-head strong{color:#58e0ae}.analysis-pnl-stats{margin:7px 0;color:#a9c9ff;font-size:10px}.analysis-pnl-wrap{overflow:auto;border:1px solid #24436f;border-radius:9px}.analysis-pnl table{width:100%;min-width:1120px;font-size:10px}.analysis-pnl th,.analysis-pnl td{padding:7px 6px;white-space:nowrap}.analysis-win{color:#58e0ae;font-weight:900}.analysis-loss{color:#ff7180;font-weight:900}.analysis-open{color:#ffd166;font-weight:900}
@media (max-width:700px){.analysis-panel{width:96vw}.analysis-toggle{top:42%}}

.drawer-nav{display:flex;flex:1;align-items:stretch;justify-content:center;gap:5px;max-width:760px;margin:0 16px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}
.drawer-nav a{display:flex;flex:1;align-items:center;justify-content:center;min-height:31px;padding:6px 14px;border-radius:6px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.055em;text-decoration:none;white-space:nowrap}
.drawer-nav a:hover,.drawer-nav a.active{background:color-mix(in srgb,var(--mint) 18%,var(--surface));color:var(--ink)}
@media(max-width:800px){.drawer-nav{margin:0 6px;overflow:auto;justify-content:flex-start}.drawer-nav a{flex:0 0 auto;padding:6px 9px;font-size:9px}.backtester-heading>div:first-child{display:none}}
.workspace-grid{grid-template-columns:minmax(0,var(--home-left-pane,50%)) 8px minmax(0,1fr);gap:4px}.home-column-resizer{align-self:stretch;position:relative;min-height:180px;border-left:1px solid #4d8ee8;border-right:1px solid #4d8ee8;background:linear-gradient(90deg,transparent,#264d86,transparent);cursor:col-resize;touch-action:none}.home-column-resizer span{position:sticky;top:50%;display:grid;place-items:center;width:20px;height:48px;margin-left:-7px;border:1px solid #6296ff;border-radius:999px;background:#172846;color:#fff;font-weight:900}.home-column-resizer:hover,.home-column-resizer.dragging{background:#4d8ee8;box-shadow:0 0 14px #4d8ee888}@media(max-width:1100px){.workspace-grid{grid-template-columns:1fr}.home-column-resizer{display:none}}

/* Live workspace / paper-trade horizontal splitter */
.home-trade-resizer{position:relative;height:9px;min-height:9px;margin:0;border-top:1px solid #4d8ee8;border-bottom:1px solid #4d8ee8;background:linear-gradient(180deg,transparent,#274e88,transparent);cursor:row-resize;touch-action:none;z-index:8;user-select:none}
.home-trade-resizer span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:270px;padding:2px 14px;border:1px solid #6296ff;border-radius:999px;background:#172846;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;text-align:center;white-space:nowrap}
.home-trade-resizer:hover,.home-trade-resizer.dragging{border-color:#7aa8ff;background:#4d8ee8;box-shadow:0 0 14px #4d8ee888}
.home-trade-resizer:focus-visible{outline:2px solid #7aa8ff;outline-offset:2px}
body:not(.fit-screen) .home-trade-resizer{margin:7px 0}

/* Unified splitter system used by Home, Backtester, Recorder, Download and Historical Data. */
[role="separator"]{--splitter-blue:#4d8ee8;--splitter-green:#18c99a;--splitter-dark:#08111f;position:relative;background:transparent!important;border-color:transparent!important;box-shadow:none!important;outline:none;touch-action:none;user-select:none}
[role="separator"][aria-orientation="vertical"]{cursor:col-resize!important}
[role="separator"][aria-orientation="horizontal"]{cursor:row-resize!important}
[role="separator"][aria-orientation="vertical"]::after{content:""!important;position:absolute!important;z-index:1!important;top:0!important;bottom:0!important;left:50%!important;right:auto!important;width:4px!important;height:auto!important;transform:translateX(-50%)!important;border-radius:999px!important;background:linear-gradient(180deg,var(--splitter-blue),#7aa8ff 45%,var(--splitter-green))!important;opacity:.78!important;box-shadow:0 0 8px #4d8ee866!important}
[role="separator"][aria-orientation="horizontal"]::after{content:""!important;position:absolute!important;z-index:1!important;left:0!important;right:0!important;top:50%!important;bottom:auto!important;width:auto!important;height:4px!important;transform:translateY(-50%)!important;border-radius:999px!important;background:linear-gradient(90deg,var(--splitter-blue),#7aa8ff 45%,var(--splitter-green))!important;opacity:.78!important;box-shadow:0 0 8px #4d8ee866!important}
[role="separator"]>span,[role="separator"]::before{z-index:3!important;border:1px solid #70a2f4!important;border-radius:999px!important;background:var(--splitter-dark)!important;color:#f7fbff!important;box-shadow:0 3px 12px #000a!important;font-family:var(--app-font)!important;font-weight:900!important;letter-spacing:.055em!important;line-height:1!important}
[role="separator"]>span{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:grid!important;place-items:center!important;margin:0!important}
[role="separator"][aria-orientation="vertical"]>span{width:20px!important;min-width:20px!important;max-width:20px!important;height:48px!important;padding:0!important;font-size:11px!important}
[role="separator"][aria-orientation="horizontal"]>span{min-width:210px!important;height:22px!important;padding:0 13px!important;font-size:10px!important}
[role="separator"][aria-orientation="vertical"]:hover::after,[role="separator"][aria-orientation="vertical"]:focus-visible::after,[role="separator"][aria-orientation="vertical"].dragging::after{width:6px!important;opacity:1!important;box-shadow:0 0 14px #4d8ee8cc,0 0 9px #18c99aaa!important}
[role="separator"][aria-orientation="horizontal"]:hover::after,[role="separator"][aria-orientation="horizontal"]:focus-visible::after,[role="separator"][aria-orientation="horizontal"].dragging::after{height:6px!important;opacity:1!important;box-shadow:0 0 14px #4d8ee8cc,0 0 9px #18c99aaa!important}
[role="separator"]:hover>span,[role="separator"]:focus-visible>span,[role="separator"].dragging>span,[role="separator"]:hover::before,[role="separator"]:focus-visible::before,[role="separator"].dragging::before{border-color:var(--splitter-green)!important;background:#10243d!important;color:#fff!important}
.column-resizer::before,.control-drawer-resizer::before{content:"↔";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:20px;height:48px;font-size:16px}

@media(max-width:900px){
  [role="separator"].mobile-touch-splitter{display:flex!important;visibility:visible!important;position:relative!important;inset:auto!important;width:100%!important;height:30px!important;min-height:30px!important;margin:4px 0!important;align-items:center!important;justify-content:center!important;cursor:row-resize!important;pointer-events:auto!important;opacity:1!important}
  [role="separator"].mobile-touch-splitter::after{left:0!important;right:0!important;top:50%!important;bottom:auto!important;width:auto!important;height:5px!important;transform:translateY(-50%)!important;background:linear-gradient(90deg,var(--splitter-blue),#fff 48%,var(--splitter-green))!important}
  [role="separator"].mobile-touch-splitter>span{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:72px!important;height:22px!important;margin:0!important;padding:3px 12px!important;display:grid!important;place-items:center!important;font-size:0!important}
  [role="separator"].mobile-touch-splitter>span::after{content:"↕ DRAG";font-size:10px!important}
  .workspace-grid,.recorder-layout,.download-broker-grid,.history-grid,.historical-broker-grid,.dhan-result-grid{display:flex!important;flex-direction:column!important;overflow:visible!important}
}
.quantity-mode-toggle{display:inline-flex!important;align-items:center!important;gap:5px!important;color:var(--muted);font-size:10px;font-weight:750;white-space:nowrap}.quantity-mode-toggle input{width:15px!important;height:15px!important;margin:0!important;accent-color:var(--mint)}
.strategy-toggle{display:flex!important;align-items:center;gap:8px;grid-column:1/-1;padding:7px 9px;border:1px solid #3b82f680;border-radius:8px;background:#10213a;color:var(--text);cursor:pointer}.strategy-toggle input{width:17px!important;height:17px!important;min-width:17px;margin:0;accent-color:#16c784}.strategy-toggle span{font-size:11px;line-height:1.3}.strategy-toggle b{color:#60a5fa}
.strategy-toggle.strategy-three{border-color:#a855f780;background:#28123f80}.strategy-toggle.strategy-three b{color:#c4b5fd}
.strategy-toggle.strategy-four{border-color:#f9731680;background:#43140780}.strategy-toggle.strategy-four b{color:#fb923c}
.strategy-one-rules{border:1px solid #a855f7!important;background:linear-gradient(145deg,#a855f714,transparent)!important}.strategy-one-rules h3{color:#c084fc!important}
.strategy-eight-rules,.strategy-nine-rules{display:none!important}
.chart-toggle{display:flex!important;align-items:center;gap:7px;grid-column:1/-1;padding:6px 9px;border:1px solid #f59e0b80;border-radius:8px;background:#3a270f80;color:var(--text);cursor:pointer}.chart-toggle input{width:17px!important;height:17px!important;min-width:17px;margin:0;accent-color:#f59e0b}.chart-toggle span{font-size:11px}.chart-toggle b{color:#fbbf24}
.chart-toggle select{margin-left:auto;width:76px;min-width:76px;padding:4px 7px;border:1px solid #f59e0b80;border-radius:6px;background:var(--surface);color:var(--text);font-weight:700}
.chart-toggle.secondary{border-color:#06b6d480;background:#08334480}.chart-toggle.secondary input{accent-color:#06b6d4}.chart-toggle.secondary b{color:#22d3ee}.chart-toggle.secondary select{border-color:#06b6d480}

/* Live header: broker state, date/start, market metrics and paper position share one row. */
body.fit-screen .chart-toolbar-line{display:flex!important;align-items:center;gap:8px;min-width:0;padding:4px 3px 6px!important;white-space:nowrap!important}
body.fit-screen .chart-toolbar-line .chart-head{display:flex!important;align-items:center;flex:0 0 auto;min-width:0}
body.fit-screen .chart-toolbar-line .chart-head>div:first-child{display:none!important}
body.fit-screen .chart-toolbar-line .chart-control-stack{display:flex!important;align-items:center;gap:7px;margin:0!important}
body.fit-screen .chart-toolbar-line .chart-auth-status{display:flex!important;align-items:center;flex-wrap:nowrap!important;gap:5px}
body.fit-screen .chart-toolbar-line .chart-control-stack .chart-actions{display:flex!important;align-items:center;flex-wrap:nowrap!important;gap:5px;width:auto!important}
body.fit-screen .chart-toolbar-line .chart-metrics{display:flex!important;align-items:center;flex:1 1 auto;min-width:0;min-height:32px;gap:12px;padding:0!important;overflow:hidden!important;white-space:nowrap}
body.fit-screen .chart-toolbar-line .trade-signal{flex:1 1 220px;min-width:150px;max-width:none!important;margin-left:auto!important}
@media(max-width:1180px){body.fit-screen .chart-toolbar-line{overflow-x:auto!important}.chart-auth-status small{display:none}.chart-toolbar-line .chart-metrics{overflow:visible!important}}
.option-ltp-select{cursor:pointer;user-select:none;transition:box-shadow .15s ease,background .15s ease}.option-ltp-select:hover{background:#123554!important;box-shadow:inset 0 0 0 1px #38bdf8}.option-ltp-select:active{background:#145374!important}
.compact-live-paper-table{min-width:1900px;border-collapse:collapse;table-layout:auto}.compact-live-paper-table th,.compact-live-paper-table td{height:34px;padding:6px 10px;white-space:nowrap}.compact-live-paper-table td{font-size:11px}.compact-live-paper-table td small{display:block;margin-top:2px;font-size:9px;line-height:1.2;color:var(--muted,#91a6bc)}.compact-live-paper-table td.compact-exit-detail{max-width:360px;overflow:hidden;text-align:left;text-overflow:ellipsis}.compact-live-paper-table .compact-buy{color:#16d88a;font-weight:900}.compact-live-paper-table .compact-positive{color:#18dc83}.compact-live-paper-table .compact-negative{color:#ff4f45}.compact-live-paper-table .compact-status{display:inline-block;min-width:74px;padding:4px 10px;border:1px solid #167cb0;border-radius:3px;background:#073155;color:#31caff;font-weight:800}.compact-live-paper-table .compact-status.open{border-color:#7049c7;background:#29205a;color:#c7a7ff}
.live-table-status{caption-side:top;padding:6px 10px;border:1px solid #315271;border-bottom:0;background:#0b1b2d;color:#f7c94b;text-align:left;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-table-status .broker-login-lost{display:block;color:#fff;background:#a80000;padding:7px 10px;border:1px solid #ff6b6b;white-space:normal}
#candleChart{cursor:grab;touch-action:none;user-select:none}#candleChart.dragging{cursor:grabbing}
:root{--ck-brand-blue:#3b82f6;--ck-brand-text:#f4f7ff;--ck-brand-muted:#a8b3c7}
.ck-page-brand{display:inline-block;flex:0 0 auto;width:255px;max-width:42vw;height:56px;margin:0;background:url("ck-magic-trade-brand.png") center center/cover no-repeat;border-radius:7px;vertical-align:middle}
.ck-page-brand>*{display:none!important}
.ck-page-brand .ck-mark{display:inline-grid;place-items:center;min-width:34px;height:30px;padding:0 7px;border:1px solid var(--ck-brand-blue);border-radius:5px;background:#071427;color:#fff;font:800 17px/1 system-ui,sans-serif;box-shadow:0 0 12px #2563eb22}
.ck-page-brand .ck-name{font:800 14px/1 system-ui,sans-serif;letter-spacing:.06em}
.ck-page-brand .ck-copy{color:var(--ck-brand-muted);font:500 12px/1 system-ui,sans-serif;margin-left:4px}
.ck-page-brand::after{content:none}
.backtester-heading>div:has(>.ck-page-brand),.replay-header>div:has(>.ck-page-brand),.recorder-page>header>div:has(>.ck-page-brand),.historical-header>div:has(>.ck-page-brand),body.download-page>main>header>div:has(>.ck-page-brand),header>div:has(>.ck-page-brand){display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
.backtester-heading>div:has(>.ck-page-brand)>h2,.backtester-heading>div:has(>.ck-page-brand)>small,.replay-header>div:has(>.ck-page-brand)>h1,.replay-header>div:has(>.ck-page-brand)>.subtitle,header>div:has(>.ck-page-brand)>h1,header>div:has(>.ck-page-brand)>small,header>div:has(>.ck-page-brand)>.subtitle{margin:0;white-space:nowrap}
.backtester-heading>div:has(>.ck-page-brand)>small,header>div:has(>.ck-page-brand)>small,header>div:has(>.ck-page-brand)>.subtitle{padding-left:12px;border-left:1px solid #30435e}
@media(max-width:700px){.ck-page-brand{width:175px;max-width:48vw;height:42px}.backtester-heading>div:has(>.ck-page-brand),header>div:has(>.ck-page-brand){gap:7px}.backtester-heading>div:has(>.ck-page-brand)>small,header>div:has(>.ck-page-brand)>small,header>div:has(>.ck-page-brand)>.subtitle{display:none}}

.controller-end-brand{display:block;flex:0 0 auto;width:56px;height:56px;margin-top:auto;border:1px solid #385f89;border-radius:10px;background:#031326 url("ck-magic-trade-option-9.png") center/contain no-repeat;box-shadow:inset 0 1px #ffffff12,0 3px 8px #0007;overflow:hidden}.live-collapsed-rail .controller-end-brand{min-height:56px}
.coi-ten-second{width:100%;min-width:0;padding:7px;border:1px solid #31577c;border-radius:9px;background:#071321}.coi-ten-second>header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px}.coi-ten-second>header strong{color:#67caff;font-size:11px;letter-spacing:.06em}.coi-ten-second>header small{color:var(--muted);font-size:8px}.coi-ten-second-scroll{width:100%;overflow:hidden}.coi-ten-second table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:9px;font-variant-numeric:tabular-nums}.coi-ten-second th,.coi-ten-second td{height:19px;padding:2px 1px;border:1px solid #1d3a55;text-align:center;white-space:nowrap}.coi-ten-second thead th{background:#0e2238;color:#93c8f8;font-size:8px}.coi-ten-second thead tr:first-child th:not(:first-child){color:#55d6ff;font-size:10px}.coi-ten-second thead tr:nth-child(2) th{color:#ffd166;font-size:8px}.coi-ten-second tbody th{width:48px;color:#9db2c8;text-align:left;padding-left:4px}.coi-ten-second tbody tr.current th,.coi-ten-second tbody tr.current td{background:#17304a}.coi-positive{color:#43e39f;font-weight:850}.coi-negative{color:#ff7180;font-weight:850}.coi-neutral{color:#a5b4c5}.live-control-drawer .coi-ten-second{flex:0 0 auto}@media(max-width:520px){.coi-ten-second{padding:5px 3px}.coi-ten-second>header small{display:none}.coi-ten-second table{font-size:8px}.coi-ten-second th,.coi-ten-second td{padding:2px 0}.coi-ten-second tbody th{width:42px;font-size:7px}}

/* Selectable Live workspace layouts. Existing/default layout remains Option 1. */
.live-layout-control{display:grid;gap:4px;min-width:170px;color:var(--muted);font-size:9px;font-weight:800}.live-layout-control select{height:32px;min-width:170px;font-weight:850}

/* Option 5: Option Chain, Chart and Paper Trades stacked full-width. */
body.live-layout-option5 .workspace-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(160px,var(--home-left-pane,50%)) 9px minmax(180px,1fr)!important;gap:4px!important}
body.live-layout-option5 .workspace-grid>.option-panel{grid-column:1!important;grid-row:1!important}
body.live-layout-option5 .workspace-grid>.home-column-resizer{display:block!important;grid-column:1!important;grid-row:2!important;align-self:stretch!important;min-height:9px!important;height:9px!important;border:0!important;border-top:1px solid #4d8ee8!important;border-bottom:1px solid #4d8ee8!important;background:linear-gradient(180deg,transparent,#264d86,transparent)!important;cursor:row-resize!important}
body.live-layout-option5 .workspace-grid>.home-column-resizer span{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:48px!important;height:20px!important;margin:0!important}
body.live-layout-option5 .workspace-grid>.chart-panel{grid-column:1!important;grid-row:3!important}

/* Option 6: three tall, independently scrollable columns. */
body.fit-screen.live-layout-option6 main{grid-template-columns:minmax(260px,var(--home-left-pane,34%)) minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;gap:4px!important}
body.live-layout-option6 main>.top-strip{grid-column:1/-1!important;grid-row:1!important}
body.live-layout-option6 main>.workspace-grid{display:contents!important}
body.live-layout-option6 main>.workspace-grid>.option-panel{grid-column:1!important;grid-row:2!important;height:100%!important;min-height:0!important;overflow:auto!important}
body.live-layout-option6 main>.workspace-grid>.home-column-resizer{display:none!important}
body.live-layout-option6 main>.workspace-grid>.chart-panel{grid-column:2!important;grid-row:2!important;height:100%!important;min-height:0!important;overflow:hidden!important}
body.live-layout-option6 main>#homeDhanDock{grid-column:1/-1!important;grid-row:3!important}
body.live-layout-option6 main>footer{grid-column:1/-1!important;grid-row:4!important}
.home-live-hidden{display:none!important}

@media(max-width:900px){
  .live-layout-control{min-width:145px}.live-layout-control select{min-width:145px}
  body.fit-screen.live-layout-option6 main{display:block!important;height:auto!important;overflow:visible!important}
  body.live-layout-option6 main>.workspace-grid{display:flex!important;flex-direction:column!important}
  body.live-layout-option6 main>.workspace-grid>.option-panel,body.live-layout-option6 main>.workspace-grid>.chart-panel,body.live-layout-option6 main>.pnl-panel{height:auto!important;min-height:520px!important}
  body.live-layout-option6 main>.workspace-grid>.home-column-resizer{display:none!important}
  body.live-layout-option6 main>.pnl-panel{min-height:340px!important;margin-top:8px!important}
}
.coi-ten-second,.coi-ten-second>header strong,.coi-ten-second>header small,.coi-ten-second th,.coi-ten-second td,.coi-ten-second thead th,.coi-ten-second thead tr:first-child th:not(:first-child),.coi-ten-second thead tr:nth-child(2) th,.coi-ten-second tbody th,.coi-unmodified,.coi-neutral{color:#fff!important}.coi-ce-modified{color:#ff5968!important;font-weight:950}.coi-pe-modified{color:#42e89b!important;font-weight:950}.coi-ten-second tbody th{width:62px}@media(max-width:520px){.coi-ten-second tbody th{width:52px;font-size:6.5px}}
.coi-modification-chart{margin-top:7px;padding-top:6px;border-top:1px solid #274966}.coi-modification-chart>strong{display:block;margin-bottom:5px;color:#fff;font-size:10px;letter-spacing:.055em}.coi-trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.coi-trend-grid article{min-width:0;padding:5px;border:1px solid #244866;border-radius:6px;background:#06111e}.coi-trend-grid article>header{display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;font-size:9px;font-weight:850}.coi-trend-grid article>header small{display:inline-flex;align-items:center;gap:3px;color:#fff!important;font-size:7px}.coi-trend-grid i{display:inline-block;width:10px;height:3px;border-radius:2px}.coi-trend-grid i.ce{background:#ff4f59}.coi-trend-grid i.pe{background:#42df83}.coi-trend-grid svg{display:block;width:100%;height:74px;margin-top:3px;overflow:visible}.coi-trend-grid polyline{fill:none;stroke-width:2.1;vector-effect:non-scaling-stroke}.coi-trend-grid polyline.ce{stroke:#ff4f59}.coi-trend-grid polyline.pe{stroke:#42df83}.coi-trend-grid circle.ce{fill:#071321;stroke:#ff4f59;stroke-width:1.7}.coi-trend-grid circle.pe{fill:#071321;stroke:#42df83;stroke-width:1.7}.coi-trend-grid line.zero{stroke:#5b7186;stroke-width:.8;stroke-dasharray:3 3}.coi-trend-grid article>footer{color:#fff;font-size:7px;text-align:center}.coi-trend-empty{display:grid;height:82px;place-items:center;color:#fff;font-size:8px}@media(min-width:900px){.coi-trend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:520px){.coi-trend-grid{grid-template-columns:1fr 1fr;gap:4px}.coi-trend-grid svg{height:58px}.coi-trend-grid article{padding:3px}}
.coi-trend-card{cursor:pointer}.coi-trend-card:hover,.coi-trend-card:focus{border-color:#52a9f8!important;outline:none;box-shadow:0 0 0 1px #52a9f855}.coi-trend-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:18px;background:#000a}.coi-trend-modal[hidden]{display:none}.coi-trend-modal>section{position:relative;width:min(1100px,96vw);max-height:94vh;padding:14px;border:1px solid #3475a7;border-radius:12px;background:#071523;box-shadow:0 22px 80px #000}.coi-trend-modal>section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.coi-trend-modal>section>header div{display:grid;gap:3px}.coi-trend-modal>section>header strong{color:#fff;font-size:17px}.coi-trend-modal>section>header small{color:#9fc9ed}.coi-trend-modal button{width:38px;height:34px;border:1px solid #3976a6;border-radius:7px;background:#10283c;color:#fff;font-size:24px;line-height:1}.coi-trend-large{position:relative;min-height:300px}.coi-trend-large svg{display:block;width:100%;height:min(68vh,620px);background:#06111e;border:1px solid #193b56;border-radius:8px}.coi-trend-large polyline{fill:none;stroke-width:2.4;vector-effect:non-scaling-stroke}.coi-trend-large polyline.ce{stroke:#ff4f59}.coi-trend-large polyline.pe{stroke:#42df83}.coi-trend-large .grid{stroke:#23445d;stroke-width:1;stroke-dasharray:4 5}.coi-trend-large .axis-line{stroke:#b9d8ef;stroke-width:1.4}.coi-trend-large .axis{fill:#c7dced;font:12px system-ui}.coi-trend-large .axis-title{fill:#fff;font:bold 14px system-ui}.coi-trend-hit{fill:transparent;pointer-events:all}.coi-trend-tooltip{position:absolute;z-index:2;display:grid;gap:3px;min-width:170px;padding:8px 10px;border:1px solid #4a89b8;border-radius:7px;background:#07111df2;color:#fff;pointer-events:none;box-shadow:0 7px 22px #0008}.coi-trend-tooltip[hidden]{display:none}.coi-trend-tooltip span{color:#9fc9ed}.coi-trend-tooltip em{font-style:normal}.coi-trend-tooltip em:nth-of-type(1){color:#ff7179}.coi-trend-tooltip em:nth-of-type(2){color:#63ef9a}@media(max-width:600px){.coi-trend-modal{padding:6px}.coi-trend-modal>section{width:98vw;padding:8px}.coi-trend-modal>section>header strong{font-size:13px}.coi-trend-large svg{height:70vh}.coi-trend-large .axis{font-size:10px}}
/* Live Legacy controls live at the top of the right Analysis drawer. */
.analysis-toggle{left:auto;right:0;top:46%;z-index:229;border-radius:9px 0 0 9px}
.analysis-panel{left:auto;right:0;top:48px;width:min(840px,96vw);z-index:231;border-left:1px solid #345d9e;border-right:0;border-radius:18px 0 0 18px;transform:translateX(102%);box-shadow:-18px 0 45px #000b}
.analysis-panel.open{transform:translateX(0)}
.analysis-backdrop{z-index:230}
.dhan-auto-controls{margin:14px 0;padding:14px;border:1px solid #477599;border-radius:10px;background:#101e32;color:#fff}
.dhan-auto-controls label{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:850;color:#fff;cursor:pointer}.dhan-auto-controls input{appearance:none;position:relative;display:inline-block;flex:0 0 58px;width:58px!important;height:30px;margin:0;border:2px solid #68809d;border-radius:999px;background:#27364a;cursor:pointer;transition:.16s}.dhan-auto-controls input::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0008;transition:.16s}.dhan-auto-controls input:checked{border-color:#35e18c;background:#087b48;box-shadow:0 0 12px #35e18c55}.dhan-auto-controls input:checked::after{left:31px}.dhan-auto-controls input:disabled{opacity:.6;cursor:wait}
.dhan-auto-controls p,.dhan-auto-controls small{display:block;line-height:1.5}
.dhan-auth-banner{margin-bottom:10px;padding:10px 12px;border:1px solid #60738a;border-radius:8px;font-size:13px;font-weight:900;letter-spacing:.04em}.dhan-auth-banner.blocked{color:#ff8793;background:#3b111b;border-color:#d9485c}.dhan-auth-banner.connected{color:#56efaa;background:#073726;border-color:#20a66d}.dhan-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}.dhan-status-grid span{padding:8px;border:1px solid #385a77;border-radius:8px;background:#0b1929;color:#d9e9f7;font-size:11px;font-weight:800}.dhan-status-grid .status-ok{color:#55eba8;border-color:#168558}.dhan-status-grid .status-error{color:#ff8793;border-color:#b73a4c}.dhan-verify-button{width:100%;margin:0 0 10px;background:#087bbd;border-color:#25aaff;color:#fff;font-weight:900}
#dhanQuickExitAll{display:block;width:100%;background:linear-gradient(180deg,#d92343,#981127);border-color:#ff6075;color:white;min-height:48px;margin:12px 0 8px;font-size:16px;font-weight:950}
#dhanControlsFrame{display:block;width:100%;height:1120px;border:0;margin:10px 0;background:#0b1423}
@media(max-width:700px){.analysis-panel{width:96vw}.analysis-toggle{top:42%}.dhan-auto-controls{padding:11px}.dhan-auto-controls label{font-size:14px}.dhan-status-grid{grid-template-columns:1fr}}
/* Home Analysis is a resizable right-side split pane on desktop. */
.analysis-resizer{display:none}
#analysisResizer{display:none!important}
@media(min-width:1100px){
body.analysis-split-open #analysisResizer{display:block!important;position:fixed!important;z-index:232!important;left:auto!important;right:calc(var(--analysis-split-width) - 10px)!important;top:48px!important;bottom:0!important;width:20px!important;min-width:20px!important;max-width:20px!important;height:auto!important;transform:none!important;cursor:col-resize!important}
body.analysis-split-open #analysisResizer::before{background:#42a5ff!important}
body.analysis-split-open #analysisPanel{min-width:0;overflow-x:auto}
}
@media(min-width:1100px){
body{--analysis-split-width:620px}
body.analysis-split-open:not(.live-control-drawer-ready)>main{width:calc(100% - var(--analysis-split-width) - 20px)!important;max-width:none!important;margin-left:10px!important;margin-right:calc(var(--analysis-split-width) + 10px)!important}
body.analysis-split-open.live-control-drawer-ready>main{width:calc(100% - var(--live-control-width) - var(--analysis-split-width) - 20px)!important;max-width:none!important;margin-left:var(--live-control-width)!important;margin-right:calc(var(--analysis-split-width) + 10px)!important}
body.analysis-split-open.live-controls-minimized.live-control-drawer-ready>main{width:calc(100% - 94px - var(--analysis-split-width) - 10px)!important;margin-left:94px!important}
.analysis-backdrop{display:none!important}
.analysis-panel{top:48px;bottom:0;width:var(--analysis-split-width);box-sizing:border-box;padding:14px 14px 14px 22px;border:0;border-left:2px solid #3972a6;border-radius:0;box-shadow:none;transform:translateX(101%);transition:none;visibility:hidden;pointer-events:none}
.analysis-panel.open{transform:none;visibility:visible;pointer-events:auto}
.analysis-resizer{position:fixed;z-index:4;display:block;left:auto;right:calc(var(--analysis-split-width) - 10px);top:48px;bottom:0;width:20px;cursor:col-resize;touch-action:none;user-select:none;outline:none}
.analysis-resizer::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:4px;background:#278ee8;box-shadow:0 0 9px #278ee866}
.analysis-resizer>span{position:absolute;left:0;top:50%;display:grid;width:20px;height:54px;place-items:center;transform:translateY(-50%);border:1px solid #4c91d1;border-radius:8px;background:#0a1a2d;color:#8bc7ff;font-size:20px;font-weight:900}
.analysis-resizer:hover::before,.analysis-resizer:focus-visible::before,.analysis-resizer.dragging::before{left:7px;width:6px;background:#42a5ff;box-shadow:0 0 14px #42a5ffaa}
.analysis-resizer.dragging>span{background:#12447a;color:#fff}
.analysis-splitter-close{position:absolute;left:-4px;bottom:12px;width:28px;height:42px;padding:0;border:1px solid #4c91d1;border-radius:8px;background:#0d2a4c;color:#9ed2ff;font-size:24px;font-weight:950;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0009}
.analysis-splitter-close:hover{background:#155a9f;color:#fff}
body.analysis-split-open .analysis-toggle{display:none}
}
/* Lightweight dashboard artwork avoids decoding multi-megabyte source PNGs after login. */
.login-brand-panel{background-image:url("ck-magic-trade-option-9-fast.png")!important}
.ck-page-brand{background-image:url("ck-magic-trade-brand-fast.png")!important}
.controller-end-brand{background-image:url("ck-magic-trade-option-9-fast.png")!important}
.dhan-greeks-panel{box-sizing:border-box;min-width:0;margin:7px 0;padding:8px 10px;border:1px solid #27405b;border-radius:8px;background:#101722;color:#e8eef8;font:12px/1.3 "Segoe UI",Arial,sans-serif;overflow:hidden}
.replay-risk>.dhan-greeks-panel{grid-column:1/-1}.live-control-drawer .dhan-greeks-panel{width:100%}
.dhan-greeks-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 5px;color:#7eb3ff;font-weight:800;font-size:11px;letter-spacing:.04em}
.dhan-greeks-panel>header small{max-width:60%;overflow:hidden;color:#8e9aad;font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.dhan-greeks-table-wrap{width:100%;overflow-x:auto}
.dhan-greeks-table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}
.dhan-greeks-table th,.dhan-greeks-table td{height:auto;padding:4px 6px;border-bottom:1px solid #27303c;text-align:right;white-space:nowrap}
.dhan-greeks-table thead th{background:#1a2029;color:#a9b7cb;font-size:10px;font-weight:700}
.dhan-greeks-table thead th:first-child,.dhan-greeks-table tbody th{text-align:left}
.dhan-greeks-table tbody th{color:#a9b7cb;font-weight:500}
.dhan-greeks-table td{color:#eef3fc;font-weight:650}
.dhan-greeks-table td.positive{color:#32d296}.dhan-greeks-table td.negative{color:#ff626e}
.dhan-greeks-note,.dhan-greeks-empty{display:block;margin-top:5px;color:#8794a7;font-size:9px;line-height:1.35}
body.backtester2-page .viewer-level-panel .dhan-greeks-panel{margin:6px 0;padding:6px 7px;border-radius:6px}
body.backtester2-page .viewer-level-panel .dhan-greeks-panel>header{font-size:9px}
body.backtester2-page .viewer-level-panel .dhan-greeks-table th,body.backtester2-page .viewer-level-panel .dhan-greeks-table td{padding:3px 4px;font-size:9px}

/* Match the compact Roboto / tabular-number treatment used by the visual reference. */
body{font-family:var(--app-font)}
.option-panel table,.option-panel table button,.option-panel .panel-title,.chart-panel,.chart-panel button,.chart-panel select,.chart-panel input,
.replay-page .replay-controls,.replay-page .timeline-dock,.replay-page .viewer-session-strip{font-family:var(--app-font);font-variant-numeric:tabular-nums}
.strike-column-heading{color:var(--gold)!important;background:var(--surface)!important;font-weight:850;letter-spacing:.04em}
.reversal-ltp-heading{white-space:nowrap;font-size:clamp(8px,.72vw,11px)}
.chart-metrics>span{font-variant-numeric:tabular-nums}
.viewer-session-strip>div,.replay-metrics article{font-variant-numeric:tabular-nums}
/* Montserrat is bundled locally so every page remains legible without a CDN. */
button,input,select,textarea{font-family:var(--app-font)}
table,table th,table td{font-family:MontserratNumeric,var(--app-font);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.top-strip .page-nav>a,.top-strip .page-nav>button{font-family:var(--app-font)!important}
#marketLevelsNav{flex:1.45 1 0!important}
@media(max-width:1100px){.top-strip .page-nav:has(#marketLevelsNav){overflow-x:auto!important}.top-strip .page-nav:has(#marketLevelsNav)>a,.top-strip .page-nav:has(#marketLevelsNav)>button{flex:0 0 auto!important;min-width:94px}}
.risk-distance{display:inline-block;padding:1px 4px;border-radius:4px;background:#cbd5e1!important;color:#111827!important;font-weight:950!important;white-space:nowrap;font-variant-numeric:tabular-nums;}
.dhan-live-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;font-size:11px;color:var(--muted,#aab8ca)}
.dhan-live-pager button{padding:5px 9px;border:1px solid var(--border,#35506a);border-radius:5px;background:var(--surface,#10283a);color:inherit;cursor:pointer}
.dhan-live-pager button:disabled{opacity:.45;cursor:default}
@media(max-width:700px){.live-order-controls:has(.dhan-live-pager){align-items:flex-start}.dhan-live-pager{flex-basis:100%;justify-content:flex-start;margin-left:0}}


/* Extra-large Rule List text: scoped to the CK survivor SL and repeated-target cards. */
.rules-panel .rule-settings-extra-large{padding:20px!important;margin:20px 0!important;border:1px solid var(--line);border-radius:12px;min-width:0;max-width:100%;height:auto!important;overflow:visible;font-size:22px!important;line-height:1.6!important}
.rules-panel .rule-settings-extra-large .strategy-risk-heading{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:22px}
.rules-panel .rule-settings-extra-large :is(#ckCompanionStopRuleTitle,#repeatTargetRuleTitle){margin:0!important;font-size:30px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere}
.rules-panel .rule-settings-extra-large .risk-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:20px!important;width:100%!important;height:auto!important}
.rules-panel .rule-settings-extra-large .risk-controls label{position:static!important;display:block!important;min-width:0;height:auto!important;padding:0!important;font-size:22px!important;font-weight:650;line-height:1.5!important;white-space:normal!important}
.rules-panel .rule-settings-extra-large .risk-controls input{position:static!important;box-sizing:border-box;width:100%!important;max-width:100%;height:auto!important;min-height:60px!important;margin-top:9px!important;padding:10px 14px!important;font-size:32px!important;line-height:1.3!important;font-weight:800}
.rules-panel .rule-settings-extra-large :is(p,small){font-size:22px!important;line-height:1.65!important;white-space:normal!important;overflow-wrap:anywhere!important;max-height:none!important;height:auto!important}
.rules-panel .rule-settings-extra-large .strategy-risk-status{font-size:20px!important;line-height:1.6!important}
.rules-panel .rule-settings-extra-large .strategy-risk-heading button{min-height:56px!important;height:auto!important;padding:12px 18px!important;font-size:20px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:700px){
 .rules-panel .rule-settings-extra-large{padding:14px!important}
 .rules-panel .rule-settings-extra-large .risk-controls{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
 .rules-panel .rule-settings-extra-large :is(#ckCompanionStopRuleTitle,#repeatTargetRuleTitle){font-size:25px!important}
 .rules-panel .rule-settings-extra-large .risk-controls label,.rules-panel .rule-settings-extra-large :is(p,small){font-size:20px!important}
 .rules-panel .rule-settings-extra-large .strategy-risk-status{font-size:18px!important}
 .rules-panel .rule-settings-extra-large .strategy-risk-heading button{width:100%;font-size:18px!important}
}

.rules-panel .rule-settings-extra-large .ck-companion-enable{display:flex!important;align-items:flex-start;gap:14px;margin:12px 0 22px;font-size:22px!important;line-height:1.5!important;cursor:pointer}
.rules-panel .rule-settings-extra-large .ck-companion-enable input[type=checkbox]{appearance:auto!important;position:static!important;flex:0 0 30px;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;margin:3px 0 0!important;padding:0!important;cursor:pointer}
.rules-panel .rule-settings-extra-large .ck-companion-enable input:focus-visible{outline:3px solid var(--mint);outline-offset:4px}