:root{color-scheme:dark;--bg:#0c1012;--panel:#141a1d;--line:#263034;--muted:#829095;--text:#e9eeeb;--mint:#65ddbd;--red:#ee9896;--amber:#ddbd7d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:34px 22px;background:#101518;display:flex;flex-direction:column}.brand{display:flex;gap:13px;align-items:center;font-size:21px;font-weight:700;letter-spacing:-.6px}.brandmark{width:43px;height:43px;background:var(--mint);color:#101916;display:grid;place-items:center;font-size:29px;position:relative;border-radius:12px}.brandmark span{font-size:22px;position:absolute;right:3px;bottom:-1px}.brand small{display:block;font-size:9px;letter-spacing:2.1px;font-weight:500;color:var(--muted);margin-top:3px}.nav-label{margin:52px 12px 12px;font-size:10px;letter-spacing:1.7px;color:#68777c}.nav{display:flex;align-items:center;gap:13px;padding:12px;border-radius:7px;color:var(--muted);margin:3px 0}.nav.active{background:#1b302b;color:var(--mint)}.nav-dot,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint)}.nav-dot{margin-left:auto}.side-bottom{margin-top:auto;font-size:9px;letter-spacing:1px;color:var(--mint)}.side-bottom p{font-size:12px;line-height:1.9;letter-spacing:0;color:var(--muted);margin:14px 0 24px}.version{border-top:1px solid var(--line);padding-top:18px;color:#637379;font-size:10px}main{max-width:1720px;margin-left:224px;padding:0 38px}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--muted)}.top-right{display:flex;gap:23px;align-items:center;color:var(--muted);font-size:11px}.demo-badge{font-size:9px;letter-spacing:1.4px;color:var(--amber);padding:6px 9px;border:1px solid #524632;border-radius:4px}.page-head{padding:32px 0 25px;display:flex;align-items:center;justify-content:space-between}h1{font-size:34px;font-weight:600;letter-spacing:-1.3px;margin:0 0 6px}h1 span{color:var(--mint)}.page-head p{margin:0;color:var(--muted);font-size:12px}.sync{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.metric{padding:21px 22px}.metric-label{font-size:9px;letter-spacing:1.3px;color:var(--muted);display:flex;justify-content:space-between}.metric-label span{color:#617278;font-size:8px}.metric-value{font-size:30px;letter-spacing:-1px;font-weight:500;font-variant-numeric:tabular-nums;margin:14px 0 5px}.metric-note{font-size:11px;color:var(--muted)}.main-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:22px;margin-bottom:22px}.panel{padding:23px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{margin:6px 0 0;font-size:18px;letter-spacing:-.3px;font-weight:600}.muted{color:var(--muted)}.small{font-size:11px;font-weight:400;letter-spacing:1px;margin-left:7px}.status{font-size:10px;border:1px solid #36554a;color:var(--mint);background:#1b2b26;border-radius:5px;padding:5px 9px}.status.warn{color:var(--amber);background:#2c281f;border-color:#50452f}.quote-row{display:flex;gap:46px;margin-top:24px}.quote-row>div{display:flex;flex-direction:column}.quote-label{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.quote-row strong{font-size:28px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.8px}.quote-row>div:nth-child(2) strong{color:#a0b5ae}.chart-wrap{height:175px;position:relative;margin-top:13px}.chart-wrap svg{height:100%;width:100%;overflow:visible}.chart-grid{stroke:#293236;stroke-width:.7;stroke-dasharray:3 7;fill:none}#chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:12px}.chart-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:8px}.mode-label{font-size:11px;color:var(--muted);margin:24px 0 10px}.segmented{display:flex;padding:4px;background:#0e1416;border:1px solid var(--line);border-radius:7px;gap:3px}.segmented button{width:50%;padding:8px;border:0;background:transparent;border-radius:4px;color:var(--muted);font-size:12px}.segmented button.selected{background:#2a3d36;color:var(--mint)}.control-details{margin:15px 0 20px;display:grid;gap:10px}.control-details>div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.control-details strong{color:#d3ded8;font-weight:500}.primary{background:var(--mint);color:#10251d;border:0;padding:11px 14px;border-radius:6px;font-size:12px;font-weight:650;width:100%}.primary.pause{background:#232d30;color:#dce6e0;border:1px solid #40514d}.control-note{font-size:10px;color:var(--muted);margin:12px 0 0;line-height:1.7}#action-message{font-size:11px;color:var(--amber);margin-top:9px}.signal-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:22px;margin-bottom:22px}.side-badge{color:var(--mint);background:#20352c;padding:5px 10px;font-size:11px;font-weight:600;border-radius:4px}.side-badge.sell{background:#382725;color:var(--red)}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:29px 0 24px;gap:12px}.level-grid>div{border-right:1px solid var(--line)}.level-grid>div:last-child{border:0}.level-grid span{font-size:9px;color:var(--muted);letter-spacing:1px;display:block;margin-bottom:8px}.level-grid strong{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.red{color:var(--red)}.green{color:var(--mint)}.signal-footer{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}#signal-id{font-family:Consolas,monospace}.tiny-tag{font-size:8px;letter-spacing:1px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:5px 7px}.guard-message{font-size:13px;color:var(--amber);margin:24px 0 20px}.connection-row{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin:12px 0;color:var(--muted)}.connection-row strong{font-weight:500;color:#c4d3cc}.connection-row i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6e7974;margin-right:6px}.connection-row i.online{background:var(--mint)}.activity{margin-bottom:22px}.table-scroll{overflow:auto;margin:20px -23px -8px}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:8px;letter-spacing:1.1px;color:var(--muted);font-weight:500;padding:12px 22px;border-bottom:1px solid var(--line);background:#11181a}td{padding:14px 22px;font-size:11px;border-bottom:1px solid #202a2e;font-variant-numeric:tabular-nums}tbody tr:last-child td{border:0}.empty{text-align:center;padding:30px;color:var(--muted)}footer{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:8px 0 26px}.error-banner{border:1px solid #70413e;background:#30201f;color:#efb0a5;border-radius:7px;padding:12px;margin-bottom:18px;font-size:12px}.pos-card{background:#11191b;border:1px solid var(--line);padding:16px;border-radius:7px;margin-top:20px;display:flex;gap:20px;flex-wrap:wrap}.pos-card>div{min-width:80px}.pos-card small{display:block;color:var(--muted);font-size:9px;margin-bottom:4px}.pos-card strong{font-size:13px;font-weight:500}#pending-box{margin-top:20px;color:var(--amber);font-size:12px}.login-layer{position:fixed;inset:0;background:#0c1012f5;z-index:10;display:grid;place-items:center;padding:24px}.login-box{width:min(400px,100%);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:34px}.login-box h1{font-size:28px;margin:20px 0 8px}.login-box p{color:var(--muted);font-size:12px}.login-box label{display:block;color:var(--muted);font-size:11px;margin:20px 0 7px}.login-box input{width:100%;background:#0e1416;color:var(--text);padding:12px;border:1px solid #364348;border-radius:6px}.login-box button{margin-top:22px}.login-box .brand{font-size:22px}#login-error{color:var(--red);font-size:12px;margin-top:12px}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}@media(min-width:1600px){main{padding:0 55px}}@media(max-width:1150px){.sidebar{width:185px;padding:28px 16px}main{margin-left:185px;padding:0 22px}.metrics{gap:10px}.metric{padding:18px 15px}.metric-value{font-size:26px}.signal-grid{grid-template-columns:1fr}.main-grid{gap:16px;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}}@media(max-width:800px){.sidebar{position:relative;width:auto;padding:18px 20px;flex-direction:row;align-items:center;border-bottom:1px solid var(--line);border-right:0}.brand{font-size:19px}.brandmark{width:36px;height:36px}.nav-label,.side-bottom,.sidebar .nav{display:none}main{margin:0;padding:0 18px}header{height:57px}.top-right{gap:12px}.page-head{padding:25px 0;align-items:flex-start;gap:10px}.page-head p{max-width:250px;font-size:11px}h1{font-size:29px}.sync{font-size:9px;margin-top:10px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metric{padding:18px}.main-grid,.signal-grid{grid-template-columns:1fr;gap:16px}.panel{padding:20px}.level-grid strong{font-size:19px}.table-scroll{margin-left:-20px;margin-right:-20px}.top-right #clock{display:none}footer{gap:10px;font-size:9px}.signal-footer{flex-wrap:wrap}.quote-row strong{font-size:29px}}
@media(min-width:1151px){.metrics{grid-template-columns:repeat(5,minmax(0,1fr))}}

.layer-settings{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.settings-fields label{font-size:10px;color:var(--muted)}.settings-fields input,.settings-fields select{display:block;width:100%;margin-top:5px;background:#0e1416;color:var(--text);border:1px solid #364348;border-radius:5px;padding:9px}.layer-settings button{margin-top:12px}

/* BotCpnX terminal identity */
:root{--bg:#030805;--panel:#07110b;--line:#183e23;--muted:#7b9b80;--text:#d1f3d6;--mint:#39ff78;--red:#ff6f79;--amber:#e0ff70}
body{font-family:"Cascadia Code","Consolas","Courier New",monospace;background:radial-gradient(ellipse at 80% 0%,#102a1438,transparent 60%),var(--bg)}
.sidebar{background:#040c07;border-right-color:#1b4e29}.brandmark{background:#071c0e;color:#39ff78;border:1px solid #39ff78;border-radius:3px;box-shadow:0 0 20px #39ff781c}
.brand{letter-spacing:-.8px}.brand small{color:#62aa73}
.metric,.panel,.login-box{border-radius:3px;background:linear-gradient(135deg,#0b190e,#061008);border-color:#1b3b24}
.metric{border-top:2px solid #2a6a39}.metric-value{color:#b9ffcb;text-shadow:0 0 20px #39ff7817}
.nav{border-radius:2px}.nav.active{background:#0d2815;border-left:2px solid #39ff78}
.primary{background:#39ff78;color:#001d08;border-radius:2px;letter-spacing:.4px}
.primary:hover{background:#7dff9f;box-shadow:0 0 18px #39ff7820}
.primary.pause{background:#0c2413;color:#9afaaf;border-color:#2f643c}
.segmented,.segmented button,.status,.demo-badge,.tiny-tag,.side-badge{border-radius:2px}
.segmented,.login-box input,.settings-fields input,.settings-fields select{background:#020b05;border-color:#24532f}
.segmented button.selected{background:#12361c;color:#62ff8d}.status{background:#0a2513;border-color:#28653a}
.demo-badge{color:#c4ff7a;border-color:#4c6a28}.control-details strong,.connection-row strong{color:#c1e9c9}
.quote-row>div:nth-child(2) strong{color:#82bf92}
th{background:#07160b;border-bottom-color:#255633}td{border-bottom-color:#142b1b}tbody tr:hover{background:#0b2012}
.pos-card{background:#051009;border-color:#255633;border-radius:3px}
.login-layer{background:radial-gradient(ellipse at center,#102515,#020704 70%)}.login-box{box-shadow:0 0 90px #39ff780d}
.chart-grid{stroke:#24532e}.chart-foot,.eyebrow,.metric-label{letter-spacing:1px}
.version{color:#6caa78}h1,h2{font-family:"Cascadia Code","Consolas",monospace}

.logout-button{background:#0b2111;color:#9dffb6;border:1px solid #326641;border-radius:3px;padding:7px 12px;font-size:11px;white-space:nowrap}.logout-button:hover{border-color:#39ff78;color:#39ff78}.logout-button:disabled{opacity:.5}

/* EMA position chart */
.pc-card{margin:18px 0;border:1px solid #24532f;background:#07150d;border-radius:10px;padding:12px;min-width:0;overflow:hidden}
.pc-card[hidden],.pc-card [hidden]{display:none!important}
.pc-toolbar,.pc-footer,.pc-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pc-tabs{display:flex;gap:3px;background:#10251a;padding:3px;border-radius:6px}
.pc-tabs button{background:transparent;color:#a4c3b1;border:0;padding:7px 10px;border-radius:4px;font:inherit;font-size:11px;cursor:pointer}
.pc-tabs button.selected{background:#c3ffd2;color:#05200f}
.pc-toggles{display:flex;gap:12px;font-size:10px;color:#a4c3b1}
.pc-toggles label{display:flex;align-items:center;gap:4px;cursor:pointer}
.pc-toggles input{accent-color:#39ff78;width:13px;height:13px;margin:0}
.pc-summary{margin:12px 0 8px;font-size:10px;color:#b8d9c3}.pc-fresh{color:#6dff9b}.pc-fresh.stale{color:#ffb673}
.pc-ohlc{min-height:25px;font-size:9px;color:#bad9c5;line-height:1.5;font-variant-numeric:tabular-nums}
.pc-svg{display:block;width:100%;height:340px;touch-action:pan-y;overflow:visible}
.pc-grid{stroke:#274331;stroke-width:.6;opacity:.7}.pc-axis{font:9px Consolas,monospace;fill:#8fac99}
.pc-up path,.pc-up rect{stroke:#b9ef74;fill:#b9ef74;stroke-width:.9}.pc-down path,.pc-down rect{stroke:#ff967d;fill:#10271a;stroke-width:.9}
.pc-zone-risk{fill:#ff756c;opacity:.12}.pc-zone-reward{fill:#a2ed79;opacity:.11}
.pc-level{fill:none;stroke-width:1;stroke-dasharray:5 4}.pc-sl{stroke:#ff967d;color:#ff967d;fill:#ff967d}.pc-tp{stroke:#c0f47e;color:#c0f47e;fill:#c0f47e}
.pc-entry{stroke:#b8d6ff;color:#b8d6ff;fill:#b8d6ff}.pc-bid{stroke:#d6e9df;color:#d6e9df;fill:#d6e9df;stroke-dasharray:2 3;opacity:.9}
.pc-label-link{fill:none;stroke-width:.7}.pc-price rect{stroke:none}.pc-price text{fill:#03150b;stroke:none;font:bold 10px Consolas,monospace}
.pc-level-name{stroke:none;font:bold 9px Consolas,monospace}
.pc-marker circle{fill:#d8f9e4;stroke:#83a49d;stroke-width:1}.pc-marker text{fill:#06160d;font:bold 10px Consolas,monospace}
.pc-crosshair{stroke:#c0e6cc;stroke-width:.7;stroke-dasharray:2 3;pointer-events:none}
.pc-footer{font-size:9px;line-height:1.8;color:#89a894;margin-top:8px}.pc-legend{display:flex;gap:10px;flex-wrap:wrap}
.pc-legend .ema8{color:#55dbff}.pc-legend .ema21{color:#ffcd60}.pc-legend .ema125{color:#b99aff}
.pc-message{padding:55px 10px;text-align:center;color:#8dac98;font-size:11px}
@media(max-width:600px){.pc-card{padding:8px}.pc-toolbar{align-items:flex-start}.pc-toggles{gap:8px}.pc-ohlc{font-size:8px}.pc-svg{height:340px}}

/* Always-visible account selection, including phones */
.account-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:560px;margin:20px 0 0;padding:6px;background:#040d07;border:1px solid #24532f;border-radius:6px;position:sticky;top:8px;z-index:3}
.account-tab{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:58px;min-width:0;padding:10px 14px;color:#9ebba7;border:1px solid transparent;border-radius:3px;touch-action:manipulation}
.account-tab span{font-size:14px;font-weight:650}.account-tab small{font-size:10px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.account-tab.selected{color:#bdffce;background:#10301a;border-color:#398a4f;box-shadow:inset 3px 0 #39ff78}
.account-tab:hover{background:#10251a;color:#ceffda}.account-tab:focus-visible{outline:2px solid #66ff94;outline-offset:2px}
@media(max-width:800px){.account-switch{max-width:none;top:6px;margin-top:14px;gap:6px;padding:5px}.account-tab{min-height:60px;padding:10px 11px}.account-tab small{font-size:9px}header{gap:8px}header>.eyebrow{font-size:8px;letter-spacing:.6px}.top-right{gap:8px}.demo-badge{font-size:8px}}
@media(max-width:360px){header>.eyebrow{display:none}.top-right{margin-left:auto}.account-tab{padding:9px}.account-tab span{font-size:13px}}

/* EMA dashboard: market and engine above, settings at the bottom. */
.ema-overview{align-items:start}.ema-market-panel{min-width:0}.ema-market-panel .pc-card{margin-bottom:0}.ema-settings-panel{scroll-margin-top:90px}.ema-settings-panel .settings-fields{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:800px){.ema-settings-panel .settings-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.ema-settings-panel .settings-fields{grid-template-columns:1fr}}

/* Aligned EMA market and engine panels, readable engine details. */
.ema-overview{align-items:stretch;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr)}.ema-engine-panel{display:flex;flex-direction:column;min-width:0}.ema-engine-panel .panel-head{align-items:flex-start;flex-wrap:wrap}.ema-engine-panel .panel-head h2{font-size:18px}.ema-engine-panel .guard-message{font-size:13px;line-height:1.6;margin:18px 0 12px}.ema-engine-panel .connection-row{font-size:12px;line-height:1.6;gap:16px;margin:0;padding:10px 0;border-bottom:1px solid var(--line);align-items:baseline}.ema-engine-panel .connection-row span{flex:1;min-width:0}.ema-engine-panel .connection-row strong{text-align:right;max-width:60%;overflow-wrap:anywhere;font-weight:600}.ema-engine-panel .control-note{font-size:11px;line-height:1.8;margin:16px 0}.ema-engine-panel #toggle-bot{margin-top:auto}.ema-engine-panel #action-message:empty{margin:0}.ema-market-panel .pc-card{border-radius:4px}.ema-market-panel .pc-svg{height:400px}.ema-market-panel .pc-summary,.ema-market-panel .pc-footer{font-size:10px}@media(max-width:1000px){.ema-overview{grid-template-columns:1fr}}@media(max-width:600px){.ema-market-panel .pc-svg{height:340px}.ema-engine-panel .connection-row{font-size:11px}}

/* History context and EMA footer */
.history-heading{min-width:0}.history-caption{font-size:11px;font-weight:400;line-height:1.6;color:var(--muted);margin:7px 0 0;letter-spacing:0}.ema-footer{gap:16px;align-items:flex-start;flex-wrap:wrap;line-height:1.8}.footer-identity{display:flex;flex-wrap:wrap;gap:6px 14px}.footer-identity>span{color:var(--text)}.footer-identity q{font-style:normal;quotes:auto}.ema-footer #ema-last-update{white-space:nowrap;margin-left:auto}@media(max-width:600px){.ema-footer{font-size:10px}.footer-identity{flex-direction:column;gap:3px}.ema-footer #ema-last-update{margin-left:0}.history-caption{font-size:10px}}

.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.pagination-actions{display:flex;align-items:center;gap:12px}.pagination-actions button{background:#0b2111;color:#bdffce;border:1px solid #326641;padding:8px 12px;border-radius:3px;min-height:36px}.pagination-actions button:disabled{opacity:.35;cursor:default}.pagination-actions button:not(:disabled):hover{border-color:var(--mint)}@media(max-width:500px){.table-pagination{font-size:10px}.pagination-actions{gap:8px;flex-wrap:wrap}.pagination-actions button{min-height:42px}}