/* Shared sizing for the Spot and Futures workspaces. */
body.trading-page-body, body.futures-body { font-family: Inter, Arial, sans-serif; }
body.futures-body { --futures-positive: var(--calm-positive); --futures-positive-rgb: 43, 199, 132; }
html[data-theme="light"] body.futures-body { --futures-positive-rgb: 21, 159, 104; }
body.futures-body .futures-market-price:not([data-price-direction="down"]) strong,
body.futures-body .futures-book-bids .futures-book-row span:first-child,
body.futures-body .futures-trade-row.is-buy span:first-child,
body.futures-body .futures-book-mid strong,
body.futures-body .futures-positive { color: var(--futures-positive) !important; }
body.futures-body .futures-book-row::before { background: var(--calm-positive-soft); }
body.futures-body .futures-book-asks .futures-book-row::before { background: var(--futures-red-soft); }
body.futures-body .futures-book-mode-icon { background: repeating-linear-gradient(to bottom, var(--futures-positive) 0 2px, transparent 2px 4px); }
body.futures-body .futures-book-mode-icon.asks { background: repeating-linear-gradient(to bottom, var(--futures-red) 0 2px, transparent 2px 4px); }
body.futures-body .futures-book-mode-icon.both { background: linear-gradient(to bottom, var(--futures-red) 0 43%, transparent 43% 57%, var(--futures-positive) 57% 100%); }
body.futures-body .futures-long-button,
body.trading-page-body .order_btn-fbGht-buy { color: #fff !important; background: #087d50; }
body.futures-body .futures-short-button,
body.trading-page-body .order_btn-fbGht-sell { color: #fff; background: #d82e46; }
body.futures-body .futures-chart-price-line.is-mark { --price-line-color: var(--futures-yellow); }
body.futures-body .futures-chart-price-line.is-index { --price-line-color: var(--futures-blue); }
body.futures-body .futures-chart-price-line.is-entry { --price-line-color: var(--futures-positive); }
body.futures-body .futures-chart-price-line.is-liquidation { --price-line-color: var(--futures-red); }
body.futures-body .futures-chart-price-line span { color: #111318; background: var(--price-line-color, #e2e5e9); }
body.trading-page-body .trade__container-ghTgp,
body.futures-body .futures-page { font-variant-numeric: tabular-nums; }
body.trading-page-body .order_btn-fbGht { min-height: 34px; height: 34px; font-size: 12px; color: #fff !important; }
body.trading-page-body .order__title-fbGht { min-height: 16px; margin-bottom: 6px; font-size: 11px; font-weight: 400; }
body.trading-page-body .order_input-box { min-height: 34px; margin-bottom: 7px; border: 0; }
body.trading-page-body .order_input-box input { height: 34px; font-size: 12px; font-weight: 500; }
body.trading-page-body .order_amount-title,
body.trading-page-body .order_suffix,
body.trading-page-body .order__market-price,
body.trading-page-body .order__limit-select { font-size: 11px; font-weight: 400; }
body.trading-page-body .order__market-price { height: 34px; margin-bottom: 7px; border: 0; background: var(--trade-panel-2); }
body.trading-page-body .order__limit-select { height: 34px; }
body.trading-page-body .order__slider { margin: 10px 0 14px; }
body.trading-page-body .order__slider-wrapper { height: 26px; }
body.trading-page-body .order__slider-input { margin-top: 7px; }
body.trading-page-body .order__slider-percent { top: 15px; }
body.trading-page-body .order__buy,
body.trading-page-body .order__sell { gap: 8px; }
body.trading-page-body .rushButton { position: relative; height: 34px; padding: 0 8px; border-radius: 0; font-size: 11px; font-weight: 500; }
body.trading-page-body .buttonActiveNew { background: transparent; box-shadow: inset 0 -2px 0 var(--calm-accent); }
body.trading-page-body .button__container { min-height: 35px; padding: 0 6px; gap: 1px; }
body.trading-page-body .center-bottom-ghTgp,
body.trading-page-body .order-fbGht,
body.trading-page-body .order__box-fbGht,
body.trading-page-body .order__tab-fbGht,
body.trading-page-body .order__tab-fbGht > .content__container { height: auto; overflow: visible; }
body.trading-page-body #ConOne.itemActiveNew,
body.trading-page-body #ConTwo.itemActiveNew,
body.trading-page-body #ConThree.itemActiveNew { height: auto; max-height: none; padding: 10px 12px 13px; gap: 22px; overflow: visible; }
body.trading-page-body .info__price { font-size: 17px; }
body.trading-page-body .info__pare { font-size: 13px; }
body.trading-page-body .info__stats-title { font-size: 10px; }
body.trading-page-body .info__stats-value { font-size: 11px; }
body.trading-page-body .book__title,
body.trading-page-body .trades__title { height: 35px; padding: 0 10px; font-size: 12px; font-weight: 600; }
body.trading-page-body .book__names,
body.trading-page-body .coins__names { min-height: 28px; font-size: 10px; }
body.trading-page-body .book__item,
body.trading-page-body .book__items > div { min-height: 19px; padding-top: 1px; padding-bottom: 1px; font-size: 11px; }
body.trading-page-body .coins__item { min-height: 35px; padding: 4px 9px; }
body.trading-page-body .coins__item-currency,
body.trading-page-body .coins__item-last,
body.trading-page-body .coins__item-change { font-size: 11px; font-weight: 500; }
body.trading-page-body .coins__item-icon { flex-basis: 19px; width: 19px; height: 19px; }
body.trading-page-body .book__items { scrollbar-width: none; }
body.trading-page-body .book__items::-webkit-scrollbar { display: none; }
body.trading-page-body .order_input-box:focus-within { box-shadow: 0 0 0 1px var(--calm-accent); }
html[data-theme="light"] body.trading-page-body { --trade-muted-light: #626975; --trade-muted-2: #727985; --trade-scrollbar: #cbd0d6; }

@media (min-width: 901px) {
    body.trading-page-body .trade__container-ghTgp { padding: 0; }
    body.trading-page-body .trade__box-ghTgp {
        grid-template-columns: clamp(220px, 16vw, 300px) minmax(0, 1fr) clamp(250px, 21vw, 340px);
        grid-template-rows: 78px clamp(300px, calc(100svh - 500px), 600px) auto minmax(190px, auto);
        gap: 1px;
        min-height: 0;
    }
    body.trading-page-body .trading__panel-section { display: contents; }
    body.trading-page-body .left-ghTgp.book,
    body.trading-page-body .right-center-ghTgp.trades,
    body.trading-page-body .right-top-ghTgp.coins { contain: size; }
    body.trading-page-body .left-ghTgp.book { grid-column: 1; grid-row: 1 / 4; border: 0; }
    body.trading-page-body .book__container { height: calc(100% - 63px); grid-template-rows: minmax(0, 1fr) 35px minmax(0, 1fr); }
    body.trading-page-body #aj_live_new_price_block_1 { font-size: 15px !important; }
    body.trading-page-body .right-top-ghTgp.coins { grid-column: 3; grid-row: 1 / 3; min-height: 0; }
    body.trading-page-body .right-center-ghTgp.trades { position: relative; grid-column: 3; grid-row: 3; display: block; min-height: 0; border: 0; }
    body.trading-page-body .trades__table { position: absolute; top: 35px; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; height: calc(100% - 35px); min-height: 0; }
    body.trading-page-body .trades__table thead { flex: 0 0 28px; }
    body.trading-page-body .trades__table tbody { flex: 1 1 0; height: auto; min-height: 0; overflow: auto; }
    body.trading-page-body .trades__table thead tr { min-height: 28px; }
    body.trading-page-body .trades__table td { padding: 2px 8px; font-size: 10px; }
    body.trading-page-body .orders-list { grid-column: 1 / 4; grid-row: 4; min-height: 190px; }
    body.trading-page-body .top-ghTgp { grid-column: 2; grid-row: 1; gap: 4px; padding: 5px 10px; }
    body.trading-page-body .center-top-ghTgp { grid-column: 2; grid-row: 2; min-height: 0; }
    body.trading-page-body .center-bottom-ghTgp { grid-column: 2; grid-row: 3; }
    body.trading-page-body .info__container { gap: 15px; }
    body.trading-page-body .info__block { gap: 5px; padding-right: 7px; }
    body.trading-page-body .coins__open { width: 20px; height: 20px; }
    body.trading-page-body .chart__controls { gap: 6px; }
    body.trading-page-body .chart__time-current,
    body.trading-page-body .chart__style-current { height: 26px; padding: 0 6px; }
    body.trading-page-body .chart__time-value,
    body.trading-page-body .chart__style-value { font-size: 11px; }
    body.trading-page-body .chart__tool-group { height: 26px; padding: 0; border: 0; background: transparent; }
    body.trading-page-body .chart__tool-btn { width: 24px; height: 24px; flex-basis: 24px; font-size: 15px; }
    body.trading-page-body .chart__toolbar { overflow: visible; }
    body.trading-page-body .coins__search_block { padding: 8px; }
    body.trading-page-body .coins__search { height: 30px; }
    body.trading-page-body .coins__currency_block { min-height: 30px; }
    body.futures-body .futures-workspace {
        grid-template-columns: minmax(0, 1fr) clamp(240px, 18vw, 310px) clamp(280px, 20vw, 330px);
        grid-template-rows: 52px minmax(0, 1fr);
        height: auto;
        min-height: clamp(560px, calc(100svh - 275px), 850px);
        align-items: stretch;
    }
    body.futures-body .futures-market-bar { grid-column: 1 / 3; grid-row: 1; min-height: 52px; padding: 4px 10px; }
    body.futures-body .futures-depth-panel { position: relative; display: block; grid-column: 2; grid-row: 2; min-height: 0; }
    body.futures-body .futures-depth-view.is-active { position: absolute; top: 65px; right: 0; bottom: 0; left: 0; }
    body.futures-body .futures-chart-panel { grid-column: 1; grid-row: 2; grid-template-rows: 34px minmax(0, 1fr); min-height: 450px; }
    body.futures-body .futures-order-panel { grid-column: 3; grid-row: 1 / 3; grid-template-rows: 46px 34px auto; align-content: start; }
    body.futures-body .futures-order-form { gap: 8px; max-height: none; padding: 10px 12px 14px; overflow: visible; }
    body.futures-body .futures-order-header { height: 46px; padding: 0 10px; }
    body.futures-body .futures-order-types { min-height: 34px; }
    body.futures-body .futures-market-price strong { font-size: 17px; }
    body.futures-body .futures-market-price span,
    body.futures-body .futures-market-stat span { font-size: 10px; }
    body.futures-body .futures-market-stat strong { font-size: 11px; }
    body.futures-body .futures-contract-name { font-size: 13px; }
    body.futures-body .futures-contract-icon { width: 25px; height: 25px; }
    body.futures-body .futures-contract-trigger { grid-template-columns: 25px minmax(0, 1fr) 14px; gap: 5px; }
    body.futures-body .futures-chart-header { min-height: 34px; padding: 2px 6px; }
    body.futures-body .futures-control-button,
    body.futures-body .futures-chart-tools button { height: 26px; font-size: 11px; }
    body.futures-body .futures-panel-tabs { height: 34px; }
    body.futures-body .futures-panel-tabs button,
    body.futures-body .futures-order-types button { font-size: 11px; }
    body.futures-body .futures-depth-controls { height: 31px; padding: 2px 7px; }
    body.futures-body .futures-table-head { font-size: 10px; }
    body.futures-body .futures-book-row,
    body.futures-body .futures-trade-row { height: 19px; font-size: 10.5px; }
    body.futures-body .futures-field { gap: 4px; font-size: 11px; }
    body.futures-body .futures-input-wrap { min-height: 35px; border: 0; background: var(--calm-field); }
    body.futures-body .futures-input-wrap input { height: 35px; font-size: 12px; font-weight: 500; }
    body.futures-body .futures-check-row { min-height: 22px; font-size: 10px; }
    body.futures-body .futures-order-preview { padding: 8px 0; }
    body.futures-body .futures-order-preview dt,
    body.futures-body .futures-order-preview dd { font-size: 10.5px; }
    body.futures-body .futures-long-button,
    body.futures-body .futures-short-button { min-height: 36px; font-size: 11px; }
    body.futures-body .futures-account-guest { min-height: 58px; padding: 10px 14px; }
    body.futures-body .futures-terminal { min-height: 200px; }
    body.futures-body .futures-terminal-view { min-height: 155px; }
    body.futures-body .futures-terminal-tabs button { font-size: 11px; }
    body.futures-body .futures-terminal-header { min-height: 36px; }
}

@media (min-width: 901px) and (max-width: 1280px) {
    body.trading-page-body .trade__box-ghTgp { grid-template-columns: 205px minmax(0, 1fr) 245px; }
    body.trading-page-body .info__stats:nth-last-child(-n + 2) { display: none; }
    body.trading-page-body .chart__tool-group:first-child .chart__tool-btn:nth-child(n + 5) { display: none; }
    body.trading-page-body .chart__toolbar { gap: 2px; }
    body.futures-body .futures-workspace { grid-template-columns: minmax(0, 1fr) 230px 275px; }
    body.futures-body .futures-market-stat-tertiary { display: none; }
}

@media (max-width: 900px) {
    body.trading-page-body .center-bottom-ghTgp { min-height: 0; }
    body.trading-page-body #ConOne.itemActiveNew,
    body.trading-page-body #ConTwo.itemActiveNew,
    body.trading-page-body #ConThree.itemActiveNew { gap: 18px; padding: 12px; }
    body.trading-page-body .order_btn-fbGht { min-height: 42px; font-size: 13px; }
    body.trading-page-body .order_input-box { min-height: 40px; }
    body.trading-page-body .order_input-box input { height: 40px; }
    body.futures-body .futures-long-button,
    body.futures-body .futures-short-button { min-height: 42px; }
}