/* User-supplied September references: shape, spacing and data hierarchy. */
.mobile-app{--m-muted:#92969c;--m-text:#101114;--m-line:#ededee;--m-fill:#f3f3f4}
.mobile-app.m-dark{--m-bg:#202630;--m-text:#eaecef;--m-muted:#929aa5;--m-line:#353c46;--m-fill:#303844}
.mobile-app .up{color:#2eb88d}.mobile-app .down{color:#ed526e}
.mobile-app .m-nav button .m-tab-icon{width:26px;height:26px;stroke-width:1.8}
.mobile-app .m-nav button{color:#85888b;font-size:11px;gap:3px;padding-top:7px}
.mobile-app .m-nav button.selected{color:var(--m-text)}
.mobile-app .m-nav .selected .tab-accent{fill:#f0b90b;stroke:none}
.mobile-app .m-nav{height:58px}
.mobile-app .m-bottom-chart{height:35px;font-size:13px;border-radius:8px 8px 0 0}
.mobile-app .m-contract-header{position:sticky;top:0;z-index:3;background:var(--m-bg);padding:5px 0 7px}
.mobile-app .m-contract-header .m-pair-bar{margin-top:0}
.mobile-app .m-pair-bar>div{gap:13px}
.mobile-app .m-pair-bar>div button{display:flex;align-items:center;justify-content:center}
.mobile-app .m-pair-bar .is-active{color:#dca500}
.screen-futures .m-market-line{margin:4px 0 0}
.screen-futures .m-market-line>span:first-child{font-size:13px}
.screen-futures .m-trading-panel{padding-top:3px;padding-bottom:15px}
.mobile-app .m-trading-panel.book-right{grid-template-columns:minmax(0,1fr) 38%}
.book-right .m-book{grid-column:2;grid-row:1}.book-right .m-order-entry{grid-column:1;grid-row:1}
.screen-futures .m-book-row{font-size:12px;line-height:21px}
.screen-futures .m-order-entry .m-buy,.screen-futures .m-order-entry .m-sell{height:38px;font-size:15px;position:relative;background:#2abb8d;border-radius:7px}
.screen-futures .m-order-entry .m-sell{background:#f6465d}
.m-order-entry .m-buy small,.m-order-entry .m-sell small{font-size:11px;font-weight:400;position:absolute;right:9px;top:11px}
.m-order-capacity{display:grid;grid-template-columns:auto 1fr;gap:1px 6px;font-size:10px;color:var(--m-muted);margin:8px 0 7px}
.m-order-capacity b{color:var(--m-text);font-weight:400;text-align:right}
.mobile-app .m-position-tabs{padding:15px 17px 13px;gap:18px;border-top:0;align-items:center}
.mobile-app .m-position-tabs>button{font-size:13px;white-space:nowrap}
.mobile-app .m-position-tabs>button.active:after{height:3px;width:100%;left:0;bottom:-14px}
.mobile-app .m-position-tabs .m-position-history{margin-left:auto;display:flex;align-items:center}
.m-position-history .m-icon{width:22px;height:22px}
.mobile-app .m-position-tools{padding:13px 17px 12px;gap:8px;border-bottom:1px solid var(--m-line)}
.mobile-app .m-position-tools>button{font-size:12px;color:var(--m-text);gap:6px}
.mobile-app .m-position-tools .m-check{width:17px;height:17px;flex-basis:17px;border-radius:4px;border-color:#b9bdc1}
.mobile-app .m-position-tools .m-check.checked:after{left:2px;top:-1px;font-size:13px}
.m-position-tools>div{display:flex;align-items:center;gap:15px}
.mobile-app .m-position-tools .m-close-all{padding:4px 9px;border-radius:7px;background:var(--m-fill);color:var(--m-text);font-size:12px}
.mobile-app .m-position-tools>div>.is-active{color:#e6b60c}
.mobile-app .m-position-tools .m-icon{width:20px;height:20px}
.mobile-app .m-position{padding:19px 17px 20px;border-bottom:1px solid var(--m-line)}
.mobile-app .m-position-title{gap:5px;margin:0 0 21px}
.mobile-app .m-position-title b{font-size:18px;font-weight:600}
.mobile-app .m-direction{font-size:15px;line-height:20px;border-radius:2px;padding:0 2px}
.mobile-app .m-position-title em{font-size:11px;line-height:17px;padding:0 4px;border:1px solid var(--m-line)}
.mobile-app .m-adl{height:18px;display:flex;gap:2px;align-items:center;margin-left:1px;padding:0 2px}
.m-adl i{display:block;height:14px;width:1.5px;background:#a1a3a6;position:relative}
.m-adl i:after{content:'';position:absolute;bottom:-3px;width:1.5px;height:1.5px;background:inherit}
.mobile-app .m-pnl{margin:0 0 18px;gap:8px}
.m-pnl-label{display:flex;gap:9px;align-items:center;height:20px}
.m-pnl>div:last-child .m-pnl-label{justify-content:flex-end}
.mobile-app .m-pnl .m-position-share{margin:0;width:19px;height:20px}
.mobile-app .m-pnl .m-position-share .m-icon{width:18px;height:18px;stroke-width:1.8}
.mobile-app .m-pnl small{font-size:13px}
.mobile-app .m-pnl strong,.mobile-app .m-pnl>div:last-child strong{font-size:23px;font-weight:600;margin-top:6px;letter-spacing:-.2px}
.mobile-app .m-position-grid{grid-template-columns:1.08fr 1fr 1.02fr;column-gap:8px;row-gap:17px}
.mobile-app .m-position-grid small{font-size:11px;white-space:nowrap;line-height:1.5}
.mobile-app .m-position-grid span{font-size:17px;letter-spacing:0;line-height:1.4;margin-top:5px;white-space:nowrap}
.mobile-app .m-position-grid .m-quantity-label{display:flex;align-items:center;gap:3px}
.mobile-app .m-unit-switch{border:0;display:flex;align-items:center;padding:0}
.mobile-app .m-unit-switch .m-icon{width:14px;height:14px;stroke-width:1.7}
.mobile-app .m-position-grid .m-margin-plus{display:inline-flex;vertical-align:1px;width:15px;height:15px;margin-left:4px;border:1.5px solid var(--m-text);border-radius:50%;align-items:center;justify-content:center}
.mobile-app .m-margin-plus .m-icon{width:10px;height:10px;stroke-width:2}
.mobile-app .m-position-brackets{display:flex;align-items:center;gap:4px;font-size:12px;margin-top:17px;white-space:nowrap}
.m-position-brackets>span{color:var(--m-muted)}.m-position-brackets b{font-weight:600}.m-position-brackets button{margin-left:7px}.m-position-brackets .m-icon{width:18px;height:18px}
.mobile-app .m-realized-row{display:flex;align-items:center;width:100%;gap:9px;border:1px solid var(--m-line);border-radius:8px;padding:6px 12px;height:34px;margin-top:13px;font-size:12px;color:var(--m-muted)}
.m-realized-row b{margin-left:auto;font-weight:550}.m-realized-row .m-icon{width:15px;height:15px;transform:rotate(-90deg)}
.mobile-app .m-position-buttons{gap:8px;margin-top:14px}
.mobile-app .m-position-buttons button{height:38px;font-size:14px;border-radius:7px}
.screen-futures.positions-focus .m-top-tabs,.screen-futures.positions-focus .m-entry-wrapper,.screen-futures.positions-focus .m-equity-strip{display:none}
.screen-futures.positions-focus .m-contract-header{padding-top:16px;padding-bottom:20px}
.screen-futures.positions-focus .m-position-tabs{padding-top:13px}
.mobile-app .m-position.compact{padding:15px 11px}.mobile-app .compact .m-position-title{margin-bottom:15px}.mobile-app .compact .m-position-title b{font-size:16px}.mobile-app .compact .m-pnl strong{font-size:21px}.mobile-app .compact .m-position-grid span{font-size:14px}.mobile-app .compact .m-position-grid small{font-size:10px}.mobile-app .compact .m-position-buttons button{font-size:12px}
/* Assets and home use the white cards and pale grey background in the references. */
.screen-assets .m-main,.screen-home .m-main{background:linear-gradient(var(--m-bg),var(--m-fill) 400px)}
.mobile-app .p-assets-tabs{padding:20px 17px 15px;gap:19px;overflow:auto;scrollbar-width:none;flex-shrink:0;background:var(--m-bg)}
.mobile-app .p-assets-tabs>button{font-size:19px;font-weight:600}
.mobile-app .p-assets-denomination{display:flex;align-items:center;gap:21px;padding:15px 17px 7px;color:var(--m-muted);font-size:15px}
.p-assets-denomination b{padding:6px 9px;border-radius:7px;background:var(--m-fill);color:var(--m-text);font-weight:500}
.mobile-app .p-assets-balance{padding:18px 17px 15px;align-items:flex-start;gap:0}
.p-assets-balance>div{min-width:0;flex:1}
.mobile-app .p-assets-balance small{font-size:15px;display:flex;align-items:center;gap:10px}
.mobile-app .p-assets-balance h2{font-size:37px!important;font-weight:650;letter-spacing:-.9px;line-height:1.35;margin-top:13px;white-space:nowrap}
.p-assets-balance h2>span{font-size:16px;font-weight:400;letter-spacing:0}
.p-assets-balance h2 .m-icon{width:12px;height:12px}
.mobile-app .p-assets-balance p{font-size:14px;line-height:1.5;margin-top:11px;white-space:nowrap}
.p-assets-balance p>button{font-size:20px;color:var(--m-muted);margin-left:4px}
.mobile-app .p-assets-balance>button{position:absolute;right:19px;color:var(--m-text);margin-top:0}
.p-assets-balance{position:relative}
.p-assets-balance>button .m-icon{width:23px;height:23px}
.p-four-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:12px 17px 22px;gap:15px}
.mobile-app .p-four-actions>button{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:14px}
.p-four-actions i{width:58px;height:58px;border-radius:16px;background:var(--m-bg);display:flex;align-items:center;justify-content:center;font-style:normal}
.p-four-actions .m-icon,.p-four-actions .m-tab-icon{width:26px;height:26px;stroke-width:1.9}
.p-round-card{margin:0 17px 17px;background:var(--m-bg);border-radius:16px;overflow:hidden}
.p-card-heading{display:flex;align-items:center;justify-content:space-between;color:var(--m-muted);font-size:15px;padding:16px 15px}
.p-card-heading .m-icon{width:18px;height:18px}
.p-account-info-grid,.p-futures-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;padding:0 15px 18px}
.p-account-info-grid small,.p-futures-asset-grid small{display:block;font-size:13px;color:var(--m-muted);margin-bottom:6px}
.p-account-info-grid b{font-weight:400;font-size:18px;display:block}
.p-asset-position-tabs{display:flex;align-items:center;gap:18px;padding:14px 16px;border-bottom:1px solid var(--m-line);color:var(--m-muted)}
.mobile-app .p-asset-position-tabs button{font-size:16px;position:relative}
.mobile-app .p-asset-position-tabs .active{color:var(--m-text);font-weight:500}
.p-asset-position-tabs .active:after{content:'';position:absolute;height:3px;width:18px;bottom:-14px;left:8px;background:#f0b90b}
.p-asset-position-tabs>button:last-child{margin-left:auto}.p-asset-position-tabs .m-icon{width:18px;height:18px}
.p-tether-heading{display:flex;align-items:center;gap:9px;font-size:21px;padding:20px 15px 17px}.p-tether-heading b{font-weight:550}
.p-futures-asset-grid{row-gap:19px;padding-bottom:24px}.p-futures-asset-grid span{font-size:16px;letter-spacing:-.35px;white-space:nowrap}
.mobile-app .p-asset-position{display:flex;width:100%;padding:18px 15px;text-align:left;justify-content:space-between;border-bottom:1px solid var(--m-line);font-size:14px}
.p-asset-position>div:last-child{text-align:right}.p-asset-position small{display:block;color:var(--m-muted);font-size:11px;margin-top:7px}.p-asset-position strong{font-weight:500}
.p-distribution-bar{height:10px;margin:0 15px;display:flex;gap:3px;overflow:hidden;border-radius:3px}.p-distribution-bar i{min-width:3px;border-radius:2px}
.p-distribution>small{font-size:10px;display:block;margin:9px 15px 14px;color:var(--m-muted)}
.p-assets-list .p-asset-group{padding:15px 15px 12px}.p-assets-list .p-coin-row{padding:14px 15px 20px}
.p-assets-list .p-coin-row b{font-size:16px}.p-assets-list .p-coin-row small{font-size:12px}
.mobile-app .p-equity-chart{padding:13px 17px 0;min-height:184px;position:relative}
.p-equity-chart svg{width:100%;height:auto;display:block}.p-equity-chart svg text{font-family:inherit;font-size:10px;fill:var(--m-muted)}
.mobile-app .p-equity-chart>button{font-size:8px;color:var(--m-muted);width:100%;text-align:center;margin-top:3px}
.p-chart-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--m-muted);font-size:12px}.p-chart-empty small{font-size:10px}
.p-chart-periods{display:flex;align-items:center;justify-content:space-between;padding:13px 30px 18px;color:var(--m-muted)}
.mobile-app .p-chart-periods button{font-size:13px;padding:5px 10px;border-radius:8px}.mobile-app .p-chart-periods .active{background:var(--m-bg);color:var(--m-text)}
.mobile-app .p-exchange{height:61px;padding-top:9px;padding-bottom:10px;gap:12px}.mobile-app .p-exchange>div{background:var(--m-fill);border-radius:10px;padding:4px;margin-left:auto;margin-right:auto;gap:2px}
.p-exchange>div b,.p-exchange>div button{padding:6px 17px;font-size:15px}.p-exchange>div b{background:var(--m-bg);border-radius:8px}
.mobile-app .p-search{height:38px;margin:10px 17px 19px;width:calc(100% - 34px);font-size:14px}.p-search>.m-icon:last-child{margin-left:auto;width:18px;height:18px}
.mobile-app .p-home-balance{padding:0 17px 6px;align-items:center}.mobile-app .p-home-balance small{font-size:14px}
.mobile-app .p-home-balance h2{font-size:37px!important;letter-spacing:-1px;font-weight:650;margin:10px 0 9px}.mobile-app .p-home-balance p{font-size:12px}.mobile-app .p-home-balance>.m-yellow-button{border-radius:7px;height:38px;min-width:75px;background:#fcd535;font-size:14px}
.p-home-account-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;padding:0 15px 17px}.p-home-account-grid small{display:block;color:var(--m-muted);font-size:12px}.p-home-account-grid strong{display:block;font-size:24px;margin-top:6px;font-weight:500}.p-home-account-grid em{font-style:normal;font-size:11px;color:var(--m-muted)}
.p-home-account .p-card-heading button{font-size:12px}.p-home-markets .p-rank-tabs{padding-top:17px;font-size:14px;gap:21px}.screen-home .p-discover{border:0;background:var(--m-bg);border-radius:16px 16px 0 0;margin-top:15px}
@media(max-width:430px){.mobile-app .m-position-grid small{font-size:10px}.mobile-app .m-position-grid span{font-size:15px}.mobile-app .p-assets-balance h2,.mobile-app .p-home-balance h2{font-size:33px!important}}

.mobile-app .m-position-tabs>button.active:after{transform:none;margin-left:0}.m-realized-row .m-icon{transform:none}.mobile-app .p-assets-balance small{color:var(--m-text)}.m-book-ratio{display:flex;align-items:center;gap:4px;font-size:9px;margin:10px 0 6px}.m-book-ratio>i{height:3px;background:#ed526e;display:block;flex:1;overflow:hidden;border-radius:3px}.m-book-ratio b{height:3px;background:#2eb88d;display:block;border-right:2px solid var(--m-bg)}.mobile-app .m-time-in-force{display:flex;gap:4px;align-items:center;font-size:11px;color:var(--m-muted);margin-top:5px}.m-time-in-force .m-icon{width:10px;height:10px}

.mobile-app .p-assets-tabs{padding-top:10px;padding-bottom:12px}.mobile-app .p-assets-denomination{padding-top:12px;padding-bottom:4px}.mobile-app .p-assets-balance{padding-top:14px;padding-bottom:13px}.p-four-actions{padding-top:10px;padding-bottom:18px}.p-card-heading{padding-top:14px;padding-bottom:14px}.p-coin-icon>svg{width:100%;height:100%;display:block}.p-coin-icon.coin-usdt{background:none}