/* trade-compact.css — global tightening pass so the whole terminal reads as
   dense as Bitget's. Loaded AFTER the per-mode sheets so it wins ties.
   Scope: body[data-mode] (all of spot / futures / margin). */

/* top chrome */
body[data-mode] .ta-tabs{padding:.55rem .8rem .05rem;gap:1rem}
body[data-mode] .ta-tabs a,
body[data-mode] .ta-tabs button[data-mode]{font-size:.94rem;padding-bottom:.42rem}
body[data-mode] .ta-pairbar{padding:.45rem .8rem .35rem}
body[data-mode] .ta-pairsel{font-size:1rem}
body[data-mode] .ta-chg{font-size:.72rem}
body[data-mode] .ta-tc button{font-size:.74rem;padding:.26rem .58rem}

/* leverage row */
body[data-mode="futures"] .ta-iso,
body[data-mode="futures"] .ta-levchip,
body[data-mode="futures"] .ta-sbox{height:25px;font-size:11px}

/* order form — squeeze the vertical rhythm */
body[data-mode] .ta-side{height:29px;margin-bottom:.4rem}
body[data-mode] .ta-side button{font-size:.78rem}
body[data-mode] .ta-otype{min-height:0;height:32px;margin-bottom:.36rem;padding:.32rem .55rem}
body[data-mode] .ta-otype select{font-size:.78rem}
body[data-mode] .ta-inp{min-height:36px;height:36px;margin-bottom:.36rem;padding:.26rem .55rem}
body[data-mode] .ta-inp .lab{font-size:.58rem;top:.26rem}
body[data-mode] .ta-inp input{font-size:.78rem;padding-top:.6rem}
body[data-mode] .ta-inp .unit{font-size:.7rem}
body[data-mode] .ta-inp .bbo{font-size:.66rem;padding:.22rem .45rem}
body[data-mode] .ta-slider{margin:.05rem .1rem .45rem}
body[data-mode] .ta-total{padding:.4rem .55rem;margin-bottom:.36rem;font-size:.74rem}
body[data-mode] .ta-tpsl{font-size:.74rem;margin-bottom:.4rem}
body[data-mode] .ta-avail{font-size:.68rem;margin-bottom:.3rem}
body[data-mode] .ta-avail .plus{width:18px;height:18px}
body[data-mode] .ta-max{font-size:.64rem;margin-bottom:.24rem}
body[data-mode] .ta-submit{padding:.44rem 0;font-size:.82rem;border-radius:6px}

/* order book — small & tight like Bitget's, in every mode.
   Row ~15px: ~10px type, line-height 1.32, 1px vertical padding. */
body[data-mode] .ta-book{font-size:.66rem}
body[data-mode] .ta-funding{font-size:.58rem;line-height:1.35;margin-bottom:.2rem}
body[data-mode] .ta-funding b{font-size:.62rem}
body[data-mode] .ta-bkhead{font-size:.58rem;margin-bottom:.1rem}
body[data-mode] .ta-bkrows{gap:0}
body[data-mode] .ta-bkrow{font-size:.63rem;padding:1px 2px;line-height:1.32}
body[data-mode] .ta-bkmid{gap:.35rem;padding:.16rem 2px}
body[data-mode] .ta-bkmid strong{font-size:.76rem}
body[data-mode] .ta-bkmid small{font-size:.56rem}
body[data-mode] .ta-bkratio{font-size:.58rem;gap:.25rem;margin-top:.18rem}
body[data-mode] .ta-bkratio .ta-bktrack{height:3px}
body[data-mode] .ta-group{margin:.2rem 0 0}
body[data-mode] .ta-group select{font-size:.62rem;padding:.2rem 1.1rem .2rem .45rem}
body[data-mode] .ta-group .car{font-size:.5rem}

/* orders section */
body[data-mode] .ta-orders{padding:.6rem .8rem 0}
body[data-mode] .ta-orders-tabs button{font-size:.8rem}
body[data-mode] .ta-orders-sub{font-size:.72rem;margin:.6rem 0 .2rem}
body[data-mode] .ta-empty{font-size:.74rem;padding:1.6rem 0 1.8rem}
body[data-mode] .ta-empty svg{width:30px;height:30px}