/* iPhone screenshot canvas: system bars stay fixed while app content scrolls. */
.mobile-app{height:auto;aspect-ratio:430/932;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
.mobile-app[hidden]{display:none}
.mobile-app .m-statusbar{flex:0 0 59px;height:59px;padding:0;display:block;color:var(--m-text)}
.m-statusbar>svg{display:block;width:100%;height:59px}
.mobile-app .m-app-provenance{flex:0 0 24px}
.mobile-app .m-main{flex:1;min-height:0;height:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.m-app-bottom{flex:0 0 auto;background:var(--m-bg);position:relative;z-index:2}
.mobile-app .m-bottom-chart{height:30px;padding:0 17px;width:100%;border-top:1px solid var(--m-line);display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:400;letter-spacing:.05px}
.m-bottom-chart .m-icon{height:11px;width:11px;color:var(--m-muted)}
.mobile-app .m-nav{position:static;height:49px;display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;border-top:1px solid var(--m-line);background:var(--m-bg)}
.mobile-app .m-nav button{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:3px;padding:5px 0 0;color:#929aa5;font-size:10px;font-weight:400;line-height:12px;letter-spacing:.1px;min-width:0}
.mobile-app .m-nav button.selected{color:var(--m-text);font-weight:500}
.mobile-app .m-nav button .m-tab-icon{display:block;width:23px;height:23px;fill:none;stroke:currentColor}
.mobile-app .m-nav button:focus-visible{outline:2px solid #f0b90b;outline-offset:-3px;border-radius:6px}
.mobile-app .m-home-indicator{position:static;height:34px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;background:var(--m-bg)}
.mobile-app .m-home-indicator i{width:34.4%;max-width:148px;height:5px;border-radius:4px;background:var(--m-text)}
.mobile-app .m-compose{bottom:102px}
.ios-settings .helper{margin:10px 0 0;font-size:10px;line-height:1.7}
.mobile-app .m-top-tabs{padding-top:8px;padding-bottom:6px}
.mobile-app .m-pair-bar{margin-top:8px}
.mobile-app .m-market-line{margin-bottom:6px}
.mobile-app .m-leverage-row{margin-bottom:7px}
.mobile-app .m-book-row{line-height:17px}
.mobile-app label.m-price-input,.mobile-app label.m-amount-input{margin-top:5px}
.mobile-app .m-amount-input input{height:22px}
.mobile-app .m-buy,.mobile-app .m-sell{padding-top:6px;padding-bottom:6px}
.mobile-app .m-equity-strip{padding-top:6px;padding-bottom:6px}
.mobile-app .m-position-tabs{padding-top:9px;padding-bottom:9px}
.mobile-app .m-position-tabs button.active:after{bottom:-10px}
.mobile-app .m-position-title,.mobile-app .m-pnl{margin-bottom:6px}
.mobile-app .m-position-grid{row-gap:6px}
.mobile-app .m-position-grid span{margin-top:4px}
.mobile-app .m-position-buttons,.mobile-app .m-brackets{margin-top:6px}
@media(max-width:430px){.mobile-app .m-statusbar,.m-statusbar>svg{height:52px}.mobile-app .m-statusbar{flex-basis:52px}.mobile-app .m-nav button{font-size:9px}}

/* Contract controls follow the compact, two-column App reference. */
.mobile-app .m-trading-panel{grid-template-columns:38% minmax(0,1fr);gap:16px}
.mobile-app .m-book-head>span:last-child{text-align:right}
.mobile-app .m-asks,.mobile-app .m-bids{background:none}
.mobile-app .m-book-row{position:relative;width:100%;display:flex;justify-content:space-between;text-align:left;isolation:isolate;font-weight:400;line-height:18px;min-height:18px;color:inherit}
.mobile-app .m-book-row:before{content:'';position:absolute;right:0;top:0;bottom:0;width:var(--depth,0%);background:currentColor;opacity:.09;z-index:-1}
.mobile-app button.m-book-row:hover:before{opacity:.17}
.mobile-app .m-book-step{height:23px;display:flex;align-items:center;justify-content:space-between;padding:0 5px;color:var(--m-muted);border-radius:4px}
.mobile-app .m-book-step span{float:none}
.mobile-app .m-book-price{font-size:20px;letter-spacing:-.35px}
.mobile-app .m-order-selector{height:28px;background:var(--m-fill);border-radius:5px;display:grid;grid-template-columns:20px minmax(0,1fr) 20px;align-items:center;padding:0 4px}
.mobile-app .m-order-selector>.m-icon{position:static;justify-self:center;width:12px;height:12px;color:var(--m-muted);pointer-events:none}
.mobile-app .m-order-select{appearance:none;-webkit-appearance:none;background:transparent;text-align:center;text-align-last:center;font-size:12px;height:28px;padding:0;width:100%;border:0;cursor:pointer}
.mobile-app div.m-price-input,.mobile-app div.m-amount-input{display:flex;align-items:center;gap:3px;margin:6px 0 0;padding:4px 6px;background:var(--m-fill);border-radius:5px;height:42px}
.mobile-app div.m-price-input label,.mobile-app div.m-amount-input label{display:block;flex:1;min-width:0;margin:0;padding:0;color:var(--m-muted)}
.mobile-app .m-price-input small,.mobile-app .m-amount-input small{display:block;text-align:center;font-size:9px;line-height:12px}
.mobile-app div.m-price-input input,.mobile-app div.m-amount-input input{display:block;padding:0;margin:0;width:100%;height:21px;min-height:0;border:0;background:none;border-radius:0;color:var(--m-text);font-size:13px;text-align:center;box-shadow:none;appearance:textfield;-moz-appearance:textfield;font-variant-numeric:tabular-nums}
.mobile-app .m-price-input input::-webkit-inner-spin-button,.mobile-app .m-amount-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mobile-app .m-price-input input:disabled{opacity:1;-webkit-text-fill-color:var(--m-muted)}
.mobile-app div.m-price-input>button,.mobile-app div.m-amount-input>button{width:19px;height:30px;flex:0 0 19px;color:var(--m-muted)}
.mobile-app div.m-price-input>button .m-icon,.mobile-app div.m-amount-input>button .m-icon{width:15px;height:15px;display:block;margin:auto}
.mobile-app div.m-amount-input>span{font-size:10px;flex:0 0 auto;padding-left:4px;text-align:right}
.m-allocation-track{display:flex;justify-content:space-between;position:relative;height:34px;margin:5px 6px 1px;align-items:flex-start}
.m-allocation-track:before,.m-allocation-track>i{position:absolute;left:0;right:0;top:8px;height:2px;content:'';background:var(--m-line)}
.m-allocation-track>i{background:var(--m-muted);right:auto}
.mobile-app .m-allocation-track>button{position:relative;width:13px;height:33px;display:flex;align-items:center;flex-direction:column;padding:3px 0 0;font-size:8px;line-height:11px;color:var(--m-muted)}
.m-allocation-track svg{width:11px;height:11px;flex:0 0 11px;fill:var(--m-bg);stroke:var(--m-line);stroke-width:1.3}
.m-allocation-track .filled svg{stroke:var(--m-muted);fill:var(--m-bg)}
.m-allocation-track span{margin-top:5px;white-space:nowrap}
.mobile-app .m-order-options{display:flex;align-items:center;justify-content:flex-start;gap:5px;height:16px;margin:3px 0 1px}
.mobile-app .m-order-options>span{margin-left:auto}
.mobile-app .m-order-options .m-icon{width:11px;height:11px}
.m-check{display:inline-block;width:11px;height:11px;border:1px solid var(--m-muted);border-radius:2px;flex:0 0 11px}
.m-check.checked{background:#f0b90b;border-color:#f0b90b;position:relative}
.m-check.checked:after{content:'✓';position:absolute;top:-3px;left:0;color:#181a20;font-size:10px}
.mobile-app .m-order-cost{margin:4px 0 3px;font-size:9px}
.mobile-app .m-buy,.mobile-app .m-sell{height:32px;padding:0;font-size:13px;font-weight:550;border-radius:5px}
.mobile-app .m-position-title{gap:5px}
.mobile-app .m-position-title em{padding:1px 3px;font-size:10px}
.mobile-app .m-position-share{margin-left:auto;display:flex;align-items:center;justify-content:center;height:23px;width:23px;color:var(--m-muted)}
.mobile-app .m-position-share .m-icon{margin:0;width:16px;height:16px}
.mobile-app .m-field-help>button{font:inherit;color:inherit;display:inline;border-bottom:1px dashed var(--m-muted);line-height:1.25}
.mobile-app .m-position-buttons{gap:8px}
.mobile-app .m-position-buttons button{height:29px;padding:0;border-radius:5px;font-size:11px}
.mobile-app .m-position-grid{grid-template-columns:1fr 1fr 1fr;column-gap:7px}
.mobile-app .m-position-grid span{font-size:13px;letter-spacing:-.15px}
.mobile-app .m-position-grid small{font-size:9px}
.mobile-app .m-post .m-position-grid span{font-size:11px}
.mobile-app .m-post .m-position-grid small{font-size:8px}
.position-detail dl{margin:10px 0 20px}
.position-detail dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eceef1;font-size:12px}
.position-detail dt{color:#848e9c}.position-detail dd{margin:0;font-variant-numeric:tabular-nums}
#trade-dialog select{color:#181a20;background:#f5f5f5;border:1px solid #dfe3e7;height:42px}