/* Reference canvas: 393 × 852. Layout stays driven by the account values. */
.mobile-app.screen-assets:not(.device-android) .x-assets-tabs{height:44px;gap:15px;padding:7px 15px 8px}
.mobile-app.screen-assets:not(.device-android) .x-assets-tabs>button{font-size:18px;line-height:25px;font-weight:600}
.screen-assets:has([data-asset-view="overview"]) .x-assets-summary{padding:13px 15px 19px}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-balance-label{height:23px;transform:none}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-balance-label>span{border:0;transform:none;font-size:14px;line-height:21px}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-balance-label>.x-eye{transform:none}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-balance-label>div{transform:none;gap:19px}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-balance-number{margin-top:0;gap:9px;height:43px}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-balance-number>strong{font-size:32px;font-weight:650;line-height:43px;letter-spacing:0}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-balance-number>button{font-size:14px;font-weight:500}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-fiat{font-size:13px;line-height:20px;margin-top:3px}
.mobile-app.screen-assets:not(:has(.x-asset-contract-tabs)) .x-today{font-size:14px!important;line-height:20px;margin-top:7px;gap:4px}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-today>b{font-size:13px;letter-spacing:0;line-height:20px}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-asset-actions{margin-top:24px;gap:8px}
.mobile-app.screen-assets:not(:has(.x-asset-contract-tabs)) .x-asset-actions>button{height:36px;line-height:21px;font-size:15px;font-weight:550;border-radius:6px}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-asset-list-tabs{height:51px;gap:16px;padding:0 15px}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-asset-list-tabs>button{font-size:16px;line-height:22px;font-weight:550}
.screen-assets:not(:has(.x-asset-contract-tabs)) .x-asset-list-tabs>button.active:after{bottom:-10px;width:15px;left:calc(50% - 7.5px)}
.screen-assets .x-account-list>button{height:64px;font-size:17px}
.screen-assets .x-account-list b{font-size:16px;font-weight:550}
.screen-assets .x-account-list small{font-size:12px;line-height:17px;margin-top:2px}
.mobile-app .x-funding-notice,.mobile-app .x-small-convert{height:44px;border:1px solid #ededed;border-radius:12px;display:flex;align-items:center;gap:9px;margin:4px 15px 9px;padding:0 15px;width:calc(100% - 30px);font-size:13px;text-align:left}
.x-funding-notice span{flex:1;white-space:nowrap}.x-funding-notice b{color:#bbb;font-weight:500}.x-funding-notice>.m-icon:last-child{height:14px;width:14px;color:#aaa}
.screen-assets:has(.x-funding-notice) .x-asset-actions{margin-top:33px}
.screen-assets:has(.x-funding-notice) .x-assets-summary{padding-bottom:19px}
.screen-assets:has(.x-funding-notice) .x-asset-list-tabs{border-top:0;height:48px}
.screen-assets .x-asset-filters{height:41px;gap:8px}
.screen-assets .x-asset-filters>button{font-size:13px;line-height:20px;padding:2px 8px}
.screen-assets .x-asset-row{padding:9px 0 12px}
.screen-assets .x-asset-row+.x-asset-row{padding-top:20px}
.screen-assets .x-asset-main{gap:9px}.screen-assets .x-asset-main>.x-coin-icon{height:24px;width:24px;flex-shrink:0}
.screen-assets .x-asset-main b{font-size:16px;font-weight:550;line-height:21px}
.screen-assets .x-asset-main small{font-size:12px;line-height:17px}
.screen-assets .x-asset-main>div{gap:0}
.screen-assets .x-asset-pnl{display:flex;justify-content:space-between;gap:6px;margin:7px 0 0 33px;padding-left:0;line-height:18px;font-size:12px}
.screen-assets .x-asset-pnl>span:first-child{color:var(--m-muted)}
.screen-assets .x-asset-row-actions{margin-top:12px;gap:9px}
.screen-assets .x-asset-spot-tabs{height:50px;display:flex;align-items:flex-start;padding:12px 15px 0;gap:15px;white-space:nowrap;overflow:hidden;color:var(--m-muted);font-size:14px}
.x-asset-spot-tabs>b{background:var(--m-fill);color:var(--m-text);border-radius:6px;padding:4px 9px;font-weight:550}
.x-asset-spot-tabs>button{padding-top:4px;font-size:14px;font-weight:550}
.screen-assets:has([data-asset-view="spot"]) .x-assets-summary{padding:5px 15px 16px}
.screen-assets:has([data-asset-view="spot"]) .x-asset-actions{margin-top:11px}
.screen-assets:has([data-asset-view="spot"]) .x-balance-label>div>button:first-child{display:none}
.screen-assets:has([data-asset-view="spot"]) .x-small-convert{margin-top:0;margin-bottom:13px}
.screen-assets:has([data-asset-view="spot"]) .x-asset-list-tabs{height:40px;border:0}
.x-spot-assets-heading{font-size:16px;color:var(--m-text);font-weight:600}
.screen-assets .x-spot-asset-row{padding-top:9px;padding-bottom:9px}
.screen-assets .x-spot-asset-row+.x-spot-asset-row{padding-top:13px;padding-bottom:11px}
.screen-assets .x-spot-asset-row .x-asset-pnl{margin-top:8px}
.screen-assets .x-spot-asset-row .x-asset-pnl+.x-asset-pnl{margin-top:2px}
.x-earn-badge{font-size:10px;font-weight:400;background:var(--m-fill);padding:2px 5px;margin-left:5px;border-radius:4px;vertical-align:middle}
.c-completed .c-header{height:39px}.c-completed .c-header h2{font-size:18px;line-height:26px;top:4px}
.c-completed-hero{text-align:center;padding:21px 12px 25px;height:121px}
.c-completed-hero h1{font-size:28px;line-height:34px;font-weight:600;letter-spacing:0;white-space:nowrap}
.c-completed-status{display:flex;justify-content:center;align-items:center;gap:5px;color:#2bbb8b;font-size:15px;font-weight:500;line-height:22px;margin-top:6px}
.c-completed-status svg{width:14px;height:14px}
.c-completed-hero p{color:#888;font-size:12px;line-height:18px;margin-top:2px}
.c-completed-card{margin:0 15px;border:1px solid #ededed;border-radius:12px;padding:15px 14px 11px}
.c-completed-card>header{display:flex;align-items:center;justify-content:space-between;height:25px;margin-bottom:3px}
.c-completed-card>header strong{font-size:17px;font-weight:600;line-height:25px}
.c-completed-card>header .c-yellow{height:24px;padding:0 10px;border-radius:4px;font-size:14px;font-weight:500}
.c-completed-card dl{margin:0}
.c-completed-row{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:14px;line-height:22px;min-height:32px}
.c-completed-row dt{color:#888;white-space:nowrap}.c-completed-row dd{margin:0;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
.c-completed-row dd b{font-weight:550}.c-completed-row dd button{line-height:0}
.c-completed-row dd svg{height:16px;width:16px}
.c-completed-breakdown{margin-left:5px;position:relative;padding-left:9px}
.c-completed-breakdown:before{content:'';position:absolute;left:0;top:-3px;height:42px;width:5px;border-left:1px solid #888;border-bottom:1px solid #888}
.c-completed-breakdown:after{content:'';position:absolute;left:0;top:12px;width:5px;border-top:1px solid #888}
.c-completed-breakdown .c-completed-row{min-height:26px}
.c-completed-meta{border-top:1px solid #f1f1f1;margin-top:5px;padding-top:5px}
.c-completed-meta .c-completed-row{min-height:32px;font-size:14px}
.c-completed-meta dt{font-size:14px}.c-seller-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:124px}
.c-completed-meta .c-star,.c-completed-meta .c-shield{margin-left:3px;flex-shrink:0}
.c-completed-toggle{width:100%;height:31px;display:flex;justify-content:center;align-items:center;color:#999!important}
.c-completed-toggle .m-icon{width:18px;height:18px}
.c-completed-payment{display:flex;justify-content:space-between;align-items:center;margin:19px 15px 9px;height:29px;font-size:14px}
.c-completed-payment b{font-weight:550}.c-completed-payment>span{display:flex;align-items:center;gap:5px}
.c-completed-payment em{font-size:10px;padding:1px 4px;background:#f5f5f5;border-radius:2px}
.c-completed-options{margin:0 15px}.c-completed-options>button{width:100%;height:43px;display:flex;align-items:center;justify-content:space-between;font-size:14px}
.c-completed-options b{font-weight:550}.c-completed-options .m-icon{width:17px;height:17px}
.c-completed-options .x-switch{width:32px;height:18px}
.screen-c2c-pay:has(.c-completed) .c-bottom-action{padding-bottom:46px}

.mobile-app.screen-assets .m-home-indicator{height:26px;display:flex}
.mobile-app.screen-assets .m-home-indicator i{display:block;width:134px;height:5px;border-radius:3px;background:#111}
.screen-assets .x-asset-pnl>span:last-child{font-size:12px}
.screen-assets .x-spot-asset-row .x-asset-pnl{margin-top:7px}
.screen-assets .x-asset-main small{font-size:12px!important}
/* IMG_4788: recent C2C orders stack inside one card (card 324.7–402pt, rows centred at 346/380pt). */
.mobile-app .x-funding-notice{flex-direction:column;align-items:stretch;gap:0;height:auto;padding:5px 15px}
.mobile-app .x-funding-notice-row{display:flex;align-items:center;gap:9px;height:34px;width:100%;padding:0;border:0;background:none;font:inherit;color:#1e2329;text-align:left}
.x-funding-notice-row span{flex:1;white-space:nowrap}.x-funding-notice-row b{color:#bbb;font-weight:500}.x-funding-notice-row b.is-done{color:#2ebd85}
.x-funding-notice-row>.m-icon:last-child{height:14px;width:14px;color:#aaa}
.mobile-app .x-funding-notice{padding:4px 15px}.x-funding-notice-row>.m-icon:first-child{height:15px;width:15px}