:root{--bg:#f6f8fb;--card:#fff;--ink:#172033;--muted:#8993a5;--line:#edf0f4;--green:#12ad7b;--red:#ef5264;--blue:#5578ed;--shadow:0 8px 28px rgba(28,42,67,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.green,.positive{color:var(--green)!important}.negative{color:var(--red)!important}.muted{color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.7px}.brand.small{font-size:17px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#102b2a;color:#fff;font-weight:800}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 900px)/2));background:#fff;border-bottom:1px solid var(--line)}.avatar,.profile-avatar{display:grid;place-items:center;background:#e7f8f1;color:#07966b;border-radius:50%;font-weight:800;width:36px;height:36px}.app-shell{max-width:900px;min-height:100vh;margin:auto;background:var(--bg);padding-bottom:86px}.content,.trade-content{padding:24px 22px 32px}.welcome{display:flex;justify-content:space-between;align-items:center;margin:4px 0 20px}.eyebrow{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#98a1b0;margin-bottom:8px}h1{font-size:25px;letter-spacing:-.8px;margin:0 0 7px}h2{font-size:16px;margin:0}.welcome p,.content>p{margin:0}.live-pill,.demo-label{font-size:9px;font-weight:800;letter-spacing:.7px;color:#07966b;background:#e8f8f1;border-radius:20px;padding:7px 10px}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#12ad7b;margin-right:5px}.balance-card{padding:23px 22px;border-radius:18px;background:linear-gradient(120deg,#102e2c,#145849);color:#fff;box-shadow:var(--shadow)}.balance-head,.balance-foot{display:flex;justify-content:space-between;align-items:center;color:#c0d8d1;font-size:12px}.demo-label{background:rgba(255,255,255,.12);color:#d7f9e9}.balance-amount{font-size:34px;font-weight:800;letter-spacing:-1.5px;margin:16px 0}.balance-foot{font-size:10px;color:#b5d2c9}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0 26px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}.quick-card b{font-size:14px}.quick-card small,.market-name small,.market-options small{color:var(--muted);font-size:11px}.quick-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-size:20px;margin-bottom:6px}.green-bg{background:#e6f8f1;color:#0da777}.blue-bg{background:#edf1ff;color:#5978e7}.section-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.section-head a{font-size:11px;color:#718099;font-weight:700}.market-list,.activity-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.market-list>a,.activity-row{display:flex;align-items:center;gap:12px;padding:14px 15px;border-bottom:1px solid var(--line)}.market-list>a:last-child,.activity-row:last-child{border:0}.coin{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font-weight:800}.gold{background:#fff5d9;color:#b88a22}.orange{background:#fff0e5;color:#e58b2b}.blue{background:#eaf0ff;color:#5476dc}.market-name{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.market-name b{font-size:12px}.market-price{font-size:12px;font-weight:700}.empty{text-align:center;padding:25px;color:var(--muted);font-size:12px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(900px,100%);height:68px;padding:7px 12px calc(7px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:rgba(255,255,255,.97);border-top:1px solid var(--line);z-index:10}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9aa3b1;font-size:10px;min-width:60px}.bottom-nav b{font-size:20px;font-weight:500}.bottom-nav a:focus,.bottom-nav a:hover{color:var(--green)}.auth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 18px}.auth-wrap>.brand{margin-bottom:24px}.auth-card{width:min(430px,100%);background:#fff;padding:30px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.auth-card h1{font-size:26px}.auth-card>p{margin:8px 0 24px}.auth-card form{display:flex;flex-direction:column;gap:9px}.auth-card label,.order-fields label{font-size:11px;font-weight:700;color:#667186;margin-top:6px}.auth-card input,.modal-card>input{height:46px;border:1px solid #e5e9ef;border-radius:10px;padding:0 13px;outline:none;margin-bottom:7px}.auth-card input:focus,.modal-card>input:focus{border-color:#20b58a}.btn{border:0;border-radius:11px;padding:14px 18px;font-weight:800}.primary{background:var(--green);color:white}.secondary{background:#f0f3f7;color:#566174}.full{width:100%}.auth-foot{text-align:center;font-size:12px;color:var(--muted);margin:22px 0 0!important}.auth-foot a{color:var(--green);font-weight:800}.fine{font-size:10px;color:#a3aab6;text-align:center;margin-top:18px}.alert{background:#fff0f1;color:#c93e50;padding:11px;border-radius:9px;font-size:12px;margin:15px 0}.back{font-size:30px;color:#667186;line-height:1}.balance-chip{background:#eaf8f2;color:#0b9c70;padding:9px 12px;border-radius:10px;font-size:12px;font-weight:800}.trading-shell{max-width:1000px}.trade-content{padding:16px 18px 28px}.trade-instrument{display:flex;align-items:center;justify-content:space-between}.instrument-select{border:0;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:4px 0}.instrument-select>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.instrument-select b{font-size:14px}.instrument-select small{font-size:10px;color:var(--muted)}.chevron{color:#9aa3b1}.instrument-tools{display:flex;gap:5px}.instrument-tools button,.chart-menu{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;color:#697589}.quote-row{display:flex;justify-content:space-between;align-items:end;margin:18px 0 12px}.quote-price{font-size:25px;font-weight:800;letter-spacing:-.8px}.quote-change{font-size:11px;font-weight:800;padding:6px 9px;border-radius:8px;background:#e8f8f1}.quote-change.negative{background:#fff0f1}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.timeframes{display:flex;gap:5px}.timeframes button{border:0;background:transparent;color:#8993a5;padding:7px 9px;border-radius:7px;font-size:10px;font-weight:700}.timeframes button.active{background:#e8f8f1;color:#0b9b70}.chart-wrap{height:330px;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;position:relative}.chart-watermark{position:absolute;bottom:13px;left:14px;color:#d3d9e2;font-size:10px;font-weight:800;letter-spacing:1px;pointer-events:none}.chart-watermark span{color:#11ae7d}.chart-legend{display:flex;align-items:center;gap:12px;padding:9px 2px;color:#9aa3b1;font-size:9px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.green-dot{background:var(--green)}.red-dot{background:var(--red)}.feed-note{margin-left:auto}.order-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;margin-top:10px;box-shadow:var(--shadow)}.order-top,.position-head,.position-info{display:flex;align-items:center;justify-content:space-between}.order-top{font-weight:800;font-size:13px}.available{font-size:10px;color:var(--muted);font-weight:500}.available b{color:var(--green)}.order-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.order-fields label{display:flex;flex-direction:column;gap:8px}.amount-input, .order-fields select{height:42px;border:1px solid #e8ebf0;border-radius:9px;display:flex;align-items:center;padding:0 10px;color:#687487}.amount-input span{font-weight:800}.amount-input input{width:100%;border:0;outline:0;padding:0 6px;font-weight:700;color:var(--ink)}.order-fields select{background:white}.amount-shortcuts{display:flex;gap:7px;margin:10px 0 14px}.amount-shortcuts button{border:1px solid #e8ebf0;background:#fff;border-radius:7px;padding:7px 12px;color:#778297;font-size:10px;font-weight:700}.trade-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trade-actions button{border:0;border-radius:11px;color:#fff;display:grid;grid-template-columns:32px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;padding:11px 14px}.trade-actions button>span{grid-row:span 2;font-size:23px}.trade-actions b{font-size:14px}.trade-actions small{font-size:9px;opacity:.8}.sell-btn{background:#ed5264}.buy-btn{background:#12ad7b}.risk-note{font-size:9px;color:#a2aab6;text-align:center;margin:13px 0 0}.position-box,.open-position{margin-top:13px;padding:12px;background:#f7faf9;border-radius:10px;border:1px solid #e4f3ed}.position-head{font-size:11px}.position-head span{font-weight:800;color:var(--green)}.position-info{font-size:11px;margin-top:9px}.close-position{border:0;background:#fff0f1;color:#d74a5a;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:800}.modal{display:none;position:fixed;inset:0;background:rgba(17,28,43,.4);z-index:20;align-items:end;justify-content:center}.modal.show{display:flex}.modal-card{background:#fff;border-radius:20px 20px 0 0;width:min(520px,100%);padding:20px 18px 28px;max-height:80vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head b{font-size:16px}.modal-close{border:0;background:#f2f4f7;border-radius:50%;width:30px;height:30px;font-size:20px}.modal-card>input{width:100%;margin:0 0 10px}.market-options button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 8px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;font-size:17px}.market-options button span{display:flex;flex-direction:column;gap:4px}.market-options button b{font-size:12px}.market-options button small{font-size:10px}.toast{position:fixed;z-index:50;bottom:85px;left:50%;transform:translateX(-50%);background:#172033;color:#fff;padding:12px 16px;border-radius:10px;font-size:12px;box-shadow:var(--shadow);max-width:90%;text-align:center}.history-result{display:flex;flex-direction:column;align-items:end;gap:4px;font-size:12px}.history-result small{font-size:10px;color:var(--muted)}.direction{font-size:9px;font-weight:800;padding:7px 8px;border-radius:6px}.direction.buy{background:#e8f8f1;color:#0a9b70}.direction.sell{background:#fff0f1;color:#e34c60}.trade-state{font-size:9px;color:#8490a2;font-weight:800}.profile-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:20px 0}.profile-avatar{width:56px;height:56px;font-size:21px;margin:auto}.profile-card h2{text-align:center;margin-top:12px}.profile-card>p{text-align:center;font-size:12px}.profile-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0 0;margin-top:14px;font-size:11px;color:#778297}.profile-meta b{color:var(--ink)}.logout{display:block;text-align:center}.history-list{margin-top:18px}
@media(min-width:700px){.content{padding:32px}.trade-content{padding:22px 30px}.chart-wrap{height:420px}.chart-wrap #chart{height:420px!important}.modal{align-items:center}.modal-card{border-radius:18px}.bottom-nav{border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0}}
@media(max-width:420px){.content{padding:20px 15px}.trade-content{padding:13px 12px}.chart-wrap{height:290px}.quote-price{font-size:22px}.order-panel{padding:13px}.amount-shortcuts button{flex:1;padding:7px 2px}.trade-actions button{padding:10px}.balance-amount{font-size:30px}}
/* TradeArena Home & feature hub refresh */
.top-actions{display:flex;align-items:center;gap:10px}.home-content{padding-top:18px}.home-section-title,.market-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.home-section-title h2,.market-heading h2{font-size:17px;margin:0}.home-section-title>span,.market-heading>a{font-size:12px;color:#7a8495;text-decoration:none}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}.feature-tile{min-width:0;text-decoration:none;color:#202b3d;display:flex;align-items:center;flex-direction:column;gap:7px;padding:10px 3px;border:1px solid #edf0f5;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(28,43,70,.035)}.feature-tile b{font-size:11px;font-weight:650;white-space:nowrap}.tile-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:22px;font-weight:800}.tile-icon.violet{background:#f0eaff;color:#8354d9}.tile-icon.blue{background:#e9f2ff;color:#4385df}.tile-icon.indigo{background:#eeedff;color:#6965d9}.tile-icon.orange{background:#fff0e5;color:#e78b39}.tile-icon.pink{background:#ffebf0;color:#df5b80}.tile-icon.amber{background:#fff6dd;color:#c18a20}.tile-icon.cyan{background:#e4f8fb;color:#2697ae}.tile-icon.slate{background:#eef1f5;color:#657287}.promo-banner{margin:18px 0 13px;padding:18px 17px;min-height:132px;border-radius:17px;background:linear-gradient(115deg,#17132f,#30236a 65%,#48349b);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.promo-banner h3{font-size:16px;margin:7px 0 5px;max-width:230px}.promo-banner p{font-size:11px;color:#c9c2ed;margin:0 0 12px}.promo-banner b{font-size:11px;color:#c5b6ff}.promo-tag{font-size:9px;letter-spacing:1.3px;color:#c8baff;font-weight:800}.promo-art{font-size:76px;color:#a58bff;opacity:.8;text-shadow:0 8px 35px #9d81ff}.notice-strip{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px;background:#f3f6fb;color:#657287}.notice-strip>span:first-child{font-size:18px;color:#5b79cf}.notice-strip div{display:flex;flex-direction:column;gap:3px;flex:1}.notice-strip b{font-size:11px;color:#39465b}.notice-strip small{font-size:10px}.notice-arrow{font-size:20px}.market-heading{margin-top:24px}.market-heading .eyebrow{font-size:9px;margin-bottom:4px}.market-tabs{display:flex;gap:19px;overflow-x:auto;white-space:nowrap;padding:0 0 10px;border-bottom:1px solid #edf0f4}.market-tabs a{font-size:11px;color:#8b95a5;text-decoration:none;padding:5px 0}.market-tabs a.active{color:#4d68d7;font-weight:750;border-bottom:2px solid #596fe0}.modern-market{margin-top:2px}.modern-market>a{padding:13px 3px;border-bottom:1px solid #f0f2f6}.market-action{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.market-action small{font-size:8px;letter-spacing:.5px;color:#a0a8b5}.market-action b{font-size:11px;color:#526bd2}.coin.violet{background:#f0eaff;color:#7754c8}.coin.gold{background:#fff4d8;color:#b98a2e}.coin.pink{background:#ffedf2;color:#d45d7d}.coin.green{background:#e5f8f0;color:#159a6b}.coin.slate{background:#eef1f5;color:#64748b}.feature-content{padding-top:14px}.back-link{display:inline-block;color:#788397;text-decoration:none;font-size:12px;margin:0 0 15px}.feature-hero,.feature-panel{border-radius:17px;padding:19px;margin:12px 0;background:#fff;border:1px solid #edf0f5;box-shadow:0 4px 16px rgba(30,45,70,.04)}.feature-hero{color:#fff;border:0;min-height:190px}.feature-hero.purple{background:linear-gradient(135deg,#30215f,#7954cf)}.feature-hero.blue{background:linear-gradient(135deg,#1c477e,#438bd6)}.feature-hero.gold{background:linear-gradient(135deg,#704a18,#d59a39)}.feature-hero.mining{background:linear-gradient(135deg,#103e50,#16899a)}.feature-kicker{font-size:9px;letter-spacing:1.5px;font-weight:800;opacity:.8}.feature-hero h2{font-size:20px;margin:10px 0 6px}.feature-hero p{font-size:12px;line-height:1.6;opacity:.83}.ref-code,.ref-link{display:flex;gap:8px;align-items:center;margin-top:12px}.ref-code{justify-content:space-between;background:rgba(255,255,255,.14);padding:10px 12px;border-radius:10px}.ref-code span{font-size:20px;font-weight:800;letter-spacing:2px}.ref-code button,.ref-link button{border:0;border-radius:8px;padding:9px 11px;font-size:11px;font-weight:700;color:#3d3275;background:#fff}.ref-link input{width:100%;min-width:0;border:0;border-radius:8px;padding:10px;font-size:10px}.feature-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-stats>div{padding:15px;background:#fff;border:1px solid #edf0f5;border-radius:13px;display:flex;flex-direction:column;gap:5px}.feature-stats b{font-size:20px}.feature-stats small,.tiny{font-size:10px;color:#8993a3}.big-reward{font-size:32px;font-weight:850;margin:16px 0}.big-reward small{font-size:10px;letter-spacing:1px;opacity:.75}.feature-hero .btn{background:#fff;color:#284f8d}.feature-hero.gold .btn{color:#80551b}.feature-hero.purple .btn{color:#5b3b9c}.feature-panel h2,.feature-panel h3{font-size:16px;margin:0 0 9px}.feature-panel p{font-size:12px;line-height:1.6}.feature-panel label{display:block;font-size:11px;font-weight:700;margin:13px 0 6px}.feature-panel input,.feature-panel select,.coupon-form input{width:100%;border:1px solid #e6eaf0;border-radius:10px;padding:12px;font:inherit;font-size:13px;background:#fbfcfe}.calc-result{margin-top:16px;background:#f4f7fb;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:5px}.calc-result small{font-size:10px;color:#7e899a}.calc-result strong{font-size:25px;color:#0aa879}.coupon-form{display:flex;gap:8px}.coupon-form .btn{white-space:nowrap}.feature-alert{padding:12px 14px;border-radius:11px;font-size:12px;margin:12px 0}.feature-alert.success{background:#e8f8f1;color:#137b59}.feature-alert.error{background:#fff0f1;color:#bd4052}.video-frame{position:relative;padding-top:56.25%;margin-top:12px;border-radius:12px;overflow:hidden;background:#111}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.mining-gem{font-size:42px;margin:12px 0;color:#a5f2ff;text-shadow:0 0 25px #62e4ff}.market-search{display:flex;gap:8px;margin:15px 0}.market-search input{flex:1;min-width:0;border:1px solid #e7ebf1;border-radius:11px;padding:12px;font-size:12px}.market-search button{width:44px;border:0;border-radius:11px;background:#5d70d8;color:#fff;font-size:20px}.market-category{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.market-category a{white-space:nowrap;text-decoration:none;padding:8px 12px;border-radius:20px;background:#f1f3f8;color:#7e899b;font-size:11px}.market-category a.active{background:#e9edff;color:#5068d7;font-weight:750}.bottom-nav{z-index:30}.bottom-nav a{min-width:0}.bottom-nav a span{font-size:9px}@media(min-width:700px){.app-shell{max-width:680px}.feature-grid{grid-template-columns:repeat(4,1fr)}.home-content,.feature-content{padding-left:24px;padding-right:24px}.promo-banner{min-height:150px}}

/* ===== Scoped Beranda market layout: isolated from Market/Trading pages ===== */
.home-shell{padding-bottom:calc(88px + env(safe-area-inset-bottom));}
.home-content .feature-tile .tile-icon i{font-size:19px}
.home-content .home-market-section{margin-top:25px}
.home-content .home-market-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
.home-content .home-market-heading h2{font-size:18px;margin:0}
.home-content .home-market-heading>a{font-size:11px;color:#718099;font-weight:700;white-space:nowrap}
.home-content .home-market-heading>a i{font-size:10px;margin-left:3px}
.home-content .home-market-tabs{display:flex;gap:22px;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #edf0f4;margin-bottom:4px;scrollbar-width:none}
.home-content .home-market-tabs::-webkit-scrollbar{display:none}
.home-content .home-market-tabs a{padding:9px 0 11px;font-size:12px;color:#8b95a5;position:relative}
.home-content .home-market-tabs a.active{color:#202735;font-weight:750}
.home-content .home-market-tabs a.active:after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:3px;border-radius:3px;background:#8752e8}
.home-content .home-quote-list{background:transparent}
.home-content .home-quote-row{display:grid;grid-template-columns:minmax(104px, .78fr) minmax(0,1.42fr);align-items:center;gap:10px;padding:17px 0;border-bottom:0;min-height:105px}
.home-content .home-quote-asset{display:flex;align-items:center;gap:8px;min-width:0}
.home-content .home-asset-icon{width:27px;height:27px;flex:0 0 27px;border-radius:50%;display:grid;place-items:center;background:#f1f3f6;color:#7b8492;font-size:14px}
.home-content .home-asset-icon.btc{background:#fff1e5;color:#f7931a}
.home-content .home-asset-icon.etc,.home-content .home-asset-icon.eth{background:#eeedff;color:#7068c9}
.home-content .home-asset-icon.gold{background:#fff5d9;color:#b88a22}
.home-content .home-asset-icon.sndk{background:#eef1f5;color:#526176}
.home-content .home-asset-icon.spcx{background:#edf1f7;color:#39465a}
.home-content .home-asset-icon.eur{background:#eaf0ff;color:#4569c8}
.home-content .home-asset-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.home-content .home-asset-copy strong{font-size:clamp(13px,3.8vw,17px);font-weight:500;white-space:nowrap;letter-spacing:-.3px}
.home-content .home-asset-copy strong small{font-size:.78em;color:#929aa7;margin-left:3px}
.home-content .home-asset-copy em{font-size:clamp(10px,3vw,13px);font-style:normal;white-space:nowrap;color:#e36a80}
.home-content .home-asset-copy em.up{color:#11ad7b}
.home-content .home-asset-copy em span{margin-left:3px}
.home-content .home-quote-actions{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;min-width:0}
.home-content .home-quote-btn{height:57px;min-width:0;padding:7px 10px;display:flex;flex-direction:column;justify-content:center;gap:3px;color:#fff}
.home-content .home-quote-btn.sell{background:#f34e70;border-radius:13px 0 0 13px;align-items:flex-start}
.home-content .home-quote-btn.buy{background:#08bd8d;border-radius:0 13px 13px 0;align-items:flex-end}
.home-content .home-quote-btn b{font-size:11px;line-height:1.1;font-weight:750}
.home-content .home-quote-btn strong{font-size:clamp(12px,3.6vw,17px);font-weight:500;line-height:1.2;white-space:nowrap;letter-spacing:-.3px}
.home-content .home-spread{position:absolute;z-index:1;left:50%;top:-5px;transform:translateX(-50%);min-width:49px;height:25px;padding:3px 5px;background:#fff;color:#202735;border-radius:0 0 8px 8px;text-align:center;font-size:10px;line-height:19px;box-shadow:0 2px 3px rgba(20,30,50,.04)}
.home-content .home-market-disclaimer{font-size:9px;color:#a0a8b5;line-height:1.5;margin:6px 0 14px}
.bottom-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:min(680px,100%)!important;height:calc(66px + env(safe-area-inset-bottom))!important;padding:7px 9px calc(7px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;gap:0!important;background:rgba(255,255,255,.98)!important;border:1px solid #edf0f4!important;border-bottom:0!important;border-radius:18px 18px 0 0!important;box-shadow:0 -5px 22px rgba(20,35,60,.07)!important;z-index:100!important}
.bottom-nav a{width:100%!important;min-width:0!important;height:49px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;color:#929aa8!important;border-radius:14px!important;font-size:10px!important;line-height:1!important}
.bottom-nav a i{font-size:18px!important;line-height:20px!important}
.bottom-nav a span{font-size:9px!important;line-height:12px!important}
.bottom-nav a.active{color:#202735!important;background:#f0f1f3!important;font-weight:750!important}
.bottom-nav a.active i{color:#202735!important}
@media(max-width:390px){
 .home-content .home-quote-row{grid-template-columns:minmax(92px,.72fr) minmax(0,1.45fr);gap:7px;min-height:94px;padding:14px 0}
 .home-content .home-asset-icon{display:none}
 .home-content .home-quote-actions{gap:14px}
 .home-content .home-quote-btn{height:53px;padding:6px 7px}
 .home-content .home-spread{min-width:43px;font-size:9px}
 .home-content .home-market-tabs{gap:18px}
}
@media(min-width:700px){
 .bottom-nav{width:min(680px,100%)!important}
 .home-content .home-quote-row{min-height:112px}
 .home-content .home-quote-btn{height:62px}
}

/* Dedicated Positions page — scoped so it never changes the trading terminal */
.positions-shell{background:#f2f3f6;min-height:100vh;padding-bottom:calc(82px + env(safe-area-inset-bottom));}
.positions-account-head{padding:24px 4.2% 76px;background:#f2f3f6;color:#20232b;}
.account-type{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:600;min-height:38px}.account-type-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#382071;color:#fff;font-size:16px}.account-type>i{font-size:14px;color:#505866}.account-change{margin-left:auto;background:#8246e8;color:white;text-decoration:none;padding:9px 23px;border-radius:24px;font-size:14px;font-weight:600}
.balance-caption{margin-top:23px;font-size:15px;color:#292d35}.balance-caption i{font-size:12px;color:#9aa1ad;margin-left:3px}.balance-line{display:flex;align-items:center;gap:12px;margin-top:5px}.balance-line strong{font-size:clamp(27px,7vw,36px);font-weight:500;letter-spacing:-1px}.balance-change{font-size:17px;color:#e95c78}
.positions-panel{position:relative;background:#fff;border-radius:28px 28px 0 0;margin-top:-28px;min-height:calc(100vh - 290px);padding:0 4.2% 30px;}
.panel-notch{height:34px;display:flex;align-items:center;justify-content:center;color:#9ba2ae}.panel-notch i{font-size:14px}
.position-tabs{height:54px;display:grid;grid-template-columns:1fr 1.35fr 1fr;align-items:stretch;border-bottom:1px solid #eceef2;gap:4px}.position-tab{position:relative;background:none;border:0;color:#777e8b;font:500 15px Inter,Arial,sans-serif;white-space:nowrap;padding:0 3px}.position-tab.active{color:#20242c;font-weight:650}.position-tab.active:after{content:"";position:absolute;bottom:-1px;left:25%;width:50%;height:3px;background:#8548e8;border-radius:4px}.tab-count{display:inline-grid;place-items:center;min-width:21px;height:21px;border:1px solid currentColor;border-radius:50%;font-size:12px;margin-left:2px}
.position-tab-content{display:none;padding-top:14px}.position-tab-content.active{display:block}.quick-close-banner{min-height:58px;background:#f4f4f8;border-radius:8px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#363a44;font-size:13px}.quick-close-banner span{display:flex;align-items:center;gap:9px}.quick-close-banner span i{color:#8246e8;font-size:19px}.quick-close-banner button{border:0;background:#8246e8;color:#fff;border-radius:22px;padding:9px 17px;font-size:13px;font-weight:600;white-space:nowrap}.open-position-card{padding:17px 0 13px;border-bottom:1px solid #eceef2}.open-position-main,.history-position-top{display:flex;align-items:center;gap:8px;min-width:0}.position-symbol{font-size:17px;font-weight:550;display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.side-pill{display:inline-flex;align-items:center;border-radius:16px;padding:4px 10px;font-size:12px;font-weight:600}.side-pill.buy{background:#e5f7f2;color:#14ad87}.side-pill.sell{background:#fceaf0;color:#e95c79}.position-lot{font-size:14px;font-weight:500;color:#292e37}.floating-pnl{margin-left:auto;font-size:17px;white-space:nowrap}.positive{color:#13b58c!important}.negative{color:#e85b78!important}.position-subline{display:flex;justify-content:space-between;gap:8px;margin-top:13px;color:#9299a5;font-size:12px}.position-subline b{font-weight:500;color:#717987}.current-quote{color:#13ad87}.position-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;color:#9aa1ad;font-size:11px}.close-one-position{border:0;background:#fff;color:#8b929e;font-size:11px;padding:4px 0}.close-one-position i{margin-left:5px}.positions-feed-note{font-size:10px;color:#9aa1ad;line-height:1.5;margin:14px 0}.positions-empty{padding:64px 18px 40px;text-align:center;color:#8e96a3}.positions-empty>span{width:54px;height:54px;border-radius:18px;background:#f2edfc;color:#8246e8;display:grid;place-items:center;margin:0 auto 14px;font-size:22px}.positions-empty b{display:block;color:#353a45;font-size:15px}.positions-empty p{font-size:12px;line-height:1.6;margin:8px auto 15px;max-width:260px}.positions-empty a{color:#8246e8;text-decoration:none;font-size:13px;font-weight:600}.history-position-card{padding:16px 0;border-bottom:1px solid #eceef2}.history-position-top>b{font-size:16px}.history-position-top strong{margin-left:auto;font-size:16px;white-space:nowrap}.history-detail{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:12px;color:#969daa}.history-detail b{font-weight:500;color:#777f8d;text-align:right}.history-detail .status-closed{color:#10b58b}.positions-shell .bottom-nav{position:fixed!important;}
@media(min-width:700px){.positions-shell{max-width:680px;margin:0 auto}.positions-account-head{padding-left:28px;padding-right:28px}.positions-panel{padding-left:28px;padding-right:28px}}


/* Positions page: medium-density sizing. Keep shared bottom navigation untouched. */
.positions-shell{max-width:680px;background:#f4f5f7;padding-bottom:calc(86px + env(safe-area-inset-bottom));font-size:13px}
.positions-account-head{padding:16px 16px 46px;background:#f4f5f7}
.account-type{min-height:30px;gap:7px;font-size:14px;font-weight:600}
.account-type-icon{width:26px;height:26px;font-size:12px}
.account-type>i{font-size:11px}
.account-change{padding:6px 15px;font-size:11px;border-radius:18px}
.balance-caption{margin-top:15px;font-size:12px}
.balance-caption i{font-size:10px}
.balance-line{gap:8px;margin-top:3px}
.balance-line strong{font-size:27px;letter-spacing:-.7px;font-weight:500}
.balance-change{font-size:12px}
.positions-account-metrics{margin-top:10px;padding:11px 12px;background:#fff;border:1px solid #f0f0f3;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:9px;box-shadow:0 2px 8px rgba(25,35,55,.025)}
.positions-account-metrics[hidden]{display:none}
.positions-account-metrics>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.positions-account-metrics span{font-size:10px;color:#9299a5;white-space:nowrap}
.positions-account-metrics b{font-size:11px;font-weight:550;color:#343944;white-space:nowrap}
.positions-account-metrics small{font-size:9px;color:#8993a2}
.positions-account-metrics .risk-low{color:#11a981}
.positions-account-metrics .risk-low i{font-size:9px;margin-right:2px}
.positions-panel{margin-top:-22px;min-height:calc(100vh - 220px);padding:0 15px 24px;border-radius:20px 20px 0 0}
.panel-notch{height:27px;width:100%;display:flex;align-items:center;justify-content:center;color:#9ba2ae;background:transparent;border:0;padding:0;cursor:pointer}
.panel-notch i{font-size:12px;transition:transform .2s ease}
.panel-notch[aria-expanded="true"] i{transform:rotate(180deg)}
.position-tabs{height:44px;grid-template-columns:1fr 1.25fr 1fr;gap:3px}
.position-tab{font-size:12px;padding:0 2px;font-weight:500}
.position-tab.active{font-weight:650}
.position-tab.active:after{height:2px}
.tab-count{min-width:17px;height:17px;font-size:10px;margin-left:2px}
.position-tab-content{padding-top:11px}
.quick-close-banner{min-height:42px;padding:7px 9px;border-radius:7px;font-size:11px;gap:7px}
.quick-close-banner span{gap:6px}
.quick-close-banner span i{font-size:14px}
.quick-close-banner button{padding:6px 12px;font-size:10px;border-radius:16px}
.open-position-card{padding:12px 0 10px}
.open-position-main,.history-position-top{gap:6px}
.position-symbol{font-size:13px;gap:5px;font-weight:550}
.side-pill{padding:3px 7px;border-radius:10px;font-size:10px;font-weight:600}
.position-lot{font-size:11px}
.floating-pnl{font-size:13px}
.position-subline{margin-top:8px;font-size:10px;gap:6px}
.position-card-footer{margin-top:8px;font-size:9px;gap:6px}
.close-one-position{font-size:10px;padding:3px 0}
.close-one-position i{margin-left:3px}
.positions-feed-note{font-size:9px;margin:9px 0;line-height:1.45}
.positions-empty{padding:48px 14px 32px}
.positions-empty>span{width:44px;height:44px;border-radius:14px;font-size:18px;margin-bottom:11px}
.positions-empty b{font-size:13px}
.positions-empty p{font-size:10px;max-width:240px;margin:7px auto 11px}
.positions-empty a{font-size:11px}
.history-position-card{padding:12px 0}
.history-position-top{gap:6px}
.history-position-top>b,.history-position-top strong{font-size:13px}
.history-detail{margin-top:8px;font-size:10px}
@media(max-width:380px){
 .positions-account-head{padding-left:13px;padding-right:13px}
 .positions-panel{padding-left:12px;padding-right:12px}
 .position-tab{font-size:11px}
 .positions-account-metrics{column-gap:9px}
}
@media(min-width:700px){
 .positions-account-head{padding:16px 22px 46px}
 .positions-panel{padding-left:22px;padding-right:22px}
}


/* Fast multi-position close — scoped to Positions page; shared bottom navigation is untouched */
.positions-shell [hidden]{display:none!important}
.position-select-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 2px 8px;border-bottom:1px solid #f0f1f4;margin-bottom:3px}
.select-all-control{display:flex;align-items:center;gap:5px;font-size:10px;color:#555d6a;white-space:nowrap}
.select-all-control input,.position-row-check{accent-color:#8548e8}
.position-select-toolbar select,.pnl-filter,.selection-cancel{height:26px;border:1px solid #ececf1;border-radius:14px;background:#fff;color:#697180;padding:0 8px;font-size:10px;max-width:92px}
.pnl-filter.active{background:#e9ddff;color:#7840d8;border-color:#e9ddff}
.selection-cancel{margin-left:auto;color:#e24c63;border-color:#f5dce1}
.open-position-card{display:flex;align-items:center;gap:8px}
.open-position-body{flex:1;min-width:0}
.position-select-check{display:none;align-items:center;justify-content:center;width:22px;flex:0 0 22px}
.open-position-card.selecting .position-select-check{display:flex}
.position-select-check input{width:16px;height:16px;margin:0;accent-color:#8548e8}
.open-position-card[hidden]{display:none!important}
.selected-close-bar{position:fixed;z-index:9;left:50%;transform:translateX(-50%);bottom:calc(72px + env(safe-area-inset-bottom));width:min(680px,100%);padding:8px 14px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 28%);pointer-events:none}
.selected-close-bar button{width:100%;height:40px;border:0;border-radius:24px;background:#8548e8;color:#fff;font-size:12px;font-weight:700;box-shadow:0 4px 14px rgba(133,72,232,.22);pointer-events:auto}
.selected-close-bar button:disabled{opacity:.65}
@media(max-width:380px){
 .position-select-toolbar{gap:5px}
 .position-select-toolbar select,.pnl-filter,.selection-cancel{font-size:9px;padding:0 6px}
}