.futures,
.futures * {
  box-sizing: border-box;
  letter-spacing: 0;
}

.futures {
  --fut-bg: #181e27;
  --fut-panel: #1e2631;
  --fut-field: #222b37;
  --fut-line: #2b3440;
  --fut-text: #f1f3f5;
  --fut-muted: #929aa5;
  --fut-green: #2ebd85;
  --fut-red: #f6465d;
  --fut-yellow: #fcd535;
  --fut-bottom-nav-clearance: 106px;
  --fut-chart-heading-h: 34px;
  --fut-chart-body-h: 250px;
  --fut-chart-canvas-h: 194px;
  position: fixed;
  inset: 0;
  z-index: 10;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  overflow: hidden;
  color: var(--fut-text);
  background: var(--fut-bg);
  visibility: hidden;
  pointer-events: none;
  transform: translateX(100%);
  transition: transform .34s cubic-bezier(.22,.78,.25,1), visibility 0s linear .34s;
  font-family: 'Plex', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px;
}

.futures.open {
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
  transition: transform .34s cubic-bezier(.22,.78,.25,1), visibility 0s;
}

.futures.nav-instant { transition: none; }
.futures.has-sheet { z-index: 60; }
.futures.detail-page-open { z-index: 80; }
.futures button,
.futures input { font-family: inherit; }
.futures button { margin: 0; border: 0; color: inherit; background: transparent; cursor: pointer; }
.futures input { color: var(--fut-text); caret-color: var(--fut-yellow); }
.futures input:focus { outline: none; }
.fut-scroll {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  padding-bottom: calc(var(--fut-bottom-nav-clearance) + var(--fut-chart-heading-h) + 18px + env(safe-area-inset-bottom));
}
.futures.chart-open .fut-scroll {
  padding-bottom: calc(var(--fut-bottom-nav-clearance) + var(--fut-chart-heading-h) + var(--fut-chart-body-h) + 16px + env(safe-area-inset-bottom));
}
body[data-auth="0"] .futures { --fut-bottom-nav-clearance: var(--guest-nav-h, 60px); }
.fut-scroll::-webkit-scrollbar,
.fut-product-tabs::-webkit-scrollbar,
.fut-bot-tabs::-webkit-scrollbar,
.fut-chart-ranges::-webkit-scrollbar { display: none; }

