/* Arcus adapter: layout sizing and data widgets only. Reference CSS owns the design. */
.c-layout-header { z-index: 100 !important; }
.c-layout-header .el-collapse { overflow: visible; }
.c-layout-header .ref-perpetuals-nav { position: relative; }
.c-layout-header .ref-direct-nav { display: flex; align-items: center; padding: 16px 20px; }
.c-layout-header .ref-direct-nav > a { display: flex; align-items: center; color: #fff; font: 500 16px/20px 'Host Grotesk Number',Onest,sans-serif; text-decoration: none; white-space: nowrap; }
.c-layout-header .ref-perpetuals-menu { position: absolute; z-index: 101; top: calc(100% - 19px); left: 20px; width: 320px; padding: 24px 16px 15px; border: 1px solid #303234; border-radius: 13px; background: #151515; box-shadow: 0 18px 36px #0008; text-align: left; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(6px); transition: opacity .16s ease, transform .16s ease, visibility .16s ease; }
.c-layout-header .ref-perpetuals-nav:hover .ref-perpetuals-menu,.c-layout-header .ref-perpetuals-nav:focus-within .ref-perpetuals-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.c-layout-header .ref-perpetuals-menu-title { display: block; margin: 0 8px 17px; color: #aeb1b5; font: 500 14px/20px Onest,sans-serif; }
.c-layout-header .ref-perpetuals-menu-link { display: flex; align-items: flex-start; gap: 20px; min-height: 94px; padding: 15px 8px 11px; border-radius: 8px; color: #f7f7f7; text-decoration: none; }
.c-layout-header .ref-perpetuals-menu-link:hover,.c-layout-header .ref-perpetuals-menu-link:focus-visible { background: rgba(255,255,255,.08); color: #fff; }
.c-layout-header .ref-perpetuals-menu-link svg { width: 24px; height: 24px; flex: none; margin-top: 1px; fill: none; stroke: #f4f5f5; stroke-width: 1.8; stroke-linecap: square; stroke-linejoin: miter; }
.c-layout-header .ref-perpetuals-menu-link strong { display: block; color: #f6f6f6; font: 700 16px/22px Onest,sans-serif; white-space: nowrap; }
.c-layout-header .ref-perpetuals-menu-link small { display: block; margin-top: 8px; color: #909397; font: 500 13px/18px Onest,sans-serif; }
.c-layout-header .ref-perpetuals-menu.is-market-open { width: 624px; min-height: 400px; }
.c-layout-header .ref-perpetuals-menu.is-market-open > .ref-perpetuals-menu-link { width: 288px; }
.c-layout-header .ref-perpetuals-live-link:hover,.c-layout-header .ref-perpetuals-menu.is-market-open .ref-perpetuals-live-link { background: rgba(255,255,255,.08); }
.c-layout-header .ref-nav-market-chevron { margin-left: auto; color: #b8bbbd; font: 24px/20px Onest,sans-serif; }
.c-layout-header .ref-nav-market-panel { position: absolute; top: 24px; left: 320px; width: 284px; display: none; text-align: left; }
.c-layout-header .ref-perpetuals-menu.is-market-open .ref-nav-market-panel { display: block; }
.c-layout-header .ref-nav-market-search { height: 39px; display: flex; align-items: center; gap: 10px; padding: 0 12px; border: 1px solid rgba(255,255,255,.11); border-radius: 22px; background: rgba(255,255,255,.055); }
.c-layout-header .ref-nav-market-search svg { width: 16px; height: 16px; flex: none; fill: none; stroke: #fff; stroke-width: 2; }
.c-layout-header .ref-nav-market-search input { width: 100%; height: 100%; padding: 0; border: 0; outline: 0; background: transparent; color: #fff; font: 500 13px/20px Onest,sans-serif; }
.c-layout-header .ref-nav-market-search input::placeholder { color: #83878a; }
.c-layout-header .ref-nav-market-list { margin-top: 14px; max-height: 270px; overflow: auto; scrollbar-width: thin; }
.c-layout-header .ref-nav-market-row { width: 100%; min-height: 51px; display: flex; align-items: center; gap: 7px; padding: 4px 6px; border: 0; border-radius: 8px; background: transparent; color: #f7f7f7; text-align: left; cursor: pointer; }
.c-layout-header .ref-nav-market-row:hover,.c-layout-header .ref-nav-market-row:focus-visible,.c-layout-header .ref-nav-market-all:hover,.c-layout-header .ref-nav-market-all:focus-visible { background: rgba(255,255,255,.09); outline: none; }
.c-layout-header .ref-nav-market-row img { width: 24px; height: 24px; flex: none; border-radius: 50%; object-fit: cover; }
.c-layout-header .ref-nav-market-row strong { font: 700 13px/18px Onest,sans-serif; white-space: nowrap; }
.c-layout-header .ref-nav-market-row small { padding: 1px 4px; border-radius: 8px; background: #1c3f49; color: #92e5f8; font: 700 9px/12px Onest,sans-serif; white-space: nowrap; }
.c-layout-header .ref-nav-market-numbers { margin-left: auto; display: grid; justify-items: end; font: 600 12px/16px Onest,sans-serif; }
.c-layout-header .ref-nav-market-numbers b { color: #f7f7f7; white-space: nowrap; }
.c-layout-header .ref-nav-market-numbers em { font-style: normal; }
.c-layout-header .ref-nav-market-numbers .ref-green { color: #0fbc86; }
.c-layout-header .ref-nav-market-numbers .ref-red { color: #eb377a; }
.c-layout-header .ref-nav-market-empty { margin: 24px 4px; color: #92969a; font: 500 13px/18px Onest,sans-serif; }
.c-layout-header .ref-nav-market-all { width: 100%; height: 48px; display: flex; align-items: center; gap: 9px; padding: 0 6px; border: 0; border-radius: 8px; background: transparent; color: #f7f7f7; text-align: left; cursor: pointer; }
.c-layout-header .ref-nav-market-all-icons { width: 49px; display: flex; align-items: center; flex: none; }
.c-layout-header .ref-nav-market-all-icons img { width: 23px; height: 23px; margin-right: -10px; border: 1px solid #29292a; border-radius: 50%; background: #1a1d20; object-fit: cover; }
.c-layout-header .ref-nav-market-all strong { font: 700 13px/18px Onest,sans-serif; }
.c-layout-header .ref-nav-market-all > span:last-child { margin-left: auto; color: #9b9da0; font: 600 12px/18px Onest,sans-serif; }
.ref-favorites-copy .ref-favorite-card { position: relative; display: inline-flex; align-items: center; background: #222629; border-radius: 4px; margin-right: 8px; overflow: hidden; vertical-align: middle; }
.ref-favorites-copy .ref-favorite-open { display: inline-flex; gap: 8px; align-items: center; color: #aeb9c5; padding: 4px 8px; margin: 0; }
.ref-favorites-copy .ref-favorite-remove { position: absolute; right: 0; inset-block: 0; width: 30px; padding: 0; margin: 0; background: linear-gradient(90deg,#22262899,#222628 35%); color: #fff; font-size: 18px; opacity: 0; pointer-events: none; transition: opacity .15s ease; }
.ref-favorite-card:hover .ref-favorite-remove,.ref-favorite-card:focus-within .ref-favorite-remove { opacity: 1; pointer-events: auto; }
.ref-tools-tooltip { display: none; position: absolute; z-index: 30; width: 200px; padding: 12px 16px; bottom: calc(100% + 12px); left: 50%; transform: translateX(-50%); border-radius: 6px; background: #24282a; color: #fff; font: 600 12px/18px Onest,sans-serif; text-align: left; white-space: normal; pointer-events: none; box-shadow: 0 4px 14px #0005; }
.ref-tools-tooltip:after { content: ''; position: absolute; left: calc(50% - 6px); bottom: -6px; border: 6px solid transparent; border-top-color: #24282a; border-bottom: 0; }
#tab-strategy { position: relative; overflow: visible; }
#tab-strategy:hover .ref-tools-tooltip,#tab-strategy:focus-visible .ref-tools-tooltip { display: block; }
.ref-tools-pane { display: none; padding: 16px; }
.ref-tools-active .ref-tools-pane { display: block; }
.ref-tools-active .futures-margin-tabs,.ref-tools-active .ref-easy-controls,.ref-tools-active .futures-place-tabs,.ref-tools-active .place-content-wrapper { display: none !important; }
.ref-tools-card { min-height: 108px; padding: 20px 16px; display: flex; gap: 14px; border-radius: 7px; background: #1b1e20; box-sizing: border-box; }
.ref-tools-card-icon { width: 20px; flex: none; color: #fff; font-size: 20px; line-height: 20px; }
.ref-tools-card strong { color: #fff; font: 600 14px/20px Onest,sans-serif; }
.ref-tools-card p { color: #a2a8ab; font: 500 12px/18px Onest,sans-serif; margin: 5px 0 9px; }
.ref-tools-card small { color: #9fe7f5; font: 500 11px/16px Onest,sans-serif; }
.ref-easy .futures-place-order-panel .ref-easy-leverage [data-preset].selected { background: #a4edfb; color: #111; }
.ref-easy .futures-place-order-panel .ref-easy-leverage [data-easy-leverage] { background: #222628; color: #e9eef0; width: 30px; padding: 0; display: inline-grid; place-items: center; }
.ref-easy .futures-place-order-panel .ref-easy-leverage [data-easy-leverage] svg { width: 14px; height: 14px; }
.ref-easy-leverage-options,.ref-easy-leverage-options [data-easy-presets] { display: flex; gap: 6px; flex-wrap: wrap; }
.ref-easy .futures-place-order-panel .ref-easy-leverage [data-preset] { background: #171b1d; color: #858b90; padding: 0 7px; }
.ref-favorites-copy .ref-favorite-card { background: #222629; color: #aeb9c5; border-radius: 4px; padding: 4px 8px; display: inline-flex; gap: 8px; align-items: center; }
[data-terminal-favorite] { stroke: #858b90; cursor: pointer; }
[data-terminal-favorite][aria-pressed=true] { stroke: #f4ce63; }
.ref-market-picker .tag.active { background: white !important; color: #111 !important; }
.ref-favorites-copy .ref-favorite-card { background: #222629; color: #aeb9c5; border-radius: 4px; padding: 4px 8px; display: inline-flex; gap: 8px; align-items: center; }
[data-terminal-favorite] { stroke: #858b90; cursor: pointer; }
[data-terminal-favorite][aria-pressed=true] { stroke: #f4ce63; }
.ref-market-picker .tag.active { background: white !important; color: #111 !important; }
/* Easy uses the same bounded content column as Classic, without captured minimum widths. */
.ref-easy .futures-place-order-panel .place-content-wrapper,
.ref-easy .futures-place-order-panel .place-content,
.ref-easy .futures-place-order-panel .place-open { width: 100%; min-width: 0; box-sizing: border-box; }
.ref-easy .futures-place-order-panel .place-content-wrapper { padding: 0 16px; }
.ref-easy .futures-place-order-panel .place-content { padding: 0; }
.ref-easy .futures-place-order-panel .ref-easy-controls { margin: 0 16px 24px; }
.ref-easy .ref-easy-controls .ref-direction { background: transparent; gap: 4px; overflow: visible; }
.ref-easy .ref-easy-controls .ref-direction button { min-width: 0; height: 32px; border-radius: 6px; font-size: 14px; background: #151819; color: #fff; }
.ref-easy .ref-easy-controls .ref-direction button:first-child { clip-path: polygon(0 0,100% 0,95% 100%,0 100%); }
.ref-easy .ref-easy-controls .ref-direction button:last-child { clip-path: polygon(5% 0,100% 0,100% 100%,0 100%); }
.ref-easy .ref-easy-controls .ref-direction button.selected { background: #09b77b; }
.ref-easy .ref-easy-controls .ref-direction button[data-easy-side=short].selected { background: #e93678; }
.ref-easy .futures-place-order-panel .ax-trade-input { min-width: 0; width: 100%; }
.ax-trade-input__suffix { pointer-events: none; cursor: default; color: #858b90; }
.ax-trade-input__suffix svg,.ax-trade-input__unit-line { display: none; }
.ref-easy .futures-place-order-panel .ref-easy-leverage { border: 0; padding: 14px 0 0; }
.ref-easy .futures-place-order-panel .ref-easy-leverage button { height: 26px; padding: 0 10px; font-size: 12px; }
.ref-easy .futures-profit-loss,.ref-easy .ref-risk-grid { display: none !important; }
.ref-easy-risk { display: none; }
.ref-easy .ref-easy-risk { display: block; padding: 16px 0 12px; }
.ref-easy-risk-toggle { display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 20px; cursor: pointer; }
.ref-easy-risk-toggle input { appearance: none; width: 14px; height: 14px; border: 1px solid #4a5053; border-radius: 2px; margin: 0; }
.ref-easy-risk-toggle input:checked { background: #9fe7f5; border-color: #9fe7f5; }
.ref-easy-risk-toggle input:checked:after { content: '✓'; color: #102126; display: block; line-height: 12px; text-align: center; }
.ref-easy-risk-toggle span,.ref-easy-liquidation span { border-bottom: 1px dashed #858b90; }
.ref-easy-risk-slot { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .2s; }
.ref-easy-risk-slot>label { overflow: hidden; min-height: 0; font-size: 0; }
.ref-easy-risk-slot.expanded { grid-template-rows: 1fr; margin: -10px 0 18px; }
.ref-easy-risk-slot .ref-risk-field { margin: 0; font-size: 12px; }
.ref-easy-liquidation { font-size: 12px; color: #858b90; }
.ref-easy-liquidation b { color: #fff; font-weight: 500; }
.ref-easy .openPosition { border-top: 1px solid #262a2c; padding-top: 16px; margin-top: 0; }
.ref-easy .futures-place-order-panel .ref-open-buttons { display: flex; margin: 0; }
.ref-easy .futures-place-order-panel .futures-fee-rates { padding: 18px 0 0; }
.ref-settings-dialog.ref-modal input[type=range] { appearance: none; height: 30px; margin: 12px 0 0; cursor: pointer; }
.ref-settings-dialog.ref-modal input[type=range]::-webkit-slider-runnable-track { height: 4px; background: #33393c; border-radius: 2px; }
.ref-settings-dialog.ref-modal input[type=range]::-webkit-slider-thumb { appearance: none; width: 14px; height: 14px; margin-top: -5px; background: #9fe7f5; border: 2px solid #0e1012; border-radius: 3px; transform: rotate(45deg); }
.ref-settings-dialog.ref-modal input[type=range]::-moz-range-track { height: 4px; background: #33393c; }
.ref-settings-dialog.ref-modal input[type=range]::-moz-range-thumb { width: 12px; height: 12px; background: #9fe7f5; border: 2px solid #0e1012; border-radius: 3px; }
.futures-place-order-panel.futures-place-order-panel { height: auto !important; min-height: 0 !important; }
.ref-easy .futures-place-tabs { display: none !important; }
.ref-easy .ref-easy-controls { margin: 0 16px; }
.ref-easy .ref-easy-controls .ref-direction { margin-bottom: 0; }
.ref-easy .futures-margin-tabs .adjustingLever { visibility: hidden; }
.tv-chart-container { position: relative; }
.ref-chart-info { position: absolute; inset: 0; z-index: 8; background: #0e1012; padding: 24px; overflow: auto; }
.ref-chart-info[hidden] { display: none; }
.ref-chart-info h3 { font-size: 18px; margin-bottom: 24px; }
.ref-chart-info dl { display: grid; grid-template-columns: 240px 1fr; gap: 16px; font-size: 14px; }
.ref-chart-info dt { color: #858b90; }
.ref-funding-chart { height: 230px; margin-top: 20px; }
.ref-favorite-star { width: 20px; height: 20px; margin: 0 12px 0 14px; fill: #f4ce63; flex: none; }
.TickFavorite .ref-favorites-bar { position:relative; display:flex; align-items:center; flex:0 0 auto; min-width:0; overflow:hidden; }
.ref-favorites-viewport { flex:1 1 auto; min-width:0; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; overscroll-behavior-inline:contain; }
.ref-favorites-viewport::-webkit-scrollbar { display:none; }
.ref-favorites-copy { display:inline-flex; align-items:center; min-height:32px; width:max-content; white-space:nowrap; font:500 12px/18px Onest,sans-serif; color:#aeb9c5; }
.ref-favorites-copy button { padding: 0; margin-right: 8px; background: transparent; border: 0; color: #9fe7f5; font: inherit; }
.ref-favorites-edge { position:absolute; top:0; bottom:0; z-index:2; display:flex; align-items:center; width:56px; opacity:0; pointer-events:none; transition:opacity .18s ease; }
.ref-favorites-edge-left { left:46px; justify-content:flex-start; padding-left:4px; background:linear-gradient(90deg,rgba(14,16,18,.72) 0%,rgba(14,16,18,.35) 44%,transparent 100%); }
.ref-favorites-edge-right { right:0; justify-content:flex-end; padding-right:4px; background:linear-gradient(90deg,transparent 0%,rgba(14,16,18,.35) 56%,rgba(14,16,18,.72) 100%); }
.ref-favorites-bar.can-scroll-left .ref-favorites-edge-left,.ref-favorites-bar.can-scroll-right .ref-favorites-edge-right { opacity:1; pointer-events:auto; }
.ref-favorites-edge button { display:grid; place-items:center; width:30px; height:30px; padding:0; border:1px solid rgba(221,240,245,.28); border-radius:9px; background:linear-gradient(145deg,rgba(230,248,255,.09),rgba(46,69,82,.055)); color:#eef8fa; box-shadow:0 4px 14px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.16); -webkit-backdrop-filter:blur(24px) saturate(165%); backdrop-filter:blur(24px) saturate(165%); opacity:0; transition:opacity .18s ease,transform .18s ease,background .18s ease; }
.ref-favorites-edge button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ref-favorites-edge-left button { transform:translateX(-5px); }
.ref-favorites-edge-right button { transform:translateX(5px); }
.ref-favorites-edge:hover button,.ref-favorites-edge button:focus-visible { opacity:1; transform:translateX(0); }
.ref-favorites-edge button:hover { background:linear-gradient(145deg,rgba(230,248,255,.15),rgba(46,69,82,.10)); }
.ref-favorites-edge button:disabled { display:none; }
.ref-market-picker .token-row [role=button] { cursor: pointer; }
.trick .swiper { overflow-x: auto; scrollbar-width: none; }
.trick .swiper::-webkit-scrollbar { display: none; }
.trick .swiper-button-prev { position: sticky; float: left; left: 0; }
.trick .swiper-button-next { position: sticky; float: right; right: 0; }
.ref-easy .futures-place-order-panel { min-height: 100%; }
.ref-easy .futures-available { display: none; }
.ax-trade-input .ax-trade-input__input { font: 500 14px/20px Onest,sans-serif; }
.ref-settings-dialog.ref-modal { width: 480px; background: #151819; border-color: #303336; border-radius: 18px; padding: 24px; box-sizing: border-box; font: 500 14px/20px Onest,sans-serif; }
.ref-settings-dialog.ref-modal h2 { font: 700 24px/30px Onest,sans-serif; margin-bottom: 24px; }
.ref-settings-dialog.ref-modal .ref-close { padding: 0; background: none; font-size: 28px; font-weight: 300; }
.ref-settings-dialog.ref-modal .ref-choice { display: block; text-align: left; width: 100%; border: 1px solid #303436; background: transparent; border-radius: 16px; padding: 16px; margin: 16px 0; }
.ref-settings-dialog.ref-modal .ref-choice b { font-size: 16px; }
.ref-settings-dialog.ref-modal .ref-choice p { font-size: 13px; color: #919598; line-height: 18px; margin: 10px 0 0; }
.ref-settings-dialog.ref-modal .ref-choice.selected { background: linear-gradient(#222627,#222627) padding-box,linear-gradient(120deg,#f1b9d4,#8ee7f5) border-box; border-color: transparent; }
.ref-settings-dialog .ref-choice.selected b:after { content: '✓'; float: right; }
.ref-settings-dialog button:disabled { opacity: .45; cursor: not-allowed; }
.ref-settings-dialog .ref-dialog-actions { display: flex; gap: 4px; margin-top: 24px; }
.ref-settings-dialog .ref-dialog-actions button,.ref-settings-dialog .ref-confirm-wide { flex: 1; border-radius: 28px; height: 50px; font-size: 16px; background: #24282a; }
.ref-settings-dialog .ref-dialog-actions [data-confirm],.ref-settings-dialog .ref-confirm-wide { background: #fff; color: #111; }
.ref-settings-dialog .ref-confirm-wide { width: 100%; margin-top: 24px; }
.ref-settings-dialog .ref-leverage-stepper { display: flex; align-items: center; background: #202425; border-radius: 14px; }
.ref-settings-dialog .ref-leverage-stepper input { text-align: center; margin: 0; border: 0; }
.ref-settings-dialog .ref-leverage-stepper button { background: none; font-size: 24px; }
.ref-settings-dialog.ref-modal input,.ref-settings-dialog.ref-modal select { box-sizing: border-box; font: inherit; height: 42px; padding: 10px 12px; background: #202425; border: 0; border-radius: 9px; color: #fff; width: 100%; }
.ref-settings-dialog.ref-modal input[type=range] { padding: 0; accent-color: #9fe7f5; background: transparent; }
.ref-settings-dialog .ref-range-labels { display: flex; justify-content: space-between; color: #858b90; }
.ref-settings-dialog .ref-dialog-copy { margin-top: 24px; color: #858b90; font-size: 13px; }
.ref-settings-dialog .ref-warning { color: #f3ce63; margin-top: 20px; font-size: 13px; }
.ref-settings-dialog .ref-direction,.ref-easy-controls .ref-direction { display: flex; background: #262a2c; border-radius: 8px; overflow: hidden; margin-bottom: 24px; }
.ref-settings-dialog .ref-direction button,.ref-easy-controls button { flex: 1; background: transparent; color: #92979b; font-weight: 600; border: 0; height: 36px; }
.ref-settings-dialog .ref-direction button.selected,.ref-easy-controls button.selected { background: #09b77b; color: #fff; }
.ref-settings-dialog .ref-direction button[data-dir=short].selected,.ref-easy-controls button[data-easy-side=short].selected { background: #e93678; }
.ref-settings-dialog .ref-risk-pair { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; }
.ref-settings-dialog label { display: block; color: #959a9e; font-size: 12px; }
.ref-settings-dialog label input { margin-top: 6px; }
.ref-settings-dialog .ref-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ref-settings-dialog .ref-summary span { color: #858b90; }
.ref-settings-dialog .ref-summary b { text-align: right; }
.ref-settings-dialog small { color: #999; font-size: 12px; }
.ref-settings-dialog .ref-risk-section { margin-top: 24px; }
.ref-settings-dialog .ref-risk-section small { float: right; }
.ref-settings-dialog .ref-risk-section p { color: #858b90; font-size: 12px; }
.ref-settings-dialog .ref-readonly { background: #202425; padding: 12px; margin: 6px 0; border-radius: 8px; }
.ref-settings-dialog .ref-error { color: #e93678; }
.ref-calculator.ref-modal { width: 640px; }
.ref-calculator .ref-calc-market { max-width: 240px; }
.ref-calculator .ref-calc-tabs { display: flex; gap: 20px; border-bottom: 1px solid #303436; margin: 24px 0; }
.ref-calculator .ref-calc-tabs button { background: none; border-radius: 0; padding: 0 0 12px; color: #858b90; font-size: 16px; }
.ref-calculator .ref-calc-tabs button.active { color: #fff; border-bottom: 3px solid #fff; }
.ref-calculator .ref-calc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.ref-calculator .ref-calc-result { border-left: 1px solid #303436; padding-left: 24px; }
.ref-calculator .ref-calc-result p { display: flex; justify-content: space-between; gap: 8px; }
.ref-calculator label { margin: 16px 0; }
.ref-calculator label[hidden] { display: none; }
.ref-calculator.ref-modal{width:640px;max-height:min(90vh,720px);background:#1b1d1e;border-radius:17px}.ref-calculator .ref-modal h2{display:none}.ref-calculator .ref-calc-market-wrap{position:relative}.ref-calculator .ref-calc-market{width:240px;height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#242728;border:1px solid #373a3c;border-radius:12px;color:#fff;text-align:left}.ref-calculator .ref-calc-market i,.ref-calc-market-list i{width:7px;height:7px;border-radius:50%;background:#0ccb81;display:inline-block;flex:none}.ref-calculator .ref-calc-market b{margin-left:auto}.ref-calc-market-menu{position:absolute;top:48px;left:0;z-index:5;width:240px;height:284px;padding:8px;background:linear-gradient(145deg,#262a2be8,#252326ee);border:1px solid #3a3d3e;border-radius:14px;backdrop-filter:blur(18px);box-shadow:0 16px 36px #000a}.ref-calc-market-menu[hidden]{display:none}.ref-calc-market-menu input{height:36px;margin:0 0 6px;border:0;border-radius:20px;background:#373a3c}.ref-calc-market-list{height:225px;overflow:auto}.ref-calc-market-list button{width:100%;height:39px;text-align:left;display:flex;align-items:center;gap:10px;background:transparent;color:#eee}.ref-calc-market-list button:hover{background:#293b36}.ref-calculator .ref-calc-tabs{margin:20px 0 24px}.ref-calculator .ref-calc-grid{grid-template-columns:1fr 1fr;gap:24px}.ref-calculator .ref-calc-form{min-width:0}.ref-calculator .ref-calc-result{padding-left:24px}.ref-calculator .ref-calc-result h3{margin:0 0 18px}.ref-calculator .ref-calc-result p{margin:0 0 12px;font-size:12px;color:#aeb4b7}.ref-calculator .ref-calc-result b{font-size:13px;color:#fff}.ref-calculator .ref-calc-result b.ref-green{color:#0ccb81}.ref-calculator .ref-calc-result b.ref-red{color:#e93678}.ref-calculator .ref-direction{display:flex;margin-bottom:14px;background:#303334;border-radius:7px}.ref-calculator .ref-direction button{width:50%;height:33px;padding:0;background:transparent}.ref-calculator .ref-direction button.selected{background:#0ccb81;color:#fff}.ref-calculator .ref-calc-lev input[type=range]{width:100%;height:5px;margin:12px 0 0;padding:0;accent-color:#9fe7f5;background:linear-gradient(to right,#9fe7f5 var(--calc-progress),#303435 var(--calc-progress));appearance:none}.ref-calculator .ref-calc-lev input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;transform:rotate(45deg);border:2px solid #102c31;background:#aaf1ff;cursor:pointer}.ref-calc-lev-labels{display:flex;justify-content:space-between;color:#8a9298;font-size:12px}.ref-calc-lev p,.ref-calc-notional{color:#858b90;font-size:12px;line-height:18px;margin:14px 0 10px}.ref-calc-lev p b{color:#fff}.ref-calculator label{display:block;margin:12px 0 0;color:#aeb4b7;font-size:12px}.ref-calculator .ref-calc-input{height:42px;display:flex;align-items:center;border-radius:8px;background:#242728;margin-top:5px}.ref-calculator .ref-calc-input input{border:0;background:transparent;margin:0;height:42px;min-width:0;flex:1}.ref-calculator .ref-calc-input span{padding:0 12px;color:#aeb4b7}.ref-calculator .ref-calc-mode{width:100%;height:40px;margin-bottom:12px;padding:0 12px;border:0;border-radius:8px;background:#242728;color:#fff}.ref-calculator .ref-confirm-wide{height:42px;width:100%;margin-top:14px;border-radius:24px;background:#fff;color:#17191a}.ref-calc-error{min-height:14px;color:#e93678;font-size:12px}
.ref-order-price-wrap{margin:14px 0}.ref-order-price-wrap>label{display:block;font-size:12px;color:#9ea6aa;margin:10px 0 6px}.ref-order-price-wrap .ref-limit-input{margin:0}.ref-trigger-row{display:flex;gap:5px}.ref-trigger-row input{flex:1;min-width:0}.ref-trigger-row select{width:75px;border:0;border-radius:8px;background:#242728;color:#fff;padding:0 5px}.ref-price-difference{font-size:12px;color:#8a9298;margin:12px 0}.ref-price-difference span{color:#fff}
.ref-position-preview{position:absolute;inset:0 85px 0 0;pointer-events:none;z-index:3;opacity:0;transition:opacity .3s}.ref-position-preview.visible{opacity:1}.ref-preview-profit,.ref-preview-loss{position:absolute;left:0;right:0;pointer-events:none}.ref-preview-profit{top:0;height:var(--entry-y)}.ref-preview-loss{top:var(--entry-y);bottom:0}.ref-preview-line{position:absolute;left:0;right:0;top:calc(var(--entry-y) - 10px);height:20px;background:linear-gradient(to bottom,transparent,rgba(12,203,129,.12) 50%,transparent);filter:blur(7px)}.ref-position-preview[data-side=short] .ref-preview-line{background:linear-gradient(to bottom,transparent,rgba(233,54,120,.12) 50%,transparent)}.ref-chart-footer a{color:#6e767d;text-decoration:none;font-size:10px}.ref-chart-footer a:hover{color:#9fe7f5}
.futures-footer{display:block!important;pointer-events:none}
.ref-close-mode .ref-open-buttons [data-side=long]{background:#e93678}.ref-close-mode .ref-open-buttons [data-side=short]{background:#0ccb81}.ref-close-mode .futures-profit-loss,.ref-close-mode .ref-risk-grid{display:none!important}.ref-close-summary{display:none;justify-content:space-between;gap:8px;margin:16px 0;color:#8d969e;font-size:12px}.ref-close-mode .ref-close-summary{display:flex}.ref-close-summary>div:last-child{text-align:right}.ref-close-summary b{display:block;color:#fff;font-weight:500}
.ref-close-summary>button{min-width:0;flex:1;border:0;border-radius:7px;padding:5px 0;background:transparent;color:#8d969e;font-size:12px;text-align:left}.ref-close-summary>button:last-child{text-align:right}.ref-close-summary>button.selected{color:#b8eefa}.ref-close-summary>button:hover{color:#fff}
.ref-slider-input{inset:auto!important;left:10px!important;top:0!important;width:calc(100% - 20px)!important;height:24px!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;opacity:0!important}
.ref-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:1px;height:1px;border:0}.ref-slider-input::-moz-range-thumb{width:1px;height:1px;border:0}
.ref-order-select{position:relative;flex:0 0 75px}.ref-order-select-trigger{width:100%;height:42px;border:0;border-radius:8px;background:#242728;color:#fff}.ref-order-select-menu{position:absolute;z-index:15;right:0;top:46px;width:94px;padding:5px;border:1px solid #ffffff21;border-radius:12px;background:linear-gradient(125deg,#25292bec,#34282ef0);backdrop-filter:blur(18px);box-shadow:0 12px 30px #0009}.ref-order-select-menu[hidden]{display:none}.ref-order-select-menu button{display:block;width:100%;height:38px;border:0;border-radius:7px;text-align:left;padding:0 10px;background:transparent;color:#fff}.ref-order-select-menu button:hover{background:#ffffff17}
.ref-modal select[data-tp-source],.ref-modal select[data-sl-source]{display:block;width:100%;height:40px;margin:0 0 14px;padding:0 12px;border:1px solid #34383b;border-radius:8px;background:#242728;color:#fff}
.ref-risk-dialog [data-advanced-source]{float:right;border:0;background:#1d2021;color:#fff;font-size:12px}
.ref-market-picker{background:linear-gradient(125deg,rgba(27,31,33,.92),rgba(29,29,33,.88))!important;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);border:1px solid #ffffff20!important;box-shadow:0 18px 45px #000b!important}.ref-market-picker .token-row:hover{background:#ffffff10!important}.ref-market-picker .token-row.active{background:#ffffff16!important}.ref-book-step-menu{background:linear-gradient(125deg,#25292bec,#35272ef0);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
.futures-profit-loss { position: relative; }
.futures-profit-loss .ref-advanced { float: right; border: 0; background: transparent; color: #9fe7f5; font-size: 12px; }
.ref-risk-fields { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .2s ease,opacity .2s ease; }
.ref-risk-fields>div { overflow: hidden; min-height: 0; }
.ref-risk-expanded .ref-risk-fields { grid-template-rows: 1fr; opacity: 1; }
.ref-risk-fields label { display: block; color: #858b90; margin-top: 12px; font-size: 12px; }
.ref-risk-field { display: flex; gap: 4px; margin-top: 6px; }
.ref-risk-field input { min-width: 0; flex: 1; height: 42px; padding: 0 12px; border: 0; border-radius: 8px; background: #202425; color: #fff; }
.ref-risk-field button { border: 0; border-radius: 8px; padding: 0 12px; background: #202425; color: #fff; }
.ref-risk-field{width:100%;align-items:stretch}.ref-risk-field input{width:0;min-width:0;flex:1}.ref-risk-price-source{position:relative;flex:0 0 68px}.ref-risk-price-source>button{height:42px;width:100%;white-space:nowrap}.ref-risk-price-menu{position:absolute;z-index:8;right:0;top:44px;width:68px;padding:4px;border:1px solid #34383b;border-radius:10px;background:#1f2224;box-shadow:0 8px 20px #0009}.ref-risk-price-menu[hidden]{display:none}.ref-risk-price-menu button{display:block;width:100%;height:36px;text-align:left}.ref-risk-price-menu button:hover{background:#34383b}.ref-risk-fields{width:100%}.ref-risk-fields>div{width:100%}.ref-risk-expanded .ref-risk-fields{margin-bottom:12px}.futures-profit-loss .ref-advanced[hidden]{display:none}
.order-book-precision-kselect{position:relative}.ref-book-step-menu{position:absolute;z-index:20;right:0;top:26px;width:150px;padding:8px;border:1px solid #363b3d;border-radius:14px;background:linear-gradient(125deg,#202425f5,#262124f2);backdrop-filter:blur(14px);box-shadow:0 15px 30px #0009}.ref-book-step-menu[hidden]{display:none}.ref-book-step-menu button{display:block;width:100%;height:40px;padding:0 12px;border:0;border-radius:8px;color:#fff;background:transparent;text-align:left}.ref-book-step-menu button:hover,.ref-book-step-menu button[aria-selected=true]{background:#34393b}
.ref-easy-controls,.ref-easy-leverage { display: none; }
.ref-easy .ref-easy-controls,.ref-easy .ref-easy-leverage { display: block; }
.ref-easy .futures-assets { display: none; }
.ref-easy .ref-easy-leverage { padding: 14px 0; border-bottom: 1px solid #303436; }
.ref-easy .ref-easy-leverage p { margin-bottom: 12px; font-size: 12px; color: #858b90; }
.ref-easy .ref-easy-leverage button { background: #9fe7f5; color: #111; border: 0; border-radius: 4px; padding: 6px 12px; }
.ref-easy .ref-open-buttons button { width: 100%; height: 50px; }
.ref-easy[data-easy-side=long] .ref-open-buttons [data-side=short],.ref-easy[data-easy-side=short] .ref-open-buttons [data-side=long] { display: none; }
.ref-easy .ref-risk-grid>div:nth-child(n+3) { display: none; }
.ref-easy .futures-place-order-panel li.item,.ref-easy .order-type-tab:nth-child(2) { display: none; }
.orderbook-pane[data-view=buy] .sell-list,.orderbook-pane[data-view=sell] .buy-list { display: none !important; }
.orderbook-pane[data-view=horizontal] .order-book-list { display: grid !important; grid-template-columns: 1fr 1fr; grid-template-rows: 44px minmax(0,1fr); }
.orderbook-pane[data-view=horizontal] .last-price-row { grid-row: 1; grid-column: 1/3; }
.orderbook-pane[data-view=horizontal] .buy-list { grid-row: 2; grid-column: 1; }
.orderbook-pane[data-view=horizontal] .sell-list { grid-row: 2; grid-column: 2; }
.orderbook-pane[data-view=horizontal] .sell-item-list { flex-direction: column !important; }
.orderbook-pane[data-view=horizontal] .order-book-row { min-width: 0 !important; padding: 0 8px; }
.orderbook-pane[data-view=horizontal] .order-book-row .total-col { display: none; }
.orderbook-pane[data-view=horizontal] .order-book-row .price-col,.orderbook-pane[data-view=horizontal] .order-book-row .amount-col { width: 50%; flex: 1; }
@media(prefers-reduced-motion:reduce){.ref-risk-fields{transition:none}}
.tv-chart-container .ref-chart-wrap { grid-template-rows: minmax(0,1fr); }
.tv-chart-container .ref-chart-footer { display: none; }
.tv-chart-container .ref-chart-tools { grid-row: 1; }
.futures-order-tabs { min-height: 64px; padding: 10px 20px !important; box-sizing: border-box; }
.futures-order-tabs .el-tabs__header { margin: 0 !important; }
.futures-order-tabs .el-tabs__item { height: 40px !important; display: flex; align-items: center; }
.futures-order-tabs .el-tabs__active-bar { display:none !important; }
.futures-order-tabs .el-tabs__item > span { position:relative; }
.futures-order-tabs .el-tabs__item.is-active > span::after { content:""; position:absolute; right:0; bottom:-3px; left:0; height:2px; background:#fff; }
.futures-order-tabs .el-tabs__nav { display: flex; gap: 20px; }
.futures-order-tabs .el-tabs { margin-left: 10px !important; }
.futures-order-tabs-constnt .ref-table th { padding: 12px 30px 20px; }
.toolTime .ref-timeframe { border: 0; background: none; color: #858b94; padding: 6px 10px; font: 500 12px/20px Onest,sans-serif; }
.toolTime .ref-timeframe:hover { color: #9fe7f5; }
.toolTime .ref-timeframe.active { color: #fff; }
.vue-grid-item .item-close-icon { display: none !important; }
.currencyDom .family-coin { font: 600 20px/24px Onest,sans-serif !important; gap: 8px; }
.currencyDom .currency-label-top { margin: 0 !important; align-self: center; }
.trick .swiper { padding: 0 24px; box-sizing: border-box; }
.trick .swiper-wrapper { transform: none !important; }
.trick .swiper-button-prev,.trick .swiper-button-next { width: 22px; background: #0e1012; height: 100%; top: 0; margin: 0; color: #858b94; display: grid; place-items: center; cursor: pointer; }
.trick .swiper-button-prev:hover,.trick .swiper-button-next:hover { color: #9fe7f5; background: #202427; }
.order-book-tabs .tab-pane>.order-book { display: flex !important; }
.order-book-tabs .tab-pane>.trades { display: none !important; }
.order-book-tabs.show-trades .tab-pane>.order-book { display: none !important; }
.order-book-tabs.show-trades .tab-pane>.trades { display: flex !important; height: 100%; overflow: hidden; }
.order-book-tabs .trade-list-item { display: grid !important; grid-template-columns: 1fr 1fr 1fr; height: 24px; min-height: 24px; align-items: center; padding: 0 16px; font-size: 12px; }
.order-book-tabs .last-trades-header { display: grid !important; grid-template-columns: 1fr 1fr 1fr; height: 32px; align-items: center; box-sizing: border-box; padding: 0 16px; }
.order-book-tabs .last-trades-header .amount-col,.order-book-tabs .trade-list-item .amount-col { width: auto !important; text-align: center; }
.order-book-tabs .trade-list-item .time-col { text-align: right; }
.order-book-tabs .order-book-items .overlay { display: none !important; }
.order-book-tabs .order-book-row.ref-depth-hover { background-color: #2b3139 !important; }
.ref-tooltip.ref-depth-tip { border-radius: 3px; line-height: 22px; font-weight: 500; }
.ref-market-picker { padding: 0 !important; height: min(600px,calc(100vh - 200px)); border: 1px solid #303336 !important; border-radius: 8px !important; background: #0e1012 !important; overflow: hidden; font-family: Onest,sans-serif !important; }
.ref-market-picker>div { display: flex; flex-direction: column; height: 100%; }
.ref-market-picker .asset-name-input { padding: 16px; margin: 0; }
.ref-market-picker .symbol-category-swiper { flex: none; padding: 0 16px; }
.ref-market-picker .symbol-category-swiper .swiper-wrapper { display: flex; transform: none !important; gap: 6px; }
.ref-market-picker .symbol-category-swiper .swiper-slide { width: auto !important; flex: none; }
.ref-market-picker .tag { cursor: pointer; }
.ref-market-picker .token-header { display: grid; grid-template-columns: minmax(0,1fr) 96px 78px; padding: 0 21px 0 12px; margin: 20px 0 12px; color: #858b94; font-size: 12px; flex: none; }
.ref-market-picker .token-header-symbol { display: flex; gap: 6px; }
.ref-market-picker .token-header .price-col,.ref-market-picker .token-header .rate-col { display: flex; align-items: center; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: right; justify-content: flex-end; }
.ref-market-picker .token-header .price-col .icon-sort,.ref-market-picker .token-header .rate-col .icon-sort { display: none; }
.ref-market-picker .symbol-scrollbar { flex: 1; min-height: 0; }
.ref-market-picker .el-scrollbar__wrap { height: 100%; overflow-y: auto !important; scrollbar-width: thin; scrollbar-color: #42464b transparent; }
.ref-market-picker .token-row { display: grid !important; grid-template-columns: minmax(0,1fr) 96px 78px; align-items: center; padding: 8px 12px; min-height: 54px; cursor: pointer; }
.ref-market-picker .token-row:hover,.ref-market-picker .token-row.active { background: #1d2023; }
.ref-market-picker .token-name { display: flex; align-items: center; min-width: 0; gap: 8px; }
.ref-market-picker .token-name>svg { width: 16px; height: 16px; margin: 0; flex: none; }
.ref-market-picker .token-name img { flex: none; margin: 0; }
.ref-market-picker .token-name-content { min-width: 0; }
.ref-market-picker .token-symbol-line { display: flex; align-items: center; gap: 3px; }
.ref-market-picker .token-symbol-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.ref-market-picker .token-row .price-col,.ref-market-picker .token-row .rate-col { width: auto !important; text-align: right; font-size: 13px; }
.ref-market-picker .token-valume-text { font-size: 12px; color: #858b94; }
.ref-market-picker .el-popper__arrow { display: none; }
/* Smoked glass shared by the reference dropdowns and favorite quote cards. */
.ref-book-step-menu,
.ref-market-picker,
.ref-favorites-copy .ref-favorite-card {
  background: linear-gradient(110deg,rgba(31,33,35,.83) 0%,rgba(43,34,39,.83) 56%,rgba(64,43,53,.82) 100%) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(22px) saturate(135%);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
  box-shadow: 0 16px 38px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.045);
}
.ref-book-step-menu { width: 236px; padding: 12px 0; border-radius: 16px; }
.ref-book-step-menu button { height: 47px; padding: 0 15px; border-radius: 8px; font-size: 15px; font-weight: 600; }
.ref-book-step-menu button:hover,.ref-book-step-menu button[aria-selected=true] { background: linear-gradient(90deg,rgba(255,255,255,.11),rgba(255,255,255,.075)); }
.ref-market-picker { border-radius: 12px !important; }
.ref-market-picker>div,.ref-market-picker .symbol-scrollbar,.ref-market-picker .el-scrollbar,.ref-market-picker .el-scrollbar__wrap,.ref-market-picker .el-scrollbar__view { background: transparent !important; }
.ref-market-picker .token-row:hover,.ref-market-picker .token-row.active { background: rgba(255,255,255,.09) !important; }
.ref-favorites-copy .ref-favorite-card { border-radius: 7px; padding: 3px 7px; }
.ref-favorites-copy .ref-favorite-remove { background: linear-gradient(90deg,rgba(51,39,45,.1),rgba(51,39,45,.95) 35%); }
.ref-position-preview[data-side=long] .ref-preview-loss,
.ref-position-preview[data-side=short] .ref-preview-profit { display: none; }
.ref-position-preview[data-side=long] .ref-preview-profit {
  background: linear-gradient(to top,rgba(12,203,129,.23),rgba(12,203,129,.08) 45%,transparent);
  filter: blur(10px);
  transform-origin: bottom;
}
.ref-position-preview[data-side=short] .ref-preview-loss {
  background: linear-gradient(to bottom,rgba(233,54,120,.23),rgba(233,54,120,.08) 45%,transparent);
  filter: blur(10px);
  transform-origin: top;
}
.ref-position-preview.visible[data-side=long] .ref-preview-profit,
.ref-position-preview.visible[data-side=short] .ref-preview-loss { animation: ref-direction-reveal .35s ease-out both; }
@keyframes ref-direction-reveal { from { opacity: 0; transform: scaleY(.82); } to { opacity: 1; transform: scaleY(1); } }
.futures-footer { bottom: 0 !important; height: 24px !important; min-height: 24px; padding: 0 !important; box-sizing: border-box; }
.futures-footer > .recommend-symbol-list,
.futures-footer > .flex-row.items-center:last-child { display: none !important; }
.futures-footer .footer-smybol-list { left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; height: 24px !important; }
.futures-footer .infinity-scroll { height: 24px !important; }
.futures-footer .infinity-scroll-items { top: 2px !important; }
.ref-chart-main .ref-volume-separator { position: absolute; left: 0; right: 0; top: calc(var(--price-share,68%) - 4px); height: 8px; z-index: 7; cursor: ns-resize; touch-action: none; border: 0; padding: 0; background: transparent; }
.ref-chart-main .ref-volume-separator:hover,.ref-chart-main .ref-volume-separator:focus-visible { background: #9fe7f533; }
.ref-chart-main .ref-draw-layer { position: absolute; inset: 0; z-index: 4; width: 100%; height: 100%; touch-action: none; }
.ref-chart-main .ref-draw-layer.is-cursor { pointer-events: none; }
.ref-chart-main .ref-draw-layer:not(.is-cursor) { cursor: crosshair; }
.ref-chart-tools .native-draw-toolbar,.ref-chart-tools .native-draw-main { display: flex; flex-direction: column; gap: 6px; }
.ref-chart-tools .native-draw-toolbar button { width: 34px; height: 30px; display: grid; place-items: center; padding: 5px; }
.ref-chart-tools .native-draw-toolbar button:hover,.ref-chart-tools .native-draw-toolbar button.active { background: #24282c; color: #9fe7f5; }
.ref-chart-tools .native-draw-toolbar svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.2; }
.ref-draw-edit { display: none; position: fixed; z-index: 10010; background: #24282c; padding: 4px 6px; gap: 4px; border: 1px solid #42464b; border-radius: 5px; align-items: center; }
.ref-draw-edit.open { display: flex; }
.ref-draw-edit button { width: 24px; height: 24px; padding: 2px; border: 0; background: transparent; color: #b9c0c6; cursor: pointer; }
.ref-draw-edit input { width: 20px; height: 20px; padding: 0; }
.ref-draw-edit svg { stroke: currentColor; fill: none; width: 18px; height: 18px; }
.ref-draw-edit [data-draw-style] span,.ref-draw-edit [data-draw-width] span { width: 20px; display: block; border-top: 1px solid currentColor; }
.ref-draw-edit .style-1 { border-top-style: dotted !important; }
.ref-draw-edit .style-2 { border-top-style: dashed !important; }
/* Keep every header control on the same optical centerline. */
.c-layout-header .nav-right .ref-header-icon,
.c-layout-header .nav-right .nav-icon-btn-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  padding: 0;
  box-sizing: border-box;
}
.c-layout-header .nav-right .ref-header-button {
  justify-content: center;
  line-height: 20px;
  font-weight: 500;
  white-space: nowrap;
  transition: color .18s ease, background-color .18s ease;
}
.c-layout-header .nav-right [data-orders] { gap: 6px; padding: 0 12px; }
.ref-orders-chevron { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.c-layout-header .nav-right .header-down { margin: 0; }
.c-layout-header .icon-logo img { display: block; flex: none; transform: translateY(-2px); }
.ref-header-icon>span{display:block;width:24px;height:24px}.icon-logo img{filter:grayscale(1) brightness(2)}.layout-exchange.responsive-layout.futures-trade-layout{padding-top:0!important}.futures-footer{overflow:hidden}.footer-smybol-list{left:220px!important;right:155px!important;overflow:hidden}.ref-footer-ticker{height:20px;align-items:center}.futures-order-tabs{flex-wrap:nowrap!important}.futures-order-tabs>.el-scrollbar{flex:1;min-width:0}.ref-empty img{margin-bottom:12px}.ref-volume-chart #tv-attr-logo{display:none}.ref-price-chart #tv-attr-logo{transform:scale(.85);transform-origin:left bottom}
.futures-footer .footer-smybol-list{left:0!important;right:0!important;width:100%!important}
.ref-funding-summary{border-bottom:1px solid #292d30}.ref-funding-summary>div{display:flex;align-items:center;justify-content:space-between;min-height:31px;border-bottom:1px solid #25292b;font-size:12px}.ref-funding-summary>div:last-child{border:0}.ref-funding-summary span{color:#a1a9b0}.ref-funding-summary b{font-weight:600}.ref-funding-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 6px;font-size:13px}.ref-funding-heading>div{display:flex;gap:4px}.ref-funding-heading button{border:0;border-radius:4px;background:transparent;color:#969da4;padding:5px 10px}.ref-funding-heading button.selected{background:#292d30;color:#fff}.ref-funding-chart{height:min(260px,38vh);margin:0}.ref-funding-legend{display:flex;justify-content:center;gap:20px;color:#969da4;font-size:11px}.ref-funding-legend i{display:inline-block;width:9px;height:9px;margin-right:5px;background:#09b77b}.ref-funding-legend span:last-child i{background:#aab0b6}.ref-chart-info [data-funding-status]{color:#969da4;font-size:12px}
.ref-leverage-dialog.ref-modal{width:450px;padding:24px}.ref-leverage-dialog.ref-modal .ref-leverage-stepper{height:52px;justify-content:space-between}.ref-leverage-dialog .ref-leverage-stepper button{width:44px;height:52px;padding:0;text-align:center}.ref-leverage-number{display:flex;align-items:center;justify-content:center;flex:1;font-weight:700}.ref-leverage-dialog.ref-modal .ref-leverage-number input{width:65px;padding:0;text-align:right;background:transparent;font-weight:700;appearance:textfield}.ref-leverage-dialog .ref-leverage-number input::-webkit-inner-spin-button{-webkit-appearance:none}.ref-leverage-dialog .ref-leverage-number span{padding-left:4px;color:#a4a8ab}.ref-leverage-track{position:relative;height:64px;margin:14px 4px 32px}.ref-leverage-track:before{content:"";position:absolute;left:0;right:0;top:13px;height:4px;background:linear-gradient(to right,#a4edfb var(--leverage-progress),#34393c var(--leverage-progress));border-radius:4px}.ref-leverage-dialog.ref-modal .ref-dialog-range{position:absolute;left:0;top:0;margin:0;width:100%;height:30px;background:none}.ref-leverage-dialog.ref-modal .ref-dialog-range::-webkit-slider-runnable-track{background:transparent}.ref-leverage-ticks{position:absolute;inset:0}.ref-leverage-ticks button{position:absolute;top:7px;padding:0;background:none;border:0;color:#858b90;transform:translateX(-50%);font-size:12px;font-weight:600}.ref-leverage-ticks button i{display:block;width:9px;height:9px;margin:3px auto 12px;background:#34393c;transform:rotate(45deg)}.ref-leverage-ticks button.passed i{background:#a4edfb}.ref-leverage-dialog .ref-dialog-copy{margin:12px 0;line-height:18px}.ref-leverage-dialog .ref-dialog-copy b{float:right;color:#f3f5f5}.ref-leverage-dialog .ref-warning{line-height:18px}.ref-leverage-dialog .ref-confirm-wide{margin-top:24px}
@font-face{font-family:Onest;src:url('/assets/futures-reference/Onest-Regular.woff2')}@font-face{font-family:Onest;src:url('/assets/futures-reference/Onest-Medium.woff2');font-weight:500 600}@font-face{font-family:Onest;src:url('/assets/futures-reference/Onest-Bold.woff2');font-weight:700}
.ref-leverage-ticks{z-index:2;pointer-events:none}.ref-leverage-ticks button{pointer-events:auto}
.ref-settings-dialog.ref-modal .ref-leverage-ticks button{all:unset;box-sizing:border-box;position:absolute;top:7px;transform:translateX(-50%);width:34px;height:48px;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;pointer-events:auto;color:#858b90;font:600 12px/16px Onest,sans-serif;text-align:center}
.ref-settings-dialog.ref-modal .ref-leverage-ticks button:first-child{left:0!important;transform:translateX(-8px)}
.ref-settings-dialog.ref-modal .ref-leverage-ticks button:last-child{left:100%!important;transform:translateX(calc(-100% + 8px))}
.ref-settings-dialog.ref-modal .ref-leverage-ticks button i{display:block;flex:none;width:9px;height:9px;margin:0;background:#34393c;transform:rotate(45deg)}
.ref-settings-dialog.ref-modal .ref-leverage-ticks button.passed i{background:#a4edfb}
.ref-settings-dialog.ref-modal .ref-leverage-ticks button:focus-visible{outline:1px solid #a4edfb;outline-offset:2px}
.ref-settings-dialog.ref-modal .ref-leverage-dialog .ref-dialog-copy{clear:both}
.ref-leverage-dialog.ref-modal .ref-dialog-copy:has([data-leverage-maximum]){display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ref-leverage-dialog.ref-modal .ref-dialog-copy [data-leverage-maximum]{float:none;white-space:nowrap}
.ref-leverage-dialog.ref-modal .ref-leverage-track:before{top:13px}
.ref-leverage-dialog.ref-modal .ref-dialog-range::-webkit-slider-runnable-track{background:transparent}
.ref-price-chart,.ref-volume-chart{touch-action:none;cursor:grab}
.ref-candle-countdown{position:absolute;right:0;width:85px;min-height:36px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--candle-marker-bg,#0ccb81);color:#fff;font:500 12px/16px Onest,sans-serif;pointer-events:none;z-index:8;white-space:nowrap}.ref-candle-countdown[hidden]{display:none}
.ref-price-chart.ref-chart-dragging,.ref-volume-chart.ref-chart-dragging{cursor:grabbing}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-track{height:56px;margin:18px 4px 28px}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-track:before{top:13px}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-dialog-range{appearance:none!important;position:absolute;z-index:4;top:0;left:0;width:100%;height:30px;margin:0!important;padding:0!important;opacity:0;cursor:pointer}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-ticks{z-index:5}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-ticks button{top:10px;transform:translateX(-50%);height:36px;gap:9px}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-ticks button:first-child,.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-ticks button:last-child{transform:translateX(-50%)}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-ticks button.current i{opacity:0}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-handle{position:absolute;z-index:3;top:15px;left:var(--leverage-progress);width:12px;height:12px;box-sizing:border-box;background:#a4edfb;border:2px solid #151819;border-radius:2px;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}
.ref-settings-dialog.ref-modal.ref-leverage-dialog .ref-leverage-number input{width:2ch;min-width:1ch;flex:none;padding:0;text-align:right}
/* Glass surface shared by Futures dialogs and floating selection lists. */
.ref-modal-backdrop.ref-modal-backdrop{
  background:rgba(2,5,8,.30);
  backdrop-filter:blur(4px) brightness(.76);
  -webkit-backdrop-filter:blur(4px) brightness(.76);
}
.ref-modal,.ref-settings-dialog.ref-modal,.ref-calculator.ref-modal{
  background:linear-gradient(125deg,rgba(27,32,37,.66),rgba(15,19,24,.60) 52%,rgba(40,27,37,.65)) padding-box,linear-gradient(135deg,rgba(255,255,255,.34),rgba(174,226,237,.11) 42%,rgba(244,179,214,.27)) border-box;
  border:1px solid transparent;
  backdrop-filter:blur(12px) saturate(145%);
  -webkit-backdrop-filter:blur(12px) saturate(145%);
  box-shadow:0 28px 75px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.12),inset 0 0 38px rgba(255,255,255,.02);
}
.ref-book-step-menu,.ref-market-picker,.ref-calc-market-menu,.ref-order-select-menu{
  background:linear-gradient(120deg,rgba(43,46,51,.48),rgba(31,28,34,.38) 48%,rgba(64,38,51,.48)) padding-box,linear-gradient(135deg,rgba(255,255,255,.43),rgba(161,222,233,.13) 52%,rgba(238,163,206,.34)) border-box!important;
  border:1px solid transparent!important;
  backdrop-filter:blur(16px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(155%)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.17),inset 0 0 28px rgba(255,255,255,.025)!important;
}
.ref-market-picker,.ref-book-step-menu,.c-layout-header .ref-perpetuals-menu{
  background:rgba(22,28,33,.16)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  backdrop-filter:blur(24px) brightness(.73) saturate(145%)!important;
  -webkit-backdrop-filter:blur(24px) brightness(.73) saturate(145%)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.12)!important;
}
.c-layout-header .ref-perpetuals-menu{
  background:linear-gradient(120deg,rgba(22,27,31,.99),rgba(26,25,29,.985) 55%,rgba(39,27,34,.99))!important;
}
.futures-profit-loss .el-checkbox__original:checked + .el-checkbox__inner{border-color:#9fe7f5;background:#9fe7f5}
.futures-profit-loss .el-checkbox__original:checked + .el-checkbox__inner::after{content:"";position:absolute;top:1px;left:4px;width:3px;height:7px;border:solid #111a1c;border-width:0 2px 2px 0;transform:rotate(45deg) scale(1);opacity:1}
.ref-risk-expanded .ref-risk-fields,.ref-risk-expanded .ref-risk-fields>div{overflow:visible}
.ref-risk-fields label{position:relative}
.ref-risk-fields label:has(.ref-risk-price-menu:not([hidden])){z-index:30}
.ref-risk-fields label:has(.ref-risk-price-menu:not([hidden])){margin-bottom:84px}
.ref-risk-price-source>button{display:flex;align-items:center;justify-content:center;gap:3px;padding:0 7px!important;border:0!important;outline:0;background:#202425;color:#fff}
.ref-risk-price-source>button svg{display:block;flex:none;width:11px;height:11px}
.ref-risk-price-menu{top:44px;right:0;width:68px;padding:3px;border:0!important;border-radius:8px;background:#262a2d!important;box-shadow:0 10px 22px rgba(0,0,0,.35)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ref-risk-fields label:last-child .ref-risk-price-menu{top:44px;bottom:auto}
.ref-risk-price-menu button{padding:0 8px;border:0!important;border-radius:5px;background:transparent;text-align:left}
.ref-risk-price-menu button:hover{background:#363b3e}
.ref-risk-dialog .ref-risk-section h4{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;font-size:14px;line-height:32px}
.ref-risk-dialog .ref-risk-section select[data-advanced-source]{float:none;flex:0 0 150px;width:150px;height:32px;margin:0;padding:0 10px;border:0;border-radius:7px;background:#252a2d;color:#fff;font-size:12px}
.ref-risk-dialog .ref-risk-pair{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px;align-items:start}
.ref-risk-dialog .ref-risk-pair label{display:block;min-width:0}
.ref-risk-dialog .ref-risk-pair input{display:block;width:100%;height:42px;margin:6px 0 0}
.ref-risk-dialog .ref-risk-section h4{position:relative;overflow:visible}
.ref-risk-dialog .ref-advanced-source{position:relative;display:block;flex:0 0 150px;width:150px;float:none;border:0;background:none;color:#fff;font-size:12px;z-index:12}
.ref-risk-dialog .ref-advanced-source [data-advanced-toggle]{display:flex;align-items:center;justify-content:space-between;width:100%;height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(120deg,rgba(51,60,61,.75),rgba(39,45,48,.65));color:#f0f4f5;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.ref-risk-dialog .ref-advanced-source [data-advanced-toggle]:hover,.ref-risk-dialog .ref-advanced-source [data-advanced-toggle][aria-expanded=true]{border-color:rgba(159,231,245,.34);background:linear-gradient(120deg,rgba(59,70,72,.78),rgba(47,51,56,.72))}
.ref-risk-dialog .ref-advanced-source svg{width:12px;height:12px;flex:none;margin-left:8px}
.ref-risk-dialog .ref-advanced-menu{position:absolute;top:39px;right:0;z-index:15;width:100%;padding:5px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:linear-gradient(130deg,rgba(43,53,55,.94),rgba(42,37,47,.92));-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);box-shadow:0 14px 28px rgba(0,0,0,.38)}
.ref-risk-dialog .ref-advanced-menu[hidden]{display:none}
.ref-risk-dialog .ref-advanced-menu button{display:block;width:100%;height:34px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#e9eef0;text-align:left;font-size:12px}
.ref-risk-dialog .ref-advanced-menu button:hover,.ref-risk-dialog .ref-advanced-menu button:focus-visible{background:rgba(159,231,245,.13);color:#c2f0f7}
.ref-risk-field:has(.ref-risk-mark){position:relative;gap:0}
.ref-risk-field:has(.ref-risk-mark) input{padding-right:62px}
.ref-risk-field .ref-risk-mark{position:absolute;right:12px;top:0;display:flex;align-items:center;height:42px;color:#aebabe;font-size:12px;font-weight:600;pointer-events:none}
.ref-risk-dialog .ref-advanced-mark{display:inline-flex;align-items:center;color:#aebabe;font-size:12px;font-weight:600}
.ref-order-confirm-modal.ref-modal{position:relative;width:min(450px,calc(100vw - 32px));padding:24px;border-radius:18px;box-sizing:border-box;font:500 14px/1.4 Onest,sans-serif}
.ref-order-confirm-modal h2{display:none}
.ref-order-confirm-modal .ref-close{position:absolute;right:20px;top:15px;padding:0;border:0;background:none;color:#f3f5f6;font-size:27px;line-height:30px}
.ref-confirm-heading{display:flex;align-items:center;gap:10px;padding-right:30px;color:#fff;font-size:21px;line-height:28px}
.ref-confirm-heading img{width:27px;height:27px;object-fit:contain}
.ref-confirm-tags{display:flex;align-items:center;gap:7px;margin:12px 0 22px}
.ref-confirm-tags span{padding:3px 8px;border-radius:3px;background:rgba(255,255,255,.09);color:#c3c9cd;font-size:11px;font-weight:700}
.ref-confirm-tags .ref-confirm-side.long{background:rgba(12,203,129,.15);color:#18d997}
.ref-confirm-tags .ref-confirm-side.short{background:rgba(233,54,120,.15);color:#ff6b9d}
.ref-confirm-details{display:grid;gap:14px;padding:19px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.ref-confirm-details>div{display:flex;justify-content:space-between;gap:18px;align-items:baseline}
.ref-confirm-details span{color:#a2aab2}.ref-confirm-details b{color:#f5f7f8;text-align:right;font-weight:650}
.ref-confirm-details .liquidation b{color:#ffd66f}
.ref-confirm-message{margin:17px 0 0;color:#b6bec4;line-height:1.5;font-size:12px}
.ref-confirm-optout{display:flex;align-items:center;gap:9px;margin:20px 0;color:#aeb6bd;cursor:pointer;font-size:12px}
.ref-confirm-optout input{appearance:none;flex:none;width:15px;height:15px;margin:0;border:1px solid #818a91;border-radius:4px;background:transparent;cursor:pointer}
.ref-confirm-optout input:checked{border-color:#8fe8f5;background:#8fe8f5;box-shadow:inset 0 0 0 3px #203338}
.ref-confirm-actions{display:flex;gap:6px;margin-top:18px}
.ref-confirm-actions button{flex:1;height:48px;border:0;border-radius:28px;background:#2a3033;color:#fff;font-size:15px;font-weight:700}
.ref-confirm-actions [data-confirm].long{background:#0bb77c}.ref-confirm-actions [data-confirm].short{background:#e93678}
.ref-confirm-actions button:hover{filter:brightness(1.12)}
.ref-settings-dialog .ref-leverage-stepper,.ref-settings-dialog .ref-readonly,.ref-calculator .ref-calc-input{
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px rgba(255,255,255,.055);
}
.futures-order-tabs-constnt .ref-table { table-layout: fixed; min-width: 1450px; }
.futures-order-tabs-constnt .ref-table th,
.futures-order-tabs-constnt .ref-table td { box-sizing: border-box; height: 68px; padding: 12px 8px; vertical-align: middle; text-align: center; line-height: 18px; }
.futures-order-tabs-constnt .ref-table th:first-child,
.futures-order-tabs-constnt .ref-table td:first-child { text-align: left; padding-left: 18px; }
.futures-order-tabs-constnt .ref-table th:nth-child(3),
.futures-order-tabs-constnt .ref-table td:nth-child(3) { width: 11%; }
.futures-order-tabs-constnt .ref-table th:nth-child(10),
.futures-order-tabs-constnt .ref-table td:nth-child(10),
.futures-order-tabs-constnt .ref-table th:nth-child(11),
.futures-order-tabs-constnt .ref-table td:nth-child(11) { width: 8%; }
.futures-order-tabs-constnt .ref-table button { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; }
.ref-toast.ref-toast { top: auto; bottom: 28px; min-width: 220px; max-width: min(440px,90vw); border: 1px solid #4d3940; border-radius: 10px; background: #292124; box-shadow: 0 12px 36px #0009; text-align: center; line-height: 20px; }
.ref-toast.ref-toast.success { border-color: #285344; background: #192d27; }
.arcus-futures-next .ref-toast.ref-toast { right: 20px; left: auto; bottom: 44px; width: min(430px,calc(100vw - 40px)); min-height: 58px; box-sizing: border-box; padding: 14px 18px; transform: none; border: 1px solid rgba(255,255,255,.24); border-radius: 12px; background: linear-gradient(135deg,rgba(62,65,71,.50),rgba(27,26,34,.48)); -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%); font-size: 14px; line-height: 1.4; text-align: left; }
.ref-position-label-layer { position: absolute; inset: 0; z-index: 6; pointer-events: none; overflow: hidden; }
.ref-trade-risk-fill { position: absolute; left: 0; right: 85px; z-index: 0; pointer-events: none; background: linear-gradient(180deg,rgba(12,203,129,.012),rgba(12,203,129,.055)); }
.ref-trade-risk-fill.sl { background: linear-gradient(180deg,rgba(233,54,120,.012),rgba(233,54,120,.06)); }
.ref-trade-level { position: absolute; left: 0; right: 85px; height: 0; z-index: 2; --level-color: #3cffb2; pointer-events: none; }
.ref-trade-level.short:not(.tp),.ref-trade-level.sl { --level-color: #ff537d; }
.ref-trade-level.close-limit.long { --level-color: #ff537d; }
.ref-trade-level.close-limit.short { --level-color: #3cffb2; }
.ref-trade-level[hidden],.ref-trade-risk-fill[hidden] { display: none; }
.ref-trade-level-line { position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--level-color); box-shadow: 0 0 9px var(--level-color); opacity: .8; overflow: hidden; }
.ref-trade-level.limit .ref-trade-level-line,.ref-trade-level.close-limit .ref-trade-level-line,.ref-trade-level.tp .ref-trade-level-line,.ref-trade-level.sl .ref-trade-level-line { background: repeating-linear-gradient(90deg,var(--level-color) 0 6px,transparent 6px 11px); }
.ref-trade-level.tp .ref-trade-level-line,.ref-trade-level.sl .ref-trade-level-line { opacity: .55; box-shadow: 0 0 5px var(--level-color); }
.ref-trade-level-line::after { content: ''; position: absolute; top: 0; bottom: 0; left: -25%; width: 25%; background: linear-gradient(90deg,transparent,var(--level-color),transparent); filter: blur(2px); animation: ref-trade-line-glint 3.8s ease-in-out infinite; }
.ref-trade-level.tp .ref-trade-level-line::after,.ref-trade-level.sl .ref-trade-level-line::after { opacity: .5; }
@keyframes ref-trade-line-glint { to { left: 105%; } }
.ref-trade-level-badge { position: absolute; right: 0; top: 0; transform: translateY(-50%); box-sizing: border-box; min-width: 150px; min-height: 36px; padding: 5px 9px; display: flex; flex-direction: column; justify-content: center; gap: 1px; border: 1px solid color-mix(in srgb,var(--level-color) 70%,transparent); border-left: 2px solid var(--level-color); border-radius: 5px 0 0 5px; color: #eafff7; background: linear-gradient(125deg,rgba(34,45,46,.76),rgba(21,30,31,.7)); backdrop-filter: blur(9px); box-shadow: 0 4px 13px #0007,0 0 15px color-mix(in srgb,var(--level-color) 17%,transparent); white-space: nowrap; pointer-events: auto; }
.ref-trade-level.short:not(.tp) .ref-trade-level-badge,.ref-trade-level.sl .ref-trade-level-badge { color: #ffe1e9; background: linear-gradient(125deg,rgba(46,35,41,.77),rgba(29,23,28,.72)); }
.ref-trade-level.limit .ref-trade-level-badge,.ref-trade-level.tp .ref-trade-level-badge,.ref-trade-level.sl .ref-trade-level-badge { cursor: ns-resize; touch-action: none; }
.ref-trade-level.close-limit .ref-trade-level-badge { pointer-events: auto; cursor: ns-resize; touch-action: none; }
.ref-open-order-filters { display:flex; gap:24px; align-items:center; padding:12px 24px 4px; }
.ref-open-order-filters button { border:0; background:none; padding:6px 0; color:#8e929a; font-size:13px; font-weight:600; }
.ref-open-order-filters button.is-active { color:#f6f7f8; border-bottom:2px solid #f6f7f8; }
.ref-open-order-filters .ref-cancel-all { margin-left:auto; padding:5px 14px; border-radius:20px; background:#25292c; color:#f5f5f6; font-size:11px; }
.futures-order-tabs-constnt .ref-open-orders-table { table-layout:auto; min-width:1050px; }
.futures-order-tabs-constnt .ref-assets-table.ref-table { width:100%; min-width:0; table-layout:fixed; }
.futures-order-tabs-constnt .ref-order-history-table.ref-table { width:100%; min-width:960px; table-layout:fixed; }
.futures-order-tabs-constnt .ref-order-history-table th,
.futures-order-tabs-constnt .ref-order-history-table td { box-sizing:border-box; height:auto; padding:13px 12px; text-align:left; vertical-align:middle; line-height:19px; }
.futures-order-tabs-constnt .ref-order-history-table th { color:#8f969e; font-size:12px; font-weight:500; }
.futures-order-tabs-constnt .ref-order-history-table td { height:76px; color:#f2f4f5; font-size:13px; font-weight:600; }
.futures-order-tabs-constnt .ref-order-history-table th:first-child,
.futures-order-tabs-constnt .ref-order-history-table td:first-child { width:24%; padding-left:14px; }
.futures-order-tabs-constnt .ref-order-history-table th:nth-child(2) { width:15%; }
.futures-order-tabs-constnt .ref-order-history-table th:nth-child(3) { width:10%; }
.futures-order-tabs-constnt .ref-order-history-table th:nth-child(4) { width:19%; }
.futures-order-tabs-constnt .ref-order-history-table th:nth-child(5) { width:22%; }
.ref-order-history-table .ref-history-secondary { color:#9298a0; font-weight:500; }
.ref-order-history-table .ref-history-status { display:inline-block; padding:3px 8px; border-radius:3px; background:#252a2c; color:#bcc3c8; font-size:11px; }
.ref-order-history-table .ref-history-status.filled { background:#142c24; color:#20d799; }
.ref-order-history-table .ref-history-status.cancelled,
.ref-order-history-table .ref-history-status.liquidated { background:#38212a; color:#ff7398; }
.ref-history-more { display:flex; align-items:center; justify-content:center; min-height:58px; color:#929ba2; font-size:12px; }
.ref-history-more button { min-width:130px; height:32px; padding:0 18px; border:1px solid #3b4246; border-radius:18px; background:#24292c; color:#f0f4f5; font-size:12px; }
.ref-history-more button:hover { border-color:#93dce4; color:#b8f0f5; }
.ref-historical-position { padding:12px 14px 18px; border-bottom:1px solid #292d30; color:#f4f6f7; }
.ref-historical-position header { display:flex; align-items:center; gap:8px; min-height:38px; margin-bottom:18px; }
.ref-historical-position header img { width:30px; height:30px; object-fit:contain; }
.ref-historical-position header strong { margin-right:10px; font-size:18px; font-weight:700; }
.ref-historical-position .ref-order-side { margin-top:0; }
.ref-historical-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.ref-historical-grid>div { display:grid; grid-template-rows:18px 25px 18px 25px; align-content:start; }
.ref-historical-grid>div:last-child { grid-template-rows:18px 25px; }
.ref-historical-grid span { color:#9aa2a9; font-size:12px; line-height:18px; text-decoration:underline dashed rgba(160,171,177,.45); text-underline-offset:4px; }
.ref-historical-grid b { font-size:14px; line-height:23px; font-weight:650; white-space:nowrap; }
.futures-order-tabs-constnt .ref-assets-table th,
.futures-order-tabs-constnt .ref-assets-table td { width:25%; height:auto; box-sizing:border-box; padding:12px 14px; text-align:left; white-space:nowrap; }
.futures-order-tabs-constnt .ref-assets-table th { color:#a5acb4; font-size:12px; font-weight:500; line-height:18px; }
.futures-order-tabs-constnt .ref-assets-table td { height:68px; border-bottom:0; color:#f5f7f8; font-size:14px; font-weight:650; font-variant-numeric:tabular-nums; }
.futures-order-tabs-constnt .ref-assets-table th:first-child,
.futures-order-tabs-constnt .ref-assets-table td:first-child { padding-left:14px; }
.futures-order-tabs-constnt .ref-table th:first-child,
.futures-order-tabs-constnt .ref-table td:first-child,
.futures-order-tabs-constnt .ref-order-history-table.ref-table th:first-child,
.futures-order-tabs-constnt .ref-order-history-table.ref-table td:first-child,
.futures-order-tabs-constnt .ref-assets-table.ref-table th:first-child,
.futures-order-tabs-constnt .ref-assets-table.ref-table td:first-child { padding-left:30px; }
.futures-order-tabs-constnt .ref-open-order-filters { padding-left:30px; }
.futures-order-tabs-constnt .ref-historical-position { padding-left:30px; }
.ref-assets-coin { display:inline-flex; align-items:center; gap:10px; }
.futures-order-tabs-constnt .ref-empty { top:110px; bottom:auto; }
.ref-assets-coin strong { font-weight:650; }
.ref-assets-usdt-icon { display:block; width:30px; height:30px; flex:none; }
.futures-assets [data-asset-value].ref-green { color:#0ccb81 !important; }
.futures-assets [data-asset-value].ref-red { color:#e93678 !important; }
.vue-grid-layout > .vue-grid-item { outline: none !important; }
.ref-easy .order-book-row { cursor:default; }
.ref-easy .order-book-row:hover { background-color:transparent!important; }
.TickFavorite .ref-futures-route-button { min-width:112px; height:38px; padding:0 14px; border:1px solid #3a3f42; border-radius:8px; background:#252a2d; color:#f5f6f7; font-weight:600; }
.ref-futures-live .TickFavorite { position:relative; }
.ref-futures-live .TickFavorite .favorite-actions { position:absolute;left:0;right:16px;top:50%;transform:translateY(-50%);justify-content:flex-start; }
.ref-futures-live .TickFavorite .contract-mode-switcher { margin-inline-end:10px!important; }
.ref-futures-live .TickFavorite .contract-mode-tab { padding-inline:6px!important; }
.ref-futures-live .TickFavorite .demo-futures-btn { order:2; margin-inline-start:auto!important; margin-inline-end:0!important; padding-inline:6px!important; }
.ref-futures-live .TickFavorite .lazy-popover-trigger:has(.reckoner) { order:1; margin-inline-end:0!important; }
.ref-futures-demo .TickFavorite .ref-futures-route-button { background:#fff; border-color:#fff; color:#16191b; }
.ref-futures-demo .TickFavorite { justify-content:space-between!important; }
.ref-futures-demo .TickFavorite > :first-child { min-width:0; flex:0 0 auto; overflow:hidden; }
.ref-futures-demo .TickFavorite .favorite-actions { flex:none; }
.ref-futures-demo .TickFavorite .favorite-actions > :not(.ref-futures-route-button) { display:none!important; }
.futures-available { position:relative; }
.ref-futures-refill { flex:none; display:grid; place-items:center; width:24px; height:24px; padding:0; border:0; border-radius:5px; background:#263037; color:#c8e7ef; font:600 21px/1 Onest,sans-serif; }
.ref-futures-refill:hover,.ref-futures-refill:focus-visible { background:#34424a; }
.ref-futures-refill:disabled { opacity:.5; cursor:wait; }
.ref-futures-refill-help { display:none; position:absolute; z-index:40; right:0; bottom:calc(100% + 10px); width:245px; padding:12px 14px; border:1px solid #3b4144; border-radius:8px; background:#252a2d; color:#f4f6f7; font:500 12px/18px Onest,sans-serif; box-shadow:0 12px 28px #0009; }
.ref-futures-refill:hover + .ref-futures-refill-help,.ref-futures-refill:focus-visible + .ref-futures-refill-help { display:block; }
.ref-futures-demo .ref-futures-demo-assets-actions { display:none!important; }
.futures-assets [data-asset-value].ref-asset-masked,
.futures-order-tabs-constnt .ref-assets-table td.ref-asset-masked { color:#8f969e !important; }
.ref-open-orders-table th,.ref-open-orders-table td { padding:15px 18px; line-height:1.45; vertical-align:middle; }
.ref-open-orders-table th { font-size:11px; }
.ref-open-orders-table strong { color:#f4f5f7; }
.ref-order-side { display:inline-block; padding:2px 7px; margin-top:4px; border-radius:2px; font-size:11px; background:#102c24; color:#0ccb81; }
.ref-order-side.short { background:#35202c; color:#ff537d; }
.ref-order-tag { display:inline-block; padding:2px 6px; margin-left:4px; border-radius:2px; font-size:11px; background:#272a2d; color:#c1c5ca; }
.ref-open-orders-empty { padding:40px; text-align:center; color:#9298a0; font-size:13px; }
.ref-trade-level.dragging { z-index: 5; }
.ref-trade-level.dragging .ref-trade-level-badge { box-shadow: 0 4px 18px #000b,0 0 23px var(--level-color); }
.ref-trade-level-badge strong { font-size: 10px; line-height: 12px; font-weight: 700; letter-spacing: .02em; }
.ref-trade-level-badge span { font-size: 10px; line-height: 12px; font-weight: 500; }
.ref-trade-level.limit .ref-trade-level-badge,
.ref-trade-level.close-limit .ref-trade-level-badge { padding-right:25px; }
.ref-trade-level-badge .ref-level-cancel { position:absolute; top:50%; right:4px; display:grid; place-items:center; width:20px; height:22px; padding:0; transform:translateY(-50%); border:0; border-radius:3px; background:transparent; color:rgba(235,247,244,.78); font-size:16px; line-height:1; cursor:pointer; }
.ref-trade-level-badge .ref-level-cancel:hover { background:rgba(255,255,255,.12); color:#fff; }
.ref-position-preview[data-side=short] .ref-preview-loss { clip-path: inset(0); }
.ref-position-preview .ref-preview-line { top: calc(var(--entry-y) - 13px); height: 13px; background: linear-gradient(to bottom,transparent,rgba(12,203,129,.15)); filter: blur(5px); }
.ref-position-preview[data-side=short] .ref-preview-line { top: var(--entry-y); background: linear-gradient(to bottom,rgba(233,54,120,.16),transparent); clip-path: inset(0); }
/* Keep quote updates inside stable favorite-card columns. */
.ref-favorites-copy .ref-favorite-card { width:224px; min-width:224px; box-sizing:border-box; }
.ref-favorites-copy .ref-favorite-open { display:grid; grid-template-columns:minmax(0,1fr) 50px 70px; align-items:center; gap:7px; width:100%; min-width:0; box-sizing:border-box; padding:4px 0; font-variant-numeric:tabular-nums; text-align:left; }
.ref-favorite-symbol { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ref-favorite-change,.ref-favorite-price { min-width:0; overflow:hidden; white-space:nowrap; text-align:right; }
/* The active top-level section is visible on live, demo, and synthetic pages. */
.c-layout-header .ref-nav-current .ref-section-label { position:relative; color:#9fe7f5; }
.c-layout-header .ref-nav-current .ref-section-label::after { content:""; position:absolute; left:0; right:0; bottom:-10px; height:2px; border-radius:2px; background:#9fe7f5; }
.c-layout-header .ref-direct-nav > a.ref-nav-current { color:#9fe7f5; }
html,body{margin:0;background:#0e1012;color:#fff;font-family:'Host Grotesk Number',Onest,sans-serif}body{min-width:1100px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid #9fe7f5;outline-offset:3px}.c-layout-header .icon-logo{background:none!important;width:120px;display:flex;align-items:center}.icon-logo img{width:120px;height:auto}.vue-resizable-handle,.vue-grid-placeholder{display:none!important}.vue-grid-layout{position:relative}.vue-grid-item{border-right:1px solid #222527;border-bottom:1px solid #222527;transition:none!important}.futures-main-content{margin-top:-4px!important}.content-pane{background:#0e1012!important}.trick{width:100%!important}.trick_left{min-width:0}.trick .swiper-wrapper{display:flex;gap:20px}.trick .swiper-slide{width:auto!important;flex-shrink:0}.trick .swiper{overflow:hidden}.trick_left>div:last-child{flex:1;width:auto!important;min-width:0}.tvBox{height:100%;display:flex;flex-direction:column}.tvBox>.chart{flex:1;min-height:0}.tv-chart-container{height:100%!important}.quick-order-wrapper,.quick-order{display:none!important}.order-book-tabs .trades{display:none}.order-book-tabs.show-trades .trades{display:flex}.order-book-tabs.show-trades .order-book{display:none}.order-book-items .overlay{display:none}.order-book-row{cursor:pointer;transition:background-color .12s}.order-book-row:hover{background-color:#34373b!important}.order-book-items{height:auto!important;flex:1;min-height:0}.order-book-list{display:flex;flex-direction:column}.order-book-row{height:20px;min-height:20px;line-height:20px}.last-price-row{flex:0 0 44px}.order-book-items ul{overflow:hidden}.ref-chart-wrap{position:relative;width:100%;height:100%;display:grid;grid-template-columns:50px 1fr;grid-template-rows:minmax(0,1fr) 28px}.ref-chart-tools{grid-row:1/3;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:10px;border-right:1px solid #222527}.ref-chart-tools button{width:30px;height:26px;color:#737b82;background:none;border:0}.ref-chart-tools svg{width:22px;height:22px;fill:currentColor}.ref-chart-main{min-height:0;display:grid;grid-template-rows:68% 32%;position:relative}.ref-price-chart,.ref-volume-chart{min-height:0;position:relative}.ref-volume-chart{border-top:1px solid #222527}.ref-chart-legend{position:absolute;top:8px;left:12px;z-index:2;pointer-events:none;color:#818a97;font-size:12px}.ref-chart-footer{display:flex;justify-content:space-between;align-items:center;padding:0 16px 0 12px;font-size:12px}.ref-header-button{height:42px;padding:0 14px;border:0;background:none;color:#fff;display:inline-flex;align-items:center;gap:5px;font-size:14px}.ref-header-button:hover{color:#9fe7f5}.ref-deposit{border-radius:24px;color:#102027;background:#9fe7f5;margin-right:10px;min-width:98px}.ref-deposit:hover{background:#bef1fa;color:#102027}.ref-header-icon{width:42px;height:42px;padding:9px;border:0;background:none;color:white;border-radius:8px}.ref-header-icon svg{width:24px;height:24px;fill:currentColor}.ref-header-icon:hover{background:#202427;color:#9fe7f5}.ref-open-buttons{display:flex;gap:4px;margin-top:24px}.ref-open-buttons button{width:50%;height:42px;border:0;border-radius:25px;color:white;font-size:16px;font-weight:600;background:#0ccb81}.ref-open-buttons .short{background:#e93678}.ref-open-buttons button:hover{filter:brightness(1.15)}.ref-risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;font-size:12px;color:#81858c}.ref-risk-grid>div:nth-child(even){text-align:right}.ref-risk-grid b{display:block;color:#fff;font-weight:500}.ref-risk-grid span{border-bottom:1px dashed #777}.ref-slider-input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;margin:0}.ax-ti-slider{position:relative}.ref-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.ref-table th{text-align:left;padding:18px 24px;color:#858b94;font-weight:500}.ref-table th span{border-bottom:1px dashed #777}.ref-table td{padding:18px 24px;border-bottom:1px solid #222527}.ref-table button{border:1px solid #34373b;border-radius:4px;padding:6px 16px;background:#202427;color:white}.ref-empty{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);text-align:center;font-size:14px;color:#aab1ba}.ref-empty svg{width:64px;height:64px;display:block;margin:0 auto 14px}.ref-tooltip{position:fixed;z-index:9999;background:#24282a;padding:12px;border-radius:6px;box-shadow:0 4px 20px #0003;font-size:12px;max-width:350px;line-height:18px;pointer-events:none}.ref-tooltip>div{display:flex;justify-content:space-between;gap:24px}.ref-modal-backdrop{position:fixed;inset:0;z-index:10000;background:#0009;display:grid;place-items:center}.ref-modal{background:#202427;border:1px solid #34373b;border-radius:12px;padding:24px;width:440px;max-height:80vh;overflow:auto}.ref-modal h2{font-size:20px;margin:0 0 20px}.ref-modal input{width:100%;background:#151719;color:white;padding:12px;border:1px solid #34373b;border-radius:6px;margin-bottom:14px}.ref-modal button{background:#2c3033;color:white;border:0;border-radius:6px;padding:10px 16px}.ref-modal .ref-market-row{display:flex;width:100%;justify-content:space-between;background:none;text-align:left}.ref-modal .ref-market-row:hover{background:#34373b}.ref-modal .ref-close{float:right}.ref-toast{position:fixed;top:100px;left:50%;transform:translateX(-50%);z-index:20000;background:#292e32;padding:12px 24px;border-radius:6px;font-size:14px}.ref-limit-input{margin:10px 0;height:42px;width:100%;background:#202427;border:0;border-radius:8px;color:white;padding:12px}.ref-stale{color:#e93678!important}.futures-order-tabs-constnt{position:relative;overflow:auto}.futures-assets{font-size:12px}.ref-footer-ticker{display:flex;gap:24px;white-space:nowrap;animation:ref-ticker 80s linear infinite}.ref-footer-ticker:hover{animation-play-state:paused}@keyframes ref-ticker{to{transform:translateX(-50%)}}.ref-green{color:#0ccb81}.ref-red{color:#e93678}.arcus-auth[hidden]{display:none!important}