:root{color-scheme:dark;--blue:#00bfc3;--muted:#92999f;--line:#292d31;--bg:#080808;--text:#f1f3f4}body,body.admin-site{background:#080808;color:#e9edef;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}aside{background:#0b0c0d;border-color:#25282b}.brand img{display:block;max-width:100%;height:auto}main{background:#080808}header,footer{background:transparent;border-color:#25282b;color:#91999e}nav a{color:#a3a9ad}nav a:hover,nav a.active{background:#182226;color:#27cdd0}h1,h2,h3,strong{color:#f1f3f4}.muted,.eyebrow,.page-subtitle,.page-heading p{color:#8a969e}.card,.login-form,.login-story,.info,.hero-summary,.stat,.metric,.quick-links a{background:#111416;border-color:#292e32;color:#d4dcdf;box-shadow:none}input,select,textarea{background:#0b0e10;color:#e8eef0;border-color:#363d43}input:focus,select:focus{outline-color:#00bac2;border-color:#00bac2}button,.button-link{background:#dce6e9;color:#101719;border-color:transparent;border-radius:7px;font-weight:600}button:hover,.button-link:hover{background:#aee8e7;color:#071b1c}.secondary,button.secondary{background:#181e22;color:#ccd5db;border:1px solid #343e45}.badge{background:#172a2b;color:#7fd9d6}th{background:#11171b;color:#8f9ca5}td{border-color:#252d32;color:#d0d9de}table{background:transparent}tbody tr:hover{background:#121b20}a{color:#81d6d8}p{color:#a1abb2}.side-note{color:#7e8d96;border-color:#252d32}.language-controls{background:transparent;color:#87959e}.language-controls select{background:#141a1e;color:#eee}.login-story{background:linear-gradient(135deg,#101e23,#080808)}.story-art{background:transparent}.futures-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);gap:20px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.futures-layout details{font-size:12px;color:#8999a3}.futures-layout .card{padding:25px}.futures-layout h2{font-size:21px}.futures-layout label{display:block;margin:12px 0}#position-manager form{max-width:600px}.positive,.up{color:#12c6ad}.negative,.down{color:#e98997}#notice:not(:empty){background:#142a2b;color:#b9eded;border-color:#365b5b}footer{font-size:11px}.chart-card,.order-card,.depth-card{background:#0e1215}.toolbar{border-color:#28343a}.empty{color:#798993}.login-hint{display:none}@media(max-width:800px){.futures-layout{grid-template-columns:1fr}aside{background:#0d1113}.form-columns{grid-template-columns:1fr 1fr}}

[hidden]{display:none!important}

.currency-logo{object-fit:contain;vertical-align:middle;border-radius:50%;background:transparent!important}.coin-upload-preview{width:64px;height:64px;object-fit:contain;border-radius:50%}
/* Trading workspace: independently collapsible panels, chart-led layout. */
.trade-panel-controls{display:flex;justify-content:flex-end;gap:8px;margin:0 0 10px}.trade-panel-controls button,.trade-tabs button{font-size:11px;padding:8px 12px}.trade-panel-controls [aria-pressed=true],.trade-tabs [aria-pressed=true]{border-color:#25757b;color:#64d3d4;background:#13292b}.market-strip .deposit-link{margin-left:12px;padding:9px 14px;border-left:1px solid #324047;white-space:nowrap}.trade-workspace{grid-template-columns:minmax(0,1fr) 250px 275px;gap:12px;align-items:start}.trade-workspace>.chart-card{grid-column:1;grid-row:1;height:650px;display:flex;flex-direction:column;min-width:0}.trade-workspace #chart{height:auto;flex:1;min-height:300px}.trade-workspace .chart-credit{margin:7px 0 0}.trade-workspace>.depth-card{grid-column:2;grid-row:1;height:650px;overflow:auto;min-width:0}.trade-workspace #book{max-height:290px;overflow:auto}.trade-workspace #depth{display:none}.trade-workspace .tape-card{padding:14px 0 0;border:0;border-top:1px solid #263238;border-radius:0;box-shadow:none;margin-top:12px}.trade-workspace .tape-card h2{font-size:12px}.trade-workspace>.order-card{grid-column:3;grid-row:1/3;min-width:0}.trade-workspace .order-card form{display:block}.trade-workspace .order-card label{margin-top:12px}.trade-workspace>.activity-card{grid-column:1/3;grid-row:2;min-height:180px;max-height:370px;overflow:auto}.trade-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.trade-rule-footer{margin-top:16px;border-top:1px solid #263238;padding:10px 0;color:#819099;font-size:10px;display:flex;gap:16px;overflow-x:auto}.trade-rule-footer p,.trade-rule-footer .info{white-space:nowrap;margin:0;padding:0;background:none;border:0;font-size:10px}.trade-workspace.hide-book{grid-template-columns:minmax(0,1fr) 275px}.trade-workspace.hide-book>.depth-card{display:none}.trade-workspace.hide-book>.order-card{grid-column:2}.trade-workspace.hide-book>.activity-card{grid-column:1}.trade-workspace.hide-entry{grid-template-columns:minmax(0,1fr) 250px}.trade-workspace.hide-entry>.order-card{display:none}.trade-workspace.hide-entry.hide-book{grid-template-columns:minmax(0,1fr)}.trade-workspace.hide-orders>.activity-card{display:none}.trade-workspace.hide-orders>.chart-card{height:calc(100vh - 270px);min-height:500px}@media(max-width:1150px){.trade-workspace{grid-template-columns:minmax(0,1fr) 230px}.trade-workspace>.order-card{grid-column:1/-1;grid-row:3}.trade-workspace>.activity-card{grid-column:1/-1}.trade-workspace.hide-book,.trade-workspace.hide-entry.hide-book{grid-template-columns:minmax(0,1fr)}.trade-workspace.hide-book>.order-card{grid-column:1}.trade-workspace.hide-entry{grid-template-columns:minmax(0,1fr) 230px}}@media(max-width:650px){.trade-workspace,.trade-workspace.hide-entry{grid-template-columns:minmax(0,1fr)}.trade-workspace>.chart-card{grid-column:1;height:480px}.trade-workspace>.depth-card{grid-column:1;grid-row:2;height:440px}.trade-workspace>.activity-card{grid-column:1;grid-row:4}.trade-workspace>.order-card{grid-row:3}.trade-panel-controls{justify-content:flex-start;flex-wrap:wrap}.market-strip .deposit-link{margin-left:0}.trade-workspace.hide-orders>.chart-card{height:65vh;min-height:380px}}

.xelbit-chart-tools{display:grid;gap:8px;margin:8px 0}.chart-indicator-buttons,.chart-drawing-buttons{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.xelbit-chart-tools label{margin:0}.xelbit-chart-tools select{width:auto;max-width:220px;padding:6px}.xelbit-chart-tools button[aria-pressed="true"]{color:#20d2d5;border-color:#20d2d5;background:#123638}.xelbit-chart-tools p{font-size:11px;margin:0}.chart-parameter-form{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid #29343b}.chart-parameter-form label{max-width:140px}.chart-parameter-form span{font-size:12px;width:100%}.trade-workspace .chart-card{overflow:visible}.trade-workspace #chart{background:#0e1215;min-height:530px}

.trade-workspace>.chart-card,.trade-workspace.hide-orders>.chart-card{height:auto;min-height:650px}.trade-workspace #chart{flex:none;height:530px}

/* Compact share preview; exported PNG is 720 x 600. */
.share-dialog{width:min(460px,calc(100vw - 32px));padding:18px;max-height:90dvh}
.share-dialog canvas{width:100%;max-width:400px;max-height:52dvh;object-fit:contain;margin:12px auto;border-radius:12px}
.share-dialog .toolbar{gap:10px;flex-wrap:wrap}.share-dialog h2{font-size:18px}.share-dialog p{font-size:12px}

/* Operation feedback follows the viewport, even below the trading chart. */
#notice:not(:empty){position:fixed;inset:auto 24px max(24px,env(safe-area-inset-bottom)) auto;z-index:1100;width:max-content;max-width:min(520px,calc(100vw - 48px));box-sizing:border-box;margin:0;padding:16px 14px 16px 18px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 12px 40px #0009;border-radius:12px;line-height:1.5;max-height:35dvh;overflow:auto}
#notice .notice-message{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
#notice .notice-close{flex:none;margin:0;padding:0;width:28px;height:28px;min-height:28px;background:transparent;color:inherit;border:1px solid #496368;font-size:21px;line-height:24px}
@media(max-width:650px){#notice:not(:empty){left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;max-width:none;border-radius:14px;padding:16px;box-shadow:0 8px 36px #000b}}
.futures-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px}.futures-chart-actions{justify-content:flex-end;margin-bottom:14px}.futures-chart-card{min-width:0}.futures-chart-card h2{font-size:17px}.futures-chart-card select#futures-interval{width:auto}.futures-chart-card #futures-chart{height:530px;width:100%;min-width:0}.futures-layout>.card{padding:18px}.futures-rules-dialog{width:min(640px,calc(100vw - 32px));max-height:85dvh;overflow:auto;background:#10171c;color:#e4edf0;border:1px solid #34414a;border-radius:16px;padding:20px}.futures-rules-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.futures-rules-dialog>[data-close]{display:block;margin-left:auto}.futures-rules-dialog .card{padding:0;border:0}.futures-rules-dialog p{line-height:1.65}@media(max-width:1000px){.futures-layout{grid-template-columns:1fr}.futures-chart-card #futures-chart{height:420px}}

.futures-chart-card #futures-chart-market{width:auto;max-width:100%;min-width:145px;font-weight:600}.futures-chart-card #futures-chart-title{font-size:14px;margin-right:auto}.futures-chart-card>.toolbar{flex-wrap:wrap;gap:12px}

.position-buy{color:#36d4ae!important}.position-sell{color:#f0788b!important}

/* Unified terminal columns: 10 asks + 10 bids, independent market panels. */
.trade-workspace{align-items:stretch}
.trade-workspace>.chart-card,.trade-workspace.hide-orders>.chart-card{height:auto;min-height:800px}
.trade-workspace>.depth-card{height:auto;overflow:visible;display:flex;flex-direction:column;align-self:stretch}
.trade-workspace #book,.trade-workspace #book>.table-wrap{max-height:none;overflow:visible}
.trade-workspace #book table{width:100%;table-layout:fixed}
.trade-workspace #book td{display:table-cell;height:22px;padding:2px 4px;line-height:18px;white-space:nowrap;text-align:right}
.trade-workspace #book td:first-child,.trade-workspace #book th:first-child{text-align:left}
.trade-workspace #book tbody tr:nth-child(11){border-top:8px solid #0e1215}
.trade-workspace .tape-card{flex:1;min-height:0;overflow:hidden}
.trade-workspace>.order-card{grid-row:1;align-self:stretch}
.trade-workspace.hide-book{grid-template-columns:minmax(0,1fr) 250px 275px}
.trade-workspace.hide-book>.depth-card{display:flex}
.trade-workspace.hide-book>.depth-card>h2,.trade-workspace.hide-book #book{display:none}
.trade-workspace.hide-tape .tape-card{display:none}
.trade-workspace.hide-book>.order-card{grid-column:3}
.trade-workspace.hide-book>.activity-card{grid-column:1/3}
.trade-workspace.hide-market-data{grid-template-columns:minmax(0,1fr) 275px}
.trade-workspace.hide-market-data>.depth-card{display:none}
.trade-workspace.hide-market-data>.order-card{grid-column:2}
.trade-workspace.hide-market-data>.activity-card{grid-column:1}
.trade-workspace.hide-entry{grid-template-columns:minmax(0,1fr) 250px}
.trade-workspace.hide-entry.hide-market-data{grid-template-columns:minmax(0,1fr)}
.admin-site #bot-list tr.bot-selected td{background:#153337;color:#e5fbff;border-bottom-color:#28737c}
.admin-site #bot-list tr.bot-selected td:first-child{box-shadow:inset 4px 0 #20cee2}
.admin-site #bot-list [aria-pressed=true]{background:#14606a;color:white;border-color:#29cddd}
.bot-confirm{background:#10191d;color:#e5f5f8;border:1px solid #31717b;border-radius:12px;width:min(440px,calc(100vw - 40px));padding:24px}
.bot-confirm::backdrop{background:#000a}
.bot-confirm input{width:100%;box-sizing:border-box}
.bot-confirm .confirmation-error{color:#ff8591;min-height:24px}
#manual-market-form{padding:20px;border:1px solid #28545b;border-radius:10px;margin:20px 0}
@media(max-width:1150px){.trade-workspace,.trade-workspace.hide-book,.trade-workspace.hide-entry{grid-template-columns:minmax(0,1fr) 230px}.trade-workspace>.order-card,.trade-workspace.hide-book>.order-card{grid-column:1/-1;grid-row:3}.trade-workspace.hide-market-data{grid-template-columns:minmax(0,1fr)}.trade-workspace.hide-market-data>.order-card{grid-column:1}.trade-workspace>.activity-card{grid-column:1/-1}}
@media(max-width:650px){.trade-workspace,.trade-workspace.hide-book,.trade-workspace.hide-entry{grid-template-columns:minmax(0,1fr)}.trade-workspace>.depth-card{grid-column:1;grid-row:2;height:auto}.trade-workspace>.activity-card{grid-row:4}.trade-workspace>.chart-card,.trade-workspace.hide-orders>.chart-card{min-height:0}}
.trade-workspace.hide-entry.hide-book{grid-template-columns:minmax(0,1fr) 250px}
.trade-workspace.hide-entry.hide-market-data{grid-template-columns:minmax(0,1fr)}
@media(max-width:1150px){.trade-workspace.hide-entry.hide-book{grid-template-columns:minmax(0,1fr) 230px}.trade-workspace.hide-entry.hide-market-data{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.trade-workspace.hide-entry.hide-book{grid-template-columns:minmax(0,1fr)}.trade-workspace.hide-book>.activity-card,.trade-workspace.hide-market-data>.activity-card{grid-column:1}}

.candle-readout{font-size:11px;color:#b8c7ce;line-height:1.9;padding:8px 0;min-height:44px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#directional-market{font-weight:700;color:#52d6dc}
#notice:not(:empty){z-index:10000}

.credit-user-search{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #263238}.credit-user-search .toolbar{display:flex;gap:8px;flex-wrap:wrap}.credit-user-search input{flex:1;min-width:180px}#credit-selected-user{overflow-wrap:anywhere;color:#7dd4d7}

.withdrawal-card{max-width:720px}.withdraw-address{display:inline-block;max-width:300px;overflow-wrap:anywhere;font-size:11px}#withdrawal-admin td{vertical-align:top}#withdrawal-admin .toolbar input{min-width:220px}#withdrawal-admin td button{margin-bottom:5px}#withdraw-config{max-width:600px}#withdraw-error{min-height:24px}#withdraw-quote{color:#8bdbde}#withdrawals-panel .card{min-width:0}
/* Compact customer workspace, shared desktop and phone layout. */
.client-terminal{--buy:#15ae83;--sell:#e45c70;padding-bottom:82px}
.client-terminal>aside{position:fixed;inset:auto 0 0;width:auto;height:68px;padding:0;background:#101619ed;backdrop-filter:blur(16px);border:0;border-top:1px solid #263139;z-index:100;padding-bottom:env(safe-area-inset-bottom)}
.client-terminal>aside>.brand,.client-terminal .nav-caption,.client-terminal .side-note{display:none}
.client-terminal>aside nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:760px;margin:auto;overflow:visible;height:100%}
.client-terminal>aside nav a{font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center;padding:8px 2px;margin:4px;border-radius:6px;white-space:normal}
.client-terminal main{margin:0 auto;padding:0 24px;max-width:1600px;min-width:0}
.client-terminal main>header{height:52px;margin-bottom:12px}.client-terminal main>header>div{display:flex;align-items:center;gap:16px}.compact-brand img{display:block;height:26px;width:auto}
.client-terminal #connection,.client-terminal #identity,.client-terminal #logout,.client-terminal main>.language-controls,.client-terminal main footer,.client-terminal #app>.heading{display:none}
.settings-link{font-size:23px;text-decoration:none;color:#b7c7cc}
#inbox-link{position:relative;display:inline-flex;align-items:center;color:#b7c7cc;text-decoration:none}.notification-dot{position:absolute;right:0;top:0;width:7px;height:7px;border:1px solid #111;background:#ed596c;border-radius:50%}
.client-terminal .card{border-radius:10px;padding:16px}.client-terminal .market-strip{padding:10px 14px;margin:0 0 10px;gap:12px;min-height:58px}.client-terminal .market-strip select{width:100px}.client-terminal .market-strip .big{font-size:22px}.client-terminal #book-status,.client-terminal #chart-source,.client-terminal #chart-status,.client-terminal #futures-chart-status{display:none}.client-terminal .market-strip .deposit-link{margin-left:auto;font-size:11px;padding:0;border:0}
.workspace-tabs{display:flex;gap:20px;border-bottom:1px solid #28353b;grid-column:1/-1;padding:0 0 8px;margin-bottom:10px}.workspace-tabs button{padding:7px 2px;border-radius:0;background:none;color:#84949e;border-bottom:2px solid transparent;font-size:13px}.workspace-tabs button[aria-pressed=true]{color:#ebf4f6;border-bottom-color:#24c5c7}
.client-terminal .compact-workspace{display:grid!important;grid-template-columns:minmax(260px,1fr) minmax(220px,1fr);gap:12px;align-items:stretch}
.client-terminal .compact-workspace>.workspace-tabs{grid-row:1;margin:0}
.client-terminal .compact-workspace>.order-card{grid-column:1;grid-row:2;height:auto}
.client-terminal .compact-workspace>.depth-card{grid-column:2;grid-row:2;height:auto;overflow:visible}
.client-terminal .compact-workspace>.activity-card{grid-column:1/-1;grid-row:3;max-height:none;min-height:130px}
.client-terminal .compact-workspace>.chart-card{grid-column:1/-1;grid-row:2;height:640px;display:none}
.client-terminal .compact-workspace .tape-card{display:none}.client-terminal .compact-workspace[data-view=chart]>.chart-card{display:flex}.client-terminal .compact-workspace[data-view=chart]>.order-card,.client-terminal .compact-workspace[data-view=chart]>.depth-card{display:none}
.client-terminal .compact-workspace[data-view=tape]>.order-card{display:none}.client-terminal .compact-workspace[data-view=tape]>.depth-card{grid-column:1/-1}.client-terminal .compact-workspace[data-view=tape] #book,.client-terminal .compact-workspace[data-view=tape]>.depth-card>h2{display:none}.client-terminal .compact-workspace[data-view=tape] .tape-card{display:block}
.client-terminal .compact-workspace #book{max-height:none;overflow:visible}.client-terminal #depth{display:none}
.orderbook-table{table-layout:fixed;font-variant-numeric:tabular-nums}.orderbook-table th,.orderbook-table td{padding:4px 6px;font-size:12px;border:0}.orderbook-table th:last-child,.orderbook-table td:last-child{text-align:right}.orderbook-table tbody tr:not(.book-mid){background:linear-gradient(to left,var(--depth-color) var(--depth),transparent var(--depth))}.orderbook-table tbody tr:hover{filter:brightness(1.1)}.book-mid td{padding:9px 6px!important;border-block:1px solid #29373b!important}.book-mid strong{font-size:18px;color:#28c7b3}.book-mid small{display:block;color:#94a4ad;font-size:10px}
.direction-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px}.direction-switch button{background:#172126;color:#8b9aa2;border:1px solid #2b3940;font-weight:700}.direction-switch button[aria-pressed=true][data-side=buy],.direction-switch button[aria-pressed=true][data-side=long]{background:var(--buy);color:#fff}.direction-switch button[aria-pressed=true][data-side=sell],.direction-switch button[aria-pressed=true][data-side=short]{background:var(--sell);color:#fff}
form[data-direction=buy] .submit{background:var(--buy);color:#fff}form[data-direction=sell] .submit{background:var(--sell);color:#fff}form[data-direction=buy] input:focus{border-color:var(--buy);outline-color:var(--buy)}form[data-direction=sell] input:focus{border-color:var(--sell);outline-color:var(--sell)}
.price-stepper{display:flex;align-items:stretch;gap:3px}.price-stepper input{min-width:0;flex:1}.price-stepper button{padding:6px 10px;font-size:17px}.client-terminal #order-rules{white-space:normal;font-size:10px;line-height:1.5;margin:6px 0;padding:0;background:none}.client-terminal .order-card label{margin-top:10px}.client-terminal .order-card .submit{margin-top:12px}.client-terminal .order-card input,.client-terminal .order-card select{padding:10px;min-width:0}
.xelbit-chart-tools{position:relative;display:flex;align-items:start;gap:8px;flex-wrap:wrap;padding-bottom:8px}.indicator-menu{position:relative}.indicator-menu summary{list-style:none;cursor:pointer;padding:6px 12px;background:#182226;border:1px solid #33454e;border-radius:6px;font-size:12px}.indicator-menu[open] .chart-indicator-buttons{position:absolute;top:35px;left:0;min-width:235px;display:flex;flex-wrap:wrap;z-index:20;padding:12px;background:#152127;border:1px solid #39515b;border-radius:8px;box-shadow:0 10px 30px #0008}.indicator-menu:not([open]) .chart-indicator-buttons{display:none}.chart-indicator-buttons [aria-pressed=true]{background:#15565c;color:#96ffff}.xelbit-chart-tools>.chart-drawing-buttons{display:none}.xelbit-chart-tools>[role=status]:empty{display:none}.xelbit-chart-tools>[role=status]{font-size:10px}.chart-expanded .chart-drawing-buttons{display:flex;flex-wrap:wrap;gap:5px}.chart-expanded{position:fixed!important;inset:0!important;z-index:1000!important;border:0!important;border-radius:0!important;background:#0e1417!important;display:flex!important;flex-direction:column;height:100dvh!important;width:100vw!important;padding:14px!important;overflow:auto!important}.chart-expanded #chart,.chart-expanded #futures-chart{flex:1;min-height:260px}.chart-open{overflow:hidden}.candle-readout{font-size:10px;line-height:1.5;min-height:34px;padding:4px 0}.chart-credit{font-size:9px!important;margin:4px 0!important}
.client-terminal .compact-futures{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);align-items:start;gap:12px}.compact-futures>.workspace-tabs{grid-column:1/-1}.compact-futures>.futures-chart-card{grid-column:1;grid-row:2}.compact-futures>.futures-entry{grid-column:2;grid-row:2}.compact-futures .workspace-tabs{display:none}.compact-futures .futures-entry>.toolbar{display:none}.compact-futures .form-columns{display:block}.compact-futures .futures-entry label{margin-top:10px}.compact-futures .futures-entry .form-columns>label{margin:0}.leverage-input{display:flex;align-items:center;gap:6px}.leverage-input input{max-width:95px;padding:8px}.leverage-slider{padding:4px;margin:5px 0;accent-color:#1bc7b5;height:25px}.order-estimates{padding:12px 0;border-block:1px solid #26353b;margin-top:8px}.order-estimates>div{display:flex;justify-content:space-between;font-size:11px;gap:10px;padding:3px 0}.order-estimates small{display:block;font-size:10px;color:#85949c;margin-top:6px}.compact-futures-host #futures-size{font-size:11px}.futures-chart-actions{margin:0 0 8px}.futures-chart-actions button{font-size:11px;padding:5px 9px}.futures-activity{margin-top:12px}.client-terminal .futures-record-panel{padding:0;border:0;margin:0;min-height:80px}.position-profit{font-size:16px;font-weight:700}.leverage-risk{background:#111c22;color:#e2edf1;border:1px solid #3a5059;border-radius:12px;max-width:420px;width:calc(100% - 32px);padding:24px}.leverage-risk::backdrop{background:#000a}.leverage-risk p{line-height:1.7;margin-bottom:18px}
@media(min-width:701px){.client-terminal .compact-workspace[data-view=trade]>.chart-card{display:none}.client-terminal .compact-workspace{grid-template-columns:minmax(300px,1fr) minmax(260px,1fr)}}
@media(max-width:700px){.client-terminal main{padding:0 10px}.client-terminal main>header{height:44px;margin-bottom:5px}.compact-brand img{height:21px}.client-terminal .card{padding:10px}.client-terminal .market-strip{gap:8px;padding:9px}.client-terminal .market-strip strong:not(.big){display:none}.client-terminal .market-strip .deposit-link{display:none}.client-terminal .market-strip .big{font-size:18px}.client-terminal .market-strip select{width:95px;padding:7px}.client-terminal #change{font-size:11px}.client-terminal>aside nav a{font-size:11px}.client-terminal .compact-workspace{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:8px}.client-terminal .compact-workspace>.depth-card h2{font-size:12px;margin-bottom:7px}.orderbook-table th,.orderbook-table td{font-size:10px;padding:4px 2px}.orderbook-table th{white-space:normal}.direction-switch button{padding:9px 4px;font-size:12px}.price-stepper button{padding:4px 6px;font-size:14px}.client-terminal .order-card input,.client-terminal .order-card select{padding:9px 6px;font-size:12px}.client-terminal .order-card label{font-size:10px}.client-terminal #balance-hint{font-size:10px;overflow-wrap:anywhere}.client-terminal .percent-row{gap:3px}.client-terminal .percent-row button{padding:5px 1px;font-size:9px}.client-terminal .order-card .submit{position:fixed;left:12px;right:12px;bottom:calc(75px + env(safe-area-inset-bottom));width:calc(100% - 24px);z-index:90;padding:12px;box-shadow:0 0 0 7px #080d12}.client-terminal[data-page=trade]{padding-bottom:145px}.client-terminal .compact-workspace[data-view=chart] .chart-card{height:auto;min-height:420px}.client-terminal .activity-card{padding-bottom:12px}.client-terminal .trade-tabs{gap:3px;display:flex;flex-wrap:nowrap;overflow:auto}.client-terminal .trade-tabs button{font-size:10px;white-space:nowrap;padding:7px 5px}.client-terminal .table-wrap:not(#markets-table .table-wrap):not(#book .table-wrap){overflow:visible}.client-terminal #app table:not(.orderbook-table):not(:where(#markets-table table)) thead{display:none}.client-terminal #app table:not(.orderbook-table):not(:where(#markets-table table)),.client-terminal #app table:not(.orderbook-table):not(:where(#markets-table table)) tbody{display:block;width:100%;white-space:normal}.client-terminal #app table:not(.orderbook-table):not(:where(#markets-table table)) tr{display:block;padding:10px;border:1px solid #29383f;border-radius:8px;margin:8px 0}.client-terminal #app table:not(.orderbook-table):not(:where(#markets-table table)) td{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 0;border:0;text-align:right;overflow-wrap:anywhere}.client-terminal #app table:not(.orderbook-table):not(:where(#markets-table table)) td:before{content:attr(data-label);font-size:10px;color:#8ea0ab;text-align:left;margin-right:auto}.client-terminal #app td.empty{display:block!important;text-align:center!important;padding:16px!important}.client-terminal #app td.empty:before{display:none!important}.client-terminal .compact-futures{display:grid;grid-template-columns:minmax(0,1fr)}.compact-futures .workspace-tabs{display:flex}.compact-futures>.workspace-tabs{grid-row:1}.compact-futures>.futures-entry{grid-column:1;grid-row:2}.compact-futures>.futures-chart-card{grid-column:1;grid-row:2;display:none}.compact-futures[data-view=chart]>.futures-chart-card{display:block}.compact-futures[data-view=chart]>.futures-entry{display:none}.compact-futures .form-columns{display:block}.compact-futures-host .futures-chart-actions{justify-content:flex-end}.futures-entry .submit{margin-top:12px}.client-terminal #futures-chart-title{display:none}.futures-chart-card>.toolbar{gap:8px}.futures-chart-card>.toolbar select{width:auto;max-width:65%}.futures-activity .workspace-tabs{gap:14px}.workspace-tabs button{font-size:12px}.client-terminal #markets-table table{min-width:640px}.client-terminal #markets-table .table-wrap{overflow:auto}.client-terminal .stats{gap:8px}.client-terminal #language-preferences .language-controls{display:block;margin-top:12px}.client-terminal #language-hint{display:none}}
/* Mobile records use cards, including the market overview. */
@media(max-width:700px){
.client-terminal #markets-table .table-wrap{overflow:visible}.client-terminal #markets-table table,.client-terminal #markets-table tbody{display:block;min-width:0;width:100%;white-space:normal}.client-terminal #markets-table thead{display:none}.client-terminal #markets-table tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:12px;border:1px solid #29383f;border-radius:8px;margin:8px 0}.client-terminal #markets-table td{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:0;border:0;font-size:12px;min-width:0;overflow-wrap:anywhere}.client-terminal #markets-table td:before{content:attr(data-label);color:#8ea0ab;font-size:9px}.client-terminal #markets-table td:first-child{display:none}.client-terminal #markets-table td:nth-child(2){grid-column:1;grid-row:1}.client-terminal #markets-table td:nth-child(2):before{display:none}.client-terminal #markets-table td:nth-child(3){grid-column:2;grid-row:1;align-items:flex-end}.client-terminal #markets-table td:last-child{grid-column:1/-1;align-items:stretch}.client-terminal #markets-table .market-asset{gap:6px;display:flex;align-items:center}.client-terminal #markets-table .market-asset-name{display:flex;flex-direction:column}.client-terminal .orderbook-table tbody tr{height:21px}.client-terminal .orderbook-table td{line-height:1.3}.client-terminal .compact-workspace>.order-card,.client-terminal .compact-workspace>.depth-card{padding:9px}.client-terminal .orderbook-table .book-mid{height:auto}.client-terminal .trade-tabs button{flex:1;min-width:0}.client-terminal .activity-card{margin-bottom:48px}.client-terminal .futures-entry label{margin:8px 0 4px}.client-terminal .futures-entry input,.client-terminal .futures-entry select{padding:8px}.client-terminal .futures-entry .leverage-slider{padding:0;height:22px;margin:4px 0}.client-terminal .futures-entry .order-estimates{padding:8px 0}.client-terminal .futures-entry .submit{padding:11px}.client-terminal .futures-chart-card>p:last-child{font-size:9px;margin:4px 0}.client-terminal .workspace-tabs{margin-bottom:4px}.client-terminal .compact-workspace>.depth-card{align-self:start}.client-terminal .compact-workspace>.order-card{align-self:start}.client-terminal .compact-workspace .tape-card{margin:0;padding:0}.client-terminal .compact-workspace[data-view=tape] #market-trades table thead{display:table-header-group}.client-terminal .compact-workspace[data-view=tape] #market-trades table{display:table}.client-terminal .compact-workspace[data-view=tape] #market-trades tbody{display:table-row-group}.client-terminal .compact-workspace[data-view=tape] #market-trades tr{display:table-row;border:0}.client-terminal .compact-workspace[data-view=tape] #market-trades td{display:table-cell;text-align:right;padding:6px;font-size:11px}.client-terminal .compact-workspace[data-view=tape] #market-trades td:before{display:none}
}
.client-terminal #book th:last-child{text-align:right}.client-terminal #book tbody tr:nth-child(11){border-top:0}.client-terminal #book .book-mid td{text-align:left;height:auto}.client-terminal .compact-workspace>.order-card,.client-terminal .compact-workspace>.depth-card{align-self:stretch}.client-terminal #book .book-mid small{font-size:9px;white-space:normal}
@media(max-width:700px){.client-terminal #book td{height:17px;line-height:15px;padding:1px 2px;font-size:10px}.client-terminal #book th{padding:4px 2px;font-size:9px}.client-terminal #book .book-mid td{padding:7px 2px!important}.client-terminal #book .book-mid strong{font-size:16px}.client-terminal .market-strip{flex-wrap:nowrap}.client-terminal .market-strip #change{margin-left:auto;max-width:105px;font-size:10px}.client-terminal .market-strip .big{font-size:16px}}
@media(max-width:700px){.client-terminal #book tbody tr{height:17px}.client-terminal #book tbody tr.book-mid{height:auto}.client-terminal .market-strip #change{font-size:9px;max-width:100px}}
@media(max-width:700px){.client-terminal #app .positions-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px}.client-terminal #app .positions-table td{display:flex;flex-direction:column;align-items:flex-start;text-align:left;font-variant-numeric:tabular-nums;min-width:0}.client-terminal #app .positions-table td:first-child{grid-column:1/-1;font-weight:700;font-size:14px}.client-terminal #app .positions-table td:nth-child(7){grid-column:1;grid-row:2;font-size:20px}.client-terminal #app .positions-table td:nth-child(8){grid-column:2;grid-row:2;font-size:20px}.client-terminal #app .positions-table td:nth-child(9){grid-column:1/-1;flex-direction:row;justify-content:flex-start}.client-terminal #app .positions-table td:nth-child(9):before{display:none}.client-terminal #app .positions-table td:nth-child(9) button{font-size:10px;padding:6px 8px}}
/* Desktop keeps the sidebar and a chart-led three-column terminal. */
.desktop-nav-extra,.desktop-only{display:none}
@media(min-width:701px){
 .desktop-only{display:block}.client-terminal{padding-bottom:0;font-size:13px;--muted:#acb7bd}
 .client-terminal>aside{inset:0 auto 0 0;width:180px;height:100vh;padding:22px 12px;background:#0b0f12;border:0;border-right:1px solid #293239;backdrop-filter:none;z-index:50}
 .client-terminal>aside>.brand{display:block;padding:0 7px;margin-bottom:32px}.client-terminal>aside>.brand img{width:150px;height:auto}.client-terminal .nav-caption{display:block;margin:0 12px 14px;font-size:11px;letter-spacing:2px;color:#a0b1b9}
 .client-terminal>aside nav{display:flex;flex-direction:column;gap:5px;max-width:none;height:auto;overflow:visible}.client-terminal>aside nav a{display:block;text-align:left;padding:12px 10px;margin:0;font-size:13px;white-space:nowrap}.client-terminal .desktop-nav-extra{display:block}.client-terminal .side-note{display:block;position:absolute;bottom:20px;left:12px;padding:10px;font-size:12px}.client-terminal[data-page=futures] .side-note{display:block}
 .client-terminal main{margin-left:180px;max-width:none;padding:0 20px 24px}.client-terminal main>header{height:54px;margin-bottom:12px;justify-content:space-between}.client-terminal .compact-brand{display:none}.client-terminal #connection{display:inline-flex;font-size:12px;color:#b5c5cb}.client-terminal #identity{display:inline;color:#a8b8c0;font-size:12px}.client-terminal #logout{display:none}.client-terminal main>header>div{margin-left:auto;gap:18px}.client-terminal .settings-link{font-size:21px}
 .client-terminal p,.client-terminal label,.client-terminal td,.client-terminal th{font-size:12px}.client-terminal .muted,.client-terminal small,.client-terminal .info,.client-terminal .candle-readout{font-size:11px;color:#adbac3}.client-terminal input,.client-terminal select,.client-terminal button{font-size:12px}.client-terminal p{color:#acbac2}.client-terminal .card{padding:14px}.client-terminal #order-rules{font-size:11px;line-height:1.6;color:#bcc8d0;margin:8px 0}.client-terminal #balance-hint{font-size:12px}.client-terminal .percent-row button{font-size:11px}.client-terminal .order-card input,.client-terminal .order-card select{padding:10px}.client-terminal #change{font-size:12px}.client-terminal .market-strip{margin-bottom:12px}.client-terminal .market-strip .big{font-size:22px}.client-terminal .market-strip select{width:110px}
 .client-terminal .compact-workspace,.client-terminal .compact-futures{display:grid!important;grid-template-columns:minmax(0,1fr) 220px 270px;gap:12px;align-items:stretch}
 .client-terminal .compact-workspace>.workspace-tabs,.client-terminal .compact-futures>.workspace-tabs{display:none}
 .client-terminal .compact-workspace>.chart-card,.client-terminal .compact-workspace[data-view=trade]>.chart-card,.client-terminal .compact-workspace[data-view=chart]>.chart-card,.client-terminal .compact-workspace[data-view=tape]>.chart-card{display:flex;grid-column:1;grid-row:1;height:auto;min-height:680px;flex-direction:column;position:relative;padding-left:58px}
 .client-terminal .compact-workspace>.depth-card,.client-terminal .compact-workspace[data-view=chart]>.depth-card,.client-terminal .compact-workspace[data-view=tape]>.depth-card{display:flex;grid-column:2;grid-row:1;height:auto;min-height:680px;padding:12px;flex-direction:column}
 .client-terminal .compact-workspace>.order-card,.client-terminal .compact-workspace[data-view=chart]>.order-card,.client-terminal .compact-workspace[data-view=tape]>.order-card{display:block;grid-column:3;grid-row:1;align-self:stretch}
 .client-terminal .compact-workspace>.activity-card{grid-column:1/-1;grid-row:2;min-height:130px;height:auto;max-height:none;margin:0}.client-terminal .compact-workspace .trade-tabs{margin-bottom:10px}.client-terminal .trade-tabs button{font-size:12px;padding:8px 10px}
 .client-terminal .compact-workspace .tape-card{display:block;margin-top:12px;padding-top:12px;border-top:1px solid #2b383f;overflow:visible}.client-terminal .compact-workspace[data-view=tape] #book,.client-terminal .compact-workspace[data-view=tape]>.depth-card>h2{display:block}
 .client-terminal #book td,.client-terminal .futures-book-content td{height:23px;line-height:19px;padding:2px 4px;font-size:12px;text-align:right}.client-terminal #book td:first-child,.client-terminal .futures-book-content td:first-child{text-align:right}.client-terminal #book th,.client-terminal .futures-book-content th{font-size:11px;padding:5px 4px;text-align:right}.client-terminal #book .book-mid td,.client-terminal .futures-book-content .book-mid td{text-align:left;height:auto;padding:9px 4px!important}.client-terminal .book-mid strong{font-size:20px}.client-terminal .book-mid strong.green{color:#20bf98}.client-terminal .book-mid strong.red{color:#ef7d8d}.client-terminal #book .book-mid small,.client-terminal .book-mid small{font-size:11px}.client-terminal .tape-card h2,.client-terminal .futures-tape h2{font-size:12px;margin-bottom:8px}.client-terminal #market-trades td,.client-terminal .futures-tape td{padding:4px 1px;font-size:11px;line-height:18px;text-align:right}.client-terminal #market-trades th,.client-terminal .futures-tape th{font-size:11px;padding:5px 1px;text-align:right}.client-terminal .tape-card .table-wrap{overflow:visible}.client-terminal .order-card .submit{position:static;width:100%;padding:12px;margin-top:16px;box-shadow:none}.client-terminal .submit:disabled{opacity:.4;cursor:not-allowed}
 .client-terminal .futures-chart-card{grid-column:1;grid-row:1;position:relative;padding-left:58px;min-height:680px;display:flex;flex-direction:column}.client-terminal #futures-chart{flex:1;min-height:420px}.client-terminal .futures-entry{grid-column:3;grid-row:1;align-self:stretch}.client-terminal .futures-market-book{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column}.client-terminal .futures-market-book>h2{font-size:12px;margin-bottom:8px}.client-terminal .futures-market-field{display:none}.client-terminal #futures-chart-title{display:none}.client-terminal .futures-tape{margin-top:12px;padding-top:12px;border-top:1px solid #2b383f}.client-terminal .futures-tape table{table-layout:fixed}.client-terminal .futures-entry>.toolbar{display:none}.client-terminal .futures-entry>p{margin-bottom:12px}.client-terminal .futures-entry .direction-switch button{padding:11px 7px}.client-terminal .leverage-liquidation{display:block;margin-top:5px;font-size:11px;color:#b3c5cf}.client-terminal .futures-entry .leverage-input{margin-top:6px}.client-terminal .order-estimates div{font-size:11px}.client-terminal .order-estimates small{font-size:11px}.client-terminal .futures-activity{margin-top:12px}.client-terminal .futures-activity>.workspace-tabs{display:flex;gap:20px}.client-terminal .futures-activity>.workspace-tabs [data-view="0"]{order:0}.client-terminal .futures-activity>.workspace-tabs [data-view="1"]{order:1}.client-terminal .futures-activity>.workspace-tabs [data-view="4"]{order:2}.client-terminal .futures-activity>.workspace-tabs [data-view="2"]{order:3}.client-terminal .futures-activity>.workspace-tabs [data-view="3"]{order:4}.client-terminal #futures-rules{display:none}.client-terminal .futures-chart-actions{height:26px;margin-bottom:8px;justify-content:flex-end}.client-terminal .futures-chart-actions button{font-size:11px}.client-terminal .futures-chart-card>.toolbar{gap:10px;flex-wrap:wrap;justify-content:space-between}.client-terminal .futures-chart-card>.toolbar select{width:auto;max-width:60%;padding:9px}
 .client-terminal .xelbit-chart-tools{position:relative;flex-wrap:wrap;min-height:35px;margin-bottom:4px}.client-terminal .xelbit-chart-tools>.chart-drawing-buttons{display:flex;position:absolute;left:-46px;top:42px;width:36px;flex-direction:column;align-items:center;gap:6px;padding:5px 0;z-index:5}.client-terminal .chart-drawing-buttons label{font-size:0;margin:0;width:36px}.client-terminal .chart-drawing-buttons select{width:36px;padding:7px 0;font-size:11px;color:#b9d5de;background:#152127}.client-terminal .chart-drawing-buttons button{font-size:0;width:34px;height:32px;padding:0;border-color:#33444d;color:#b8d0da}.client-terminal .chart-drawing-buttons button:before{font-size:17px}.client-terminal .chart-drawing-buttons [data-cancel]:before{content:'↖'}.client-terminal .chart-drawing-buttons [data-delete]:before{content:'⌫'}.client-terminal .chart-drawing-buttons [data-undo]:before{content:'↶'}.client-terminal .chart-drawing-buttons [data-clear]:before{content:'×'}.client-terminal .chart-drawing-buttons [data-latest]:before{content:'⇥'}.client-terminal .xelbit-chart-tools>[role=status]{max-width:100%;font-size:11px}.client-terminal .chart-parameter-form{position:absolute;top:42px;left:0;z-index:25;background:#17242c;padding:16px;border:1px solid #3a515d;border-radius:8px;width:min(360px,100%)}.client-terminal .chart-credit,.client-terminal .futures-chart-card>p:last-child{font-size:11px!important;color:#9cafbb}.client-terminal .chart-expanded{padding-left:60px!important}.client-terminal .chart-expanded .xelbit-chart-tools>.chart-drawing-buttons{top:40px}.client-terminal .indicator-menu summary{font-size:12px;padding:7px 12px}.client-terminal .candle-readout{line-height:1.7;min-height:42px}
 .client-terminal .xelbit-home{display:flex;flex-direction:column;width:100%;max-width:none}.client-terminal .xelbit-home .hero{display:block;min-height:0;height:auto;border-bottom:1px solid #29343a;order:0}.client-terminal .xelbit-home .hero-copy{padding:20px 0 22px}.client-terminal .xelbit-home .hero-copy h1{font-size:28px;line-height:1.25;letter-spacing:-.8px;margin:8px 0}.client-terminal .xelbit-home .hero-copy h1 br{display:none}.client-terminal .xelbit-home .hero-copy p,.client-terminal .xelbit-home .hero-note,.client-terminal .xelbit-home .sculpture{display:none}.client-terminal .xelbit-home .hero-copy .eyebrow{display:none}.client-terminal .xelbit-home .actions{margin-top:12px;gap:20px}.client-terminal .xelbit-home .actions a{font-size:12px}.client-terminal .xelbit-home .primary{padding:9px 16px;border-radius:6px}.client-terminal .xelbit-home .markets{order:1;padding:22px 0 0;width:100%;min-width:0}.client-terminal .xelbit-home .markets h2{font-size:18px;margin:8px 0 14px}.client-terminal .xelbit-home .markets .eyebrow{font-size:11px;color:#a8bbc5}.client-terminal .xelbit-home .account{order:2;margin:22px 0 0;padding:20px 0}.client-terminal .xelbit-home .account h2{font-size:16px}.client-terminal .xelbit-home .products{order:3;padding:24px 0}.client-terminal .xelbit-home .market-asset{display:flex;align-items:center;gap:10px}.client-terminal .xelbit-home .market-asset-name{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.client-terminal .xelbit-home #markets-table table{table-layout:auto;min-width:0}.client-terminal .xelbit-home #markets-table th,.client-terminal .xelbit-home #markets-table td{font-size:12px;padding:13px 8px;display:table-cell}.client-terminal .xelbit-home #markets-table th{font-size:11px}.client-terminal .xelbit-home #markets-table td:first-child{width:45px}.client-terminal .xelbit-home #markets-table td:nth-child(2){text-align:left}.client-terminal .xelbit-home #markets-table td:last-child{width:110px}.client-terminal .xelbit-home #markets-table td:nth-child(n+3):not(:last-child){text-align:right}.client-terminal .xelbit-home #markets-table th:nth-child(n+3):not(:last-child){text-align:right}.client-terminal .xelbit-home #markets-table .muted{font-size:11px;color:#adbac3}
}
@media(min-width:701px) and (max-width:999px){.client-terminal>aside{width:155px;padding:20px 8px}.client-terminal main{margin-left:155px;padding:0 14px 20px}.client-terminal>aside>.brand img{width:130px}.client-terminal>aside nav a{font-size:12px}.client-terminal .compact-workspace,.client-terminal .compact-futures{grid-template-columns:minmax(0,1fr) 200px}.client-terminal .compact-workspace>.chart-card,.client-terminal .futures-chart-card{grid-column:1;grid-row:1;min-height:650px}.client-terminal .compact-workspace>.depth-card,.client-terminal .futures-market-book{grid-column:2;grid-row:1;min-height:650px}.client-terminal .compact-workspace>.order-card,.client-terminal .futures-entry{grid-column:1/-1;grid-row:2}.client-terminal .compact-workspace>.activity-card{grid-row:3}.client-terminal .futures-entry form{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.client-terminal .futures-entry .direction-switch,.client-terminal .futures-entry .submit,.client-terminal .futures-entry .order-estimates{grid-column:1/-1}.client-terminal .futures-entry label{margin:0}.client-terminal .compact-workspace>.order-card form{display:block}.client-terminal .xelbit-home .hero-copy h1{font-size:24px}}
@media(max-width:700px){.client-terminal .desktop-nav-extra,.client-terminal .desktop-only,.client-terminal .leverage-liquidation{display:none!important}}
@media(min-width:1000px){.client-terminal .compact-workspace,.client-terminal .compact-futures{grid-template-columns:minmax(0,1fr) 200px 250px}.client-terminal .compact-workspace>.chart-card,.client-terminal .compact-workspace>.depth-card,.client-terminal .futures-chart-card{min-height:650px}.client-terminal #book td,.client-terminal .futures-book-content td{height:18px;line-height:16px;padding:1px 3px}.client-terminal #book .book-mid td,.client-terminal .futures-book-content .book-mid td{padding:7px 3px!important}.client-terminal #market-trades td,.client-terminal .futures-tape td{height:19px;line-height:17px;padding:1px}.client-terminal .tape-card h2,.client-terminal .futures-tape h2{margin-bottom:4px}.client-terminal .compact-workspace .tape-card,.client-terminal .futures-tape{margin-top:8px;padding-top:8px}.client-terminal .compact-workspace .tape-card th,.client-terminal .futures-tape th{padding:3px 1px}}
@media(min-width:701px){.client-terminal>aside nav{margin:0}.client-terminal .chart-card>.toolbar,.client-terminal .futures-chart-card>.toolbar{min-height:0;padding:0;margin:0 0 10px;align-items:center}.client-terminal .chart-card>.toolbar h2{font-size:13px;margin:0}.client-terminal .chart-card>.toolbar select{padding:8px;width:75px}.client-terminal .chart-drawing-buttons label{position:relative}.client-terminal .chart-drawing-buttons label:after{content:'✎';position:absolute;left:9px;top:4px;font-size:19px;line-height:27px;color:#b9d5de;pointer-events:none}.client-terminal .chart-drawing-buttons select{font-size:0;color:transparent;height:34px}.client-terminal .chart-drawing-buttons select option{font-size:12px;color:#dbeaf0}.client-terminal .xelbit-home .hero-copy h1 br{display:block}.client-terminal .xelbit-home .hero-copy h1{font-size:24px;line-height:1.15}.client-terminal .xelbit-home .hero-copy{padding:14px 0}.client-terminal .xelbit-home .actions{margin-top:8px}}
@media(min-width:701px){.client-terminal .xelbit-home .number,.client-terminal .xelbit-home .eyebrow,.client-terminal .xelbit-home .balance>span,.client-terminal .xelbit-home .account-links,.client-terminal .xelbit-home .product-grid p,.client-terminal .xelbit-home .product-grid a{font-size:11px;color:#b0bec6}.client-terminal .xelbit-home .product-grid h3{font-size:20px}.client-terminal .xelbit-home .product-grid article{min-height:220px;padding:24px}}
.site-date-control{display:inline-flex;align-items:stretch;min-width:0;max-width:100%;gap:4px}.site-date-control input{width:138px;min-width:0}.site-date-control>button{padding:6px 10px;flex:none}.site-date-dialog{width:min(340px,calc(100vw - 28px));border:1px solid #39515d;border-radius:12px;background:#142027;color:#e2edf1;padding:16px}.site-date-dialog::backdrop{background:#0009}.site-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.site-calendar-header button{padding:6px 12px;background:#21313b;color:#d1e4ed;font-size:19px}.site-calendar-header strong{font-size:14px}.site-calendar-week,.site-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.site-calendar-week span{text-align:center;font-size:11px;color:#afc2cc;padding:5px 0}.site-calendar-days button{background:#1d303a;color:#e3eef4;min-width:0;padding:8px 0;font-size:12px}.site-calendar-days button[aria-pressed=true]{background:#147e82;color:#fff}.site-date-dialog .toolbar{display:flex;justify-content:space-between;gap:6px}.site-date-dialog .toolbar button{font-size:11px;padding:7px 10px}.field-validation-error{font-size:12px!important;line-height:1.5;white-space:normal}
.site-date-control,.price-stepper,.leverage-input{flex-wrap:wrap}.site-date-control>.field-validation-error,.price-stepper>.field-validation-error,.leverage-input>.field-validation-error{flex-basis:100%;order:3;margin:5px 0!important}
.account-workspace{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;max-width:1200px;margin:18px auto}.account-subnav{display:flex;flex-direction:column;gap:6px}.account-subnav a{display:flex;gap:14px;padding:15px;border-radius:8px;text-decoration:none}.account-subnav a.active{background:#163033;color:#42d6d4}.account-workspace #account-content{min-width:0}.account-workspace .card{margin-bottom:18px}.account-user-card{display:flex;align-items:center;gap:22px}.account-user-card h2{margin:0 0 12px}.account-avatar{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#00a9bb,#1462c4);font-size:32px;color:white}.account-row{display:grid;grid-template-columns:28px minmax(120px,1fr) minmax(130px,1.4fr) auto;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid var(--line);font-size:14px}.account-row:last-child{border:0}.account-row-value{overflow-wrap:anywhere;color:#b3bfc7}.account-row-value small{display:block;margin-top:5px;color:#8fa4b0}.account-row-icon{color:#51c8ce;font-size:20px}.verification-levels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.verification-levels p{min-height:85px;line-height:1.7}.verification-levels .card{position:relative}.account-row select{width:auto;max-width:100%}.account-row .language-controls{padding:0;margin:0;border:0;display:flex!important;align-items:center;gap:10px}.account-row .language-controls>label,.account-row .language-controls>span,.account-row #language-hint{display:none}.account-toggle{display:flex;align-items:center;gap:10px}.account-toggle input{width:auto}.account-menu{position:relative}.account-menu summary{cursor:pointer;padding:9px 12px;color:#d1e0e4}.account-menu>div{position:absolute;right:0;top:100%;z-index:60;background:#151d22;border:1px solid #35424a;border-radius:9px;padding:10px;min-width:180px;display:grid;gap:10px}.client-terminal .account-menu #logout{display:block!important}.client-terminal #identity[hidden]{display:none!important}.client-terminal #connection{position:relative;font-size:0!important;width:12px;height:12px;min-width:12px;overflow:hidden;border-radius:50%;background:#e0576c;display:inline-block!important}.client-terminal #connection[data-connected=true]{background:#18bc8f}.status-rules{font-size:12px;background:transparent;color:#9bb7c0;margin-left:12px;padding:5px}.client-terminal main>header{justify-content:flex-start;gap:10px}.client-terminal main>header>div{margin-left:auto}.client-terminal #account-rules-dialog{max-width:620px;line-height:1.8}.kyc-dropzone{border:1px dashed #52626d;border-radius:12px;padding:20px;text-align:center;background:#101a20}.kyc-dropzone.drag-over{border-color:#20d3bd;background:#12352f}.kyc-dropzone img{max-width:180px;max-height:120px;object-fit:contain;margin:12px auto}.dropzone-hint{font-size:12px;line-height:1.6}.hide-unread-indicator #inbox-link:after{display:none!important}.client-terminal #account-content h2{display:block!important}.client-terminal #account-content .security-card{max-width:none}.client-terminal #account-content .security-card h2{display:block}.account-row button{white-space:nowrap}.client-terminal[data-account-theme=light],.client-terminal[data-account-theme=light] main{background:#f3f6f9;color:#24323e}.client-terminal[data-account-theme=light] .card{background:#fff;color:#263743;border-color:#d3dce3}.client-terminal[data-account-theme=light] :is(h1,h2,h3,strong){color:#20323f}.client-terminal[data-account-theme=light] :is(p,.account-row-value){color:#4b6372}.client-terminal[data-account-theme=light] :is(input,select,textarea){background:#fff;color:#243b4b;border-color:#b7c8d2}.client-terminal[data-account-theme=light] aside{background:#e8eff4}.client-terminal[data-account-theme=light] .account-subnav a{color:#264958}.client-terminal[data-account-theme=light] .account-subnav a.active{background:#c9e8e9}.client-terminal[data-account-theme=light] .account-menu summary{color:#263f50}
@media(max-width:760px){.account-workspace{display:block;margin:8px 0}.account-subnav{display:flex;flex-direction:row;overflow:auto;margin-bottom:16px;gap:2px}.account-subnav a{white-space:nowrap;padding:12px 10px;font-size:12px}.account-subnav a span{display:none}.account-row{grid-template-columns:22px minmax(90px,1fr) auto;gap:10px;font-size:12px;padding:18px 0}.account-row-value{grid-column:2;grid-row:auto}.account-row button{grid-column:3;grid-row:span 2}.account-row select,.account-row>div,.account-row .account-toggle{grid-column:2/4}.verification-levels{grid-template-columns:1fr}.verification-levels p{min-height:0}.account-user-card{gap:16px}.account-avatar{width:56px;height:56px;font-size:25px}.client-terminal main>header .account-menu{display:block}.account-menu summary{max-width:130px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.client-terminal main>header #shell-rules{font-size:11px;margin:0}.client-terminal main>header #connection{display:inline-block!important}}
.hide-unread-indicator .notification-dot{display:none!important}
.logged-out #account-menu,.logged-out #shell-rules{display:none!important}
.verification-levels .current-level{border-color:#1eafaa;box-shadow:inset 0 0 0 1px #1eafaa40}
/* Compact chart actions share the first header row. */
.client-terminal .chart-card>.toolbar,.client-terminal .futures-chart-card>.toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:10px}.chart-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}.client-terminal .chart-header-actions .chart-fullscreen,.client-terminal .chart-header-actions .indicator-menu>summary{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;margin:0;padding:0;border:1px solid #33454e;border-radius:6px;background:#182226;color:#c1d5df;cursor:pointer;line-height:1}.chart-header-actions .chart-fullscreen svg{display:block;width:20px;height:20px}.client-terminal .chart-header-actions .indicator-menu>summary{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:18px;font-weight:600;list-style:none}.chart-header-actions summary::-webkit-details-marker{display:none}.chart-header-actions .indicator-menu[open] .chart-indicator-buttons{left:auto;right:0;top:44px;z-index:40}.chart-header-actions .chart-fullscreen:hover,.chart-header-actions .indicator-menu>summary:hover{background:#22343e;border-color:#5c8193}.chart-header-actions .chart-fullscreen:focus-visible,.chart-header-actions summary:focus-visible{outline:2px solid #23c9d0;outline-offset:3px}.client-terminal .xelbit-chart-tools{min-height:0;margin-top:0;margin-bottom:0;padding-bottom:0}.client-terminal .chart-expanded>.toolbar{flex:0 0 auto}.client-terminal .chart-header-actions .indicator-menu{margin:0}@media(max-width:700px){.client-terminal .chart-header-actions{gap:8px}.client-terminal .chart-card>.toolbar,.client-terminal .futures-chart-card>.toolbar{gap:8px}.client-terminal .futures-chart-card>.toolbar>select{max-width:40%}.client-terminal .chart-header-actions .indicator-menu[open] .chart-indicator-buttons{min-width:220px;max-width:calc(100vw - 48px)}}
.client-terminal .chart-header-actions .indicator-menu>summary{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:400}.chart-header-actions .indicator-menu>summary svg{display:block;width:20px;height:20px;flex:none}

.login-form .auth-logo{display:block;width:172px;max-width:100%;height:42px;object-fit:contain;object-position:left center;margin-bottom:20px}

.security-card .auth-logo{display:block;width:172px;max-width:100%;height:42px;object-fit:contain;object-position:left center;margin-bottom:20px}

/* Public authentication pages: shared desktop/mobile composition. */
body.logged-out.auth-redesign{background:#080d14;color:#edf3fc;display:block}
body.logged-out.auth-redesign aside,body.logged-out.auth-redesign .mobile-nav,body.logged-out.auth-redesign .compact-brand{display:none!important}
body.logged-out.auth-redesign main{width:100%;max-width:none;margin:0;padding:0;min-height:100dvh;display:flex;flex-direction:column}
body.logged-out.auth-redesign main>header{height:88px;min-height:88px;padding:20px max(32px,calc((100vw - 1220px)/2));margin:0;display:flex;align-items:center;gap:20px;border:0;background:transparent;flex-wrap:nowrap}
body.logged-out.auth-redesign .auth-brand{display:block;margin-right:auto;flex-shrink:0}
.auth-brand img{width:154px;height:38px;object-fit:contain}
body.logged-out.auth-redesign header>div:not(.language-controls){display:none}
body.logged-out.auth-redesign .auth-connection{order:1;color:#a9bfd9;font-size:13px;white-space:nowrap}
.auth-connection:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#d7a657;margin-right:8px}
.auth-connection[data-connected=true]:before{background:#29cca0}
body.logged-out.auth-redesign header .language-controls{order:2;display:block!important;width:auto;margin:0;padding:0;border:0;background:none}
body.logged-out.auth-redesign .language-controls label,body.logged-out.auth-redesign .language-hint{display:none}
body.logged-out.auth-redesign #site-language{width:104px;height:38px;min-height:0;margin:0;padding:7px 10px;font-size:13px;border:1px solid #28364b;border-radius:8px;background:#172131;color:#edf3fc}
body.logged-out.auth-redesign #app{flex:1;display:flex;width:100%;min-width:0}
.auth-shell{width:min(1160px,calc(100% - 80px));margin:55px auto 80px;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:clamp(60px,10vw,180px);align-items:center}
.auth-story h1{font-size:clamp(40px,4vw,54px);line-height:1.06;letter-spacing:-1.5px;font-weight:750;max-width:520px;margin:0 0 20px;color:#eef3fc}
.auth-story>p{font-size:17px;line-height:1.6;color:#a8bfdc;max-width:520px;margin:0 0 32px}
.auth-markets{border:1px solid #29374c;border-radius:14px;overflow:hidden;background:#101722;max-width:520px}
.auth-market-head,.auth-market-row{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:12px;align-items:center;padding:17px 18px}
.auth-market-head{color:#a8bfdc;font-size:12px;padding-block:15px}
.auth-market-head>:not(:first-child),.auth-market-row>:not(:first-child){text-align:right}
.auth-market-row{border-top:1px solid #29374c;font-size:14px;min-height:52px}
.auth-market-row b,.auth-market-row span{font-variant-numeric:tabular-nums}
.auth-card{width:100%;max-width:none;margin:0;padding:32px;border:1px solid #29374c;border-radius:17px;background:#101722;color:#edf3fc;box-shadow:none}
.auth-card h1,.auth-card h2{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:2px 0 8px;color:#edf3fc}
.auth-card>p{color:#a8bfdc;font-size:14px;line-height:1.5;margin:0 0 25px}
.auth-card form{display:block;margin:0}
.auth-card label{display:block;color:#e7effc;font-size:13px;font-weight:600;margin:19px 0 7px}
.auth-card input:not([type=checkbox]){display:block;box-sizing:border-box;width:100%;height:52px;min-height:0;border:1px solid #29374c;border-radius:10px;background:#172131;color:#edf3fc;padding:12px 14px;margin:0;font-size:16px;outline:none}
.auth-card input:focus{border-color:#3983ff;box-shadow:0 0 0 2px #3983ff4d}
.auth-card button.submit{display:block;width:100%;height:49px;margin:18px 0 0;border:1px solid #3983ff;border-radius:10px;background:#3983ff;color:#06101d;font-weight:600;font-size:14px;cursor:pointer}
.auth-card button.submit:disabled{opacity:.55;cursor:wait}
.auth-card button.secondary{display:block;width:100%;height:49px;min-height:0;border:1px solid #29374c;border-radius:10px;background:transparent;color:#edf3fc;font-size:14px;margin-top:12px;padding:10px}
.auth-card .auth-new{text-align:center;margin:18px 0 0;color:#a8bfdc;font-size:13px}
.auth-card .auth-forgot{float:right;display:inline;width:auto;height:auto;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:none;color:#3983ff;font-size:13px;text-decoration:underline;font-weight:400}
.auth-password{position:relative}.auth-password input{padding-right:70px!important}
.auth-password>button{position:absolute;right:12px;top:0;height:52px;min-height:0;padding:0 2px;border:0;background:none;color:#3983ff;font-size:13px;font-weight:400}
.auth-card .auth-review-note{padding:12px;border:1px solid #29374c;border-radius:9px;background:#172131;font-size:12px;line-height:1.6;margin:22px 0}
.auth-card .auth-field-hint,.auth-card #mail-status,.auth-reset-fields>p{font-size:12px;line-height:1.5;color:#a8bfdc;margin:7px 0 0}
.auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.auth-card .auth-code-row #send-code{height:52px;margin:0;width:auto;padding:0 15px}
.auth-reset-fields[hidden]{display:none!important}
body.logged-out.auth-redesign #notice:empty{display:none}
body.logged-out.auth-redesign #notice:not(:empty){max-width:1160px;width:calc(100% - 80px);margin:12px auto 0;padding:12px;color:#edf3fc}
body.logged-out.auth-redesign main>footer{display:block;width:100%;box-sizing:border-box;border-top:1px solid #29374c;margin:0;padding:24px max(32px,calc((100vw - 1220px)/2));color:#a8bfdc;background:transparent;font-size:12px;line-height:1.6}
.auth-footer-links{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:10px}.auth-footer-links button{padding:0;min-height:0;border:0;background:none;color:#a8bfdc;text-decoration:underline;font-size:12px;font-weight:400}
.auth-info-dialog{max-width:560px;background:#101722;color:#edf3fc;border:1px solid #29374c;border-radius:15px;padding:28px}.auth-info-dialog p{line-height:1.7;color:#a8bfdc}
@media(min-width:1500px){.auth-shell{gap:180px;grid-template-columns:520px 440px}}
@media(max-width:800px){body.logged-out.auth-redesign main>header{height:76px;min-height:76px;padding:18px 22px;gap:12px}.auth-brand img{width:118px;height:30px}.auth-shell{width:calc(100% - 40px);margin:30px auto 45px;grid-template-columns:minmax(0,1fr);gap:30px;max-width:520px}.auth-story h1{font-size:38px;max-width:450px}.auth-story>p{font-size:15px;margin-bottom:22px}.auth-card{padding:26px}.auth-card-slot{min-width:0}body.logged-out.auth-redesign .auth-connection{font-size:0}.auth-connection:before{margin:0}body.logged-out.auth-redesign main>footer{padding:22px}.auth-market-row{font-size:13px}.auth-market-head,.auth-market-row{padding:14px}.auth-story{order:1}.auth-card-slot{order:0}body.logged-out.auth-redesign #notice:not(:empty){width:calc(100% - 40px)}}

body.logged-out.auth-redesign main{background:#080d14!important}
.auth-story h1{font-size:54px;max-width:490px}
@media(max-width:1000px) and (min-width:801px){.auth-shell{gap:45px;grid-template-columns:minmax(0,1fr) 400px}.auth-story h1{font-size:44px}}
@media(max-width:800px){.auth-story h1{font-size:38px}}

.auth-card label.auth-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:400;line-height:1.5;margin-top:20px}.auth-consent input[type=checkbox]{flex:0 0 auto;width:15px;height:15px;margin:2px 0 0;accent-color:#3983ff}.auth-consent button{display:inline;width:auto;padding:0;min-height:0;background:none;border:0;border-radius:0;color:#9ebfff;text-decoration:underline;font-size:inherit}

.auth-card .auth-inline-error{font-size:12px;line-height:1.5;color:#ff8999;margin:7px 0 0}.auth-inline-error:empty{display:none}.auth-card #reset-link-status,.auth-card #reset-complete-status{font-size:13px;line-height:1.6;color:#a8bfdc;margin-top:14px}

.futures-anchor-price{font-size:14px;color:#32caa4;font-variant-numeric:tabular-nums}.futures-anchor-note{line-height:1.5;font-size:12px}@media(max-width:700px){.client-terminal .futures-layout[data-view=trade]>.anchored-futures-book{display:block!important}.anchored-futures-book{min-height:0!important}}

/* Keep feedback clear of the order controls and desktop status overlays. */
body:not(.logged-out) #notice:not(:empty){inset:76px 24px auto auto;width:340px;max-width:calc(100vw - 48px);padding:14px 16px;background:#172529;color:#edf5f5;border:1px solid #385156;font-size:14px;line-height:1.5;box-shadow:0 8px 28px #0006}
#notice .notice-message{flex:1;font-weight:400;text-align:left}
@media(max-width:650px){body:not(.logged-out) #notice:not(:empty){top:calc(64px + env(safe-area-inset-top));left:12px;right:12px;bottom:auto;width:auto;max-width:none}}
.robot-save-feedback{color:#65d6b6;font-size:14px;margin-top:14px}.futures-robot-confirm [role=status]{max-width:340px;white-space:normal;font-size:13px;line-height:1.6}

/* Keep contract records close to the order form on phones. */
.client-terminal .futures-layout>.futures-activity{grid-column:1/-1;grid-row:2}
@media(min-width:701px) and (max-width:999px){
 .client-terminal .futures-layout>.futures-activity{grid-row:3}
}
@media(max-width:700px){
 .client-terminal .compact-futures>.futures-activity{grid-column:1;grid-row:3;min-width:0;margin-top:0}
 .client-terminal .compact-futures>.futures-market-book{grid-column:1;grid-row:4;min-width:0}
 .client-terminal .futures-activity>.workspace-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:thin}
 .client-terminal .futures-activity>.workspace-tabs button{flex:0 0 auto;min-height:44px;padding:10px 12px;white-space:nowrap}
 .client-terminal .futures-tape h2{font-size:13px;margin:12px 0 6px}
 .client-terminal #app .futures-market-book .futures-tape table{display:table;width:100%;table-layout:fixed;white-space:nowrap;font-variant-numeric:tabular-nums}
 .client-terminal #app .futures-market-book .futures-tape thead{display:table-header-group}
 .client-terminal #app .futures-market-book .futures-tape tbody{display:table-row-group}
 .client-terminal #app .futures-market-book .futures-tape tr{display:table-row;padding:0;margin:0;border:0;border-radius:0}
 .client-terminal #app .futures-market-book .futures-tape th,.client-terminal #app .futures-market-book .futures-tape td{display:table-cell;padding:7px 4px;font-size:11px;text-align:right;white-space:nowrap}
 .client-terminal #app .futures-market-book .futures-tape th:first-child,.client-terminal #app .futures-market-book .futures-tape td:first-child{text-align:left}
 .client-terminal #app .futures-market-book .futures-tape td:before{display:none}
 .client-terminal .price-stepper{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:4px}
 .client-terminal .price-stepper input{grid-column:1/-1;min-height:44px;width:100%}
 .client-terminal .price-stepper button{min-height:44px;min-width:44px;padding:8px;font-size:18px}
 .client-terminal .price-stepper button:first-of-type{grid-column:2}
 .client-terminal .percent-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .client-terminal .percent-row button{min-height:44px;min-width:44px;padding:8px 4px;font-size:12px}
 .client-terminal .trade-tabs{gap:6px}
 .client-terminal .trade-tabs button{flex:0 0 auto;min-height:44px;padding:10px 12px;font-size:11px}
}
@media(max-width:700px){
 .client-terminal .order-card .submit{position:static;left:auto;right:auto;bottom:auto;width:100%;min-height:44px;margin-top:12px;box-shadow:none}
 .client-terminal[data-page=trade]{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
}

/* Account workspace: navy panels and blue navigation from the approved reference. */
body.reference-layout:not(.logged-out){--buy:#2ac99a;--sell:#f16b7a;--blue:#3982ff;--text:#edf3ff;--muted:#9eb2d1;--line:#28384f;--bg:#080d14;background:#080d14;color:#edf3ff;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}
.reference-layout:not(.logged-out) main{background:#080d14}
.reference-layout:not(.logged-out) h1,.reference-layout:not(.logged-out) h2,.reference-layout:not(.logged-out) h3,.reference-layout:not(.logged-out) strong{color:#edf3ff}
.reference-layout:not(.logged-out) p,.reference-layout:not(.logged-out) label,.reference-layout:not(.logged-out) .muted{color:#9eb2d1}
.reference-layout:not(.logged-out) a{color:#64a0ff}
.reference-layout:not(.logged-out) .card{background:#101722;border:1px solid #28384f;border-radius:12px;box-shadow:none}
.reference-layout:not(.logged-out) input,.reference-layout:not(.logged-out) select,.reference-layout:not(.logged-out) textarea{background:#182333;color:#edf3ff;border:1px solid #2a3a52;border-radius:8px}
.reference-layout:not(.logged-out) input:focus,.reference-layout:not(.logged-out) select:focus{outline:2px solid #3982ff55;border-color:#3982ff}
.reference-layout:not(.logged-out) .secondary,.reference-layout:not(.logged-out) .button-link{background:transparent;color:#edf3ff;border:1px solid #2a3a52;border-radius:8px}
.reference-layout:not(.logged-out) .primary-action,.reference-layout:not(.logged-out) .record-filters>button:first-of-type{background:#3982ff;color:#07101d;border-color:#3982ff}
.reference-layout:not(.logged-out) th{background:#182333;color:#9fb6d9;border-color:#28384f;padding:11px 14px}
.reference-layout:not(.logged-out) td{border-color:#28384f;color:#e5efff;padding:13px 14px}
.reference-layout:not(.logged-out) tbody tr:hover{background:#152030}
.reference-layout:not(.logged-out) .green,.reference-layout:not(.logged-out) .green strong{color:#25d1a0}
.reference-layout:not(.logged-out) .red,.reference-layout:not(.logged-out) .red strong{color:#ff7285}
.reference-layout:not(.logged-out) .asset-icon{width:28px;height:28px;border:1px solid #2a3a52;background:#182333;color:#dfedff;font-size:11px}
.reference-layout:not(.logged-out) .button-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;text-decoration:none;font-size:12px}
.reference-layout:not(.logged-out) .dashboard-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.reference-layout:not(.logged-out) .dashboard-welcome{padding:22px;margin-bottom:14px}
.reference-layout:not(.logged-out) .dashboard-welcome h1{font-size:27px;letter-spacing:-.7px;margin:0 0 3px}
.reference-layout:not(.logged-out) .dashboard-welcome p{font-size:12px;margin:0 0 16px}
.reference-layout:not(.logged-out) .dashboard-onboarding{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;margin-bottom:14px;background:#182333;border:1px solid #2a3a52;border-radius:9px;font-size:12px;color:#9fb6d9}
.reference-layout:not(.logged-out) .dashboard-onboarding .button-link{padding:6px 10px;font-size:11px;white-space:nowrap}
.reference-layout:not(.logged-out) .dashboard-stats{gap:14px;margin-bottom:14px}
.reference-layout:not(.logged-out) .dashboard-stats>.card{padding:18px}
.reference-layout:not(.logged-out) .dashboard-stats p{margin:0 0 7px;font-size:11px}
.reference-layout:not(.logged-out) .dashboard-stats .big{display:block;font-size:25px;font-weight:700;letter-spacing:-.4px;margin:0 0 7px;font-variant-numeric:tabular-nums}
.reference-layout:not(.logged-out) .dashboard-movers{padding:0;overflow:hidden}
.reference-layout:not(.logged-out) .dashboard-section-title{display:flex;justify-content:space-between;align-items:center;padding:14px 16px}
.reference-layout:not(.logged-out) .dashboard-section-title h2{margin:0;font-size:15px}
.reference-layout:not(.logged-out) .dashboard-section-title>a{font-size:12px}
.reference-layout:not(.logged-out) .dashboard-movers #markets-table td:first-child,.reference-layout:not(.logged-out) .dashboard-movers #markets-table th:first-child,.reference-layout:not(.logged-out) #markets-table td:nth-child(6),.reference-layout:not(.logged-out) #markets-table th:nth-child(6){display:none}
.reference-layout:not(.logged-out) #markets-table .market-asset{display:inline-flex;gap:10px;align-items:center}
.reference-layout:not(.logged-out) #markets-table .market-asset-name{display:flex;flex-direction:column;gap:1px}
.reference-layout:not(.logged-out) #markets-table .market-asset-name>span{font-size:10px;color:#91a9cb}
.reference-layout:not(.logged-out) #markets-table .small{padding:6px 10px;font-size:11px}
.reference-layout:not(.logged-out) #markets-table td:last-child{text-align:right}
.reference-layout:not(.logged-out) #markets-table .favorite{padding:0;background:none;color:#8da8cb;border:0;font-size:18px}
.reference-layout:not(.logged-out) .spot-market-stats{display:flex;gap:24px;margin-left:12px;align-items:center}
.reference-layout:not(.logged-out) .spot-market-stats>span{font-size:10px;color:#93acd1;display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.reference-layout:not(.logged-out) .spot-market-stats strong{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:0}
.reference-layout:not(.logged-out) .spot-order-summary{border-top:1px solid #28384f;margin-top:14px;padding-top:10px;display:grid;gap:9px}
.reference-layout:not(.logged-out) .spot-order-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#9eb2d1}
.reference-layout:not(.logged-out) .spot-order-summary strong{font-size:11px;white-space:nowrap}
.reference-layout:not(.logged-out) .direction-switch{background:#182333;padding:4px;border-radius:10px;gap:4px}
.reference-layout:not(.logged-out) .direction-switch button{border:0;background:transparent;border-radius:7px}
.reference-layout:not(.logged-out) .orderbook-table th,.reference-layout:not(.logged-out) .orderbook-table td{padding:4px 6px;font-size:11px}
.reference-layout:not(.logged-out) .book-mid strong{color:#25d1a0}
.reference-layout:not(.logged-out) .record-filters{padding:12px 0;gap:9px;align-items:end;flex-wrap:wrap}
.reference-layout:not(.logged-out) .record-filters label{margin:0;font-size:11px}
.reference-layout:not(.logged-out) .record-filters input{max-width:165px}
.reference-layout:not(.logged-out) .record-filters button,.reference-layout:not(.logged-out) .record-filters .button-link{padding:9px 13px;font-size:11px}
.reference-layout:not(.logged-out) #asset-content>.card,.reference-layout:not(.logged-out) #personal-ledger{padding:0;overflow:hidden}
.reference-layout:not(.logged-out) #asset-content>.card>h2,.reference-layout:not(.logged-out) #personal-ledger>h2{font-size:15px;padding:15px 16px;margin:0;border-bottom:1px solid #28384f}
.reference-layout:not(.logged-out) #personal-ledger>.record-filters{padding:12px 16px}
.reference-layout:not(.logged-out) .trade-tabs [aria-pressed=true]{background:#101c30;color:#3982ff;border-color:#3982ff}
@media(min-width:1000px){
 .client-terminal.reference-layout:not(.logged-out)>aside{width:184px;background:#101722;border-right:1px solid #28384f;padding:20px 10px}
 .client-terminal.reference-layout:not(.logged-out)>aside .brand{padding:0 10px;margin-bottom:23px}
 .client-terminal.reference-layout:not(.logged-out)>aside .brand img{width:140px}
 .client-terminal.reference-layout:not(.logged-out)>aside nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:4px 0;border-radius:9px;font-size:12px;color:#a7bbda}
 .client-terminal.reference-layout:not(.logged-out)>aside nav a.active{color:#3982ff;background:#182333}
 .client-terminal.reference-layout:not(.logged-out) main{margin-left:184px;padding:0 20px 24px}
 .client-terminal.reference-layout:not(.logged-out) main>header{height:66px;margin-bottom:16px;border:0;font-size:12px}
 .reference-layout:not(.logged-out) #account-menu>summary{display:flex;align-items:center;gap:8px;list-style:none}
 .reference-layout:not(.logged-out) #account-menu>summary:before{content:attr(data-initial);display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#3982ff;color:#0b1528;font-size:11px;font-weight:700}
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace{grid-template-columns:minmax(0,1fr) 220px 260px;gap:14px}
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace>.chart-card{min-height:520px;padding:14px;overflow:hidden}
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace #chart{height:410px;min-height:300px;flex:none}
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace .chart-card>.toolbar{gap:10px;margin-bottom:8px;flex-wrap:wrap}
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace .xelbit-chart-tools{padding:0;margin:0}
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace .chart-drawing-buttons{display:flex;gap:4px;flex-wrap:wrap}
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace .chart-drawing-buttons button{height:28px;width:28px;min-width:28px;padding:4px;font-size:13px;margin:0}
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace .xelbit-chart-tools>p{display:none}
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace>.depth-card{min-height:520px;padding:12px}
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace>.order-card{padding:14px;align-self:start}
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace>.activity-card{min-height:130px;padding:12px}
 .client-terminal.reference-layout:not(.logged-out) .market-strip{min-height:68px;padding:12px 16px;border-radius:10px;gap:12px}
 .client-terminal.reference-layout:not(.logged-out) .market-strip .big{font-size:25px;color:#25d1a0}
 .client-terminal.reference-layout:not(.logged-out) .market-strip>strong:not(.big){display:none}
 .client-terminal.reference-layout:not(.logged-out) .market-strip #symbol{width:112px;background:#182333}
 .reference-layout:not(.logged-out) #asset-content .stats>.card{padding:18px}
 .reference-layout:not(.logged-out) #asset-content .stats .big{font-size:25px;font-weight:700}
 .reference-layout:not(.logged-out) #app>.card:has(>#markets-table){padding:0;overflow:hidden}
 .reference-layout:not(.logged-out) #app>.card:has(>#markets-table)>.toolbar{padding:12px 14px;margin:0}
 .reference-layout:not(.logged-out) #search{width:220px}
 .reference-layout:not(.logged-out) #market-sort{width:145px}
 .reference-layout:not(.logged-out) #app>.heading{margin:0 0 14px}
 .reference-layout:not(.logged-out)[data-page=markets] #app>.heading{display:none}
 .reference-layout:not(.logged-out) #shell-rules{border:0;background:transparent;text-decoration:underline;color:#3982ff;padding:4px 8px}
 .reference-layout:not(.logged-out) .price-stepper button{min-width:30px}
 .reference-layout:not(.logged-out) .chart-drawing-buttons{position:static;display:flex;inset:auto;width:auto;padding:0;background:none;border:0}
}
@media(max-width:700px){
 .reference-layout:not(.logged-out) .dashboard-welcome{padding:18px}
 .reference-layout:not(.logged-out) .dashboard-welcome h1{font-size:24px;overflow-wrap:anywhere}
 .reference-layout:not(.logged-out) .dashboard-onboarding{align-items:flex-start;flex-direction:column;padding:14px}
 .reference-layout:not(.logged-out) .dashboard-actions .button-link{min-height:44px}
 .reference-layout:not(.logged-out) .dashboard-stats{grid-template-columns:1fr;gap:10px}
 .reference-layout:not(.logged-out) .spot-market-stats{display:none}
 .reference-layout:not(.logged-out) .orderbook-table .book-total{display:none}
 .reference-layout:not(.logged-out) #book .orderbook-table th:nth-child(3){display:none!important}
 .reference-layout:not(.logged-out) .spot-order-summary>div{flex-wrap:wrap;gap:4px}
 .reference-layout:not(.logged-out) #personal-ledger>.record-filters{padding:12px}
 .reference-layout:not(.logged-out) #personal-ledger .record-filters input{max-width:none}
 .reference-layout:not(.logged-out) .record-filters label{flex:1 1 130px}
 .reference-layout:not(.logged-out)>aside{background:#101722;border-color:#28384f}
}
@media(min-width:701px){
 .reference-layout:not(.logged-out) .button-link{margin:0;line-height:1.4}
 .reference-layout:not(.logged-out) .dashboard-welcome{padding:18px}
 .reference-layout:not(.logged-out) .dashboard-welcome h1{line-height:1.25}
 .reference-layout:not(.logged-out) .dashboard-welcome p{margin-bottom:14px}
 .reference-layout:not(.logged-out) .dashboard-onboarding{padding:9px 14px;min-height:44px}
 .reference-layout:not(.logged-out) .dashboard-stats>.card{padding:16px}
 .reference-layout:not(.logged-out) .dashboard-stats .big{line-height:1.2}
 .reference-layout:not(.logged-out) .dashboard-stats p{line-height:1.5}
 .reference-layout:not(.logged-out) #markets-table td{padding:10px 14px;line-height:1.4}
 .reference-layout:not(.logged-out) #markets-table th{height:auto;line-height:1.4;padding:10px 14px}
 .reference-layout:not(.logged-out) #markets-table td .small{margin:0;line-height:1.4}
 .reference-layout:not(.logged-out) #markets-table .market-asset-name{gap:1px}
 .reference-layout:not(.logged-out) #markets-table .market-asset-name>span:empty{display:none}
 .reference-layout:not(.logged-out) main>header #connection{font-size:11px;line-height:1.4;color:#a7bbda}
 .reference-layout:not(.logged-out) main>header #connection:before{content:none}
 .reference-layout:not(.logged-out)>aside nav a{justify-content:flex-start;text-align:left}
 .reference-layout:not(.logged-out)>aside .nav-caption{display:none}
}
.reference-layout:not(.logged-out) .direction-switch button[aria-pressed=true][data-side=buy],.reference-layout:not(.logged-out) .direction-switch button[aria-pressed=true][data-side=long]{background:#2ac99a;color:#081712}
.reference-layout:not(.logged-out) .direction-switch button[aria-pressed=true][data-side=sell],.reference-layout:not(.logged-out) .direction-switch button[aria-pressed=true][data-side=short]{background:#f16b7a;color:#200a0e}
@media(min-width:1000px){
 .client-terminal.reference-layout .compact-workspace .xelbit-chart-tools>.chart-drawing-buttons{position:static;left:auto;top:auto;display:flex;flex-direction:row;align-items:center;width:auto;padding:0;gap:5px;flex-wrap:wrap}
 .client-terminal.reference-layout .compact-workspace .chart-drawing-buttons button{font-size:0;line-height:1;width:30px;height:30px;min-width:30px;padding:0;overflow:hidden}
 .client-terminal.reference-layout .compact-workspace .chart-drawing-buttons button:before{font-size:16px}
 .client-terminal.reference-layout .compact-workspace .chart-drawing-buttons label{width:34px;margin:0}
 .client-terminal.reference-layout .compact-workspace .chart-drawing-buttons select{width:34px;height:30px;padding:4px 0}
}
@media(min-width:1000px){
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace .chart-drawing-buttons button{font-size:0!important}
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace .chart-drawing-buttons button:before{font-size:16px!important}
 .client-terminal.reference-layout:not(.logged-out) .compact-workspace>.chart-card{align-self:start}
 .reference-layout:not(.logged-out) .orderbook-table th{font-size:10px;white-space:normal;line-height:1.3}
 .reference-layout:not(.logged-out) .orderbook-table th:first-child{width:38%;text-align:left}
 .reference-layout:not(.logged-out) .orderbook-table th:nth-child(2){width:30%;text-align:right}
 .reference-layout:not(.logged-out) .orderbook-table th:nth-child(3){width:32%;text-align:right}
 .reference-layout:not(.logged-out) .orderbook-table td{line-height:1.4;padding:3px 4px}
}
.reference-layout:not(.logged-out) #app>a.button-link.section-gap{margin:0 8px 14px 0}
@media(min-width:701px){
 .reference-layout:not(.logged-out) #asset-content .stats>.card{padding:16px}
 .reference-layout:not(.logged-out) #asset-content .stats p{font-size:11px;line-height:1.4;margin:0 0 6px}
 .reference-layout:not(.logged-out) #asset-content .stats .big{line-height:1.2;margin:4px 0 9px}
 .reference-layout:not(.logged-out) .record-filters>label{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
 .reference-layout:not(.logged-out) .record-filters .site-date-control{display:flex;align-items:stretch;gap:4px;max-width:180px}
 .reference-layout:not(.logged-out) .record-filters .site-date-control input{min-width:0;width:137px;max-width:137px;padding:8px 9px}
 .reference-layout:not(.logged-out) .record-filters .site-date-control button{height:34px;width:32px;min-width:32px;padding:4px;margin:0}
}
/* Preserve the existing light-theme preference. */
body.reference-layout[data-account-theme=light]:not(.logged-out),.reference-layout[data-account-theme=light]:not(.logged-out) main{background:#f3f6f9;color:#24323e}
.reference-layout[data-account-theme=light]:not(.logged-out) .card,.reference-layout[data-account-theme=light]:not(.logged-out) aside{background:#fff;border-color:#d3dce3;color:#263743}
.reference-layout[data-account-theme=light]:not(.logged-out) :is(h1,h2,h3,strong,td){color:#20323f}
.reference-layout[data-account-theme=light]:not(.logged-out) :is(p,label,.muted){color:#4b6372}
.reference-layout[data-account-theme=light]:not(.logged-out) :is(input,select,textarea,th,.dashboard-onboarding){background:#e9eff6;color:#243b4b;border-color:#b7c8d2}
.reference-layout[data-account-theme=light]:not(.logged-out) .button-link,.reference-layout[data-account-theme=light]:not(.logged-out) .secondary{color:#243b4b;border-color:#b7c8d2}
.reference-layout[data-account-theme=light]:not(.logged-out) .green{color:#008666}
.reference-layout[data-account-theme=light]:not(.logged-out) .red{color:#c93d54}
.reference-layout:not(.logged-out) main>header #connection{font-size:11px!important;width:auto!important;max-width:none!important;height:auto!important;overflow:visible!important;line-height:1.4}
.reference-layout:not(.logged-out) main>header #connection:before{content:none!important}
.reference-layout:not(.logged-out) main>footer{display:block!important;padding:16px 0 8px;font-size:10px;line-height:1.6;color:#8fa8cc;border:0}
.reference-layout:not(.logged-out) main>footer .workspace-risk-note{font-size:10px;line-height:1.6;color:#8fa8cc;margin:0}
@media(max-width:700px){.reference-layout:not(.logged-out) main>header #connection{max-width:130px!important;font-size:10px!important;overflow-wrap:anywhere}.reference-layout:not(.logged-out) main>footer{padding-bottom:16px}}
@media(min-width:1000px){.client-terminal.reference-layout .compact-workspace>.chart-card.chart-expanded #chart{height:auto;flex:1;min-height:260px}}
.reference-layout:not(.logged-out) main>header #connection{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;color:#9eb2d1}
.reference-layout:not(.logged-out) main>header #connection:before{content:''!important;display:inline-block;width:6px;height:6px;border-radius:50%;background:#25d1a0;margin-right:6px;vertical-align:middle}
.reference-layout:not(.logged-out) main>header #connection[data-connected=false]:before{background:#ff7285}
@media(max-width:700px){
 .reference-layout:not(.logged-out) main>header #connection{font-size:9px!important;max-width:110px!important;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}
 .reference-layout:not(.logged-out) #book .book-total{display:none!important}
}

/* Keep futures drawing tools in one compact row, matching the spot chart. */
@media(min-width:701px){
.client-terminal.reference-layout .futures-chart-card{padding:14px;min-height:520px}
.client-terminal.reference-layout .futures-chart-card .xelbit-chart-tools>.chart-drawing-buttons{position:static;inset:auto;display:flex;flex-direction:row;align-items:center;width:auto;padding:0;gap:5px;flex-wrap:wrap}
.client-terminal.reference-layout .futures-chart-card .chart-drawing-buttons button{font-size:0!important;line-height:1;width:30px;height:30px;min-width:30px;padding:0;overflow:hidden}
.client-terminal.reference-layout .futures-chart-card .chart-drawing-buttons button:before{font-size:16px!important}
.client-terminal.reference-layout .futures-chart-card .chart-drawing-buttons label{width:34px;margin:0}
.client-terminal.reference-layout .futures-chart-card .chart-drawing-buttons select{width:34px;height:30px;padding:4px 0}
.client-terminal.reference-layout #futures-chart{height:410px;min-height:410px;flex:none}
.client-terminal.reference-layout .futures-chart-card.chart-expanded{padding:14px!important}
.client-terminal.reference-layout .chart-expanded #futures-chart{height:auto;flex:1}
}

/* Compact quantities retain exact values in a tooltip and tap-open dialog. */
.client-terminal .quantity-display{display:inline;padding:0!important;margin:0!important;min-width:0!important;min-height:0!important;width:auto!important;height:auto!important;border:0!important;border-radius:0;background:transparent!important;color:inherit;font:inherit;line-height:inherit;white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums;box-shadow:none!important}
.client-terminal .quantity-display:focus-visible{outline:1px solid #3982ff;outline-offset:2px}
.client-terminal .orderbook-table{table-layout:fixed;width:100%}
.client-terminal .orderbook-table th,.client-terminal .orderbook-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.client-terminal .orderbook-table th:first-child{width:41%}
.client-terminal #market-trades table,.client-terminal .futures-tape table{table-layout:fixed;width:100%}
.client-terminal #market-trades td,.client-terminal #market-trades th,.client-terminal .futures-tape td,.client-terminal .futures-tape th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;font-variant-numeric:tabular-nums}
.client-terminal #market-trades td:first-child,.client-terminal #market-trades th:first-child,.client-terminal .futures-tape td:first-child,.client-terminal .futures-tape th:first-child{width:29%;text-align:left}
.client-terminal #market-trades td:nth-child(2),.client-terminal #market-trades th:nth-child(2),.client-terminal .futures-tape td:nth-child(2),.client-terminal .futures-tape th:nth-child(2){width:39%}
.quantity-details{max-width:min(420px,calc(100vw - 32px));background:#101722;color:#eef4ff;border:1px solid #394c69;border-radius:12px;padding:24px}
.quantity-details::backdrop{background:#0009}
.quantity-details [data-number]{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:20px;margin:18px 0}
@media(min-width:701px){
.client-terminal .futures-tape th,.client-terminal .futures-tape td{font-size:10px!important;padding:3px 2px!important}
.client-terminal .futures-tape th:first-child,.client-terminal .futures-tape td:first-child{width:30%}
.client-terminal .futures-tape th:nth-child(2),.client-terminal .futures-tape td:nth-child(2){width:42%}
}
/* Site-wide theme toggle; the icon describes the mode available on click. */
body .theme-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:7px!important;margin:0 2px;border:1px solid #31425b!important;border-radius:9px!important;background:transparent!important;color:#aebfda!important;vertical-align:middle;cursor:pointer;flex:0 0 auto}
body .theme-toggle:hover{background:#24334b!important;color:#fff!important}
body .theme-toggle:focus-visible{outline:2px solid #3982ff;outline-offset:3px}
body .theme-toggle svg{display:block;flex:none;pointer-events:none}
body.logged-out main>header .theme-toggle{margin-left:10px!important;order:5}
body[data-account-theme=light]{--bg:#f4f6fa;--card:#fff;--line:#d5deeb;--text:#203049;--muted:#60718b;color-scheme:light;background:#f4f6fa!important;color:#203049!important}
body[data-account-theme=light] main,body[data-account-theme=light] main>header{background:#f4f6fa!important;color:#203049!important}
body[data-account-theme=light] :is(.card,aside,.auth-card,.auth-login-card,.account-menu>div,.quantity-details,.auth-info-dialog,.futures-rules-dialog,.leverage-risk,.indicator-menu[open] .chart-indicator-buttons,.chart-parameter-form){background:#fff!important;border-color:#d5deeb!important;color:#203049!important}
body[data-account-theme=light] :is(h1,h2,h3,h4,strong,td,label,.account-menu summary){color:#203049}
body[data-account-theme=light] :is(p,.muted,.account-row-value,.nav-caption,.account-row-value small,.candle-readout,.chart-credit,footer,.auth-copy,.auth-subtitle){color:#60718b!important}
body[data-account-theme=light] :is(input,select,textarea){background:#f8fafd!important;color:#203049!important;border-color:#c7d3e3!important}
body[data-account-theme=light] :is(th,.dashboard-onboarding,.info,.badge,.auth-notice,.direction-switch){background:#edf2f9!important;color:#4d617e!important;border-color:#d5deeb!important}
body[data-account-theme=light] :is(td,th,.account-row){border-color:#d5deeb!important}
body[data-account-theme=light] :is(.secondary,.button-link,.workspace-tabs button,.trade-tabs button,.chart-header-actions button,.chart-header-actions summary,.indicator-menu summary){background:#fff!important;color:#3c5273!important;border-color:#c7d3e3!important}
body[data-account-theme=light] :is(nav a,.account-subnav a){color:#455b79!important}
body[data-account-theme=light] :is(nav a,.account-subnav a):hover{background:#f0f5ff!important;color:#2467df!important}
body[data-account-theme=light] :is(nav a.active,.account-subnav a.active,.workspace-tabs button[aria-pressed=true],.trade-tabs button[aria-pressed=true]){background:#e7efff!important;color:#2467df!important;border-color:#397ef1!important}
body[data-account-theme=light] .green,body[data-account-theme=light] .green strong{color:#00856c!important}
body[data-account-theme=light] .red,body[data-account-theme=light] .red strong{color:#c73b56!important}
body[data-account-theme=light] .theme-toggle{color:#40577a!important;border-color:#c7d3e3!important}
body[data-account-theme=light] .theme-toggle:hover{background:#e7efff!important;color:#2467df!important}
body[data-account-theme=light] :is(.brand,.auth-brand,.compact-brand) img{filter:brightness(.5) saturate(1.5)}
body[data-account-theme=light] :is(.chart-card,#chart,.futures-chart-card,#futures-chart,.chart-expanded){background:#fff!important}
body[data-account-theme=light] .chart-expanded{background:#fff!important}
body[data-account-theme=light] .account-menu summary:before{color:#fff!important}
body[data-account-theme=light] .auth-footer,body[data-account-theme=light] .auth-redesign-footer{background:#f4f6fa!important;border-color:#d5deeb!important}
body[data-account-theme=light] :is(.auth-hero,.auth-market-table,.auth-card,.auth-redesign .security-card){background:#fff!important;color:#203049!important;border-color:#d5deeb!important}
body[data-account-theme=light] .direction-switch button:not([aria-pressed=true]){color:#60718b!important;background:transparent!important}
body[data-account-theme=light] .direction-switch button[aria-pressed=true]{color:#092d29!important}
@media(max-width:700px){body .theme-toggle{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:5px!important;margin:0!important}body.client-terminal main>header>div{gap:4px}}
body.logged-out.auth-redesign[data-account-theme=light] main{background:#f4f6fa!important}
body[data-account-theme=light] .auth-markets{background:#fff!important;border-color:#d5deeb!important}
body[data-account-theme=light] :is(.auth-market-head,.auth-market-row){border-color:#d5deeb!important;color:#203049!important}
body[data-account-theme=light] .auth-market-head{background:#edf2f9!important}
body[data-account-theme=light] .auth-market-row b{color:#203049!important}
body[data-account-theme=light] main>header #connection{color:#60718b!important}
body[data-account-theme=light] :is(dialog,.share-dialog,.security-card){background:#fff;color:#203049;border-color:#d5deeb}
body[data-account-theme=light] tr:hover{background:#edf3ff!important}
body[data-account-theme=light] :is(#inbox-link,.settings-link){color:#40577a!important}
body[data-account-theme=light] :is(.asset-icon:not(img),.account-row-icon){background:#edf2f9!important;color:#40577a!important;border-color:#d5deeb!important}
body[data-account-theme=light] :is(.order-estimates small,.leverage-liquidation,.book-mid small,.spot-market-stats>span,.chart-credit,.futures-anchor-note){color:#60718b!important}
body[data-account-theme=light] .auth-footer-links button{color:#40577a!important}
body[data-account-theme=light] #notice:not(:empty){background:#edf5ff!important;color:#203049!important;border-color:#c7d9ef!important}
body[data-account-theme=light] #notice :is(button,span){color:#203049!important}
body[data-account-theme=light] .button-link.primary-action{background:#3982ff!important;border-color:#3982ff!important;color:#fff!important}
/* The position form and its live estimate share the available width. */
#position-manager #manage-form{max-width:840px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px;align-items:start}
#position-manager #manage-form>label{grid-column:1;margin:0}
#position-manager #manage-form>[type=submit]{grid-column:1;justify-self:start;min-width:112px}
#position-manager .close-preview{grid-column:2;grid-row:1/8;border:1px solid var(--line,#2b3b4f);border-radius:10px;padding:16px;min-width:0;background:#ffffff03}
#position-manager .close-preview[hidden]{display:none}
#position-manager .close-preview h3{font-size:14px;margin:0 0 12px}
#position-manager .close-preview>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:9px 0}
#position-manager .close-preview strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right}
#position-manager .close-preview small{display:block;margin-top:14px;color:#9eb2d1;line-height:1.5}
#position-manager #manage-error{grid-column:1;font-size:12px;margin:0}
body[data-account-theme=light] #position-manager .close-preview small{color:#60718b}
@media(max-width:700px){#position-manager #manage-form{display:flex;flex-direction:column;gap:12px}#position-manager #manage-form>label,#position-manager .close-preview{width:100%;box-sizing:border-box}#position-manager .close-preview{order:2}#position-manager #manage-error{order:3}#position-manager #manage-form>[type=submit]{order:4;min-height:44px}}
.client-terminal .chart-header-actions .chart-axis-reset{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;padding:0;font-size:22px;line-height:1}
.touch-price-axis{touch-action:none;cursor:ns-resize;user-select:none;-webkit-user-select:none}
@media(max-width:700px){.client-terminal .chart-header-actions{gap:5px}.client-terminal .chart-header-actions .chart-axis-reset,.client-terminal .chart-header-actions .chart-fullscreen,.client-terminal .chart-header-actions .indicator-menu>summary{width:32px;min-width:32px;height:34px}.client-terminal .chart-card>.toolbar{gap:6px}.client-terminal .chart-card>.toolbar h2{font-size:12px}}