:root{color-scheme:dark;--bg:#0f0f0f;--panel:#131313;--line:#363636;--text:#d1d4dc;--muted:#969696;--green:#089981;--red:#f23645}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{border:0;color:var(--muted);background:transparent;cursor:pointer;border-radius:5px;padding:8px 11px}button:hover{background:#2a2a2a;color:white}button.active{background:#333333;color:#eeeeee}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#0f0f0f}.brand{text-decoration:none;color:#bdbdbd;font-size:28px;display:flex;align-items:center;gap:11px}.brand b{font-size:20px;letter-spacing:3px;color:white}.brand span{font-size:12px;color:var(--muted);border-left:1px solid #363636;padding-left:16px;margin-left:10px}.headright{display:flex;align-items:center;gap:20px}.status{font-size:12px;color:#d4b475}.status.live{color:var(--green)}.status.error{color:var(--red)}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:1900px;margin:auto}aside{border-right:1px solid var(--line);height:calc(100vh - 72px);min-height:650px;display:flex;flex-direction:column;background:#0f0f0f}.aside-title{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 8px}.aside-title h2{font-size:17px;margin:0}.aside-title span{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:4px;margin:12px 17px}.tabs button{flex:1}.search{display:flex;align-items:center;gap:10px;border:1px solid #363636;border-radius:7px;margin:0 17px 16px;padding:0 10px;font-size:21px;color:var(--muted)}input#search{width:100%;border:0;outline:none;background:none;color:var(--text);padding:11px 0;font-size:12px}.listhead{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;padding:0 19px 8px}.listhead button{font-size:12px}#list{overflow:auto;flex:1}.row{display:flex;align-items:center;width:100%;border-radius:0;padding:13px 17px;gap:10px;text-align:left;border-left:2px solid transparent}.row.selected{background:#292929;border-left-color:#999999}.star{font-size:18px;color:#787878;padding:3px;cursor:pointer}.star.saved{color:#e5c879}.coin{color:var(--text);font-weight:600;flex:1}.coin small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}.rowquote{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.rowquote small{display:block;margin-top:4px;font-size:12px}.up{color:var(--green)!important}.down{color:var(--red)!important}.empty{color:var(--muted);padding:20px;line-height:1.8}.asidefoot{border-top:1px solid var(--line);padding:16px 20px;font-size:12px;line-height:1.9;color:var(--muted)}main{min-width:0;padding:28px 28px 20px}.market-title{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted)}h1{font-size:29px;letter-spacing:-1px;margin:9px 0 0}h1 small{font-size:19px;font-weight:400;color:var(--muted)}.tag{vertical-align:middle;font-size:12px;letter-spacing:0;background:#2a2a2a;color:#b2b2b2;padding:4px 7px;border-radius:4px;margin-left:15px}.quote{text-align:right}.quote strong{display:block;font-size:28px;font-variant-numeric:tabular-nums;font-weight:500}.quote span{display:block;font-size:12px;margin-top:6px}.stats{display:flex;gap:46px;padding:23px 0;color:var(--muted);font-size:12px}.stats strong{display:block;color:#d1d4dc;font-size:13px;font-weight:500;margin-top:7px}.toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;display:flex;justify-content:space-between}.indicators{display:flex;align-items:center;gap:16px;padding:15px 0;color:var(--muted);font-size:12px;flex-wrap:wrap}.indicators label{cursor:pointer}.indicators input{accent-color:#6cba99;vertical-align:middle}.indicators i{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 3px}.gold{background:#dfbb6b}.purple{background:#aa96e8}#ohlc{margin-left:auto;font-variant-numeric:tabular-nums}.chart-wrap{position:relative}#chart{height:390px}#message{position:absolute;inset:20px;display:flex;align-items:center;justify-content:center;color:var(--muted);text-align:center;background:#0f0f0fef;line-height:1.9;padding:30px}#message[hidden]{display:none}.rsihead{border-top:1px solid var(--line);padding:13px 0 0;font-size:12px;display:flex;gap:12px;color:#aa96e8}.rsihead span{color:var(--muted)}.rsihead span:last-child{margin-left:auto}#rsi{height:110px}.bottom{border-top:1px solid var(--line);padding:13px 0;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}a{color:var(--muted)}.notice{margin-top:12px;border:1px solid var(--line);border-radius:9px;padding:17px;display:flex;align-items:center;gap:15px;background:#131313}.notice>span{font-size:28px;color:#b2b2b2}.notice b{font-weight:500;font-size:12px}.notice p{color:var(--muted);font-size:12px;margin:7px 0 0}.notice button{margin-left:auto;white-space:nowrap}@media(min-height:950px){#chart{height:calc(100vh - 550px)}}@media(max-width:900px){.workspace{grid-template-columns:240px minmax(0,1fr)}main{padding:20px 16px}.stats{gap:20px}#ohlc{display:none}}@media(max-width:650px){header{padding:0 15px}.brand span{display:none}.headright{gap:4px}.status{max-width:130px}.workspace{display:flex;flex-direction:column}aside{height:300px;min-height:0;border-bottom:1px solid var(--line);border-right:0}.aside-title{padding-top:13px}.tabs{margin:8px 17px}.search{margin-bottom:4px}.asidefoot,.listhead{display:none}.row{padding:8px 17px}.stats{justify-content:space-between;gap:8px;font-size:12px}.stats strong{font-size:12px}.quote strong{font-size:23px}.toolbar button{padding:8px 7px}.notice{align-items:flex-start}.notice>span{display:none}.bottom{font-size:12px}}
/* Desktop: chart on the left, market watchlist on the right. */
@media(min-width:651px){.workspace{grid-template-columns:minmax(0,1fr) 300px}main{grid-column:1;grid-row:1}aside{grid-column:2;grid-row:1;border-right:0;border-left:1px solid var(--line)}}
@media(min-width:651px) and (max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 240px}}
.tradepanel{margin-top:22px;padding:20px;border:1px solid var(--line);border-radius:9px;background:#131313}.tradetop{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tradetop h2,.tradetop h3{margin:0 auto 0 0;font-size:16px}.livebadge{font-size:12px;background:#3d2528;color:#f23645;border-radius:4px;padding:4px 7px;margin-left:6px}.tradehint{font-size:12px;color:var(--muted);line-height:1.8}.tradegrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tradepanel label,dialog label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.tradepanel input,.tradepanel select,dialog input{width:100%;padding:10px;background:#0f0f0f;border:1px solid #363636;border-radius:5px;color:var(--text);font:inherit}.tradepanel button[type=submit],#connectButton{background:#2962ff;color:#ffffff}#executeOrder{background:#2962ff;color:white}.tradepanel h3{font-size:13px;margin-top:22px}.accounttable{overflow:auto;color:var(--muted);font-size:12px}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{padding:10px;text-align:left;border-bottom:1px solid var(--line)}#tradeResult{line-height:1.8;color:#dfbb6b}dialog{width:480px;max-width:95vw;background:#181818;color:var(--text);border:1px solid #444444;border-radius:12px;padding:25px}dialog::backdrop{background:#000a}dialog label{margin:15px 0}dialog p{font-size:12px;color:var(--muted);line-height:1.8}.dialogactions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#orderSummary{line-height:1.9;word-break:break-word}button:disabled{opacity:.4;cursor:not-allowed}#keysError{color:var(--red)}@media(max-width:900px){.tradegrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Compact exchange-style trade ticket */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ticketcolumn{display:none}.ticket-open .ticketcolumn{display:block;grid-column:3;grid-row:1;border-left:1px solid #303035;background:#0f0f0f}.ticket-open .workspace{grid-template-columns:minmax(0,1fr) 250px 350px;max-width:none}.terminal-ticket{padding:21px 19px;margin:0;border:0;border-radius:0;background:#0f0f0f;color:#f1f1f1}.tickethead{display:flex;align-items:center;margin-bottom:14px}.tickethead h2{font-size:17px;margin:0;flex:1}.tickethead>button{font-size:27px;line-height:1;padding:0 4px;color:#aaa}.accountconnect{font-size:12px;gap:4px;margin-bottom:16px;color:#939393}.accountconnect button{font-size:12px;padding:5px 8px}.positiontabs{display:flex;background:#202020;border-radius:9px;padding:5px;margin-bottom:13px}.positiontabs button{flex:1;font-size:17px;font-weight:600;padding:10px;color:#929292}.positiontabs button.active{background:#089981;color:white}.marginbar{display:flex;background:#292929;border-radius:5px;align-items:center;padding:4px 10px;justify-content:space-between}.marginbar label{flex:1}.marginbar select{border:0;background:transparent;text-align:center;font-size:15px;padding:8px;color:white}.marginbar button{font-size:13px;color:white;max-width:180px}.tradepair{color:#999;font-size:12px;padding-top:15px}.ordertabs{display:flex;border-bottom:1px solid #393939;margin-bottom:17px;gap:12px}.ordertabs button{padding:16px 0 12px;border-radius:0;font-size:13px;color:#929292}.ordertabs button.active{background:none;color:white;border-bottom:2px solid white}.ticketfield{margin-bottom:16px;font-size:13px!important;color:#e2e2e2!important}.fieldbox{display:flex;align-items:center;background:#222;border-radius:8px;min-height:47px}.fieldbox input{background:transparent;border:0!important;font-size:17px!important;padding:13px!important;min-width:0}.fieldbox button{white-space:nowrap;font-size:12px;color:#aaa}.amountlabel>span{display:flex;align-items:center}.amountlabel select{width:auto;border:0;background:none;padding:0 6px;color:#bbb}#sizePercent{accent-color:#f3f3f3;padding:0;height:12px;margin:0;border:0;width:100%}.percentticks{display:flex;justify-content:space-between;margin:3px -5px 13px}.percentticks button{padding:3px 4px;font-size:12px;color:#898989}.availability{font-size:13px;color:#8c8c8c;display:flex;align-items:center}.availability strong{color:#e8e8e8;font-weight:400;margin-left:5px}.availability button{margin-left:auto;font-size:19px;padding:0 5px}.maxsizes{display:flex;justify-content:space-between;font-size:12px;color:#bcbcbc;margin:10px 0}.terminal-ticket .tradehint{font-size:12px;color:#777;line-height:1.7}.bracketblock{border-top:1px solid #303030;margin-top:17px;padding-top:17px;margin-bottom:19px}.checkbracket{flex-direction:row!important;align-items:center;font-size:13px!important;color:#ccc!important}.checkbracket input{width:15px;height:15px;accent-color:#089981}.checkbracket:has(input:disabled){opacity:.4}#bracketFields{padding-top:15px}#bracketFields label{margin-bottom:12px}#bracketFields[hidden],#limitLabel[hidden]{display:none!important}.directionbuttons{display:flex;gap:13px}.directionbuttons button{flex:1;border-radius:28px;padding:15px 8px;font-size:17px;font-weight:600;color:white!important;background:#089981!important}.directionbuttons #shortOrder{background:#f23645!important}.costrow{display:flex;justify-content:space-between;color:#7d7d7d;font-size:12px;margin-top:10px;gap:12px}.costrow span{flex:1}.costrow span:last-child{text-align:right}.costrow b{display:block;font-weight:400;color:#bbb;margin-top:5px}.ticketfoot{font-size:12px;color:#777;text-align:center;margin-top:16px}.assetdetails{border-top:1px solid #303030;margin:22px -19px 0;padding:18px 19px 0}.assetdetails summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none;margin-bottom:15px}.assetdetails summary span{float:right;font-size:12px;color:#8b8b8b;font-weight:400}.assetrow{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin:15px 0;color:#929292}.assetrow strong{color:#e4e4e4;font-weight:500}.terminal-ticket #tradeResult{font-size:12px}#accountTables{background:#131313}#accountTables h3{margin-top:12px}#leverageDialog select{padding:10px;background:#222;color:white;border:1px solid #455}body.ticket-open .stats{gap:22px}body.ticket-open .quote strong{font-size:24px}@media(min-width:1600px){.ticket-open .workspace{grid-template-columns:minmax(0,1fr) 280px 380px}}@media(min-width:651px) and (max-width:1200px){.ticket-open .workspace{grid-template-columns:minmax(0,1fr) 320px}.ticket-open .ticketcolumn{grid-column:2}.ticket-open aside{display:none}.ticket-open .indicators{gap:9px}.ticket-open #ohlc{display:none}}@media(max-width:650px){.ticket-open .workspace{display:flex}.ticket-open .ticketcolumn{width:100%;border-left:0}.terminal-ticket{max-width:480px;margin:auto}.ticket-open header{height:auto;min-height:72px;gap:8px}.ticket-open header .headright{flex-wrap:wrap;justify-content:flex-end}.ticket-open .headright button{font-size:12px;padding:7px}.ticket-open .status{font-size:12px}}

/* Unified palette matched to the supplied TradingView dark reference. */
:root{--bg:#0f0f0f;--panel:#131313;--line:#363636;--text:#d1d4dc;--muted:#969696;--green:#089981;--red:#f23645}
body,header,aside,main,.ticketcolumn,.terminal-ticket{background:#0f0f0f!important;color:var(--text)}
.brand,.brand b{color:#d1d4dc}.brand span{color:#969696}
button:hover{background:#292929;color:#eeeeee}button.active,.tabs button.active{background:#333333;color:#eeeeee}
.row.selected{background:#292929;border-left-color:#909090;box-shadow:inset 0 0 0 1px #777777}
.status.live,.up{color:#089981!important}.status.error,.down{color:#f23645!important}
.search{background:#171717;border-color:#363636}input::placeholder{color:#757575}.tag{background:#292929;color:#b2b2b2}
.toolbar,.listhead,.bottom,.asidefoot,.assetdetails,.bracketblock,.ordertabs{border-color:#363636}
.notice,.tradepanel,#accountTables{background:#131313;border-color:#363636}.notice>span{color:#999999}
.positiontabs{background:#202020}.positiontabs button{color:#969696}.positiontabs button.active{background:#3a3a3a;color:#ffffff}
.marginbar{background:#252525}.marginbar select{color:#d1d4dc}.marginbar button{color:#d1d4dc}
.fieldbox{background:#202020;border:1px solid #363636}.fieldbox:focus-within,.search:focus-within{border-color:#808080}
.tradepanel input,.tradepanel select,dialog input,dialog select{color:#d1d4dc;background:#202020;border-color:#363636}
.fieldbox input,.amountlabel select,.marginbar select{background:transparent}
.ordertabs button.active{background:transparent;color:#eeeeee;border-bottom-color:#d1d4dc}
.directionbuttons button{background:#089981!important;color:#ffffff!important}.directionbuttons #shortOrder{background:#f23645!important}
.directionbuttons button:disabled{opacity:1!important;background:#19473e!important;color:#8aaba4!important}.directionbuttons #shortOrder:disabled{background:#5a292e!important;color:#c19398!important}
#sizePercent,.indicators input,.checkbracket input{accent-color:#b2b2b2}
.assetrow strong,.availability strong{color:#d1d4dc}.assetrow strong.up{color:#089981}.assetrow strong.down{color:#f23645}
dialog{background:#181818;border-color:#444444;color:#d1d4dc}#connectButton,#executeOrder{background:#2962ff;color:#ffffff}
#message{background:#0f0f0fef}.livebadge{background:#382326;color:#f23645}
:focus-visible{outline:2px solid #787878;outline-offset:2px}
/* Focused workstation: compact chrome, independently resizable panes. */
header{height:36px;padding:0 12px}.brand{font-size:20px;gap:7px}.brand b{font-size:13px;letter-spacing:1.5px}.brand span{display:none}.headright{gap:9px}.headright button{padding:5px 8px;font-size:12px}.status{font-size:12px}
.stats,.eyebrow,.notice,.asidefoot{display:none!important}.market-title{min-height:32px}.market-title h1{font-size:17px;margin:0;letter-spacing:0}h1 small{font-size:12px}.tag{font-size:12px;padding:2px 5px;margin-left:8px}.quote{display:flex;align-items:center;gap:10px}.quote strong,body.ticket-open .quote strong{font-size:18px}.quote span{font-size:12px;margin:0}.toolbar{padding:3px 0;min-height:32px}.toolbar button{padding:5px 8px;font-size:12px}.indicators{padding:5px 0;gap:12px;font-size:12px;min-height:28px}.bottom{font-size:12px;padding:3px 0;min-height:18px}.rsihead{padding:4px 0;min-height:21px;font-size:12px}.aside-title{padding:9px 12px 4px}.aside-title h2{font-size:14px}.tabs{margin:7px 10px;gap:2px}.tabs button{padding:5px;font-size:12px}.search{margin:0 10px 5px;padding:0 8px}.search input#search{padding:7px 0;font-size:12px}.listhead{padding:0 9px 3px}.row{padding:8px 10px;gap:6px}.coin{font-size:12px}.rowquote{font-size:12px}.coin small{font-size:12px;margin-top:2px}.rowquote small{font-size:12px;margin-top:2px}
.terminal-ticket{padding:12px}.tickethead{margin-bottom:8px}.tickethead h2{font-size:14px}.accountconnect{margin-bottom:10px}.positiontabs{margin-bottom:9px;padding:3px}.positiontabs button{font-size:14px;padding:7px}.marginbar select{font-size:13px;padding:5px}.tradepair{padding-top:9px}.ordertabs{margin-bottom:10px;gap:12px}.ordertabs button{padding:10px 0 8px;font-size:12px}.ticketfield{margin-bottom:11px}.fieldbox{min-height:37px}.fieldbox input{padding:9px!important;font-size:14px!important}.percentticks{margin-bottom:9px}.bracketblock{margin-top:12px;padding-top:12px;margin-bottom:12px}.directionbuttons button{padding:10px 8px;font-size:15px;border-radius:6px}.assetdetails{margin:15px -12px 0;padding:12px 12px 0}.assetdetails summary{font-size:12px;margin-bottom:10px}.assetrow{font-size:12px;margin:10px 0}.terminal-ticket .ticketfoot{margin-top:9px}.terminal-ticket #contractInfo{margin-bottom:0}
.panel-divider{touch-action:none;position:relative;z-index:4;background:#242424}.panel-divider:hover,.panel-divider:focus-visible{background:#6b6b6b}.divider-x{position:absolute;left:-2px;top:0;bottom:0;width:4px;cursor:grab;background:transparent}.divider-x:hover{background:#6b6b6b}.divider-y{height:6px;min-height:6px;cursor:grab;flex:none;margin:0 -8px}.divider-y[hidden]{display:none}.resizing-x,.resizing-x *{cursor:grab!important;user-select:none!important}.resizing-y,.resizing-y *{cursor:grab!important;user-select:none!important}.resizing-x canvas,.resizing-y canvas{pointer-events:none}.compact-account-head{height:30px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#b2b2b2;position:sticky;top:0;background:#131313;z-index:1}.compact-account-head button{font-size:12px;padding:4px 6px}
@media(min-width:901px){
 body{height:100dvh;overflow:hidden}.workspace,.ticket-open .workspace{display:grid;height:calc(100dvh - 36px);grid-template-columns:minmax(240px,1fr) var(--market-width,230px);max-width:none}.ticket-open .workspace{grid-template-columns:minmax(240px,1fr) var(--market-width,230px) var(--trade-width,320px)}
 main{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:8px 8px 0;grid-column:1;grid-row:1}
 .market-title,.toolbar,.indicators,.rsihead,.bottom{flex-shrink:0}.indicators{flex-wrap:nowrap;overflow:hidden}.indicators label{white-space:nowrap}#ohlc{white-space:nowrap;font-size:12px;overflow:hidden}
 .chart-wrap{flex:1;min-height:100px;overflow:hidden}#chart{height:100%!important;width:100%}#rsi{height:var(--rsi-height,90px)!important;min-height:0;flex-shrink:0}
 aside,.ticket-open aside{display:flex;position:relative;grid-column:2;grid-row:1;height:100%;min-height:0;overflow:visible}.ticket-open .ticketcolumn{display:block;grid-column:3;grid-row:1;position:relative;height:100%;min-height:0;overflow:visible}.ticketcolumn #trading{height:100%;overflow:auto;scrollbar-width:thin}
 #accountTables{height:var(--account-height,110px);min-height:0;overflow:auto;flex-shrink:0;margin:0 -8px;padding:0 8px;border:0;border-radius:0;scrollbar-width:thin}#accountTables h3{font-size:12px;margin:6px 0}#accountTables .accounttable{font-size:12px}#accountTables td,#accountTables th{padding:6px}
 .assetdetails:not([open]){padding-bottom:0}.ticket-open #ohlc{display:block}
}
@media(max-width:900px){.panel-divider{display:none!important}.workspace,.ticket-open .workspace{display:flex;flex-direction:column}.ticket-open aside{display:flex}.ticketcolumn{order:3}.workspace main{order:2;padding:8px}.workspace aside{order:1;height:240px;min-height:0}#chart{height:400px!important}#accountTables{max-height:250px;overflow:auto}.ticket-open header{height:36px;min-height:36px;flex-wrap:nowrap}.ticket-open .headright{flex-wrap:nowrap}.headright{gap:2px}.headright button{font-size:12px;padding:5px}.brand b{display:none}.status{max-width:110px}.terminal-ticket{max-width:100%;width:100%}}
/* Hand cursor on all actionable and draggable hotspots. */
a,button,select,summary,label,[role="button"],[role="tab"],[role="separator"],input[type="checkbox"],input[type="radio"],input[type="range"],.row,.panel-divider{cursor:pointer!important}
input[type="text"],input[type="password"],input[type="number"],input[type="search"],input:not([type]),textarea{cursor:text!important}
input[type="range"]::-webkit-slider-thumb{cursor:pointer!important}
input[type="range"]::-moz-range-thumb{cursor:pointer!important}
.resizing-x,.resizing-x *,.resizing-y,.resizing-y *{cursor:pointer!important}
/* Visible watchlist hover, separate from the selected row. */
#list .row{transition:background-color .12s ease,box-shadow .12s ease}
#list .row:hover,#list .row:focus-visible{background:#252525;box-shadow:inset 0 0 0 1px #484848}
#list .row.selected:hover{background:#353535;box-shadow:inset 0 0 0 1px #a0a0a0}
#list .star:hover{background:#414141;color:#f1d278}
.broker-panel{display:flex;flex-direction:column;gap:0}.broker-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;border-bottom:1px solid #292929;padding:5px 4px;flex-shrink:0}.broker-account{font-size:14px;white-space:nowrap}.broker-account small{font-size:12px;color:#969696;margin-left:8px}.broker-metrics{display:flex;gap:25px;font-variant-numeric:tabular-nums}.broker-metrics>div{display:flex;flex-direction:column;gap:4px;font-size:12px}.broker-metrics span{color:#999}.broker-metrics small{font-size:12px}.broker-metrics strong{font-weight:500;font-size:13px}.broker-tabs{display:flex;align-items:center;gap:5px;min-height:37px;flex-shrink:0;border-bottom:1px solid #292929}.broker-tabs>button[role=tab]{font-size:12px;padding:5px 12px;border-radius:20px;background:#292929;color:#aaa;white-space:nowrap}.broker-tabs>button[role=tab].active{background:#e0e0e0;color:#161616}.broker-tabs span#brokerUpdated{margin-left:auto;font-size:12px;color:#777;white-space:nowrap}.broker-tabs .compact-account-head{position:static;background:transparent;min-width:30px;height:auto}.broker-tabs .compact-account-head>span{display:none}.broker-tabs .compact-account-head button{padding:5px;font-size:12px}.broker-pane{min-height:0;flex:1;overflow:auto}.broker-pane[hidden]{display:none!important}.broker-pane .accounttable{overflow:visible}#accountTables table{font-size:12px;min-width:100%;font-variant-numeric:tabular-nums}#accountTables th{font-weight:400;color:#8d8d8d;padding:9px 13px;position:sticky;top:0;background:#131313;z-index:1}#accountTables td{padding:10px 13px;border-bottom:1px solid #303030}#accountTables tbody tr:hover{background:#242424}.position-symbol{background:#2d2d2d;color:#ddd;padding:5px 8px;font-size:12px;white-space:nowrap}.position-close{font-size:21px;color:#a3a3a3;padding:0 6px;line-height:1}.position-close:hover{color:#f23645;background:#382226}.broker-empty{text-align:center!important;color:#777;padding:20px!important}#brokerOverview{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;padding:14px}#brokerOverview>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#999}#brokerOverview strong{font-weight:500;color:#d1d4dc}
@media(min-width:901px){#accountTables.broker-panel{overflow:hidden}}
@media(max-width:1100px){.broker-account small{display:none}.broker-metrics{gap:13px}.broker-tabs span#brokerUpdated{display:none}}
/* Keep actions visible while account tables scroll horizontally. */
#accountTables .accounttable table{border-collapse:separate;border-spacing:0}
#accountTables .accounttable th:last-child,#accountTables .accounttable td:last-child:not([colspan]){position:sticky;right:0;min-width:60px;text-align:center;background:#131313;box-shadow:-1px 0 0 #363636;z-index:2}
#accountTables .accounttable th:last-child{top:0;z-index:3}
#accountTables .accounttable tbody tr:hover td:last-child:not([colspan]){background:#242424}
.toolbar{gap:7px;min-width:0}#periods{display:flex;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:thin;flex:1;white-space:nowrap}#periods button{flex-shrink:0;padding:5px 7px}#periodMenu{flex-shrink:0;width:76px;max-width:90px;background:#202020;border:1px solid #363636;border-radius:4px;color:#d1d4dc;font-size:12px;padding:4px}#fit{white-space:nowrap;flex-shrink:0}@media(max-width:650px){#fit{font-size:0}#fit::before{content:'⛶';font-size:15px}}
#candleCountdown{position:absolute;right:0;z-index:3;padding:2px 5px;color:white;font-variant-numeric:tabular-nums;text-align:left;line-height:15px;font-size:12px;pointer-events:none;border-radius:2px;box-shadow:0 0 0 1px #0f0f0f}#candleCountdown span{display:block}#candleCountdown .countdown-time{font-size:12px}#candleCountdown[hidden]{display:none}
#bbFill{position:absolute;inset:0;pointer-events:none;z-index:1}#maBbLegend{position:absolute;top:4px;left:5px;right:85px;z-index:2;pointer-events:none;display:flex;gap:10px;overflow:hidden;white-space:nowrap;font-size:12px;line-height:15px;font-variant-numeric:tabular-nums}#maBbLegend[hidden]{display:none}.ma-bb-title{color:#d1d4dc}.warmup-note{color:#999}.indicator-settings{font-size:12px;padding:1px 3px!important}.indicators{gap:8px!important}#emaChoices{display:grid;grid-template-columns:repeat(3,1fr)}#emaChoices label{flex-direction:row;align-items:center}#emaChoices input{width:auto;accent-color:#999}#bbSettingsError{color:#f23645}
#periods button[hidden]{display:none}#periodPopup{position:fixed;z-index:30;width:220px;overflow:auto;background:#202020;border:1px solid #454545;border-radius:7px;box-shadow:0 8px 25px #0009;padding:6px;scrollbar-width:thin}#periodPopup[hidden]{display:none}.period-popup-note{color:#969696;font-size:12px;padding:6px 9px}.period-group-title{color:#858585;font-size:12px;padding:10px 9px 5px;border-top:1px solid #333;margin-top:3px}.period-menu-row{display:flex;align-items:center;border-radius:4px}.period-menu-row:hover{background:#343434}.period-menu-row.current{background:#3c3c3c}.period-menu-row button:first-child{flex:1;text-align:left;color:#d1d4dc;padding:8px 10px;font-size:12px}.period-menu-row .period-star{font-size:17px;padding:5px 10px;color:#999}.period-menu-row .period-star.saved{color:#e5c879}.period-menu-row .period-star:hover{color:#ffe58d}
/* Resize handles retain directional cursors; other hotspots use a hand. */
.panel-divider.divider-x{cursor:grab!important}
.panel-divider.divider-y{cursor:grab!important}
body.resizing-x,body.resizing-x *{cursor:grab!important}
body.resizing-y,body.resizing-y *{cursor:grab!important}
/* Pin instrument identity at the left, with leverage and margin mode beneath. */
#accountTables .accounttable th:first-child,#accountTables .accounttable td:first-child:not([colspan]){position:sticky;left:0;min-width:155px;background:#131313;box-shadow:1px 0 0 #363636;z-index:2}
#accountTables .accounttable th:first-child{top:0;z-index:3}
#accountTables .accounttable tbody tr:hover td:first-child:not([colspan]){background:#242424}
.position-identity{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:1px 0}
.position-meta{display:flex;align-items:center;gap:6px;padding-left:6px;font-size:12px;color:#a3a3a3}
.position-meta span{padding:2px 5px;border-radius:3px;background:#292929;line-height:13px}
#ictCanvas{position:absolute;inset:0;pointer-events:none;z-index:2}#ictLegend{position:absolute;left:5px;right:85px;top:21px;z-index:3;color:#999;font-size:9px;line-height:14px;white-space:nowrap;overflow:hidden;pointer-events:none}#ictLegend[hidden]{display:none}#ictSettings{width:640px;max-height:85vh;overflow:auto}#ictFields{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}#ictFields label{margin:3px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:12px}#ictFields input,#ictFields select{width:110px;max-width:45%;padding:6px;background:#222;color:#ddd;border:1px solid #444;border-radius:4px}#ictFields input[type=checkbox]{width:16px;accent-color:#999}.ict-attribution{font-size:12px!important;color:#888}#ictSettingsError{color:#f23645}@media(max-width:650px){#ictFields{grid-template-columns:1fr}.indicators{overflow-x:auto!important}}
/* Chart surfaces use a crosshair; line-series hover markers are disabled. */
#chart,#chart *,#rsi,#rsi *{cursor:crosshair!important}
body.resizing-x #chart *,body.resizing-x #rsi *{cursor:grab!important}
body.resizing-y #chart *,body.resizing-y #rsi *{cursor:grab!important}
#ictLegend,#maBbLegend{pointer-events:auto;cursor:pointer;max-width:max-content}#ictLegend:hover,#maBbLegend:hover{background:#202020d9;border-radius:3px}input[type=color]{cursor:pointer!important}
#maBbLegend,#ictLegend{z-index:6!important}
#priceScaleControls{position:absolute;right:3px;bottom:26px;display:flex;gap:4px;z-index:8;background:#0f0f0f;padding:2px;border-radius:3px}#priceScaleControls button{font-size:12px;line-height:18px;width:21px;height:22px;padding:0;border:1px solid #555;border-radius:4px;background:#161616;color:#999}#priceScaleControls button:hover{background:#333;color:white}#priceScaleControls button.active{background:#3b3b3b;color:#eee;border-color:#888}
#macdSettingsButton{font-size:12px;padding:0 5px;margin-left:auto;line-height:14px}.rsihead{align-items:center}.rsihead strong{font-size:12px;font-weight:400;color:#b2b2b2;overflow:hidden;white-space:nowrap}#macdError{color:#f23645}
#indicatorCollapse{position:absolute;top:40px;left:5px;z-index:7;min-width:35px;height:22px;line-height:18px;padding:0 6px;font-size:12px;background:#0f0f0f;border:1px solid #444;border-radius:4px;color:#d1d4dc}.indicator-legends-collapsed #maBbLegend,.indicator-legends-collapsed #ictLegend{display:none!important}.indicator-legends-collapsed #indicatorCollapse{top:5px}#indicatorCollapse:hover{background:#303030;border-color:#777}
.rsihead{position:relative;z-index:9;background:#0f0f0f}
#positionLineToolbar{position:absolute;left:6px;bottom:28px;z-index:9;display:flex;gap:4px;align-items:center;max-width:calc(100% - 100px);flex-wrap:wrap;background:#161616e8;border:1px solid #363636;border-radius:4px;padding:3px}#positionLineToolbar select{font-size:12px;background:#202020;color:#bbb;border:0;padding:3px;max-width:130px}#positionLineToolbar button{padding:3px 5px;font-size:12px}#lineNote{color:#969696;font-size:12px}.protection-drag-target{position:absolute;left:0;height:20px;z-index:8;cursor:grab!important;touch-action:none;pointer-events:auto}.protection-drag-target[hidden]{display:none}.protection-pill{position:absolute;right:8px;top:0;line-height:18px;font-size:12px;padding:0 5px;border:1px dashed;border-radius:4px;background:#0f0f0ff0;white-space:nowrap;cursor:grab!important}
.compact-chart-topbar{display:flex;align-items:center;gap:9px;flex:none;min-height:34px;min-width:0;border-bottom:1px solid #363636}.compact-chart-topbar .market-title{flex:none;min-height:30px}.compact-chart-topbar h1{font-size:14px;white-space:nowrap}.compact-chart-topbar h1 small{font-size:12px}.compact-chart-topbar .tag{font-size:12px;padding:2px 4px;margin-left:5px}.compact-chart-topbar .toolbar{flex:1;min-width:0;border:0;padding:0;min-height:30px;gap:5px}.compact-chart-topbar .quote{flex:none;gap:6px;white-space:nowrap}.compact-chart-topbar .quote strong,body.ticket-open .compact-chart-topbar .quote strong{font-size:14px}.compact-chart-topbar .quote span{font-size:12px}.compact-chart-topbar #periodMenu{width:62px;font-size:12px}.compact-chart-topbar #fit{font-size:0;padding:3px}.compact-chart-topbar #fit::before{content:'⛶';font-size:15px}@media(max-width:1200px){.compact-chart-topbar .quote span{display:none}.compact-chart-topbar h1 .tag{display:none}}@media(max-width:650px){.compact-chart-topbar{gap:5px}.compact-chart-topbar .quote strong{font-size:12px!important}.compact-chart-topbar h1{font-size:12px}.compact-chart-topbar h1 small{font-size:12px}}
.ict-setting-tabs{display:flex;border-bottom:1px solid #444;margin-bottom:15px;gap:18px}.ict-setting-tabs button{border-radius:0;padding:10px 5px;background:none}.ict-setting-tabs button.active{border-bottom:2px solid #ddd;background:none;color:#eee}#ictFields[hidden],#ictStyleFields[hidden]{display:none!important}#ictSettings{width:900px}#ictStyleFields{overflow:auto}#ictStyleFields table{font-size:12px}#ictStyleFields td,#ictStyleFields th{padding:7px 5px}#ictStyleFields th{font-weight:400;color:#999}#ictStyleFields input[type=number]{width:65px;padding:6px;border:1px solid #444;background:#222;color:#ddd}#ictStyleFields input[type=color]{width:34px;height:29px;padding:2px;border:1px solid #555;border-radius:4px}#ictStyleFields input[type=checkbox]{width:14px;accent-color:#aaa}#ictStyleFields select{background:#222;color:#ddd;border:1px solid #444;border-radius:4px;padding:5px}#ictStyleFields label{display:inline;margin:0 0 0 5px;font-size:12px;white-space:nowrap}#ictStyleFields p{font-size:12px}#ictStyleFields>button{margin-top:12px}

/* Keep chart clear: hide the protection-line toolbar. */
#positionLineToolbar { display: none !important; }

/* Account fold control beside floating P/L. */
.broker-summary .broker-metrics{margin-left:auto}
.broker-summary .compact-account-head{position:static;background:transparent;flex:0 0 auto;height:auto}
#collapseAccount{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:4px;border-radius:4px;color:#999;cursor:pointer}
#collapseAccount:hover{background:#303030;color:#ddd}
#collapseAccount:focus-visible{outline:1px solid #787878;outline-offset:2px}

/* Fold the broker panel to its summary row only. */
#accountTables.account-collapsed{height:auto;min-height:0;max-height:none;overflow:hidden}
#accountTables.account-collapsed > :not(.broker-summary){display:none!important}
#accountTables.account-collapsed .broker-summary{border-bottom:0}

/* Inset chart labels: entry on left, protection levels on right. */
.protection-drag-target{left:auto;width:max-content;height:24px;transform:translateY(-50%)}
.protection-drag-target .protection-pill{position:relative;right:auto;top:auto;display:block;line-height:22px;padding:0 8px;border-radius:6px}
.position-static-label{position:absolute;z-index:8;transform:translateY(-50%);padding:3px 8px;border:1px solid;border-radius:6px;background:#0f0f0ff0;font-size:12px;white-space:nowrap;pointer-events:none}
.position-static-label[hidden]{display:none}

.position-static-label[data-kind=entry]{display:flex;align-items:center;padding:0 0 0 8px;gap:8px;background:var(--entry-label-color,#f23645);color:#0f0f0f!important;pointer-events:auto;line-height:24px}
.position-static-label[data-kind=entry] .position-label-amount{padding:0 8px;background:#0f0f0f;color:#d1d4dc;border-radius:0 5px 5px 0;border-left:1px solid currentColor}
.position-static-label[data-kind=liquidation]{pointer-events:auto}

#bracketToast{position:fixed;top:70px;left:50%;transform:translateX(-50%);z-index:1000;max-width:min(560px,90vw);padding:16px 24px;border:1px solid #555;border-radius:6px;background:#383838;color:#fff;box-shadow:0 4px 16px #0005;font-size:16px;pointer-events:none}
#bracketToast[hidden]{display:none}
#bracketToast[data-status=success]{border-color:#089981}
#bracketToast[data-status=error]{border-color:#f23645}
.bracket-submitting .protection-drag-target{pointer-events:none;opacity:.65}
/* TradingView-like grouped ICT dialog with fixed actions. */
#ictSettings{width:700px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;background:#202020;border:1px solid #4a4a4a;border-radius:12px;overflow:hidden}
#ictSettings[open]{display:flex;flex-direction:column}
#ictSettings h2{font-size:23px;margin:0;padding:24px 58px 12px 24px;flex:none;cursor:grab;touch-action:none;user-select:none}
#ictSettings>p{margin:0;padding:0 24px 10px;font-size:12px;flex:none}
#ictClose{position:absolute;top:15px;right:17px;width:30px;height:30px;font-size:28px;line-height:24px;padding:0;color:#ccc;background:transparent;cursor:pointer}
#ictClose:hover{background:#353535;color:white}
#ictSettings .ict-setting-tabs{flex:none;margin:0 24px;gap:26px}
#ictSettings .ict-setting-tabs button{font-size:16px;padding:12px 0;color:#aaa}
#ictSettings .ict-setting-tabs button.active{color:#eee;border-bottom:3px solid #ddd}
.ict-settings-scroll{overflow:auto;min-height:0;flex:1;padding:8px 24px 16px;scrollbar-width:thin}
#ictSettings #ictFields{display:block}
#ictSettings .ict-input-section{padding:8px 0 14px}
#ictSettings .ict-input-section h3{margin:25px 0 17px;font-size:12px;font-weight:400;letter-spacing:.4px;color:#909090}
#ictSettings #ictFields label.ict-field,#ictSettings #ictFields label.ict-checkbox{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;min-height:44px;margin:8px 0;font-size:14px;flex-wrap:wrap}
#ictSettings #ictFields .ict-field>span:first-of-type{min-width:220px}
#ictSettings #ictFields .ict-checkbox>input[type=checkbox]{order:-1}
#ictSettings #ictFields input,#ictSettings #ictFields select{width:135px;max-width:none;height:36px;padding:6px 10px;font-size:14px;background:#202020;border:1px solid #565656;border-radius:7px}
#ictSettings #ictFields input[type=hidden]{display:none}
#ictSettings #ictFields input[type=checkbox],#ictVisibilityFields input{width:19px;height:19px;accent-color:#dedede;flex:none}
#ictSettings #ictFields .ict-inline-color{display:inline-flex;flex-direction:row;align-items:center;gap:9px;min-height:36px;margin:0;font-size:14px;color:#ccc}
#ictSettings #ictFields input[type=color]{width:36px;height:36px;padding:4px;border-radius:7px;cursor:pointer}
.ict-color-row{display:flex;gap:18px;align-items:center;min-height:48px;margin:8px 0;flex-wrap:wrap}
#ictSettings #ictFields .ict-checkbox>span:first-child{min-width:125px}
#ictSettings #ictFields input[type=time]{width:115px;font-size:13px;color-scheme:dark}
#ictSettings #ictFields input[type=hidden]+input[type=time]{margin-left:0}
#ictVisibilityFields[hidden]{display:none!important}
#ictVisibilityFields label{flex-direction:row;align-items:center;gap:12px}
#ictSettings .dialogactions{flex:none;border-top:1px solid #444;background:#202020;padding:13px 24px;margin:0;gap:10px}
#ictSettings .dialogactions button{padding:8px 20px;border:1px solid #555;border-radius:5px}
#ictSettings #ictApply{background:#2962ff;border-color:#2962ff;color:white}
#ictSettingsError:empty{display:none}
#ictSettings .ict-attribution{font-size:12px;margin-top:16px}
#ictSettings #ictStyleFields{overflow:visible}
@media(max-width:650px){#ictSettings #ictFields .ict-field>span:first-of-type{min-width:150px}#ictSettings h2{font-size:19px}.ict-settings-scroll{padding-left:16px;padding-right:16px}}

.protection-drag-target{display:flex;align-items:center;border:1px dashed;border-radius:6px;background:#0f0f0ff0;height:26px}
.protection-drag-target .protection-pill{border:0;border-radius:5px 0 0 5px;background:transparent}
.position-line-action{font-size:17px!important;line-height:24px;padding:0 7px!important;border:0;border-left:1px solid #666!important;border-radius:0!important;color:#ccc!important;background:#0f0f0f!important;cursor:pointer!important;flex:none}
.position-line-action:hover{background:#333!important;color:white!important}
.position-static-label[data-kind=entry]{gap:0}
.position-static-label[data-kind=entry]>span:first-child{margin-right:8px}
.position-add-protection{font-size:12px!important;margin-left:12px;border:1px solid #666!important;border-radius:4px!important;cursor:grab!important}
#rsi{position:relative}
#macdScaleControls{position:absolute;bottom:5px;right:5px;z-index:7;display:flex;gap:4px}
#macdScaleControls button{width:23px;height:23px;padding:0;border:1px solid #444;border-radius:4px;color:#aaa;background:#171717;font-size:13px;cursor:pointer}
#macdScaleControls button.active,#macdScaleControls button:hover{background:#393939;color:#eee}

/* Price-axis drag affordance must override the pane crosshair. */
#chart .tv-lightweight-charts tr:first-child > td:last-child,
#chart .tv-lightweight-charts tr:first-child > td:last-child *,
#rsi .tv-lightweight-charts tr:first-child > td:last-child,
#rsi .tv-lightweight-charts tr:first-child > td:last-child *{cursor:grab!important}
#macdScaleControls button{cursor:pointer!important}
#ictSettings{width:850px}
#ictSettings #ictFields .ict-field>span:first-of-type{min-width:300px;max-width:440px}
#ictSettings #ictFields .ict-checkbox>span:first-child{min-width:180px}
#ictSettings .ict-input-section h3{line-height:1.6}
#ictSettings #ictFields .ict-inline-color{font-size:12px}
#ictSettings #ictFields .ict-field,#ictSettings #ictFields .ict-checkbox{line-height:1.6}
#ictSettings #ictStyleFields th{white-space:normal;min-width:60px}
@media(max-width:650px){#ictSettings #ictFields .ict-field>span:first-of-type{min-width:0;max-width:100%}}
#ictStyleFields .ict-visual-section{padding:12px 0}
#ictStyleFields .ict-visual-section h3{font-size:12px;color:#999;font-weight:400;margin:18px 0}
#ictStyleFields label.ict-visual-row{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:40px;margin:10px 0;font-size:14px;white-space:normal}
#ictStyleFields .ict-visual-row input[type=checkbox]{width:19px;height:19px;flex:none;accent-color:#ddd}
#ictStyleFields .ict-visual-row>span{min-width:220px}
#ictStyleFields .ict-visual-row select{min-width:180px;padding:8px 12px;font-size:13px}
#ictStyleFields .ict-visual-row .ict-marker-swatch{margin-left:auto;width:36px;height:36px}
.ict-advanced-appearance{margin:24px 0;font-size:12px;overflow:auto}
.ict-advanced-appearance summary{cursor:pointer;padding:10px 0;color:#aaa}
.ict-advanced-appearance table{font-size:12px}
.ict-advanced-appearance th,.ict-advanced-appearance td{padding:6px 4px}
#ictSettings #ictFields .ict-advanced-appearance input[type=number]{width:70px}
#ictSettings #ictFields .ict-advanced-appearance select{width:80px}
#ictSettings #ictFields .ict-advanced-appearance input[type=checkbox]{width:16px}
.indicator-style-dialog{width:780px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;background:#202020;overflow:hidden;border:1px solid #4a4a4a;border-radius:12px}
.indicator-style-dialog[open]{display:flex;flex-direction:column}
.indicator-style-dialog h2{font-size:22px;margin:0;padding:24px 58px 18px 24px;cursor:grab;touch-action:none;user-select:none;flex:none}
.indicator-dialog-close{position:absolute;top:15px;right:17px;width:30px;height:30px;padding:0;font-size:28px;line-height:24px;color:#ccc;background:transparent}
.indicator-dialog-tabs{display:flex;gap:26px;margin:0 24px;border-bottom:1px solid #444;flex:none}
.indicator-dialog-tabs button{padding:12px 0;font-size:15px;color:#aaa;background:none;border-radius:0}
.indicator-dialog-tabs button.active{color:#eee;border-bottom:3px solid #ddd}
.indicator-dialog-body{overflow:auto;min-height:0;padding:12px 24px 20px;scrollbar-width:thin}
.indicator-dialog-body [data-panel][hidden]{display:none!important}
.indicator-style-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;min-height:42px;font-size:13px}
.indicator-style-row>span,.indicator-style-check{min-width:180px}
.indicator-style-dialog .indicator-style-check{display:flex;flex-direction:row;align-items:center;gap:12px;margin:0;font-size:14px;color:#ddd}
.indicator-style-dialog input[type=checkbox]{width:19px;height:19px;padding:0;accent-color:#ddd}
.indicator-style-dialog input[type=color]{width:38px;height:38px;padding:4px;border:1px solid #555;border-radius:6px;cursor:pointer}
.indicator-style-dialog input[type=number]{width:110px;padding:8px;background:#202020;border:1px solid #555;border-radius:6px;color:#ddd}
.indicator-style-dialog select{padding:8px;background:#202020;border:1px solid #555;border-radius:6px;color:#ddd;font-size:12px}
.indicator-style-row>label:not(.indicator-style-check){margin:0;font-size:12px;display:flex;flex-direction:row;align-items:center;gap:8px}
.indicator-style-row input:disabled,.indicator-style-row select:disabled{opacity:.4}
.indicator-dialog-body h3{margin:28px 0 12px;font-size:12px;color:#999;font-weight:400}
.indicator-style-dialog .dialogactions{padding:13px 24px;margin:0;border-top:1px solid #444;flex:none;background:#202020}
.indicator-style-dialog .dialogactions button{padding:8px 20px;border:1px solid #555;border-radius:5px}
#maBbApply{background:#2962ff;border-color:#2962ff;color:white}
.indicator-dialog-error{color:#f23645}
.indicator-dialog-error:empty{display:none}
#orbitColorPicker{position:fixed;z-index:10000;box-sizing:border-box;width:340px;max-width:calc(100vw - 16px);padding:14px;background:#202020;border:1px solid #3c3c3c;border-radius:8px;box-shadow:0 5px 24px #0009;overflow:auto;color:#d1d4dc;scrollbar-width:thin;font:12px -apple-system,BlinkMacSystemFont,sans-serif}
#orbitColorPicker[hidden],#orbitColorPicker [hidden]{display:none!important}
#orbitColorPicker .orbit-palette-top{display:flex;align-items:center;justify-content:space-between;color:#999;margin-bottom:10px}
#orbitColorPicker button{cursor:pointer;font:inherit}
#orbitColorPicker .orbit-palette-top button{font-size:20px;background:none;color:#aaa;padding:0 4px}
#orbitColorPicker .orbit-palette-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}
#orbitColorPicker button.orbit-palette-color{width:100%;height:23px;padding:0;border:0;border-radius:3px;min-width:0;outline-offset:2px}
#orbitColorPicker .orbit-palette-color:hover{outline:1px solid #ccc}
#orbitColorPicker .orbit-palette-color.selected{outline:2px solid #ddd}
#orbitColorPicker .orbit-palette-customs{border-top:1px solid #444;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin-top:18px;padding-top:16px}
#orbitColorPicker .orbit-palette-add{height:23px;color:#ddd;background:none;padding:0;font-size:22px}
#orbitColorPicker .orbit-opacity-label{margin:17px 0 8px;color:#aaa}
#orbitColorPicker .orbit-opacity-row{display:flex;align-items:center;gap:12px}
#orbitColorPicker input{box-sizing:border-box;font:inherit;color:#ddd;background:#303030;border:1px solid #555;border-radius:4px;max-width:none}
#orbitColorPicker input[type=range]{width:100%;height:14px;cursor:pointer;margin:0;padding:0;accent-color:#ddd}
#orbitColorPicker .orbit-opacity-row input[type=range]{background:linear-gradient(to right,transparent,var(--chosen-color)),repeating-conic-gradient(#555 0% 25%,#222 0% 50%) 50%/10px 10px;border:0}
#orbitColorPicker .orbit-opacity-row label{display:flex;flex-direction:row;align-items:center;gap:2px;margin:0;white-space:nowrap}
#orbitColorPicker .orbit-opacity-row input[type=number]{width:48px;padding:7px 3px;text-align:center}
#orbitColorPicker .orbit-custom-toggle,#orbitColorPicker .orbit-save-color{margin-top:12px;padding:7px 9px;background:#303030;border:1px solid #555;color:#ddd;border-radius:4px;width:100%;font-size:12px}
#orbitColorPicker .orbit-color-custom{border-top:1px solid #444;margin-top:14px;padding-top:14px}
#orbitColorPicker .orbit-sv{height:160px;position:relative;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);cursor:crosshair;touch-action:none;border:1px solid #555;overflow:hidden}
#orbitColorPicker .orbit-sv-thumb{position:absolute;width:13px;height:13px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px #333;pointer-events:none}
#orbitColorPicker .orbit-hue-row{display:flex;gap:12px;align-items:center;margin:12px 0}
#orbitColorPicker .orbit-hue-row input{background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);border:0;flex:1}
#orbitColorPicker .orbit-eyedropper{font-size:23px;background:none;color:#ddd;padding:0}
#orbitColorPicker .orbit-preview{width:29px;height:29px;border:1px solid #777;border-radius:50%;flex:none}
#orbitColorPicker .orbit-rgb-row{display:flex;gap:9px}
#orbitColorPicker .orbit-rgb-row label{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0;flex:1}
#orbitColorPicker .orbit-rgb-row input{width:100%;padding:8px;text-align:center;min-width:0}
#orbitColorPicker .orbit-hex-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:12px 0 0;gap:12px}
#orbitColorPicker .orbit-hex-row input{width:110px;padding:7px;text-transform:uppercase}

/* Open hand on drag handles; closed hand for the duration of a drag. */
.panel-divider,.protection-pill,.position-add-protection,#ictSettings h2,#maBbSettings h2{cursor:grab!important}
input[type=range]{cursor:grab!important}
body.orbit-grabbing,body.orbit-grabbing *{cursor:grabbing!important}
body.orbit-grabbing #chart#chart *,body.orbit-grabbing #rsi#rsi *,body.orbit-grabbing #ictSettings#ictSettings *,body.orbit-grabbing #maBbSettings#maBbSettings *,body.orbit-grabbing #orbitColorPicker#orbitColorPicker *{cursor:grabbing!important}
/* Reveal chart trading actions only when their label is hovered or focused. */
.position-static-label[data-kind=entry] .position-line-action,
.protection-drag-target .position-line-action{display:none}
.position-static-label[data-kind=entry]:hover .position-line-action,
.position-static-label[data-kind=entry]:focus-within .position-line-action,
.protection-drag-target:hover .position-line-action,
.protection-drag-target:focus-within .position-line-action{display:inline-flex;align-items:center;justify-content:center}
.position-line-action:not(.position-add-protection){cursor:pointer!important}
@media(hover:none){.position-static-label[data-kind=entry] .position-line-action,.protection-drag-target .position-line-action{display:inline-flex}}

/* Price-axis scaling uses the vertical resize cursor. */
#chart#chart .tv-lightweight-charts tr:first-child > td:last-child,
#chart#chart .tv-lightweight-charts tr:first-child > td:last-child *,
#rsi#rsi .tv-lightweight-charts tr:first-child > td:last-child,
#rsi#rsi .tv-lightweight-charts tr:first-child > td:last-child *{cursor:ns-resize!important}

/* Panel dividers retain directional resizing affordances. */
.panel-divider.divider-x{cursor:col-resize!important}
.panel-divider.divider-y{cursor:row-resize!important}
body.resizing-x,body.resizing-x *,body.resizing-x #chart#chart *,body.resizing-x #rsi#rsi *{cursor:col-resize!important}
body.resizing-y,body.resizing-y *,body.resizing-y #chart#chart *,body.resizing-y #rsi#rsi *{cursor:row-resize!important}

#brokerRisk[data-tone=normal]{color:#089981}
#brokerRisk[data-tone=warning]{color:#ff9800}
#brokerRisk[data-tone=danger]{color:#f23645}
#brokerRisk[data-tone=neutral]{color:#999}
.broker-risk{white-space:nowrap}
#closeAllPositions{flex:none;padding:5px 9px;font-size:12px;color:#ccc;background:#262626;border:1px solid #444;border-radius:4px;cursor:pointer;white-space:nowrap}
#closeAllPositions:hover:enabled{color:#f23645;border-color:#f23645;background:#322025}
#closeAllPositions:disabled{opacity:.4;cursor:not-allowed}
.broker-summary{gap:12px}

/* Market list: name/turnover, funding/countdown/cap, price/change. */
#list .row{display:grid;grid-template-columns:20px minmax(62px,1fr) minmax(84px,1.15fr) minmax(64px,1fr);gap:5px;padding:10px 7px;min-width:270px}
#list .coin{min-width:0;overflow:hidden;text-overflow:ellipsis}#list .coin small{font-size:12px;white-space:nowrap}#list .rowquote{white-space:nowrap;font-size:12px}
.market-metrics{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.market-funding{color:#e3b950}.market-metrics small{font-size:12px;color:var(--muted)}.market-cap{font-size:12px;color:var(--muted);font-weight:400}

.listhead .metrics-heading{font-size:12px;text-align:center;color:var(--muted)}
/* Keep market figures readable at the requested size. */
#list .coin small,#list .rowquote,#list .rowquote small,#list .market-metrics,#list .market-metrics small,#list .market-funding,#list .market-cap{font-size:12px}
#list .rowquote small{font-weight:700}

/* Market list hierarchy and aligned metrics. */
#list .coin{font-size:16px}
#list .rowquote,#list .rowquote>span{font-size:16px}
#list .rowquote small{font-size:14px;font-weight:700}
#list .market-metrics{align-items:flex-end;text-align:right}
.listhead .metrics-heading{text-align:right}

/* Price-axis labels and the current candle price/countdown. */
#candleCountdown,#candleCountdown .countdown-price,#candleCountdown .countdown-time{font-size:14px;line-height:18px}

#closeCurrentPositions,#closePartialPositions{flex:none;white-space:nowrap;padding:5px 9px;font-size:12px;color:#ccc;background:#262626;border:1px solid #444;border-radius:4px;cursor:pointer}
#closeAllPositions:disabled,#closeCurrentPositions:disabled,#closePartialPositions:disabled{opacity:.35;cursor:not-allowed}
.broker-summary{column-gap:8px}#partialCloseDialog input{font-size:14px;width:100%;padding:8px}#partialCloseError{color:#f23645}

/* Merge the application and chart controls into one top row. */
header.single-line-header{display:flex;flex-wrap:nowrap;height:36px;min-height:36px;padding:0 8px;gap:12px}
.single-line-header .compact-chart-topbar{flex:1;min-width:0;border-bottom:0;gap:8px}
.single-line-header .headright{flex:none;flex-wrap:nowrap;white-space:nowrap;gap:6px}
.single-line-header .headright button{padding:5px 6px}
.single-line-header .status{overflow:hidden;text-overflow:ellipsis;max-width:140px;white-space:nowrap}
@media(max-width:1200px){.single-line-header .status{max-width:16px}.single-line-header #resetLayout{display:none}.single-line-header .headright{gap:2px}}
.compact-chart-topbar .quote #change{font-size:18px}

/* Maintenance-margin risk bands match the supplied OKX reference. */
#brokerRisk[data-tone=normal]{color:var(--green)}
#brokerRisk[data-tone=warning]{color:#ffb000}
#brokerRisk[data-tone=danger]{color:#df345f}
#brokerRisk[data-tone=liquidation]{color:#ffffff}
/* Account summary: align each label/value pair and separate it from actions. */
.broker-summary{column-gap:16px}
.broker-summary .broker-metrics{gap:32px;margin-right:16px}
.broker-summary .broker-metrics>div{align-items:flex-end;text-align:right;white-space:nowrap}

/* Keep the live quote beside the selected symbol. */
.single-line-header .compact-chart-topbar .quote strong,.single-line-header .compact-chart-topbar .quote #change{font-size:16px!important}
.single-line-header .compact-chart-topbar .quote #change{display:block}
.single-line-header .compact-chart-topbar .quote{margin-right:8px}
.single-line-header .compact-chart-topbar .quote strong,.single-line-header .compact-chart-topbar .quote #change{font-size:14px!important;font-weight:700}

.indicators.indicator-controls-collapsed>label,.indicators.indicator-controls-collapsed>.indicator-settings{display:none!important}

#list .coin .market-position-pnl{font-size:14px;font-weight:700;margin-top:4px;white-space:nowrap}
#list .coin .market-position-pnl[hidden]{display:none}

.indicators.indicator-controls-collapsed>#indicatorCollapse{position:static;flex:none;margin:0;align-self:center}
/* Emphasize all account-summary figures, including nested P&L values. */
.broker-summary .broker-metrics strong,.broker-summary .broker-metrics strong *{font-weight:700}

#confirmDialog.close-review-dialog{width:580px;max-width:94vw;max-height:90vh;padding:0;overflow:auto;border-radius:14px;background:#171717;color:#eee}
.close-review-dialog h2{margin:0;padding:20px 26px;border-bottom:1px solid #414141;font-size:20px}.close-review-x{position:absolute;right:17px;top:12px;font-size:30px;padding:0 8px}.close-review-x[hidden]{display:none}
.close-review-dialog #orderSummary{padding:0 26px}.close-review-card{padding:26px 0 20px}.close-review-card+.close-review-card{border-top:1px solid #444}.close-review-identity{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px}.close-review-tag,.close-review-side{font-size:12px;border-radius:5px;background:#333;padding:3px 7px}.close-review-side.up{background:#102b20}.close-review-side.down{background:#2b1018}.close-review-market{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.close-review-market>div{display:flex;flex-direction:column;gap:5px}.close-review-market strong{font-size:16px;font-weight:500}.close-review-muted{color:#999}.close-review-card h3{font-size:16px;margin:24px 0 12px}.close-review-value{padding:14px;background:#333;border-radius:10px;font-size:18px;display:flex;justify-content:space-between;gap:12px}.close-review-value strong{font-weight:500}.close-review-card p{font-size:12px;margin:9px 0}.close-review-progress{display:flex;justify-content:space-between;border-top:2px solid #555;margin:30px 5px 24px;position:relative;padding-top:12px;font-size:12px}.close-review-progress::before{content:'';position:absolute;top:-2px;left:0;width:var(--close-percent);border-top:2px solid #ddd}.close-review-progress span{position:relative}.close-review-progress span::before{content:'';position:absolute;top:-18px;left:45%;width:8px;height:8px;border:1px solid #ddd;border-radius:50%;background:#171717}.close-review-facts{display:grid;gap:8px;font-size:14px}.close-review-note{color:#999;line-height:1.6}.close-review-dialog>p{margin:0;padding:0 26px 16px;color:#999;font-size:12px}.close-review-dialog .dialogactions{margin:0;padding:18px 26px;border-top:1px solid #444;position:sticky;bottom:0;background:#171717;display:flex;justify-content:flex-end;gap:12px}.close-review-dialog #cancelConfirm,.close-review-dialog #executeOrder{border-radius:24px;min-width:105px;padding:12px 22px;font-size:16px}.close-review-dialog #cancelConfirm{border:1px solid #555}.close-review-dialog #executeOrder{background:#20a550;color:#fff}.close-review-scope{padding-top:16px;color:#aaa}

/* Selection uses a quiet fill; tick flashes only follow actual price changes. */
#list .row.selected,#list .row.selected:hover,#list .row.selected:focus-visible{border-color:transparent;box-shadow:none;outline:none}
/* Use identical columns/insets for market headers and rows. */
aside{--market-columns:20px minmax(64px,1fr) minmax(100px,1.15fr) minmax(84px,1fr)}
aside .listhead,#list .row{display:grid;grid-template-columns:var(--market-columns);column-gap:8px;border-left:2px solid transparent;padding-left:10px;padding-right:20px;min-width:0}
aside .listhead{align-items:center;padding-top:6px;padding-bottom:8px}
aside .listhead>span:first-child{grid-column:2;text-align:left}
aside .listhead .metrics-heading{grid-column:3;text-align:right;font-size:12px}
aside .listhead>#sort{grid-column:4;justify-self:end;text-align:right;padding:0;font-size:12px}
#list .rowquote>span{font-weight:700}
#list .rowquote{min-width:0;justify-self:stretch}
#list .market-metrics{min-width:0}

#list .market-position-actions{display:flex;align-items:center;gap:5px;margin-top:4px;min-width:0}
#list .market-position-actions[hidden]{display:none}
#list .coin .market-position-actions .market-position-pnl{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis}
#list .market-close-position{flex:none;padding:0;width:20px;height:20px;line-height:18px;font-size:20px;color:#aaa;border-radius:3px;cursor:pointer}
#list .market-close-position:hover:enabled{background:#393939;color:white}
#list .market-close-position:disabled{opacity:.35;cursor:not-allowed}

#fundingTooltip{position:fixed;z-index:2000;width:420px;max-width:calc(100vw - 24px);padding:16px 18px;background:#191919;border:1px solid #414141;border-radius:6px;box-shadow:0 5px 20px #0007;pointer-events:none;color:#eee;font-size:14px;font-variant-numeric:tabular-nums}
#fundingTooltip[hidden]{display:none}.funding-tooltip-row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:7px 0}.funding-tooltip-label{color:#999;min-width:0}.funding-tooltip-row>span:last-child{text-align:right;white-space:nowrap}.funding-tooltip-note{border-top:1px solid #333;margin-top:12px;padding-top:10px;color:#888;font-size:12px;line-height:1.5}.market-funding{cursor:help}.market-funding:focus-visible{outline:1px solid #777;outline-offset:3px}

/* Shared, borderless price-axis labels with collision avoidance. */
#unifiedPriceLabels{position:absolute;inset:0;pointer-events:none;z-index:4}
.unified-price-label,#candleCountdown{position:absolute;right:0;box-sizing:border-box;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;margin:0;padding:0 5px;pointer-events:none;font-size:14px;line-height:20px;text-align:left;font-variant-numeric:tabular-nums}
#candleCountdown{z-index:5;padding:2px 5px}
#candleCountdown .countdown-price,#candleCountdown .countdown-time{line-height:18px}
.unified-price-label[hidden]{display:none}

/* Opening ticket dialog, reusing the account's live order controls. */
#openPositionButton{flex:none;margin-left:10px;background:#209f50;color:#fff;font-size:13px;font-weight:600;padding:5px 15px;line-height:20px}
#openPositionDialog{width:440px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #3b3b3b;border-radius:14px;background:#161616;color:#d1d4dc;overflow:auto;box-shadow:0 12px 60px #0008}
#openPositionDialog::backdrop{background:#0005}
#openPositionDialog #trading{display:block!important;width:100%;max-width:none;height:auto;max-height:none;margin:0;padding:20px;border:0;background:transparent;overflow:visible}
#openPositionDialog .tickethead{display:flex;align-items:center;justify-content:space-between;cursor:grab;touch-action:none;user-select:none;margin-bottom:14px}
#openPositionDialog .tickethead.dragging{cursor:grabbing}
#openPositionDialog .tickethead h2{font-size:20px;margin:0}#openPositionDialog .tickethead h2{font-size:0}#openPositionDialog .tickethead h2::before{content:'开仓';font-size:20px}#openPositionDialog .livebadge{font-size:11px;margin-left:8px}
#openPositionDialog #ticketClose{font-size:26px;line-height:26px;padding:0 5px;cursor:pointer}
#openPositionDialog .positiontabs,#openPositionDialog #bracketTab,#openPositionDialog .assetdetails{display:none!important}
#openPositionDialog .marginbar{display:flex;background:#292929;border-radius:6px;padding:3px;margin:14px 0}
#openPositionDialog .marginbar>*{flex:1}#openPositionDialog #marginMode,#openPositionDialog #leverageButton{width:100%;border:0;background:transparent;text-align:center;font-size:16px;color:#eee}
#openPositionDialog .ordertabs{display:flex;gap:24px;border-bottom:1px solid #3a3a3a;margin:10px 0 20px}
#openPositionDialog .ordertabs button{border-radius:0;background:none;font-size:15px;padding:10px 0;border-bottom:2px solid transparent}
#openPositionDialog .ordertabs button.active{color:#fff;border-bottom-color:#fff}
#openPositionDialog .fieldbox{background:#252525;border:0;border-radius:10px;min-height:50px}
#openPositionDialog .fieldbox input{background:transparent;border:0;font-size:18px;padding:14px}
#openPositionDialog .directionbuttons{display:flex;gap:16px;margin-top:20px}#openPositionDialog .directionbuttons button{flex:1;border-radius:28px;padding:14px;font-size:18px;font-weight:600}
#openPositionDialog #previewOrder{background:#20a350}#openPositionDialog #shortOrder{background:#c73b61}
#openPositionDialog #previewOrder:disabled,#openPositionDialog #shortOrder:disabled{opacity:.45;cursor:not-allowed}
#openPositionDialog .costrow{font-size:12px;gap:10px}#openPositionDialog .tradepair{font-size:13px;margin-bottom:12px}
#openPositionDialog #sizePercent{accent-color:#eee}#openPositionDialog .bracketblock{margin-top:16px;border-top:1px solid #333;padding-top:16px}

#openPositionDialog .tickethead h2{font-size:20px}#openPositionDialog .tickethead h2::before{content:none}

/* Floating ticket keeps the chart interactive underneath. */
#openPositionDialog{position:fixed;inset:auto;top:44px;right:16px;left:auto;bottom:auto;margin:0;z-index:1000;max-height:calc(100dvh - 60px)}
#openPositionDialog::backdrop{background:transparent;pointer-events:none}

#openPositionDialog .marginbar{align-items:center;gap:10px;background:none;padding:0}
#openPositionDialog .marginbar>label{flex:0 0 76px;margin:0}
#openPositionDialog #marginMode{font-size:14px;padding:8px 3px;background:#292929;border-radius:6px}
#openPositionDialog #leverageButton{display:none}
.leverage-presets{display:flex;align-items:center;flex:1;min-width:0;border:1px solid #444;border-radius:24px;padding:3px;gap:1px}
.leverage-presets button{flex:1;min-width:0;padding:6px 0;font-size:12px;font-weight:600;border-radius:20px;white-space:nowrap;color:#ddd}
.leverage-presets button.active{color:#111;background:#fff}
.leverage-presets button:disabled{opacity:.45;cursor:default}
/* Compact opening ticket: omit footer guidance and contract specifications. */
#openPositionDialog .ticketfoot,#openPositionDialog #contractInfo{display:none!important}
#openPositionDialog{height:auto;min-height:0}
#openPositionDialog #trading{height:auto!important;min-height:0!important}
#openPositionDialog #tradeResult:empty,#openPositionDialog #limitsNote:empty{display:none}

/* Keep leverage feedback immediate and visually steady while saving. */
.leverage-presets[data-pending] button:disabled{opacity:1;cursor:wait}
#openPositionDialog .marginbar>label{position:relative;flex-basis:80px}
#openPositionDialog .marginbar>label::after{content:'';position:absolute;right:12px;top:50%;width:6px;height:6px;border-right:1.5px solid #bbb;border-bottom:1.5px solid #bbb;transform:translateY(-70%) rotate(45deg);pointer-events:none}
#openPositionDialog #marginMode{appearance:none;-webkit-appearance:none;padding:8px 28px 8px 12px;text-align:left;line-height:20px;outline:none}

#openPositionDialog .maxsizes{display:none}
#openPositionDialog .directionbuttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:11px 8px}
#openPositionDialog .direction-title{font-size:18px;line-height:24px}
#openPositionDialog .direction-amount{font-size:12px;line-height:16px;font-weight:400;color:inherit;white-space:nowrap}
#openPositionDialog #sizePercent{appearance:none;-webkit-appearance:none;width:100%;height:18px;background:transparent;opacity:1!important;filter:none!important}
#openPositionDialog #sizePercent::-webkit-slider-runnable-track{height:4px;border:1px solid #777;border-radius:5px;background:#444}
#openPositionDialog #sizePercent::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-7px;border:0;border-radius:50%;background:#eee;opacity:1}
#openPositionDialog #sizePercent:disabled{opacity:1!important}
#openPositionDialog #sizePercent::-moz-range-track{height:3px;border:1px solid #777;border-radius:5px;background:#444}
#openPositionDialog #sizePercent::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#eee}
#openPositionDialog #tradeSymbol{display:none!important}
/* Rounded buttons throughout the workspace and dialogs. */
body button:not(.row),body [role="button"]:not(.row),body input[type="button"],body input[type="submit"]{border-radius:999px!important}

body #list .row{border-radius:0!important}
/* Underlined order tabs are navigation labels, not pill actions. */
body .ordertabs button,#openPositionDialog .ordertabs button{border-radius:0!important}
#openPositionDialog .marginbar>label{flex-basis:70px}
#openPositionDialog #marginMode{border-radius:999px;padding:8px 24px 8px 12px}
#openPositionDialog .marginbar>label::after{right:11px}
#indicatorCollapse{display:inline-flex;align-items:center;justify-content:center;padding:0 6px;font-size:0;line-height:1}
#indicatorCollapse::before{content:'';display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
#indicatorCollapse[aria-expanded="true"]::before{transform:translateY(2px) rotate(225deg)}

aside .tabs button{border:1px solid #353535}
aside .tabs button.active{border-color:#333}
aside .search{border-radius:999px}
aside .listhead>span:first-child{grid-column:1 / 3;text-align:left;justify-self:start}

aside .listhead #sortTurnover,aside .listhead #sortFunding{padding:0;font-size:12px;line-height:inherit;color:inherit;white-space:nowrap;background:transparent}

#drawingToolbar{position:absolute;left:5px;top:78px;z-index:12;display:flex;flex-direction:column;gap:5px;padding:4px;border:1px solid #353535;border-radius:20px;background:#151515ed}#drawingToolbar button{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;font-size:20px;color:#aaa}#drawingToolbar button.active{background:#315481;color:#fff}#drawingSurface{display:none;position:absolute;inset:0;z-index:11;cursor:crosshair;touch-action:none}#drawingSurface.drawing-active{display:block}

#addHorizontalLine{position:absolute;z-index:13;width:26px;height:26px;padding:0;border:1px solid #777;background:#3b3b3b;color:#fff;font-size:23px;line-height:23px;text-align:center;display:flex;align-items:center;justify-content:center}#addHorizontalLine[hidden]{display:none}#addHorizontalLine:hover{background:#555}
/* Indicator settings use underlined navigation, not rounded actions. */
body .ict-setting-tabs button,body .indicator-dialog-tabs button{border-radius:0!important}
#drawingEditor{position:absolute;top:7px;right:100px;z-index:16;display:flex;align-items:center;gap:6px;padding:7px 10px;background:#222;border:1px solid #3b3b3b;border-radius:12px;box-shadow:0 4px 18px #0006;max-width:calc(100% - 55px);overflow-x:auto;white-space:nowrap}
#drawingEditor[hidden]{display:none}#drawingEditor button{flex:none;min-width:28px;height:30px;padding:2px 6px;font-size:19px}#drawingEditor select{width:auto;min-width:45px;margin:0;padding:5px 3px;background:#292929;border:0;color:#ddd;font-size:12px;border-radius:7px}#drawingEditor label{display:flex;align-items:center;gap:3px;margin:0;font-size:18px;color:#ddd}#drawingEditor input[type=color]{width:20px;height:24px;padding:0;border:0;background:none;cursor:pointer}.drawing-editor-grip{cursor:grab;touch-action:none;font-size:22px;color:#777}#drawingSettings{width:360px}#drawingSettings label{display:flex;flex-direction:column;gap:6px;margin:14px 0}#drawingSettings label[hidden]{display:none}#drawingAlertToast{position:fixed;top:70px;left:50%;transform:translateX(-50%);z-index:10000;background:#262626;border:1px solid #66aaff;border-radius:12px;padding:14px 22px;color:#eee}

.chart-wrap>.indicators{position:absolute;top:0;left:0;right:0;z-index:8;background:rgba(15,15,15,.55);padding:5px 5px!important;min-height:34px;margin:0}#maBbLegend{top:40px}#ictLegend{top:57px}

#drawingToolbar button svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}#drawingToolbar button svg circle{fill:#151515}#crosshairPriceLabel{position:absolute;right:0;z-index:20;box-sizing:border-box;height:44px;padding:3px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#3e3e3e;color:#fff;font-size:14px;line-height:19px;pointer-events:none;font-variant-numeric:tabular-nums;border:0;border-radius:0}#crosshairPriceLabel[hidden]{display:none}
.chart-wrap>.indicators{display:flex;align-items:center!important;min-height:36px;box-sizing:border-box;padding:3px 5px!important;line-height:24px}
.chart-wrap>.indicators>*{align-self:center;margin-top:0;margin-bottom:0}
.chart-wrap>.indicators #ohlc{display:flex;align-items:center;line-height:24px;min-height:24px}
.chart-wrap>.indicators #openPositionButton{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 15px;line-height:1}
.chart-wrap>.indicators #indicatorCollapse{height:24px;line-height:1;align-self:center}

#addHorizontalLine{border:0!important;background:#3e3e3e;border-radius:4px!important;padding:0;width:28px;height:28px}#addHorizontalLine svg{display:block;width:26px;height:26px;fill:none;stroke:#eee;stroke-width:1.5;stroke-linecap:round;flex:none}.held-crosshair{position:absolute;z-index:10;pointer-events:none}.held-crosshair[hidden]{display:none}.held-crosshair-horizontal{left:0;height:1px;background:repeating-linear-gradient(to right,#aeb6c3 0 7px,transparent 7px 13px)}.held-crosshair-vertical{top:0;width:1px;background:repeating-linear-gradient(to bottom,#aeb6c3 0 7px,transparent 7px 13px)}
:is(#rectangleSettings,#fibonacciSettings){width:600px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #424242;border-radius:14px;background:#202020;color:#ddd;overflow:hidden}
:is(#rectangleSettings,#fibonacciSettings) form{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}
.rectangle-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:grab;touch-action:none}.rectangle-heading h2{margin:0;font-size:24px}.rectangle-heading button{font-size:28px;padding:0 4px;line-height:28px}
.rectangle-tabs{display:flex;flex:none;gap:24px;margin:0 24px;border-bottom:3px solid #444}.rectangle-tabs button{padding:10px 0;background:none;color:#aaa;font-size:16px;border-bottom:3px solid transparent;margin-bottom:-3px;border-radius:0!important}.rectangle-tabs button.active{background:none;color:#eee;border-bottom-color:#eee}
.rectangle-body{padding:18px 24px;overflow:auto;min-height:0;flex:1}.rectangle-body section[hidden]{display:none}.rectangle-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin:18px 0!important;min-height:38px}.rectangle-row>span{flex:none;min-width:80px}.rectangle-controls{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.rectangle-row>.rectangle-controls{flex:1}.rectangle-check{display:flex!important;align-items:center;gap:10px;margin:0!important;white-space:nowrap}.rectangle-check input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#ddd}.rectangle-row>.rectangle-check{min-width:80px}.rectangle-body input,.rectangle-body select,.rectangle-body textarea{background:#202020;color:#ddd;border:1px solid #606060;border-radius:8px;padding:8px 10px;font-size:14px;margin:0;box-sizing:border-box}.rectangle-body select{width:auto;min-width:65px}.rectangle-row>select{flex:1}.rectangle-body input[type=color]{width:38px;height:36px;padding:3px;cursor:pointer}.rectangle-body input[type=number]{width:76px;min-width:0}.rectangle-opacity{display:flex!important;align-items:center;gap:5px;margin:0!important;font-size:12px}.rectangle-opacity input{width:64px!important}.rectangle-toggle{position:relative;display:flex!important;align-items:center;justify-content:center;width:38px;height:36px;border:1px solid #555;border-radius:7px;margin:0!important;cursor:pointer}.rectangle-toggle input{position:absolute;opacity:0;width:1px;height:1px}.rectangle-toggle:has(input:checked){background:#444;color:#fff}.rectangle-text-style{margin:5px 0 16px}.rectangle-body textarea{width:100%;height:140px;resize:vertical;line-height:1.5}.rectangle-coordinate{display:grid!important;grid-template-columns:150px 1fr 1fr}.rectangle-coordinate input{width:100%!important}.rectangle-visible-row{display:grid;grid-template-columns:95px 70px 1fr 70px;align-items:center;gap:10px;margin:18px 0}.rectangle-visible-row input[type=number]{width:100%}.rectangle-range{display:flex;flex-direction:column;gap:1px}.rectangle-range input[type=range]{width:100%;height:14px;accent-color:#ddd;padding:0;border:0}.rectangle-error{color:#f23645;font-size:13px;margin:5px 0}.rectangle-error:empty{display:none}:is(#rectangleSettings,#fibonacciSettings) .dialogactions{flex:none;display:flex;justify-content:flex-end;gap:12px;margin:0;padding:14px 24px;border-top:1px solid #444}:is(#rectangleSettings,#fibonacciSettings) .dialogactions button{padding:9px 23px;border:1px solid #555}:is(#rectangleSettings,#fibonacciSettings) button[type=submit]{background:#eee;color:#111}
@media(max-width:500px){.rectangle-heading{padding:16px}.rectangle-tabs{gap:18px;margin:0 16px}.rectangle-tabs button{font-size:14px}.rectangle-body{padding:12px 16px}.rectangle-row{gap:10px}.rectangle-row>span,.rectangle-row>.rectangle-check{min-width:60px}.rectangle-coordinate{grid-template-columns:105px 1fr 1fr}.rectangle-coordinate>span{font-size:12px}.rectangle-visible-row{grid-template-columns:70px 55px 1fr 55px;gap:6px}.rectangle-visible-row input{padding:7px 4px}}

.history-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px 13px;color:#999;font-size:12px}.history-controls select{background:#262626;border:1px solid #444;border-radius:20px;padding:5px 10px;color:#ddd}.history-controls button,#moreHistory{border:1px solid #444;padding:5px 14px}#moreHistory{margin:10px 13px}.history-controls small{color:#888}

#chart.indicator-pointer,#chart.indicator-pointer *,body .chart-wrap.drawing-pointer #chart,body .chart-wrap.drawing-pointer #chart *,body .indicator-clickable,body .indicator-clickable *{cursor:pointer!important}
body.orbit-grabbing #chart.indicator-pointer *,body.orbit-grabbing .chart-wrap.drawing-pointer #chart *{cursor:grabbing!important}

/* Orders live exclusively in the opening dialog; no persistent ticket column. */
body .workspace>.ticketcolumn{display:none!important}
@media(min-width:901px){body .workspace,body.ticket-open .workspace{grid-template-columns:minmax(240px,1fr) var(--market-width,340px)!important}}
/* Isolate rectangle settings from generic dialog label and pill rules. */
body :is(#rectangleSettings,#fibonacciSettings) .rectangle-tabs button{border-radius:0!important}
:is(#rectangleSettings,#fibonacciSettings) label.rectangle-row{flex-direction:row!important;text-align:left}
:is(#rectangleSettings,#fibonacciSettings) .rectangle-check{flex-direction:row!important;text-align:left;justify-content:flex-start}
:is(#rectangleSettings,#fibonacciSettings) .rectangle-opacity{flex-direction:row!important;justify-content:flex-start;white-space:nowrap}
:is(#rectangleSettings,#fibonacciSettings) .rectangle-row{justify-content:flex-start}
:is(#rectangleSettings,#fibonacciSettings) .rectangle-row>select{flex:0 1 250px;width:250px}
:is(#rectangleSettings,#fibonacciSettings) .rectangle-controls{justify-content:flex-start}
:is(#rectangleSettings,#fibonacciSettings) .rectangle-toggle{flex-direction:row!important}

#drawingEditor button[aria-label="删除图形"] svg{display:block;width:22px;height:22px;margin:auto}

.fib-levels{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-top:20px}.fib-level{display:flex;align-items:center;gap:8px;min-width:0}.fib-level input[type=checkbox]{width:18px;height:18px;margin:0;flex:none;accent-color:#ddd}.fib-level input[type=number]{width:100%;min-width:0;flex:1}.fib-level input[type=color]{flex:none}.fib-level:has(input[type=checkbox]:not(:checked)) input[type=number]{color:#777}@media(max-width:500px){.fib-levels{gap:10px 12px}.fib-level{gap:5px}.fib-level input[type=color]{width:30px}.fib-level input[type=number]{padding:8px 5px}}

body dialog button.centered-dialog-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;line-height:1!important;font-size:0!important;flex:none;box-sizing:border-box}body dialog button.centered-dialog-close svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;flex:none;margin:0}
/* A calm return to the workspace while real quotes arrive. */
#chartLoading{position:absolute;inset:36px 90px 0 0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;pointer-events:none;background:radial-gradient(ellipse at center,rgba(8,153,129,.045),transparent 65%);padding:20px;text-align:center}
#chartLoading[hidden]{display:none}.orbit-loading-scene{position:relative;width:104px;height:104px;flex:none}.orbit-loading-scene svg{position:relative;display:block;width:100%;height:100%;overflow:visible}.orbit-loading-track{fill:none;stroke:#293330;stroke-width:1}.orbit-loading-arc{fill:none;stroke:#34bb9b;stroke-width:2;stroke-linecap:round;stroke-dasharray:52 137;transform-origin:50% 50%;animation:orbit-load-turn 2.8s linear infinite}.orbit-loading-core{fill:#56c4a8;animation:orbit-load-breathe 2.8s ease-in-out infinite}.orbit-loading-halo{position:absolute;inset:14px;border-radius:50%;background:#19a2820c;box-shadow:0 0 42px #16b28c0c;animation:orbit-load-breathe 2.8s ease-in-out infinite}.orbit-loading-copy{display:flex;flex-direction:column;gap:10px}.orbit-loading-copy strong{font-size:16px;font-weight:500;color:#c3d0cb;letter-spacing:.4px}.orbit-loading-copy span{font-size:12px;color:#6f7f77;line-height:1.6}.orbit-loading-retry{pointer-events:auto;border:1px solid #3b5048;color:#a7c9bc;padding:7px 17px;font-size:12px}.chart-booting #message{display:none!important}.chart-booting #drawingToolbar,.chart-booting #priceScaleControls{opacity:.3;pointer-events:none}.chart-booting .position-price-label{visibility:hidden}
.market-booting>.empty{display:none}.market-loading-caption{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#75877e;padding:26px 8px 18px}.loading-live-dot{width:5px;height:5px;border-radius:50%;background:#3d9f7e;animation:orbit-load-breathe 2.8s ease-in-out infinite}.market-loading-skeleton{padding:0 20px 0 12px}.market-skeleton-row{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:20px;align-items:center;min-height:82px;border-bottom:1px solid #ffffff03;animation:market-skeleton-breathe 2.4s ease-in-out infinite;animation-delay:var(--skeleton-delay)}.market-skeleton-row>div{display:flex;flex-direction:column;gap:9px;min-width:0}.market-skeleton-row>div:not(:first-child){align-items:flex-end}.market-skeleton-row i{display:block;height:7px;max-width:100%;border-radius:8px;background:#ffffff08}.market-skeleton-row .skeleton-coin{width:47px;height:12px;background:#ffffff0d}.market-skeleton-row .skeleton-volume{width:61px}.market-skeleton-row .skeleton-rate{width:49px}.market-skeleton-row .skeleton-cap{width:64px}.market-skeleton-row .skeleton-price{width:68px;height:10px;background:#ffffff0b}.market-skeleton-row .skeleton-change{width:38px}#marketLoading{overflow:hidden;height:100%}
@keyframes orbit-load-turn{to{transform:rotate(360deg)}}@keyframes orbit-load-breathe{0%,100%{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}@keyframes market-skeleton-breathe{0%,100%{opacity:.5}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.orbit-loading-arc,.orbit-loading-core,.orbit-loading-halo,.loading-live-dot,.market-skeleton-row{animation:none}}
@media(max-width:650px){#chartLoading{padding:10px;gap:10px}.orbit-loading-copy strong{font-size:14px}.orbit-loading-scene{width:74px;height:74px}.market-skeleton-row{min-height:70px}.market-loading-caption{padding:18px 8px 12px}}
.chart-booting .position-static-label,.chart-booting .protection-pill,.chart-booting .position-line-action,.chart-booting #unifiedPriceLabels,.chart-booting #candleCountdown,.chart-booting #crosshairPriceLabel{visibility:hidden}
.single-line-header .fixed-market-quote{display:flex;align-items:center;flex:0 0 380px;width:380px;min-width:0;gap:10px;overflow:hidden}
.single-line-header .fixed-market-quote .market-title{flex:0 0 140px;width:140px;min-width:0;overflow:hidden}
.single-line-header .fixed-market-quote h1{display:flex;align-items:center;min-width:0;max-width:100%;letter-spacing:0}
.single-line-header .fixed-market-quote #symbol{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.single-line-header .fixed-market-quote h1 small,.single-line-header .fixed-market-quote .tag{flex:none}
.single-line-header .fixed-market-quote .quote{display:flex;align-items:center;flex:1;min-width:0;margin:0!important;gap:8px;font-variant-numeric:tabular-nums}
.single-line-header .fixed-market-quote #price{flex:0 0 88px;width:88px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.single-line-header .fixed-market-quote #change{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.single-line-header .compact-chart-topbar .toolbar{flex:1 1 0;min-width:0;overflow:hidden}
.single-line-header #periods{flex:1 1 0;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;user-select:none}
.single-line-header #periods::-webkit-scrollbar{display:none}.single-line-header #periods.periods-dragging,.single-line-header #periods.periods-dragging *{cursor:grabbing!important}
@media(max-width:800px){.single-line-header .fixed-market-quote{flex-basis:300px;width:300px}.single-line-header .fixed-market-quote .market-title{flex-basis:110px;width:110px}.single-line-header .fixed-market-quote #price{flex-basis:72px;width:72px}}
@media(max-width:650px){.single-line-header .fixed-market-quote{flex-basis:220px;width:220px;gap:6px}.single-line-header .fixed-market-quote .market-title{flex-basis:78px;width:78px}.single-line-header .fixed-market-quote #price{flex-basis:58px;width:58px}.single-line-header .fixed-market-quote .quote{gap:5px}.single-line-header .fixed-market-quote #change{font-size:12px!important}}
#chartLayoutGrid{display:grid;grid-template-columns:repeat(var(--chart-columns,1),minmax(0,1fr));flex:1;min-height:180px;min-width:0;overflow:hidden;gap:8px;background:var(--bg)}
.chart-layout-pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#0f0f0f}.chart-layout-pane[hidden]{display:none}.primary-chart-pane>.chart-wrap{flex:1;min-height:80px}.primary-chart-pane>.bottom{padding:5px;font-size:11px}.layout-pane-head{display:flex;align-items:center;gap:7px;min-height:32px;flex:none;padding:4px 7px;border-bottom:1px solid #303030;overflow:hidden;white-space:nowrap;font-size:12px}.layout-pane-head[hidden]{display:none}.layout-primary-symbol{font-weight:600;overflow:hidden;text-overflow:ellipsis}.layout-primary-period{color:#999}.layout-pane-head>small{margin-left:auto;color:#777}.layout-pane-head select{background:#202020;color:#ddd;border:1px solid #383838;border-radius:20px;padding:3px 5px;font-size:12px;min-width:0;max-width:55%}.layout-symbol-select{flex:1}.layout-pane-head .layout-live-price{font-size:12px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.layout-secondary-chart{flex:1;min-height:80px;position:relative}.layout-secondary-canvas{position:absolute;inset:0}.layout-pane-message{position:absolute;inset:32px 5px;display:flex;align-items:center;justify-content:center;color:#799588;font-size:12px;text-align:center;pointer-events:auto}.layout-pane-message[hidden]{display:none}.layout-secondary-macd{height:var(--rsi-height,90px);flex:none}.layout-secondary-macd-title{border-top:1px solid #363636;color:#aa96e8;flex:none;padding:5px 7px;font-size:12px}.layout-secondary-macd-title small{color:#888;margin-left:7px}
#chartLayoutButton{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:28px;padding:5px;border:1px solid #393939;color:#ccc}#chartLayoutButton svg,#chartLayoutMenu svg{display:block;width:26px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}
#chartLayoutMenu{position:fixed;z-index:1200;width:160px;padding:7px;background:#202020;border:1px solid #414141;border-radius:12px;box-shadow:0 8px 30px #0006}#chartLayoutMenu[hidden]{display:none}#chartLayoutMenu button{display:flex;align-items:center;gap:15px;width:100%;padding:10px 13px;color:#bbb}#chartLayoutMenu button[aria-checked=true]{color:#eee;background:#353535}body[data-chart-columns="3"] .primary-chart-pane .bottom span{display:none}body[data-chart-columns="3"] .primary-chart-pane #ohlc{font-size:11px}body[data-chart-columns="3"] .primary-chart-pane #drawingEditor{right:5px}
@media(max-width:900px){#chartLayoutGrid{flex:none;height:550px;min-height:0;overflow-x:auto;grid-template-columns:repeat(var(--chart-columns,1),minmax(260px,1fr))}.primary-chart-pane #chart{height:100%!important}}

body .position-line-action.position-action-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px;height:26px;min-width:26px;padding:0!important;line-height:1!important;font-size:0!important;box-sizing:border-box;vertical-align:middle}body .position-action-close svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;margin:0;flex:none}

#drawingToolbar{top:auto;bottom:40px;left:6px}.drawing-toolbar-grip{display:flex;align-items:center;justify-content:center;height:18px;color:#747474;font-size:20px;line-height:1;cursor:grab;touch-action:none;user-select:none}.toolbar-dragging .drawing-toolbar-grip{cursor:grabbing}#drawingToolbar.toolbar-dragging{box-shadow:0 5px 18px #0007}
body .position-static-label[data-kind=entry] .position-action-close,
body .protection-drag-target .position-action-close{display:none!important}
body .position-static-label[data-kind=entry]:hover .position-action-close,
body .position-static-label[data-kind=entry]:focus-within .position-action-close,
body .protection-drag-target:hover .position-action-close,
body .protection-drag-target:focus-within .position-action-close{display:inline-flex!important}
/* Hover actions sit outside labels and never change their measured width. */
body .position-static-label[data-kind=entry]>.position-action-close,
body .protection-drag-target>.position-action-close{position:absolute;left:calc(100% + 4px);right:auto;top:50%;transform:translateY(-50%);margin:0!important;border-left:0!important}
body .position-static-label[data-kind=entry]>.position-add-protection{position:absolute;left:calc(100% + 34px);right:auto;top:50%;transform:translateY(-50%);margin:0!important;white-space:nowrap}
.position-static-label[data-kind=entry]::after,.protection-drag-target::after{content:'';position:absolute;top:0;bottom:0;left:100%;width:8px;background:transparent}

/* Shared presentation in every chart column. */
.layout-indicator-legend{position:absolute;top:8px;left:8px;right:92px;color:#999;font-size:12px;pointer-events:none;white-space:nowrap;overflow:hidden}.layout-axis-labels{position:absolute;inset:0;pointer-events:none;z-index:5}.layout-axis-labels>div{position:absolute;right:0;font:14px/20px -apple-system,sans-serif;white-space:pre;text-align:left;padding:0 5px;box-sizing:border-box;overflow:hidden}.layout-indicator-pointer canvas{cursor:pointer!important}

/* The active column receives shared symbol and timeframe controls. */
#chartLayoutGrid[data-columns="2"] .active-chart-column,#chartLayoutGrid[data-columns="3"] .active-chart-column{box-shadow:inset 0 0 0 2px #8a8a8a;position:relative;z-index:1}#chartLayoutGrid .active-chart-column>.layout-pane-head{background:#232323}#chartLayoutGrid[data-columns="2"] .active-chart-column::after,#chartLayoutGrid[data-columns="3"] .active-chart-column::after{content:"";position:absolute;inset:0;border:2px solid #8a8a8a;pointer-events:none;z-index:20}.layout-pane-head small{white-space:nowrap}

/* Market title groups the count; entry action stays at the right. */
.aside-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}.aside-title .market-heading{display:flex;align-items:center;gap:8px;min-width:0}.aside-title .market-heading h2{margin:0;flex:none}.aside-title #count{font-size:11px;font-weight:400;color:#888;white-space:nowrap}.aside-title #openPositionButton{display:inline-flex;align-items:center;justify-content:center;flex:none;margin:0 0 0 auto;height:28px;padding:0 16px;line-height:1}

/* Read-only column headings share the same information hierarchy. */
#chartLayoutGrid .layout-pane-head{gap:8px;padding:4px 8px;min-height:32px;box-sizing:border-box;white-space:nowrap}#chartLayoutGrid .layout-pane-head>span,#chartLayoutGrid .layout-pane-head>strong{flex:0 1 auto;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis}#chartLayoutGrid .layout-pane-head .layout-symbol-select,#chartLayoutGrid .layout-pane-head .layout-primary-symbol{font-weight:600;max-width:38%;border:0;padding:0;background:none}#chartLayoutGrid .layout-pane-head .layout-period-select,#chartLayoutGrid .layout-pane-head .layout-primary-period{color:#999;border:0;padding:0;background:none}#chartLayoutGrid .layout-pane-head .layout-close-column{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:4px;width:24px;height:24px;flex:0 0 24px;background:transparent;border:0;color:#999}#chartLayoutGrid .layout-close-column:hover{color:#fff;background:#363636}#chartLayoutGrid .layout-close-column svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}

/* Soften the selected chart outline without clipping chart controls. */
#chartLayoutGrid[data-columns="2"] .active-chart-column,#chartLayoutGrid[data-columns="3"] .active-chart-column{border-radius:8px}#chartLayoutGrid[data-columns="2"] .active-chart-column::after,#chartLayoutGrid[data-columns="3"] .active-chart-column::after{border-radius:8px}#chartLayoutGrid .active-chart-column>.layout-pane-head{border-radius:8px 8px 0 0}

/* Clip the panel background to the same rounded selection outline. */
#chartLayoutGrid[data-columns="2"]>.chart-layout-pane,#chartLayoutGrid[data-columns="3"]>.chart-layout-pane{border-radius:8px;overflow:hidden}#chartLayoutGrid[data-columns="2"]>.chart-layout-pane>.layout-pane-head,#chartLayoutGrid[data-columns="3"]>.chart-layout-pane>.layout-pane-head{border-radius:8px 8px 0 0;background-clip:padding-box}

/* Every column welcomes the user while its candles are loading. */
.layout-pane-message.pane-loading-welcome{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:20px;background:radial-gradient(ellipse at center,rgba(8,153,129,.055),transparent 65%),#0f0f0f}.layout-pane-message.pane-loading-welcome[hidden]{display:none}.layout-pane-message .orbit-loading-scene{width:88px;height:88px}.layout-pane-message .orbit-loading-copy strong{font-size:15px}.layout-pane-message .orbit-loading-copy span{font-size:12px}.secondary-chart-pane[aria-busy="true"] .layout-axis-labels{visibility:hidden}

/* Give position P&L its own full row so narrow symbol cells cannot truncate it. */
#list .row>.market-position-actions{grid-column:2 / -1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:3px;min-width:0;overflow:visible}#list .row>.market-position-actions[hidden]{display:none}#list .row>.market-position-actions .market-position-pnl{flex:0 0 auto;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;font-size:14px;font-weight:700;margin:0;font-variant-numeric:tabular-nums}#list .row>.market-position-actions .market-close-position{flex:0 0 20px}

/* Compact funding details to match the surrounding market typography. */
#fundingTooltip{width:360px;padding:12px 14px;font-size:12px;line-height:1.5}#fundingTooltip .funding-tooltip-row{gap:12px;margin:5px 0}#fundingTooltip .funding-tooltip-note{font-size:11px;margin-top:9px;padding-top:8px}

/* Funding numbers keep the ordinary cursor while showing details. */
.market-funding{cursor:default}

/* A labelled close action balances the full-width P&L row. */
#list .row>.market-position-actions .market-close-position{margin-left:auto;flex:0 0 auto;width:auto;min-width:48px;height:26px;padding:0 11px;border:1px solid #555;border-radius:999px;font-size:12px;line-height:24px;color:#ccc;background:transparent}#list .row>.market-position-actions .market-close-position:hover:enabled{background:#393939;color:#fff}

/* One continuous outline groups the market scope switch. */
aside>.tabs{display:flex;gap:0;border:1px solid #414141;border-radius:999px;padding:2px;overflow:hidden}body aside>.tabs>button{flex:1;min-width:0;margin:0;border:0!important;border-radius:999px!important;background:transparent;box-shadow:none}body aside>.tabs>button.active{background:#333;color:#eee}

/* Use the same trading green for the entry and long action. */
#openPositionButton{background:var(--green)!important;color:#fff}

/* The market scope highlight slides as one continuous pill. */
aside>.tabs{position:relative;isolation:isolate}aside>.tabs::before{content:"";position:absolute;z-index:0;top:2px;bottom:2px;left:2px;width:calc((100% - 4px)/2);border-radius:999px;background:#333;transform:translateX(0);transition:transform 240ms cubic-bezier(.22,.61,.36,1);pointer-events:none}aside>.tabs:has(#all.active)::before{transform:translateX(100%)}body aside>.tabs>button{position:relative;z-index:1}body aside>.tabs>button.active,body aside>.tabs>button:hover{background:transparent}@media(prefers-reduced-motion:reduce){aside>.tabs::before{transition:none}}

#drawingSyncNotice{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:2000;padding:9px 16px;border:1px solid #414141;border-radius:10px;background:#202020;color:#bbb;font-size:12px;pointer-events:none}#drawingSyncNotice[hidden]{display:none}

#marketContextMenu{position:fixed;z-index:2500;min-width:164px;padding:5px;background:#242424;border:1px solid #484848;border-radius:9px;box-shadow:0 6px 24px #0007}#marketContextMenu[hidden]{display:none}#marketContextMenu button{width:100%;padding:9px 12px;text-align:left;font-size:12px;color:#ddd;border-radius:5px}#marketContextMenu button:hover,#marketContextMenu button:focus-visible{background:#3a3a3a;outline:none}

/* Match the native 14px price scale's tick/text inset. */
.unified-price-label,#candleCountdown,.layout-axis-labels>div{padding-left:12px;padding-right:5px}

.history-symbol-link{color:inherit;text-decoration:none;cursor:pointer}.history-symbol-link:hover{color:#eee;text-decoration:underline;text-underline-offset:3px}.history-symbol-link:focus-visible{outline:1px solid #888;outline-offset:4px;border-radius:3px}

#rsiValue[hidden]{display:none!important}#macdValuesToggle{font-size:11px;line-height:18px;padding:0 7px;color:#888;border:1px solid #363636}#macdValuesToggle.active{color:#ccc;background:#292929}

/* History period choices and summary share one compact toolbar. */
#historyPane .history-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px}#historyRanges{display:flex;align-items:center;gap:3px;flex:none}#historyRanges button{padding:5px 10px;font-size:12px;white-space:nowrap}#historyRanges button.active{background:#dedede;color:#151515}#historyPane #refreshHistory{margin:0;padding:5px 12px;flex:none}#historyPane #historyStatus{font-size:12px;white-space:nowrap}#historyPane .history-controls>small{font-size:11px;color:#888;white-space:nowrap}

/* Keep history totals and refresh together on the right. */
#historyPane #historyRanges{order:0}#historyPane #historyStatus{order:1;margin-left:auto}#historyPane .history-controls>small{order:2}#historyPane #refreshHistory{order:3}#historyPane .history-total-pnl{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}

#headerFavorite{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:24px;height:26px;margin-left:5px;padding:0;flex:none;font-size:20px;line-height:1;color:#787878;background:transparent}#headerFavorite.saved{color:#e5c879}#headerFavorite:hover{background:#292929;color:#e5c879}

@media(min-width:801px){.single-line-header .fixed-market-quote{flex-basis:410px;width:410px}.single-line-header .fixed-market-quote .market-title{flex-basis:170px;width:170px}}

/* A transparent lower bridge keeps entry actions open during pointer travel. */
.position-static-label[data-kind=entry]{isolation:isolate}.position-static-label[data-kind=entry]:hover::before,.position-static-label[data-kind=entry]:focus-within::before{content:"";position:absolute;left:0;top:calc(100% - 2px);width:calc(100% + 145px);height:16px;background:transparent;pointer-events:auto;z-index:-1}.position-static-label[data-kind=entry]:hover::after,.position-static-label[data-kind=entry]:focus-within::after{top:-5px;bottom:-16px;width:34px;z-index:-1;pointer-events:auto}.position-static-label[data-kind=entry]>.position-add-protection::after{content:"";position:absolute;inset:-5px -7px -16px;background:transparent;z-index:-1;pointer-events:auto}

/* Keep intermediate chart clears and axis calculation frames behind loading UI. */
#chartLoading{right:0;background:radial-gradient(ellipse at center,rgba(8,153,129,.055),transparent 65%),#0f0f0f}.chart-wrap.chart-booting #chart{visibility:hidden}.primary-chart-pane:has(>.chart-wrap.chart-booting)>#rsi{visibility:hidden}.secondary-chart-pane[aria-busy="true"] .layout-secondary-canvas,.secondary-chart-pane[aria-busy="true"] .layout-secondary-macd{visibility:hidden}

#list .favorite-draggable .coin{cursor:grab}#list .favorite-dragging{opacity:.45;cursor:grabbing}#list .favorite-drop-before{position:relative}#list .favorite-drop-after{position:relative}#list .favorite-drop-before::before,#list .favorite-drop-after::after{content:"";position:absolute;left:35px;right:12px;height:2px;background:#8ebbb1;pointer-events:none}#list .favorite-drop-before::before{top:0}#list .favorite-drop-after::after{bottom:0}

/* Reclaim the standalone chart status row for the account area. */
.primary-chart-pane>.bottom{display:none!important}.rsihead .chart-source-link{font-size:10px;color:#777;white-space:nowrap;margin-left:4px;text-decoration:none}.rsihead .chart-source-link:hover{color:#aaa}#accountTables:not(.account-collapsed){height:calc(var(--account-height,110px) + 20px)}

/* Live sortable rows use their own layout coordinates for stable hit testing. */
#list{position:relative}#list .favorite-dragging{background:#252d2b;opacity:.3}

/* Rows passing beneath the drag pointer do not acquire hover styling. */
#list.favorite-sorting .row:not(.selected):not(.favorite-dragging):hover,#list.favorite-sorting .row:not(.selected):not(.favorite-dragging):focus-visible{background:transparent;box-shadow:none;outline:none}#list.favorite-sorting .row.selected:hover{background:#292929;box-shadow:none}

/* Dropping must not look like selecting the row beneath the pointer. */
#list .row.favorite-drop-rest:not(.selected):hover,#list .row.favorite-drop-rest:not(.selected):focus-visible{background:transparent;box-shadow:none;outline:none}#list .row.favorite-drop-rest.selected:hover{background:#292929;box-shadow:none}

/* Suppress hover across the whole list until the pointer leaves the settled drop row. */
#list.favorite-hover-muted .row:not(.selected):hover,#list.favorite-hover-muted .row:not(.selected):focus-visible{background:transparent!important;box-shadow:none!important;outline:none!important}#list.favorite-hover-muted .row.selected:hover{background:#292929!important;box-shadow:none!important}#list .row:hover{box-shadow:none}

/* The item just placed keeps the hover fill; displaced items do not. */
#list.favorite-hover-muted .row.favorite-drop-hover:not(.selected),#list.favorite-hover-muted .row.favorite-drop-hover:not(.selected):hover{background:#252525!important;box-shadow:none!important;outline:none!important}#list.favorite-hover-muted .row.favorite-drop-hover.selected{background:#353535!important;box-shadow:none!important}

/* Keep both hover fill and outline on the item just dropped. */
#list.favorite-hover-muted .row.favorite-drop-hover:not(.selected),#list.favorite-hover-muted .row.favorite-drop-hover:not(.selected):hover{box-shadow:none!important}#list.favorite-hover-muted .row.favorite-drop-hover.selected,#list.favorite-hover-muted .row.favorite-drop-hover.selected:hover{box-shadow:none!important}#list:not(.favorite-sorting):not(.favorite-hover-muted) .row:hover{box-shadow:inset 0 0 0 1px #484848}


/* Candles appear immediately; indicator warmup is a quiet, separate state. */
.chart-wrap.indicator-warming::after,.pane-indicator-warming .layout-secondary-chart::after{content:"指标准备中…";position:absolute;top:42px;left:8px;font-size:11px;color:#82938c;pointer-events:none;z-index:9}.chart-wrap.indicator-warming #maBbLegend,.chart-wrap.indicator-warming #ictLegend{visibility:hidden}.primary-chart-pane:has(>.chart-wrap.indicator-warming)>#rsi,.pane-indicator-warming .layout-secondary-macd{visibility:hidden}

/* OHLC stays inside the plot instead of covering native axis ticks. */
.chart-wrap>.indicators{right:var(--price-axis-width,90px);max-width:calc(100% - var(--price-axis-width,90px))}.chart-wrap>.indicators #ohlc{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}

#ictSettings .ict-label-choices{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:12px 0 8px;font-size:13px;color:#bbb}#ictSettings .ict-label-choices label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;margin:0}#ictSettings .ict-label-choices input{margin:0;width:16px;height:16px;accent-color:#ddd}

.position-static-label[data-kind=entry]>span:first-child{color:#fff!important}

/* Keep trading actions above the crosshair add-line shortcut. */
.chart-wrap .protection-drag-target,.chart-wrap .position-static-label[data-kind=entry]{z-index:14}
.chart-wrap:has(.protection-drag-target:hover) #addHorizontalLine,.chart-wrap:has(.protection-drag-target:focus-within) #addHorizontalLine,.chart-wrap:has(.position-static-label[data-kind=entry]:hover) #addHorizontalLine,.chart-wrap:has(.position-static-label[data-kind=entry]:focus-within) #addHorizontalLine{display:none}

.layout-add-horizontal{position:absolute;z-index:13;width:28px;height:28px;padding:0;border:0!important;border-radius:4px!important;background:#3e3e3e;display:flex;align-items:center;justify-content:center}.layout-add-horizontal[hidden]{display:none}.layout-add-horizontal:hover{background:#555}.layout-add-horizontal svg{width:26px;height:26px;fill:none;stroke:#eee;stroke-width:1.5;stroke-linecap:round}

.layout-crosshair-price-label{position:absolute;right:0;z-index:20;box-sizing:border-box;height:44px;padding:3px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#3e3e3e;color:#fff;font-size:14px;line-height:19px;pointer-events:none;font-variant-numeric:tabular-nums;border:0;border-radius:0}.layout-crosshair-price-label[hidden]{display:none}

.layout-pane-head .layout-price-change{font-weight:700}

.layout-secondary-chart .layout-position-info{z-index:14;overflow:visible}.layout-secondary-chart .layout-position-info[data-kind=entry]>span:first-child{color:#fff!important}.layout-secondary-chart .layout-position-info[hidden]{display:none}.layout-secondary-chart:has(.layout-position-info:hover) .layout-add-horizontal,.layout-secondary-chart:has(.layout-position-info:focus-within) .layout-add-horizontal{display:none}

#toggleMarketSidebar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;padding:4px;color:#999;border-radius:5px}#toggleMarketSidebar:hover{color:#eee;background:#292929}.aside-title{gap:8px}.aside-title .market-heading{margin-right:auto}
@media(min-width:901px){body .workspace.market-collapsed,body.ticket-open .workspace.market-collapsed{grid-template-columns:minmax(240px,1fr) 40px!important}.workspace.market-collapsed aside{min-width:0;overflow:hidden}.workspace.market-collapsed aside>:not(.aside-title){display:none!important}.workspace.market-collapsed .aside-title{padding:9px 6px 4px;justify-content:center}.workspace.market-collapsed .aside-title>:not(#toggleMarketSidebar){display:none!important}}

@media(min-width:901px){.workspace.market-collapsed .aside-title{flex-direction:column;gap:16px}.workspace.market-collapsed .aside-title>#openPositionButton{display:inline-flex!important;writing-mode:vertical-rl;text-orientation:upright;width:28px;height:auto;min-height:64px;padding:12px 4px;margin:0;line-height:20px;border-radius:16px}}

/* Clip pane content and selection borders to the same rounded outline. */
#chartLayoutGrid[data-columns="2"]>.chart-layout-pane,#chartLayoutGrid[data-columns="3"]>.chart-layout-pane{clip-path:inset(0 round 8px)}

#chartLayoutGrid[data-columns="2"]>.chart-layout-pane:not(.active-chart-column),#chartLayoutGrid[data-columns="3"]>.chart-layout-pane:not(.active-chart-column){position:relative}#chartLayoutGrid[data-columns="2"]>.chart-layout-pane:not(.active-chart-column)::after,#chartLayoutGrid[data-columns="3"]>.chart-layout-pane:not(.active-chart-column)::after{content:"";position:absolute;inset:0;border:1px solid #303030;border-radius:8px;pointer-events:none;z-index:20}

#accountDivider{background:var(--bg);margin-left:0;margin-right:0}#accountDivider:hover,#accountDivider:focus-visible{background:#363636}

#accountDivider{height:4px;min-height:4px}

/* Market rows retain their hover fill without an outline. */
#list .row:hover,#list.favorite-hover-muted .row.favorite-drop-hover,#list.favorite-hover-muted .row.favorite-drop-hover:hover{box-shadow:none!important;outline:none!important}.market-funding{cursor:pointer}

.listhead .metrics-heading{display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap;min-width:0}.listhead .metrics-heading button{flex:none;padding:0;white-space:nowrap}

.listhead>span:first-child{display:flex;align-items:center;gap:3px;white-space:nowrap;min-width:0}.listhead>span:first-child button{flex:none;padding:0;white-space:nowrap}

aside .listhead .metrics-heading{justify-content:flex-end;justify-self:stretch;text-align:right}

aside .listhead button:hover{background:transparent;color:var(--muted);box-shadow:none}

aside .listhead>span:first-child,aside .listhead .metrics-heading{gap:1px}.listhead .heading-separator{display:inline-block;flex:none;margin:0;font-weight:400}

aside .listhead>span:first-child,aside .listhead .metrics-heading{gap:0;align-items:center}.listhead .heading-separator{font-size:0;width:1px;height:12px;background:currentColor;margin:0 1px;align-self:center;flex:0 0 1px}

.listhead .heading-separator{height:10px;background:#555;margin:0 4px}.listhead button{display:inline-flex;align-items:center;gap:3px}.market-sort-icon{display:inline-flex;flex-direction:column;justify-content:center;gap:2px;width:7px;vertical-align:middle;flex:none}.market-sort-icon i{display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent}.market-sort-icon i:first-child{border-bottom:4px solid currentColor}.market-sort-icon i:last-child{border-top:4px solid currentColor}.market-sort-icon.sort-asc i:last-child,.market-sort-icon.sort-desc i:first-child{display:none}

.market-sort-icon{color:#555}.market-sort-icon.sort-asc i:last-child,.market-sort-icon.sort-desc i:first-child{display:block}.market-sort-icon.sort-asc i:first-child,.market-sort-icon.sort-desc i:last-child{color:#ddd}

aside{--market-columns:20px minmax(64px,1fr) minmax(84px,1fr) minmax(100px,1.15fr)}#list .market-metrics{grid-column:4;grid-row:1}#list .rowquote{grid-column:3;grid-row:1}aside .listhead .metrics-heading{grid-column:4;grid-row:1}aside .listhead>#sort{grid-column:3;grid-row:1}.market-cap{cursor:pointer}
#marketCapDialog{width:800px;max-width:94vw;background:#171717;color:#ddd;border:1px solid #414141;border-radius:14px;padding:22px}#marketCapDialog header{height:auto;padding:0 0 16px;background:none;border:0;gap:12px}#marketCapDialog h2{font-size:18px;margin:0}#marketCapDialog .cap-ranges{display:flex;gap:6px;margin-bottom:14px}#marketCapDialog .cap-ranges button{padding:5px 10px;border-radius:16px}#marketCapChart{height:340px}#marketCapNote{font-size:12px;color:#888;margin:12px 0 0}#marketCapStatus{color:#999;padding:12px 0}

#marketCapDialog{background:#181818;color:var(--text);border:1px solid #444;border-radius:12px;padding:25px;max-height:90vh;overflow:auto}#marketCapDialog .cap-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;background:transparent}#marketCapDialog .cap-dialog-head h2{margin:0;font-size:20px}#marketCapChart{height: min(340px,48vh)}

#marketCapDialog{position:fixed;z-index:1600;resize:both;min-width:320px;min-height:280px;width:800px;height:540px;max-width:96vw;max-height:94vh;box-shadow:0 8px 30px #0006}#marketCapDialog[open]{display:flex;flex-direction:column}#marketCapDialog::backdrop{background:transparent;pointer-events:none}#marketCapDialog .cap-dialog-head{cursor:grab;touch-action:none;user-select:none;flex:none}#marketCapDialog .cap-dialog-head:active{cursor:grabbing}#marketCapDialog .cap-ranges{flex:none;flex-wrap:wrap}#marketCapChart{height:auto;flex:1;min-height:140px}#marketCapStatus,#marketCapNote{flex:none}

#marketCapDialog .cap-dialog-head{min-height:40px;padding:4px 0 8px}#marketCapDialog .cap-dialog-head h2{cursor:grab}#marketCapDialog .cap-dialog-head h2::before{content:"⠿";display:inline-block;margin-right:9px;color:#777;font-size:20px;font-weight:400}#marketCapStatus,#marketCapNote{cursor:grab;user-select:none}
.broker-connection{display:flex;align-items:center;gap:10px;min-width:0;flex:none}.broker-connection [hidden]{display:none!important}.broker-connection #accountButton{padding:5px 10px;border:1px solid #444;border-radius:16px;color:#ddd;white-space:nowrap}.broker-connection .status,.broker-account-connection{font-size:12px;white-space:nowrap}.broker-account-connection{color:var(--green)}.broker-connection-error{font-size:12px;color:#999;white-space:nowrap}.broker-connection-error[title]{color:var(--red)}.broker-connection .broker-account{white-space:nowrap}

#marketCapDialog{resize:none}.cap-resize-handle{position:absolute;z-index:5;touch-action:none}.cap-resize-n,.cap-resize-s{left:12px;right:12px;height:8px;cursor:ns-resize}.cap-resize-n{top:0}.cap-resize-s{bottom:0}.cap-resize-e,.cap-resize-w{top:12px;bottom:12px;width:8px;cursor:ew-resize}.cap-resize-e{right:0}.cap-resize-w{left:0}.cap-resize-ne,.cap-resize-nw,.cap-resize-se,.cap-resize-sw{width:14px;height:14px}.cap-resize-ne{right:0;top:0;cursor:nesw-resize}.cap-resize-nw{left:0;top:0;cursor:nwse-resize}.cap-resize-se{right:0;bottom:0;cursor:nwse-resize}.cap-resize-sw{left:0;bottom:0;cursor:nesw-resize}

.broker-okx-link{color:inherit;text-decoration:none}.broker-okx-link:hover{color:#eee}

.single-line-header #periods{flex:0 1 auto}.single-line-header .compact-chart-topbar .toolbar{justify-content:flex-start}#chartLayoutButton{border:0!important;border-radius:5px!important;background:transparent;box-shadow:none}

#marketCapDialog{inset:auto;top:44px;right:16px;left:auto;bottom:auto;margin:0;width:440px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 60px);padding:20px;border:1px solid #3b3b3b;border-radius:14px;background:#161616;color:#d1d4dc;box-shadow:0 12px 60px #0008}#marketCapDialog .cap-dialog-head{margin-bottom:14px;padding:0;min-height:30px}#marketCapDialog .cap-dialog-head h2{font-size:20px}#marketCapDialog .cap-ranges{gap:4px}#marketCapDialog .cap-ranges button{padding:5px 8px}

.single-line-header .compact-chart-topbar .quote #quoteDailyAmount{display:block;font-size:14px;font-weight:700;margin:0}.layout-pane-head .layout-price-delta{font-weight:700;white-space:nowrap}#list .market-price-delta{display:block;font-weight:700}

@media(min-width:801px){.single-line-header .fixed-market-quote{flex:0 0 auto;width:auto;overflow:visible}.single-line-header .fixed-market-quote .quote{flex:0 0 auto;min-width:max-content}.single-line-header .fixed-market-quote #change{flex:0 0 auto;overflow:visible}.single-line-header .fixed-market-quote #quoteDailyAmount{flex:none;white-space:nowrap}.single-line-header .compact-chart-topbar .toolbar{flex:1 1 0;min-width:0}.single-line-header #periods{flex:0 1 auto;min-width:0;max-width:100%}}

#list .rowquote,#list .rowquote>span,#list .rowquote small,#list .rowquote .market-price-delta{font-size:12px;font-weight:700}

body .chart-wrap[data-drawing-cursor] #chart,body .chart-wrap[data-drawing-cursor] #chart *{cursor:var(--drawing-cursor)!important}