/* Reference iPhone geometry; scoped so the Android layout keeps its own metrics. */
.screen-assets:not(.device-android) .x-assets-tabs{gap:18px}
.screen-assets:not(.device-android) .x-assets-tabs>button{font-size:17.5px}
.screen-assets .x-asset-contract-tabs{gap:16px}
.screen-assets .x-asset-contract-tabs>b{margin-right:0}
.screen-assets .x-asset-contract-tabs>button:last-child{margin-left:6px}
.screen-assets .x-balance-label>span{border-bottom:1px dotted #aaa;line-height:21px}
.screen-assets .x-balance-label>span,.screen-assets .x-balance-label>.x-eye{transform:translateY(-3px)}
.screen-assets .x-balance-number>strong{font-family:Arial,sans-serif;font-size:32px;letter-spacing:0;font-weight:700}
.screen-assets .x-today>b{font-family:Arial,sans-serif;letter-spacing:0}
.screen-assets .x-fiat{font-family:Arial,sans-serif}
.screen-assets:not(.device-android) .x-pnl{margin-top:14px;margin-bottom:10px}
.screen-assets:not(.device-android) .x-pnl strong{font-family:Arial,sans-serif;font-size:18px;line-height:24px}
.screen-assets:not(.device-android) .x-position-grid{font-family:Arial,'PingFang SC',sans-serif;grid-template-rows:33px 33px;row-gap:10px;transform:translateY(-2px)}
.screen-assets:not(.device-android) .x-position-grid span{font-family:Arial,sans-serif;font-size:13.5px;line-height:18px;margin-top:2px;transform:translateY(-.5px)}
.screen-assets:not(.device-android) .m-nav{height:57px}
.screen-assets:not(.device-android) .m-nav button{padding-top:6px}
.screen-assets .up{color:#2ebd85}
/* Full-screen chart header, native outline icons and aligned price metrics. */
.d-chart-header{gap:16px}
.d-chart-header>div>button{gap:5px}
.d-chart-tabs{gap:15px}
.d-chart-summary>div>strong{font-family:Arial,sans-serif;font-size:27px;letter-spacing:.1px}
.d-chart-summary>div>b{font-family:Arial,sans-serif;font-size:12px;line-height:17px;margin-top:1px}
.d-chart-summary>div>small{font-family:Arial,'PingFang SC',sans-serif}
.d-chart-summary>dl{transform:translateX(3px);column-gap:12px;margin-top:16px;row-gap:6px}
.d-chart-intervals{gap:14px}
.d-chart-intervals .m-icon{width:16px;height:16px}
.d-chart-bottom{padding-left:20px;gap:12px}
/* A compact funds ledger has asset/date headers and three aligned detail rows. */
.x-history-filters .x-filter-more{position:relative}
.x-history-filters .x-filter-more>.m-icon{width:18px;height:18px;color:var(--m-text)}
.x-history-filters .x-filter-more:after{content:'';position:absolute;right:0;top:0;width:8px;height:8px;border-radius:50%;background:#f0b90b}
.x-ledger-spacer{height:24px}
.x-ledger-list{margin:0 15px;border-top:1px solid var(--m-line)}
.x-ledger-card{padding:15px 0 18px;border-bottom:1px solid var(--m-line)}
.x-ledger-card header{display:flex;align-items:center;justify-content:space-between;height:24px}
.x-ledger-card header>b{font-size:15.5px;font-weight:500}
.x-ledger-card time{font-family:Arial,sans-serif;font-size:12px;color:var(--m-muted)}
.x-ledger-card dl{margin:13px 0 0;display:grid;gap:3px}
.x-ledger-card dl>div{display:flex;justify-content:space-between;align-items:center;line-height:21px}
.x-ledger-card dt{font-size:14px;color:var(--m-muted)}
.x-ledger-card dd{margin:0;font-family:Arial,'PingFang SC',sans-serif;font-size:14px}
.x-ledger-card .up{color:#2ebd85}
.mobile-app:not(.device-android) .x-history-card .x-position-title>em{font-size:10.5px;padding:0 4px}
.mobile-app:not(.device-android) .x-history-card .x-position-title>b{font-size:15px;letter-spacing:0}
.mobile-app .x-history-card .x-position-title>.liquidated{color:#d8a300;border:0;box-shadow:inset 0 0 0 .333px #f7e9af;background:#fffbeb}
.x-history-card .x-position-title>span:not(.x-direction){font-size:12px}
.x-history-grid>div:nth-child(3n)>small{margin-left:auto}
/* Close one position. The hidden quantity always remains in the base asset. */
.x-sheet-shade.is-close{background:rgba(0,0,0,.5)}
#trade-dialog.p-close-sheet form{padding:0 15px 49px}
#trade-dialog.p-close-sheet .dialog-heading{padding-top:28px}
#trade-dialog.p-close-sheet .dialog-heading h2{margin:0 0 23px;font-size:18px;line-height:25px}
#trade-dialog.p-close-sheet #trade-dialog-body{overflow:auto;display:flex;flex-direction:column}
.p-close-summary{padding:0 0 21px;border-bottom:1px solid var(--m-line);display:grid;gap:8px}
.p-close-summary>div,.p-close-totals>div{display:flex;align-items:center;justify-content:space-between;line-height:22px;min-height:22px}
.p-close-summary span,.p-close-totals span{font-size:14px;color:var(--m-muted)}
.p-close-summary b{font-family:Arial,sans-serif;font-size:14px;font-weight:600;display:flex;align-items:center;gap:3px}
.p-close-summary em{font-family:system-ui,'PingFang SC',sans-serif;font-size:10px;line-height:15px;font-weight:400;padding:0 3px;border-radius:1px;background:var(--m-fill);font-style:normal}
.p-close-summary em.buy{color:#2ebd85;background:#edf8f4;box-shadow:inset 0 0 0 .5px #bfecdc}
.p-close-summary em.sell{color:#f6465d;background:#fff0f3;box-shadow:inset 0 0 0 .5px #ffccd4}
#trade-dialog.p-close-sheet .p-close-label{font-size:14px;line-height:20px;color:var(--m-muted);margin:15px 0 7px}
.p-close-price{display:grid;grid-template-columns:2fr 1.02fr;gap:8px}
#trade-dialog.p-close-sheet input:not([type=range]):not([type=hidden]){height:40px;background:var(--m-fill);border:0;border-radius:8px;font:14px Arial,'PingFang SC',sans-serif;padding:0 12px;outline:none;min-width:0}
#trade-dialog.p-close-sheet .p-close-price>input{background:#eee;color:#999;-webkit-text-fill-color:#999;opacity:1}
#trade-dialog.p-close-sheet .p-close-price>label{margin:0;position:relative}
#trade-dialog.p-close-sheet select{height:40px;background:var(--m-fill);border:0;border-radius:8px;font-size:14px;padding:0 30px 0 25px;text-align:center;appearance:none}
.p-close-price .m-icon{position:absolute;right:10px;top:13px;width:14px;height:14px;pointer-events:none;color:#999}
.p-close-amount{display:flex;align-items:center;border-radius:8px;background:var(--m-fill);height:40px;padding-right:12px;gap:8px}
#trade-dialog.p-close-sheet .p-close-amount>input{flex:1;width:0;background:transparent;font-weight:600}
.p-close-amount>span{font-family:Arial,sans-serif;font-size:14px;font-weight:600}
.p-close-slider{height:53px;position:relative;flex-shrink:0;margin:0 7px 0 4px}
.p-close-track{position:absolute;left:0;right:0;top:23px;height:1px;background:#eee;pointer-events:none}
.p-close-track>span{position:absolute;left:0;top:0;height:1px;background:var(--m-text);width:var(--allocation)}
.p-close-track>i{position:absolute;top:0;width:6px;height:6px;border:1px solid #eee;border-radius:1.5px;background:var(--m-bg);transform:translate(-50%,-50%) rotate(45deg)}
.p-close-track>i.filled{border-color:var(--m-text);background:var(--m-text)}
.p-close-track>b{position:absolute;top:0;left:var(--allocation);width:10px;height:10px;border:1px solid var(--m-text);border-radius:1.5px;background:var(--m-bg);transform:translate(-50%,-50%) rotate(45deg)}
#trade-dialog.p-close-sheet .p-close-slider>input{position:absolute;inset:8px -6px auto;width:calc(100% + 12px);height:30px;opacity:0;margin:0;padding:0;touch-action:pan-y}
.p-close-slider>button{position:absolute;top:14px;width:12px;height:18px;transform:translateX(-50%);opacity:0;pointer-events:none}
.keyboard-navigation .p-close-slider:focus-within .p-close-track>b{outline:2px solid #dcb31a;outline-offset:3px}
.p-close-totals{display:grid;gap:8px;margin-top:12px}
.p-close-totals b{font-family:Arial,sans-serif;font-size:14px;font-weight:600}
#trade-dialog.p-close-sheet .dialog-actions{padding-top:24px}
#trade-dialog.p-close-sheet #trade-dialog-submit{height:40px;font-size:16px;font-weight:600}

/* Second overlay pass: baseline and weight corrections. */
.screen-assets .x-today{transform:translateY(-3px)}
.screen-assets .x-wallet-stats{transform:translateY(-1px)}
.screen-assets .adl-meter svg{height:13px;width:11.5px}
.screen-assets .x-balance-number{gap:9px}
.x-history-card:first-of-type{padding-top:7px}
.x-history-notice{letter-spacing:.4px}
.x-history-filters>button{gap:2px}
.x-ledger-card dd,.x-ledger-card time{font-family:system-ui,'PingFang SC',sans-serif;font-size:13.5px}
.x-ledger-card time{font-size:12px}
.x-history-header>div>button{font-size:17px}
.x-history-header>div>button>.m-icon{width:14px;height:14px}
.x-history-header b{margin-top:3px}
.p-close-summary b,.p-close-totals b{font-family:system-ui,'PingFang SC',sans-serif;font-size:14px;font-weight:500}
#trade-dialog.p-close-sheet .p-close-amount>input,.p-close-amount>span{font-family:system-ui,'PingFang SC',sans-serif;font-size:14px;font-weight:500}
#trade-dialog.p-close-sheet #trade-dialog-submit{font-weight:500}
#trade-dialog.p-close-sheet .p-close-slider>button{pointer-events:auto}
/* Numeric glyphs in the iOS reference use the system face, including the chart. */
.d-chart-summary>div>strong{font-family:system-ui,sans-serif;font-weight:650;transform:translateY(.667px)}
.d-chart-summary>div>b,.d-chart-summary>div>small,.d-chart-summary dd{font-family:system-ui,'PingFang SC',sans-serif}
.d-chart-canvas svg{font-family:system-ui,sans-serif}
.d-chart-summary>dl{transform:translateX(3px)}
.d-chart-bottom{padding-left:23px}
.x-history-grid b,.x-history-grid small,.x-history-times,.x-history-updated{font-family:system-ui,'PingFang SC',sans-serif}
.x-history-notice{font-family:system-ui,'PingFang SC',sans-serif;letter-spacing:0}
.screen-assets .x-balance-number>strong{font-family:system-ui,sans-serif;font-weight:650;letter-spacing:0}
.p-close-summary>div{transform:translateY(1.333px)}
/* Pixel-grid adjustments measured from the same-size overlay. */
.d-chart-header>div{transform:translate(2px,1px)}
.d-chart-tabs>button{transform:translateY(-1px)}
.d-chart-summary>div{transform:translateY(-1px)}
.d-chart-summary>dl{transform:translate(5px,-2px)}
.d-chart-intervals>button{transform:translate(-1px,3px)}
.d-chart-bottom>button:not(.d-chart-trade){transform:translate(-2px,2px)}
.screen-assets:has(.x-asset-contract-tabs) .x-balance-number>*{transform:translate(1px,-8px)}
.screen-assets:has(.x-asset-contract-tabs) .x-fiat{transform:translate(-1px,-4px)}
.screen-assets:not(.device-android) .x-position-grid{transform:translateY(-3px)}
.x-history-grid{grid-template-columns:calc((100% - 16px)/3 + 2px) 1fr 1fr}
.x-history-grid b{font-size:13.25px;transform:translateY(-1px)}
.x-history-times{font-family:Arial,'PingFang SC',sans-serif;transform:translateY(-2px)}
.x-history-updated{font-family:Arial,'PingFang SC',sans-serif;letter-spacing:.1px}
.x-history-card:first-of-type{padding-top:6px}