:root{--bg:#0b1017;--panel:#121a25;--line:#243041;--text:#edf2f8;--muted:#8492a6;--green:#50dfb0;--gold:#edc665;--red:#f58994}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}button,input{font:inherit}button{cursor:pointer;transition:.2s}button:hover{filter:brightness(1.13);transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}aside{position:fixed;inset:0 auto 0 0;width:220px;background:#0f151e;border-right:1px solid #202a38;padding:32px 22px}.brand{text-decoration:none;color:var(--gold);font-size:26px;font-weight:700;display:flex;align-items:center;gap:10px}.brand>span{font-size:18px;color:var(--text)}.brand-light{font-weight:400;color:var(--muted)}.nav-title{margin:48px 12px 16px;color:#637085;font-size:11px;letter-spacing:2px}.nav{padding:12px 14px;display:flex;align-items:center;gap:12px;border-radius:8px}.nav.active{background:#25251f;color:var(--gold)}.nav .dot{margin-left:auto;background:var(--gold)}.dot{width:6px;height:6px;display:inline-block;background:var(--green);border-radius:50%;box-shadow:0 0 9px #50dfb030}.aside-bottom{position:absolute;bottom:30px;color:var(--muted);font-size:12px}.shield{color:#bac7d7}.text-button{background:none;border:none;color:var(--muted);padding:0;margin-top:16px}main{margin-left:220px}header{height:82px;border-bottom:1px solid #202a38;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{color:#a6b1c0;font-size:12px}.crumb span{margin:0 12px;color:#506075}.header-right{display:flex;gap:22px;align-items:center}.pill{color:var(--gold);background:#29261c;border:1px solid #49402a;padding:5px 12px;border-radius:30px;font-size:11px}.avatar{width:30px;height:30px;display:grid;place-items:center;border:1px solid #3c4757;background:#232c39;border-radius:50%;font-size:12px}.page{padding:36px 42px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:600}h1{font-size:29px;letter-spacing:.3px;margin:7px 0}h2{font-size:15px;margin:0}p{color:var(--muted);margin:4px 0;font-size:12px}.primary,.secondary,.danger{border-radius:7px;padding:10px 17px;font-weight:600;font-size:12px}.primary{border:1px solid var(--gold);background:var(--gold);color:#242019}.secondary{border:1px solid #354153;background:#1b2432;color:#c5cfdd}.danger{border:1px solid #5d343b;background:#2b1e25;color:var(--red)}.notice{padding:14px 18px;border:1px solid #51432b;background:linear-gradient(90deg,#29251d,#1b1e21);display:flex;align-items:center;gap:12px;border-radius:9px;color:var(--gold);margin-bottom:24px}.notice div{display:flex;gap:15px;align-items:center}.notice strong{font-size:12px;white-space:nowrap}.notice div span{color:#ae9f7e;font-size:11px}.demo-tag{font-size:9px;letter-spacing:1px;border:1px solid #65522c;padding:1px 7px;border-radius:4px;margin-left:auto}.metrics{display:grid;grid-template-columns:1.3fr 1fr .8fr 1fr;gap:17px;margin-bottom:24px}.metric{position:relative;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.metric>div{color:#b7c2d0;font-size:11px;display:flex;align-items:center;justify-content:space-between}.metric>div>span:not(.dot){font-size:9px;color:#64748b;letter-spacing:1px}.metric strong{display:block;font-size:30px;font-weight:600;letter-spacing:.5px;margin:12px 0 5px;font-variant-numeric:tabular-nums}.metric small{color:var(--muted);font-size:10px}.main-metric{background:linear-gradient(120deg,#152723,#12201f);border-color:#29483e}.main-metric strong{color:var(--green)}.main-metric svg{position:absolute;right:0;bottom:37px;width:100px;height:38px;opacity:.6;fill:none;stroke:var(--green);stroke-width:2}.metric .status-text{font-size:23px;margin:17px 0 9px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px}.panel-head p{font-size:10px;margin-top:5px}.badge{font-size:10px;border:1px solid #354155;color:#91a1b5;border-radius:4px;padding:2px 6px;font-weight:400;margin-left:5px}.live-label{font-size:10px;color:var(--green)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{background:#161f2b;text-align:left;color:#6e7e94;font-size:10px;font-weight:500;padding:12px 20px}td{padding:19px 20px;border-bottom:1px solid #202c3b;font-size:12px;font-variant-numeric:tabular-nums}td small{display:block;color:#7e8da1;font-size:10px;margin-top:4px}.coin{display:inline-grid;place-items:center;width:28px;height:28px;background:#302d24;color:var(--gold);border-radius:50%;margin-right:9px;float:left;font-size:13px;font-weight:600}.symbol{font-weight:600}.positive{color:var(--green)}.negative{color:var(--red)}.scope-tag{background:#20372f;color:#70c7a8;border-radius:4px;padding:3px 6px;font-size:9px}.scope-tag.off{background:#222c3b;color:#8c9aaf}.table-note{font-size:10px;color:#7b8b9f;padding:16px 22px}.progress-area{margin:16px 22px 24px;padding:17px;border:1px solid #2b3646;background:#151f2b;border-radius:8px}.progress-area>div{display:flex;justify-content:space-between;font-size:11px;color:#a1afc1}.progress-area strong{color:var(--gold)}progress{appearance:none;display:block;border:0;width:100%;height:6px;margin:14px 0;background:#293445;border-radius:5px;overflow:hidden}progress::-webkit-progress-bar{background:#293445}progress::-webkit-progress-value{background:var(--gold);border-radius:5px}progress::-moz-progress-bar{background:var(--gold)}.progress-area small{color:#6e7f96;font-size:10px}.config{grid-column:2;grid-row:1 / span 2;padding-bottom:20px}.rule-icon{color:#63758e;font-size:22px}.config form{padding:0 22px}.config label{display:block;color:#b7c2d2;font-size:12px;margin-bottom:9px}.input-unit{position:relative}.input-unit input{width:100%;font-size:23px;padding:11px 70px 11px 14px;border:1px solid #6b5936;border-radius:7px;background:#0e151e;color:var(--text)}.input-unit>span{position:absolute;right:14px;top:18px;font-size:11px;color:#94a3b7}.presets{display:flex;gap:7px;margin:10px 0 23px}.presets button{flex:1;border:1px solid #303e51;background:#1c2634;color:#91a2b9;border-radius:5px;font-size:10px;padding:5px}.rule-detail{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px}.rule-detail>div{display:flex;justify-content:space-between;margin:7px 0;font-size:10px;color:#8493a8}.rule-detail b{font-weight:400;color:#c8d0dc}.config .checkbox{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#8595ab;margin-bottom:18px}.checkbox input{accent-color:var(--gold);margin:3px 0}.checkbox strong{color:#b5c1d1;font-weight:500}.full{width:100%}.config>.full{width:calc(100% - 44px);margin:10px 22px 0}.fine{font-size:10px;margin:17px 22px 0;color:#65768e}.simulation{padding:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(110deg,#1b2329,#121a25)}.simulation h2{margin:6px 0}.simulation p{font-size:10px}.sim-actions{display:flex;gap:10px}details{width:100%;border-top:1px solid #2a3442;padding-top:10px;font-size:10px;color:#8d9db2}summary{cursor:pointer}.fault-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.fault-buttons button{background:#1b2635;color:#99a9be;border:1px solid #344258;padding:5px 8px;border-radius:4px;font-size:10px}details small{font-size:10px}.activity{grid-column:1 / -1}.event-list{padding:0 22px 20px;max-height:240px;overflow:auto}.event{display:flex;gap:18px;padding:10px 0;border-top:1px solid #243041;font-size:11px}.event time{color:#6b7c93;font-variant-numeric:tabular-nums}.event span{color:#a5b3c6}.result{margin:0 22px 10px;padding:10px 13px;background:#1a2533;color:#afc0d3;font-size:11px;border-radius:5px}.result small{display:block;font-size:9px;color:#72849c}.empty{text-align:center;padding:35px 15px}.empty>span{color:var(--green);font-size:30px}.empty h3{font-size:15px}.empty p{font-size:11px}.error-banner{padding:12px 16px;border:1px solid #75424a;background:#302029;color:#f3a6af;border-radius:8px;font-size:12px;margin-bottom:20px}footer{display:flex;justify-content:space-between;padding:25px 0 0;color:#53637a;font-size:10px}footer b{margin:0 8px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 20%,#1c2b2e,transparent 65%)}.login-card{width:430px;max-width:100%;padding:38px;background:#131c27;border:1px solid #334050;border-radius:16px;box-shadow:0 30px 100px #0006}.logo{font-size:50px;color:var(--gold);margin-bottom:20px}.login-card h1{font-size:25px;margin:15px 0 8px}.login-card label{display:block;margin-top:28px;color:#adbacb;font-size:12px}.login-card input{width:100%;margin:8px 0 18px;padding:13px;background:#0d151f;border:1px solid #3d4c60;border-radius:7px;color:white}.login-card button{width:100%;padding:13px}.login-card .muted{font-size:11px;line-height:1.9;margin-top:22px}#loginError{color:var(--red);margin-top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 23px;border:1px solid #657255;background:#263528;border-radius:9px;color:#e1ecd9;font-size:12px;z-index:20;max-width:90vw;box-shadow:0 12px 50px #0006}@media(min-width:1600px){.content-grid{grid-template-columns:minmax(0,1fr) 350px}td{padding:22px}}@media(max-width:1200px){aside{width:185px;padding:28px 16px}.brand>span{font-size:15px}main{margin-left:185px}.page{padding:28px 24px}header{padding:0 24px}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:26px}.content-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px}th,td{padding:14px 12px}.notice div{display:block}.notice div span{display:block;margin-top:3px}.main-metric svg{width:65px}}@media(max-width:950px){aside{display:none}main{margin-left:0}.content-grid{grid-template-columns:minmax(0,1fr) 290px}.metrics{grid-template-columns:repeat(2,1fr)}.main-metric svg{width:110px}}@media(max-width:700px){header{height:64px;padding:0 18px}.page{padding:25px 16px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.page-heading{gap:12px}.page-heading button{padding:8px 10px;white-space:nowrap}.eyebrow{font-size:8px}.notice{padding:12px}.demo-tag{display:none}.notice div span{font-size:10px}.content-grid{display:flex;flex-direction:column}.config{order:0}.positions{order:1}.simulation{order:2}.activity{order:3}.metrics{gap:10px}.metric strong{font-size:25px}.metric .status-text{font-size:21px}.metric small{font-size:9px}.metric{padding:15px}.main-metric svg{width:65px;bottom:40px}.panel-head{padding:18px}.live-label{font-size:9px}.event{font-size:10px;gap:10px}footer{font-size:8px}.header-right{gap:10px}.pill{font-size:9px}.login-card{padding:28px}.login-card h1{font-size:22px}.simulation{padding:18px}.sim-actions{width:100%}.sim-actions button{flex:1}}

.connect-panel{padding:24px;margin-bottom:24px}.connect-panel label{display:block;margin-top:14px;color:#b7c2d2}.connect-panel input,#liveConfirm{display:block;width:100%;padding:12px;margin:8px 0 16px;border:1px solid #3d4c60;border-radius:7px;background:#0d151f;color:var(--text)}.connect-panel button{margin:4px 10px 8px 0}.connect-panel .fine{margin:12px 0 0}.config{grid-row:1}.activity{grid-row:auto}

.account-panel{padding:24px;margin-bottom:20px}.account-cards{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.account-card{display:flex;flex-direction:column;gap:8px;text-align:left;padding:16px;border:1px solid #39495a;border-radius:12px;background:transparent;color:inherit;min-width:210px;cursor:pointer}.account-card.selected{border:2px solid #37c8a4}.account-card small{opacity:.7}#accountsCount{font-size:13px;font-weight:normal}#accountLabel{display:block;width:100%;padding:12px;margin-bottom:16px}

/* Compact account workspace. Keep wide position tables locally scrollable. */
button,input,select{font:inherit}select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
aside{position:static;width:auto;padding:12px 28px;border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px}.brand>span{font-size:17px}.nav-title,.aside-bottom{display:none}.nav{padding:6px 12px;font-size:12px}main{margin-left:0;min-width:0}header{height:48px;padding:0 28px}.page{max-width:1440px;padding:24px 28px}.page-heading{gap:16px;margin-bottom:16px}h1{font-size:25px;margin:0 0 4px}.notice{margin-bottom:16px;padding:12px 16px}.notice div{display:block;min-width:0}.notice div span{display:block;margin-top:3px}.notice strong{white-space:normal}.panel,.metric,.content-grid>*{min-width:0}.connect-panel{padding:0;margin-bottom:16px;width:auto;font-size:12px}.connect-panel>summary{padding:14px 18px;color:var(--text);font-size:14px;font-weight:600}.connect-panel>summary span{font-size:11px;font-weight:400;color:var(--muted);margin-left:8px}.connect-panel form{padding:0 18px 16px;max-width:780px}.connect-panel input{padding:9px 12px;margin:5px 0 12px}.connect-panel label{margin-top:10px}.connect-panel button{margin-bottom:4px}.account-panel{padding:16px 18px;margin-bottom:16px}.account-panel .fine{margin:10px 0 0}.account-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;margin:12px 0}.account-card{min-width:0;width:100%;padding:12px;gap:4px;border:1px solid #39495a;border-radius:8px;overflow-wrap:anywhere}.account-card.selected{border:1px solid var(--green);background:#152720;box-shadow:inset 0 0 0 1px var(--green)}.account-card strong{font-size:14px}.account-card span,.account-card small{font-size:11px}.account-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.account-controls p{min-width:0;overflow-wrap:anywhere}.account-controls button{flex-shrink:0;padding:7px 10px;font-size:11px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric{padding:15px 16px}.metric strong{font-size:26px;margin:8px 0 2px;overflow-wrap:anywhere}.metric .status-text{font-size:20px;margin:12px 0 6px}.metric small{display:block}.content-grid{gap:16px;grid-template-columns:minmax(0,1fr) 320px;align-items:start}.panel-head{padding:16px 18px;gap:12px}.panel-head>div{min-width:0}.live-label{flex-shrink:0}.table-note{padding:12px 18px}.progress-area{margin:4px 18px 18px;padding:12px}.config form{padding:0 18px}.interval-settings{margin:0 18px 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.interval-row{display:flex;gap:8px}.interval-row select{min-width:0;flex:1;border:1px solid #3d4c60;background:#0d151f;color:var(--text);border-radius:7px;padding:8px 10px}.interval-row button{padding:8px 12px}.interval-settings #readSchedule{font-size:11px;margin:8px 0}.request-details{padding-top:8px;color:var(--muted);font-size:11px}.request-details .fine{margin:8px 0 0}.config>.full{width:calc(100% - 36px);margin:10px 18px 0}.config>.fine{margin:14px 18px 0}.presets{margin-bottom:16px}.rule-detail{padding:8px 0;margin-bottom:14px}.fine{color:#91a0b4}.event span,.result,.error-banner,#apiStats,#protected{overflow-wrap:anywhere}.event time{flex-shrink:0}.event-list{padding:0 18px 16px}.empty{padding:24px 14px}footer{padding-top:18px;gap:12px}.primary,.secondary,.danger{min-height:38px}#accountLabel{padding:9px 12px;margin-bottom:12px}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1fr) 300px}.page{padding:20px}.panel-head{flex-wrap:wrap}}
@media(max-width:700px){aside{display:flex;padding:10px 16px}.brand>span{font-size:15px}.nav{font-size:11px;gap:6px}header{padding:0 16px;height:42px}.page{padding:16px 12px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}.page-heading h1{font-size:22px}.page-heading p{font-size:11px}.notice{padding:10px 12px;gap:8px}.metrics{gap:8px}.metric{padding:12px}.metric strong{font-size:23px}.metric .status-text{font-size:18px}.metric>div{gap:6px;align-items:flex-start}.metric>div>span:not(.dot){letter-spacing:0;flex-shrink:0}.content-grid{display:flex;flex-direction:column;align-items:stretch}.positions{order:0}.config{order:1}.activity{order:2}.account-panel{padding:14px}.account-controls{align-items:flex-start;flex-direction:column;gap:8px}.account-controls button{max-width:100%;white-space:normal}.account-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.connect-panel>summary{padding:14px}.connect-panel form{padding:0 14px 14px}.connect-panel>summary span{font-size:10px}.metric small{font-size:10px}.event{flex-wrap:wrap;gap:3px 10px}.event span{min-width:0;width:100%}footer{flex-wrap:wrap;font-size:10px}.crumb{font-size:11px}.crumb span{margin:0 6px}.header-right{gap:0}}
/* PnL sign colors must override the highlighted summary card default. */
.main-metric strong.negative{color:var(--red)}.main-metric strong.positive{color:var(--green)}
/* On wide screens the rule panel is a rail; left-column panels stack without a blank grid row. */
@media(min-width:901px){.content-grid{display:block;position:relative}.content-grid .positions,.content-grid .activity{width:calc(100% - 336px)}.content-grid .activity{margin-top:16px}.content-grid .config{position:absolute;top:0;right:0;width:320px}}
@media(min-width:1201px){.content-grid .positions,.content-grid .activity{width:calc(100% - 366px)}.content-grid .config{width:350px}}
@media(max-width:900px){.content-grid .config{position:static;width:auto}}
@media(min-width:901px){.content-grid{min-height:800px}}
#guardIndicator.guard-on{color:var(--green);background:#18382d}#guardIndicator.guard-off{color:var(--red);background:#35232a}#guardIndicator .dot{background:currentColor;box-shadow:none}
/* final responsive workspace overrides */
html,body{overflow-x:hidden}aside{position:static;width:auto;height:62px;padding:0 clamp(16px,4vw,52px);display:flex;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line);background:#0d141d}main{margin-left:0;min-width:0}.page{max-width:1440px;padding:26px clamp(14px,3.5vw,48px) 32px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.content-grid .positions,.content-grid .activity{width:auto;margin-top:0}.content-grid .positions{grid-column:1;grid-row:1}.content-grid .config{position:static;grid-column:2;grid-row:1 / span 2;width:auto}.content-grid .activity{grid-column:1;grid-row:2;margin-top:16px}.panel,.metric{min-width:0}.account-panel,.connect-panel{margin-top:16px}.connect-panel form{max-width:800px}.account-card{min-width:0}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.scope-tag.off{background:#42252d;color:var(--red)}
@media(max-width:720px){aside{height:54px;padding:0 14px}.page{padding:16px 12px 25px}.content-grid{display:flex;flex-direction:column;gap:12px}.content-grid .positions,.content-grid .config,.content-grid .activity{width:auto;order:initial}.content-grid .positions{order:0}.content-grid .config{order:1}.content-grid .activity{order:2;margin-top:0}.table-wrap{overflow:visible;padding:0 12px}table,tbody{display:block;width:100%;white-space:normal}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}tbody{display:grid;gap:9px}tr{display:block;padding:3px 11px;border:1px solid #304156;border-radius:8px;background:#151f2b}td{display:block;padding:9px 0;border-bottom:1px solid #29384b;overflow-wrap:anywhere}td::before{display:block;margin-bottom:3px;content:attr(data-label);color:#91a1b7;font-size:10px}td:last-child{border-bottom:0}.panel-head{padding:14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:12px}.metric strong{font-size:21px}.primary,.secondary,.danger,.presets button,.interval-row select,.interval-row button{min-height:44px}.connect-panel input,.input-unit input{min-height:44px}.account-controls{align-items:stretch;flex-direction:column}.account-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}
@media(max-width:360px){.page-heading button{width:100%}.account-cards{grid-template-columns:1fr}.metric strong{font-size:18px}}
/* One-screen workspace: natural document flow; only expanded / long content scrolls. */
body{line-height:1.45}aside{height:44px;padding:0 20px}.brand>span{font-size:16px}.page{max-width:1600px;padding:12px 20px 10px}.page-heading{margin-bottom:10px;gap:12px}.page-heading>div{display:flex;align-items:center;gap:16px;min-width:0}.page-heading h1{font-size:20px;margin:0;white-space:nowrap}.page-heading p{display:none}.account-switch{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);min-width:0}.account-switch select{max-width:240px;min-width:100px;background:#121a25;color:var(--text);border:1px solid #354153;border-radius:6px;height:34px;padding:4px 10px;text-overflow:ellipsis}.metrics{gap:10px;margin-bottom:10px;grid-template-columns:1.15fr 1fr .7fr 1.15fr}.metric{padding:10px 14px}.metric>div,.metric small{font-size:12px}.metric>div>span:not(.dot){font-size:11px}.metric strong{font-size:27px;margin:3px 0}.metric .status-text{font-size:21px;margin:7px 0}.content-grid{min-height:0;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto 1fr;gap:10px;align-items:start}.content-grid .config{grid-row:1 / span 2;padding-bottom:12px}.content-grid .activity{margin-top:0;align-self:end}.panel-head{padding:12px 14px}.panel-head p,.live-label{font-size:12px}.config .panel-head{padding:10px 14px}.config .panel-head p{display:none}.config form{padding:0 14px}.config label{font-size:12px;margin-bottom:5px}.interval-settings{margin:0 14px 10px;padding-bottom:8px}.interval-row select,.interval-row button{padding:5px 10px;min-height:34px;font-size:13px}.interval-settings #readSchedule{margin:5px 0;font-size:12px}#recoveryStatus{margin:4px 0;font-size:12px}.request-details{padding-top:4px;font-size:12px}.request-details summary{padding:2px 0}.fine{font-size:12px}.input-unit input{font-size:23px;padding:7px 65px 7px 12px;height:44px}.input-unit>span{top:14px;font-size:12px}#thresholdHint{margin:6px 0;font-size:12px;line-height:1.4}.presets{gap:6px;margin:7px 0}.presets button{font-size:12px;min-height:30px}.rule-explanation{padding:5px 0;margin:0 0 6px;font-size:12px}.rule-explanation .fine{margin:6px 0}.rule-detail{margin:0;padding:5px 0}.rule-detail>div{font-size:12px}.config .checkbox{font-size:12px;margin:6px 0;line-height:1.45;min-height:34px;align-items:center}.checkbox input{width:17px;height:17px;flex-shrink:0}.primary,.secondary,.danger{font-size:13px;min-height:36px;padding:7px 12px}.config>.full{width:calc(100% - 28px);margin:7px 14px 0}.config .full{min-height:38px}th{font-size:12px;padding:10px 12px}td{font-size:14px;padding:14px 12px}td small,.scope-tag{font-size:12px}.coin{width:25px;height:25px;margin-right:7px}.table-note{font-size:12px;padding:10px 14px}.progress-area{margin:0 14px 12px;padding:10px 12px}.progress-area>div,.progress-area small{font-size:12px}progress{margin:9px 0}.activity{padding:0}.activity>summary,.account-panel>summary,.connect-panel>summary{padding:10px 14px;font-size:13px;color:var(--text);font-weight:600}.activity>summary span,.connect-panel>summary span,#accountsCount{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px}.activity-body{max-height:260px;overflow:auto}.event-list{max-height:none;padding:0 14px 12px}.event,.result,.result small{font-size:12px}.account-panel,.connect-panel{padding:0;margin:10px 0 0}.account-panel[open]{padding-bottom:12px}.account-panel .account-cards,.account-panel .account-controls,.account-panel>.fine{margin-left:14px;margin-right:14px}.account-card span,.account-card small{font-size:12px}footer{padding-top:8px;font-size:11px}.error-banner{margin-bottom:10px;padding:8px 12px}.request-details[open] .fine{font-size:12px}.empty{padding:35px 14px}
@media(min-width:1001px){.table-wrap{max-height:300px;overflow:auto}th{position:sticky;top:0;z-index:1}.account-panel[open] .account-cards{max-height:230px;overflow:auto}}
@media(max-width:1100px) and (min-width:721px){.page-heading>div{flex-wrap:wrap;gap:6px 16px}.content-grid{grid-template-columns:minmax(0,1fr) 330px}th,td{padding:10px 8px}.coin{display:none}}
@media(max-width:720px){aside{height:48px;padding:0 14px}.page{padding:12px}.page-heading>div{display:block;width:100%}.page-heading h1{font-size:21px}.account-switch{margin-top:10px;justify-content:space-between}.account-switch select{height:44px;max-width:72%;font-size:16px;flex:1}.page-heading{align-items:center}.page-heading button{width:100%;min-height:44px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:10px}.metric strong{font-size:23px}.metric .status-text{font-size:19px}.metric>div,.metric small{font-size:12px}.content-grid{display:flex;gap:10px}.content-grid .activity{align-self:stretch}.config .panel-head,.panel-head{padding:14px}.panel-head{flex-wrap:wrap}.primary,.secondary,.danger,.presets button,.interval-row select,.interval-row button,summary{min-height:44px}.presets button{font-size:12px;padding:5px 2px}.config .full{min-height:44px}.config .checkbox{min-height:44px}.checkbox input{width:20px;height:20px}.request-details summary,.rule-explanation summary{align-content:center}.activity>summary,.account-panel>summary,.connect-panel>summary{align-content:center}.connect-panel input,.input-unit input,.interval-row select{font-size:16px}.table-wrap{overflow:visible}.table-wrap td{padding:9px 0;font-size:14px}.table-wrap td::before{font-size:12px}td small,.scope-tag{font-size:12px}.table-note{line-height:1.6}.account-cards{grid-template-columns:1fr}.account-controls button{min-height:44px}.nav{display:flex;font-size:11px;padding:5px 8px}.nav>span:not(.dot){display:none}.activity>summary span{display:block;margin:3px 0 0}footer{flex-wrap:wrap}.config .checkbox{margin:8px 0}.rule-detail>div{font-size:12px}}

@media(min-width:1001px){aside{height:38px}.page{padding-top:8px}.page-heading{margin-bottom:8px}.metrics{margin-bottom:8px}.metric{padding:8px 14px}.metric strong{font-size:25px;margin:1px 0}.metric .status-text{margin:4px 0}.panel-head{padding:10px 14px}td{padding:10px 12px}.progress-area{padding:8px 12px;margin-bottom:10px}.config .checkbox:has(input:disabled){display:none}.config .panel-head{padding:8px 14px}.content-grid{grid-template-rows:auto auto}.activity>summary,.account-panel>summary,.connect-panel>summary{padding:8px 14px}.account-panel,.connect-panel{margin-top:8px}footer{padding-top:5px}.activity{align-self:end}.config .interval-settings{margin-bottom:8px}.config .presets{margin:6px 0}.content-grid .config{grid-row:1 / span 2}}
@media(min-width:1001px){.content-grid{grid-template-rows:auto auto;align-items:stretch}.content-grid .positions,.content-grid .config{grid-row:1;align-self:stretch}.content-grid .activity{grid-row:2}.content-grid .config{padding-bottom:10px}.config .panel-head{padding:7px 14px}.config .interval-settings{margin-bottom:6px;padding-bottom:6px}.config .interval-settings #readSchedule{margin:4px 0}.config .input-unit input{height:42px}.config>.full{margin-top:6px}.config .full{min-height:36px}}

/* Immediate desktop panel alignment. */
@media(min-width:901px){
.content-grid{min-height:0;align-items:stretch;grid-template-rows:auto auto}
.content-grid .positions{grid-row:1;align-self:stretch;display:flex;flex-direction:column}
.content-grid .config{grid-row:1;align-self:stretch;padding-bottom:12px}
.content-grid .activity{grid-row:2}
.config .panel-head{padding:12px 16px}
.config .interval-settings{margin:0;padding:0 16px 10px}
.config .interval-row{gap:6px}
.config .interval-row select,.config .interval-row button{min-height:32px;padding:5px 8px}
.config #readSchedule{margin:5px 0;font-size:10px}
.config .request-details{margin:5px 0;padding-top:5px}
.config form{padding:0 16px}
.config .input-unit input{font-size:22px;padding:8px 65px 8px 12px}
.config .input-unit>span{top:13px}
.config .presets{margin:7px 0 10px;gap:5px}
.config .presets button{padding:4px;min-height:28px}
.config .checkbox{margin-bottom:10px}
.config .primary.full,.config>.full{min-height:34px;padding:7px 12px}
.config>.full{width:calc(100% - 32px);margin:7px 16px 0}
.positions .progress-area{margin-top:auto}
}
/* Keep the aligned rail compact at laptop heights without scaling text. */
@media(min-width:1001px){.config .panel-head{padding:7px 14px}.config .interval-settings{padding:0 14px 6px}.config #readSchedule{font-size:12px;margin:4px 0}.config .request-details{margin:0;padding-top:4px}.config form{padding:0 14px}.config .presets{margin:6px 0}.config .checkbox{margin:6px 0}.config .primary.full,.config>.full{min-height:36px}.config>.full{width:calc(100% - 28px);margin:6px 14px 0}.content-grid .config{padding-bottom:10px}}

/* Slightly narrower centered desktop workspace. */
@media(min-width:1001px){.page{width:94%;max-width:1320px;margin-left:auto;margin-right:auto}}

/* Phone workspace: same desktop columns, readable type, local table scrolling. */
@media(max-width:1000px){
.page{width:100%;padding:10px 12px 14px}
.page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:8px}.page-heading>div{display:contents}.page-heading h1{font-size:18px;grid-column:1;grid-row:1}.page-heading #refresh{grid-column:2;grid-row:1;width:auto;min-height:44px;padding:6px 10px;font-size:12px}
.account-switch{grid-column:1 / -1;grid-row:2;display:flex;justify-content:space-between;margin:0;font-size:12px}.account-switch select{flex:1;min-width:0;max-width:calc(100% - 66px);height:44px;font-size:16px}
.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px}.metric{padding:8px 10px;overflow:hidden}.metric>div{font-size:11px;flex-wrap:wrap;gap:2px 5px}.metric>div>span:not(.dot){font-size:10px;letter-spacing:0}.metric strong{font-size:22px;margin:2px 0;line-height:1.3}.metric .status-text{font-size:18px;margin:4px 0}.metric small{font-size:10px;line-height:1.4}
.content-grid{display:flex;flex-direction:column;gap:8px;min-height:0;align-items:stretch}.content-grid .positions,.content-grid .config,.content-grid .activity{width:auto;position:static;align-self:stretch;margin:0}.content-grid .positions{order:0}.content-grid .config{order:1}.content-grid .activity{order:2}
.panel-head,.config .panel-head{padding:10px 12px;gap:6px;flex-wrap:wrap}h2{font-size:14px}.live-label{font-size:10px}
.table-wrap{width:100%;max-width:100%;max-height:260px;overflow:auto;padding:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.table-wrap table{display:table;table-layout:auto;width:100%;min-width:630px;border-collapse:collapse;white-space:nowrap}.table-wrap thead{display:table-header-group;position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip-path:none;white-space:nowrap}.table-wrap tbody{display:table-row-group;width:auto}.table-wrap tr{display:table-row;padding:0;border:0;border-radius:0;background:transparent}.table-wrap th{position:sticky;top:0;z-index:2;font-size:11px;padding:9px 10px;white-space:nowrap}.table-wrap td{display:table-cell;font-size:13px;padding:9px 10px;border-bottom:1px solid #29384b;overflow-wrap:normal;white-space:nowrap}.table-wrap td::before{display:none;content:none}.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;left:0;background:#161f2b;box-shadow:2px 0 0 #243041;z-index:1}.table-wrap th:first-child{z-index:3}.table-wrap .coin{display:none}.table-wrap td small{font-size:11px;margin-top:2px}.table-wrap .position-value .notional{font-size:13px}.scope-tag{font-size:11px}
.progress-area{margin:8px 12px 10px;padding:8px 10px}.progress-area>div{gap:5px;font-size:11px}.progress-area small{font-size:11px;line-height:1.4}progress{margin:7px 0}
.config form{padding:0 12px}.interval-settings{margin:0 12px 8px;padding-bottom:6px}.interval-row{display:flex;flex-wrap:nowrap;gap:6px}.interval-row select{flex:1;min-width:0}.interval-row select,.interval-row button,.primary,.secondary,.danger,.presets button,.config .full{min-height:44px}.connect-panel input,#accountLabel,.input-unit input,.interval-row select{font-size:16px;min-height:44px;min-width:0}.presets{gap:5px;margin:6px 0}.presets button{font-size:12px;padding:5px 2px}.config .checkbox{min-height:44px;margin:6px 0;align-items:center}.checkbox input{width:20px;height:20px;flex-shrink:0}.config .checkbox:has(input:disabled){display:none}.config>.full{width:calc(100% - 24px);margin:6px 12px 0}
.request-details>summary,.activity>summary,.account-panel>summary,.connect-panel>summary{min-height:44px;align-content:center}.activity>summary span{display:inline;margin-left:5px;font-size:10px}.account-cards{grid-template-columns:1fr}.account-controls{align-items:stretch;flex-direction:column}.account-controls button{min-height:44px}.event span,.result,#apiStats,#protected{overflow-wrap:anywhere}footer{font-size:10px;flex-wrap:wrap;gap:4px}
}
.table-scroll-hint{display:none}
@media(max-width:1000px){.table-scroll-hint{display:block;margin:0;padding:5px 12px;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}}
@media(min-width:760px) and (max-width:1000px){
.page-heading{grid-template-columns:minmax(0,1fr) auto auto}.page-heading>div{display:flex;gap:16px;grid-column:1 / 3;min-width:0}.page-heading .account-switch{margin:0;min-width:0;flex:1;justify-content:flex-start}.page-heading #refresh{grid-column:3}.account-switch select{max-width:220px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:8px;align-items:stretch}.content-grid .positions{grid-column:1;grid-row:1;display:flex;flex-direction:column}.content-grid .config{grid-column:2;grid-row:1}.content-grid .activity{grid-column:1 / -1;grid-row:2}.positions .progress-area{margin-top:auto}
}

[hidden]{display:none!important}.auth-panel{min-height:100dvh;display:grid;place-items:center;padding:20px;box-sizing:border-box}.auth-panel form{width:min(100%,400px);box-sizing:border-box;background:#171b26;padding:24px;border:1px solid #384052;border-radius:16px}.auth-panel input{width:100%;box-sizing:border-box;margin:8px 0 18px;min-height:44px;font-size:16px}.auth-panel label{display:block}.auth-panel p{overflow-wrap:anywhere}.auth-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}#loginError{color:#f58994}@media(max-width:400px){.auth-panel{padding:12px}.auth-panel form{padding:18px}.auth-controls button{font-size:12px}}

@media(max-width:1000px){.page-heading>.auth-controls{display:flex;grid-column:1 / -1;grid-row:auto;justify-content:flex-end;width:100%;gap:8px;margin:0}.page-heading>.auth-controls button{width:auto;min-height:44px}}

/* Scoped sign-in design: dashboard styling stays unchanged. */
#loginPanel.auth-panel{width:100%;max-width:none;min-height:100svh;margin:0;padding:32px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;background:radial-gradient(ellipse at 15% 5%,#20383088,transparent 48%),radial-gradient(ellipse at 90% 90%,#39301b55,transparent 45%),#0b1017;border:0;border-radius:0}
#loginForm{width:100%;max-width:420px;padding:34px;background:#121a25;border:1px solid #2d3948;border-radius:20px;box-shadow:0 24px 80px #0005}
#loginPanel .auth-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:650;color:#eef3f8;letter-spacing:-.4px}
#loginPanel .auth-symbol{display:grid;place-items:center;width:40px;height:40px;border:1px solid #52604a;border-radius:12px;color:#edc665;background:#222c27;font-size:28px}
#loginPanel .auth-brand-light{color:#8f9cad;font-weight:400}
#loginPanel .auth-heading{margin:30px 0 25px}#loginPanel .auth-eyebrow{font-size:12px;color:#9baaab;letter-spacing:2px}#loginPanel h1{font-size:30px;line-height:1.4;margin:8px 0;color:#edf2f8}#loginPanel .auth-heading p{font-size:13px;color:#8f9cad;margin:0}
#loginPanel label{display:block;color:#c2cedc;font-size:13px;margin:17px 0 8px}
#loginPanel input{display:block;width:100%;height:48px;margin:0;padding:12px 14px;border:1px solid #354355;background:#0c131d;color:#edf2f8;border-radius:9px;font:inherit;font-size:16px;outline:none}
#loginPanel input:focus{border-color:#68c4aa;box-shadow:0 0 0 3px #68c4aa18}#loginPanel input::placeholder{color:#627389}
#loginPanel .auth-password{position:relative}#loginPanel .auth-password input{padding-right:64px}#toggleLoginPassword{position:absolute;right:3px;top:2px;height:44px;min-width:52px;border:0;background:transparent;color:#aab7c8;font-size:12px;padding:0 10px;border-radius:7px}#toggleLoginPassword:hover{transform:none;color:#edf2f8}#toggleLoginPassword:focus-visible{outline:2px solid #edc665}
#loginError{font-size:12px;line-height:1.6;color:#f58994;overflow-wrap:anywhere;margin:10px 0;min-height:0}#loginError:empty{display:none}
#loginSubmit{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;min-height:48px;margin-top:24px;border-radius:9px;font-size:15px;padding:0 17px}
#loginPanel .auth-note{font-size:11px;text-align:center;color:#8190a4;margin:18px 0 0}#loginPanel .auth-footer{font-size:11px;color:#67758a;letter-spacing:.5px}
@media(max-width:480px){#loginPanel.auth-panel{padding:24px 16px;gap:18px}#loginForm{padding:26px 22px;border-radius:16px}#loginPanel .auth-heading{margin:26px 0 22px}#loginPanel h1{font-size:28px}}

@media(max-width:720px){#workspace>aside{gap:8px}#workspace>aside #logout{margin-left:auto;min-height:44px;padding:6px 10px;font-size:12px;white-space:nowrap}#workspace>aside .brand{gap:6px;font-size:22px}#workspace>aside .brand>span{font-size:14px}.page-heading>.auth-controls:not(:has(button:not([hidden]))){display:none}}

#loginPanel .auth-brand{justify-content:center;margin-bottom:28px}#loginSubmit{justify-content:center}
@media(max-width:720px){#workspace>aside{display:flex}}

/* Desktop header aligned with centered dashboard content. */
@media(min-width:1001px){
#workspace>aside{padding-left:calc((100% - min(94%,1320px))/2 + 20px);padding-right:calc((100% - min(94%,1320px))/2 + 20px)}
.page-heading{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:nowrap}
.page-heading>div:first-child{display:flex;align-items:center;gap:16px;min-width:0;flex:1}
.page-heading>.auth-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto;width:auto}
.page-heading #refresh{flex:0 0 auto;margin:0}
.page-heading h1{margin:0;line-height:36px}
.page-heading .account-switch{display:flex;align-items:center;margin:0;flex:0 1 auto}
.page-heading .account-switch select,.page-heading button{height:36px;min-height:36px;margin-top:0;margin-bottom:0}
}


/* Selected-account future protection settings. */
.page-heading>div:first-child{min-width:0;flex:1}.account-policy-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.main-auto-control{flex:1 1 300px;min-width:0}.main-auto-control .checkbox{margin:0 0 8px}.main-auto-control form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.main-auto-control input[type=number]{width:125px;min-width:0}.main-auto-control p{margin:6px 0;font-size:12px}.main-auto-control form label{margin:0}@media(max-width:700px){.account-policy-row{display:flex;flex-direction:column;align-items:stretch}.main-auto-control{flex:auto;width:100%}.main-auto-control form{gap:6px}.main-auto-control button{max-width:100%}}

/* Compact account automation toolbar. */
.page-heading{flex-wrap:wrap;row-gap:10px}.page-heading>div:first-child{flex-wrap:wrap;gap:10px 18px}
.account-policy-row{align-items:center;gap:12px;flex:1;min-width:0}
.main-auto-control{display:flex;align-items:center;gap:12px;flex:0 1 auto;padding:7px 10px;border:1px solid #2c3b4c;border-radius:10px;background:#121c28}
.main-auto-control .checkbox{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;margin:0;min-height:30px}
#mainAuto{appearance:none;width:30px;height:18px;border-radius:12px;border:1px solid #4b5b70;background:#283446;position:relative;cursor:pointer;margin:0;flex-shrink:0}
#mainAuto:before{content:'';position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#aab7c8;transition:transform .15s}
#mainAuto:checked{background:#22664f;border-color:#3cad87}#mainAuto:checked:before{transform:translateX(12px);background:#8af2cb}#mainAuto:focus-visible{outline:2px solid #edc665;outline-offset:3px}
#mainAutoState{font-size:10px;font-weight:400;color:#93a3b7}.main-auto-control:has(#mainAuto:checked) #mainAutoState{color:#50dfb0}
#nextTargetForm{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;border-left:1px solid #304052;padding-left:12px}
#nextTargetForm label,#nextTargetForm>span{white-space:nowrap;color:#91a1b5;font-size:11px}
.main-auto-control #nextTarget{width:88px;height:32px;min-height:32px;border:1px solid #42536b;border-radius:6px;background:#0b131e;color:#edf2f8;padding:5px 8px;font-size:14px;margin:0;color-scheme:dark}
#saveNextTarget{height:32px;min-height:32px;padding:5px 10px;white-space:nowrap;font-size:12px}
.main-auto-control #mainAutoHint,.main-auto-control #nextTargetSaved{display:none}
@media(max-width:1100px){.account-policy-row{flex-wrap:wrap}.main-auto-control{flex-wrap:wrap;gap:6px 10px}}
@media(max-width:720px){.account-policy-row{width:100%;gap:8px}.main-auto-control{width:100%;box-sizing:border-box;padding:8px 10px}.main-auto-control .checkbox{min-height:36px}#nextTargetForm{border-left:0;padding-left:0;width:100%;gap:8px}#nextTargetForm label{font-size:12px}.main-auto-control #nextTarget{flex:1;min-width:55px;width:80px;font-size:16px;height:44px;min-height:44px}#saveNextTarget{height:44px;min-height:44px}.page-heading>.auth-controls{margin-left:auto}}