/* 666 presentation only: 888's yellow/neutral palette and horizontal positions. */
:root{--bg:#0b0e11;--panel:#12171e;--text:#eaecef;--muted:#9aa4b2;--border:#2b3139;--accent:#fcd535;--yellow:#fcd535;--accent-soft:#fcd53515;--amber:#fcd535;--green:#0ecb81}
body{background:#090c10;color:var(--text);-webkit-font-smoothing:antialiased}
body>header{width:100%;max-width:1900px;gap:20px;padding:18px 28px}
.brand{display:flex;flex:none;width:44px;height:44px;padding:0;background:none;border:0;border-radius:12px}.brand img{display:block;width:100%;height:100%}
.panel{background:#12171e;border:1px solid #29313b;box-shadow:none;border-radius:12px}
button,nav a{background:#1b2028;border-color:#424b58;color:#eaecef;box-shadow:none}
button:hover:not(:disabled),nav a:hover{border-color:var(--accent)}
button[aria-pressed=true],.primary{background:#fcd535;border-color:#fcd535;color:#171a20}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#screen{border-color:#8a7425;font-weight:600}#clock{white-space:nowrap}#clock b,#ratio{color:#fcd535}
input,select{accent-color:var(--accent)}.positive{color:#0ecb81}.negative{color:#f6465d}
.header-risk{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:1px 12px;align-items:center;max-width:490px;font-size:12px;color:var(--muted)}
.header-risk>strong{font-size:17px;font-weight:600;grid-row:1/3;color:#c4ccd7;white-space:nowrap}
.header-risk>small{font-size:12px;line-height:1.35}.header-risk[data-level=ok]>strong{color:#0ecb81}
.header-risk[data-level=warning]>strong,.header-risk[data-level=unknown]>strong{color:#fcd535}.header-risk[data-level=danger]>strong{color:#ff6678}
#system-notice{max-width:1844px;min-height:0;background:#282116;border-color:#6b5828;color:#fcd535;padding:10px 16px;overflow-wrap:anywhere}
.metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.metrics .panel{padding:20px;justify-content:center;gap:6px;min-width:0;background:#12171e;border-color:#29313b}
.metrics .panel>span{color:#a8b2c1;font-size:14px}.metrics strong{font-size:38px;line-height:1.15;font-weight:650;letter-spacing:-.025em}.metrics small{font-size:12px;line-height:1.4}
.quote-card strong{color:#fcd535}.quote-card[data-stale=true] small{color:#fcd535}
.ratio-card{align-items:center;text-align:center}.ratio-card strong{letter-spacing:.04em}
.positions{gap:16px;grid-template-columns:minmax(0,1fr)}
.positions>.leg-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px 16px;padding:18px 20px;border-left:3px solid #0ecb81;align-content:space-between}
.positions>.leg-card[data-leg=short]{border-left-color:#f6465d}
.leg-header{flex-wrap:wrap;justify-content:flex-start;align-content:center;gap:5px 10px}.leg-header h2{display:flex;align-items:baseline;gap:10px;font-size:24px;white-space:nowrap}.leg-header h2 small{font-size:12px;font-weight:400;color:var(--muted)}
.leg-direction{color:#eaecef}.tag{font-size:12px;padding:2px 8px;border-color:#424b58;background:transparent;color:#b7c1ce}
.field-label{font-size:12px;color:#9da8b7;line-height:1.4;font-weight:400}
.leg-performance{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin:0;min-width:0}.leg-profit-block{text-align:right}.leg-profit-block>.field-label{display:none}
.leg-pnl{display:block;font-size:32px;line-height:1.15;margin:0;font-weight:650;white-space:nowrap}.leg-return{text-align:right;white-space:nowrap}.leg-return .field-label{font-size:11px;display:block}.leg-return strong{font-size:23px;line-height:1.2}
.leg-data{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:8px 0;border-block:1px solid #29313b}
.leg-data>span{display:flex;flex-direction:column;gap:3px;min-width:0}.leg-data b{font-size:23px;font-weight:550;line-height:1.2;margin:0;color:#eaecef;white-space:nowrap}.leg-data b small{font-size:11px;font-weight:400}
.leg-levels{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;gap:16px;align-items:start}
.liquidation,.leg-exit{margin:0;padding:0;border:0;background:none;border-radius:0;min-width:0}
.liquidation-main,.leg-exit{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.liquidation strong,.leg-exit>strong{color:#fcd535;font-size:32px;line-height:1.2;font-weight:600;white-space:nowrap}.liquidation small,.leg-exit>small{display:block;font-size:12px;line-height:1.4;margin-top:3px;color:#a8b2c1}
.liquidation.warning strong{color:#ff6678}.liquidation.warning{background:none;border:0}.leg-note{grid-column:1/-1;min-height:0;margin:0;font-size:12px;line-height:1.5;color:#a5afbd;overflow-wrap:anywhere}.leg-note b{color:#ced5df;font-weight:500}.leg-note small{font-size:inherit}
#market-last{display:none}.market-segments{background:#0b0e11}.market-segments button[aria-pressed=true]{background:#fcd53515;color:#fcd535;border-color:#fcd53555}
.market-price-tag{background:#0b0e11}.market-canvas-wrap{background:#0b0e11}.market-footnote{color:var(--muted)}
.display-sound-actions{display:none;align-items:center;gap:8px}body[data-view=display] .display-sound-actions{display:flex}.display-sound-toggle[aria-pressed=true]{background:#292516;color:#fcd535;border-color:#80702c}
#fullscreen-hint{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;z-index:1000;padding:12px 18px;background:#20252d;color:#eaecef;border:1px solid #77662c;border-radius:12px;box-shadow:0 8px 28px #0008;font-size:14px}
html:fullscreen{background:#090c10}
.reporting-group{margin:22px 0;padding-top:18px;border-top:1px solid var(--border)}.reporting-group h3{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0;font-size:16px}.reporting-group h3 small{font-size:13px;font-weight:400}.reporting-group output{color:var(--accent);font-weight:600}.reporting-group label{margin:12px 0 0}#report-legacy{color:var(--accent);line-height:1.6}
.account-stack{display:contents}
@media(min-width:901px){
 /* Stack the right column so only equity absorbs the chart's extra height. */
 body[data-view=simple] .account-stack{display:flex;flex-direction:column;grid-column:2;grid-row:2/4;gap:18px;min-width:0}
 body[data-view=simple] .positions{flex:none}
 body[data-view=simple] .equity-panel{display:flex;flex-direction:column;flex:1;min-height:190px}
 body[data-view=simple] #equity-plot{flex:1;min-height:110px}
 body[data-view=display]{height:100dvh;display:flex;flex-direction:column;overflow:hidden;--screen-gap:clamp(10px,1vw,24px);--screen-pad:clamp(12px,1.3vw,32px)}
 body[data-view=display]>header{max-width:none;flex:none;padding:12px var(--screen-pad);gap:18px}
 body[data-view=display] #system-notice{max-width:none;flex:none;margin:0 var(--screen-pad);width:calc(100% - 2 * var(--screen-pad));max-height:64px;overflow-y:auto;font-size:13px}
 /* Share the five metric tracks: positions begin exactly at metric four. */
 body[data-view=display] .layout{flex:1;width:100%;max-width:none;margin:0;align-self:stretch;height:auto;min-height:0;padding:4px var(--screen-pad) var(--screen-pad);gap:var(--screen-gap);grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr) clamp(150px,17vh,260px)}
 body[data-view=display] .metrics{gap:var(--screen-gap);min-height:clamp(110px,13vh,200px)}
 body[data-view=display] .metrics .panel{padding:clamp(12px,.85vw,20px);gap:5px}
 body[data-view=display] .metrics strong{font-size:clamp(30px,2.4vw,64px);line-height:1.15}
 body[data-view=display] .metrics .quote-card strong{font-size:clamp(34px,2.8vw,72px)}
 body[data-view=display] .metrics .panel>span{font-size:clamp(12px,.8vw,20px)}body[data-view=display] .metrics small{font-size:clamp(11px,.7vw,17px)}
 body[data-view=display] .positions{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));grid-column:4/6;gap:var(--screen-gap);min-height:0}
 body[data-view=display] .positions>.leg-card{padding:clamp(12px,.73vw,18px);gap:6px 14px;min-height:0;overflow-y:auto;scrollbar-width:thin}
 body[data-view=display] .leg-header h2{font-size:clamp(22px,1.4vw,34px)}
 body[data-view=display] .leg-pnl{font-size:clamp(28px,1.9vw,48px)}body[data-view=display] .leg-return strong{font-size:clamp(22px,1.3vw,32px)}
 body[data-view=display] .field-label{font-size:clamp(12px,.75vw,18px)}
 body[data-view=display] .leg-data{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 0}
 body[data-view=display] .leg-data b{font-size:clamp(20px,1.4vw,34px)}
 body[data-view=display] .liquidation strong,body[data-view=display] .leg-exit>strong{font-size:clamp(28px,1.75vw,44px)}
 body[data-view=display] .leg-note,body[data-view=display] .liquidation small,body[data-view=display] .leg-exit>small{font-size:clamp(11px,.7vw,17px)}
 body[data-view=display] .market-panel{grid-column:1/4;padding:clamp(12px,1vw,24px);gap:5px;overflow:hidden}
 body[data-view=display] .market-heading{margin:0}body[data-view=display] .market-heading .eyebrow,body[data-view=display] #market-fullscreen{display:none}
 body[data-view=display] .market-toolbar{margin:6px 0;gap:8px;flex-wrap:nowrap}
 body[data-view=display] .market-segments{padding:2px;gap:2px}body[data-view=display] .market-segments button{font-size:clamp(12px,.8vw,20px);padding:5px 8px}
 body[data-view=display] .market-ohlc{font-size:clamp(12px,.8vw,20px);min-height:0;padding:3px 0;gap:6px 12px}
 body[data-view=display] .market-canvas-wrap{min-height:0!important}body[data-view=display] #market-canvas{min-height:0!important}
 body[data-view=display] .market-live-row{margin:0;font-size:12px}body[data-view=display] .market-overlays{padding:6px 0 0;gap:12px}body[data-view=display] .market-overlays label{margin:0;font-size:12px}
 body[data-view=display] .equity-panel,body[data-view=display] .records-panel{display:flex;flex-direction:column;min-height:0;width:100%;padding:12px;overflow:hidden}
 body[data-view=display] .equity-panel{grid-column:4}body[data-view=display] .records-panel{grid-column:5}
 body[data-view=display] .equity-panel h2,body[data-view=display] .records-panel h2{font-size:clamp(14px,.95vw,24px);margin-bottom:8px}
 body[data-view=display] #equity-plot{flex:1;height:0;min-height:0}body[data-view=display] #equity-note{flex:none;font-size:12px;margin:6px 0 0}
 body[data-view=display] #records{min-height:0;overflow-y:auto;scrollbar-width:thin}body[data-view=display] .record{font-size:12px;padding:6px 0;grid-template-columns:85px 1fr}
}
@media(min-width:901px) and (max-height:850px){
 body[data-view=display]>header{padding-top:8px;padding-bottom:8px;gap:12px}
 body[data-view=display] .layout{grid-template-rows:auto minmax(0,1fr) 132px;--screen-gap:10px;--screen-pad:14px}
 body[data-view=display] .metrics{min-height:100px}body[data-view=display] .metrics .panel{padding:8px 12px;gap:3px}body[data-view=display] .metrics .quote-card strong{font-size:36px}
 body[data-view=display] .positions>.leg-card{padding:9px 12px;gap:5px 10px}
 body[data-view=display] .leg-header h2{font-size:22px}body[data-view=display] .leg-pnl{font-size:27px}body[data-view=display] .leg-return strong{font-size:21px}
 body[data-view=display] .leg-data{padding:4px 0;gap:8px}body[data-view=display] .leg-data b{font-size:20px}
 body[data-view=display] .liquidation strong,body[data-view=display] .leg-exit>strong{font-size:27px}
 body[data-view=display] .leg-note{font-size:11px;line-height:1.35}body[data-view=display] .leg-note .leg-detail-note{display:none}
 body[data-view=display] .leg-note br{display:none}body[data-view=display] .leg-note>small{margin-left:10px}
 body[data-view=display] .header-risk>small{font-size:11px}body[data-view=display] .header-risk{max-width:340px}body[data-view=display] #clock{font-size:12px}
}
@media(max-width:1200px) and (min-width:901px){
 .header-risk>small{display:none}.header-risk{display:block}.leg-performance{gap:10px}.leg-header h2{font-size:21px}
 body[data-view=display] .market-toolbar{flex-wrap:wrap}body[data-view=display] .market-toolbar .market-periods{flex-basis:100%;justify-content:space-between}
}
@media(max-width:900px){
 body>header{padding:12px;gap:12px;flex-wrap:wrap}.brand{width:38px;height:38px}nav{gap:6px}#screen{display:none}
 .header-risk{order:5;max-width:none;width:100%;grid-template-columns:auto 1fr;padding-top:8px;border-top:1px solid var(--border)}.header-risk>strong{font-size:16px}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics .panel{padding:14px;gap:6px}.metrics strong{font-size:30px}.metrics .quote-card{grid-column:1/-1;grid-row:1}.quote-card strong{font-size:42px}.metrics .panel>span{font-size:13px}
 .positions>.leg-card{padding:16px 14px;gap:12px 10px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.leg-header h2{font-size:22px}.leg-performance{flex-direction:column;align-items:end;gap:4px}.leg-pnl{font-size:29px}.leg-return{display:flex;align-items:baseline;gap:6px}.leg-return strong{font-size:19px}.leg-return .field-label{font-size:10px}
 .leg-data{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.leg-data b{font-size:20px}.field-label{font-size:11px}.leg-data b small{font-size:10px}.leg-levels{gap:12px;grid-template-columns:1.1fr 1fr}.liquidation strong,.leg-exit>strong{font-size:28px}.liquidation small,.leg-exit>small,.leg-note{font-size:11px}
 .market-periods{display:flex;overflow-x:auto;max-width:100%;min-width:0}.market-periods button{padding:8px 6px}.market-toolbar{min-width:0}#display-range{font-size:11px}#display-fullscreen{display:none}
}
@media(min-width:901px) and (max-height:649px){body[data-view=display]{height:auto;min-height:100dvh;overflow:auto}body[data-view=display] .layout{flex:none;grid-template-rows:92px 480px 160px}}
@media(prefers-reduced-motion:reduce){button,nav a{transition:none}}

/* Operation console: direction first, primary action next, exit kept separate. */
.operations{padding:0;overflow:hidden}
.operations>summary{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;list-style:none;font-size:19px;background:#181e26}
.operations>summary::-webkit-details-marker{display:none}
.operations>summary small{display:block;margin-top:3px;font-size:12px;font-weight:400}
.operation-expand{font-size:13px;font-weight:500;color:#fcd535}.operation-expand::after{content:' ＋'}.operations[open] .operation-expand{font-size:0}.operations[open] .operation-expand::after{content:'收起 −';font-size:13px}
.operation-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px 0}
.operation-intro h2{margin:0;font-size:18px}.operation-intro .note{font-size:13px;margin:6px 0 0}
.operation-settings{flex:none;border:1px solid #756226;border-radius:9px;background:#292517;color:#fcd535;padding:9px 14px;text-decoration:none;font-size:13px}
.operation-status{margin:16px 24px 0;padding:10px 14px;border-radius:8px;background:#1b232b;color:#b9c5d3;font-size:13px;min-height:40px}
.operation-status[data-blocked=true]{background:#292417;color:#fcd535}
#operations{gap:20px;margin:20px 24px}
#operations .operation-card{padding:22px;border:1px solid #35424b;border-top:3px solid #0ecb81;border-radius:12px;background:linear-gradient(145deg,#19251f55,#10151c 55%);min-width:0}
#operations .operation-card[data-leg=short]{border-top-color:#f6465d;background:linear-gradient(145deg,#32212855,#10151c 55%)}
.operation-card-heading,.operation-card-heading>div{display:flex;align-items:center;gap:12px}.operation-card-heading{justify-content:space-between}
.operation-direction{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#0ecb8117;color:#0ecb81;font-size:24px}
[data-leg=short] .operation-direction{background:#f6465d17;color:#ff7586}
.operation-card-heading h2{margin:0;font-size:23px;line-height:1.25}.operation-card-heading h2 small{display:block;font-weight:400;font-size:11px;margin-top:4px;letter-spacing:.05em}
.operation-mode{font-size:12px;padding:4px 9px;border:1px solid #465160;border-radius:20px;white-space:nowrap;color:#b8c2cf}.operation-mode[data-auto=true]{border-color:#187a58;background:#0ecb8112;color:#55dda7}
.operation-holding{font-size:13px;color:#9caabc;margin:20px 0 12px}.operation-holding strong{color:#eaecef;font-weight:500}
.operation-main-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:10px}
#operations button{margin:0;min-height:46px;font-size:14px;font-weight:550;border-style:solid}
#operations button:disabled,.operation-tools button:disabled{border-style:dashed;background:#171d25;color:#74808f;opacity:1}
#operations .operation-start:not(:disabled){background:#fcd535;border-color:#fcd535;color:#171a20;box-shadow:0 4px 14px #fcd53512}
.operation-note{min-height:42px;margin:12px 0 18px;font-size:12px;line-height:1.7;color:#9caabc}
.operation-close-row{border-top:1px solid #2b333d;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.operation-close-row strong{display:block;font-size:13px;font-weight:500}.operation-close-row small{display:block;font-size:11px;margin-top:4px}
#operations .operation-danger{flex:none;font-size:13px;color:#ff8996;border-color:#75404a;background:#361e241f}
.operation-global{margin:0 24px 20px;border-top:1px solid #2b333d;padding-top:20px}.operation-tools-heading{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.operation-tools-heading h3{margin:0;font-size:15px}.operation-tools-heading small{font-size:12px}
.operation-tools{display:flex;flex-wrap:wrap;gap:10px}.operation-tools button{min-height:44px;font-size:13px}.operation-global .note{font-size:12px;margin-top:12px}
.operation-footnote{margin:0;padding:14px 24px;background:#0d1218;font-size:11px;line-height:1.7;color:#8793a3}
#action-dialog{box-shadow:0 24px 90px #0009;padding:26px}#action-title{font-size:21px;margin:4px 44px 18px 0}#action-description{font-size:14px;line-height:1.8;color:#bac4d1}#action-form>.primary{width:100%;min-height:48px;margin-top:10px;font-weight:650}#action-form .check{padding:13px;background:#202731;border-radius:9px;font-size:13px}#action-cancel{padding:3px 11px;font-size:24px}
@media(max-width:900px){.operations>summary{padding:17px 16px}.operation-intro{padding:18px 16px 0;align-items:start;gap:12px}.operation-intro h2{font-size:16px}.operation-settings{padding:7px 10px}.operation-status{margin:14px 16px 0}#operations{margin:16px;gap:16px}#operations .operation-card{padding:18px 16px}.operation-close-row{gap:8px}.operation-close-row small{max-width:160px}.operation-global{margin:0 16px 18px}.operation-tools{display:grid;grid-template-columns:1fr 1fr}.operation-tools button:last-child{grid-column:1/-1}.operation-footnote{padding:12px 16px}}
/* Manual lot choices: each explains its own post-add risk before confirmation. */
.manual-add-section{border-top:1px solid var(--border);padding:14px 0;margin-top:12px}
.manual-add-heading{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:10px}
.manual-add-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:10px}
.manual-add-option{min-width:0;padding:12px;border:1px solid #343b45;border-radius:12px;background:#12161c}
.manual-add-option button{width:100%;margin:0!important;border-style:solid}
.manual-add-option button:disabled{border-style:dashed;opacity:.55;cursor:not-allowed}
.manual-add-option p{font-size:12px;line-height:1.75;color:var(--muted);margin:10px 0 6px}
.manual-add-option b{color:var(--text)}
.manual-entry-impact{display:grid;gap:5px;padding:10px 0;margin-top:8px;border-bottom:1px solid var(--border,#343b45);font-variant-numeric:tabular-nums}
.manual-entry-impact b{font-size:14px;line-height:1.45;overflow-wrap:normal}
.manual-entry-impact small{color:var(--muted);font-size:11px;line-height:1.4}
.manual-add-reason{display:block;line-height:1.6;overflow-wrap:anywhere}
.manual-add-reason[data-blocked=true]{color:#e6b951}
.manual-add-review{display:flex;align-items:center;gap:12px;margin:12px 0}
.manual-add-review button{flex:none;border-color:#8a7425;color:var(--accent);margin:0!important}
.manual-add-review small{font-size:11px;line-height:1.6;color:var(--muted)}
@media(max-width:420px){.manual-add-grid{gap:8px}.manual-add-option{padding:9px}}