.fut-product-tabs {
  min-height: calc(53px + env(safe-area-inset-top));
  display: flex;
  align-items: flex-end;
  gap: 17px;
  padding: calc(14px + env(safe-area-inset-top)) 13px 8px;
  overflow-x: auto;
  border-bottom: 1px solid #252d38;
  white-space: nowrap;
  scrollbar-width: none;
}
.fut-product-tabs > button {
  flex: 0 0 auto;
  padding: 0;
  color: #969eaa;
  font-size: 14px;
  line-height: 21px;
  font-weight: 600;
}
.fut-product-tabs > button.active { color: #f4f6f8; }
.fut-product-tabs > button:active { transform: scale(.96); }
.fut-product-tabs .fut-menu-button {
  width: 25px;
  height: 24px;
  margin-left: auto;
  display: grid;
  align-content: center;
  gap: 3px;
}
.fut-menu-button span { width: 18px; height: 1.2px; display: block; border-radius: 2px; background: #9ca5b0; }

.fut-notice {
  height: 32px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 13px;
  overflow: hidden;
  color: #dce0e5;
  border-bottom: 1px solid #222a35;
  font-size: 10.5px;
}
.fut-notice-icon { width: 16px; height: 16px; flex: 0 0 16px; display: block; object-fit: contain; }
.fut-notice-track { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fut-notice-track b { font-weight: 400; }
.fut-notice > button { flex: 0 0 18px; padding: 0; color: #7f8894; font-size: 20px; line-height: 20px; }

.fut-symbol-head {
  min-height: 48px;
  display: grid;
  grid-template-columns: minmax(0, auto) 1fr auto;
  align-items: center;
  column-gap: 8px;
  padding: 4px 13px 3px;
}
.fut-symbol-button { min-width: 0; display: flex; align-items: center; gap: 6px; padding: 0; }
.fut-symbol-button strong { font-size: 17px; line-height: 22px; font-weight: 600; white-space: nowrap; }
.fut-symbol-button span { padding: 2px 5px; border-radius: 3px; color: #d9dde2; background: #2b3440; font-size: 10px; line-height: 15px; }
.fut-symbol-button i,
.fut-caret { width: 0; height: 0; display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #aeb5be; }
.fut-symbol-change { align-self: end; margin: 0 0 2px -100%; font-size: 11px; line-height: 14px; }
.fut-symbol-change.down,
.fut-market-price.down { color: var(--fut-red); }
.fut-symbol-change.up,
.fut-market-price.up { color: var(--fut-green); }
.fut-symbol-tools { display: flex; align-items: center; gap: 9px; }
.fut-symbol-tools button { position: relative; width: 26px; height: 29px; display: grid; place-items: center; padding: 0; }
.fut-candle-icon { width: 21px; height: 21px; display: block; object-fit: contain; }
.fut-more-icon { width: 18px; height: 18px; display: grid; place-items: center; }
.fut-more-icon img { width: 18px; height: 18px; display: block; object-fit: contain; }

.fut-trading-grid {
  display: grid;
  grid-template-columns: minmax(0, 59fr) minmax(132px, 41fr);
  align-items: start;
  gap: 8px;
  padding: 0 13px 10px;
}
.fut-order-form { min-width: 0; }
.fut-setting-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; margin-bottom: 7px; }
.fut-setting-row button,
.fut-select-row {
  height: 30px;
  border-radius: 5px;
  background: var(--fut-field);
  color: #ebedf0;
  font-size: 11px;
  line-height: 1;
}
.fut-setting-row button { display: flex; align-items: center; justify-content: center; padding: 0 9px; }
.fut-price-control { display: grid; gap: 6px; margin-bottom: 7px; overflow: visible; background: transparent; }
.fut-select-row { width: 100%; display: flex; align-items: center; padding: 0 2px 0 0; margin: 0; overflow: hidden; text-align: left; }
.fut-price-control .fut-select-row { border-radius: 5px; background: var(--fut-field); }
.fut-price-control .fut-input-row { margin: 0; border-radius: 5px; background: var(--fut-field); }
.fut-price-control .fut-input-row:not([hidden]) { border-top: 0; }
.fut-order-type-main { min-width: 0; height: 100%; flex: 1; display: flex; align-items: center; padding: 0 0 0 10px !important; color: #ebedf0 !important; font-size: 11px !important; line-height: 1 !important; text-align: left; }
.fut-order-type-main span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fut-info-dot { width: 14px; height: 14px; flex: 0 0 14px; display: grid; place-items: center; padding: 0 !important; border: 0 !important; color: #7c8693 !important; line-height: 1; }
.fut-info-dot img { width: 14px; height: 14px; display: block; opacity: .72; }
.fut-order-type-caret { width: 31px; height: 100%; flex: 0 0 31px; display: grid; place-items: center; padding: 0 !important; }

.fut-input-row {
  position: relative;
  height: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: 13px 20px;
  align-items: center;
  align-content: center;
  padding: 5px 9px 5px 10px;
  margin-bottom: 6px;
  border-radius: 5px;
  background: var(--fut-field);
}
.fut-input-row[hidden] { display: none !important; }
.fut-input-row > span { grid-column: 1; align-self: center; color: #818a97; font-size: 9px; line-height: 13px; }
.fut-input-row input { grid-column: 1; align-self: center; width: 100%; min-width: 0; padding: 0 6px 0 0; border: 0; background: transparent; font-size: 13px; line-height: 20px; }
.fut-input-row > button { grid-column: 2; grid-row: 1 / 3; min-width: 49px; height: 34px; display: flex; align-items: center; justify-content: center; padding: 0 7px; border-left: 1px solid #303946; font-size: 12px; line-height: 1; }
.fut-stop-row[hidden] { display: none; }
.fut-amount-row { grid-template-columns: minmax(0, 1fr) auto auto; grid-template-rows: 1fr; column-gap: 5px; padding: 0 10px; }
.fut-amount-row > span { display: none; }
.fut-amount-row input { grid-column: 1; grid-row: 1; height: 100%; padding-right: 8px; font-size: 11px; line-height: 44px; }
.fut-amount-row input::placeholder { color: #818a97; opacity: 1; }
.fut-amount-row > b { grid-column: 2; grid-row: 1; align-self: stretch; display: flex; align-items: center; height: 100%; font-size: 11px; font-weight: 500; line-height: 1; white-space: nowrap; }
.fut-amount-row > i { grid-column: 3; grid-row: 1; align-self: center; margin-left: 0; }

.fut-range-wrap { --fut-range-fill: 0px; --fut-range-track-inset: 7px; position: relative; height: 30px; padding: 0 5px; display: flex; align-items: center; }
.fut-range-wrap::before,
.fut-range-wrap::after { content: ''; position: absolute; left: var(--fut-range-track-inset); right: var(--fut-range-track-inset); top: 50%; height: 2px; border-radius: 2px; transform: translateY(-50%); pointer-events: none; }
.fut-range-wrap::before { z-index: 0; background: #343e4a; }
.fut-range-wrap::after { z-index: 1; right: auto; width: var(--fut-range-fill); background: #eef3f8; }
.fut-range-wrap input { position: relative; z-index: 3; width: 100%; height: 18px; margin: 0; appearance: none; background: transparent; }
.fut-range-wrap input::-webkit-slider-runnable-track { height: 2px; background: transparent; }
.fut-range-wrap input::-moz-range-track { height: 2px; background: transparent; }
.fut-range-wrap input::-webkit-slider-thumb { width: 14px; height: 14px; margin-top: -6px; appearance: none; border: 2px solid #eef3f8; background: var(--fut-bg); transform: rotate(45deg); }
.fut-range-wrap input::-moz-range-thumb { width: 12px; height: 12px; border: 2px solid #eef3f8; border-radius: 0; background: var(--fut-bg); transform: rotate(45deg); }
.fut-range-points { position: absolute; z-index: 2; inset: 0 var(--fut-range-track-inset); display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.fut-range-points i { width: 7px; height: 7px; border: 2px solid #303a46; transform: rotate(45deg); background: var(--fut-bg); }
.fut-range-points i.active { border-color: #eef3f8; background: #eef3f8; }

.fut-available { height: 24px; display: flex; align-items: center; color: #8f98a5; font-size: 10px; }
.fut-available > b { margin-left: auto; color: #e9ecef; font-weight: 400; }
.fut-available > button { width: 17px; height: 17px; display: grid; place-items: center; margin-left: 5px; padding: 0; background: transparent; }
.fut-available > button img { width: 17px; height: 17px; display: block; object-fit: contain; }
.fut-check-row { min-height: 25px; display: flex; align-items: center; color: #e5e8eb; font-size: 10.5px; }
.fut-check-row > input { position: absolute; opacity: 0; pointer-events: none; }
.fut-check-row > i { width: 16px; height: 16px; flex: 0 0 16px; margin-right: 6px; border: 1.5px solid #68727e; border-radius: 3px; }
.fut-check-row > input:checked + i { border-color: var(--fut-yellow); background: var(--fut-yellow); box-shadow: inset 0 0 0 4px var(--fut-bg); }
.fut-tif-button { margin-left: auto !important; padding: 0 2px 0 8px !important; color: #e1e4e8 !important; font-size: 10.5px !important; }
.fut-tif-button em { display: inline-block; margin-left: 3px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid #7e8793; vertical-align: middle; }
.fut-order-summary { display: grid; grid-template-columns: 1fr auto; row-gap: 1px; margin-top: 3px; color: #89929e; font-size: 9.5px; line-height: 13px; }
.fut-order-summary b { color: #e7eaed; text-align: right; font-weight: 400; }
.fut-submit { width: 100%; height: 37px; display: flex; align-items: center; justify-content: center; margin-top: 6px !important; padding: 0 12px !important; border-radius: 5px; color: #fff !important; font-size: 12.5px !important; line-height: 1 !important; font-weight: 500 !important; }
.fut-buy { background: var(--fut-green) !important; }
.fut-sell { background: var(--fut-red) !important; }
.fut-short-summary { margin-top: 7px; }

.fut-book { min-width: 0; overflow: hidden; }
.fut-funding { height: 35px; text-align: right; white-space: nowrap; }
.fut-funding span,
.fut-funding b { display: block; overflow: hidden; text-overflow: ellipsis; }
.fut-funding > span { color: #828b97; font-size: 8.5px; line-height: 13px; }
.fut-funding > b { color: #dfe3e7; font-size: 10.5px; line-height: 14px; font-weight: 400; }
.fut-book-head { height: 28px; display: grid; grid-template-columns: 1fr 1fr; color: #8a939f; font-size: 8px; line-height: 10px; }
.fut-book-head span:last-child { text-align: right; }
.fut-book-side { min-height: 112px; display: flex; flex-direction: column; justify-content: space-between; }
.fut-book-row { position: relative; height: 14px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; overflow: hidden; font-size: 9.5px; line-height: 14px; font-variant-numeric: tabular-nums; }
.fut-book-row::before { content: ''; position: absolute; z-index: 0; top: 0; right: 0; width: var(--depth, 0%); height: 100%; opacity: .16; }
.fut-book-asks .fut-book-row::before { background: var(--fut-red); }
.fut-book-bids .fut-book-row::before { background: var(--fut-green); }
.fut-book-row span { position: relative; z-index: 1; min-width: 0; overflow: hidden; text-overflow: clip; white-space: nowrap; }
.fut-book-row span:last-child { text-align: right; color: #ecedef; }
.fut-book-asks .fut-book-row span:first-child { color: #ef5f72; }
.fut-book-bids .fut-book-row span:first-child { color: #35c28e; }
.fut-market-price { height: 22px; display: flex; align-items: end; justify-content: center; font-size: 17px; line-height: 22px; font-weight: 600; font-variant-numeric: tabular-nums; }
.fut-index-price { height: 16px; display: flex; justify-content: center; color: #858e99; font-size: 9px; line-height: 14px; }
.fut-book-ratio { height: 23px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 3px; font-size: 9px; white-space: nowrap; }
.fut-book-ratio > span:first-child { color: var(--fut-green); }
.fut-book-ratio > span:last-child { color: var(--fut-red); }
.fut-book-ratio > i { height: 4px; display: flex; gap: 2px; overflow: hidden; }
.fut-book-ratio > i b { width: var(--buy-width, 70%); background: var(--fut-green); }
.fut-book-ratio > i em { flex: 1; background: var(--fut-red); }
.fut-book[data-book-mode="asks"] .fut-book-bids,
.fut-book[data-book-mode="bids"] .fut-book-asks { display: none; }
.fut-book[data-book-mode="asks"] .fut-book-asks,
.fut-book[data-book-mode="bids"] .fut-book-bids { min-height: 224px; }
.fut-book-controls {
  height: 24px;
  display: grid;
  grid-template-columns: minmax(0, calc(100% - 27px)) 20px;
  align-items: center;
  gap: 7px;
}
.fut-book-precision {
  width: 100%;
  height: 24px;
  display: flex;
  align-items: center;
  justify-self: stretch;
  min-width: 0;
  padding: 0 8px !important;
  border-radius: 4px;
  color: #858e99 !important;
  background: #252e39 !important;
  font-size: 9.5px !important;
}
.fut-book-precision > i { margin-left: auto; }
.fut-book-view {
  width: 20px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  justify-self: end !important;
  padding: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
}
.fut-book-view > span {
  width: 18px;
  height: 20px;
  display: grid;
  place-items: center;
}
.fut-book-view > span img {
  grid-area: 1 / 1;
  width: 18px;
  height: 20px;
  display: none;
  object-fit: contain;
}
.fut-book-view[data-book-mode="both"] [data-book-view-icon="both"],
.fut-book-view[data-book-mode="asks"] [data-book-view-icon="asks"],
.fut-book-view[data-book-mode="bids"] [data-book-view-icon="bids"] { display: block; }

.fut-records { min-height: 270px; border-top: 1px solid #27303b; }
.fut-record-tabs { height: 48px; display: flex; align-items: stretch; padding: 0 13px; border-bottom: 1px solid #2a333e; }
.fut-record-tabs > button:not(.fut-record-history) { position: relative; flex: 0 0 auto; padding: 0 10px 0 0; margin-right: 12px; color: #9099a5; font-size: 11px; white-space: nowrap; }
.fut-record-tabs > button.active { color: #f1f3f5; }
.fut-record-tabs > button.active::after { content: ''; position: absolute; left: 0; right: 12px; bottom: 0; height: 2.5px; background: var(--fut-yellow); }
.fut-record-history { width: 31px; margin-left: auto !important; padding: 0 !important; }
.fut-record-history img { width: 19px; height: 19px; display: block; margin: auto; object-fit: contain; opacity: .88; }
.fut-record-panel { display: none; min-height: 225px; }
.fut-record-panel.active { display: block; animation: futPanelIn .22s ease both; }
@keyframes futPanelIn { from { opacity: .35; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.fut-empty { min-height: 235px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 22px 13px 34px; text-align: center; }
.fut-empty[hidden] { display: none; }
.fut-empty-icon { width: 52px; height: 52px; display: block; margin-bottom: 17px; object-fit: contain; }
.fut-empty strong { font-size: 13px; line-height: 18px; font-weight: 500; }
.fut-empty p { margin: 16px 0 12px; color: #7f8895; font-size: 11px; }
.fut-add-funds-button { min-width: 104px; height: 34px; padding: 0 14px !important; border: 1px solid #394451 !important; border-radius: 6px; font-size: 12px !important; }
.fut-order-subtabs { height: 45px; display: flex; align-items: center; gap: 8px; padding: 0 15px; }
.fut-order-subtabs button { height: 27px; display: flex; align-items: center; justify-content: center; padding: 0 10px !important; border-radius: 5px; color: #8e97a3 !important; font-size: 10px !important; line-height: 1; }
.fut-order-subtabs button.active { color: #e8ebee !important; background: #242d38 !important; }
.fut-order-subtabs .fut-order-subtab-info { width: 18px; height: 18px; flex: 0 0 18px; margin-left: auto !important; padding: 0 !important; border-radius: 50%; background: transparent !important; }
.fut-order-subtab-info img { width: 14px; height: 14px; display: block; object-fit: contain; opacity: .8; }

.fut-position-card,
.fut-open-order-card { padding: 14px 15px; border-bottom: 1px solid #2a333e; }
.fut-card-head { display: flex; align-items: center; gap: 7px; }
.fut-card-head strong { font-size: 14px; }
.fut-side-badge { padding: 2px 5px; border-radius: 3px; color: #fff; font-size: 9px; }
.fut-side-badge.long { background: #1f8e6b; }
.fut-side-badge.short { background: #bd4054; }
.fut-card-head > span:last-of-type { color: #8b949f; font-size: 10px; }
.fut-card-head > button { margin-left: auto !important; padding: 5px 0 5px 9px !important; color: #9ba4af !important; font-size: 11px !important; }
.fut-position-pnl { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 7px; margin-top: 12px; }
.fut-position-pnl span { color: #858e9a; font-size: 9px; }
.fut-position-pnl b { display: block; margin-top: 4px; color: #e9ecef; font-size: 12px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
.fut-position-pnl b.up { color: var(--fut-green); }
.fut-position-pnl b.down { color: var(--fut-red); }
.fut-position-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 11px; }
.fut-position-actions button { height: 30px; border-radius: 4px; background: #2b3541; font-size: 11px; }
.fut-order-card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 16px; margin-top: 10px; color: #858e9a; font-size: 9px; }
.fut-order-card-grid b { display: block; margin-top: 2px; color: #e9ecef; font-size: 11px; font-weight: 400; }
.fut-order-cancel { width: 100%; height: 30px; margin-top: 11px !important; border-radius: 4px; background: #2b3541 !important; font-size: 11px !important; }

.fut-bots-panel { padding-bottom: 22px; }
.fut-bot-tabs { height: 44px; display: flex; align-items: center; gap: 3px; padding: 0 8px; overflow-x: auto; border-bottom: 1px solid #2a333e; scrollbar-width: none; }
.fut-bot-tabs button { flex: 0 0 auto; padding: 7px 9px !important; border-radius: 5px; color: #8f98a4 !important; font-size: 10px !important; white-space: nowrap; }
.fut-bot-tabs button.active { color: #e9ecef !important; background: #252e39 !important; }
.fut-bot-heading { height: 56px; display: flex; align-items: center; padding: 0 15px; }
.fut-bot-heading strong { font-size: 13px; font-weight: 500; }
.fut-bot-heading button { height: 29px; margin-left: auto !important; padding: 0 10px !important; border-radius: 4px; color: #e3e6e9 !important; background: #2a3440 !important; font-size: 10px !important; }
.fut-bot-card { margin: 0 15px 12px; padding: 15px; border: 1px solid #35404d; border-radius: 8px; }
.fut-bot-title { display: flex; align-items: center; }
.fut-bot-title strong { font-size: 14px; }
.fut-bot-title button { width: 48px; height: 35px; margin-left: auto !important; border-radius: 5px; color: #191d24 !important; background: var(--fut-yellow) !important; font-size: 11px !important; }
.fut-bot-card > p { margin: 3px 0 15px; color: #87909b; font-size: 9px; }
.fut-bot-card > p em { color: #ef5a70; font-style: normal; }
.fut-bot-card > div:last-child { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.fut-bot-card > div:last-child span { color: #8d96a2; font-size: 9px; }
.fut-bot-card > div:last-child span:nth-child(2),
.fut-bot-card > div:last-child span:nth-child(3) { text-align: right; }
.fut-bot-card > div:last-child b { display: block; margin-top: 5px; color: var(--fut-green); font-size: 14px; font-weight: 500; }
.fut-bot-card > div:last-child span:last-child b { color: #e9ecef; font-size: 11px; }
.fut-explore-bots { width: 100%; padding: 4px !important; color: var(--fut-yellow) !important; font-size: 12px !important; }

.fut-chart-section {
  position: fixed;
  left: 50%;
  bottom: calc(var(--fut-bottom-nav-clearance) + env(safe-area-inset-bottom));
  z-index: 18;
  width: 100%;
  max-width: 480px;
  display: flex;
  flex-direction: column-reverse;
  border-top: 1px solid #29323d;
  background: var(--fut-bg);
  transform: translateX(-50%);
}
.fut-chart-heading { width: 100%; height: var(--fut-chart-heading-h); display: flex; align-items: center; padding: 0 13px !important; font-size: 10px !important; text-align: left; }
.fut-chart-heading > span:first-child { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fut-chart-heading-tools { width: 24px; height: 22px; display: flex; align-items: center; justify-content: flex-end; margin-left: 10px; padding-left: 10px; border-left: 1px solid #27313c; }
.fut-chart-heading-tools i { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #808995; transition: transform .26s ease; }
.fut-chart-section:not(.collapsed) .fut-chart-heading-tools i { transform: rotate(180deg); }
.fut-chart-body { height: var(--fut-chart-body-h); overflow: hidden; border-bottom: 1px solid #252e39; opacity: 1; transform: translateY(0); transform-origin: bottom; transition: height .32s cubic-bezier(.22,.78,.25,1), opacity .2s ease, transform .32s cubic-bezier(.22,.78,.25,1); }
.fut-chart-section.collapsed .fut-chart-body { height: 0; opacity: 0; transform: translateY(6px); }
.fut-chart-ranges { height: 39px; display: flex; align-items: center; justify-content: space-between; padding: 0 13px; overflow-x: auto; scrollbar-width: none; }
.fut-chart-ranges button { min-width: 30px; padding: 5px !important; color: #8e97a3 !important; font-size: 10px !important; }
.fut-chart-ranges button.active { color: #eceff2 !important; font-weight: 600 !important; }
.fut-chart-ma { display: flex; align-items: center; gap: 9px; height: 22px; padding: 0 13px; overflow: hidden; white-space: nowrap; color: #efbd28; font-size: 8.5px; }
.fut-chart-ma span:nth-child(2) { color: #d9479d; }
.fut-chart-ma span:nth-child(3) { color: #7362b7; }
#futChartCanvas { width: 100%; height: var(--fut-chart-canvas-h); display: block; }

.fut-sheet-backdrop,
.fut-confirm-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  visibility: hidden;
  pointer-events: none;
  background: rgba(3, 7, 12, .76);
  transition: visibility 0s linear .3s;
}
.fut-sheet-backdrop.open,
.fut-confirm-backdrop.open { visibility: visible; pointer-events: auto; transition: visibility 0s; }
.fut-sheet {
  width: 100%;
  max-width: 480px;
  max-height: 89vh;
  overflow-y: auto;
  padding: 7px 13px calc(19px + env(safe-area-inset-bottom));
  border-radius: 12px 12px 0 0;
  color: var(--fut-text);
  background: #1d2530;
  transform: translateY(102%);
  transition: transform .3s cubic-bezier(.22,.78,.25,1);
  touch-action: pan-y;
  scrollbar-width: none;
}
.fut-sheet-backdrop.open .fut-sheet { transform: none !important; }
.fut-sheet-backdrop.open .fut-sheet.fut-sheet-dragging {
  transform: translateY(var(--fut-sheet-drag-y, 0px)) !important;
  transition: none !important;
}
.fut-sheet-handle { width: 34px; height: 3px; margin: 0 auto 15px; border-radius: 3px; background: #343d48; }
.fut-sheet h2 { margin: 0 0 18px; font-size: 16px; line-height: 22px; font-weight: 600; }
.fut-margin-option { width: 100%; min-height: 0; display: block; padding: 13px !important; margin-bottom: 10px !important; border: 1px solid #333d49 !important; border-radius: 8px; text-align: left; }
.fut-margin-option.active { border-color: #edf0f2 !important; box-shadow: inset 0 0 0 1px #edf0f2; }
.fut-margin-option strong { display: block; margin-bottom: 5px; font-size: 13px; font-weight: 500; }
.fut-margin-option span { display: block; color: #929aa5; font-size: 10px; line-height: 14px; }
.fut-sheet-note { margin: 2px 0 18px; color: #8c95a0; font-size: 9.5px; line-height: 13px; }
.fut-default-link { width: 100%; min-height: 45px; display: flex; align-items: center; padding: 0 !important; font-size: 11px !important; text-align: left; }
.fut-default-link span { flex: 1; }
.fut-default-link b { color: #8e97a2; font-size: 10px; font-weight: 400; }
.fut-default-link i { width: 7px; height: 7px; margin-left: 7px; border-top: 1px solid #717a85; border-right: 1px solid #717a85; transform: rotate(45deg); }
.fut-sheet-confirm { width: 100%; height: 40px; margin-top: 10px !important; border-radius: 6px; color: #171b22 !important; background: var(--fut-yellow) !important; font-size: 12px !important; font-weight: 500 !important; }
.fut-leverage-stepper { height: 43px; display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; border-radius: 6px; background: #242e3a; }
.fut-leverage-stepper button { height: 100%; color: #6f7985; font-size: 20px; }
.fut-leverage-stepper strong { text-align: center; font-size: 16px; }
.fut-leverage-sheet > input[type='range'] { width: 100%; margin: 25px 0 8px; accent-color: #e8edf2; }
.fut-leverage-marks { display: flex; justify-content: space-between; color: #89929d; font-size: 9px; }
.fut-sheet ul { padding: 0 0 0 15px; margin: 26px 0; color: #9099a4; font-size: 10.5px; line-height: 16px; }
.fut-default-sheet { min-height: min(86vh, 650px); display: flex; flex-direction: column; }
.fut-default-sheet .fut-sheet-confirm { margin-top: auto !important; }
.fut-toggle-row { min-height: 49px; display: flex; align-items: center; font-size: 12px; }
.fut-toggle-row span { flex: 1; }
.fut-toggle-row input { position: absolute; opacity: 0; }
.fut-toggle-row i { position: relative; width: 36px; height: 21px; border-radius: 12px; background: #596472; transition: background .2s ease; }
.fut-toggle-row i::after { content: ''; position: absolute; width: 17px; height: 17px; top: 2px; left: 2px; border-radius: 50%; background: #f5f6f7; transition: transform .2s ease; }
.fut-toggle-row input:checked + i { background: var(--fut-yellow); }
.fut-toggle-row input:checked + i::after { transform: translateX(15px); }
.fut-compact-sheet { padding-bottom: calc(14px + env(safe-area-inset-bottom)); }
.fut-order-type-sheet { height: auto; max-height: min(78dvh, 650px); overflow: hidden; display: flex; flex-direction: column; padding-bottom: calc(10px + env(safe-area-inset-bottom)); }
.fut-order-type-title { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.fut-order-type-title h2 { margin-bottom: 10px; }
.fut-title-info { width: 16px; height: 16px; display: grid; place-items: center; align-self: flex-start; margin-top: 3px !important; padding: 0 !important; border: 1px solid #6f7986 !important; border-radius: 50%; color: #7e8793 !important; font-size: 9px !important; }
.fut-order-type-list { min-height: 0; overflow-y: auto; scrollbar-width: none; }
.fut-order-type-list::-webkit-scrollbar { display: none; }
.fut-list-option { width: 100%; min-height: 68px; display: grid; grid-template-columns: 30px minmax(0,1fr) 24px; align-items: center; gap: 10px; padding: 8px 2px !important; text-align: left; }
.fut-list-copy { min-width: 0; }
.fut-list-copy strong,
.fut-list-copy em { display: block; }
.fut-list-copy strong { color: #eef1f3; font-size: 13px; line-height: 17px; font-weight: 500; }
.fut-list-copy em { margin-top: 4px; color: #8b949f; font-size: 9.5px; line-height: 14px; font-style: normal; }
.fut-list-check { position: relative; width: 18px; height: 18px; display: block; opacity: 0; transform: scale(.75); transition: opacity .15s ease, transform .15s ease; }
.fut-list-check::before { content: ''; position: absolute; width: 7px; height: 13px; left: 5px; top: 0; border-right: 2px solid #e5e9ed; border-bottom: 2px solid #e5e9ed; transform: rotate(45deg); }
.fut-list-option.active .fut-list-check { opacity: 1; transform: scale(1); }
.fut-order-kind-icon { width: 30px; height: 24px; display: block; object-fit: contain; }

.fut-order-guide-backdrop { overflow: hidden; background: rgba(3,7,12,.72); }
.fut-order-guide-sheet { width: 100%; max-width: 480px; min-width: 0; height: auto; max-height: calc(100dvh - 28px); overflow: hidden; overflow-x: hidden; display: flex; flex-direction: column; padding: 7px 0 0; background: #1d2530; overscroll-behavior: contain; }
.fut-order-guide-sheet > .fut-sheet-handle { flex: 0 0 auto; margin-bottom: 9px; }
.fut-guide-tabs { width: 100%; max-width: 100%; min-width: 0; height: 45px; flex: 0 0 45px; display: flex; align-items: stretch; gap: 22px; padding: 0 14px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; scrollbar-width: none; overscroll-behavior-x: contain; }
.fut-guide-tabs::-webkit-scrollbar { display: none; }
.fut-guide-tabs button { position: relative; flex: 0 0 auto; padding: 0 !important; color: #929ba6 !important; font-size: 12px !important; }
.fut-guide-tabs button:focus { outline: none; }
.fut-guide-tabs button.active { color: #f0f2f4 !important; font-weight: 500; }
.fut-guide-tabs button.active::after { content: ''; position: absolute; left: 50%; bottom: 1px; width: 14px; height: 2px; border-radius: 2px; background: var(--fut-yellow); transform: translateX(-50%); }
.fut-guide-content { width: 100%; max-width: 100%; min-width: 0; flex: 0 1 auto; min-height: 0; max-height: calc(100dvh - 89px); overflow-x: hidden; overflow-y: auto; padding: 13px 17px calc(28px + env(safe-area-inset-bottom)); color: #dce1e6; font-size: 11.5px; line-height: 18px; scrollbar-color: #0d1218 transparent; scrollbar-width: thin; overscroll-behavior: contain; }
.fut-guide-content::-webkit-scrollbar { width: 3px; }
.fut-guide-content::-webkit-scrollbar-thumb { border-radius: 2px; background: #0d1218; }
.fut-guide-lead { max-width: 100%; margin-bottom: 27px; overflow-wrap: break-word; }
.fut-guide-lead p,
.fut-guide-body p { margin: 0 0 13px; }
.fut-guide-body { max-width: 100%; overflow-wrap: break-word; }
.fut-guide-body p + p { margin-top: 17px; }
.fut-guide-more { padding: 0 !important; color: var(--fut-yellow) !important; font-size: inherit !important; }
.fut-guide-illustration { max-width: 100%; margin: 0 0 29px; overflow: hidden; }
.fut-guide-illustration-head { min-height: 29px; display: flex; align-items: center; margin-bottom: 8px; }
.fut-guide-illustration-head h3 { margin: 0; color: #f0f2f4; font-size: 12px; line-height: 18px; font-weight: 500; }
.fut-guide-side { display: flex; align-items: center; gap: 13px; margin-left: auto; }
.fut-guide-side button { display: flex; align-items: center; gap: 5px; padding: 2px 0 !important; color: #959eaa !important; font-size: 10.5px !important; }
.fut-guide-side button::before { content: ''; width: 14px; height: 14px; border: 1px solid #626c78; border-radius: 50%; }
.fut-guide-side button.active { color: #edf0f2 !important; }
.fut-guide-side button.active::before { border: 4px solid #e8ecef; }
.fut-guide-chart { width: 100%; max-width: 100%; height: auto; display: block; margin: 5px 0 15px; }
.fut-guide-chart .grid { stroke: #2b3541; stroke-width: 1; }
.fut-guide-chart .line { fill: none; stroke: #d8dee5; stroke-width: 1.5; }
.fut-guide-chart .dash { fill: none; stroke: #d8dee5; stroke-width: 1.3; stroke-dasharray: 3 3; }
.fut-guide-chart .trigger { fill: none; stroke: #e65847; stroke-width: 1.5; }
.fut-guide-chart .muted { fill: none; stroke: #46515e; stroke-width: 1; }
.fut-guide-chart .point { fill: #e8ecef; }
.fut-guide-chart .redpoint { fill: #ef624b; }
.fut-guide-chart .ring { fill: #1d2530; stroke: #ef624b; stroke-width: 1.3; }
.fut-guide-chart text { fill: #8c95a1; font-family: 'Plex',sans-serif; font-size: 8.5px; }
.fut-guide-chart text.bright { fill: #dce1e6; }
.fut-guide-chart text.red { fill: #ef624b; }
.fut-guide-legend { display: flex; justify-content: center; gap: 13px; flex-wrap: wrap; margin-top: -8px; color: #8d96a2; font-size: 8.5px; line-height: 13px; }
.fut-guide-legend span { display: flex; align-items: center; gap: 4px; }
.fut-guide-legend i { width: 6px; height: 6px; display: block; border-radius: 50%; background: #e8ecef; }
.fut-guide-legend .red i { background: #ef624b; }
.fut-guide-legend .ring i { border: 1px solid #ef624b; background: transparent; }
.fut-guide-note { color: #aab1ba; }
.fut-guide-subtitle { margin: 27px 0 9px; color: #f0f2f4; font-size: 12px; font-weight: 500; }
.fut-tpsl-sheet label { height: 58px; display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; border-bottom: 1px solid #303a46; font-size: 12px; }
.fut-tpsl-sheet label span { color: #929ba6; }
.fut-tpsl-sheet label input { width: 100%; padding: 10px; border: 0; border-radius: 5px; text-align: right; background: #242e3a; }
.fut-tpsl-preview { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 20px 0; color: #8e97a2; font-size: 10px; }
.fut-tpsl-preview span:last-child { text-align: right; }
.fut-tpsl-preview b { display: block; margin-top: 4px; color: #e9ecef; font-size: 12px; }

.fut-add-funds-backdrop,
.fut-switch-cross-backdrop { background: rgba(3, 7, 12, .76); }
.fut-add-funds-sheet {
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 41dvh;
  max-height: 510px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 7px 13px calc(20px + env(safe-area-inset-bottom));
  background: #1d2530;
  transform: translate(-50%, 102%);
  transition: height .28s cubic-bezier(.22,.78,.25,1), transform .3s cubic-bezier(.22,.78,.25,1);
  touch-action: pan-y;
}
.fut-add-funds-backdrop.open .fut-add-funds-sheet { transform: translateX(-50%) !important; }
.fut-add-funds-backdrop.open .fut-add-funds-sheet.fut-sheet-dragging {
  transform: translate(-50%, var(--fut-sheet-drag-y, 0px)) !important;
  transition: none !important;
}
.fut-add-funds-sheet.expanded { height: 67.5dvh; max-height: 720px; }
.fut-add-funds-sheet > .fut-sheet-handle { margin-bottom: 24px; }
.fut-add-funds-sheet h2 { margin-bottom: 4px; font-size: 16px; line-height: 22px; }
.fut-add-funds-sheet > p { margin: 0 0 22px; color: #9aa3ad; font-size: 10.5px; line-height: 15px; }
.fut-add-funds-list { flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: none; }
.fut-add-funds-list::-webkit-scrollbar { display: none; }
.fut-add-funds-list button {
  width: 100%;
  min-height: 79px;
  display: grid;
  grid-template-columns: 39px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 0 18px !important;
  margin-bottom: 12px !important;
  border: 1px solid #35404d !important;
  border-radius: 8px;
  color: #eef1f3 !important;
  text-align: left;
}
.fut-add-funds-list img {
  width: 27px;
  height: 27px;
  display: block;
  object-fit: contain;
}
.fut-add-funds-list span { min-width: 0; }
.fut-add-funds-list strong,
.fut-add-funds-list em { display: block; }
.fut-add-funds-list strong { color: #f0f2f4; font-size: 13.5px; line-height: 18px; font-weight: 600; }
.fut-add-funds-list em { margin-top: 6px; color: #9aa3ad; font-size: 10px; line-height: 14px; font-style: normal; }
.fut-add-extra { display: none !important; }
.fut-add-funds-sheet.expanded .fut-add-extra { display: grid !important; }
.fut-add-view-more {
  height: 38px;
  flex: 0 0 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #9da6b0 !important;
  font-size: 10.5px !important;
}
.fut-add-view-more i {
  width: 9px;
  height: 9px;
  border-right: 1.5px solid #7f8894;
  border-bottom: 1.5px solid #7f8894;
  transform: rotate(45deg) translateY(-2px);
}
.fut-add-funds-sheet.expanded .fut-add-view-more { display: none; }

.fut-sheet.fut-asset-mode-sheet {
  height: min(50dvh, 400px);
  max-height: 400px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 8px 8px calc(18px + env(safe-area-inset-bottom));
  background: #1d2530;
}
.fut-sheet.fut-asset-mode-sheet > .fut-sheet-handle { margin-bottom: 18px; }
.fut-sheet.fut-asset-mode-sheet h2 { margin-bottom: 20px; font-size: 13px; line-height: 18px; }
.fut-asset-mode-option {
  width: 100%;
  min-height: 96px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 10px !important;
  margin-bottom: 10px !important;
  border: 1px solid #343e4b !important;
  border-radius: 8px;
  text-align: left;
}
.fut-asset-mode-option.active {
  border-color: #eef1f3 !important;
  box-shadow: inset 0 0 0 1px #eef1f3;
}
.fut-asset-mode-art {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #303944;
}
.fut-asset-mode-art img { width: 48px; height: 48px; display: block; object-fit: contain; }
.fut-single-art > img { width: 30px; height: 30px; border-radius: 50%; }
.fut-asset-mode-coins {
  width: 44px;
  height: 44px;
  display: grid;
  grid-template-columns: repeat(2, 20px);
  grid-template-rows: repeat(2, 20px);
  gap: 4px;
}
.fut-asset-mode-coins img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
}
.fut-asset-mode-option strong {
  display: block;
  margin-bottom: 4px;
  color: #f0f2f4;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.fut-asset-mode-option em {
  display: block;
  color: #9aa3ad;
  font-size: 9px;
  line-height: 12px;
  font-style: normal;
}
.fut-asset-mode-note {
  margin: 5px 0 0;
  color: #969fa9;
  font-size: 8.5px;
  line-height: 12px;
}
.fut-asset-mode-note button { padding: 0 !important; color: var(--fut-yellow) !important; font-size: inherit !important; font-weight: 600 !important; }
.fut-switch-cross-sheet {
  min-height: 34.5dvh;
  max-height: 390px;
  padding: 36px 13px calc(18px + env(safe-area-inset-bottom));
  background: #1d2530;
  box-shadow: 0 -1px 0 rgba(255,255,255,.02);
}
.fut-switch-cross-sheet h2 { margin-bottom: 28px; }
.fut-switch-cross-copy {
  margin: 0 0 27px;
  color: #9aa3ad;
  font-size: 10.5px;
  line-height: 15px;
}
.fut-switch-cross-row {
  height: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 4px;
}
.fut-switch-cross-row strong { flex: 1; color: #f0f2f4; font-size: 12px; font-weight: 600; }
.fut-switch-cross-row span { color: #dce1e6; font-size: 10.5px; }
.fut-switch-cross-row input { position: absolute; opacity: 0; pointer-events: none; }
.fut-switch-cross-row i {
  position: relative;
  width: 34px;
  height: 20px;
  border-radius: 11px;
  background: #66717e;
  transition: background .2s ease;
}
.fut-switch-cross-row i::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #f1f3f5;
  transition: transform .2s ease;
}
.fut-switch-cross-row input:checked + i { background: var(--fut-yellow); }
.fut-switch-cross-row input:checked + i::after { transform: translateX(14px); }
.fut-switch-cross-error {
  min-height: 17px;
  margin: 0 0 24px;
  color: var(--fut-red);
  font-size: 10px;
  line-height: 14px;
}
.fut-switch-cross-sheet.ready .fut-switch-cross-error { opacity: 0; }
.fut-switch-cross-sheet .fut-sheet-confirm {
  height: 43px;
  margin-top: 0 !important;
  font-size: 13px !important;
}
.fut-switch-cross-sheet .fut-sheet-confirm:disabled {
  color: #727b86 !important;
  background: #28323e !important;
}
.fut-pair-sheet,
.fut-history-sheet { height: min(82vh, 680px); overflow: hidden; display: flex; flex-direction: column; }
.fut-pair-head { display: flex; align-items: center; }
.fut-pair-head h2 { flex: 1; margin-bottom: 17px; }
.fut-pair-head button { align-self: start; padding: 0 3px !important; color: #89929d !important; font-size: 24px !important; line-height: 24px; }
.fut-pair-search { height: 39px; display: flex; align-items: center; gap: 8px; padding: 0 11px; border-radius: 6px; background: #242d38; }
.fut-pair-search > span { width: 13px; height: 13px; border: 1.5px solid #818a95; border-radius: 50%; position: relative; }
.fut-pair-search > span::after { content: ''; position: absolute; width: 5px; height: 1.5px; right: -4px; bottom: -2px; background: #818a95; transform: rotate(45deg); }
.fut-pair-search input { flex: 1; min-width: 0; border: 0; background: transparent; font-size: 12px; }
.fut-pair-list { flex: 1; min-height: 0; overflow-y: auto; margin-top: 10px; scrollbar-width: none; }
.fut-pair-row { width: 100%; height: 53px; display: grid; grid-template-columns: 1fr auto; align-items: center; padding: 0 3px !important; border-bottom: 1px solid #29323d !important; text-align: left; }
.fut-pair-row strong { font-size: 13px; }
.fut-pair-row strong span { margin-left: 4px; color: #7f8894; font-size: 9px; font-weight: 400; }
.fut-pair-row > span { text-align: right; font-size: 11px; }
.fut-pair-row > span.up { color: var(--fut-green); }
.fut-pair-row > span.down { color: var(--fut-red); }
.fut-pair-row > span em { display: block; margin-top: 3px; color: #818a96; font-size: 9px; font-style: normal; }
.fut-history-tabs { height: 42px; display: flex; gap: 22px; border-bottom: 1px solid #2a333e; }
.fut-history-tabs button { position: relative; color: #929ba6; font-size: 12px; }
.fut-history-tabs button.active { color: #edf0f2; }
.fut-history-tabs button.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--fut-yellow); }
.fut-history-list { flex: 1; min-height: 0; overflow-y: auto; }
.fut-history-row { padding: 14px 2px; border-bottom: 1px solid #2b3541; }
.fut-history-row > div { display: flex; align-items: center; }
.fut-history-row strong { font-size: 12px; }
.fut-history-row em { margin-left: 7px; color: #8b949f; font-size: 9px; font-style: normal; }
.fut-history-row time { margin-left: auto; color: #7f8894; font-size: 9px; }
.fut-history-row p { margin: 8px 0 0; color: #929ba6; font-size: 10px; }
.fut-history-row p b { float: right; color: #e9ecef; font-weight: 400; }
.fut-history-empty { height: 200px; display: grid; place-items: center; color: #7f8894; font-size: 11px; }

.futures.history-page-open { z-index: 70; }
.fut-history-page {
  position: absolute;
  inset: 0;
  z-index: 68;
  display: flex;
  flex-direction: column;
  color: #f1f3f5;
  background: #181e27;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(100%);
  transition: transform .32s cubic-bezier(.22,.78,.25,1), visibility 0s linear .32s;
}
.fut-history-page.open {
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
  transition: transform .32s cubic-bezier(.22,.78,.25,1), visibility 0s;
}
.fut-history-page button { font-family: 'Plex', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; }
.fut-history-page-header {
  min-height: 89px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 24px;
  align-items: end;
  gap: 8px;
  padding: calc(29px + env(safe-area-inset-top)) 12px 8px;
  border-bottom: 1px solid #252d38;
  background: #181e27;
}
.fut-history-page-back {
  width: 22px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  color: #dce2e9 !important;
}
.fut-history-page-back svg { width: 15px; height: 15px; display: block; }
.fut-history-page-title {
  min-width: 0;
  height: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.fut-history-page-title span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
}
.fut-history-page-title b { color: #f5f7fa; font-size: 15px; line-height: 18px; font-weight: 600; white-space: nowrap; }
.fut-history-page-title small { margin-top: 2px; color: #eaeff5; font-size: 10px; line-height: 12px; font-weight: 400; }
.fut-history-title-caret {
  width: 0;
  height: 0;
  margin-left: 6px;
  display: inline-block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #dce2e9;
}
.fut-history-page-actions {
  width: 24px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fut-history-page-download {
  width: 18px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  justify-self: end;
  padding: 0 !important;
  color: #dce2e9 !important;
}
.fut-history-page-download img { width: 16px; height: 16px; display: block; object-fit: contain; }
.fut-history-page-more {
  width: 20px !important;
  height: 22px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  color: #dce2e9 !important;
}
.fut-history-page-more img { width: 16px; height: 16px; display: block; object-fit: contain; }
.fut-history-page-more svg { width: 19px; height: 19px; display: block; color: #eaeef3; }
.fut-history-page-main {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.fut-history-page-tabs {
  min-height: 30px;
  flex: 0 0 30px;
  display: flex;
  align-items: stretch;
  gap: 12px;
  padding: 0 12px;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid #252d38;
  white-space: nowrap;
  scrollbar-width: none;
}
.fut-history-page-tabs::-webkit-scrollbar { display: none; }
.fut-history-page-tabs button {
  position: relative;
  flex: 0 0 auto;
  height: 30px !important;
  padding: 0 !important;
  color: #939ba6 !important;
  font-size: 11px !important;
  line-height: 14px !important;
  font-weight: 400 !important;
}
.fut-history-page-tabs button.active { color: #f5f7fa !important; font-weight: 500 !important; }
.fut-history-page-tabs button.active::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--fut-yellow);
}
.fut-history-page-open-tabs {
  min-height: 34px;
  flex: 0 0 34px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 12px;
  border-bottom: 1px solid #252d38;
}
.fut-history-page-open-tabs[hidden] { display: none !important; }
.fut-history-page-open-tabs button {
  height: 22px !important;
  flex: 0 0 auto;
  padding: 0 8px !important;
  border-radius: 5px !important;
  color: #8f98a4 !important;
  font-size: 10px !important;
  line-height: 13px !important;
}
.fut-history-page-open-tabs button.active {
  color: #f0f3f6 !important;
  background: #252e39 !important;
}
.fut-history-page-open-tabs i {
  width: 15px;
  height: 15px;
  margin-left: auto;
  display: grid;
  place-items: center;
  border: 1px solid #66717e;
  border-radius: 50%;
  color: #7c8693;
  font-size: 9px;
  font-style: normal;
  line-height: 1;
}
.fut-history-page-info {
  width: 15px !important;
  height: 15px !important;
  margin-left: auto !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.fut-history-page-info img { width: 14px; height: 14px; display: block; object-fit: contain; opacity: .82; }
.fut-history-page-info[hidden] { display: none !important; }
.fut-history-page-filters {
  min-height: 37px;
  flex: 0 0 37px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 12px 9px;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid #252d38;
  scrollbar-width: none;
}
.fut-history-page-filters::-webkit-scrollbar { display: none; }
.fut-history-page-filters > button:not(.fut-history-page-filter-reset) {
  height: 20px !important;
  min-width: 40px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 0 0 auto;
  padding: 0 7px !important;
  border-radius: 4px !important;
  color: #a0a8b2 !important;
  background: #252e39 !important;
  font-size: 10px !important;
  line-height: 13px !important;
  white-space: nowrap;
}
.fut-history-page-filters > [data-fut-history-filter="type"] { min-width: 72px !important; }
.fut-history-page-filters > [data-fut-history-filter="side"] { min-width: 48px !important; }
.fut-history-page-filters > [data-fut-history-filter="status"] { min-width: 51px !important; }
.fut-history-page-filters > [data-fut-history-filter="mode"] { min-width: 51px !important; }
.fut-history-page-filters > [data-fut-history-filter="asset"] { min-width: 50px !important; }
.fut-history-page-filters > [data-fut-history-filter="txType"] { min-width: 45px !important; }
.fut-history-page-filters > button[hidden] { display: none !important; }
.fut-history-page-filters > button.selected {
  color: #f0f3f6 !important;
  background: #303a46 !important;
}
.fut-history-page-filters .fut-caret {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #707986;
}
.fut-history-page-filter-reset {
  width: 21px !important;
  height: 20px !important;
  flex: 0 0 21px;
  margin-left: auto !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  color: #7f8996 !important;
}
.fut-history-page-filter-reset img { width: 15px; height: 15px; display: block; object-fit: contain; opacity: .78; }
.fut-history-page-filters > .fut-history-cancel-all {
  width: auto !important;
  min-width: 76px !important;
  height: 26px !important;
  margin-left: auto !important;
  padding: 0 10px !important;
  border-radius: 5px !important;
  color: #e7ebef !important;
  background: #2b3440 !important;
  font-size: 10.5px !important;
  line-height: 13px !important;
  font-weight: 400 !important;
}
.fut-history-page-filters > .fut-history-cancel-all:disabled { opacity: .46; }
.fut-history-page-content {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.fut-history-page-content::-webkit-scrollbar { display: none; }
.fut-history-page-empty {
  min-height: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 86px;
  color: #56606e;
  text-align: center;
}
.fut-history-page-empty[hidden] { display: none !important; }
.fut-history-page-empty-icon { width: 39px; height: 43px; display: block; object-fit: contain; }
.fut-history-page-empty p { margin: 7px 0 0; color: #a2aab5; font-size: 10px; line-height: 13px; }
.fut-history-page-records:empty { display: none; }
.fut-history-page-record {
  padding: 15px 12px 13px;
  border-bottom: 1px solid #252d38;
}
.fut-history-page-record-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
}
.fut-history-page-record-pair { display: flex; align-items: center; gap: 8px; min-width: 0; }
.fut-history-page-record-pair strong { color: #f1f3f5; font-size: 13px; line-height: 16px; font-weight: 500; white-space: nowrap; }
.fut-history-page-record-pair small {
  flex: 0 0 auto;
  padding: 1px 4px;
  border: 1px solid #36404c;
  border-radius: 2px;
  color: #b1b8c1;
  font-size: 8px;
  line-height: 11px;
  white-space: nowrap;
}
.fut-history-side-letter {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  display: grid;
  place-items: center;
  border-radius: 2px;
  color: #fff;
  background: var(--fut-green);
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}
.fut-history-side-letter.short { background: var(--fut-red); }
.fut-history-page-record-time { color: #949ca7; font-size: 9px; line-height: 12px; white-space: nowrap; }
.fut-history-page-record-kind { margin-top: 2px; color: #f6465d; font-size: 9px; line-height: 12px; }
.fut-history-page-record-kind.long,
.fut-history-page-record-kind.buy,
.fut-history-page-record-row b.positive { color: var(--fut-green); }
.fut-history-page-record-kind.short,
.fut-history-page-record-kind.sell,
.fut-history-page-record-row b.negative { color: var(--fut-red); }
.fut-history-page-record-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 9px;
  color: #9aa2ad;
  font-size: 10px;
  line-height: 13px;
}
.fut-history-page-record-row b {
  color: #eaeff5;
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
  text-align: right;
}
.fut-history-page-record-row b > .positive,
.fut-history-position-grid b.positive { color: var(--fut-green); }
.fut-history-page-record-row b > .negative,
.fut-history-position-grid b.negative { color: var(--fut-red); }
.fut-history-page-record-row b > .filled { color: var(--fut-green); }
.fut-history-page-record-row.status-row b { color: #aab2bc; text-transform: capitalize; }
.fut-history-page-record-row.status-row b.filled { color: var(--fut-green); }
.fut-history-position-status {
  color: #dce1e6;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
}
.fut-history-position-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px 10px;
  margin-top: 15px;
}
.fut-history-position-grid > span { min-width: 0; }
.fut-history-position-grid > span:nth-child(2),
.fut-history-position-grid > span:nth-child(5) { text-align: center; }
.fut-history-position-grid > span:nth-child(3n) { text-align: right; }
.fut-history-position-grid em {
  display: block;
  overflow: hidden;
  color: #929ba6;
  font-size: 9px;
  font-style: normal;
  line-height: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fut-history-position-grid b {
  display: block;
  margin-top: 4px;
  color: #e9edf1;
  font-size: 11px;
  line-height: 14px;
  font-weight: 400;
  white-space: nowrap;
}
.fut-history-position-times {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 14px;
  margin-top: 14px;
  color: #949ca7;
  font-size: 9px;
  line-height: 12px;
}
.fut-history-position-times time { color: #c3c9d0; white-space: nowrap; }
.fut-history-transaction-head { align-items: center; }
.fut-history-transaction-head > strong {
  color: #f1f3f5;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
}
.fut-history-page-end {
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7f8996;
  font-size: 9px;
  line-height: 12px;
}
.fut-history-page-end[hidden] { display: none !important; }

.fut-history-filter-backdrop { background: rgba(6, 9, 14, .76); }
.fut-history-symbol-sheet {
  height: calc(100dvh - 37px);
  max-height: calc(100dvh - 37px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 6px 15px calc(18px + env(safe-area-inset-bottom));
  background: #1d2530;
}
.fut-history-symbol-sheet > .fut-sheet-handle { margin-bottom: 18px; }
.fut-history-symbol-search {
  height: 37px;
  flex: 0 0 37px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  border-radius: 6px;
  color: #8f98a4;
  background: #252e39;
}
.fut-history-symbol-search svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  color: #8b94a0;
}
.fut-history-symbol-search input {
  width: 100%;
  min-width: 0;
  height: 100%;
  border: 0;
  background: transparent;
  color: #e7ebef;
  font-size: 12px;
  line-height: 16px;
}
.fut-history-symbol-search input::placeholder { color: #87909b; opacity: 1; }
.fut-history-symbol-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 14px 0 18px;
  scrollbar-width: none;
}
.fut-history-symbol-list::-webkit-scrollbar { display: none; }
.fut-history-symbol-list button {
  width: 100%;
  height: 43px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 1px !important;
  color: #f2f4f6 !important;
  font-size: 13px !important;
  line-height: 17px !important;
  text-align: left !important;
}
.fut-history-symbol-list button span { flex: 1; }
.fut-history-symbol-list button i {
  position: relative;
  width: 16px;
  height: 16px;
  display: block;
  opacity: 0;
}
.fut-history-symbol-list button i::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 14px;
  left: 4px;
  top: -1px;
  border-right: 2px solid #e6ebf0;
  border-bottom: 2px solid #e6ebf0;
  transform: rotate(45deg);
}
.fut-history-symbol-list button.active i { opacity: 1; }
.fut-history-symbol-list p {
  margin: 22px 0 0;
  color: #7f8996;
  font-size: 11px;
  text-align: center;
}
.fut-history-type-sheet {
  height: min(34dvh, 300px);
  min-height: 235px;
  overflow: hidden;
  padding: 6px 15px calc(35px + env(safe-area-inset-bottom));
  background: #1d2530;
}
.fut-history-type-sheet > .fut-sheet-handle { margin-bottom: 19px; }
.fut-history-type-sheet h2 {
  margin: 0 0 22px;
  color: #f5f7fa;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
}
.fut-history-type-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 9px;
}
.fut-history-type-grid button {
  height: 31px !important;
  padding: 0 8px !important;
  border: 1px solid #35404c !important;
  border-radius: 6px !important;
  color: #eaeff5 !important;
  background: transparent !important;
  font-size: 11px !important;
  line-height: 14px !important;
}
.fut-history-type-grid button.active {
  border-color: #f1f5f8 !important;
  box-shadow: inset 0 0 0 1px #f1f5f8;
}
.fut-history-type-grid button:last-child:nth-child(odd) { grid-column: 1; }
.fut-history-choice-sheet { min-height: 214px; }
.fut-history-date-sheet {
  position: relative;
  height: min(58dvh, 485px);
  min-height: 410px;
  overflow: hidden;
  padding: 6px 15px calc(15px + env(safe-area-inset-bottom));
  background: #1d2530;
}
.fut-history-date-sheet > .fut-sheet-handle { margin-bottom: 17px; }
.fut-history-date-sheet h2 {
  margin: 0 0 20px;
  color: #f5f7fa;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
}
.fut-history-date-label {
  margin: 0 0 10px;
  color: #a3abb5;
  font-size: 10px;
  line-height: 13px;
}
.fut-history-date-presets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-bottom: 9px;
}
.fut-history-date-presets button {
  height: 34px !important;
  padding: 0 5px !important;
  border: 1px solid #35404c !important;
  border-radius: 6px !important;
  color: #e6eaef !important;
  background: transparent !important;
  font-size: 11px !important;
  line-height: 14px !important;
}
.fut-history-date-presets button.active {
  border-color: #f1f5f8 !important;
  box-shadow: inset 0 0 0 1px #f1f5f8;
}
.fut-history-date-boxes {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 35px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin-bottom: 27px;
}
.fut-history-date-boxes button {
  height: 34px !important;
  padding: 0 8px !important;
  border-radius: 6px !important;
  color: #e9edf2 !important;
  background: #28323e !important;
  font-size: 11px !important;
  line-height: 14px !important;
}
.fut-history-date-boxes button:first-child {
  border: 1px solid #f1f5f8 !important;
  box-shadow: inset 0 0 0 1px #f1f5f8;
  background: transparent !important;
}
.fut-history-date-boxes span {
  color: #a0a8b2;
  font-size: 11px;
  text-align: center;
}
.fut-history-date-wheel {
  position: relative;
  height: 124px;
  display: grid;
  grid-template-columns: 1.1fr .7fr 1fr;
  gap: 7px;
  margin-bottom: 22px;
  overflow: hidden;
  color: #66707d;
}
.fut-history-date-wheel::before,
.fut-history-date-wheel::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: #303945;
}
.fut-history-date-wheel::before { top: 48px; }
.fut-history-date-wheel::after { top: 83px; }
.fut-history-date-wheel div {
  display: grid;
  grid-template-rows: repeat(5, 1fr);
  align-items: center;
  justify-items: center;
  min-width: 0;
}
.fut-history-date-wheel span,
.fut-history-date-wheel b,
.fut-history-date-wheel strong {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}
.fut-history-date-wheel span { opacity: .18; }
.fut-history-date-wheel b { opacity: .32; }
.fut-history-date-wheel strong {
  color: #dfe5eb;
  font-size: 17px;
  opacity: 1;
}
.fut-history-date-note {
  margin: 0;
  color: #a1a9b3;
  font-size: 10px;
  line-height: 14px;
}
.fut-history-date-actions {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: calc(14px + env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px;
}
.fut-history-date-actions button {
  height: 37px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  line-height: 16px !important;
}
.fut-history-date-actions button:first-child {
  color: #e9edf2 !important;
  background: #303a46 !important;
}
.fut-history-date-actions button:last-child {
  color: #171b22 !important;
  background: var(--fut-yellow) !important;
}
.fut-history-info-sheet {
  position: relative;
  height: min(28dvh, 255px);
  min-height: 210px;
  padding: 6px 15px calc(15px + env(safe-area-inset-bottom));
  background: #1d2530;
}
.fut-history-info-sheet > .fut-sheet-handle { margin-bottom: 22px; }
.fut-history-info-sheet h2 {
  margin: 0 0 21px;
  color: #f5f7fa;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
}
.fut-history-info-sheet p {
  margin: 0;
  color: #edf1f5;
  font-size: 12px;
  line-height: 18px;
}
.fut-history-info-sheet .fut-sheet-confirm {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: calc(15px + env(safe-area-inset-bottom));
  height: 38px !important;
  border-radius: 6px !important;
  color: #171b22 !important;
  background: var(--fut-yellow) !important;
  font-size: 13px !important;
}
.fut-tick-sheet {
  height: auto;
  min-height: 0;
  max-height: 214px;
  overflow: hidden;
  padding: 6px 15px calc(12px + env(safe-area-inset-bottom));
  background: #1d2530;
}
.fut-tick-sheet > .fut-sheet-handle { margin-bottom: 10px; }
.fut-tick-list {
  display: flex;
  flex-direction: column;
}
.fut-tick-list button {
  position: relative;
  width: 100%;
  height: 35px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 2px 0 0 !important;
  color: #f2f4f6 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  font-weight: 400 !important;
  text-align: left !important;
}
.fut-tick-list button i {
  position: relative;
  width: 18px;
  height: 18px;
  opacity: 0;
}
.fut-tick-list button.active i { opacity: 1; }
.fut-tick-list button i::before {
  content: '';
  position: absolute;
  width: 9px;
  height: 15px;
  left: 4px;
  top: -1px;
  border-right: 2px solid #e6ebf0;
  border-bottom: 2px solid #e6ebf0;
  transform: rotate(45deg);
}

.fut-more-backdrop { background: rgba(3, 7, 12, .78); }
.fut-more-sheet {
  height: auto;
  max-height: min(64dvh, 520px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 5px 0 0;
  background: #1d2530;
}
.fut-more-sheet > .fut-sheet-handle { flex: 0 0 auto; margin-bottom: 7px; }
.fut-more-tabs {
  height: 35px;
  flex: 0 0 35px;
  display: flex;
  align-items: stretch;
  gap: 17px;
  padding: 0 11px;
  border-bottom: 1px solid #2c3540;
}
.fut-more-tabs button {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 !important;
  color: #a3abb5 !important;
  font-size: 10.5px !important;
  line-height: 15px !important;
  font-weight: 400 !important;
  white-space: nowrap;
}
.fut-more-tabs button:focus,
.fut-more-item:focus,
.fut-campaign-card:focus { outline: none; }
.fut-more-tabs button.active { color: #f1f3f5 !important; }
.fut-more-tabs button.active::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--fut-yellow);
}
.fut-more-panels { flex: 0 1 auto; min-height: 0; max-height: min(calc(64dvh - 45px), 475px); overflow: hidden; }
.fut-more-panel {
  height: auto;
  max-height: inherit;
  display: none;
  overflow-y: auto;
  padding: 9px 11px calc(16px + env(safe-area-inset-bottom));
  scrollbar-color: #b6bdc6 transparent;
  scrollbar-width: thin;
}
.fut-more-panel.active { display: block; animation: futPanelIn .2s ease both; }
.fut-more-panel::-webkit-scrollbar { width: 3px; }
.fut-more-panel::-webkit-scrollbar-thumb { border-radius: 3px; background: #aeb6c0; }
.fut-more-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 6px;
  row-gap: 8px;
}
.fut-more-item {
  min-width: 0;
  min-height: 56px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 !important;
  text-align: center;
  color: #eef1f3 !important;
}
.fut-more-iconbox {
  position: relative;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  margin-bottom: 5px;
  border-radius: 9px;
  color: #eef2f5;
  background: #26313d;
}
.fut-more-iconbox img {
  width: 19px;
  height: 19px;
  display: block;
  object-fit: contain;
}
.fut-more-iconbox .fut-menu-glyph{width:19px;height:19px;display:grid;grid-template-columns:repeat(2,5px);grid-auto-rows:5px;gap:3px;place-content:center;}
.fut-more-iconbox .fut-menu-glyph::before,.fut-more-iconbox .fut-menu-glyph::after{content:'';width:5px;height:5px;border:1.5px solid #d9dee4;border-radius:2px;box-shadow:8px 0 0 -1.5px #26313d,8px 0 0 0 #d9dee4,0 8px 0 -1.5px #26313d,0 8px 0 0 #d9dee4,8px 8px 0 -1.5px #26313d,8px 8px 0 0 #d9dee4;}
.fut-more-iconbox .fut-menu-glyph::after{display:none;}
.fut-more-tabs button.has-dot::before,
.fut-more-iconbox.has-dot::after,
.fut-campaign-card > i,
.fut-symbol-tools button:last-child > i { display: none !important; }
.fut-more-item > span:last-child {
  max-width: 70px;
  color: #eef1f3;
  font-size: 9px;
  line-height: 11.5px;
  font-weight: 400;
}
.fut-data-grid { position: relative; row-gap: 16px; }
.fut-data-note {
  grid-column: 3 / 5;
  align-self: start;
  justify-self: start;
  width: 132px;
  min-height: 48px;
  margin-top: 2px;
  padding: 7px 8px;
  border-radius: 5px;
  color: #f0f2f4;
  background: #657080;
  font-size: 8.5px;
  line-height: 12px;
  text-align: left;
}
.fut-campaign-panel { padding-top: 10px; }
.fut-campaign-grid { row-gap: 8px; }
.fut-campaign-top {
  color: #f3f6f7;
  background: #27313d;
}
.fut-campaign-top img { width: 22px; height: 22px; }
.fut-campaign-top .fut-campaign-badge{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(145deg,#f5cf35,#d98216);color:#17202b;font:700 9px/1 system-ui;}
.fut-campaign-title {
  margin: 3px 0 6px;
  color: #f0f2f4;
  font-size: 11.5px;
  line-height: 16px;
  font-weight: 600;
}
.fut-campaign-grid .fut-more-item { min-height: 53px; }
.fut-campaign-list { padding-bottom: 3px; }
.fut-campaign-card {
  position: relative;
  width: 100%;
  min-height: 59px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: stretch;
  margin-bottom: 5px !important;
  overflow: hidden;
  border: 1px solid #343e4b !important;
  border-radius: 6px;
  color: #edf0f2 !important;
  background: transparent !important;
  text-align: left;
}
.fut-campaign-art-image {
  width: 58px;
  height: 100%;
  min-height: 57px;
  display: block;
  align-self: stretch;
  object-fit: cover;
  object-position: center;
  border-right: 1px solid #303946;
}
.fut-campaign-card > .fut-campaign-art{position:static!important;display:grid!important;place-items:center;background:linear-gradient(145deg,#27384a,#1a222c 58%,#3b311b);color:#f5cf35;font:700 15px/1 system-ui;}
.fut-campaign-card > span:last-of-type {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px 9px 6px 10px;
}
.fut-campaign-card strong {
  display: block;
  margin-bottom: 2px;
  color: #f0f2f4;
  font-size: 10.5px;
  line-height: 14px;
  font-weight: 600;
}
.fut-campaign-card em {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #e2e6ea;
  font-size: 8.5px;
  line-height: 11.5px;
  font-style: normal;
}
.fut-campaign-card > i { top: -2px; right: -2px; }

.fut-confirm-backdrop { align-items: center; padding: 18px; }
.fut-confirm-card { width: 100%; max-width: 340px; padding: 19px; border-radius: 8px; background: #202934; opacity: 0; transform: scale(.94); transition: opacity .2s ease, transform .2s ease; }
.fut-confirm-backdrop.open .fut-confirm-card { opacity: 1; transform: scale(1); }
.fut-confirm-card h2 { margin: 0 0 17px; font-size: 16px; }
.fut-confirm-card #futConfirmDetails { display: grid; grid-template-columns: 1fr auto; gap: 9px; color: #8e97a2; font-size: 11px; }
.fut-confirm-card #futConfirmDetails b { color: #e9ecef; text-align: right; font-weight: 400; }
.fut-confirm-card > div:last-child { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 20px; }
.fut-confirm-card > div:last-child button { height: 38px; border-radius: 5px; background: #303a46; font-size: 12px; }
.fut-confirm-card > div:last-child button:last-child { color: #171b22; background: var(--fut-yellow); }
.fut-toast { position: fixed; z-index: 130; left: 50%; bottom: calc(112px + env(safe-area-inset-bottom)); max-width: calc(100% - 32px); padding: 10px 14px; border-radius: 6px; color: #f3f5f6; background: rgba(42, 51, 63, .97); font-size: 11px; line-height: 15px; text-align: center; opacity: 0; transform: translate(-50%, 10px); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.fut-toast.show { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 390px) {
  .fut-product-tabs { gap: 15px; padding-left: 11px; padding-right: 11px; }
  .fut-product-tabs > button { font-size: 13px; }
  .fut-symbol-head { padding-left: 11px; padding-right: 11px; }
  .fut-trading-grid { grid-template-columns: minmax(0, 60fr) minmax(124px, 40fr); gap: 7px; padding-left: 11px; padding-right: 11px; }
  .fut-record-tabs { padding: 0 11px; }
  .fut-record-tabs > button:not(.fut-record-history) { padding-right: 8px; margin-right: 9px; font-size: 10.5px; }
  .fut-setting-row { gap: 5px; }
  .fut-funding > span { font-size: 8px; }
  .fut-book-row { font-size: 9px; }
  .fut-submit { font-size: 12px !important; }
  .fut-order-type-sheet { height: auto; max-height: min(78dvh, 620px); }
  .fut-list-option { min-height: 65px; gap: 8px; }
  .fut-guide-tabs { gap: 20px; padding-left: 12px; padding-right: 12px; }
  .fut-guide-content { padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 350px) {
  .fut-product-tabs { gap: 12px; }
  .fut-product-tabs > button { font-size: 11.5px; }
  .fut-trading-grid { grid-template-columns: minmax(0, 57fr) minmax(118px, 43fr); gap: 6px; padding-left: 9px; padding-right: 9px; }
  .fut-record-tabs > button:not(.fut-record-history) { margin-right: 6px; font-size: 9.5px; }
  .fut-symbol-button strong { font-size: 15px; }
  .fut-input-row { padding-left: 8px; }
  .fut-input-row > button { min-width: 45px; }
  .fut-order-type-sheet { height: auto; max-height: 82dvh; }
  .fut-list-option { grid-template-columns: 27px minmax(0,1fr) 21px; min-height: 63px; gap: 7px; }
  .fut-list-copy strong { font-size: 12px; }
  .fut-list-copy em { font-size: 9px; line-height: 13px; }
  .fut-guide-tabs { gap: 17px; }
  .fut-guide-tabs button { font-size: 11px !important; }
  .fut-guide-content { padding-left: 13px; padding-right: 13px; font-size: 10.5px; line-height: 17px; }
}

.futures {
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  --fut-chart-heading-h: 30px;
  --fut-chart-body-h: 178px;
  --fut-chart-canvas-h: 125px;
}
.fut-product-tabs {
  min-height: calc(47px + env(safe-area-inset-top));
  gap: 15px;
  padding: calc(12px + env(safe-area-inset-top)) 12px 7px;
}
.fut-product-tabs > button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13.5px;
  line-height: 18px;
}
.fut-product-tabs .fut-menu-button {
  position: sticky;
  right: 0;
  z-index: 2;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  gap: 3px;
  background: var(--fut-bg);
}
.fut-menu-button span { width: 18px; height: 1.2px; }
.fut-notice {
  height: 28px;
  gap: 6px;
  padding: 0 12px;
  font-size: 10px;
}
.fut-notice-icon { width: 14px; height: 14px; flex-basis: 14px; }
.fut-notice > button { flex-basis: 16px; font-size: 17px; line-height: 17px; }
.fut-symbol-head {
  min-height: 42px;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: 21px 13px;
  column-gap: 7px;
  padding: 3px 12px 2px;
}
.fut-symbol-button { grid-column: 1; grid-row: 1; align-self: center; }
.fut-symbol-change { grid-column: 1; grid-row: 2; align-self: start; margin: 0; }
.fut-symbol-tools { grid-column: 2; grid-row: 1 / span 2; }
.fut-symbol-button { gap: 5px; }
.fut-symbol-button strong { font-size: 16px; line-height: 20px; }
.fut-symbol-button span { padding: 1px 4px; font-size: 9px; line-height: 14px; }
.fut-symbol-change { font-size: 10.5px; line-height: 13px; }
.fut-symbol-tools { gap: 7px; }
.fut-symbol-tools button { width: 23px; height: 25px; }
.fut-candle-icon { width: 18px; height: 18px; }
.fut-more-icon,
.fut-more-icon img { width: 17px; height: 17px; }
.fut-trading-grid {
  grid-template-columns: minmax(0, 59fr) minmax(126px, 41fr);
  gap: 7px;
  padding: 0 12px 8px;
}
.fut-setting-row {
  gap: 5px;
  margin-bottom: 5px;
}
.fut-setting-row button,
.fut-select-row {
  height: 28px;
  border-radius: 4px;
  font-size: 10.5px;
}
.fut-setting-row button { padding: 0 7px; }
.fut-price-control { gap: 5px; margin-bottom: 5px; }
.fut-order-type-main {
  padding-left: 8px !important;
  font-size: 10.5px !important;
}
.fut-info-dot {
  width: 12px;
  height: 12px;
  flex-basis: 12px;
}
.fut-info-dot img { width: 12px; height: 12px; }
.fut-order-type-caret {
  width: 27px;
  flex-basis: 27px;
}
.fut-input-row {
  height: 39px;
  grid-template-rows: 12px 18px;
  padding: 4px 8px 4px 8px;
  margin-bottom: 5px;
  border-radius: 4px;
}
.fut-input-row > span { font-size: 8.5px; line-height: 12px; }
.fut-input-row input { font-size: 12.5px; line-height: 18px; }
.fut-input-row > button {
  min-width: 43px;
  height: 29px;
  padding: 0 6px;
  font-size: 11px;
}
.fut-amount-row { grid-template-rows: 1fr; column-gap: 4px; padding: 0 8px; }
.fut-amount-row input { padding-right: 7px; font-size: 10.5px; line-height: 39px; }
.fut-amount-row > b { font-size: 10.5px; }
.fut-amount-row > i { margin-left: 0; }
.fut-caret {
  border-left-width: 3.5px;
  border-right-width: 3.5px;
  border-top-width: 5px;
}
.fut-range-wrap { --fut-range-track-inset: 6px; height: 25px; padding: 0 4px; }
.fut-range-wrap input { height: 15px; }
.fut-range-wrap input::-webkit-slider-thumb {
  width: 12px;
  height: 12px;
  margin-top: -5px;
  border-width: 1.5px;
}
.fut-range-wrap input::-moz-range-thumb {
  width: 11px;
  height: 11px;
  border-width: 1.5px;
}
.fut-range-points { inset: 0 var(--fut-range-track-inset); }
.fut-range-points i {
  width: 6px;
  height: 6px;
  border-width: 1.5px;
}
.fut-available {
  height: 21px;
  font-size: 9.8px;
}
.fut-available > button {
  width: 14px;
  height: 14px;
  margin-left: 4px;
}
.fut-available > button img { width: 14px; height: 14px; }
.fut-check-row {
  min-height: 21px;
  font-size: 10px;
}
.fut-check-row > i {
  width: 14px;
  height: 14px;
  flex-basis: 14px;
  margin-right: 5px;
  border-radius: 3px;
}
.fut-tif-button {
  padding-left: 6px !important;
  font-size: 10px !important;
}
.fut-order-summary {
  margin-top: 2px;
  font-size: 9px;
  line-height: 12px;
}
.fut-submit {
  height: 34px;
  margin-top: 5px !important;
  border-radius: 4px;
  font-size: 12.5px !important;
}
.fut-short-summary { margin-top: 5px; }
.fut-funding { height: 30px; }
.fut-funding > span { font-size: 8px; line-height: 11px; }
.fut-funding > b { font-size: 10px; line-height: 13px; }
.fut-book-head { height: 24px; font-size: 8px; line-height: 10px; }
.fut-book-side { min-height: 103px; }
.fut-book-row {
  height: 13px;
  font-size: 9.2px;
  line-height: 13px;
}
.fut-market-price {
  height: 19px;
  font-size: 16px;
  line-height: 19px;
}
.fut-index-price {
  height: 14px;
  font-size: 8.5px;
  line-height: 12px;
}
.fut-book-ratio {
  height: 20px;
  gap: 3px;
  font-size: 8.5px;
}
.fut-book-ratio > i { height: 3px; }
.fut-book[data-book-mode="asks"] .fut-book-asks,
.fut-book[data-book-mode="bids"] .fut-book-bids { min-height: 206px; }
.fut-book-controls {
  height: 22px;
  grid-template-columns: minmax(0, calc(100% - 26px)) 18px;
  gap: 8px;
}
.fut-book-precision {
  height: 22px;
  padding: 0 7px !important;
  border-radius: 3px;
  font-size: 9.5px !important;
}
.fut-book-view {
  width: 18px !important;
  height: 22px !important;
}
.fut-book-view > span,
.fut-book-view > span img { width: 16px; height: 18px; }
.fut-records { min-height: 235px; }
.fut-record-tabs {
  height: 42px;
  padding: 0 12px;
}
.fut-record-tabs > button:not(.fut-record-history) {
  display: flex;
  align-items: center;
  padding-right: 8px;
  margin-right: 9px;
  font-size: 11px;
}
.fut-record-tabs > button.active::after {
  right: 8px;
  height: 2px;
}
.fut-record-history { width: 27px; }
.fut-record-history img { width: 17px; height: 17px; }
.fut-record-panel { min-height: 197px; }
.fut-empty {
  min-height: 200px;
  padding: 18px 12px 28px;
}
.fut-empty-icon {
  width: 43px;
  height: 43px;
  margin-bottom: 13px;
}
.fut-empty strong { font-size: 12px; line-height: 17px; }
.fut-empty p {
  margin: 12px 0 10px;
  font-size: 10.5px;
}
.fut-add-funds-button {
  min-width: 88px;
  height: 29px;
  padding: 0 12px !important;
  border-radius: 5px;
  font-size: 11px !important;
}
.fut-bot-tabs { height: 38px; padding: 0 7px; }
.fut-bot-tabs button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px !important;
  font-size: 9.8px !important;
  line-height: 1;
}
.fut-bot-heading { height: 48px; padding: 0 12px; }
.fut-bot-heading strong { font-size: 12px; }
.fut-bot-heading button { height: 26px; font-size: 9.8px !important; }
.fut-bot-card {
  margin: 0 12px 10px;
  padding: 12px;
  border-radius: 7px;
}
.fut-bot-title strong { font-size: 12.5px; }
.fut-bot-title button {
  width: 42px;
  height: 30px;
  font-size: 9.5px !important;
}
.fut-bot-card > div:last-child b { font-size: 12px; }
.fut-chart-heading {
  height: var(--fut-chart-heading-h);
  padding: 0 12px !important;
  font-size: 10px !important;
}
.fut-chart-heading-tools {
  width: 18px;
  height: 19px;
  margin-left: 8px;
  padding-left: 8px;
}
.fut-chart-heading-tools i {
  border-left-width: 3.5px;
  border-right-width: 3.5px;
  border-bottom-width: 5px;
}
.fut-chart-body { height: var(--fut-chart-body-h); }
.fut-chart-ranges {
  height: 34px;
  padding: 0 12px;
}
.fut-chart-ranges button {
  min-width: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9.5px !important;
}
.fut-chart-ma {
  height: 19px;
  padding: 0 12px;
  gap: 7px;
  font-size: 7.5px;
}
#futChartCanvas { height: var(--fut-chart-canvas-h); }

/* Full contract view opened from the candlestick button. */
.fut-detail-page {
  position: absolute;
  inset: 0;
  z-index: 74;
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #f2f4f6;
  background: #1b232e;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(100%);
  transition: transform .3s cubic-bezier(.22,.78,.25,1), visibility 0s linear .3s;
}
.fut-detail-page.open {
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
  transition: transform .3s cubic-bezier(.22,.78,.25,1), visibility 0s;
}
.fut-detail-page button { min-width: 0; }
.fut-detail-header {
  min-height: calc(61px + env(safe-area-inset-top));
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: end;
  gap: 5px;
  padding: calc(8px + env(safe-area-inset-top)) 12px 7px;
  background: #1b232e;
}
.fut-detail-back,
.fut-detail-header-actions button {
  width: 34px;
  height: 38px;
  display: grid;
  place-items: center;
  padding: 0 !important;
  color: #eef1f4;
}
.fut-detail-back svg { width: 21px; height: 21px; }
.fut-detail-title {
  min-width: 0;
  align-self: center;
  padding: 0 !important;
  border: 0 !important;
  color: inherit;
  background: transparent !important;
  text-align: left;
  cursor: pointer;
}
.fut-detail-title > div { display: flex; align-items: center; gap: 5px; min-width: 0; }
.fut-detail-title strong {
  overflow: hidden;
  font-size: 17px;
  line-height: 21px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fut-detail-title span {
  flex: 0 0 auto;
  padding: 1px 4px;
  border: 1px solid #34404d;
  border-radius: 2px;
  color: #dce0e5;
  background: #242d39;
  font-size: 9px;
  line-height: 14px;
}
.fut-detail-title i {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #aeb5bd;
}
.fut-detail-title small { display: block; margin-top: 1px; color: #a1a9b3; font-size: 10px; line-height: 13px; }
.fut-detail-header-actions { display: flex; align-items: center; }
.fut-detail-header-actions button { width: 32px; }
.fut-detail-header-actions svg { width: 22px; height: 22px; }
.fut-detail-header-actions button.active { color: var(--fut-yellow); }
.fut-detail-header-actions button.active svg { fill: currentColor; }

.fut-detail-tabs {
  position: relative;
  z-index: 2;
  height: 40px;
  flex: 0 0 40px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-bottom: 1px solid #252e39;
  background: #1b232e;
}
.fut-detail-tabs button {
  position: relative;
  height: 40px;
  padding: 0 2px !important;
  color: #a5adb7;
  font-size: 11.5px !important;
  line-height: 40px;
  text-align: center;
  white-space: nowrap;
}
.fut-detail-tabs button.active { color: #f4f6f8; }
.fut-detail-tabs button.active::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 19px;
  height: 2px;
  border-radius: 1px;
  background: var(--fut-yellow);
  transform: translateX(-50%);
}
.fut-detail-scroll {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  padding-bottom: calc(65px + env(safe-area-inset-bottom));
}
.fut-detail-scroll::-webkit-scrollbar,
.fut-detail-subtabs::-webkit-scrollbar,
.fut-detail-square-tabs::-webkit-scrollbar,
.fut-detail-indicators::-webkit-scrollbar { display: none; }
.fut-detail-panel { display: none; width: 100%; min-width: 0; }
.fut-detail-panel.active { display: block; }

.fut-detail-price-summary {
  display: grid;
  grid-template-columns: minmax(0, 58fr) minmax(128px, 42fr);
  gap: 10px;
  min-height: 110px;
  padding: 13px 13px 10px;
  border-bottom: 1px solid #2a3340;
}
.fut-detail-price-summary > div > span { display: block; color: #8f98a4; font-size: 9px; line-height: 13px; }
.fut-detail-price-summary > div > strong {
  display: block;
  margin-top: 2px;
  color: #eef1f4;
  font-size: 25px;
  line-height: 30px;
  font-weight: 500;
}
.fut-detail-price-summary > div > p { margin: 0; font-size: 10px; line-height: 15px; }
.fut-detail-price-summary > div > p b { color: #c2c8cf; font-weight: 400; }
.fut-detail-price-summary > div > p em { margin-left: 4px; color: var(--fut-green); font-style: normal; }
.fut-detail-price-summary > div > p em.down { color: var(--fut-red); }
.fut-detail-price-summary > div > small { display: block; margin-top: 5px; color: #abb2bb; font-size: 9.5px; }
.fut-detail-price-summary > div > small b { color: #e2e5e8; font-weight: 400; }
.fut-detail-price-summary dl {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: center;
  gap: 5px 8px;
  margin: 0;
  font-size: 9px;
  line-height: 13px;
}
.fut-detail-price-summary dt { overflow: hidden; color: #929ba6; text-overflow: ellipsis; white-space: nowrap; }
.fut-detail-price-summary dd { margin: 0; color: #eef1f4; text-align: right; white-space: nowrap; }

.fut-detail-timeframes {
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 7px 0 12px;
  overflow: hidden;
  border-bottom: 1px solid #29323e;
}
.fut-detail-timeframes > span:first-child { flex: 0 0 36px; color: #8f98a4; font-size: 9px; }
.fut-detail-timeframes > button {
  flex: 0 0 34px;
  height: 28px;
  padding: 0 2px !important;
  color: #a3abb5;
  font-size: 9px !important;
  text-align: center;
}
.fut-detail-timeframes > button.active { color: #f5f6f7; font-weight: 600; }
.fut-detail-timeframes > button:nth-of-type(5) { flex-basis: 43px; }
.fut-detail-chart-tools { min-width: 0; margin-left: auto; display: flex; align-items: center; gap: 7px; color: #aab2bb; }
.fut-detail-chart-tools svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 1.25; }
.fut-detail-chart-wrap { position: relative; width: 100%; height: 248px; overflow: hidden; }
.fut-detail-ma {
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 12px;
  right: 42px;
  display: flex;
  gap: 7px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 7.5px;
}
.fut-detail-ma span:nth-child(1), .fut-detail-ma span:nth-child(1) b { color: #e0ad18; }
.fut-detail-ma span:nth-child(2), .fut-detail-ma span:nth-child(2) b { color: #d64b9f; }
.fut-detail-ma span:nth-child(3), .fut-detail-ma span:nth-child(3) b { color: #8170bd; }
#futDetailChart { display: block; width: 100%; height: 248px; }
#futDetailChart {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}
.fut-chart-crosshair {
  --fut-cross-x: 50%;
  --fut-cross-y: 50%;
  --fut-cross-date-x: 50%;
  position: absolute;
  inset: 0;
  z-index: 5;
  display: none;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.fut-chart-crosshair.active { display: block; }
.fut-chart-cross-v,
.fut-chart-cross-h,
.fut-chart-cross-dot,
.fut-chart-cross-price,
.fut-chart-cross-date { position: absolute; }
.fut-chart-cross-v {
  top: 23px;
  bottom: 20px;
  left: var(--fut-cross-x);
  border-left: 1px dashed rgba(229, 234, 240, .58);
}
.fut-chart-cross-h {
  right: 43px;
  left: 0;
  top: var(--fut-cross-y);
  border-top: 1px dashed rgba(229, 234, 240, .58);
}
.fut-chart-cross-dot {
  left: var(--fut-cross-x);
  top: var(--fut-cross-y);
  width: 5px;
  height: 5px;
  margin: -2px 0 0 -2px;
  border-radius: 50%;
  background: #f1f4f7;
  box-shadow: 0 0 0 1px rgba(25, 31, 39, .9);
}
.fut-chart-cross-price {
  right: 0;
  top: var(--fut-cross-y);
  min-width: 57px;
  padding: 3px 5px 3px 4px;
  border-radius: 4px 0 0 4px;
  color: #1e2630;
  background: #eef1f4;
  transform: translateY(-50%);
  font-size: 9px;
  font-weight: 650;
  line-height: 10px;
  text-align: right;
  white-space: nowrap;
}
.fut-chart-cross-price em {
  display: block;
  color: #1e2630;
  font-size: 8px;
  font-style: normal;
  font-weight: 500;
  line-height: 9px;
}
.fut-chart-cross-date {
  bottom: 1px;
  left: var(--fut-cross-date-x);
  padding: 3px 7px;
  border-radius: 4px;
  color: #1e2630;
  background: #eef1f4;
  transform: translateX(-50%);
  font-size: 8px;
  font-weight: 550;
  line-height: 10px;
  white-space: nowrap;
}
.fut-detail-chart-wrap.crosshair-active #futDetailChart { cursor: crosshair; }
.fut-detail-volume-label {
  height: 19px;
  padding: 3px 12px 0;
  overflow: hidden;
  color: #929ba6;
  font-size: 7.5px;
  white-space: nowrap;
}
.fut-detail-volume-label b { color: #d9aa20; font-weight: 400; }
.fut-detail-volume-label em { color: #8c73bd; font-style: normal; }
.fut-detail-volume-chart { display: block; width: 100%; height: 72px; }
.fut-detail-indicators {
  height: 32px;
  display: flex;
  align-items: center;
  overflow-x: auto;
  border-top: 1px solid #28313d;
  border-bottom: 1px solid #28313d;
  scrollbar-width: none;
}
.fut-detail-indicators button { flex: 0 0 49px; height: 31px; color: #9da5af; font-size: 9px !important; }
.fut-detail-indicators button.active { color: #eef1f4; }
.fut-detail-performance {
  min-height: 51px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  padding: 6px 9px;
  border-bottom: 1px solid #28313d;
}
.fut-detail-performance span { display: grid; gap: 3px; color: #89929d; font-size: 8px; text-align: center; }
.fut-detail-performance b { font-size: 8.5px; font-weight: 400; }
.fut-detail-performance .up { color: var(--fut-green); }
.fut-detail-performance .down { color: var(--fut-red); }
.fut-detail-book-tabs { height: 37px; display: flex; align-items: center; gap: 5px; padding: 0 12px; }
.fut-detail-book-tabs button { height: 28px; padding: 0 11px !important; border-radius: 4px; color: #9ea6b0; font-size: 10px !important; }
.fut-detail-book-tabs button.active { color: #f3f5f6; background: #242d38; }
.fut-detail-market-panel { display: none; min-height: 420px; }
.fut-detail-market-panel.active { display: block; }
.fut-detail-book-ratio { height: 30px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; padding: 0 13px; font-size: 9px; }
.fut-detail-book-ratio span:first-child { color: var(--fut-green); }
.fut-detail-book-ratio span:last-child { color: var(--fut-red); }
.fut-detail-book-ratio i { height: 3px; display: flex; overflow: hidden; border-radius: 2px; }
.fut-detail-book-ratio b { width: var(--detail-buy-ratio, 50%); background: var(--fut-green); }
.fut-detail-book-ratio em { flex: 1; margin-left: 3px; background: var(--fut-red); }
.fut-detail-book-head {
  position: relative;
  height: 25px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 0 13px;
  color: #8f98a4;
  font-size: 9px;
}
.fut-detail-book-bid-label { grid-column: 1; }
.fut-detail-book-ask-label { position: absolute; left: 50%; transform: translateX(-50%); text-align: center; }
.fut-detail-book-tick-wrap { position: relative; grid-column: 2; justify-self: end; }
.fut-detail-book-head button { padding: 3px 6px !important; border-radius: 3px; color: #aab2bb; background: #232c37; font-size: 8.5px !important; }
.fut-detail-book-precision { display: inline-flex; align-items: center; gap: 3px; }
.fut-detail-book-tick-wrap .fut-detail-tick-menu {
  left: auto;
  right: 0;
  top: calc(100% + 5px);
  bottom: auto;
  width: 94px;
  transform-origin: top right;
}
.fut-detail-order-book { position: relative; padding: 0 13px 10px; }
.fut-detail-book-row {
  position: relative;
  height: 21px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  overflow: hidden;
  font-size: 9.5px;
}
.fut-detail-book-row::before,
.fut-detail-book-row::after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  width: var(--depth, 35%);
  opacity: .55;
}
.fut-detail-book-row::before { right: 50%; background: #16372f; }
.fut-detail-book-row::after { left: 50%; background: #402732; }
.fut-detail-book-row > * { position: relative; z-index: 1; }
.fut-detail-book-row span:first-child { text-align: left; }
.fut-detail-book-row span:last-child { text-align: right; }
.fut-detail-book-row b { color: var(--fut-green); font-weight: 400; }
.fut-detail-book-row em { color: var(--fut-red); font-style: normal; }
#futDetailDepthChart { display: block; width: 100%; height: 260px; margin-top: 18px; }
.fut-detail-trades { padding: 5px 13px 20px; }
.fut-detail-trade-row { height: 27px; display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; border-bottom: 1px solid #242d38; color: #a2aab4; font-size: 9.5px; }
.fut-detail-trade-row b { color: var(--fut-green); font-weight: 400; text-align: center; }
.fut-detail-trade-row.sell b { color: var(--fut-red); }
.fut-detail-trade-row span:last-child { text-align: right; }

.fut-detail-subtabs,
.fut-detail-square-tabs {
  height: 38px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 12px;
  overflow-x: auto;
  border-bottom: 1px solid #29323e;
  white-space: nowrap;
  scrollbar-width: none;
}
.fut-detail-subtabs button,
.fut-detail-square-tabs button {
  flex: 0 0 auto;
  height: 28px;
  padding: 0 9px !important;
  border-radius: 4px;
  color: #9ba4ae;
  font-size: 9px !important;
}
.fut-detail-subtabs button.active,
.fut-detail-square-tabs button.active { color: #eef1f4; background: #252e3a; }
.fut-detail-info-panel { display: none; padding: 12px 13px 24px; }
.fut-detail-info-panel.active { display: block; }
.fut-detail-info-note { margin: 0 0 17px; color: #9ba4af; font-size: 9px; line-height: 14px; }
.fut-detail-info-note button { padding: 0 !important; color: var(--fut-yellow); font-size: inherit !important; }
.fut-detail-info-panel h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 17px; font-size: 17px; }
.fut-detail-info-panel h2 b { font-weight: 600; }
.fut-detail-coin-logo {
  width: 25px;
  height: 25px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 25px;
  overflow: hidden;
  border-radius: 50%;
  color: #eef5ff;
  background: #2454c7;
  box-shadow: inset 0 0 0 1px #3f73e1;
  font-size: 7px;
  font-style: normal;
  font-weight: 600;
}
.fut-detail-coin-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; margin: 0; }
.fut-detail-coin-stats div { min-width: 0; }
.fut-detail-coin-stats dt { color: #919aa5; font-size: 9.5px; line-height: 13px; text-decoration: underline dotted #65707d; text-underline-offset: 3px; }
.fut-detail-coin-stats dd { margin: 3px 0 0; overflow-wrap: anywhere; color: #f1f3f5; font-size: 12px; line-height: 16px; }
.fut-detail-coin-stats small { display: block; color: #c4cad0; font-size: 9px; line-height: 13px; }
.fut-detail-info-panel h3 { margin: 25px 0 13px; font-size: 14px; }
.fut-detail-links { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 7px; color: #969fab; font-size: 10px; }
.fut-detail-links span:last-of-type { grid-column: 1; }
.fut-detail-links button { padding: 5px 8px !important; border-radius: 4px; background: #303a47; font-size: 9px !important; }
.fut-detail-links button:last-child { grid-column: 2 / 4; justify-self: end; }
.fut-detail-parameter-list { margin: 0; }
.fut-detail-parameter-list div,
.fut-detail-funding-row { min-height: 44px; display: grid; grid-template-columns: 1fr auto; align-items: center; border-bottom: 1px solid #29323e; gap: 12px; }
.fut-detail-parameter-list dt { color: #939ca7; font-size: 10px; }
.fut-detail-parameter-list dd { margin: 0; text-align: right; font-size: 10px; }
.fut-detail-copy { color: #a4acb5; font-size: 10px; line-height: 16px; }
.fut-detail-tier { min-height: 55px; display: flex; flex-direction: column; justify-content: center; gap: 5px; border-bottom: 1px solid #29323e; }
.fut-detail-tier span { font-size: 12px; }
.fut-detail-tier b { color: #939ca7; font-size: 9px; font-weight: 400; }
.fut-detail-funding-row { font-size: 10px; }
.fut-detail-funding-row span { color: #959ea9; }
.fut-detail-funding-row b { color: #f0f2f4; font-weight: 400; }

.fut-detail-data-block { padding: 18px 13px 20px; border-bottom: 8px solid #181f29; }
.fut-detail-data-block header { display: flex; align-items: flex-start; justify-content: space-between; }
.fut-detail-data-block h2 { margin: 0; font-size: 14px; line-height: 19px; }
.fut-detail-data-block h2 i { width: 13px; height: 13px; display: inline-grid; place-items: center; border: 1px solid #7e8792; border-radius: 50%; color: #89929e; font-size: 8px; font-style: normal; }
.fut-detail-data-block header small { color: #9ba3ad; font-size: 10px; }
.fut-detail-data-block header > button { width: 28px; height: 28px; display: grid; place-items: center; padding: 0 !important; color: #929ba6; }
.fut-detail-data-block header svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.4; }
.fut-detail-data-controls { display: flex; gap: 6px; margin-top: 10px; }
.fut-detail-data-controls button { height: 27px; padding: 0 9px !important; border-radius: 4px; background: #252e39; font-size: 9px !important; }
.fut-detail-data-block canvas { display: block; width: 100%; height: 190px; margin-top: 11px; }
.fut-detail-data-block > p { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 14px; margin: 7px 0 0; color: #8f98a4; font-size: 8px; }
.fut-detail-data-block > p span { display: flex; align-items: center; gap: 4px; }
.fut-detail-data-block > p i { width: 7px; height: 7px; border-radius: 1px; background: #f2ca19; }
.fut-detail-data-block > p i.red { background: var(--fut-red); }
.fut-detail-data-block > p i.green { background: var(--fut-green); }
.fut-detail-data-block > p i.line { width: 9px; height: 2px; border-radius: 2px; background: #e6e9ec; }

.fut-detail-square-filter { height: 35px; display: flex; align-items: center; gap: 8px; padding: 0 13px; }
.fut-detail-square-filter button { height: 25px; padding: 0 8px !important; border-radius: 4px; color: #9ba4ae; font-size: 9.5px !important; }
.fut-detail-square-filter button.active { color: #eff2f4; background: #28313d; }
.fut-detail-square-feed { padding-bottom: 8px; }
.fut-detail-post { padding: 5px 13px 11px; border-bottom: 1px solid #2a3340; }
.fut-detail-post header { display: grid; grid-template-columns: 35px 1fr 24px; align-items: center; gap: 6px; }
.fut-detail-avatar { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #722ed1, #2c6eec); font-size: 8px; }
.fut-detail-avatar.alt { background: #44556b; }
.fut-detail-avatar.dog { background: #a27b61; }
.fut-detail-post header strong { font-size: 11px; font-weight: 500; }
.fut-detail-post header small { color: #949da8; font-size: 9px; font-weight: 400; }
.fut-detail-post header > button { color: #697482; font-size: 19px !important; }
.fut-detail-post > p { margin: 5px 0 7px 41px; color: #edf0f3; font-size: 11.5px; line-height: 17px; }
.fut-detail-post > p b { color: var(--fut-yellow); font-weight: 500; }
.fut-detail-post-photo {
  width: clamp(164px, 42vw, 202px);
  aspect-ratio: 247 / 282;
  margin-left: 41px;
  overflow: hidden;
  border-radius: 7px;
  background:
    linear-gradient(155deg,transparent 0 42%,rgba(14,203,129,.82) 43% 45%,transparent 46%),
    linear-gradient(25deg,#17212b,#263849 58%,#151c25);
}
.fut-detail-post footer { display: flex; justify-content: space-between; margin: 8px 0 0 41px; color: #929ba6; font-size: 9px; }
.fut-detail-post.compact > p { margin-bottom: 9px; }
.fut-detail-mini-post-chart { height: 90px; margin-left: 41px; position: relative; overflow: hidden; border-radius: 5px; background: #202a36; }
.fut-detail-mini-post-chart::before { content: ''; position: absolute; inset: 50% 6px auto; height: 1px; background: #35404d; transform: rotate(-8deg); }
.fut-detail-mini-post-chart i,.fut-detail-mini-post-chart b,.fut-detail-mini-post-chart em { position: absolute; bottom: 17px; width: 6px; background: var(--fut-green); }
.fut-detail-mini-post-chart i { left: 31%; height: 35px; }.fut-detail-mini-post-chart b { left: 48%; height: 53px; }.fut-detail-mini-post-chart em { left: 67%; height: 27px; background: var(--fut-red); }
.fut-detail-discussion { display: grid; grid-template-columns: 31px 1fr 22px 22px; align-items: center; gap: 5px; margin: 8px 13px 14px; padding: 6px 8px; border-radius: 5px; background: #252e3a; color: #929ba6; }
.fut-detail-discussion .fut-detail-avatar { width: 29px; height: 29px; }
.fut-detail-discussion button { padding: 0 7px !important; color: #929ba6; text-align: left; font-size: 10px !important; }

.fut-detail-section-title { display: flex; justify-content: space-between; margin: 0; padding: 18px 13px 8px; color: #929ba6; font-size: 11px; font-weight: 400; }
.fut-detail-copy-card { margin: 0 13px 11px; padding: 12px; border: 1px solid #303a47; border-radius: 7px; }
.fut-detail-copy-card > div { display: grid; grid-template-columns: 36px 1fr 62px; align-items: center; gap: 7px; }
.fut-detail-copy-card strong { font-size: 12px; }
.fut-detail-copy-card strong small { display: block; color: #929ba6; font-size: 8.5px; font-weight: 400; }
.fut-detail-copy-card button { height: 31px; border-radius: 5px; color: #171b22 !important; background: var(--fut-yellow) !important; font-size: 10px !important; }
.fut-detail-copy-card dl { display: grid; grid-template-columns: 1fr 1fr; margin: 12px 0 0; }
.fut-detail-copy-card dl div:last-child { text-align: right; }
.fut-detail-copy-card dt { color: #929ba6; font-size: 9px; }
.fut-detail-copy-card dd { margin: 3px 0 0; color: var(--fut-green); font-size: 16px; font-weight: 600; }
.fut-detail-market-list h2 { margin: 18px 13px 7px; color: #929ba6; font-size: 11px; font-weight: 400; }
.fut-detail-market-list h2 span { float: right; }
.fut-detail-market-list > button { width: 100%; height: 57px; display: grid; grid-template-columns: 22px 27px 1fr auto; align-items: center; gap: 7px; padding: 0 13px !important; text-align: left; }
.fut-detail-market-list > button > span { color: #929ba6; font-size: 21px; }
.fut-detail-market-list > button strong { font-size: 12px; font-weight: 500; }
.fut-detail-market-list > button strong small,.fut-detail-market-list > button > b small { display: block; color: #929ba6; font-size: 8.5px; font-weight: 400; }
.fut-detail-market-list > button > b { color: #eef1f4; font-size: 12px; font-weight: 500; text-align: right; }
.fut-detail-market-list > button > b small { margin-top: 3px; color: var(--fut-green); }

.fut-detail-actions {
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: calc(59px + env(safe-area-inset-bottom));
  display: grid;
  grid-template-columns: 40px 40px 40px minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 6px;
  padding: 7px 12px calc(7px + env(safe-area-inset-bottom));
  border-top: 1px solid #2a3340;
  background: rgba(27, 35, 46, .98);
}
.fut-detail-tool { height: 45px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; padding: 0 !important; color: #e7eaed; font-size: 8px !important; }
.fut-detail-tool svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.5; }
.fut-detail-tool .dot { fill: currentColor; stroke: none; }
.fut-detail-long,.fut-detail-short { height: 39px; margin-top: 3px !important; border-radius: 5px !important; color: #fff !important; font-size: 12px !important; }
.fut-detail-long { background: var(--fut-green) !important; }
.fut-detail-short { background: var(--fut-red) !important; }

@media (max-width: 360px) {
  .fut-detail-tabs button { font-size: 10.5px !important; }
  .fut-detail-price-summary { grid-template-columns: minmax(0, 55fr) minmax(120px, 45fr); padding-left: 10px; padding-right: 10px; }
  .fut-detail-timeframes { padding-left: 8px; }
  .fut-detail-timeframes > span:first-child { flex-basis: 27px; }
  .fut-detail-timeframes > button { flex-basis: 29px; }
  .fut-detail-chart-tools { gap: 4px; }
  .fut-detail-chart-tools svg { width: 14px; height: 14px; }
  .fut-detail-performance { padding-left: 5px; padding-right: 5px; }
  .fut-detail-performance span,.fut-detail-performance b { font-size: 7px; }
  .fut-detail-actions { grid-template-columns: 35px 35px 35px minmax(0,1fr) minmax(0,1fr); gap: 4px; padding-left: 8px; padding-right: 8px; }
}
.fut-sheet {
  padding: 6px 11px calc(16px + env(safe-area-inset-bottom));
}
.fut-sheet-handle {
  width: 30px;
  height: 3px;
  margin-bottom: 13px;
}
.fut-sheet h2 {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 19px;
}
.fut-margin-option {
  padding: 11px !important;
  margin-bottom: 8px !important;
  border-radius: 7px;
}
.fut-margin-option strong { font-size: 11.5px; }
.fut-margin-option span { font-size: 9.5px; line-height: 14px; }
.fut-add-funds-sheet {
  height: 29dvh;
  max-height: 330px;
  padding: 5px 11px calc(13px + env(safe-area-inset-bottom));
}
.fut-add-funds-sheet.expanded {
  height: 47dvh;
  max-height: 455px;
}
.fut-add-funds-sheet > .fut-sheet-handle { margin-bottom: 12px; }
.fut-add-funds-sheet h2 {
  margin-bottom: 2px;
  font-size: 13px;
  line-height: 18px;
}
.fut-add-funds-sheet > p {
  margin-bottom: 12px;
  font-size: 9.5px;
  line-height: 13px;
}
.fut-add-funds-list button {
  min-height: 51px;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  padding: 0 11px !important;
  margin-bottom: 7px !important;
  border-radius: 6px;
}
.fut-add-funds-list img {
  width: 19px;
  height: 19px;
}
.fut-add-funds-list strong {
  font-size: 11.5px;
  line-height: 15px;
}
.fut-add-funds-list em {
  margin-top: 3px;
  font-size: 9px;
  line-height: 12px;
}
.fut-add-view-more {
  height: 25px;
  flex-basis: 25px;
  gap: 5px;
  font-size: 8.8px !important;
}
.fut-add-view-more i {
  width: 7px;
  height: 7px;
}

@media (prefers-reduced-motion: reduce) {
  .futures,
  .fut-history-page,
  .fut-sheet,
  .fut-chart-body,
  .fut-toast,
  .fut-confirm-card { transition-duration: .01ms !important; }
  .fut-record-panel.active { animation: none; }
}

/* v425: Futures follows the final Trade visual system. */
.futures {
  --fut-bg: #1f2630;
  --fut-panel: #252e39;
  --fut-field: #29323b;
  --fut-line: #303945;
  --fut-text: #eaeff5;
  --fut-muted: #8d96a3;
  --fut-green: #2ebd85;
  --fut-red: #f6465d;
  --fut-yellow: #fcd434;
  --fut-chart-heading-h: 36px;
  --fut-chart-body-h: 220px;
  --fut-chart-canvas-h: 158px;
  color: var(--fut-text);
  background: var(--fut-bg);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.25;
}
.futures button,
.futures input { font-weight: 400; }
.futures button:focus-visible,
.futures input:focus-visible {
  outline: 2px solid var(--fut-yellow) !important;
  outline-offset: 2px;
}
.fut-scroll {
  background: var(--fut-bg);
  padding-bottom: calc(var(--fut-bottom-nav-clearance) + var(--fut-chart-heading-h) + 14px + env(safe-area-inset-bottom));
}
.fut-product-tabs {
  min-height: calc(55px + env(safe-area-inset-top));
  gap: 19px;
  padding: calc(15px + env(safe-area-inset-top)) 15px 8px;
  border-bottom-color: #2b343f;
  background: var(--fut-bg);
}
.fut-product-tabs > button {
  height: 26px;
  color: #959ca6;
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
}
.fut-product-tabs > button.active {
  color: #f0f3f7;
  font-weight: 500;
}
.fut-product-tabs .fut-menu-button {
  width: 25px;
  height: 26px;
  flex-basis: 25px;
  background: var(--fut-bg);
}
.fut-menu-button span { width: 19px; height: 1.4px; background: #aab2bc; }
.fut-notice {
  height: 31px;
  gap: 7px;
  padding: 0 15px;
  color: #d8dde3;
  border-bottom-color: #2a333e;
  font-size: 11px;
  line-height: 14px;
}
.fut-notice-icon { width: 15px; height: 15px; flex-basis: 15px; }
.fut-notice > button { flex-basis: 20px; color: #89929e; font-size: 20px; }
.fut-symbol-head {
  min-height: 56px;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: 26px 16px;
  column-gap: 10px;
  padding: 8px 15px 5px;
}
.fut-symbol-button { gap: 6px; }
.fut-symbol-button strong { color: #f0f3f7; font-size: 18px; line-height: 23px; font-weight: 600; }
.fut-symbol-button span { padding: 2px 5px; border-radius: 3px; color: #d9dee4; background: #303945; font-size: 10px; line-height: 15px; }
.fut-symbol-change { font-size: 12px; line-height: 15px; }
.fut-symbol-tools { gap: 10px; }
.fut-symbol-tools button { width: 25px; height: 25px; }
.fut-candle-icon { width: 21px; height: 21px; }
.fut-more-icon,
.fut-more-icon img { width: 20px; height: 20px; }

.fut-trading-grid {
  grid-template-columns: minmax(0, 1fr) minmax(145px, 155px);
  gap: 14px;
  padding: 0 15px 17px;
}
.fut-setting-row { gap: 6px; margin-bottom: 7px; }
.fut-setting-row button,
.fut-select-row {
  height: 29px;
  border-radius: 6px;
  color: #eaeff5;
  background: var(--fut-field);
  font-size: 13px;
  line-height: 16px;
}
.fut-setting-row button { padding: 0 9px; }
.fut-price-control { gap: 7px; margin-bottom: 7px; }
.fut-order-type-main {
  padding-left: 10px !important;
  font-size: 13px !important;
  line-height: 16px !important;
}
.fut-info-dot { width: 13px; height: 13px; flex-basis: 13px; }
.fut-info-dot img { width: 13px; height: 13px; }
.fut-order-type-caret { width: 31px; flex-basis: 31px; }
.fut-input-row {
  height: 41px;
  grid-template-rows: 13px 18px;
  padding: 5px 9px 5px 11px;
  margin-bottom: 7px;
  border-radius: 7px;
  background: var(--fut-field);
}
.fut-input-row > span { color: #8d96a3; font-size: 10px; line-height: 13px; }
.fut-input-row input { color: #eaeff5; font-size: 14px; line-height: 18px; font-weight: 400; }
.fut-input-row > button {
  min-width: 52px;
  height: 35px;
  padding: 0 7px;
  border-left-color: #39434f;
  font-size: 13px;
}
.fut-amount-row { grid-template-rows: 1fr; column-gap: 5px; padding: 0 11px; }
.fut-amount-row input { padding-right: 8px; font-size: 13px; line-height: 41px; }
.fut-amount-row > b { font-size: 13px; font-weight: 500; }
.fut-range-wrap { --fut-range-track-inset: 7px; height: 28px; padding: 0 5px; }
.fut-range-wrap input { height: 18px; }
.fut-range-wrap input::-webkit-slider-thumb { width: 14px; height: 14px; margin-top: -6px; border-width: 1.5px; background: var(--fut-bg); }
.fut-range-wrap input::-moz-range-thumb { width: 12px; height: 12px; border-width: 1.5px; background: var(--fut-bg); }
.fut-range-points i { width: 7px; height: 7px; border-width: 1.5px; background: var(--fut-bg); }
.fut-available { height: 19px; color: #8d96a3; font-size: 12px; line-height: 15px; }
.fut-available > b { color: #eaeff5; }
.fut-available > button,
.fut-available > button img { width: 16px; height: 16px; }
.fut-available > button { margin-left: 5px; }
.fut-check-row { min-height: 20px; color: #e4e9ef; font-size: 13px; line-height: 17px; }
.fut-check-row > i { width: 16px; height: 16px; flex-basis: 16px; margin-right: 7px; border-radius: 3px; }
.fut-tif-button { font-size: 12px !important; }
.fut-order-summary { row-gap: 1px; margin-top: 4px; color: #89929e; font-size: 11px; line-height: 14px; }
.fut-order-summary b { color: #eaeff5; }
.fut-submit {
  height: 35px;
  margin-top: 7px !important;
  padding: 0 0 2px !important;
  border-radius: 7px;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
}
.fut-short-summary { margin-top: 7px; }

.fut-funding { height: 36px; }
.fut-funding > span { color: #8d96a3; font-size: 9px; line-height: 12px; }
.fut-funding > b { color: #eaeff5; font-size: 11px; line-height: 14px; }
.fut-book-head { height: 27px; color: #8d96a3; font-size: 11px; line-height: 13px; }
.fut-book-side { min-height: 120px; }
.fut-book-row {
  height: 20px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}
.fut-book-row::before {
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  height: auto;
  opacity: 1;
  transform: scaleX(var(--fut-depth-scale, 0));
  transform-origin: right center;
}
.fut-book-asks .fut-book-row::before { background: #322630; }
.fut-book-bids .fut-book-row::before { background: #213438; }
.fut-book-asks .fut-book-row span:first-child { color: var(--fut-red); }
.fut-book-bids .fut-book-row span:first-child { color: var(--fut-green); }
.fut-market-price { height: 22px; align-items: center; font-size: 18px; line-height: 21px; font-weight: 600; }
.fut-index-price { height: 16px; color: #89929e; font-size: 10px; line-height: 13px; }
.fut-book-ratio { height: 13px; margin-top: 3px; gap: 4px; font-size: 10px; line-height: 12px; }
.fut-book-ratio > i { height: 4px; }
.fut-book[data-book-mode="asks"] .fut-book-asks,
.fut-book[data-book-mode="bids"] .fut-book-bids { min-height: 240px; }
.fut-book-controls { height: 22px; grid-template-columns: minmax(0, 1fr) 20px; gap: 7px; margin-top: 4px; }
.fut-book-precision {
  height: 21px;
  justify-content: space-between;
  padding: 0 9px 1px !important;
  border-radius: 4px;
  color: #8d96a3 !important;
  background: #29323b !important;
  font-size: 11px !important;
  line-height: 1 !important;
}
.fut-book-view { width: 20px !important; height: 21px !important; }
.fut-book-view > span,
.fut-book-view > span img { width: 19px; height: 19px; }

.fut-records { min-height: 285px; border-top-color: #303945; }
.fut-record-tabs { height: 46px; gap: 18px; padding: 8px 15px 0; border-bottom-color: #303945; }
.fut-record-tabs > button:not(.fut-record-history) {
  height: 38px;
  padding: 0 0 2px;
  margin: 0;
  color: #959ca6;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.fut-record-tabs > button.active { color: #f0f3f7; font-weight: 500; }
.fut-record-tabs > button.active::after { right: 0; height: 2px; }
.fut-record-history { width: 24px; height: 38px; }
.fut-record-history img { width: 19px; height: 19px; }
.fut-record-panel { min-height: 238px; }
.fut-empty { min-height: 238px; padding: 22px 15px 30px; }
.fut-empty-icon { width: 47px; height: 52px; margin-bottom: 9px; }
.fut-empty strong { color: #f0f3f7; font-size: 14px; line-height: 18px; font-weight: 500; }
.fut-empty p { margin: 12px 0 13px; color: #89929e; font-size: 12px; line-height: 16px; }
.fut-add-funds-button { min-width: 92px; height: 31px; border-radius: 6px; font-size: 12px !important; }
.fut-order-subtabs { height: 39px; gap: 8px; padding: 0 15px; }
.fut-order-subtabs button { height: 29px; font-size: 12px !important; }
.fut-chart-heading { height: var(--fut-chart-heading-h); padding: 0 15px !important; font-size: 13px !important; }

/* Shared Trade-style bottom sheets and selectors. */
.fut-sheet-backdrop,
.fut-confirm-backdrop {
  background: rgba(4, 8, 13, .74);
  transition: background-color .28s ease, visibility 0s linear .34s;
}
.fut-sheet-backdrop.open,
.fut-confirm-backdrop.open { transition: background-color .28s ease, visibility 0s; }
.fut-sheet {
  max-width: 480px;
  max-height: 91dvh;
  padding: 8px 15px calc(20px + env(safe-area-inset-bottom));
  border-radius: 16px 16px 0 0;
  color: #eaeff5;
  background: #1f2732;
  transform: translateY(calc(100% + 18px));
  transition: transform .34s cubic-bezier(.22, .78, .25, 1);
  will-change: transform;
}
.fut-sheet-handle { width: 34px; height: 4px; margin-bottom: 17px; background: #56616e; }
.fut-sheet h2 { margin-bottom: 18px; font-size: 18px; line-height: 23px; font-weight: 600; }
.fut-margin-option { padding: 14px !important; margin-bottom: 10px !important; border-color: #394451 !important; border-radius: 9px; }
.fut-margin-option.active { border-color: #eaeff5 !important; box-shadow: inset 0 0 0 1px #eaeff5; }
.fut-margin-option strong { font-size: 14px; line-height: 18px; font-weight: 500; }
.fut-margin-option span { font-size: 12px; line-height: 17px; }
.fut-sheet-confirm { height: 43px; border-radius: 7px; font-size: 14px !important; line-height: 18px; font-weight: 500 !important; }
.fut-leverage-stepper { height: 47px; grid-template-columns: 48px 1fr 48px; border-radius: 7px; background: #29323b; }
.fut-leverage-stepper strong { font-size: 18px; }
.fut-leverage-marks { font-size: 11px; }
.fut-sheet-note,
.fut-sheet ul { font-size: 12px; line-height: 17px; }
.fut-tick-list button { min-height: 47px; padding: 0 5px !important; border-bottom-color: #303945; font-size: 14px; }
.fut-tick-list button.active { color: var(--fut-yellow); }
.fut-list-option { min-height: 70px; border-bottom-color: #303945 !important; }
.fut-list-copy strong { font-size: 14px; line-height: 18px; font-weight: 500; }
.fut-list-copy em { font-size: 11px; line-height: 16px; }

.fut-pair-sheet,
.fut-history-sheet { height: min(86dvh, 720px); }
.fut-pair-head h2 { margin-bottom: 18px; }
.fut-pair-head button { width: 32px; height: 32px; font-size: 26px !important; }
.fut-pair-search { height: 44px; gap: 10px; padding: 0 13px; border-radius: 8px; background: #29323b; }
.fut-pair-search > span { width: 15px; height: 15px; }
.fut-pair-search input { color: #eaeff5; font-size: 14px; line-height: 18px; }
.fut-pair-list { margin-top: 11px; }
.fut-pair-row {
  height: 61px;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 0 3px !important;
  border-bottom-color: #303945 !important;
}
.fut-pair-coin {
  position: relative;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  color: #dce3eb;
  background: #303a46;
  font-size: 13px;
  font-weight: 600;
}
.fut-pair-coin i { grid-area: 1 / 1; font-style: normal; }
.fut-pair-coin img { grid-area: 1 / 1; z-index: 1; width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.fut-pair-name { min-width: 0; display: flex; align-items: baseline; gap: 5px; }
.fut-pair-name strong { color: #f0f3f7; font-size: 15px; line-height: 19px; font-weight: 600; }
.fut-pair-name small { overflow: hidden; color: #8d96a3; font-size: 11px; line-height: 15px; text-overflow: ellipsis; white-space: nowrap; }
.fut-pair-price { min-width: 86px; text-align: right; }
.fut-pair-price b { display: block; color: #eaeff5; font-size: 14px; line-height: 18px; font-weight: 500; }
.fut-pair-price em { display: block; margin-top: 3px; font-size: 12px; line-height: 15px; font-style: normal; }
.fut-pair-price.up em { color: var(--fut-green); }
.fut-pair-price.down em { color: var(--fut-red); }

/* Contract chart/details mirrors the Markets detail surface, with Long/Short actions. */
.fut-detail-page { color: #eaeff5; background: var(--fut-bg); transition-duration: .34s; }
.fut-detail-header { min-height: calc(64px + env(safe-area-inset-top)); padding: calc(9px + env(safe-area-inset-top)) 14px 7px; background: var(--fut-bg); }
.fut-detail-title strong { font-size: 18px; line-height: 23px; }
.fut-detail-title small { font-size: 11px; line-height: 14px; }
.fut-detail-tabs { height: 43px; flex-basis: 43px; border-bottom-color: #303945; background: var(--fut-bg); }
.fut-detail-tabs button { height: 43px; color: #959ca6; font-size: 13px !important; line-height: 43px; }
.fut-detail-tabs button.active { color: #f0f3f7; font-weight: 500; }
.fut-detail-price-summary { min-height: 122px; gap: 12px; padding: 15px 15px 12px; border-bottom-color: #303945; }
.fut-detail-price-summary > div > span { font-size: 11px; line-height: 14px; }
.fut-detail-price-summary > div > strong { font-size: 28px; line-height: 34px; font-weight: 500; }
.fut-detail-price-summary > div > p { font-size: 12px; line-height: 16px; }
.fut-detail-price-summary > div > small { font-size: 11px; line-height: 15px; }
.fut-detail-price-summary dl { gap: 6px 9px; font-size: 11px; line-height: 14px; }
.fut-detail-timeframes { min-height: 38px; padding: 0 10px 0 14px; border-bottom-color: #303945; }
.fut-detail-timeframes > span:first-child { font-size: 11px; }
.fut-detail-timeframes > button { height: 31px; font-size: 11px !important; }
.fut-detail-chart-wrap,
#futDetailChart { height: 286px; }
.fut-detail-ma { font-size: 9px; }
.fut-detail-volume-label { font-size: 9px; }
.fut-detail-indicators { height: 36px; border-color: #303945; }
.fut-detail-indicators button { height: 35px; font-size: 11px !important; }
.fut-detail-book-tabs { height: 42px; padding: 0 14px; }
.fut-detail-book-tabs button { height: 31px; font-size: 12px !important; }
.fut-detail-actions {
  min-height: calc(66px + env(safe-area-inset-bottom));
  grid-template-columns: 44px 44px 44px minmax(0, 1fr) minmax(0, 1fr);
  gap: 7px;
  padding: 7px 12px calc(8px + env(safe-area-inset-bottom));
  border-top-color: #303945;
  background: #1f2630;
}
.fut-detail-tool { font-size: 10px !important; }
.fut-detail-tool svg { width: 22px; height: 22px; }
.fut-detail-long,
.fut-detail-short { height: 40px; margin-top: 1px !important; border-radius: 7px !important; font-size: 14px !important; line-height: 18px; font-weight: 500 !important; }

@media (max-width: 380px) {
  .fut-product-tabs { min-height: calc(51px + env(safe-area-inset-top)); gap: 16px; padding: calc(14px + env(safe-area-inset-top)) 12px 7px; }
  .fut-product-tabs > button { height: 23px; font-size: 13px; line-height: 17px; }
  .fut-notice { height: 28px; padding: 0 12px; font-size: 10px; }
  .fut-symbol-head { min-height: 49px; grid-template-rows: 23px 14px; padding: 7px 12px 4px; }
  .fut-symbol-button strong { font-size: 16px; line-height: 20px; }
  .fut-symbol-change { font-size: 10px; line-height: 13px; }
  .fut-symbol-tools button { width: 21px; height: 21px; }
  .fut-candle-icon { width: 18px; height: 18px; }
  .fut-more-icon,.fut-more-icon img { width: 17px; height: 17px; }
  .fut-trading-grid { grid-template-columns: minmax(0, 1fr) minmax(126px, 134px); gap: 12px; padding: 0 12px 14px; }
  .fut-setting-row button,.fut-select-row { height: 25px; font-size: 11px; line-height: 14px; }
  .fut-setting-row { gap: 5px; margin-bottom: 6px; }
  .fut-price-control { gap: 6px; margin-bottom: 6px; }
  .fut-order-type-main { padding-left: 8px !important; font-size: 11px !important; line-height: 14px !important; }
  .fut-order-type-caret { width: 27px; flex-basis: 27px; }
  .fut-input-row { height: 36px; grid-template-rows: 11px 16px; padding: 4px 8px 4px 9px; margin-bottom: 6px; }
  .fut-input-row > span { font-size: 9px; line-height: 11px; }
  .fut-input-row input { font-size: 12px; line-height: 16px; }
  .fut-input-row > button { min-width: 47px; height: 31px; font-size: 11px; }
  .fut-amount-row input { font-size: 11px; line-height: 36px; }
  .fut-amount-row > b { font-size: 11px; }
  .fut-range-wrap { height: 24px; }
  .fut-available { height: 17px; font-size: 10px; }
  .fut-available > button,.fut-available > button img { width: 14px; height: 14px; }
  .fut-check-row { min-height: 17px; font-size: 11px; line-height: 14px; }
  .fut-check-row > i { width: 14px; height: 14px; flex-basis: 14px; margin-right: 5px; }
  .fut-order-summary { font-size: 9.5px; line-height: 12px; }
  .fut-submit { height: 30px; margin-top: 6px !important; font-size: 13px !important; line-height: 16px !important; }
  .fut-funding { height: 31px; }
  .fut-funding > span { font-size: 8px; line-height: 10px; }
  .fut-funding > b { font-size: 9px; line-height: 12px; }
  .fut-book-head { height: 24px; font-size: 10px; line-height: 12px; }
  .fut-book-side { min-height: 114px; }
  .fut-book-row { height: 19px; font-size: 11px; line-height: 14px; }
  .fut-market-price { height: 20px; font-size: 17px; line-height: 20px; }
  .fut-book-ratio { height: 11px; font-size: 9px; line-height: 11px; }
  .fut-book-controls { height: 20px; }
  .fut-book-precision { height: 19px; padding: 0 7px 1px !important; font-size: 10px !important; }
  .fut-book-view { height: 19px !important; }
  .fut-book-view > span,.fut-book-view > span img { width: 17px; height: 17px; }
  .fut-record-tabs { height: 41px; gap: 15px; padding: 7px 12px 0; }
  .fut-record-tabs > button:not(.fut-record-history) { height: 34px; font-size: 12px; line-height: 15px; }
  .fut-record-history { height: 34px; }
  .fut-pair-sheet,.fut-history-sheet { height: min(88dvh, 690px); }
  .fut-sheet { padding-left: 12px; padding-right: 12px; }
  .fut-pair-search { height: 41px; padding: 0 11px; }
  .fut-pair-search input { font-size: 13px; }
  .fut-pair-row { height: 57px; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 8px; }
  .fut-pair-coin,.fut-pair-coin img { width: 32px; height: 32px; }
  .fut-pair-name strong { font-size: 13px; line-height: 17px; }
  .fut-pair-name small { font-size: 10px; line-height: 13px; }
  .fut-pair-price { min-width: 74px; }
  .fut-pair-price b { font-size: 12px; line-height: 15px; }
  .fut-pair-price em { font-size: 10px; line-height: 13px; }
  .fut-detail-price-summary { grid-template-columns: minmax(0, 55fr) minmax(118px, 45fr); padding-left: 12px; padding-right: 12px; }
  .fut-detail-price-summary > div > strong { font-size: 25px; line-height: 31px; }
  .fut-detail-actions { grid-template-columns: 38px 38px 38px minmax(0, 1fr) minmax(0, 1fr); gap: 5px; padding-left: 8px; padding-right: 8px; }
  .fut-detail-long,.fut-detail-short { height: 37px; font-size: 13px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .futures,
  .fut-detail-page,
  .fut-sheet-backdrop,
  .fut-sheet { transition-duration: .01ms !important; }
}

/* v426: exact Trade picker/precision behavior and Markets detail proportions. */
.fut-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.fut-product-tabs .fut-menu-button {
  position: sticky;
  z-index: 3;
  right: -1px;
  flex: 0 0 30px;
  margin-left: auto;
  padding-left: 6px;
  background: #1f2630;
  box-shadow: -10px 0 12px #1f2630;
}

.fut-book-controls { overflow: visible; }
.fut-book-tick-wrap { position: relative; min-width: 0; }
.fut-book-tick-wrap .fut-book-precision { width: 100%; }
.fut-tick-menu {
  position: absolute;
  z-index: 12;
  left: 0;
  right: 0;
  bottom: calc(100% + 5px);
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #36404b;
  border-radius: 7px;
  background: #29323b;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
  transform-origin: bottom center;
}
.fut-tick-menu[hidden] { display: none !important; }
.fut-tick-menu:not([hidden]) { display: block; animation: futTickMenuIn .18s ease both; }
@keyframes futTickMenuIn {
  from { opacity: 0; transform: translateY(4px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.fut-tick-menu .fut-tick-list { display: grid; gap: 1px; }
.fut-tick-menu .fut-tick-list button {
  width: 100%;
  min-height: 0;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px !important;
  border: 0;
  border-radius: 4px;
  color: #a2aab5;
  background: transparent;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-align: left;
}
.fut-tick-menu .fut-tick-list button.active { color: #f5f7fa; background: #343e4a; }
.fut-tick-menu .fut-tick-list button i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; opacity: 0; }
.fut-tick-menu .fut-tick-list button.active i { opacity: 1; }

.fut-pair-sheet {
  height: min(88dvh, 760px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-top: 8px;
}
.fut-pair-sheet .fut-sheet-handle { flex: 0 0 auto; }
.fut-pair-search { flex: 0 0 44px; margin: 0 0 18px; border-radius: 10px; background: #283240; }
.fut-pair-tabs,
.fut-pair-cats {
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: none;
}
.fut-pair-tabs::-webkit-scrollbar,
.fut-pair-cats::-webkit-scrollbar { display: none; }
.fut-pair-tabs {
  flex: 0 0 43px;
  gap: 20px;
  margin: 0 -15px;
  padding: 0 15px;
  border-bottom: 1px solid #26303b;
}
.fut-pair-tabs button {
  position: relative;
  flex: 0 0 auto;
  height: 43px;
  padding: 0;
  color: #959ca6;
  font-size: 17px;
  line-height: 22px;
  font-weight: 400;
}
.fut-pair-tabs button.active { color: #eaeef3; font-weight: 500; }
.fut-pair-tabs button.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  border-radius: 3px;
  background: #fcd434;
}
.fut-pair-cats {
  flex: 0 0 43px;
  gap: 18px;
  margin: 0 -15px;
  padding: 0 15px;
}
.fut-pair-cats button {
  flex: 0 0 auto;
  height: 31px;
  padding: 0;
  border-radius: 8px;
  color: #959ca6;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.fut-pair-cats button.active { min-width: 34px; padding: 0 10px; color: #eaeef3; background: #283240; }
.fut-pair-columns {
  flex: 0 0 30px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  color: #89929e;
  font-size: 11px;
  line-height: 14px;
}
.fut-pair-columns span:last-child { text-align: right; }
.fut-pair-list {
  min-height: 0;
  flex: 1 1 auto;
  margin-top: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.fut-pair-list::-webkit-scrollbar { display: none; }
.fut-pair-row {
  height: 61px;
  grid-template-columns: 38px minmax(0, 1fr) minmax(86px, auto);
  padding: 0 !important;
}
.fut-pair-name { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; }
.fut-pair-name strong { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fut-pair-name strong em { padding: 1px 4px; border-radius: 3px; color: #c9d0d8; background: #36404b; font-size: 9px; line-height: 12px; font-style: normal; font-weight: 500; vertical-align: 1px; }
.fut-pair-loading,
.fut-pair-empty { min-height: 190px; display: grid; place-items: center; color: #89929e; font-size: 13px; }

.fut-detail-header {
  min-height: calc(52px + env(safe-area-inset-top));
  padding: calc(7px + env(safe-area-inset-top)) 15px 5px;
}
.fut-detail-chart-wrap,
#futDetailChart { height: 312px; }
.fut-detail-actions {
  min-height: calc(56px + env(safe-area-inset-bottom));
  grid-template-columns: 33px 33px 33px minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  padding: 8px 15px calc(12px + env(safe-area-inset-bottom));
}
.fut-detail-tool { width: 33px; min-width: 33px; font-size: 9px !important; }
.fut-detail-tool svg { width: 22px; height: 22px; }
.fut-detail-long,
.fut-detail-short { height: 36px; margin-top: 0 !important; font-size: 15px !important; }

@media (max-width: 380px) {
  .fut-product-tabs .fut-menu-button { right: -1px; flex-basis: 26px; padding-left: 5px; }
  .fut-tick-menu { bottom: calc(100% + 4px); padding: 3px; }
  .fut-tick-menu .fut-tick-list button { height: 25px; padding: 0 7px !important; font-size: 11px; line-height: 14px; }
  .fut-pair-sheet { height: min(88dvh, 690px); }
  .fut-pair-search { flex-basis: 41px; margin-bottom: 14px; }
  .fut-pair-tabs { flex-basis: 38px; gap: 17px; margin: 0 -12px; padding: 0 12px; }
  .fut-pair-tabs button { height: 38px; font-size: 15px; line-height: 19px; }
  .fut-pair-tabs button.active::after { height: 2px; }
  .fut-pair-cats { flex-basis: 39px; gap: 15px; margin: 0 -12px; padding: 0 12px; }
  .fut-pair-cats button { height: 28px; font-size: 12px; line-height: 16px; }
  .fut-pair-cats button.active { padding: 0 8px; }
  .fut-pair-columns { flex-basis: 27px; font-size: 10px; line-height: 13px; }
  .fut-pair-row { height: 57px; grid-template-columns: 34px minmax(0, 1fr) minmax(74px, auto); }
  .fut-detail-header { min-height: calc(45px + env(safe-area-inset-top)); padding: calc(5px + env(safe-area-inset-top)) 12px 4px; }
  .fut-detail-title strong { font-size: 16px; line-height: 19px; }
  .fut-detail-title small { font-size: 10px; line-height: 13px; }
  .fut-detail-chart-wrap,
  #futDetailChart { height: 261px; }
  .fut-detail-actions {
    min-height: calc(47px + env(safe-area-inset-bottom));
    grid-template-columns: 28px 28px 28px minmax(0, 1fr) minmax(0, 1fr);
    gap: 7px;
    padding: 7px 12px calc(10px + env(safe-area-inset-bottom));
  }
  .fut-detail-tool { width: 28px; min-width: 28px; font-size: 8px !important; }
  .fut-detail-tool svg { width: 18px; height: 18px; }
  .fut-detail-long,
  .fut-detail-short { height: 30px; border-radius: 6px !important; font-size: 13px !important; }
}

/* v427: final parity with the Trade pair sheet, Markets detail rhythm and Trade records. */
.fut-product-tabs > button[aria-disabled="true"] { opacity: .58; cursor: not-allowed; }
.fut-list-option[aria-disabled="true"] { cursor: not-allowed; }
.fut-list-option[aria-disabled="true"] .fut-list-copy { opacity: .68; }
.fut-list-copy strong > b {
  display: inline-flex;
  align-items: center;
  min-height: 15px;
  margin-left: 5px;
  padding: 0 4px;
  border-radius: 3px;
  color: #aeb6c0;
  background: #343e49;
  font-size: 9px;
  line-height: 12px;
  font-weight: 500;
  vertical-align: 1px;
}

.fut-pair-sheet {
  width: 100%;
  height: calc(100% - 78px);
  min-height: 0;
  max-height: calc(100% - 78px);
  padding-top: 8px;
  border-radius: 16px 16px 0 0;
  background: #1f2630;
}
.fut-pair-search {
  height: 33px;
  min-height: 33px;
  flex-basis: 33px;
  margin-bottom: 8px;
  border-radius: 8px;
  background: #29313e;
}
.fut-pair-search input { height: 20px; min-height: 20px; font-size: 15px; line-height: 20px; }
.fut-pair-tabs { height: 35px; min-height: 35px; flex-basis: 35px; gap: 16px; }
.fut-pair-tabs button { height: 35px; font-size: 15px; line-height: 35px; }
.fut-pair-tabs button.active::after { height: 2px; }
.fut-pair-cats { height: 41px; min-height: 41px; flex-basis: 41px; gap: 16px; }
.fut-pair-cats button { height: 41px; border-radius: 0; font-size: 15px; line-height: 41px; }
.fut-pair-cats button.active { padding: 0; background: transparent; }
.fut-pair-columns { height: 32px; min-height: 32px; flex-basis: 32px; font-size: 12px; line-height: 18px; }
.fut-pair-row { height: 59px; min-height: 59px; }

.fut-record-tabs { height: 38px; min-height: 38px; }
.fut-record-tabs > button:not(.fut-record-history) { height: 30px; font-size: 14px; line-height: 18px; }
.fut-record-history { height: 30px; }

.fut-detail-page { box-sizing: border-box; padding-top: 8px; }
.fut-detail-tabs { height: 34px; flex-basis: 34px; }
.fut-detail-tabs button { height: 34px; padding: 0 2px 9px !important; font-size: 15px !important; line-height: 20px; }
.fut-detail-price-summary {
  min-height: 0;
  gap: 10px;
  padding: 10px 15px 6px;
}
.fut-detail-price-summary > div > strong { line-height: 32px; }
.fut-detail-price-summary dl { gap: 0 9px; line-height: 16px; }
.fut-detail-timeframes { min-height: 30px; padding: 5px 15px; }
.fut-detail-timeframes > span:first-child,
.fut-detail-timeframes > button { font-size: 13px !important; line-height: 18px; }
.fut-detail-timeframes > button { height: 20px; }

@media (max-width: 380px) {
  .fut-pair-sheet { height: calc(100% - 78px); max-height: calc(100% - 78px); }
  .fut-pair-search { height: 33px; min-height: 33px; flex-basis: 33px; margin-bottom: 8px; }
  .fut-pair-tabs { height: 35px; min-height: 35px; flex-basis: 35px; gap: 14px; }
  .fut-pair-tabs button { height: 35px; font-size: 14px; line-height: 35px; }
  .fut-pair-cats { height: 37px; min-height: 37px; flex-basis: 37px; gap: 14px; }
  .fut-pair-cats button { height: 37px; font-size: 13px; line-height: 37px; }
  .fut-pair-columns { height: 29px; min-height: 29px; flex-basis: 29px; font-size: 11px; line-height: 16px; }
  .fut-pair-row { height: 57px; min-height: 57px; }
  .fut-record-tabs { height: 33px; min-height: 33px; padding: 7px 12px 0; }
  .fut-record-tabs > button:not(.fut-record-history) { height: 26px; font-size: 13px; line-height: 16px; }
  .fut-record-history { height: 26px; }
  .fut-detail-page { padding-top: 6px; }
  .fut-detail-tabs { height: 29px; flex-basis: 29px; }
  .fut-detail-tabs button { height: 29px; padding-bottom: 7px !important; font-size: 13px !important; line-height: 18px; }
  .fut-detail-price-summary { min-height: 0; gap: 7px; padding: 8px 12px 5px; }
  .fut-detail-price-summary > div > strong { font-size: 24px; line-height: 28px; }
  .fut-detail-price-summary dl { gap: 0 7px; line-height: 14px; }
  .fut-detail-timeframes { min-height: 24px; padding: 4px 12px; }
  .fut-detail-timeframes > span:first-child,
  .fut-detail-timeframes > button { font-size: 11px !important; line-height: 15px; }
  .fut-detail-timeframes > button { height: 15px; }
}

/* v428: final Trade parity, stable order-book rasterization and picker rows. */
.fut-product-tabs > button { font-size: 16px; line-height: 20px; }
.fut-trading-grid { grid-template-columns: minmax(0, 1fr) minmax(132px, .67fr); }
.fut-available { height: 18px; font-size: 12px; line-height: 15px; }
.fut-order-summary,
.fut-order-summary b { font-size: 12px; line-height: 15px; }

.fut-book-row {
  height: 20px;
  min-height: 20px;
  align-items: stretch;
  contain: layout paint;
  isolation: isolate;
  font: 400 12px/1 'Plex', system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
}
.fut-book-row::before { pointer-events: none; }
.fut-book-row > span {
  height: 100%;
  display: flex;
  align-items: center;
  line-height: 1;
}
.fut-book-row > span:last-child { justify-content: flex-end; }
.fut-market-price,
.fut-index-price,
.fut-book-ratio,
.fut-book-precision { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum' 1; }

.fut-pair-columns { grid-template-columns: minmax(0, 1fr) auto; }
.fut-pair-columns button {
  min-width: 0;
  height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  color: #89929e;
  background: transparent;
  font: 400 12px/18px 'Plex', system-ui, sans-serif;
  text-align: left;
}
.fut-pair-columns button:last-child { justify-self: end; text-align: right; }
.fut-pair-columns button i {
  position: relative;
  width: 7px;
  height: 9px;
  display: inline-block;
}
.fut-pair-columns button i::before,
.fut-pair-columns button i::after {
  content: '';
  position: absolute;
  left: 1px;
  border-left: 2.5px solid transparent;
  border-right: 2.5px solid transparent;
}
.fut-pair-columns button i::before { top: 0; border-bottom: 3px solid #697381; }
.fut-pair-columns button i::after { bottom: 0; border-top: 3px solid #697381; }
.fut-pair-columns button.active[aria-sort='ascending'] i::before { border-bottom-color: #eaeef3; }
.fut-pair-columns button.active[aria-sort='descending'] i::after { border-top-color: #eaeef3; }
.fut-pair-row,
.fut-pair-row.active {
  position: relative;
  width: 100%;
  height: 59px;
  min-height: 59px;
  display: grid;
  grid-template-columns: 20px 25px minmax(0, 1fr) minmax(92px, auto);
  grid-template-rows: 20px 16px;
  grid-template-areas: 'star ico name price' 'star ico name price';
  column-gap: 7px;
  row-gap: 0;
  align-content: center;
  align-items: center;
  padding: 7px 0;
  border: 0;
  border-bottom: 1px solid #303945;
  color: #eaeff5;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.fut-pair-row.active { background: #29313e; }
.fut-pair-row:focus-visible { outline: 2px solid #fcd434; outline-offset: -2px; }
.fut-pair-star {
  grid-area: star;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  padding: 0;
  color: #737d89;
}
.fut-pair-star svg { width: 20px; height: 20px; display: block; }
.fut-pair-star.active { color: #fcd434; }
.fut-pair-star.active svg path { fill: currentColor; }
.fut-pair-coin,
.fut-pair-coin img {
  grid-area: ico;
  width: 25px;
  height: 25px;
}
.fut-pair-name { grid-area: name; gap: 1px; }
.fut-pair-name strong { font-size: 15px; line-height: 20px; font-weight: 500; }
.fut-pair-name small { font-size: 12px; line-height: 16px; font-weight: 400; }
.fut-pair-price { grid-area: price; min-width: 92px; }
.fut-pair-price b { font-size: 15px; line-height: 20px; font-weight: 500; }
.fut-pair-price em { margin-top: 0; font-size: 12px; line-height: 16px; font-weight: 400; }

.fut-sheet-backdrop,
.fut-confirm-backdrop {
  transition: background-color .24s ease, visibility 0s linear .36s;
}
.fut-sheet-backdrop.closing {
  visibility: visible;
  pointer-events: none;
  background: rgba(4, 8, 13, 0);
  transition: background-color .24s ease, visibility 0s linear .36s;
}
.fut-sheet {
  max-height: calc(100dvh - 84px);
  background: #1f2630;
  transform: translate3d(0, calc(100% + 18px), 0);
  transition: transform .32s cubic-bezier(.32, .72, 0, 1);
}
.fut-sheet-backdrop.open .fut-sheet { transform: translate3d(0, 0, 0) !important; }
.fut-sheet-backdrop.closing .fut-sheet { transform: translate3d(0, calc(100% + 18px), 0) !important; }
.fut-sheet-backdrop.open .fut-sheet.fut-sheet-dragging {
  transform: translate3d(0, var(--fut-sheet-drag-y, 0px), 0) !important;
  transition: none !important;
}
.fut-tick-menu.is-closing { display: block !important; animation: futTickMenuOut .16s ease both; pointer-events: none; }
@keyframes futTickMenuOut {
  from { opacity: 1; transform: translateY(0) scale(1); }
  to { opacity: 0; transform: translateY(4px) scale(.98); }
}

@media (max-width: 380px) {
  .fut-product-tabs > button { font-size: 14px; line-height: 18px; }
  .fut-trading-grid { grid-template-columns: minmax(0, 1fr) minmax(126px, .66fr); }
  .fut-select-row,
  .fut-order-type-main { font-size: 12px !important; line-height: 15px !important; }
  .fut-available { height: 17px; font-size: 11px; line-height: 14px; }
  .fut-order-summary,
  .fut-order-summary b { font-size: 11px; line-height: 14px; }
  .fut-book-row { height: 19px; min-height: 19px; font-size: 11px; }
  .fut-book-ratio { height: 11px; font-size: 10px; line-height: 12px; }
  .fut-pair-columns button { font-size: 11px; line-height: 16px; }
  .fut-pair-row,
  .fut-pair-row.active {
    height: 57px;
    min-height: 57px;
    grid-template-columns: 20px 25px minmax(0, 1fr) minmax(78px, auto);
  }
  .fut-pair-price { min-width: 78px; }
  .fut-record-panel,
  .fut-empty { min-height: clamp(200px, 27vh, 220px); }
  .fut-empty-icon { width: 40px; height: 44px; }
  .fut-empty strong { font-size: 13px; line-height: 16px; }
  .fut-empty p { font-size: 11px; line-height: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .fut-sheet-backdrop,
  .fut-sheet,
  .fut-tick-menu { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* v429: Futures reference set — final Trade-aligned visual and interaction layer. */
.futures {
  --fut-bg: #1f2630;
  --fut-panel: #1f2630;
  --fut-field: #29323b;
  --fut-line: #303945;
  --fut-text: #eaeef3;
  --fut-muted: #959ca6;
  --fut-green: #2ebd85;
  --fut-red: #f6465d;
  --fut-yellow: #fcd434;
  color: var(--fut-text);
  background: var(--fut-bg);
  font-family: 'Plex', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
}
.futures button,
.futures input { font-family: inherit !important; }
.fut-scroll { background: var(--fut-bg); }
.fut-product-tabs {
  min-height: calc(58px + env(safe-area-inset-top));
  gap: 18px;
  padding: calc(16px + env(safe-area-inset-top)) 15px 9px;
  border-bottom-color: var(--fut-line);
  background: var(--fut-bg);
}
.fut-product-tabs > button { color: var(--fut-muted); font-size: 16px; line-height: 21px; font-weight: 500; }
.fut-product-tabs > button.active { color: var(--fut-text); font-weight: 600; }
.fut-product-tabs .fut-menu-button {
  position: sticky;
  right: 0;
  z-index: 2;
  width: 30px;
  flex: 0 0 30px;
  margin-left: auto;
  background: linear-gradient(90deg, rgba(31,38,48,0), #1f2630 26%);
}
.fut-notice { height: 31px; padding: 0 15px; color: #d9dee4; border-bottom-color: var(--fut-line); font-size: 10px; }
.fut-notice-icon { color: var(--fut-yellow); }
.fut-symbol-head { min-height: 57px; padding: 6px 15px 5px; }
.fut-symbol-button strong { font-size: 18px; line-height: 23px; font-weight: 600; }
.fut-symbol-button span { color: #d8dde3; background: #303945; font-size: 10px; line-height: 15px; font-weight: 400; }
.fut-symbol-change { font-size: 12px; line-height: 15px; }
.fut-symbol-tools button { width: 30px; height: 32px; color: #e6ebf0; }
.fut-candle-icon { width: 23px; height: 23px; }
.fut-more-icon img[hidden] { display: none !important; }
.fut-more-icon { position: relative; width: 22px; height: 18px; }

.fut-trading-grid { grid-template-columns: minmax(0, 1fr) minmax(137px, .66fr); gap: 14px; padding: 0 15px 13px; }
.fut-setting-row { gap: 7px; margin-bottom: 7px; }
.fut-setting-row button,
.fut-select-row { height: 31px; border-radius: 6px; background: var(--fut-field); font-size: 13px; line-height: 16px; font-weight: 400; }
.fut-setting-row button { padding: 0 8px 1px; }
.fut-price-control { gap: 7px; margin-bottom: 7px; }
.fut-order-type-main { padding-left: 10px !important; font-size: 13px !important; line-height: 16px !important; font-weight: 400 !important; }
.fut-info-dot { font-size: 11px; }
.fut-info-dot img[hidden] { display: none !important; }
.fut-info-dot.fut-image-fallback::after { content: 'i'; width: 13px; height: 13px; display: grid; place-items: center; border: 1px solid #717b87; border-radius: 50%; color: #89939f; font-size: 9px; }
.fut-input-row { height: 43px; grid-template-rows: 14px 20px; padding: 5px 9px 5px 11px; margin-bottom: 7px; border-radius: 6px; background: var(--fut-field); }
.fut-input-row > span { color: var(--fut-muted); font-size: 11px; line-height: 14px; }
.fut-input-row input { color: var(--fut-text); font-size: 15px; line-height: 20px; font-weight: 400; }
.fut-input-row > button { min-width: 55px; height: 34px; border-left-color: #36404b; font-size: 14px; }
.fut-amount-row { height: 43px; padding: 0 11px; }
.fut-amount-row input { font-size: 14px; line-height: 43px; }
.fut-amount-row > b { font-size: 14px; font-weight: 500; }
.fut-range-wrap { height: 35px; padding: 0 6px; }
.fut-range-wrap input::-webkit-slider-thumb { background: var(--fut-bg); }
.fut-range-points i { background: var(--fut-bg); }
.fut-available { height: 23px; color: var(--fut-muted); font-size: 12px; line-height: 15px; }
.fut-available > b { color: var(--fut-text); font-weight: 400; }
.fut-available > button { width: 20px; height: 20px; flex: 0 0 20px; margin-left: 5px; }
.fut-available > button svg { width: 20px; height: 20px; display: block; }
.fut-check-row { min-height: 26px; color: var(--fut-text); font-size: 12px; line-height: 15px; }
.fut-check-row > i { width: 17px; height: 17px; flex-basis: 17px; border-color: #737d89; }
.fut-tif-button { font-size: 12px !important; }
.fut-order-summary,
.fut-order-summary b { font-size: 12px; line-height: 15px; }
.fut-order-summary { margin-top: 4px; }
.fut-submit {
  height: 38px;
  margin-top: 7px !important;
  padding: 0 12px 1px !important;
  border-radius: 7px;
  font-size: 15px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
  touch-action: manipulation;
}
.fut-short-summary { margin-top: 9px; }

.fut-book { min-width: 0; }
.fut-funding {
  height: 32px;
  display: grid;
  grid-template-rows: 14px 15px;
  align-content: start;
}
.fut-funding > span { color: var(--fut-muted); font-size: 10px; line-height: 14px; }
.fut-funding > b {
  display: block;
  overflow: visible;
  font-size: 11px;
  line-height: 15px;
  text-overflow: clip;
}
.fut-funding > b > span {
  display: inline!important;
  overflow: visible;
  text-overflow: clip;
}
.fut-book-head { height: 30px; color: var(--fut-muted); font-size: 11px; line-height: 14px; }
.fut-book-side { min-height: 160px; }
.fut-book-row {
  height: 20px;
  min-height: 20px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  font-size: 12px;
  font-weight: 400;
}
.fut-book-row::before { width: 50%; transform: scaleX(var(--fut-depth-scale, 0)); transform-origin: right center; opacity: 1; }
.fut-book-asks .fut-book-row::before { background: #322630; }
.fut-book-bids .fut-book-row::before { background: #213438; }
.fut-book-asks .fut-book-row span:first-child { color: var(--fut-red); }
.fut-book-bids .fut-book-row span:first-child { color: var(--fut-green); }
.fut-market-price { height: 28px; align-items: center; font-size: 21px; line-height: 24px; }
.fut-index-price { height: 19px; font-size: 11px; line-height: 16px; }
.fut-book-ratio { height: 18px; gap: 5px; font-size: 11px; line-height: 14px; }
.fut-book-ratio > i { height: 4px; border-radius: 4px; }
.fut-book-controls { height: 28px; grid-template-columns: minmax(0, 1fr) 24px; gap: 8px; }
.fut-book-precision { height: 28px; padding: 0 9px !important; border-radius: 5px; font-size: 13px; line-height: 1; }
.fut-book-view { width: 24px; height: 28px; }
.fut-book-view > span { width: 20px; height: 20px; }
.fut-book-view-glyph {
  position: relative;
  width: 20px;
  height: 20px;
  display: none;
  background:
    linear-gradient(#f6465d 0 0) 1px 2px / 6px 5px no-repeat,
    linear-gradient(#737d89 0 0) 1px 8px / 6px 4px no-repeat,
    linear-gradient(#2ebd85 0 0) 1px 13px / 6px 5px no-repeat,
    linear-gradient(#737d89 0 0) 9px 2px / 10px 3px no-repeat,
    linear-gradient(#737d89 0 0) 9px 7px / 10px 3px no-repeat,
    linear-gradient(#737d89 0 0) 9px 12px / 10px 3px no-repeat,
    linear-gradient(#737d89 0 0) 9px 17px / 10px 2px no-repeat;
}
.fut-book-view-glyph.asks { filter: saturate(.9); }
.fut-book-view-glyph.bids { transform: scaleY(-1); }

.fut-records { border-top: 1px solid var(--fut-line); }
.fut-record-tabs { height: 46px; padding: 0 15px; border-bottom-color: var(--fut-line); }
.fut-record-tabs > button:not(.fut-record-history) { height: 38px; margin-right: 19px; padding: 0; color: var(--fut-muted); font-size: 15px; line-height: 19px; font-weight: 400; }
.fut-record-tabs > button.active { color: var(--fut-text); font-weight: 500; }
.fut-record-tabs > button.active::after { right: 0; height: 2px; }
.fut-record-history { position: relative; width: 34px; height: 38px; margin-left: auto; }
.fut-record-history img[hidden] { display: none !important; }
.fut-record-history::before { content: ''; position: absolute; left: 8px; top: 8px; width: 15px; height: 16px; border: 1.5px solid #b8c0c9; border-radius: 2px; }
.fut-record-history::after { content: ''; position: absolute; right: 4px; bottom: 7px; width: 7px; height: 7px; border: 1.5px solid #b8c0c9; border-radius: 50%; box-shadow: inset 0 0 0 2px var(--fut-bg); }
.fut-history-page-download img[hidden],
.fut-history-page-filter-reset img[hidden],
.fut-history-page-info img[hidden],
.fut-order-subtab-info img[hidden] { display: none !important; }
.fut-history-page-download.fut-image-fallback::before { content: '⇩'; display: block; color: #eaeef3; font-size: 22px; line-height: 1; }
.fut-history-page-filter-reset.fut-image-fallback::before { content: ''; width: 14px; height: 14px; display: block; border: 1.5px solid #959ca6; clip-path: polygon(0 0,100% 0,62% 46%,62% 100%,38% 84%,38% 46%); }
.fut-history-page-info.fut-image-fallback::before,
.fut-order-subtab-info.fut-image-fallback::before { content: 'i'; width: 15px; height: 15px; display: grid; place-items: center; border: 1px solid #959ca6; border-radius: 50%; color: #959ca6; font-size: 10px; }
.fut-record-panel,
.fut-empty { min-height: clamp(250px, 32vh, 330px); }
.fut-empty { padding: 30px 15px 36px; }
.fut-empty-icon { width: 50px; height: 54px; margin-bottom: 15px; object-fit: contain; }
.fut-empty strong { color: var(--fut-text); font-size: 16px; line-height: 20px; font-weight: 500; }
.fut-empty p { margin: 15px 0 13px; color: var(--fut-muted); font-size: 13px; line-height: 17px; }
.fut-empty-copy-button { min-width: 122px; height: 36px; padding: 0 16px !important; border: 1px solid #3b4652 !important; border-radius: 7px; color: var(--fut-text) !important; font-size: 13px !important; }
.fut-order-subtabs { border-bottom-color: var(--fut-line); }

.fut-chart-section { background: var(--fut-bg); border-top-color: var(--fut-line); }
.fut-chart-heading { height: 36px; padding: 0 15px !important; color: var(--fut-text); font-size: 13px !important; line-height: 17px; }
.fut-chart-body { background: var(--fut-bg); }
.fut-chart-ranges { height: 36px; padding: 0 15px; }
.fut-chart-ranges button { color: var(--fut-muted); font-size: 12px !important; }
.fut-chart-ranges button.active { color: var(--fut-text); }
.fut-chart-ma { padding: 0 15px; font-size: 11px; }

.fut-pair-sheet { background: var(--fut-bg); }
.fut-pair-search { background: #29313e; }
.fut-pair-row,
.fut-pair-row.active { border-bottom-color: var(--fut-line); }
.fut-pair-row.active { background: #29313e; }

.fut-sheet-backdrop,
.fut-confirm-backdrop { background: rgba(4,8,13,.72); }
.fut-sheet { padding: 13px 15px calc(16px + env(safe-area-inset-bottom)); border-radius: 16px 16px 0 0; color: var(--fut-text); background: var(--fut-bg); }
.fut-sheet-handle { width: 38px; height: 4px; margin: 0 auto 18px; border-radius: 4px; background: #5f6975; }
.fut-sheet h2 { font-size: 19px; line-height: 24px; font-weight: 600; }
.fut-sheet-confirm { height: 44px; border-radius: 7px; font-size: 16px !important; line-height: 20px; }
.fut-sheet-confirm:disabled { opacity: .55; }
.fut-list-option { background: transparent; }
.fut-order-kind-icon[hidden] { display: none !important; }
.fut-order-kind-icon.fut-image-fallback { display: none !important; }
.fut-list-option .fut-list-copy::before { content: ''; width: 0; }

.fut-default-sheet {
  height: calc(100dvh - 72px);
  max-height: calc(100dvh - 72px);
  padding: 13px 15px calc(16px + env(safe-area-inset-bottom));
}
.fut-default-sheet h2 { margin: 8px 0 28px; }
.fut-toggle-row { min-height: 42px; display: flex; align-items: center; justify-content: space-between; font-size: 15px; line-height: 20px; }
.fut-default-controls[hidden] { display: none !important; }
.fut-default-controls h3 { margin: 28px 0 12px; font-size: 15px; line-height: 20px; font-weight: 500; }
.fut-default-leverage { height: 43px; display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; border-radius: 7px; background: var(--fut-field); }
.fut-default-leverage button { height: 43px; color: var(--fut-muted); font-size: 20px; }
.fut-default-leverage strong { text-align: center; font-size: 16px; font-weight: 500; }
.fut-default-sheet input[type='range'] { width: 100%; margin: 17px 0 3px; accent-color: #eaeef3; }
.fut-default-marks { display: flex; justify-content: space-between; color: var(--fut-muted); font-size: 12px; }
.fut-default-margin { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.fut-default-margin button { height: 42px; border: 1px solid var(--fut-line); border-radius: 7px; font-size: 15px; }
.fut-default-margin button.active { border: 2px solid #eaeef3; }
.fut-default-sheet ul { margin: 24px 0 0; padding-left: 13px; color: var(--fut-muted); font-size: 12px; line-height: 18px; }
.fut-default-symbols { color: var(--fut-yellow) !important; font-size: 12px !important; text-align: left; }
.fut-default-sheet .fut-sheet-confirm { margin-top: auto !important; }

.fut-tpsl-sheet { height: min(86dvh, 760px); max-height: calc(100dvh - 74px); overflow-y: auto; padding-bottom: calc(15px + env(safe-area-inset-bottom)); }
.fut-tpsl-contract h2 { margin: 3px 0 2px; font-size: 18px; line-height: 23px; }
.fut-tpsl-contract h2 small { padding: 2px 4px; border: 1px solid #3b4652; border-radius: 3px; font-size: 10px; font-weight: 400; }
.fut-tpsl-contract > em { color: var(--fut-green); font-size: 12px; font-style: normal; }
.fut-tpsl-summary { display: grid; grid-template-columns: 1fr auto; gap: 14px 12px; margin: 23px 0 0; padding-bottom: 18px; border-bottom: 1px solid var(--fut-line); }
.fut-tpsl-summary dt { color: var(--fut-muted); font-size: 13px; }
.fut-tpsl-summary dd { margin: 0; text-align: right; font-size: 13px; }
.fut-tpsl-heading { display: flex; justify-content: space-between; margin: 23px 0 14px; font-size: 15px; }
.fut-tpsl-block { margin-bottom: 25px; }
.fut-tpsl-block > div:first-child { height: 31px; display: flex; align-items: center; justify-content: space-between; }
.fut-tpsl-block > div:first-child label { height: 31px; display: flex; grid-template-columns: none; align-items: center; border: 0; font-size: 13px; }
.fut-tpsl-block > div:first-child label input { position: absolute; opacity: 0; }
.fut-tpsl-block > div:first-child label i,
.fut-tpsl-skip > i { width: 16px; height: 16px; margin-right: 6px; border: 1.5px solid #737d89; border-radius: 3px; }
.fut-tpsl-block > div:first-child label input:checked + i { border-color: #eaeef3; background: #eaeef3; box-shadow: inset 0 0 0 4px var(--fut-bg); }
.fut-tpsl-block > div:first-child button { color: var(--fut-text); font-size: 12px; }
.fut-tpsl-grid { display: grid; grid-template-columns: 1.25fr .95fr; gap: 8px; }
.fut-tpsl-grid > * { height: 42px; min-width: 0; border: 0; border-radius: 7px; background: var(--fut-field); }
.fut-tpsl-grid input { padding: 0 11px; color: var(--fut-text); font-size: 13px; }
.fut-tpsl-grid span { display: flex; align-items: center; justify-content: space-between; padding: 0 11px; color: var(--fut-muted); font-size: 12px; }
.fut-tpsl-grid span b { color: var(--fut-text); font-weight: 400; }
.fut-tpsl-grid button { border: 2px solid #eaeef3; font-size: 14px; }
.fut-tpsl-skip { height: auto !important; display: flex !important; grid-template-columns: none !important; align-items: flex-start !important; margin: 7px 0 13px; padding: 16px 0 0; border-top: 1px solid var(--fut-line); border-bottom: 0 !important; font-size: 11px !important; line-height: 15px; }
.fut-tpsl-skip input { position: absolute; opacity: 0; }
.fut-tpsl-skip span { color: var(--fut-text) !important; }

.fut-order-detail-page {
  position: fixed;
  inset: 0;
  z-index: 92;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  pointer-events: none;
  color: var(--fut-text);
  background: var(--fut-bg);
  transform: translate3d(100%,0,0);
  transition: transform .34s cubic-bezier(.32,.72,0,1), visibility 0s linear .34s;
}
.fut-order-detail-page.open { visibility: visible; pointer-events: auto; transform: translate3d(0,0,0); transition: transform .34s cubic-bezier(.32,.72,0,1), visibility 0s; }
.fut-order-detail-header { min-height: calc(73px + env(safe-area-inset-top)); display: grid; grid-template-columns: 44px 1fr 44px; align-items: end; padding: env(safe-area-inset-top) 10px 13px; }
.fut-order-detail-header > button { width: 44px; height: 44px; display: grid; place-items: center; }
.fut-order-detail-header svg { width: 23px; height: 23px; }
.fut-order-detail-header > div { display: flex; justify-content: center; align-items: center; gap: 5px; }
.fut-order-detail-header strong { font-size: 16px; font-weight: 500; }
.fut-order-detail-header span { padding: 2px 4px; border: 1px solid #3b4652; border-radius: 3px; color: var(--fut-muted); font-size: 10px; }
.fut-order-detail-scroll { min-height: 0; flex: 1; overflow-y: auto; padding: 15px 15px calc(30px + env(safe-area-inset-bottom)); }
.fut-order-detail-status { display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 9px 0 28px; }
.fut-order-detail-status i { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; color: #061e17; background: var(--fut-green); box-shadow: 0 0 0 8px rgba(46,189,133,.16); }
.fut-order-detail-status svg { width: 30px; height: 30px; }
.fut-order-detail-status strong { color: var(--fut-green); font-size: 17px; font-weight: 500; }
.fut-order-detail-status strong.negative { color: var(--fut-red); }
.fut-order-detail-rows { display: grid; gap: 15px; }
.fut-order-detail-rows > div { display: grid; grid-template-columns: 1fr minmax(0, 1.35fr); gap: 12px; color: var(--fut-muted); font-size: 13px; line-height: 18px; }
.fut-order-detail-rows b { color: var(--fut-text); text-align: right; font-weight: 400; overflow-wrap: anywhere; }
.fut-order-detail-rows b.positive { color: var(--fut-green); }
.fut-order-detail-rows b.negative { color: var(--fut-red); }
.fut-order-detail-scroll > h2 { margin: 29px 0 23px; padding-top: 23px; border-top: 1px solid var(--fut-line); font-size: 16px; font-weight: 500; }
.fut-order-detail-end { margin: 25px 0 0; padding-top: 15px; border-top: 1px solid var(--fut-line); color: var(--fut-muted); text-align: center; font-size: 13px; }
.fut-history-page-record[role='button'] { cursor: pointer; }
.fut-history-page-record[role='button']:focus-visible { outline: 2px solid var(--fut-yellow); outline-offset: -2px; }

.fut-add-funds-list img[hidden] { display: none !important; }
.fut-add-funds-list button.fut-image-fallback::before { content: '+'; width: 35px; height: 35px; display: grid; place-items: center; border-radius: 50%; color: #171b22; background: var(--fut-yellow); font-size: 21px; }
.futures button:focus-visible,
.futures input:focus-visible { outline: 2px solid var(--fut-yellow) !important; outline-offset: 2px; }

@media (max-width: 380px) {
  .fut-product-tabs { min-height: calc(52px + env(safe-area-inset-top)); gap: 15px; padding: calc(14px + env(safe-area-inset-top)) 12px 8px; }
  .fut-product-tabs > button { font-size: 14px; line-height: 18px; }
  .fut-notice { height: 28px; padding: 0 12px; font-size: 9px; }
  .fut-symbol-head { min-height: 50px; padding: 4px 12px; }
  .fut-symbol-button strong { font-size: 16px; line-height: 21px; }
  .fut-symbol-change { font-size: 11px; line-height: 14px; }
  .fut-trading-grid { grid-template-columns: minmax(0, 1fr) minmax(126px, .66fr); gap: 12px; padding: 0 12px 11px; }
  .fut-setting-row button,
  .fut-select-row { height: 28px; font-size: 12px; line-height: 15px; }
  .fut-order-type-main { font-size: 12px !important; line-height: 15px !important; }
  .fut-input-row { height: 39px; grid-template-rows: 12px 18px; padding: 4px 8px; }
  .fut-input-row > span { font-size: 10px; line-height: 12px; }
  .fut-input-row input { font-size: 13px; line-height: 18px; }
  .fut-input-row > button { min-width: 49px; height: 31px; font-size: 12px; }
  .fut-amount-row { height: 39px; }
  .fut-amount-row input { font-size: 12px; line-height: 39px; }
  .fut-amount-row > b { font-size: 12px; }
  .fut-range-wrap { height: 29px; }
  .fut-available { height: 20px; font-size: 11px; line-height: 14px; }
  .fut-available > button,
  .fut-available > button svg { width: 18px; height: 18px; }
  .fut-check-row { min-height: 23px; font-size: 11px; line-height: 14px; }
  .fut-check-row > i { width: 16px; height: 16px; flex-basis: 16px; }
  .fut-tif-button { font-size: 11px !important; }
  .fut-order-summary,
  .fut-order-summary b { font-size: 11px; line-height: 14px; }
  .fut-submit { height: 34px; margin-top: 6px !important; font-size: 14px !important; line-height: 17px !important; }
  .fut-funding { height: 28px; grid-template-rows: 11px 12px; }
  .fut-funding > span { font-size: 8px; line-height: 11px; }
  .fut-funding > b { font-size: 9px; line-height: 12px; }
  .fut-book-head { height: 26px; font-size: 9px; line-height: 11px; }
  .fut-book-side { min-height: 133px; }
  .fut-book-row { height: 19px; min-height: 19px; font-size: 11px; }
  .fut-market-price { height: 24px; font-size: 19px; line-height: 22px; }
  .fut-index-price { height: 17px; font-size: 9px; line-height: 13px; }
  .fut-book-ratio { height: 15px; font-size: 10px; line-height: 12px; }
  .fut-book-controls { height: 26px; }
  .fut-book-precision { height: 26px; padding: 0 8px !important; font-size: 12px; }
  .fut-record-tabs { height: 41px; padding: 0 12px; }
  .fut-record-tabs > button:not(.fut-record-history) { height: 34px; margin-right: 15px; font-size: 13px; line-height: 16px; }
  .fut-record-history { height: 34px; }
  .fut-record-panel,
  .fut-empty { min-height: clamp(225px, 29vh, 275px); }
  .fut-empty-icon { width: 44px; height: 48px; }
  .fut-empty strong { font-size: 14px; line-height: 18px; }
  .fut-empty p { font-size: 12px; line-height: 15px; }
  .fut-empty-copy-button { min-width: 108px; height: 33px; font-size: 12px !important; }
  .fut-chart-heading { height: 33px; padding: 0 12px !important; font-size: 12px !important; }
  .fut-chart-ranges { height: 32px; padding: 0 12px; }
  .fut-chart-ranges button { font-size: 11px !important; }
  .fut-sheet { padding-left: 12px; padding-right: 12px; }
  .fut-sheet h2 { font-size: 18px; line-height: 23px; }
  .fut-sheet-confirm { height: 42px; font-size: 15px !important; }
  .fut-default-sheet { height: calc(100dvh - 68px); max-height: calc(100dvh - 68px); }
  .fut-default-sheet h2 { margin-bottom: 23px; }
  .fut-default-controls h3 { margin-top: 22px; }
  .fut-default-sheet ul { font-size: 11px; line-height: 16px; }
  .fut-tpsl-sheet { height: min(89dvh, 730px); }
  .fut-tpsl-summary { gap: 12px 10px; margin-top: 18px; }
  .fut-tpsl-summary dt,
  .fut-tpsl-summary dd { font-size: 12px; }
  .fut-tpsl-grid > * { height: 39px; }
  .fut-order-detail-header { min-height: calc(65px + env(safe-area-inset-top)); }
  .fut-order-detail-scroll { padding: 12px 12px calc(24px + env(safe-area-inset-bottom)); }
  .fut-order-detail-rows { gap: 13px; }
  .fut-order-detail-rows > div { font-size: 12px; line-height: 17px; }
}

/* Futures reference v430 — mobile order confirmation */
.futures .fut-confirm-backdrop {
  align-items: flex-end;
  padding: 0;
  background: rgba(4,8,13,.76);
}
.futures .fut-confirm-card {
  position: relative;
  width: 100%;
  max-width: 480px;
  max-height: calc(100dvh - 72px);
  margin: 0 auto;
  padding: 8px 15px calc(15px + env(safe-area-inset-bottom));
  overflow-y: auto;
  border-radius: 18px 18px 0 0;
  background: #1f2630;
  opacity: 1;
  transform: translate3d(0,105%,0);
  transition: transform .34s cubic-bezier(.22,.76,.23,1);
}
.futures .fut-confirm-backdrop.open .fut-confirm-card { transform: translate3d(0,0,0); }
.futures .fut-confirm-card > .fut-sheet-handle { margin: 0 auto 19px; }
.futures .fut-confirm-contract h2 { margin: 0 0 3px; font-size: 18px; line-height: 23px; }
.futures .fut-confirm-contract h2 small { padding: 2px 4px; border: 1px solid #3b4652; border-radius: 3px; color: #c5cbd2; font-size: 10px; font-weight: 400; vertical-align: 2px; }
.futures .fut-confirm-contract > em { color: #2ebd85; font-size: 12px; line-height: 16px; font-style: normal; }
.futures .fut-confirm-contract > em.short { color: #f6465d; }
.futures .fut-confirm-card #futConfirmDetails {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 14px 12px;
  margin: 24px 0 0;
  padding: 0 0 18px;
  border-bottom: 1px solid #303945;
  color: #959ca6;
  font-size: 13px;
  line-height: 17px;
}
.futures .fut-confirm-card #futConfirmDetails dt { min-width: 0; }
.futures .fut-confirm-card #futConfirmDetails dd { margin: 0; color: #eaeef3; text-align: right; white-space: nowrap; }
.futures .fut-confirm-skip { display: flex; align-items: flex-start; gap: 7px; margin: 17px 0 15px; font-size: 11px; line-height: 15px; }
.futures .fut-confirm-skip input { position: absolute; opacity: 0; }
.futures .fut-confirm-skip i { width: 16px; height: 16px; flex: 0 0 16px; border: 1.5px solid #737d89; border-radius: 3px; }
.futures .fut-confirm-skip input:checked + i { border-color: #eaeef3; background: #eaeef3; box-shadow: inset 0 0 0 4px #1f2630; }
.futures .fut-confirm-submit { width: 100%; height: 44px; border: 0; border-radius: 7px; color: #171b22; background: #fcd434; font-size: 16px; line-height: 20px; }
.futures .fut-confirm-submit:disabled { opacity: .55; }
.futures .fut-confirm-cancel { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
@media (max-width:380px) {
  .futures .fut-confirm-card { padding-inline: 12px; }
  .futures .fut-confirm-contract h2 { font-size: 17px; line-height: 21px; }
  .futures .fut-confirm-card #futConfirmDetails { margin-top: 19px; gap: 12px 10px; font-size: 12px; line-height: 16px; }
  .futures .fut-confirm-submit { height: 42px; font-size: 15px; }
}

/* Futures reference v433 — stable motion, centered controls and position actions */
.futures .fut-product-tabs { padding-right: 15px; }
.futures .fut-setting-row { grid-template-columns: repeat(3,minmax(0,1fr)); }
.futures .fut-tpsl-toggle-row { min-height: 26px; display: flex; align-items: center; }
.futures .fut-tpsl-toggle-row .fut-check-row { flex: 1 1 auto; }
.futures .fut-tpsl-advanced {
  height: 26px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 0 2px 0 8px;
  color: var(--fut-text);
  background: transparent;
  font-size: 12px;
  line-height: 15px;
}
.futures .fut-tpsl-advanced[hidden],
.futures .fut-inline-tpsl[hidden] { display: none !important; }
.futures .fut-tpsl-advanced .fut-caret,
.futures .fut-inline-tpsl-field button .fut-caret,
.futures .fut-inline-tpsl-field label .fut-caret { border-left-width: 4px; border-right-width: 4px; border-top-width: 5px; }
.futures .fut-inline-tpsl {
  display: grid;
  gap: 8px;
  padding: 1px 0 5px;
  animation: fut-inline-tpsl-in .18s ease both;
}
.futures .fut-inline-tpsl-field > div {
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--fut-muted);
  font-size: 12px;
  line-height: 15px;
}
.futures .fut-inline-tpsl-field > div button {
  height: 21px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 2px 0 8px;
  color: var(--fut-text);
  background: transparent;
  font-size: 12px;
}
.futures .fut-inline-tpsl-field > label {
  height: 43px;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  padding: 0 11px;
  border-radius: 7px;
  background: var(--fut-field);
}
.futures .fut-inline-tpsl-field input {
  width: 100%;
  min-width: 0;
  padding: 0 8px 0 0;
  border: 0;
  color: var(--fut-text);
  background: transparent;
  font-size: 14px;
  line-height: 20px;
}
.futures .fut-inline-tpsl-field input::placeholder { color: var(--fut-muted); opacity: 1; }
.futures .fut-inline-tpsl-field label > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--fut-text);
  font-size: 13px;
  line-height: 17px;
  white-space: nowrap;
}
@keyframes fut-inline-tpsl-in {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}
.futures .fut-setting-row > button,
.futures .fut-submit,
.futures .fut-sheet-confirm,
.futures .fut-confirm-submit,
.futures .fut-position-actions button,
.futures .fut-empty-copy-button,
.futures .fut-detail-long,
.futures .fut-detail-short {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding-top: 0 !important;
  padding-bottom: 1px !important;
}
.futures .fut-select-row,
.futures .fut-order-type-main,
.futures .fut-book-precision,
.futures .fut-available,
.futures .fut-order-summary,
.futures .fut-order-summary b { align-items: center; }
.futures .fut-amount-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto 10px;
  grid-template-rows: 1fr;
  align-items: center;
}
.futures .fut-amount-row > span { display: none; }
.futures .fut-amount-row input {
  width: 100%;
  height: 100%;
  min-height: 0;
  padding-block: 0;
  line-height: normal;
  align-self: stretch;
}
.futures .fut-amount-row > b {
  height: 100%;
  align-self: stretch;
  display: flex;
  align-items: center;
  line-height: 1;
}
.futures .fut-amount-row > i { align-self: center; }
.futures .fut-position-card {
  padding: 15px 15px 16px;
  border-bottom: 1px solid #303945;
}
.futures .fut-position-card .fut-card-head { min-height: 24px; font-size: 13px; }
.futures .fut-position-card .fut-card-head strong { font-size: 15px; line-height: 20px; }
.futures .fut-position-pnl { gap: 13px 10px; margin-top: 14px; }
.futures .fut-position-pnl span { font-size: 11px; line-height: 14px; }
.futures .fut-position-pnl b { margin-top: 5px; font-size: 14px; line-height: 18px; }
.futures .fut-position-actions { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin-top: 14px; }
.futures .fut-position-actions button { height: 38px; border-radius: 5px; font-size: 12px; touch-action: manipulation; }
.futures .fut-confirm-backdrop.closing {
  visibility: visible;
  pointer-events: none;
  background: rgba(4,8,13,0);
  transition: background-color .28s ease, visibility 0s .36s;
}
.futures .fut-confirm-backdrop.closing .fut-confirm-card { transform: translate3d(0,105%,0); }
.futures .fut-action-loader {
  position: fixed;
  z-index: 190;
  inset: 0;
  display: grid;
  place-items: center;
  color: #eaeef3;
  /* Keep the live Futures screen visible; the reference loader only dims it. */
  background: rgba(4,7,11,.24);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  filter: none;
  cursor: wait;
}
.futures .fut-action-loader[hidden] { display: none !important; }
.futures .fut-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.futures .fut-action-diamond {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #4d5968;
  transform: rotate(45deg);
}
.futures .fut-action-diamond span {
  height: 14px;
  display: flex;
  align-items: center;
  gap: 3px;
  transform: rotate(-45deg);
}
.futures .fut-action-diamond i {
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 1px;
  background: #fcd434;
  transform-origin: center;
  animation: fut-action-bars .72s ease-in-out infinite;
}
.futures .fut-action-diamond i:nth-child(2) { animation-delay: .09s; }
.futures .fut-action-diamond i:nth-child(3) { animation-delay: .18s; }
.futures .fut-action-diamond i:nth-child(4) { animation-delay: .27s; }
@keyframes fut-action-bars {
  0%,100% { transform: scaleY(1); opacity: .68; }
  50% { transform: scaleY(2.5); opacity: 1; }
}
@media (max-width:380px) {
  .futures .fut-action-diamond {
    width: 40px;
    height: 40px;
    border-radius: 9px;
  }
}
.futures .fut-pair-sheet,
.futures .fut-tpsl-sheet,
.futures .fut-leverage-sheet,
.futures .fut-margin-sheet,
.futures .fut-order-type-sheet { will-change: transform; }
.futures .fut-detail-page { will-change: transform; }
@media (max-width:380px) {
  .futures .fut-product-tabs { padding-right: 12px; }
  .futures .fut-position-card { padding: 13px 12px 14px; }
  .futures .fut-position-pnl { gap: 11px 7px; }
  .futures .fut-position-pnl span { font-size: 10px; line-height: 13px; }
  .futures .fut-position-pnl b { font-size: 12px; line-height: 16px; }
  .futures .fut-position-actions { gap: 5px; }
  .futures .fut-position-actions button { height: 34px; font-size: 10px; }
}

/* Futures reference v434 — readable My Trades, polished filters and full-size history */
.futures .fut-history-page { color: var(--fut-text); background: var(--fut-bg); }
.futures .fut-history-page-header {
  min-height: 96px;
  grid-template-columns: 32px minmax(0,1fr) 70px;
  gap: 10px;
  padding: calc(30px + env(safe-area-inset-top)) 15px 10px;
  border-bottom-color: var(--fut-line);
  background: var(--fut-bg);
}
.futures .fut-history-page-back { width: 32px !important; height: 32px !important; }
.futures .fut-history-page-back svg { width: 20px; height: 20px; }
.futures .fut-history-page-title { height: 43px; }
.futures .fut-history-page-title b { font-size: 18px; line-height: 22px; font-weight: 600; }
.futures .fut-history-page-title small { margin-top: 3px; font-size: 12px; line-height: 15px; }
.futures .fut-history-page-actions { width: auto; height: 32px; gap: 11px; }
.futures .fut-history-page-download,
.futures .fut-history-page-more { width: 28px !important; height: 32px !important; }
.futures .fut-history-page-download img { width: 21px; height: 21px; }
.futures .fut-history-page-more svg { width: 23px; height: 23px; }

.futures .fut-history-page-tabs {
  min-height: 42px;
  flex-basis: 42px;
  gap: 20px;
  padding: 0 15px;
  border-bottom-color: var(--fut-line);
  scroll-snap-type: x proximity;
}
.futures .fut-history-page-tabs button {
  height: 42px !important;
  color: var(--fut-muted) !important;
  font-size: 14px !important;
  line-height: 18px !important;
  scroll-snap-align: start;
}
.futures .fut-history-page-tabs button.active::after { height: 3px; border-radius: 3px 3px 0 0; }
.futures .fut-history-page-open-tabs {
  min-height: 47px;
  flex-basis: 47px;
  gap: 13px;
  padding: 0 15px;
  border-bottom-color: var(--fut-line);
}
.futures .fut-history-page-open-tabs button {
  height: 30px !important;
  padding: 0 11px 1px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  line-height: 16px !important;
}
.futures .fut-history-page-info { width: 22px !important; height: 22px !important; }
.futures .fut-history-page-info img { width: 19px; height: 19px; }

.futures .fut-history-page-filters {
  min-height: 54px;
  flex-basis: 54px;
  gap: 8px;
  padding: 10px 15px 11px;
  border-bottom-color: var(--fut-line);
}
.futures .fut-history-page-filters > button:not(.fut-history-page-filter-reset) {
  min-width: 66px;
  height: 31px !important;
  gap: 7px;
  padding: 0 11px 1px !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  color: #c3c9d1 !important;
  background: #29323d !important;
  font-size: 13px !important;
  line-height: 16px !important;
}
.futures .fut-history-page-filters > [data-fut-history-filter="type"] { min-width: 96px !important; }
.futures .fut-history-page-filters > [data-fut-history-filter="side"] { min-width: 78px !important; }
.futures .fut-history-page-filters > [data-fut-history-filter="status"] { min-width: 72px !important; }
.futures .fut-history-page-filters > [data-fut-history-filter="mode"] { min-width: 67px !important; }
.futures .fut-history-page-filters > [data-fut-history-filter="asset"] { min-width: 68px !important; }
.futures .fut-history-page-filters > [data-fut-history-filter="txType"] { min-width: 62px !important; }
.futures .fut-history-page-filters > button.selected {
  border-color: #596574 !important;
  color: var(--fut-text) !important;
  background: #303a46 !important;
}
.futures .fut-history-page-filters .fut-caret { border-left-width: 4px; border-right-width: 4px; border-top-width: 5px; }
.futures .fut-history-page-filter-reset { width: 32px !important; height: 31px !important; flex-basis: 32px; }
.futures .fut-history-page-filter-reset img { width: 21px; height: 21px; opacity: .9; }
.futures .fut-history-page-filters > .fut-history-cancel-all {
  min-width: 88px !important;
  height: 31px !important;
  padding: 0 12px 1px !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  line-height: 16px !important;
}

.futures .fut-history-page-empty { min-height: 330px; padding-top: 108px; }
.futures .fut-history-page-empty-icon { width: 51px; height: 56px; }
.futures .fut-history-page-empty p { margin-top: 12px; font-size: 13px; line-height: 17px; }
.futures .fut-history-page-record { padding: 20px 15px 18px; border-bottom-color: var(--fut-line); }
.futures .fut-history-page-record-head { gap: 15px; }
.futures .fut-history-page-record-pair { gap: 7px; }
.futures .fut-history-page-record-pair strong { font-size: 16px; line-height: 20px; }
.futures .fut-history-page-record-pair small { padding: 2px 4px; font-size: 10px; line-height: 12px; }
.futures .fut-history-side-letter { width: 18px; height: 18px; flex-basis: 18px; font-size: 11px; }
.futures .fut-history-page-record-time { font-size: 12px; line-height: 16px; }
.futures .fut-history-page-record-kind { margin-top: 4px; font-size: 12px; line-height: 16px; }
.futures .fut-history-page-record-row { gap: 16px; margin-top: 12px; font-size: 14px; line-height: 18px; }
.futures .fut-history-page-record-row b { font-size: 14px; line-height: 18px; }
.futures .fut-history-position-status { font-size: 13px; line-height: 17px; }
.futures .fut-history-position-grid { gap: 17px 12px; margin-top: 19px; }
.futures .fut-history-position-grid em { font-size: 12px; line-height: 15px; }
.futures .fut-history-position-grid b { margin-top: 6px; font-size: 14px; line-height: 18px; }
.futures .fut-history-position-times { gap: 7px 16px; margin-top: 18px; font-size: 12px; line-height: 16px; }
.futures .fut-history-transaction-head > strong { font-size: 16px; line-height: 20px; }
.futures .fut-history-page-end { height: 40px; font-size: 13px; line-height: 17px; }

.futures .fut-history-symbol-sheet {
  height: calc(100dvh - 42px);
  max-height: calc(100dvh - 42px);
  padding: 8px 15px calc(20px + env(safe-area-inset-bottom));
  background: var(--fut-bg);
}
.futures .fut-history-symbol-sheet > .fut-sheet-handle { margin-bottom: 20px; }
.futures .fut-history-symbol-search { height: 45px; flex-basis: 45px; gap: 10px; padding: 0 13px; border-radius: 8px; background: #29323f; }
.futures .fut-history-symbol-search svg { width: 19px; height: 19px; flex-basis: 19px; }
.futures .fut-history-symbol-search input { font-size: 15px; line-height: 19px; }
.futures .fut-history-symbol-list { padding: 16px 0 20px; }
.futures .fut-history-symbol-list button { height: 51px !important; padding: 0 2px !important; font-size: 16px !important; line-height: 20px !important; }
.futures .fut-history-symbol-list button i { width: 20px; height: 20px; }
.futures .fut-history-symbol-list p { font-size: 14px; }

.futures .fut-history-type-sheet,
.futures .fut-history-choice-sheet {
  height: min(49dvh,470px);
  min-height: 350px;
  padding: 8px 15px calc(30px + env(safe-area-inset-bottom));
  background: var(--fut-bg);
}
.futures .fut-history-choice-sheet { height: min(39dvh,360px); min-height: 285px; }
.futures .fut-history-type-sheet > .fut-sheet-handle { margin-bottom: 22px; }
.futures .fut-history-type-sheet h2 { margin-bottom: 25px; font-size: 20px; line-height: 25px; }
.futures .fut-history-type-grid { gap: 10px; }
.futures .fut-history-type-grid button {
  height: 45px !important;
  padding: 0 10px 1px !important;
  border-color: #3a4552 !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  line-height: 19px !important;
}
.futures .fut-history-type-grid button.active { border-color: #eef2f6 !important; }

.futures .fut-history-date-sheet {
  height: min(69dvh,680px);
  min-height: 565px;
  padding: 8px 15px calc(16px + env(safe-area-inset-bottom));
  background: var(--fut-bg);
}
.futures .fut-history-date-sheet > .fut-sheet-handle { margin-bottom: 20px; }
.futures .fut-history-date-sheet h2 { margin-bottom: 24px; font-size: 20px; line-height: 25px; }
.futures .fut-history-date-label { margin-bottom: 12px; font-size: 13px; line-height: 17px; }
.futures .fut-history-date-presets { gap: 9px; margin-bottom: 12px; }
.futures .fut-history-date-presets button,
.futures .fut-history-date-boxes button { height: 44px !important; border-radius: 8px !important; font-size: 15px !important; line-height: 19px !important; }
.futures .fut-history-date-boxes { grid-template-columns: minmax(0,1fr) 44px minmax(0,1fr); gap: 10px; margin-bottom: 30px; }
.futures .fut-history-date-boxes span { font-size: 14px; }
.futures .fut-history-date-wheel { height: 158px; margin-bottom: 25px; }
.futures .fut-history-date-wheel::before { top: 61px; }
.futures .fut-history-date-wheel::after { top: 104px; }
.futures .fut-history-date-wheel span,
.futures .fut-history-date-wheel b { font-size: 18px; line-height: 23px; }
.futures .fut-history-date-wheel strong { font-size: 21px; line-height: 26px; }
.futures .fut-history-date-note { font-size: 12px; line-height: 17px; }
.futures .fut-history-date-actions { left: 15px; right: 15px; gap: 14px; }
.futures .fut-history-date-actions button { height: 48px !important; border-radius: 8px !important; font-size: 16px !important; line-height: 20px !important; }

@media (max-width:380px) {
  .futures .fut-history-page-header { min-height: 88px; grid-template-columns: 30px minmax(0,1fr) 64px; padding: calc(25px + env(safe-area-inset-top)) 12px 8px; }
  .futures .fut-history-page-title b { font-size: 17px; line-height: 21px; }
  .futures .fut-history-page-title small { font-size: 11px; line-height: 14px; }
  .futures .fut-history-page-tabs { min-height: 39px; flex-basis: 39px; gap: 17px; padding: 0 12px; }
  .futures .fut-history-page-tabs button { height: 39px !important; font-size: 13px !important; line-height: 17px !important; }
  .futures .fut-history-page-open-tabs { min-height: 43px; flex-basis: 43px; padding: 0 12px; }
  .futures .fut-history-page-open-tabs button { height: 28px !important; font-size: 12px !important; }
  .futures .fut-history-page-filters { min-height: 50px; flex-basis: 50px; padding: 9px 12px 10px; }
  .futures .fut-history-page-filters > button:not(.fut-history-page-filter-reset) { height: 29px !important; padding-inline: 10px !important; font-size: 12px !important; line-height: 15px !important; }
  .futures .fut-history-page-filter-reset { height: 29px !important; }
  .futures .fut-history-page-filters > .fut-history-cancel-all { height: 29px !important; font-size: 12px !important; }
  .futures .fut-history-page-empty { min-height: 300px; padding-top: 96px; }
  .futures .fut-history-page-record { padding: 18px 12px 16px; }
  .futures .fut-history-page-record-pair strong { font-size: 15px; line-height: 19px; }
  .futures .fut-history-page-record-time,
  .futures .fut-history-page-record-kind { font-size: 11px; line-height: 15px; }
  .futures .fut-history-page-record-row { margin-top: 11px; font-size: 13px; line-height: 17px; }
  .futures .fut-history-page-record-row b { font-size: 13px; line-height: 17px; }
  .futures .fut-history-position-grid em { font-size: 11px; line-height: 14px; }
  .futures .fut-history-position-grid b { font-size: 13px; line-height: 17px; }
  .futures .fut-history-position-times { font-size: 11px; line-height: 15px; }
  .futures .fut-history-symbol-sheet { padding-inline: 12px; }
  .futures .fut-history-symbol-search { height: 43px; flex-basis: 43px; }
  .futures .fut-history-symbol-list button { height: 48px !important; font-size: 15px !important; }
  .futures .fut-history-type-sheet,
  .futures .fut-history-choice-sheet { padding-inline: 12px; }
  .futures .fut-history-type-grid button { height: 42px !important; font-size: 14px !important; }
  .futures .fut-history-date-sheet { min-height: 540px; padding-inline: 12px; }
  .futures .fut-history-date-presets button,
  .futures .fut-history-date-boxes button { height: 42px !important; font-size: 14px !important; }
  .futures .fut-history-date-actions { left: 12px; right: 12px; }
  .futures .fut-history-date-actions button { height: 45px !important; font-size: 15px !important; }
}

/* Futures motion v447 — one consistent panel lifecycle */
.futures .fut-sheet-backdrop,
.futures .fut-confirm-backdrop {
  align-items: flex-end !important;
  justify-content: center !important;
  overflow: hidden;
  padding: 0 !important;
  visibility: hidden;
  pointer-events: none;
  background: rgba(4,8,13,0);
  transition: background-color .28s ease, visibility 0s linear .38s;
}
.futures .fut-sheet-backdrop.open,
.futures .fut-confirm-backdrop.open {
  visibility: visible;
  pointer-events: auto;
  background: rgba(4,8,13,.72);
  transition: background-color .28s ease, visibility 0s;
}
.futures .fut-sheet-backdrop.closing,
.futures .fut-confirm-backdrop.closing {
  visibility: visible;
  pointer-events: none;
  background: rgba(4,8,13,0);
  transition: background-color .28s ease, visibility 0s linear .38s;
}
.futures .fut-sheet,
.futures .fut-add-funds-sheet {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 480px;
  margin: 0 auto !important;
  transform: translate3d(0,calc(100% + 20px),0) !important;
  transform-origin: center bottom;
  transition: transform .36s cubic-bezier(.22,.76,.23,1) !important;
  will-change: transform;
}
.futures .fut-sheet-backdrop.open .fut-sheet,
.futures .fut-sheet-backdrop.open .fut-add-funds-sheet {
  transform: translate3d(0,var(--fut-sheet-drag-y,0px),0) !important;
}
.futures .fut-sheet-backdrop.closing .fut-sheet,
.futures .fut-sheet-backdrop.closing .fut-add-funds-sheet {
  transform: translate3d(0,calc(100% + 20px),0) !important;
}
.futures .fut-sheet-backdrop.open .fut-sheet.fut-sheet-dragging,
.futures .fut-sheet-backdrop.open .fut-add-funds-sheet.fut-sheet-dragging {
  transition: none !important;
}

.futures .fut-confirm-card {
  transform: translate3d(0,calc(100% + 20px),0) !important;
  transition: transform .36s cubic-bezier(.22,.76,.23,1) !important;
  will-change: transform;
}
.futures .fut-confirm-backdrop.open .fut-confirm-card { transform: translate3d(0,0,0) !important; }
.futures .fut-confirm-backdrop.closing .fut-confirm-card { transform: translate3d(0,calc(100% + 20px),0) !important; }

.futures .fut-detail-page,
.futures .fut-history-page,
.futures .fut-order-detail-page {
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(100%,0,0) !important;
  transition: transform .36s cubic-bezier(.32,.72,0,1), visibility 0s linear .36s !important;
  will-change: transform;
}
.futures .fut-detail-page.open,
.futures .fut-history-page.open,
.futures .fut-order-detail-page.open {
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0,0,0) !important;
  transition: transform .36s cubic-bezier(.32,.72,0,1), visibility 0s !important;
}
.futures .fut-detail-page.closing,
.futures .fut-history-page.closing,
.futures .fut-order-detail-page.closing {
  visibility: visible;
  pointer-events: none;
  transform: translate3d(100%,0,0) !important;
}

.futures .fut-pair-sheet {
  height: calc(100% - 78px) !important;
  max-height: calc(100% - 78px) !important;
  border-radius: 16px 16px 0 0;
}
@media (prefers-reduced-motion: reduce) {
  .futures .fut-sheet,
  .futures .fut-add-funds-sheet,
  .futures .fut-confirm-card,
  .futures .fut-detail-page,
  .futures .fut-history-page,
  .futures .fut-order-detail-page { transition-duration: .01ms !important; }
  .futures .fut-action-diamond i { animation: none !important; opacity: 1; }
}

/* Futures position card v448 — reference layout and restored history artwork */
.futures .fut-record-history {
  display: grid !important;
  place-items: center !important;
  overflow: visible;
}
.futures .fut-record-history::before,
.futures .fut-record-history::after { content: none !important; display: none !important; }
.futures .fut-record-history img,
.futures .fut-record-history img[hidden] {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  margin: 0 !important;
  object-fit: contain;
  opacity: .92;
  transform: translate(.5px,-.5px);
}

.futures .fut-position-card {
  padding: 11px 7px 8px;
  color: var(--fut-text);
  border-bottom: 1px solid var(--fut-line);
  background: var(--fut-bg);
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
}
.futures .fut-position-head {
  min-width: 0;
  min-height: 18px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.futures .fut-position-side-mark {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  display: grid;
  place-items: center;
  padding: 0 0 1px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 2px;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
}
.futures .fut-position-side-mark.long { background: var(--fut-green); }
.futures .fut-position-side-mark.short { background: var(--fut-red); }
.futures .fut-position-head > strong {
  min-width: 0;
  overflow: hidden;
  color: #f2f4f6;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.futures .fut-position-contract,
.futures .fut-position-mode {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  padding: 0 4px 1px;
  border: 1px solid #3a4552;
  border-radius: 2px;
  color: #d6dbe0;
  background: #252e39;
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
  white-space: nowrap;
}
.futures .fut-position-mode { padding-inline: 4px; }
.futures .fut-position-risk-bars {
  width: 15px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: 2px;
}
.futures .fut-position-risk-bars i {
  width: 1.5px;
  display: block;
  border-radius: 2px;
  background: var(--fut-green);
}
.futures .fut-position-risk-bars.short i { background: var(--fut-red); }
.futures .fut-position-risk-bars i:nth-child(1) { height: 8px; }
.futures .fut-position-risk-bars i:nth-child(2) { height: 11px; }
.futures .fut-position-risk-bars i:nth-child(3) { height: 15px; }
.futures .fut-position-risk-bars i:nth-child(4) { height: 11px; opacity: .62; }

.futures .fut-position-hero {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 16px;
  margin-top: 16px;
}
.futures .fut-position-hero > div { min-width: 0; }
.futures .fut-position-hero > div:last-child { text-align: right; }
.futures .fut-position-label,
.futures .fut-position-metrics em {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  color: #9aa2ad;
  border-bottom: 1px dotted #596471;
  font-size: 11px;
  line-height: 14px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
}
.futures .fut-position-hero > div:last-child .fut-position-label { margin-left: auto; }
.futures .fut-position-share {
  width: 23px !important;
  height: 23px !important;
  display: grid !important;
  place-items: center !important;
  margin: -5px -5px -5px 2px !important;
  padding: 0 !important;
  color: #a5aeb8 !important;
  background: transparent !important;
  touch-action: manipulation;
}
.futures .fut-position-share svg {
  width: 16px;
  height: 16px;
  display: block;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.futures .fut-position-hero b {
  display: block;
  margin-top: 4px;
  color: #edf1f4;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color .16s ease;
}
.futures .fut-position-hero b.up,
.futures .fut-position-realized b.up { color: var(--fut-green); }
.futures .fut-position-hero b.down,
.futures .fut-position-realized b.down { color: var(--fut-red); }

.futures .fut-position-metrics {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
  margin-top: 13px;
}
.futures .fut-position-metrics > span { min-width: 0; }
.futures .fut-position-metrics > span:nth-child(3n + 2) { text-align: left; }
.futures .fut-position-metrics > span:nth-child(3n) { text-align: right; }
.futures .fut-position-metrics > span:nth-child(3n + 2) em { margin-inline: 0; }
.futures .fut-position-metrics > span:nth-child(3n) em { margin-left: auto; }
.futures .fut-position-metrics em {
  max-width: 100%;
  font-size: 11px;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.futures .fut-position-metrics em svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  margin-left: 3px;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.futures .fut-position-metrics b {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: #edf0f3;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.futures .fut-position-metrics [data-live-margin-ratio] { color: var(--fut-green); }
.futures .fut-position-metrics [data-live-margin-ratio].warning { color: var(--fut-red); }

.futures .fut-position-realized {
  width: 100% !important;
  height: 32px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto 12px;
  align-items: center !important;
  gap: 8px;
  margin-top: 8px !important;
  padding: 0 9px 1px !important;
  border: 1px solid #35404d !important;
  border-radius: 6px !important;
  color: #9da5af !important;
  background: transparent !important;
  font-size: 12px !important;
  line-height: 15px !important;
  text-align: left;
  touch-action: manipulation;
}
.futures .fut-position-realized b {
  color: #e8ecef;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}
.futures .fut-position-realized i {
  width: 8px;
  height: 8px;
  display: block;
  border-top: 1.5px solid #8c96a1;
  border-right: 1.5px solid #8c96a1;
  transform: rotate(45deg);
}
.futures .fut-position-actions {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  margin-top: 12px;
}
.futures .fut-position-actions button {
  min-width: 0;
  height: 33px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 4px 1px !important;
  border: 0 !important;
  border-radius: 5px !important;
  color: #eef1f4 !important;
  background: #333b48 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  font-weight: 400 !important;
  white-space: nowrap;
  touch-action: manipulation;
}
.futures .fut-position-actions button:active { background: #394451 !important; }
.futures .fut-position-share:focus-visible,
.futures .fut-position-realized:focus-visible,
.futures .fut-position-actions button:focus-visible,
.futures .fut-record-history:focus-visible { outline: 2px solid var(--fut-yellow) !important; outline-offset: 2px; }

@media (max-width:380px) {
  .futures .fut-record-history img,
  .futures .fut-record-history img[hidden] { width: 22px !important; height: 22px !important; }
  .futures .fut-position-card { padding: 9px 6px 8px; }
  .futures .fut-position-head { gap: 4px; }
  .futures .fut-position-side-mark { width: 15px; height: 15px; flex-basis: 15px; font-size: 10px; }
  .futures .fut-position-head > strong { font-size: 14px; line-height: 18px; }
  .futures .fut-position-contract,
  .futures .fut-position-mode { height: 15px; padding-inline: 3px; font-size: 9px; line-height: 12px; }
  .futures .fut-position-risk-bars { margin-left: 1px; }
  .futures .fut-position-hero { gap: 10px; margin-top: 13px; }
  .futures .fut-position-label { font-size: 11px; line-height: 14px; }
  .futures .fut-position-hero b { margin-top: 3px; font-size: 14px; line-height: 18px; }
  .futures .fut-position-metrics { gap: 6px; margin-top: 10px; }
  .futures .fut-position-metrics em { font-size: 10px; line-height: 13px; }
  .futures .fut-position-metrics b { margin-top: 3px; font-size: 12px; line-height: 16px; }
  .futures .fut-position-realized { height: 28px !important; margin-top: 5px !important; padding-inline: 7px !important; font-size: 11px !important; line-height: 14px !important; }
  .futures .fut-position-realized b { font-size: 11px; line-height: 14px; }
  .futures .fut-position-actions { gap: 7px; margin-top: 10px; }
  .futures .fut-position-actions button { height: 28px !important; padding-inline: 2px !important; font-size: 11px !important; line-height: 14px !important; }
}

/* v455: reference-size Add Funds and symmetric Futures surface motion. */
.futures .fut-sheet-backdrop.opening,
.futures .fut-confirm-backdrop.opening {
  visibility: visible;
  pointer-events: none;
  background: rgba(4,8,13,0);
  transition: background-color .28s ease, visibility 0s;
}
.futures .fut-sheet-backdrop.opening .fut-sheet,
.futures .fut-sheet-backdrop.opening .fut-add-funds-sheet,
.futures .fut-confirm-backdrop.opening .fut-confirm-card {
  transform: translate3d(0,calc(100% + 20px),0) !important;
}
.futures .fut-detail-page.opening,
.futures .fut-history-page.opening,
.futures .fut-order-detail-page.opening {
  visibility: visible;
  pointer-events: none;
  transform: translate3d(100%,0,0) !important;
}
.futures #futAddFundsSheet .fut-add-funds-sheet {
  height: clamp(338px,41dvh,510px) !important;
  max-height: calc(100dvh - 68px) !important;
  padding: 7px 15px calc(20px + env(safe-area-inset-bottom)) !important;
  transition: transform .36s cubic-bezier(.22,.76,.23,1), height .28s cubic-bezier(.22,.78,.25,1) !important;
}
.futures #futAddFundsSheet .fut-add-funds-sheet.expanded {
  height: clamp(560px,67.5dvh,720px) !important;
  max-height: calc(100dvh - 48px) !important;
}
.futures #futAddFundsSheet .fut-add-funds-sheet > .fut-sheet-handle {
  width: 34px;
  margin-bottom: 24px;
}
.futures #futAddFundsSheet .fut-add-funds-sheet h2 {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 22px;
}
.futures #futAddFundsSheet .fut-add-funds-sheet > p {
  margin: 0 0 22px;
  font-size: 10.5px;
  line-height: 15px;
}
.futures #futAddFundsSheet .fut-add-funds-sheet:not(.expanded) .fut-add-funds-list {
  overflow-y: hidden !important;
}
.futures #futAddFundsSheet .fut-add-funds-list button {
  min-height: 79px;
  grid-template-columns: 39px minmax(0,1fr);
  gap: 11px;
  padding: 0 18px !important;
  margin: 0 0 12px !important;
  border: 1px solid #35404d !important;
  border-radius: 8px;
}
.futures #futAddFundsSheet .fut-add-funds-list img {
  width: 27px;
  height: 27px;
}
.futures #futAddFundsSheet .fut-add-funds-list strong {
  font-size: 13.5px;
  line-height: 18px;
}
.futures #futAddFundsSheet .fut-add-funds-list em {
  margin-top: 6px;
  font-size: 10px;
  line-height: 14px;
}
.futures #futAddFundsSheet .fut-add-funds-list button.fut-add-extra,
.futures #futAddFundsSheet .fut-add-funds-sheet.expanded .fut-add-funds-list button.fut-add-extra {
  display: grid !important;
  overflow: hidden;
  transition: min-height .26s cubic-bezier(.22,.78,.25,1), max-height .26s cubic-bezier(.22,.78,.25,1), margin .26s cubic-bezier(.22,.78,.25,1), padding .26s cubic-bezier(.22,.78,.25,1), border-color .18s ease, opacity .18s ease, transform .26s cubic-bezier(.22,.78,.25,1), visibility 0s linear .26s;
}
.futures #futAddFundsSheet .fut-add-funds-list button.fut-add-extra {
  min-height: 0 !important;
  max-height: 0;
  padding-block: 0 !important;
  margin-bottom: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0,8px,0);
}
.futures #futAddFundsSheet .fut-add-funds-sheet.expanded .fut-add-funds-list button.fut-add-extra {
  min-height: 79px !important;
  max-height: 79px;
  padding: 0 18px !important;
  margin-bottom: 12px !important;
  border-width: 1px !important;
  border-color: #35404d !important;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0,0,0);
  transition-delay: 0s;
}
.futures #futAddFundsSheet .fut-add-view-more,
.futures #futAddFundsSheet .fut-add-funds-sheet.expanded .fut-add-view-more {
  height: 38px;
  flex: 0 0 38px;
  display: flex;
  gap: 8px;
  font-size: 10.5px !important;
}
.futures #futAddFundsSheet .fut-add-view-more i {
  width: 9px;
  height: 9px;
  transition: transform .22s ease;
}
.futures #futAddFundsSheet .fut-add-funds-sheet.expanded .fut-add-view-more i {
  transform: rotate(225deg) translate(-1px,-1px);
}
@media (max-width:380px) {
  .futures #futAddFundsSheet .fut-add-funds-sheet {
    padding-inline: 13px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .futures #futAddFundsSheet .fut-add-funds-sheet,
  .futures #futAddFundsSheet .fut-add-extra,
  .futures #futAddFundsSheet .fut-add-view-more i { transition-duration: .01ms !important; }
}

/* v463: every Futures surface opens and closes through the same motion path. */
.futures .fut-sheet-backdrop,
.futures .fut-confirm-backdrop{
  visibility:hidden!important;
  pointer-events:none!important;
  background:rgba(4,8,13,0)!important;
  transition:background-color .3s ease,visibility 0s linear .4s!important;
}
.futures .fut-sheet-backdrop.opening,
.futures .fut-sheet-backdrop.open,
.futures .fut-sheet-backdrop.closing,
.futures .fut-confirm-backdrop.opening,
.futures .fut-confirm-backdrop.open,
.futures .fut-confirm-backdrop.closing{
  visibility:visible!important;
}
.futures .fut-sheet-backdrop.open,
.futures .fut-confirm-backdrop.open{
  pointer-events:auto!important;
  background:rgba(4,8,13,.52)!important;
  transition:background-color .3s ease,visibility 0s!important;
}
.futures .fut-sheet-backdrop.closing,
.futures .fut-confirm-backdrop.closing{
  pointer-events:none!important;
  background:rgba(4,8,13,0)!important;
}
.futures .fut-sheet,
.futures .fut-add-funds-sheet,
.futures .fut-confirm-card{
  transform:translate3d(0,calc(100% + 24px),0)!important;
  transition:transform .4s cubic-bezier(.22,.78,.2,1)!important;
  will-change:transform;
}
.futures .fut-sheet-backdrop.open .fut-sheet,
.futures .fut-sheet-backdrop.open .fut-add-funds-sheet,
.futures .fut-confirm-backdrop.open .fut-confirm-card{
  transform:translate3d(0,var(--fut-sheet-drag-y,0px),0)!important;
}
.futures .fut-sheet-backdrop.closing .fut-sheet,
.futures .fut-sheet-backdrop.closing .fut-add-funds-sheet,
.futures .fut-confirm-backdrop.closing .fut-confirm-card{
  transform:translate3d(0,calc(100% + 24px),0)!important;
}
.futures .fut-detail-page,
.futures .fut-history-page,
.futures .fut-order-detail-page{
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate3d(100%,0,0)!important;
  transition:transform .4s cubic-bezier(.32,.72,0,1),visibility 0s linear .4s!important;
  will-change:transform;
}
.futures .fut-detail-page.opening,
.futures .fut-history-page.opening,
.futures .fut-order-detail-page.opening,
.futures .fut-detail-page.open,
.futures .fut-history-page.open,
.futures .fut-order-detail-page.open,
.futures .fut-detail-page.closing,
.futures .fut-history-page.closing,
.futures .fut-order-detail-page.closing{
  visibility:visible!important;
}
.futures .fut-detail-page.open,
.futures .fut-history-page.open,
.futures .fut-order-detail-page.open{
  pointer-events:auto!important;
  transform:translate3d(0,0,0)!important;
  transition:transform .4s cubic-bezier(.32,.72,0,1),visibility 0s!important;
}
.futures .fut-detail-page.closing,
.futures .fut-history-page.closing,
.futures .fut-order-detail-page.closing{
  pointer-events:none!important;
  transform:translate3d(100%,0,0)!important;
}
.futures #futPairSheet .fut-pair-sheet{
  height:calc(100dvh - 58px)!important;
  max-height:calc(100dvh - 58px)!important;
  border-radius:18px 18px 0 0!important;
}
.futures #futAddFundsSheet.open{background:rgba(4,8,13,.4)!important;}
.futures #futAddFundsSheet .fut-add-funds-sheet{
  height:clamp(350px,55dvh,520px)!important;
  max-height:calc(100dvh - 62px)!important;
  padding-top:7px!important;
}
.futures #futAddFundsSheet .fut-add-funds-sheet.expanded{
  height:min(78dvh,720px)!important;
  max-height:calc(100dvh - 46px)!important;
}

/* v554: keep Futures Add Funds lower instead of covering most of the form. */
.futures #futAddFundsSheet .fut-add-funds-sheet:not(.expanded){
  height:clamp(340px,45dvh,430px)!important;
  max-height:calc(100dvh - 132px)!important;
}
.futures #futAddFundsSheet .fut-add-funds-sheet.expanded{
  height:min(68dvh,650px)!important;
  max-height:calc(100dvh - 82px)!important;
}
.futures .fut-action-loader{background:rgba(4,7,11,.2)!important;}
.futures .fut-tick-menu:not([hidden]){animation-duration:.2s!important;}
.futures .fut-tick-menu.is-closing{animation-duration:.19s!important;}
@media (prefers-reduced-motion: reduce){
  .futures .fut-sheet,
  .futures .fut-add-funds-sheet,
  .futures .fut-confirm-card,
  .futures .fut-detail-page,
  .futures .fut-history-page,
  .futures .fut-order-detail-page{
    transition-duration:.4s!important;
  }
  .futures .fut-sheet-backdrop,
  .futures .fut-confirm-backdrop{transition-duration:.3s!important;}
  .futures .fut-tick-menu:not([hidden]){animation-duration:.2s!important;}
  .futures .fut-tick-menu.is-closing{animation-duration:.19s!important;}
  .futures .fut-action-diamond i{
    animation:fut-action-bars .72s ease-in-out infinite!important;
  }
}

/* v501: stable Trade-style Futures picker and one-pass surface motion. */
.futures #futPairSheet .fut-pair-row,
.futures #futPairSheet .fut-pair-row.active{
  grid-template-columns:20px 30px minmax(0,1fr) minmax(94px,auto)!important;
  grid-template-rows:21px 17px!important;
  column-gap:8px!important;
  min-height:61px!important;
  height:61px!important;
  padding:7px 1px!important;
}
.futures #futPairSheet .fut-pair-coin{
  grid-area:ico!important;
  position:relative!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  grid-template:1fr/1fr!important;
  place-items:center!important;
  align-self:center!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:#303a46!important;
  transform:none!important;
}
.futures #futPairSheet .fut-pair-coin > i,
.futures #futPairSheet .fut-pair-coin > img{
  grid-area:1/1!important;
  position:static!important;
  inset:auto!important;
  width:28px!important;
  height:28px!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}
.futures #futPairSheet .fut-pair-coin > i{
  z-index:0;
  display:grid;
  place-items:center;
  color:#dce3eb;
  font-size:12px;
  font-style:normal;
}
.futures #futPairSheet .fut-pair-coin > img{z-index:1;display:block!important;}
.futures #futPairSheet .fut-pair-name strong{font-size:15px!important;line-height:20px!important;}
.futures #futPairSheet .fut-pair-name small{font-size:12px!important;line-height:16px!important;}
.futures #futPairSheet .fut-pair-price b{font-size:15px!important;line-height:20px!important;}
.futures #futPairSheet .fut-pair-price em{
  margin-top:1px!important;
  font-size:13px!important;
  line-height:17px!important;
  font-weight:500!important;
}
.futures #futPairList[aria-busy="true"]{cursor:progress;}
@media(max-width:380px){
  .futures #futPairSheet .fut-pair-row,
  .futures #futPairSheet .fut-pair-row.active{
    grid-template-columns:19px 28px minmax(0,1fr) minmax(82px,auto)!important;
    min-height:58px!important;
    height:58px!important;
    column-gap:7px!important;
  }
  .futures #futPairSheet .fut-pair-coin,
  .futures #futPairSheet .fut-pair-coin > i,
  .futures #futPairSheet .fut-pair-coin > img{width:27px!important;height:27px!important;}
  .futures #futPairSheet .fut-pair-price em{font-size:12px!important;line-height:16px!important;}
}

/* v502: remove compositor blur after motion and never show letter placeholders. */
.futures #futPairSheet .fut-pair-coin > i{display:none!important;}
.futures #futPairSheet .fut-pair-row,
.futures #futPairSheet .fut-pair-row *{
  filter:none!important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}
.futures .fut-sheet-backdrop.open .fut-sheet:not(.fut-sheet-dragging),
.futures .fut-sheet-backdrop.open .fut-add-funds-sheet:not(.fut-sheet-dragging),
.futures .fut-confirm-backdrop.open .fut-confirm-card{
  transform:none!important;
  will-change:auto!important;
}
.futures .fut-sheet-backdrop.open .fut-sheet.fut-sheet-dragging,
.futures .fut-sheet-backdrop.open .fut-add-funds-sheet.fut-sheet-dragging{
  transform:translate3d(0,var(--fut-sheet-drag-y,0px),0)!important;
  will-change:transform!important;
}
.futures .fut-detail-page.open:not(.closing),
.futures .fut-history-page.open:not(.closing),
.futures .fut-order-detail-page.open:not(.closing){
  transform:none!important;
  will-change:auto!important;
}

/* v508: compact order-book preload shown only until the first market snapshot. */
.futures .fut-book{position:relative;}
.futures .fut-book-preloader{
  position:absolute;
  z-index:8;
  top:35px;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:2px 0 0;
  overflow:hidden;
  background:#1f2630;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,visibility 0s linear .16s;
}
/* v547: visibility can be re-enabled by a child even while the translated
   Futures surface itself is hidden. Gate the skeleton by the active page so
   it cannot leak into the desktop space to the right of Home. */
.futures.open .fut-book.is-loading .fut-book-preloader{
  opacity:1;
  visibility:visible;
  transition:opacity .16s ease,visibility 0s;
}
.futures .fut-book-preload-head,
.futures .fut-book-preload-rows > div{
  display:grid;
  grid-template-columns:minmax(36px,.78fr) minmax(42px,1fr);
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.futures .fut-book-preload-head{height:22px;}
.futures .fut-book-preload-rows{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.futures .fut-book-preload-rows > div{height:13px;}
.futures .fut-book-preloader i{
  position:relative;
  display:block;
  height:7px;
  overflow:hidden;
  border-radius:3px;
  background:#2a333e;
}
.futures .fut-book-preload-head i{width:76%;height:8px;}
.futures .fut-book-preload-head i:last-child,
.futures .fut-book-preload-rows > div i:last-child{justify-self:end;width:82%;}
.futures .fut-book-preload-rows > div:nth-child(3n+1) i:first-child{width:72%;}
.futures .fut-book-preload-rows > div:nth-child(3n+2) i:first-child{width:91%;}
.futures .fut-book-preload-rows > div:nth-child(3n) i:first-child{width:63%;}
.futures .fut-book-preload-rows > div:nth-child(2n) i:last-child{width:64%;}
.futures .fut-book-preloader i::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.07) 45%,transparent 100%);
  transform:translateX(-115%);
  animation:futBookPreloadSweep 1.05s ease-in-out infinite;
}
@keyframes futBookPreloadSweep{to{transform:translateX(115%);}}
@media(max-width:380px){
  .futures .fut-book-preloader{top:30px;gap:6px;}
  .futures .fut-book-preload-rows{gap:5px;}
}
@media(prefers-reduced-motion:reduce){
  .futures .fut-book-preloader i::after{animation:none;}
}

/* v522: the global dock is persistent. Full-page selectors, histories,
   dialogs and sheets animate above it instead of removing and recreating it. */
body > .nav{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:20!important;
  transition:none!important;
}

/* v562: the contract title on the coin page opens the shared picker;
   keep every short Perp badge on one stable baseline. */
.futures #futPairSheet{z-index:120!important;}

/* v590: Futures amount unit preference */
.futures .fut-amount-row .fut-amount-unit {
  grid-column: 2 / 4;
  grid-row: 1;
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 58px;
  height: 100%;
  padding: 0 !important;
  border: 0 !important;
  color: #edf1f5 !important;
  background: transparent !important;
  font: inherit;
  cursor: pointer;
}
.futures .fut-amount-row .fut-amount-unit b {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.futures .fut-amount-row .fut-amount-unit .fut-caret { flex: 0 0 auto; }
.futures .fut-unit-preference-sheet {
  min-height: 445px;
  max-height: min(61dvh, 520px);
  padding: 12px 15px calc(26px + env(safe-area-inset-bottom));
  border-radius: 18px 18px 0 0;
  background: #1d2530;
}
.futures .fut-unit-preference-sheet > .fut-sheet-handle { margin-bottom: 25px; }
.futures .fut-unit-preference-sheet h2 {
  margin: 0 0 28px;
  color: #f4f6f8;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
.futures .fut-unit-preference-list { display: grid; gap: 16px; }
.futures .fut-unit-preference-option {
  width: 100%;
  min-height: 124px;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 11px;
  padding: 20px 16px !important;
  border: 1px solid #3a4653 !important;
  border-radius: 13px;
  color: #a4adb7 !important;
  background: #1d2530 !important;
  text-align: left;
}
.futures .fut-unit-preference-option.active {
  border-color: #eef2f6 !important;
  box-shadow: inset 0 0 0 1px #eef2f6;
}
.futures .fut-unit-preference-option strong {
  color: #f4f6f8;
  font-size: 17px;
  font-weight: 500;
  line-height: 21px;
}
.futures .fut-unit-preference-option span {
  color: #98a2ae;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
}
@media (max-height: 760px) {
  .futures .fut-unit-preference-sheet { min-height: 405px; }
  .futures .fut-unit-preference-sheet h2 { margin-bottom: 20px; }
  .futures .fut-unit-preference-list { gap: 12px; }
  .futures .fut-unit-preference-option { min-height: 110px; padding: 15px 14px !important; }
}
.futures .fut-detail-title{touch-action:manipulation;}
.futures .fut-detail-title:focus-visible{
  outline:1px solid rgba(252,213,53,.75);
  outline-offset:4px;
  border-radius:3px;
}
.futures .fut-perp-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  max-width:100%;
  white-space:nowrap;
  font-style:normal!important;
  text-transform:none;
  letter-spacing:0!important;
}

/* v563: compact More timeframe popover on the Futures coin page. */
.futures .fut-detail-timeframes{
  position:relative;
  z-index:8;
  overflow:visible;
}
.futures .fut-detail-more-wrap{
  position:relative;
  z-index:12;
  width:43px;
  height:20px;
  display:inline-flex;
  flex:0 0 43px;
  align-items:center;
  justify-content:center;
}
.futures .fut-detail-more-toggle{
  width:100%;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:0 2px!important;
  color:#a3abb5;
  font-size:13px!important;
  line-height:18px;
  text-align:center;
}
.futures .fut-detail-more-toggle.active,
.futures .fut-detail-more-toggle[aria-expanded="true"]{
  color:#f5f6f7;
  font-weight:600;
}
.futures .fut-detail-more-toggle[aria-expanded="true"] .fut-caret{transform:rotate(180deg);}
.futures .fut-detail-more-menu{
  position:absolute;
  z-index:50;
  top:calc(100% + 7px);
  left:-3px;
  width:88px;
  display:grid;
  padding:7px 0;
  overflow:hidden;
  border:1px solid #3a4554;
  border-radius:8px;
  background:#2a3442;
  box-shadow:0 10px 26px rgba(0,0,0,.34);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,-6px,0);
  transition:opacity .16s ease,transform .18s cubic-bezier(.22,.78,.25,1),visibility 0s linear .18s;
}
.futures .fut-detail-more-wrap.open .fut-detail-more-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0);
  transition-delay:0s;
}
.futures .fut-detail-more-menu button{
  width:100%;
  height:34px;
  padding:0 16px!important;
  color:#dce2e9;
  font-size:13px!important;
  line-height:34px;
  text-align:left;
}
.futures .fut-detail-more-menu button:hover,
.futures .fut-detail-more-menu button:focus-visible,
.futures .fut-detail-more-menu button[aria-checked="true"]{
  color:#f5f7fa;
  background:#343f4e;
}

/* v564: release every settled Futures window from compositor rasterization.
   The section itself used to keep translateX(0), so even child pages whose
   transform was cleared were still painted as one soft GPU texture. */
.futures.open.fut-render-settled{
  transform:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  filter:none!important;
  opacity:1!important;
  will-change:auto!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:flat!important;
  perspective:none!important;
  contain:none!important;
}
.futures.open,
.futures.open *{
  text-rendering:auto!important;
  -webkit-font-smoothing:auto!important;
  font-synthesis:none!important;
}
.futures.open .fut-scroll,
.futures.open .fut-detail-scroll,
.futures.open .fut-history-page-scroll,
.futures.open .fut-order-detail-scroll{
  filter:none!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:flat!important;
  perspective:none!important;
  will-change:auto!important;
}
.futures .fut-detail-page.open:not(.opening):not(.closing),
.futures .fut-history-page.open:not(.opening):not(.closing),
.futures .fut-order-detail-page.open:not(.opening):not(.closing),
.futures .fut-sheet-backdrop.open:not(.opening):not(.closing) .fut-sheet:not(.fut-sheet-dragging),
.futures .fut-sheet-backdrop.open:not(.opening):not(.closing) .fut-add-funds-sheet:not(.fut-sheet-dragging),
.futures .fut-confirm-backdrop.open:not(.opening):not(.closing) .fut-confirm-card,
.futures .fut-detail-more-wrap.open .fut-detail-more-menu{
  transform:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  filter:none!important;
  will-change:auto!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:flat!important;
  perspective:none!important;
  contain:none!important;
}

/* Settled slide pages must leave the compositor layer after their motion.
   Keeping even translate3d(0,0,0) rasterizes small text into a soft texture. */
.futures .fut-detail-page.open.fut-slide-settled,
.futures .fut-history-page.open.fut-slide-settled,
.futures .fut-order-detail-page.open.fut-slide-settled{
  transform:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  transition:none!important;
  filter:none!important;
  will-change:auto!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:flat!important;
  perspective:none!important;
  contain:none!important;
}
@media(max-width:380px){
  .futures .fut-detail-more-wrap,
  .futures .fut-detail-more-toggle{height:15px;}
  .futures .fut-detail-more-toggle{font-size:11px!important;line-height:15px;}
}

/* v566: My Trades sections use the same directional .48s slide as Markets. */
.futures .fut-history-page-panel-viewport{
  position:relative;
  flex:1 1 auto;
  min-height:0;
  display:flex;
  overflow:hidden;
  background:var(--fut-bg);
  touch-action:pan-y;
}
.futures .fut-history-page-panel{
  position:relative;
  z-index:2;
  width:100%;
  min-width:100%;
  height:100%;
  min-height:0;
  display:flex;
  flex:1 0 100%;
  flex-direction:column;
  background:var(--fut-bg);
}
.futures .fut-history-page-panel-ghost{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  min-width:100%;
  height:100%;
  overflow:hidden;
  pointer-events:none;
  user-select:none;
}
.futures .fut-history-page-panel-moving,
.futures .fut-history-page-panel-ghost{
  will-change:transform;
  backface-visibility:hidden;
}
.futures .fut-history-page-panel-viewport .fut-history-page-filters{
  touch-action:pan-x;
}

/* v690: Match the slower Trade page-turn motion throughout the Futures contract picker. */
.futures .fut-pair-sheet{
  position:relative;
}
.futures .fut-pair-tabs{
  position:relative;
}
.futures .fut-pair-tabs button,
.futures .fut-pair-cats button{
  z-index:2;
  transition:color .22s ease,background-color .22s ease,opacity .22s ease!important;
}
.futures .fut-pair-tabs button.active::after{
  content:none!important;
  display:none!important;
}
.futures .fut-pair-tab-indicator{
  position:absolute;
  z-index:1;
  left:0;
  bottom:0;
  width:16px;
  height:2px;
  display:block;
  border-radius:2px;
  background:#fcd434;
  opacity:0;
  pointer-events:none;
  transform:translate3d(0,0,0);
  transform-origin:left center;
  transition:transform .52s cubic-bezier(.32,.72,0,1),width .52s cubic-bezier(.32,.72,0,1),opacity .18s ease!important;
  will-change:transform,width;
}
.futures .fut-pair-tab-indicator.ready{opacity:1;}
.futures .fut-pair-sheet.pair-list-changing{
  overflow:hidden;
}
.futures .fut-pair-sheet.pair-list-changing > #futPairList{
  position:relative;
  z-index:2;
  overflow:hidden;
  background:#1f2630;
  will-change:transform,opacity;
}
.futures .fut-pair-sheet > .fut-pair-list-ghost{
  position:absolute;
  z-index:1;
  min-height:0;
  margin:0;
  overflow:hidden;
  background:#1f2630;
  pointer-events:none;
  user-select:none;
  will-change:transform,opacity;
}
.futures .fut-pair-sheet.pair-list-product,
.futures .fut-pair-sheet.pair-list-category{--fut-pair-enter-shift:100%;--fut-pair-enter-shift-back:-100%;--fut-pair-exit-shift:100%;--fut-pair-exit-shift-forward:-100%;}
.futures .fut-pair-list-enter-forward{
  animation:futPairEnterForward .52s cubic-bezier(.32,.72,0,1) both!important;
}
.futures .fut-pair-list-exit-forward{
  animation:futPairExitForward .52s cubic-bezier(.32,.72,0,1) both!important;
}
.futures .fut-pair-list-enter-back{
  animation:futPairEnterBack .52s cubic-bezier(.32,.72,0,1) both!important;
}
.futures .fut-pair-list-exit-back{
  animation:futPairExitBack .52s cubic-bezier(.32,.72,0,1) both!important;
}
@keyframes futPairEnterForward{
  from{transform:translate3d(var(--fut-pair-enter-shift,100%),0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes futPairExitForward{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(var(--fut-pair-exit-shift-forward,-100%),0,0);}
}
@keyframes futPairEnterBack{
  from{transform:translate3d(var(--fut-pair-enter-shift-back,-100%),0,0);}
  to{transform:translate3d(0,0,0);}
}
@keyframes futPairExitBack{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(var(--fut-pair-exit-shift,100%),0,0);}
}

/* v656: page-turn motion for USDⓈ-M / COIN-M / TradFi in the contract picker. */
.futures .fut-pair-product-page{
  position:relative;
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  width:100%;
  min-width:0;
  min-height:0;
}
.futures .fut-pair-sheet.pair-list-product > #futPairProductPage,
.futures .fut-pair-sheet.pair-list-category #futPairList{
  position:relative;
  z-index:2;
  background:#1f2630;
  will-change:transform,opacity;
}
.futures .fut-pair-sheet > .fut-pair-product-ghost,
.futures .fut-pair-product-page > .fut-pair-list-ghost{
  position:absolute;
  z-index:1;
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  background:#1f2630;
  pointer-events:none;
  user-select:none;
  will-change:transform,opacity;
  backface-visibility:hidden;
}
.futures .fut-pair-sheet.pair-list-changing{
  overflow:hidden!important;
}
/* v666: Futures tickers always use the native Futures contract picker. */
body:has(#futures.open) #tradePairSheet.open,
body:has(#futures.open) #tradePairSheet.closing{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* v679: compact Unit Preference sheet matching the reference proportions. */
.futures .fut-unit-preference-sheet{
  box-sizing:border-box!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 24px)!important;
  padding:8px 13px calc(17px + env(safe-area-inset-bottom))!important;
  border-radius:15px 15px 0 0!important;
}
.futures .fut-unit-preference-sheet > .fut-sheet-handle{
  width:34px!important;
  height:3px!important;
  margin-bottom:14px!important;
}
.futures .fut-unit-preference-sheet h2{
  margin:0 0 15px!important;
  font-size:15px!important;
  line-height:20px!important;
}
.futures .fut-unit-preference-list{
  gap:10px!important;
}
.futures .fut-unit-preference-option{
  min-height:0!important;
  gap:6px!important;
  padding:15px 12px!important;
  border-radius:10px!important;
}
.futures .fut-unit-preference-option strong{
  font-size:13px!important;
  line-height:17px!important;
}
.futures .fut-unit-preference-option span{
  font-size:10px!important;
  line-height:14px!important;
}
@media(max-height:760px){
  .futures .fut-unit-preference-sheet{
    min-height:0!important;
  }
  .futures .fut-unit-preference-sheet h2{
    margin-bottom:15px!important;
  }
  .futures .fut-unit-preference-list{
    gap:10px!important;
  }
  .futures .fut-unit-preference-option{
    min-height:0!important;
    padding:13px 12px!important;
  }
}

/* v683: Futures contract picker hierarchy matches the native reference. */
.futures #futPairSheet .fut-pair-sheet{
  height:calc(100dvh - 78px)!important;
  max-height:calc(100dvh - 78px)!important;
  padding-top:4px!important;
  border-radius:16px 16px 0 0!important;
}
.futures #futPairSheet .fut-pair-search{
  height:33px!important;
  min-height:33px!important;
  flex-basis:33px!important;
  margin-bottom:8px!important;
}
.futures #futPairSheet .fut-pair-search-action{
  position:relative!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  margin-left:auto!important;
  border:1.5px solid #dfe5ec!important;
  border-radius:50%!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
.futures #futPairSheet .fut-pair-search-action::before{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:8px!important;
  width:9px!important;
  height:5px!important;
  border-top:1.5px solid #dfe5ec!important;
  border-right:1.5px solid #dfe5ec!important;
  background:transparent!important;
  transform:skewY(-28deg)!important;
}
.futures #futPairSheet .fut-pair-search-action::after{
  content:""!important;
  position:absolute!important;
  right:4px!important;
  top:5px!important;
  width:4px!important;
  height:4px!important;
  border-top:1.5px solid #dfe5ec!important;
  border-right:1.5px solid #dfe5ec!important;
  background:transparent!important;
  transform:rotate(12deg)!important;
}
.futures #futPairSheet .fut-pair-tabs{
  height:35px!important;
  min-height:35px!important;
  flex-basis:35px!important;
  gap:16px!important;
}
.futures #futPairSheet .fut-pair-tabs button{
  height:35px!important;
  font-size:15px!important;
  line-height:35px!important;
}
.futures #futPairSheet .fut-pair-fav-subtabs,
.futures #futPairSheet .fut-pair-products{
  display:flex;
  align-items:center;
  width:auto;
  margin:0 -15px;
  overflow-x:auto;
  overflow-y:hidden;
  box-sizing:border-box;
  white-space:nowrap;
  scrollbar-width:none;
}
.futures #futPairSheet .fut-pair-fav-subtabs::-webkit-scrollbar,
.futures #futPairSheet .fut-pair-products::-webkit-scrollbar{display:none;}
.futures #futPairSheet .fut-pair-fav-subtabs{
  flex:0 0 41px;
  height:41px;
  min-height:41px;
  gap:16px;
  padding:0 15px;
}
.futures #futPairSheet .fut-pair-fav-subtabs button{
  flex:0 0 auto;
  height:41px;
  padding:0;
  color:#959ca6;
  background:transparent;
  font:400 15px/41px 'Plex',system-ui,sans-serif;
}
.futures #futPairSheet .fut-pair-fav-subtabs button.active{
  color:#eaeef3;
  font-weight:500;
}
.futures #futPairSheet .fut-pair-products{
  flex:0 0 49px;
  height:49px;
  min-height:49px;
  gap:16px;
  padding:10px 20px 4px;
}
.futures #futPairSheet .fut-pair-products button{
  flex:0 0 auto;
  height:31px;
  min-height:31px;
  margin:0;
  padding:0 10px;
  border-radius:7px;
  color:#959ca6;
  background:transparent;
  font:500 14px/31px 'Plex',system-ui,sans-serif;
}
.futures #futPairSheet .fut-pair-products button.active{
  color:#eaeef3;
  background:#283240;
}
.futures #futPairSheet .fut-pair-sheet[data-pair-section="favorites"] .fut-pair-cats{
  display:none!important;
}
.futures #futPairSheet .fut-pair-sheet[data-pair-section="futures"] .fut-pair-fav-subtabs,
.futures #futPairSheet .fut-pair-sheet[data-pair-section="tradfi"] .fut-pair-fav-subtabs,
.futures #futPairSheet .fut-pair-sheet[data-pair-section="tradfi"] .fut-pair-products{
  display:none!important;
}
.futures #futPairSheet .fut-pair-columns{
  height:32px!important;
  min-height:32px!important;
  flex-basis:32px!important;
}
.futures #futPairSheet .fut-pair-row,
.futures #futPairSheet .fut-pair-row.active{
  height:59px!important;
  min-height:59px!important;
}
@media(max-width:380px){
  .futures #futPairSheet .fut-pair-tabs,
  .futures #futPairSheet .fut-pair-fav-subtabs{gap:14px!important;}
  .futures #futPairSheet .fut-pair-tabs button,
  .futures #futPairSheet .fut-pair-fav-subtabs button{font-size:13px!important;}
  .futures #futPairSheet .fut-pair-fav-subtabs{padding-right:12px;padding-left:12px;}
  .futures #futPairSheet .fut-pair-products{padding-right:17px;padding-left:17px;}
}

/* v694: compact Trade-style precision sheets on both Futures order books. */
body.futures-tick-sheet-open{overflow:hidden!important;}
body.futures-tick-sheet-open #futures{z-index:730!important;}
.futures .fut-tick-menu,
.futures .fut-detail-book-tick-wrap .fut-detail-tick-menu{
  position:fixed!important;
  z-index:720!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(5,9,14,.68)!important;
  box-shadow:none!important;
  transform:none!important;
  transform-origin:center!important;
}
.futures .fut-tick-menu[hidden]{display:none!important;}
.futures .fut-tick-menu:not([hidden]):not(.is-closing){
  display:flex!important;
  animation:futPrecisionBackdropIn .24s ease both!important;
  pointer-events:auto!important;
}
.futures .fut-tick-menu.is-closing{
  display:flex!important;
  animation:futPrecisionBackdropOut .3s ease both!important;
  pointer-events:none!important;
}
.futures .fut-tick-card{
  box-sizing:border-box!important;
  width:min(100%,480px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 44px)!important;
  padding:6px 0 max(14px,env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  border-radius:16px 16px 0 0!important;
  background:#1f2630!important;
  box-shadow:0 -8px 32px rgba(0,0,0,.22)!important;
  will-change:transform;
}
.futures .fut-tick-menu:not([hidden]):not(.is-closing) .fut-tick-card{
  animation:futPrecisionCardIn .3s cubic-bezier(.22,.75,.24,1) both!important;
}
.futures .fut-tick-menu.is-closing .fut-tick-card{
  animation:futPrecisionCardOut .3s cubic-bezier(.22,.75,.24,1) both!important;
}
.futures .fut-tick-handle{
  display:block;
  width:34px;
  height:3px;
  margin:0 auto 3px;
  border-radius:3px;
  background:#697382;
}
.futures .fut-tick-menu .fut-tick-list{
  display:grid!important;
  width:100%!important;
  gap:0!important;
}
.futures .fut-tick-menu .fut-tick-list button{
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#f5f7fa!important;
  font:400 14px/18px 'Plex',system-ui,sans-serif!important;
  text-align:left!important;
}
.futures .fut-tick-menu .fut-tick-list button.active,
.futures .fut-tick-menu .fut-tick-list button[aria-selected="true"]{
  background:#2a323e!important;
  color:#f5f7fa!important;
}
.futures .fut-tick-menu .fut-tick-list button i{
  position:relative!important;
  width:7px!important;
  height:13px!important;
  margin:0 5px 5px 16px!important;
  border:0!important;
  border-right:1.5px solid #f5f7fa!important;
  border-bottom:1.5px solid #f5f7fa!important;
  border-radius:0!important;
  background:transparent!important;
  opacity:0!important;
  transform:rotate(45deg)!important;
}
.futures .fut-tick-menu .fut-tick-list button i::before{content:none!important;}
.futures .fut-tick-menu .fut-tick-list button.active i,
.futures .fut-tick-menu .fut-tick-list button[aria-selected="true"] i{opacity:1!important;}
@keyframes futPrecisionBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes futPrecisionBackdropOut{from{opacity:1}to{opacity:0}}
@keyframes futPrecisionCardIn{from{transform:translate3d(0,102%,0)}to{transform:translate3d(0,0,0)}}
@keyframes futPrecisionCardOut{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,102%,0)}}
@media(max-height:620px){
  .futures .fut-tick-card{max-height:calc(100dvh - 32px)!important;}
  .futures .fut-tick-menu .fut-tick-list button{
    height:40px!important;
    min-height:40px!important;
    font-size:13px!important;
    line-height:17px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .futures .fut-tick-menu:not([hidden]),
  .futures .fut-tick-menu .fut-tick-card{animation-duration:.01ms!important;}
}

/* v697: one slightly enlarged compact Unit Preference size for Spot and Futures. */
.futures .fut-unit-preference-sheet{
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 24px)!important;
  padding:10px 15px calc(20px + env(safe-area-inset-bottom))!important;
  border-radius:16px 16px 0 0!important;
}
.futures .fut-unit-preference-sheet > .fut-sheet-handle{
  width:36px!important;
  height:3px!important;
  margin-bottom:16px!important;
}
.futures .fut-unit-preference-sheet h2{
  margin:0 0 17px!important;
  font-size:16px!important;
  line-height:21px!important;
}
.futures .fut-unit-preference-list{
  gap:12px!important;
}
.futures .fut-unit-preference-option{
  min-height:0!important;
  gap:7px!important;
  padding:17px 14px!important;
  border-radius:11px!important;
}
.futures .fut-unit-preference-option strong{
  font-size:14px!important;
  line-height:18px!important;
}
.futures .fut-unit-preference-option span{
  font-size:11px!important;
  line-height:15px!important;
}
@media(max-height:760px){
  .futures .fut-unit-preference-option{
    padding:15px 14px!important;
  }
}

/* v699: every Futures pair-picker section stays inside the native sheet. */
.futures #futPairSheet .fut-pair-sheet[data-pair-section="spot"] .fut-pair-fav-subtabs,
.futures #futPairSheet .fut-pair-sheet[data-pair-section="alpha"] .fut-pair-fav-subtabs,
.futures #futPairSheet .fut-pair-sheet[data-pair-section="options"] .fut-pair-fav-subtabs,
.futures #futPairSheet .fut-pair-sheet[data-pair-section="spot"] .fut-pair-products,
.futures #futPairSheet .fut-pair-sheet[data-pair-section="alpha"] .fut-pair-products,
.futures #futPairSheet .fut-pair-sheet[data-pair-section="options"] .fut-pair-products{
  display:none!important;
}
.futures #futPairSheet .fut-pair-sheet[data-pair-section="spot"] .fut-perp-label,
.futures #futPairSheet .fut-pair-sheet[data-pair-section="alpha"] .fut-perp-label,
.futures #futPairSheet .fut-pair-sheet[data-pair-section="options"] .fut-perp-label{
  display:none!important;
}

/* v723: native Futures Options chain instead of routing to the Spot picker. */
.futures.options-page-open{z-index:19;}
.futures.options-page-open .fut-chart-section{display:none!important;}
.futures .fut-options-page{
  position:absolute;
  z-index:15;
  inset:0 0 var(--fut-bottom-nav-clearance);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#1f2630;
  color:#eaeef3;
  visibility:hidden;
  transform:translateX(100%);
  transition:transform .34s cubic-bezier(.22,.78,.25,1),visibility 0s linear .34s;
}
.futures .fut-options-page[hidden]{display:none!important;}
.futures .fut-options-page.open{
  visibility:visible;
  transform:translateX(0);
  transition:transform .34s cubic-bezier(.22,.78,.25,1),visibility 0s;
}
.futures .fut-options-page.closing{visibility:visible;}
.futures .fut-options-products{
  display:flex;
  min-height:calc(59px + env(safe-area-inset-top));
  flex:0 0 calc(59px + env(safe-area-inset-top));
  align-items:flex-end;
  gap:18px;
  box-sizing:border-box;
  padding:calc(16px + env(safe-area-inset-top)) 15px 11px;
  overflow:hidden;
  border-bottom:1px solid #303945;
  white-space:nowrap;
}
.futures .fut-options-products>button:not(.fut-options-menu){
  flex:0 0 auto;
  height:27px;
  padding:0!important;
  color:#949ca7;
  font-size:16px;
  font-weight:500;
  line-height:27px;
}
.futures .fut-options-products>button.active{
  color:#f1f4f7;
  font-weight:600;
}
.futures .fut-options-menu{
  position:absolute;
  z-index:3;
  top:calc(22px + env(safe-area-inset-top));
  right:14px;
  display:grid;
  width:26px;
  height:25px;
  align-content:center;
  gap:4px;
  padding:0 3px!important;
  background:#1f2630!important;
  box-shadow:-14px 0 14px #1f2630;
}
.futures .fut-options-menu i{
  display:block;
  width:20px;
  height:1.4px;
  border-radius:2px;
  background:#aab2bc;
}
.futures .fut-options-contract-head{
  display:flex;
  min-height:84px;
  flex:0 0 84px;
  align-items:stretch;
  border-bottom:1px solid #2b3440;
}
.futures .fut-options-asset-wrap{
  position:relative;
  z-index:5;
  display:flex;
  width:157px;
  flex:0 0 157px;
  align-items:center;
  padding-left:15px;
}
.futures .fut-options-asset{
  display:grid;
  grid-template-columns:35px minmax(0,1fr) 8px;
  width:142px;
  align-items:center;
  gap:8px;
  padding:0!important;
  text-align:left;
}
.futures .fut-options-asset img{
  width:35px;
  height:35px;
  border-radius:50%;
  object-fit:cover;
}
.futures .fut-options-asset>span{display:grid;gap:1px;min-width:0;}
.futures .fut-options-asset strong{
  overflow:hidden;
  color:#f2f4f6;
  font-size:20px;
  font-weight:600;
  line-height:23px;
  text-overflow:ellipsis;
}
.futures .fut-options-asset small{
  color:#2ebd85;
  font-size:14px;
  line-height:18px;
}
.futures .fut-options-asset-menu{
  position:absolute;
  z-index:8;
  top:68px;
  left:9px;
  width:142px;
  padding:6px;
  border:1px solid #3b4552;
  border-radius:9px;
  background:#27313d;
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.futures .fut-options-asset-menu[hidden]{display:none!important;}
.futures .fut-options-asset-menu button{
  display:flex;
  width:100%;
  height:35px;
  align-items:center;
  justify-content:space-between;
  padding:0 9px!important;
  border-radius:6px!important;
  color:#dce1e7;
  font-size:13px;
}
.futures .fut-options-asset-menu button[aria-selected="true"]{
  color:#fcd434;
  background:#333e4b!important;
}
.futures .fut-options-expiries{
  display:flex;
  min-width:0;
  flex:1 1 auto;
  gap:4px;
  padding:10px 10px 9px 0;
  overflow-x:auto;
  scrollbar-width:none;
}
.futures .fut-options-expiries::-webkit-scrollbar{display:none;}
.futures .fut-options-expiries button{
  display:grid;
  min-width:74px;
  flex:0 0 74px;
  height:62px;
  place-content:center;
  gap:3px;
  padding:0 5px!important;
  border-radius:7px!important;
  color:#a3aab4;
  text-align:center;
}
.futures .fut-options-expiries button strong{
  font-size:14px;
  font-weight:500;
  line-height:18px;
}
.futures .fut-options-expiries button small{
  color:#7f8894;
  font-size:11px;
  line-height:14px;
}
.futures .fut-options-expiries button.active{
  color:#f0f3f7;
  background:#29323e!important;
}
.futures .fut-options-filterbar{
  display:flex;
  height:63px;
  flex:0 0 63px;
  align-items:center;
  justify-content:space-between;
  padding:0 15px;
  border-bottom:1px solid #313a46;
}
.futures .fut-options-filters{
  display:flex;
  height:100%;
  align-items:stretch;
  gap:21px;
}
.futures .fut-options-filters button{
  position:relative;
  padding:0 1px!important;
  color:#a8b0ba;
  font-size:16px;
  line-height:62px;
}
.futures .fut-options-filters button.active{color:#f4f6f8;}
.futures .fut-options-filters button.active::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:3px;
  border-radius:2px;
  background:#fcd434;
}
.futures .fut-options-tools{display:flex;align-items:center;gap:17px;}
.futures .fut-options-tools button{
  position:relative;
  display:flex;
  width:25px;
  height:28px;
  align-items:center;
  justify-content:center;
  padding:0!important;
  color:#e0e4e9;
}
.futures .fut-options-tools svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.futures .fut-options-tools button>span{
  position:absolute;
  left:2px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#cbd1d8;
}
.futures .fut-options-tools button>span:nth-child(1){top:6px;}
.futures .fut-options-tools button>span:nth-child(2){top:12px;}
.futures .fut-options-tools button>span:nth-child(3){top:18px;}
.futures .fut-options-tools button>em{
  position:absolute;
  top:1px;
  right:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fcd434;
}
.futures .fut-options-chain{
  position:relative;
  display:flex;
  min-height:0;
  flex:1 1 auto;
  flex-direction:column;
  overflow:hidden;
}
.futures .fut-options-columns,
.futures .fut-options-row{
  display:grid;
  grid-template-columns:1fr 1fr .78fr 1fr 1fr;
}
.futures .fut-options-columns{
  height:31px;
  flex:0 0 31px;
  border-bottom:1px solid #36404c;
  color:#9fa7b2;
  font-size:12px;
  line-height:30px;
  text-align:center;
}
.futures .fut-options-columns strong{
  border-right:1px solid #35404c;
  border-left:1px solid #35404c;
  color:#e7ebef;
  font-weight:400;
}
.futures .fut-options-rows{
  min-height:0;
  flex:1 1 auto;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
.futures .fut-options-rows::-webkit-scrollbar{display:none;}
.futures .fut-options-empty{
  display:grid;
  min-height:180px;
  place-items:center;
  color:#8f98a4;
  font-size:12px;
}
.futures .fut-options-row{
  min-height:64px;
  border-bottom:1px solid #303945;
  font-variant-numeric:tabular-nums;
}
.futures .fut-options-cell{
  display:grid;
  place-content:center;
  gap:4px;
  min-width:0;
  padding:5px 2px;
  color:#9ca5b0;
  font-size:13px;
  line-height:16px;
  text-align:center;
}
.futures .fut-options-cell b{font-size:14px;font-weight:400;}
.futures .fut-options-cell small{font-size:12px;line-height:14px;}
.futures .fut-options-cell.ask b{color:#f6465d;}
.futures .fut-options-cell.bid b{color:#2ebd85;}
.futures .fut-options-cell.call{background:rgba(36,95,79,.23);}
.futures .fut-options-cell.put{background:rgba(24,31,40,.25);}
.futures .fut-options-cell.strike{
  border-right:1px solid #35404c;
  border-left:1px solid #35404c;
  background:#1f2630;
  color:#eef1f4;
  font-size:15px;
  font-weight:400;
}
.futures .fut-options-row[data-filter="call"] .put b,
.futures .fut-options-row[data-filter="call"] .put small,
.futures .fut-options-row[data-filter="put"] .call b,
.futures .fut-options-row[data-filter="put"] .call small{visibility:hidden;}
.futures .fut-options-loading{
  position:absolute;
  z-index:4;
  inset:31px 0 29px;
  display:none;
  place-content:center;
  gap:10px;
  color:#929aa5;
  background:#1f2630;
  font-size:12px;
  text-align:center;
}
.futures .fut-options-loading.show{display:grid;}
.futures .fut-options-loading i{
  width:25px;
  height:25px;
  margin:auto;
  border:2px solid rgba(240,185,11,.18);
  border-top-color:#fcd434;
  border-radius:50%;
  animation:futSpin .75s linear infinite;
}
.futures .fut-options-index{
  display:flex;
  height:29px;
  flex:0 0 29px;
  align-items:center;
  justify-content:center;
  gap:4px;
  border-top:1px solid #36404c;
  background:#29323e;
  color:#d7dce2;
  font-size:11px;
}
.futures .fut-options-index strong{font-weight:400;}
.futures .fut-options-index i{
  width:6px;
  height:6px;
  border-top:1px solid #9ba4af;
  border-left:1px solid #9ba4af;
  transform:rotate(45deg) translateY(2px);
}
@media(max-width:380px){
  .futures .fut-options-products{gap:14px;padding-inline:12px;}
  .futures .fut-options-products>button:not(.fut-options-menu){font-size:14px;}
  .futures .fut-options-menu{right:11px;}
  .futures .fut-options-asset-wrap{width:140px;flex-basis:140px;padding-left:12px;}
  .futures .fut-options-asset{width:128px;grid-template-columns:32px minmax(0,1fr) 7px;gap:6px;}
  .futures .fut-options-asset img{width:32px;height:32px;}
  .futures .fut-options-asset strong{font-size:18px;}
  .futures .fut-options-expiries button{min-width:67px;flex-basis:67px;}
  .futures .fut-options-filterbar{padding-inline:12px;}
  .futures .fut-options-filters{gap:18px;}
  .futures .fut-options-tools{gap:13px;}
  .futures .fut-options-row{min-height:59px;}
  .futures .fut-options-cell{font-size:11px;}
  .futures .fut-options-cell b{font-size:12px;}
  .futures .fut-options-cell small{font-size:10px;}
  .futures .fut-options-cell.strike{font-size:13px;}
}

/* v725: native Futures Up/Down product page. */
.futures.updown-page-open{z-index:19;}
.futures.updown-page-open .fut-chart-section{visibility:hidden!important;}
.futures .fut-updown-page{
  position:absolute;
  z-index:16;
  inset:0 0 var(--fut-bottom-nav-clearance);
  display:flex;
  min-height:0;
  flex-direction:column;
  overflow:hidden;
  color:#e9edf2;
  background:#1f2630;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(100%,0,0);
  transition:transform .36s cubic-bezier(.32,.72,0,1),visibility 0s linear .36s;
  will-change:transform;
}
.futures .fut-updown-page.open{
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0);
  transition:transform .36s cubic-bezier(.32,.72,0,1),visibility 0s;
}
.futures .fut-updown-page.closing{visibility:visible;}
.futures .fut-updown-page button{min-width:0;}
.futures .fut-updown-products{
  position:relative;
  display:flex;
  height:70px;
  flex:0 0 70px;
  align-items:flex-end;
  gap:20px;
  padding:calc(13px + env(safe-area-inset-top)) 54px 13px 20px;
  border-bottom:1px solid #343d48;
  overflow-x:auto;
  scrollbar-width:none;
}
.futures .fut-updown-products::-webkit-scrollbar{display:none;}
.futures .fut-updown-products>button:not(.fut-updown-menu){
  position:relative;
  flex:0 0 auto;
  padding:0!important;
  color:#a6adb7;
  font-size:16px;
  font-weight:600;
  line-height:25px;
  white-space:nowrap;
}
.futures .fut-updown-products>button.active{color:#f2f4f7;}
.futures .fut-updown-products>button.active::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-13px;
  left:0;
  height:3px;
  border-radius:2px;
  background:#fcd434;
}
.futures .fut-updown-menu{
  position:absolute;
  z-index:3;
  right:15px;
  bottom:11px;
  display:grid;
  width:26px;
  height:30px;
  place-content:center;
  gap:4px;
  padding:0!important;
  background:#1f2630!important;
}
.futures .fut-updown-menu i{display:block;width:21px;height:2px;border-radius:2px;background:#cad0d7;}
.futures .fut-updown-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;}
.futures .fut-updown-scroll::-webkit-scrollbar{display:none;}
.futures .fut-updown-summary{padding:14px 20px 0;}
.futures .fut-updown-title{display:flex;align-items:center;gap:8px;}
.futures .fut-updown-title strong{font-size:18px;line-height:24px;}
.futures .fut-updown-title .fut-caret{border-width:5px 4px 0;}
.futures .fut-updown-expiry{
  position:relative;
  display:flex;
  align-items:center;
  min-height:44px;
  color:#9ca5b0;
  font-size:13px;
}
.futures .fut-updown-expiry b{margin-left:5px;color:#e9edf2;font-weight:500;}
.futures .fut-updown-expiry button{
  position:absolute;
  right:0;
  display:flex;
  height:25px;
  align-items:center;
  gap:7px;
  padding:0 8px!important;
  border-radius:5px!important;
  color:#e3e7eb;
  background:#3b4552!important;
  font-size:12px;
}
.futures .fut-updown-expiry button i{width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);}
.futures .fut-updown-metrics{display:grid;grid-template-columns:1fr 1.15fr .72fr;gap:14px;padding:8px 0 5px;}
.futures .fut-updown-metrics>span{display:grid;gap:3px;min-width:0;}
.futures .fut-updown-metrics>span:last-child{text-align:right;}
.futures .fut-updown-metrics small{color:#9ca5b0;font-size:12px;white-space:nowrap;}
.futures .fut-updown-metrics small em{margin-left:3px;color:#f6465d;font-style:normal;}
.futures .fut-updown-metrics strong{font-size:19px;font-weight:600;line-height:24px;white-space:nowrap;}
.futures .fut-updown-chart{position:relative;height:190px;margin:0 0 3px;overflow:hidden;}
.futures .fut-updown-chart svg{position:absolute;inset:5px 0 18px;width:100%;height:165px;overflow:visible;}
.futures .fut-updown-grid path{fill:none;stroke:#2b3541;stroke-width:1;vector-effect:non-scaling-stroke;}
.futures .fut-updown-target{fill:none;stroke:#7b8490;stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke;}
.futures .fut-updown-chart-path{fill:none;stroke:#2ebd85;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;}
.futures .fut-updown-chart-dot{fill:#2ebd85;stroke:rgba(46,189,133,.3);stroke-width:6;vector-effect:non-scaling-stroke;}
.futures .fut-updown-target-label{position:absolute;top:2px;right:15px;padding:1px 7px;border-radius:8px;background:#48515e;color:#d5dae0;font-size:10px;}
.futures .fut-updown-axis-label{position:absolute;right:15px;color:#737d89;font-size:10px;}
.futures .fut-updown-axis-label.a{top:36px}.futures .fut-updown-axis-label.b{top:76px}.futures .fut-updown-axis-label.c{top:116px}.futures .fut-updown-axis-label.d{top:151px}
.futures .fut-updown-chart-times{position:absolute;right:20px;bottom:0;left:20px;display:flex;justify-content:space-between;color:#737d89;font-size:10px;}
.futures .fut-updown-windows{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 20px 11px;}
.futures .fut-updown-windows button{height:31px;flex:1 1 0;padding:0 8px!important;border:1px solid transparent;border-radius:16px!important;color:#dde2e7;background:#2a333e!important;font-size:13px;white-space:nowrap;}
.futures .fut-updown-windows button.active{border-color:#2ebd85;color:#e8ecef;background:#25343a!important;box-shadow:inset 0 0 0 1px rgba(46,189,133,.22);}
.futures .fut-updown-windows .fut-caret{display:inline-block;margin-left:4px;}
.futures .fut-updown-direction{display:grid;height:44px;margin:0 20px;grid-template-columns:1fr 1fr;border-radius:5px;overflow:hidden;background:#29323e;}
.futures .fut-updown-direction button{position:relative;color:#8f98a4;background:transparent!important;font-size:19px;}
.futures .fut-updown-direction button.active{color:#151b23;background:#fcd434!important;}
.futures .fut-updown-direction button:first-child.active{clip-path:polygon(0 0,100% 0,91% 100%,0 100%);}
.futures .fut-updown-direction button:last-child.active{clip-path:polygon(9% 0,100% 0,100% 100%,0 100%);}
.futures .fut-updown-trade{display:grid;grid-template-columns:43% 57%;min-height:335px;padding:12px 20px 0;}
.futures .fut-updown-book{min-width:0;padding-right:14px;}
.futures .fut-updown-book-head{display:grid;grid-template-columns:1fr 1fr;color:#7f8995;font-size:11px;line-height:14px;}
.futures .fut-updown-book-head span:last-child{text-align:right;}
.futures .fut-updown-book-list{padding-top:2px;font-variant-numeric:tabular-nums;}
.futures .fut-updown-book-row{display:grid;height:22px;grid-template-columns:1fr 1fr;align-items:center;font-size:12px;}
.futures .fut-updown-book-row span:last-child{text-align:right;color:#d3d8de;}
.futures .fut-updown-book-row.ask span:first-child{color:#f6465d;}.futures .fut-updown-book-row.bid span:first-child{color:#2ebd85;}
.futures .fut-updown-book-row.mid{height:29px;color:#e9edf2;font-size:20px;font-weight:600;}.futures .fut-updown-book-row.mid span:last-child{display:none;}
.futures .fut-updown-order{display:grid;align-content:start;gap:9px;min-width:0;}
.futures .fut-updown-order-side{display:grid;height:34px;grid-template-columns:1fr 1fr;border:1px solid #3a4552;border-radius:5px;overflow:hidden;}
.futures .fut-updown-order-side button{color:#a1a9b4;font-size:14px;}.futures .fut-updown-order-side button.active{color:#eef2f5;background:#2ebd85!important;}
.futures .fut-updown-order-type,.futures .fut-updown-price-field,.futures .fut-updown-amount-field{height:42px;border-radius:6px!important;background:#29323e!important;}
.futures .fut-updown-order-type{display:flex;align-items:center;justify-content:space-between;padding:0 13px!important;color:#e8ecf0;font-size:15px;}
.futures .fut-updown-price-field{display:block;}.futures .fut-updown-price-field input{width:100%;height:100%;padding:0 13px;border:0;outline:0;color:#7f8995;background:transparent;text-align:center;font:inherit;}
.futures .fut-updown-amount-field{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;}
.futures .fut-updown-amount-field input{width:100%;min-width:0;border:0;outline:0;color:#e9edf2;background:transparent;text-align:center;font-size:13px;font-family:inherit;}
.futures .fut-updown-amount-field button{height:100%;padding:0!important;color:#9ba4af;font-size:20px;}
.futures .fut-updown-available,.futures .fut-updown-to-win{display:flex;align-items:center;justify-content:space-between;color:#8f98a4;font-size:11px;}.futures .fut-updown-available b,.futures .fut-updown-to-win b{color:#e5e9ed;font-size:12px;}
.futures .fut-updown-range{position:relative;height:23px;}.futures .fut-updown-range input{position:absolute;inset:0;width:100%;margin:0;accent-color:#2ebd85;}.futures .fut-updown-range span{position:absolute;inset:9px 5px auto;display:flex;justify-content:space-between;pointer-events:none;}.futures .fut-updown-range span i{width:6px;height:6px;border:1px solid #3d4855;border-radius:50%;background:#29323e;}
.futures .fut-updown-auto{display:flex;align-items:center;justify-content:space-between;padding:0!important;color:#75808c;font-size:11px;text-align:left;}.futures .fut-updown-auto i{font-size:18px;font-style:normal;}
.futures .fut-updown-submit{position:relative;display:grid;height:46px;place-items:center;border-radius:6px!important;color:#fff;background:#278467!important;font-size:15px;font-weight:600;}.futures .fut-updown-submit.loading span{visibility:hidden;}.futures .fut-updown-submit.loading::after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:futSpin .7s linear infinite;}
.futures .fut-updown-records{min-height:150px;margin-top:6px;border-top:1px solid #333d49;padding:0 20px 25px;}
.futures .fut-updown-record-tabs{display:flex;height:54px;align-items:stretch;gap:25px;overflow-x:auto;scrollbar-width:none;}.futures .fut-updown-record-tabs::-webkit-scrollbar{display:none;}
.futures .fut-updown-record-tabs button{position:relative;flex:0 0 auto;padding:0!important;color:#9da6b1;font-size:15px;}.futures .fut-updown-record-tabs button.active{color:#eef1f4;}.futures .fut-updown-record-tabs button.active::after{content:"";position:absolute;right:0;bottom:4px;left:0;height:3px;border-radius:2px;background:#fcd434;}
.futures .fut-updown-hide{display:flex;align-items:center;gap:8px;color:#d8dde2;font-size:12px;}.futures .fut-updown-hide input{position:absolute;opacity:0;}.futures .fut-updown-hide i{display:block;width:20px;height:20px;border:1px solid #65707c;border-radius:4px;}.futures .fut-updown-hide input:checked+i{border-color:#fcd434;background:#fcd434;box-shadow:inset 0 0 0 4px #1f2630;}
.futures .fut-updown-empty{padding:28px 0;color:#707a86;font-size:12px;text-align:center;}
@media(max-width:380px){
  .futures .fut-updown-products{gap:14px;padding-right:50px;padding-left:13px;}
  .futures .fut-updown-products>button:not(.fut-updown-menu){font-size:14px;}
  .futures .fut-updown-summary,.futures .fut-updown-windows,.futures .fut-updown-trade,.futures .fut-updown-records{padding-right:14px;padding-left:14px;}
  .futures .fut-updown-direction{margin-inline:14px;}
  .futures .fut-updown-metrics{gap:7px;}.futures .fut-updown-metrics strong{font-size:16px;}.futures .fut-updown-metrics small{font-size:10px;}
  .futures .fut-updown-chart{height:176px;}.futures .fut-updown-windows{gap:4px;}.futures .fut-updown-windows button{padding-inline:5px!important;font-size:11px;}
  .futures .fut-updown-trade{grid-template-columns:42% 58%;}.futures .fut-updown-book{padding-right:9px;}
  .futures .fut-updown-record-tabs{gap:19px;}.futures .fut-updown-record-tabs button{font-size:13px;}
}
@media(prefers-reduced-motion:reduce){.futures .fut-updown-page{transition-duration:.01ms!important;}}

/* v727: dedicated Smart Money trader-ranking page. */
.futures.smart-page-open{z-index:45;}
.futures .fut-smart-page{
  position:absolute;
  z-index:30;
  inset:0;
  display:flex;
  min-height:0;
  flex-direction:column;
  color:#e9edf2;
  background:#1f2630;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(100%,0,0);
  transition:transform .36s cubic-bezier(.32,.72,0,1),visibility 0s linear .36s;
  will-change:transform;
}
.futures .fut-smart-page.open{
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0);
  transition:transform .36s cubic-bezier(.32,.72,0,1),visibility 0s;
}
.futures .fut-smart-page.closing{visibility:visible;}
.futures .fut-smart-page[hidden]{display:none!important;}
.futures .fut-smart-page button{min-width:0;}
.futures .fut-smart-header{
  position:relative;
  display:grid;
  min-height:calc(70px + env(safe-area-inset-top));
  flex:0 0 calc(70px + env(safe-area-inset-top));
  grid-template-columns:74px 1fr 86px;
  align-items:end;
  padding:calc(14px + env(safe-area-inset-top)) 15px 13px;
}
.futures .fut-smart-header>button{display:grid;width:36px;height:38px;place-items:center;padding:0!important;}
.futures .fut-smart-header>button svg{width:25px;height:25px;stroke:#edf1f4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.futures .fut-smart-header h2{align-self:center;margin:8px 0 0;color:#f4f6f8;font-size:20px;font-weight:600;line-height:28px;text-align:center;}
.futures .fut-smart-header>div{display:flex;align-items:center;justify-content:flex-end;gap:17px;}
.futures .fut-smart-header>div button{display:grid;width:30px;height:36px;place-items:center;padding:0!important;}
.futures .fut-smart-header>div svg{width:25px;height:25px;stroke:#edf1f4;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.futures .fut-smart-header>div img{width:30px;height:30px;border-radius:50%;object-fit:cover;}
.futures .fut-smart-tabs{display:grid;height:58px;flex:0 0 58px;grid-template-columns:1.12fr .9fr .96fr;border-bottom:1px solid #2d3743;}
.futures .fut-smart-tabs button{position:relative;padding:0 4px!important;color:#969faa;font-size:16px;white-space:nowrap;}
.futures .fut-smart-tabs button.active{color:#f1f4f7;}
.futures .fut-smart-tabs button.active::after{content:"";position:absolute;bottom:0;left:50%;width:25px;height:3px;border-radius:2px;background:#fcd434;transform:translateX(-50%);}
.futures .fut-smart-body{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;}
.futures .fut-smart-body::-webkit-scrollbar{display:none;}
.futures .fut-smart-panel{display:none;min-height:100%;}.futures .fut-smart-panel.active{display:block;}
.futures .fut-smart-filters{display:grid;height:59px;grid-template-columns:65px 86px 1fr 40px 40px;align-items:center;padding:0 13px;}
.futures .fut-smart-filters button{display:flex;height:34px;align-items:center;justify-content:center;gap:7px;padding:0 10px!important;border-radius:5px!important;color:#a0a8b2;font-size:13px;}
.futures .fut-smart-filters button.selected{color:#e1e5e9;background:#2b3441!important;}
.futures .fut-smart-filters button svg{width:22px;height:22px;stroke:#e5e9ed;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.futures .fut-smart-copy-only{display:flex;width:max-content;align-items:center;gap:8px;margin:0 20px 12px;color:#e4e8ec;font-size:13px;}
.futures .fut-smart-copy-only input{position:absolute;opacity:0;}
.futures .fut-smart-copy-only i{display:block;width:21px;height:21px;border:1px solid #697583;border-radius:4px;background:#202833;}
.futures .fut-smart-copy-only input:checked+i{border-color:#fcd434;background:#fcd434;box-shadow:inset 0 0 0 4px #202833;}
.futures .fut-smart-searchbox{display:flex;height:43px;align-items:center;gap:9px;margin:0 18px 12px;padding:0 11px;border-radius:7px;background:#2a3440;}
.futures .fut-smart-searchbox[hidden]{display:none!important;}
.futures .fut-smart-searchbox svg{width:19px;height:19px;stroke:#8f99a5;stroke-width:1.7;stroke-linecap:round;}
.futures .fut-smart-searchbox input{min-width:0;flex:1;border:0;outline:0;color:#e9edf2;background:transparent;font-size:13px;}
.futures .fut-smart-searchbox button{width:26px;height:30px;padding:0!important;color:#8f99a5;font-size:23px;}
.futures .fut-smart-trader{padding:17px 20px 18px;border-bottom:1px solid #313a46;}
.futures .fut-smart-trader[hidden]{display:none!important;}
.futures .fut-smart-trader-head{display:flex;align-items:center;gap:12px;}
.futures .fut-smart-avatar{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;overflow:hidden;border-radius:50%;font-size:29px;}
.futures .fut-smart-avatar.woman{background:linear-gradient(145deg,#425366,#e4bd9e);}
.futures .fut-smart-avatar.hero{background:radial-gradient(circle at 48% 42%,#fcd434 0 45%,#28333e 46% 100%);}
.futures .fut-smart-avatar.cat{background:linear-gradient(145deg,#eef0e8,#9a7c56);}
.futures .fut-smart-avatar.profile{background:#eef2f5;}.futures .fut-smart-avatar.profile img{width:100%;height:100%;object-fit:cover;}
.futures .fut-smart-name{display:grid;min-width:0;flex:1;gap:4px;}.futures .fut-smart-name strong{overflow:hidden;color:#f1f4f7;font-size:16px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;}.futures .fut-smart-name small{color:#838d99;font-size:11px;}
.futures .fut-smart-trader-head>button{height:33px;padding:0 11px!important;border-radius:7px!important;color:#1d242c;background:#fcd434!important;font-size:12px;font-weight:500;white-space:nowrap;}
.futures .fut-smart-trader-head>button.subscribed{color:#dce1e6;background:#343e4a!important;}
.futures .fut-smart-tags{display:flex;gap:5px;margin-top:12px;}
.futures .fut-smart-tags span{padding:2px 5px;border-radius:2px;color:#cfd5db;background:#28313d;font-size:10px;line-height:16px;}.futures .fut-smart-tags span.position{color:#2ebd85;background:rgba(46,189,133,.1);}
.futures .fut-smart-stats{display:grid;grid-template-columns:1fr .7fr;gap:15px;margin-top:15px;}
.futures .fut-smart-stats>span{display:grid;gap:5px;}.futures .fut-smart-stats>span:last-child{text-align:right;}.futures .fut-smart-stats small,.futures .fut-smart-chartline small{color:#8c96a2;font-size:12px;}.futures .fut-smart-stats strong{color:#2ebd85;font-size:20px;font-weight:600;line-height:25px;}
.futures .fut-smart-chartline{display:grid;grid-template-columns:150px 1fr;align-items:end;gap:12px;margin-top:16px;}
.futures .fut-smart-chartline svg{width:145px;height:48px;overflow:visible;}.futures .fut-smart-chartline path{fill:none;stroke:#2ebd85;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;}.futures .fut-smart-chartline path.loss{stroke:#f6465d;}
.futures .fut-smart-chartline>span{display:grid;gap:6px;text-align:right;}.futures .fut-smart-chartline strong{color:#edf1f4;font-size:17px;font-weight:500;}
.futures .fut-smart-panel-empty{display:grid;min-height:360px;place-content:center;gap:10px;padding:25px;color:#8e98a3;text-align:center;}.futures .fut-smart-panel-empty i{color:#fcd434;font-size:44px;font-style:normal;}.futures .fut-smart-panel-empty strong{color:#e8ecf0;font-size:16px;}.futures .fut-smart-panel-empty span{font-size:12px;}
.futures .fut-smart-signal-card{position:relative;display:grid;gap:7px;margin:16px 18px;padding:17px;border:1px solid #343e4a;border-radius:9px;background:#252e3a;}.futures .fut-smart-signal-card span{color:#f1f4f7;font-size:17px;font-weight:600;}.futures .fut-smart-signal-card b{color:#2ebd85;font-size:14px;}.futures .fut-smart-signal-card em{color:#8e98a3;font-size:12px;font-style:normal;}.futures .fut-smart-signal-card strong{position:absolute;top:19px;right:17px;color:#2ebd85;font-size:16px;}
.futures .fut-smart-no-results{padding:70px 20px;color:#8d97a3;text-align:center;}
@media(max-width:380px){
  .futures .fut-smart-header{grid-template-columns:60px 1fr 76px;padding-inline:12px;}.futures .fut-smart-header h2{font-size:18px;}
  .futures .fut-smart-tabs button{font-size:14px;}
  .futures .fut-smart-trader{padding-inline:15px;}.futures .fut-smart-trader-head{gap:9px;}.futures .fut-smart-trader-head>button{padding-inline:8px!important;font-size:11px;}
  .futures .fut-smart-chartline{grid-template-columns:130px 1fr;gap:8px;}.futures .fut-smart-chartline svg{width:126px;}.futures .fut-smart-chartline strong{font-size:15px;}.futures .fut-smart-stats strong{font-size:18px;}
}
@media(prefers-reduced-motion:reduce){.futures .fut-smart-page{transition-duration:.01ms!important;}}

/* Futures focus parity v748 — text-entry taps do not draw a yellow box. */
.futures .fut-order-form input[type="text"]:focus,
.futures #futTpInput:focus,
.futures #futSlInput:focus {
  outline: 0 !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

/* Futures time-in-force picker v763. */
.futures .fut-tif-sheet {
  height: min(520px, calc(100dvh - 72px));
  padding: 13px 15px calc(22px + env(safe-area-inset-bottom));
}
.futures .fut-tif-sheet h2 {
  margin: 6px 0 28px;
  font-size: 20px;
  line-height: 26px;
}
.futures .fut-tif-list {
  display: grid;
  gap: 14px;
}
.futures .fut-tif-option {
  width: 100%;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 16px 20px !important;
  border: 1px solid #3b4653 !important;
  border-radius: 12px !important;
  background: transparent !important;
  text-align: left;
  touch-action: manipulation;
}
.futures .fut-tif-option.active {
  border-color: #eef2f6 !important;
  box-shadow: inset 0 0 0 1px #eef2f6;
}
.futures .fut-tif-option strong {
  color: #f4f6f8;
  font-size: 17px;
  line-height: 23px;
  font-weight: 500;
}
.futures .fut-tif-option span {
  margin-top: 5px;
  color: #9aa3ae;
  font-size: 14px;
  line-height: 20px;
}

/* Contract detail More Settings v768. */
.futures .fut-detail-settings-sheet {
  height: 56dvh;
  min-height: min(480px, calc(100dvh - 72px));
  max-height: min(620px, calc(100dvh - 72px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 13px 20px calc(20px + env(safe-area-inset-bottom));
}
.futures .fut-detail-settings-sheet h2 {
  margin: 5px 0 10px;
  font-size: 21px;
  line-height: 28px;
}
.futures .fut-detail-settings-list {
  display: flex;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
}
.futures .fut-detail-settings-row {
  width: 100%;
  min-height: 48px;
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 !important;
  color: #f1f4f7 !important;
  background: transparent !important;
  font-size: 16px !important;
  line-height: 21px;
  text-align: left;
}
.futures .fut-detail-settings-row > span {
  min-width: 0;
  flex: 1 1 auto;
}
.futures .fut-detail-settings-row > b {
  flex: 0 1 auto;
  overflow: hidden;
  color: #959eaa;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.futures .fut-detail-settings-chevron {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  margin-left: 2px;
  border-top: 1.5px solid #7f8995;
  border-right: 1.5px solid #7f8995;
  transform: rotate(45deg);
}
.futures .fut-detail-settings-toggle { cursor: pointer; }
.futures .fut-detail-settings-toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.futures .fut-detail-settings-toggle > i {
  position: relative;
  width: 31px;
  height: 18px;
  flex: 0 0 31px;
  border-radius: 10px;
  background: #596472;
  transition: background .2s ease;
}
.futures .fut-detail-settings-toggle > i::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #f6f7f8;
  transition: transform .2s ease;
}
.futures .fut-detail-settings-toggle input:checked + i { background: #fcd535; }
.futures .fut-detail-settings-toggle input:checked + i::after { transform: translateX(13px); }
.futures .fut-detail-settings-toggle small {
  display: inline-grid;
  width: 18px;
  height: 18px;
  margin-left: 3px;
  place-items: center;
  border: 1px solid #8a949f;
  border-radius: 50%;
  color: #8a949f;
  font-size: 11px;
  font-weight: 500;
  vertical-align: 1px;
}
.futures .fut-detail-chart-mode > div {
  width: min(268px, 46vw);
  height: 43px;
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: 1fr 1fr;
  padding: 4px;
  border-radius: 7px;
  background: #28313d;
}
.futures .fut-detail-chart-mode > div button {
  border-radius: 6px !important;
  color: #969fab;
  font-size: 15px;
}
.futures .fut-detail-chart-mode > div button.active {
  color: #f1f4f7;
  background: #343e4c !important;
}
.futures .fut-detail-color-preview {
  display: inline-flex;
  gap: 0;
  font-size: 24px !important;
  line-height: 24px !important;
}
.futures .fut-detail-color-preview em { color: #2ebd85; font-style: normal; }
.futures .fut-detail-color-preview strong { color: #f6465d; font-weight: 400; }
@media (max-width: 420px) {
  .futures .fut-detail-settings-sheet { padding-inline: 16px; }
  .futures .fut-detail-settings-row { min-height: 46px; font-size: 14px !important; }
  .futures .fut-detail-settings-row > b { max-width: 112px; font-size: 12px; }
  .futures .fut-detail-chart-mode > div { width: min(205px, 46vw); }
  .futures .fut-detail-chart-mode > div button { font-size: 13px; }
}

/* Contract detail Trading Hub v769. */
.futures .fut-trading-hub-sheet {
  height: 77dvh;
  max-height: min(760px, calc(100dvh - 72px));
  padding: 13px 20px calc(22px + env(safe-area-inset-bottom));
}
.futures .fut-trading-hub-sheet h2 {
  margin: 5px 0 27px;
  font-size: 21px;
  line-height: 28px;
}
.futures .fut-trading-hub-note {
  margin: 0 0 18px;
  color: #a0a8b2;
  font-size: 13px;
  line-height: 18px;
}
.futures .fut-trading-hub-list {
  display: grid;
  gap: 8px;
}
.futures .fut-trading-hub-item {
  width: 100%;
  min-height: 70px;
  display: grid;
  grid-template-columns: 12px 28px minmax(0, 1fr) 10px;
  align-items: center;
  gap: 10px;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  color: #f0f3f6 !important;
  background: #293340 !important;
  text-align: left;
  touch-action: manipulation;
}
.futures .fut-trading-hub-grip {
  width: 10px;
  height: 22px;
  background: radial-gradient(circle, #76818d 1.25px, transparent 1.4px) 0 0 / 5px 5px;
  opacity: .8;
}
.futures .fut-trading-hub-icon {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: #edf1f4;
  font-size: 23px;
  line-height: 28px;
}
.futures .fut-trading-hub-item > span:not(.fut-trading-hub-icon) {
  min-width: 0;
  display: grid;
  gap: 5px;
}
.futures .fut-trading-hub-item strong {
  color: #f3f5f7;
  font-size: 17px;
  line-height: 22px;
  font-weight: 500;
}
.futures .fut-trading-hub-item em {
  overflow: hidden;
  color: #a0a8b2;
  font-size: 13px;
  line-height: 18px;
  font-style: normal;
  text-overflow: ellipsis;
}
.futures .fut-trading-hub-pin {
  display: inline-grid;
  width: 31px;
  height: 31px;
  margin-left: 4px;
  place-items: center;
  border: 1px solid #6d632b;
  border-radius: 5px;
  color: #fcd535;
  background: #313641;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  vertical-align: -5px;
}
.futures .fut-trading-hub-chevron {
  width: 9px;
  height: 9px;
  border-top: 1.5px solid #e3e7eb;
  border-right: 1.5px solid #e3e7eb;
  transform: rotate(45deg);
}
@media (max-width: 420px) {
  .futures .fut-trading-hub-sheet { padding-inline: 16px; }
  .futures .fut-trading-hub-sheet h2 { margin-bottom: 23px; }
  .futures .fut-trading-hub-note { font-size: 12px; line-height: 17px; }
  .futures .fut-trading-hub-item {
    min-height: 70px;
    grid-template-columns: 10px 25px minmax(0, 1fr) 9px;
    gap: 8px;
    padding: 9px 13px !important;
  }
  .futures .fut-trading-hub-icon { width: 25px; height: 25px; font-size: 20px; }
  .futures .fut-trading-hub-item strong { font-size: 15px; line-height: 20px; }
  .futures .fut-trading-hub-item em { font-size: 12px; line-height: 17px; }
}

/* v771: interactive Futures chart tools, matching the Spot chart controls. */
.futures .fut-detail-chart-tools button {
  width: 22px;
  height: 26px;
  display: grid;
  flex: 0 0 22px;
  place-items: center;
  padding: 0 !important;
  border-radius: 4px;
  color: #aab2bb;
}
.futures .fut-detail-chart-tools button:active,
.futures .fut-detail-chart-tools button.active,
.futures .fut-detail-chart-tools button[aria-pressed="true"] { color: #f4f6f8; background: #2b3542; }
.futures .fut-detail-chart-tools button svg { pointer-events: none; }

.futures .fut-detail-floating-chart {
  position: absolute;
  z-index: 42;
  top: 150px;
  right: 9px;
  width: 214px;
  height: 282px;
  box-sizing: border-box;
  padding: 14px 13px 12px;
  overflow: hidden;
  border: 1px solid #3a4552;
  border-radius: 24px;
  color: #eef2f5;
  background: rgba(25, 32, 42, .98);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .46);
  opacity: 0;
  transform: scale(.94) translateY(6px);
  transform-origin: top right;
  transition: opacity .18s ease, transform .18s ease;
  touch-action: none;
  user-select: none;
}
.futures .fut-detail-floating-chart[hidden] { display: none !important; }
.futures .fut-detail-floating-chart.open { opacity: 1; transform: scale(1) translateY(0); }
.futures .fut-detail-floating-chart.dragging { transition: none; cursor: grabbing; }
.futures .fut-detail-floating-brand { color: #fcd535; font-size: 10px; line-height: 14px; letter-spacing: .04em; }
.futures .fut-detail-floating-pair { display: flex; align-items: center; gap: 5px; margin-top: 9px; font-size: 12px; }
.futures .fut-detail-floating-pair span { color: #929ba6; }
.futures .fut-detail-floating-price { margin-top: 7px; font-size: 22px; line-height: 27px; font-weight: 600; }
.futures .fut-detail-floating-change { margin-top: 1px; color: var(--fut-green); font-size: 12px; }
.futures .fut-detail-floating-change.down { color: var(--fut-red); }
.futures #futDetailFloatingCanvas { width: 100%; height: 158px; display: block; margin-top: 7px; }
.futures .fut-detail-floating-chart > small { display: block; margin-top: 4px; color: #7f8995; font-size: 9px; text-align: center; }

.futures .fut-detail-chart-settings {
  position: absolute;
  z-index: 55;
  inset: 0;
  display: flex;
  align-items: flex-end;
  background: rgba(4, 8, 13, .72);
  opacity: 0;
  transition: opacity .25s ease;
}
.futures .fut-detail-chart-settings[hidden] { display: none !important; }
.futures .fut-detail-chart-settings.open { opacity: 1; }
.futures .fut-detail-chart-settings-sheet {
  width: 100%;
  max-height: min(72dvh, 650px);
  box-sizing: border-box;
  padding: 8px 16px calc(22px + env(safe-area-inset-bottom));
  overflow-y: auto;
  border-radius: 18px 18px 0 0;
  color: #eef2f5;
  background: #202936;
  transform: translateY(102%);
  transition: transform .32s cubic-bezier(.22,.78,.25,1);
}
.futures .fut-detail-chart-settings.open .fut-detail-chart-settings-sheet { transform: translateY(0); }
.futures .fut-detail-chart-sheet-handle { display: block; width: 36px; height: 4px; margin: 0 auto 18px; border-radius: 4px; background: #687280; }
.futures .fut-detail-chart-tool-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.futures .fut-detail-chart-tool-grid button { min-width: 0; display: grid; justify-items: center; gap: 7px; padding: 3px 0 8px !important; color: #a4adb8; }
.futures .fut-detail-chart-tool-grid button > span { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 7px; background: #2b3542; color: #dce2e8; font-size: 18px; }
.futures .fut-detail-chart-tool-grid button > b { overflow: hidden; font-size: 10px; line-height: 14px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.futures .fut-detail-chart-tool-grid button.selected > span,
.futures .fut-detail-chart-tool-grid button[aria-pressed="true"] > span { color: #fcd535; box-shadow: inset 0 0 0 1px #756a27; }
.futures .fut-detail-chart-settings-sheet h3 { display: flex; align-items: center; gap: 6px; margin: 20px 0 11px; font-size: 14px; font-weight: 500; }
.futures .fut-detail-chart-settings-sheet h3 i { width: 15px; height: 15px; display: grid; place-items: center; border: 1px solid #7d8793; border-radius: 50%; color: #8f99a5; font-size: 9px; font-style: normal; }
.futures .fut-detail-chart-option-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.futures .fut-detail-chart-option-grid button { min-height: 42px; padding: 8px 10px !important; border: 1px solid #35404d !important; border-radius: 7px; color: #a5aeb9; background: #252f3c; font-size: 11px !important; text-align: left; }
.futures .fut-detail-chart-option-grid button.selected,
.futures .fut-detail-chart-option-grid button[aria-pressed="true"] { border-color: #798390 !important; color: #f1f4f6; background: #303a47; }
.futures .fut-detail-page.chart-indicators-hidden .fut-detail-ma,
.futures .fut-detail-page.chart-indicators-hidden .fut-detail-volume-label,
.futures .fut-detail-page.chart-indicators-hidden .fut-detail-volume-chart,
.futures .fut-detail-page.chart-indicators-hidden .fut-detail-indicators { display: none !important; }

.futures .fut-detail-multiple-charts {
  position: absolute;
  z-index: 50;
  inset: 0;
  display: flex;
  flex-direction: column;
  color: #eef2f5;
  background: #1b232e;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(100%);
  transition: transform .34s cubic-bezier(.32,.72,0,1), visibility 0s .34s;
}
.futures .fut-detail-multiple-charts[hidden] { display: none !important; }
.futures .fut-detail-multiple-charts.open { visibility: visible; pointer-events: auto; transform: translateX(0); transition-delay: 0s; }
.futures .fut-detail-multiple-charts.closing { visibility: visible; }
.futures .fut-detail-multiple-charts > header { min-height: 58px; display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; padding: calc(5px + env(safe-area-inset-top)) 9px 4px; border-bottom: 1px solid #2a3340; }
.futures .fut-detail-multiple-charts > header button { height: 42px; display: grid; place-items: center; padding: 0 !important; font-size: 20px; }
.futures .fut-detail-multiple-charts > header svg { width: 23px; height: 23px; stroke: currentColor; stroke-width: 1.7; }
.futures .fut-detail-multiple-charts > header strong { font-size: 18px; text-align: center; }
.futures .fut-detail-multiple-toolbar { min-height: 49px; display: flex; align-items: center; gap: 8px; padding: 0 14px; border-bottom: 1px solid #2a3340; }
.futures .fut-detail-multiple-toolbar button { min-width: 42px; height: 30px; padding: 0 8px !important; border-radius: 5px; color: #9da6b1; font-size: 12px !important; }
.futures .fut-detail-multiple-toolbar button.active { color: #f4f6f8; background: #303a47; }
.futures .fut-detail-multiple-toolbar > span { margin-left: auto; color: #a6afb9; font-size: 12px; }
.futures .fut-detail-multiple-pair { min-height: 52px; display: flex; align-items: center; padding: 0 15px; }
.futures .fut-detail-multiple-pair strong { font-size: 16px; }
.futures .fut-detail-multiple-pair span { margin-left: auto; color: var(--fut-green); font-size: 13px; }
.futures .fut-detail-multiple-pair span.down { color: var(--fut-red); }
.futures .fut-detail-multiple-plot { position: relative; flex: 1; min-height: 0; margin: 0 10px 16px; overflow: hidden; border: 1px solid #303946; border-radius: 8px; background: #1f2732; }
.futures #futDetailMultipleCanvas { width: 100%; height: 100%; display: block; }
.futures .fut-detail-multiple-watermark { position: absolute; left: 50%; top: 48%; color: rgba(216,222,228,.07); font-size: 31px; font-weight: 700; transform: translate(-50%,-50%); pointer-events: none; }

@media (max-width: 380px) {
  .futures .fut-detail-chart-tools { gap: 2px; }
  .futures .fut-detail-chart-tools button { width: 19px; flex-basis: 19px; }
  .futures .fut-detail-chart-tool-grid { gap: 4px; }
  .futures .fut-detail-chart-tool-grid button > b { font-size: 9px; }
}

/* v772: compact six-item contract navigation with the Options tab. */
.futures .fut-detail-tabs {
  display: flex;
  grid-template-columns: none;
  align-items: stretch;
  justify-content: flex-start;
  gap: 12px;
  box-sizing: border-box;
  padding: 0 15px;
}
.futures .fut-detail-tabs button {
  width: auto;
  min-width: 0;
  flex: 0 0 auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.futures .fut-detail-options-panel { padding: 16px 15px 88px; }
.futures .fut-detail-options-hero {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  padding: 18px;
  border: 1px solid #323d49;
  border-radius: 12px;
  background: linear-gradient(135deg, #27313d, #202936);
}
.futures .fut-detail-options-mark { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; color: #1d2430; background: #fcd535; font-size: 27px; }
.futures .fut-detail-options-hero small { color: #fcd535; font-size: 11px; }
.futures .fut-detail-options-hero h2 { margin: 3px 0 5px; font-size: 17px; line-height: 22px; font-weight: 500; }
.futures .fut-detail-options-hero p { margin: 0; color: #9ba4af; font-size: 12px; line-height: 17px; }
.futures .fut-detail-options-tabs { display: flex; gap: 22px; height: 45px; align-items: flex-end; border-bottom: 1px solid #303945; }
.futures .fut-detail-options-tabs button { position: relative; height: 38px; padding: 0 !important; color: #9da6b1; font-size: 14px !important; }
.futures .fut-detail-options-tabs button.active { color: #f1f4f6; }
.futures .fut-detail-options-tabs button.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 2px; background: #fcd535; }
.futures .fut-detail-options-list article { min-height: 66px; display: grid; grid-template-columns: minmax(0, 1fr) 44px 84px; align-items: center; gap: 8px; border-bottom: 1px solid #2c3541; }
.futures .fut-detail-options-list strong { display: block; font-size: 14px; font-weight: 500; }
.futures .fut-detail-options-list small { display: block; margin-top: 4px; color: #8f98a4; font-size: 11px; }
.futures .fut-detail-options-list article > span { color: #9ba4af; font-size: 11px; text-align: center; }
.futures .fut-detail-options-list article > b { font-size: 14px; font-weight: 500; text-align: right; }
.futures .fut-detail-open-options { width: 100%; height: 43px; margin-top: 18px !important; border-radius: 6px !important; color: #171d25 !important; background: #fcd535 !important; font-size: 14px !important; font-weight: 500; }
@media (max-width: 380px) {
  .futures .fut-detail-tabs { gap: 9px; padding-inline: 12px; }
  .futures .fut-detail-tabs button { font-size: 12px !important; }
}