/* MEGAWAVE mobile terminal refresh inspired by the supplied references. */
:root{--surface:#161817;--card:#202321;--line:#343a36;--text:#f3f5f2;--dim:#a2aaa4;--blue:#00a765;color-scheme:dark}
body{background:#101310;color:#f3f5f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px}
.shell{max-width:1200px;min-height:100dvh;background:#161917;padding-bottom:175px;overflow-x:clip}
.top{height:70px;max-width:1200px;margin:auto;padding:10px 18px;background:#171a18;border-color:#303631;gap:12px}
.top .menu-trigger{color:#dce3dd;font-size:24px;line-height:1;padding:4px}
.logo{font-size:20px;letter-spacing:-.8px;white-space:nowrap}.logo b{color:#00b86f}.mg-brand{background:#00a765;color:white;box-shadow:none;border-radius:9px}.brand-long{font-size:17px}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.top .pill{padding:8px 11px;border:1px solid #414741;color:#f0f5f0;background:#212521;border-radius:15px;font-size:12px;min-width:100px;text-align:left}.top-deposit{background:#00a765;color:white;font-weight:800;border:0;border-radius:14px;padding:11px 17px;min-height:43px}
.sec{padding:18px 20px 32px}.sec h1{font-size:24px!important}.panel{background:#202321;border:1px solid #343a36;border-radius:18px;box-shadow:none}.field{background:#1b1f1c;border-color:#404740;color:#f5f7f4}.field:focus{border-color:#00b86f;outline-color:#00b86f55}.btn{background:#009f60;box-shadow:none}.ghost{background:#282d29;border:1px solid #424a43;color:#e5ebe6}.green{background:#00a765}.red{background:#ca3c3d}.muted{color:#a1a9a2}.stamp{color:#a5aca6}.notice{background:#173b2e;color:#c5e7d5;border:1px solid #27674b}
#trade{padding:0 12px 35px;min-width:0;max-width:100%}.trade-heading{display:none}.terminal-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;width:100%;max-width:100%}.terminal-stack>*{min-width:0;max-width:100%}.contract-tabs{display:flex;gap:0;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #343a36;scrollbar-width:none}.contract-tabs::-webkit-scrollbar{display:none}.contract-tabs button{flex:0 0 auto;border:0;border-radius:0;background:transparent;color:#a4aaa4;white-space:nowrap;min-height:52px;padding:0 16px;font-size:13px;font-weight:700}.contract-tabs button.on{background:#15392d;color:#00bf75;border-bottom:3px solid #00b66f;box-shadow:none}.chart-panel{padding:11px!important;position:relative;overflow:hidden;width:100%}.market-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 3px 8px;min-width:0}.market-line .field{width:min(62%,235px);min-width:0;max-width:235px;min-height:42px;background:#222723;border-color:#3c453d}.quote-block{text-align:right;min-width:0;flex:1}.quote-block #quote{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;color:#eaf4ec;white-space:nowrap}.chart{height:clamp(290px,48vh,470px);width:100%;max-width:100%;background:#1b201c;border-radius:12px}.chart-footer{display:flex;justify-content:space-between;gap:9px;padding:9px 2px 2px;min-width:0}.chart-modes{display:flex;gap:5px;flex-shrink:0}.chart-modes .choice{padding:5px 8px;min-height:27px;font-size:10px}.chart-meta{font-size:10px;text-align:right;color:#a5b0a7;min-width:0;overflow:hidden;text-overflow:ellipsis}.digit-panel{padding:13px 9px!important}.digit-title{display:flex;justify-content:space-between;padding:0 8px 8px}.digit-stat{display:flex;justify-content:space-between;gap:3px;overflow:auto}.digit-stat>div{min-width:28px;text-align:center;flex:1}.digit-stat .number{display:grid;place-items:center;width:33px;height:33px;margin:auto;border:1px solid #505750;border-radius:50%;font:700 17px IBM Plex Mono,monospace;color:#ecf2ed}.digit-stat .number.latest{background:#eef2ec;color:#171a17}.digit-stat .pct{display:block;margin-top:5px;color:#9ba49c;font:11px IBM Plex Mono,monospace}.digit-stat .hot .number{border-color:#00b76d;color:#00c878}.digit-stat .cold .number{border-color:#ce5555;color:#ef6565}.ticket-panel{padding:17px!important}.ticket-panel .ticket-row{display:flex;gap:12px;justify-content:space-between;align-items:center}.ticket-panel .ticket-row>div{flex:1}.ticket-panel .ticket-row>div:last-child{text-align:right}.ticket-panel .ticket-value{font-size:19px;font-weight:800;margin-top:6px}.ticket-panel .scroll-x{margin-top:12px}.ticket-panel .choice{background:#282d29;border-color:#404940;color:#d9e5dc}.ticket-panel .choice.on{background:#124d35;border-color:#00a765;color:#f2fff7}.trade-float{max-width:1200px;width:100%;bottom:calc(69px + env(safe-area-inset-bottom));border:0;border-top:1px solid #343a36;border-radius:0;padding:8px 15px;background:#171a18;gap:10px}.trade-float button{font-size:17px;min-height:69px;border-radius:13px}.trade-float button:first-child{background:#00a765}.trade-float button:last-child{background:#c9383c}.nav{max-width:1200px;height:69px;background:#1c201d;border-color:#343a36;padding:6px 4px max(5px,env(safe-area-inset-bottom))}.nav button{font-size:11px;color:#8e9890;gap:1px}.nav button span{font-size:19px}.nav button.on{color:#f5f7f5}.nav button.on:after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#00b86f;margin:auto}.nav button.center span{background:transparent;box-shadow:none;width:auto;height:auto;margin:0;color:inherit;border-radius:0}
.sheet{background:#202321;border-color:#454c45}.toast{background:#19392b;border-color:#36845d}.auth{background:#151a16}.auth .panel{background:#202321}.auth .logo b{color:#00bd73}
@media(min-width:800px){.shell{box-shadow:0 15px 60px #0005}.terminal-stack{max-width:1080px;margin:auto;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);align-items:start}.contract-tabs{grid-column:1/-1}.chart-panel{grid-column:1;grid-row:2/4}.digit-panel{grid-column:2;grid-row:2}.ticket-panel{grid-column:2;grid-row:3}.trade-float{left:50%;width:min(100%,1200px)}.trade-float button{max-width:50%}}
@media(max-width:430px){.top{padding:8px 10px;gap:6px}.logo{font-size:15px}.mg-brand{width:25px;height:25px}.brand-long{font-size:13px}.top .pill{font-size:10px;min-width:91px;padding:7px}.top-deposit{padding:8px 10px;font-size:12px}.contract-tabs button{padding:0 12px;font-size:12px}#trade{padding-left:9px;padding-right:9px}.trade-float{padding:7px 8px}.digit-stat .number{width:29px;height:29px;font-size:15px}.digit-stat .pct{font-size:9px}}
.auth[hidden]{display:none!important}.auth{position:fixed;z-index:100;inset:0;max-width:none;min-height:100dvh;overflow:auto;background:#000b;display:flex;align-items:center;justify-content:center;padding:20px}.auth>.logo{display:none}.auth>.panel{position:relative;width:min(100%,440px);padding:28px!important;background:#202521;border-color:#4d5a50;box-shadow:0 24px 80px #000b}.auth-close{position:absolute;right:15px;top:10px;color:#cbd6cc;font-size:28px;padding:4px 8px}.auth-open{overflow:hidden}
@media(max-width:600px){.top{height:62px;padding:7px 10px}.brand-long{font-size:12px;letter-spacing:-.25px}.logo{gap:5px}.mg-brand{width:25px;height:25px;font-size:10px}.top .pill{min-width:84px;font-size:10px;padding:5px 6px}.top-deposit{min-height:37px;padding:8px 10px;font-size:12px}.top-actions{gap:5px}.menu-trigger{font-size:20px!important}.chart{height:clamp(265px,40vh,370px)}.chart-panel{padding:9px!important}.market-line .field{font-size:12px;padding:7px}.quote-block #quote{font-size:16px}.chart-footer{align-items:center}.chart-meta{max-width:48%;white-space:nowrap}.trade-float{bottom:calc(69px + env(safe-area-inset-bottom));padding:7px 9px}.trade-float button{min-height:59px}.nav{height:69px}.shell{padding-bottom:170px}}
.scan-card{margin-bottom:14px}.scan-card h2{font-size:19px!important;font-weight:800;margin:3px 0}.scan-indicator{font-size:10px;letter-spacing:1px;color:#00c879;background:#153e2c;border-radius:20px;padding:6px 9px}.scan-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #384039}.scan-row:last-child{border-bottom:0}.scan-row>div{display:grid;gap:2px}.scan-row>div:last-child{text-align:right}.scan-row b,.scan-row strong{font-size:13px}.scan-row strong{color:#00c879}.scan-row span{color:#9ca89d;font-size:11px}.top .pill strong{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.top .pill{line-height:1.25}#markets .panel,#positions .panel,#profile .panel,#bots .panel{border-color:#3b423c}.sec:not(#trade) h1{font-weight:800;letter-spacing:-.7px}.sec:not(#trade){max-width:760px;margin:auto}
