/* NexumBit m9: simplification + premium chrome for phones (<=600px). Builds on rx-m8.css.
   Rule: every screen gets one focal point. Secondary items are removed or folded away.
   Type sizes in use: 40 (focal number) · 28 (screen title) · 17 (body/rows) · 15 (secondary) · 13 (meta) · 10 (tab labels). */
@media (max-width:600px){
body.m8{--m8-bg:#0C0A17;--m8-s1:#16131F;--m8-s2:#1E1A2B;--m8-s3:#2A2540;background:var(--m8-bg)!important;background-image:none!important}
body.m8::before,body.m8::after,body.m8 .bg-glow,body.m8 .rx-bg,body.m8 .page-glow{display:none!important}
body.m8 .view{background:none!important}

/* ---------- top bar: quiet, content-first ---------- */
body.m8 .header{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:.5px solid transparent!important;box-shadow:none!important;transition:background-color .2s,border-color .2s}
body.m8.m9-scrolled .header{background:rgba(12,10,23,.78)!important;backdrop-filter:saturate(1.8) blur(24px)!important;-webkit-backdrop-filter:saturate(1.8) blur(24px)!important;border-bottom-color:rgba(255,255,255,.06)!important}
body.m8 .header-inner{height:52px!important;min-height:52px!important;padding:0 12px 0 16px!important;align-items:center!important}
body.m8 .brand{height:44px;display:flex!important;align-items:center}
body.m8 .brand svg{width:26px!important;height:26px!important;opacity:.92}
body.m8 .header-actions{gap:8px!important;align-items:center!important}
/* wallet pill */
body.m8 #wallet-btn{height:36px!important;min-height:36px!important;padding:0 14px 0 12px!important;gap:8px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:.5px solid rgba(255,255,255,.08)!important;color:#F4F1EA!important;font:600 15px/1 var(--m8-font)!important;letter-spacing:-.1px}
body.m8 #wallet-btn-icon{display:inline-grid!important;place-items:center;width:16px;height:16px;color:#C4B5FD}
body.m8 #wallet-btn-icon svg{width:16px!important;height:16px!important;stroke-width:1.75!important}
body.m8 #wallet-btn.connected{font:500 15px/1 var(--m8-font)!important;font-variant-numeric:tabular-nums}
body.m8 #wallet-btn.connected #wallet-btn-icon span{width:8px!important;height:8px!important;background:#34D399!important;box-shadow:0 0 0 3px rgba(52,211,153,.18)}
/* icon button */
body.m8 .mx-gear{width:36px!important;height:36px!important;min-height:36px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;border:.5px solid rgba(255,255,255,.08)!important;display:grid!important;place-items:center;color:rgba(244,241,234,.8)!important}
body.m8 .mx-gear svg{width:20px!important;height:20px!important;stroke-width:1.75!important}
body.m8 .m8-tbar-title{left:72px;right:132px;height:52px;font:600 17px/1 var(--m8-font)}

/* ---------- tab bar: no pills, one accent ---------- */
body.m8 .mx-tabbar{background:rgba(12,10,23,.86)!important;border-top:.5px solid rgba(255,255,255,.06)!important;height:calc(52px + env(safe-area-inset-bottom))!important;padding:2px 8px env(safe-area-inset-bottom)!important}
body.m8 .mx-tabbar::before,body.m8 .mx-tabbar::after{display:none!important}
body.m8 .mx-tab{gap:4px!important;color:rgba(244,241,234,.42)!important;padding-top:6px!important;justify-content:flex-start!important}
body.m8 .mx-tab__ic,body.m8 .mx-tab.is-active .mx-tab__ic{background:none!important;box-shadow:none!important;padding:0!important;width:24px!important;height:24px!important;border-radius:0!important}
body.m8 .mx-tab__ic svg{stroke-width:1.75!important}
body.m8 .mx-tab__l{font:500 10px/12px var(--m8-font)!important}
body.m8 .mx-tab.is-active{color:#F4F1EA!important}
body.m8 .mx-tab.is-active .mx-tab__ic{color:#C4B5FD!important}
body.m8 .rx-has-action::after{top:4px;right:calc(50% - 16px)}

/* ---------- screen titles: 28, one style everywhere ---------- */
body.m8 .m8-lt{font:700 28px/34px var(--m8-font)!important;letter-spacing:-.4px;margin:4px 0 16px!important}

/* ================= HOME: rate + one action + short list ================= */
body.m8 #view-docs .rx-ledger,body.m8 #view-docs .hm-book__stats,body.m8 #view-docs .hm-book__head,body.m8 #view-docs .hm-mkt.is-later,body.m8 #view-docs .hm-mkt:not(.is-open),body.m8 #view-docs .hm-mkt [class*=badge],body.m8 #view-docs .hm-mkt .rx-pill,body.m8 #view-docs .hm-mkt__status{display:none!important}
body.m8 #m8-dash{padding-top:16px}
body.m8 .m8-rate{padding:0 0 24px!important;overflow:visible}
body.m8 .m8-rate__k{font:500 15px/20px var(--m8-font)!important;color:rgba(244,241,234,.6)!important}
body.m8 .m8-rate__v{margin:8px 0 4px!important}
body.m8 .m8-rate__v b{font:700 40px/48px var(--m8-font)!important;letter-spacing:-1px}
body.m8 .m8-rate__v small{font:600 20px/1 var(--m8-font)!important;color:rgba(244,241,234,.6)!important}
body.m8 .m8-rate__s{font:400 13px/18px var(--m8-font)!important;color:rgba(244,241,234,.45)!important}
.m9-cta{display:grid;gap:8px;margin:0 0 16px}
.m9-cta__go{height:52px;border:0;border-radius:14px;background:#FF8A1F;color:#1A0E00;font:600 17px/1 var(--m8-font);cursor:pointer}
.m9-cta__alt{height:44px;border:0;border-radius:14px;background:none;color:#C4B5FD;font:600 15px/1 var(--m8-font);cursor:pointer}
body:not(.m8) .m9-cta{display:none}

body.m8 #view-docs .hm-mkts{margin:0!important}
body.m8 #view-docs .hm-mkt{min-height:64px!important}

/* ================= SWAP ================= */
/* removed: offer list, idle "nothing in progress", the % badge and age dot, address helper paragraph, panel-label extras */
body.m8 #view-swap .nb-market-context,body.m8 #view-swap .nb-deal-room--idle,body.m8 #view-swap #rx-quote-state,body.m8 #view-swap .claim-addr-hint,body.m8 #view-swap .swap-est,body.m8 #view-swap .rx-src,body.m8 #view-swap #rx-quote-fee-peek,body.m8 #view-swap .rx-fiat{display:none!important}
body.m8 #view-swap .swap-panel-label{font:500 15px/20px var(--m8-font)!important;color:rgba(244,241,234,.6)!important}
body.m8 #view-swap .swap-panel-label>*:not(:first-child){display:none!important}
body.m8 #view-swap .rx-quote__bar{min-height:48px!important}
body.m8 #view-swap .claim-addr-row,body.m8 #view-swap .nb-swap-fields,body.m8 #view-swap .swap-advanced,body.m8 #view-swap .swap-terms{margin:0!important;border-radius:0!important;background:var(--m8-s1)!important;border-bottom:.5px solid rgba(255,255,255,.06)!important}
body.m8 #view-swap .claim-addr-row{border-radius:16px 16px 0 0!important}
body.m8 #view-swap .swap-terms{border-radius:0 0 16px 16px!important;border-bottom:0!important}
body.m8 #view-swap .rx-quote{margin-bottom:16px!important}
body.m8 #view-swap .nb-swap-fields .nb-field-note,body.m8 #view-swap .nb-swap-fields p{display:none!important}
body.m8 #view-swap .nb-bridge-mode{margin-bottom:12px!important}

/* ================= BOOK ================= */
/* removed: stats row, chain filter chips, gap meta, Total + vs-market columns */
body.m8 #view-orders .activity-hub-pulse,body.m8 #view-orders #activity-chain-strip,body.m8 #rx-ladder .rx-lad__meta,body.m8 #rx-ladder .rx-lad__c,body.m8 #rx-ladder .rx-lad__a,body.m8 #rx-ladder .rx-lad__head>span:nth-child(n+3),body.m8 #view-orders .activity-hub-hero,body.m8 #view-orders #book-chart-note,body.m8 #view-orders .book-chart-hero .book-chart-legend small{display:none!important}
body.m8 #rx-ladder .rx-lad__row,body.m8 #rx-ladder .rx-lad__head{grid-template-columns:1fr 1fr!important}
body.m8 #rx-ladder .rx-lad__row>span:nth-child(2),body.m8 #rx-ladder .rx-lad__head>span:nth-child(2){text-align:right}
body.m8 #rx-ladder .rx-lad__row>span:nth-child(n+3){display:none!important}
body.m8 #rx-ladder .rx-lad__top{display:none!important}
body.m8 #rx-ladder .rx-lad__k small{display:none!important}
body.m8 #view-orders .rx-btabs{margin-bottom:8px!important}

/* ================= LOANS ================= */
/* removed: markets explainer note, How-it-works row, trust paragraph */
body.m8 #view-lend .lend-how,body.m8 #view-lend .escrow-trust,body.m8 #view-lend .lend-panel>.nb-field-note,body.m8 #view-lend .rx-lstats{display:none!important}

/* ================= ACTIVITY ================= */
/* removed: 4-up stats grid (the banner says what needs you), duplicated refund-block chip */
body.m8 #view-history .pos-sum,body.m8 #view-history .pos-lock{display:none!important}

/* ================= sheets: calmer ================= */
body.m8 .rx-rev__sigs span{display:none!important}
body.m8 .rx-rev__sigs li{padding:8px 0!important}
body.m8 .rx-rev__sigs li:not(:last-child)::after{top:34px}
body.m8 .rx-sec__lead{font:400 15px/20px var(--m8-font)!important}
body.m8 #picker-overlay .picker-body{padding:8px 20px!important}

/* focus ring, consistent */
body.m8 :focus-visible{outline:2px solid #C4B5FD!important;outline-offset:2px}
}
@media (max-width:600px){
body.m8 #view-docs .hm-mkt .rx-chip,body.m8 #view-docs .hm-mkt.is-soon,body.m8 #view-docs .hm-mkt__pair small{display:none!important}
body.m8 #view-docs .hm-mkt{display:grid!important;grid-template-columns:52px 1fr;align-items:center}
body.m8 #view-docs .hm-mkt__pair b{font:600 17px/22px var(--m8-font)!important}
body.m8 #view-docs .hm-mkt__terms{grid-column:2;margin-top:-8px;font:400 13px/18px var(--m8-font)!important;color:rgba(244,241,234,.5)!important}
body.m8 #view-lend .lend-market.is-later,body.m8 #view-lend .lend-pill{display:none!important}
body.m8 #view-lend .escrow-card{background:var(--m8-s1)!important;background-image:none!important;border:0!important;box-shadow:none!important}
body.m8 #view-lend .escrow-card::before,body.m8 #view-lend .escrow-card::after{display:none!important}
body.m8 #view-lend .lend-compose-head>div:first-child small,body.m8 #view-lend .lend-compose-head .lend-kicker{display:none!important}
body.m8 #view-orders #book-chart-last{font:700 22px/28px var(--m8-font)!important;white-space:nowrap}
body.m8 .mx-set-lang .lang-switch,body.m8 .mx-set-lang select,body.m8 .mx-set-lang .lang-switch:focus-within{border:0!important;outline:0!important;box-shadow:none!important;background-color:transparent!important}
}
@media (max-width:600px){
body.m8 #view-history .hist-card,body.m8 #view-history .hist-card *:not(code){font-family:var(--m8-font)!important}
body.m8 #view-history .hist-card{border-left:0!important;box-shadow:none!important}
body.m8 #view-history .hist-card::before{display:none!important}
body.m8 #view-history .nb-pos-legs{border:0!important;background:var(--m8-s2)!important;border-radius:12px!important}
body.m8 #view-history .nb-pos-legs>*{border:0!important;background:none!important}
body.m8 #view-history .nb-pos-legs b,body.m8 #view-history .nb-pos-legs strong{font:600 17px/22px var(--m8-font)!important;font-variant-numeric:tabular-nums}
body.m8 #view-history .hist-card [class*=timer],body.m8 #view-history .hist-card [class*=timeout]{border:0!important;background:rgba(255,255,255,.06)!important;border-radius:999px!important;font:500 13px/18px var(--m8-font)!important}
body.m8 #view-history .pos-rail li span{font:500 11px/14px var(--m8-font)!important}
body.m8 #view-history .hist-status{border:0!important;padding:6px 10px!important;border-radius:999px!important}
}
@media (max-width:600px){
/* touch devices: no focus rings from programmatic focus when a sheet opens */
@media (hover:none){body.m8 :focus-visible,body.m8 #rx-sec .rx-sec__x:focus-visible,body.m8 .mx-sheet #lang-select:focus-visible{outline:none!important;box-shadow:none!important}}
body.m8 .mx-sheet #lang-select{border:0!important;background-color:transparent!important;box-shadow:none!important;padding:0!important;text-align:right;width:auto!important}
body.m8 #view-lend .lend-compose,body.m8 #view-lend form#escrow-form{background:var(--m8-s1)!important;background-image:none!important;border:0!important;box-shadow:none!important}
body.m8 #view-lend .lend-market{width:100%!important;background:none!important;border-radius:0!important;box-shadow:none!important}
body.m8 #view-lend #escrow-markets{display:block!important}
body.m8 #view-orders #book-chart-dots-toggle{white-space:nowrap}
}
@media (max-width:600px){
body.m8 .header-inner{padding-left:16px!important;padding-right:12px!important}
body.m8 #view-swap #send-amount,body.m8 #view-swap #recv-amount{font:600 44px/52px var(--m8-font)!important;letter-spacing:-1px!important}
body.m8 #rx-ladder .rx-lad__row{border-radius:0!important}
/* type scale clamp: only 13 / 15 / 17 below titles */
body.m8 .view.active :is(small,label,.nb-field-note,.lend-pill,.rx-lstats,.lend-market span,.lend-summary dt,.lend-health p,.lend-health span,.pos-rail li span,.rx-lad__head span,.activity-hub-sort-btn,.hist-card small){font-size:13px!important;line-height:18px!important}
body.m8 .view.active :is(.lend-summary dd,.lend-term button,.lend-market b,.lend-market strong,.nb-maker-group button,.nb-maker-group span,.lend-health strong,.activity-hub-route-market b){font-size:15px!important;line-height:20px!important}
body.m8 .view.active :is(.lend-compose-head h2,.lend-compose-head h3,.lend-compose-head strong){font-size:20px!important;line-height:26px!important}
}
@media (max-width:600px){
body.m8 .brand svg{margin:0!important}
body.m8 #wallet-btn-text{font-size:15px!important}
body.m8 #escrow-compose-kicker{display:none!important}
body.m8 #escrow-compose-title{font:700 20px/26px var(--m8-font)!important}
body.m8 #escrow-borrow-label,body.m8 #view-lend em,body.m8 #lend-health-rate,body.m8 #activity-orders-meta,body.m8 .arc-compact-meta--good,body.m8 .arc-compact-meta-sep,body.m8 .order-match-btn,body.m8 .activity-route-expand,body.m8 .swap-rate-btn,body.m8 .swap-rate-btn span,body.m8 #view-orders .arc-compact span{font-size:13px!important}
body.m8 #escrow-loan-chip{font-size:17px!important}
body.m8 #view-lend b,body.m8 #nb-worst-out,body.m8 #view-history li{font-size:15px!important}
body.m8 .activity-hub-section-title,body.m8 .arc-compact-rate{font-size:17px!important}
body.m8 .section-load__label{font-size:15px!important}
}
@media (max-width:600px){
body.m8 .mx-filter-btn,body.m8 .mx-filter-btn *,body.m8 .swap-rate-btn *,body.m8 #view-orders .activity-hub-toolbar span{font-size:13px!important}
body.m8 #view-lend h3,body.m8 #view-lend h2{font-size:20px!important;line-height:26px!important}
body.m8 #view-lend .lend-panel-title{font-size:17px!important;line-height:22px!important}
}
@media (max-width:600px){body.m8 .brand{justify-content:flex-start!important;min-width:0!important;width:auto!important;padding:0!important}}
@media (max-width:600px){
body.m8 #view-lend#view-lend #escrow-compose-title{font-size:20px!important;line-height:26px!important}
body.m8 #view-swap .nb-swap-fields span,body.m8 #view-swap .swap-advanced span,body.m8 .rx-ptr span{font-size:13px!important}
body.m8 #view-swap .swap-terms-label span{font-size:15px!important;line-height:20px!important}
}
@media (max-width:600px){body.m8 #view-swap [data-i18n="bridge.rate_label"],body.m8 #view-swap [data-i18n="bridge.your_cost"]{font-size:13px!important;line-height:18px!important}}
@media (max-width:600px){
body.m8 #view-lend .lend-desk-main,body.m8 #view-lend .lend-desk-main>*,body.m8 #view-lend .lend-panel{width:100%!important;max-width:none!important;align-self:stretch!important;box-sizing:border-box}
body.m8 #view-lend #escrow-markets{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
body.m8 #view-lend .lend-market{border-left:0!important;padding:10px 0!important}
body.m8 #view-lend .lend-market::before,body.m8 #view-lend .lend-market::after{display:none!important}
body.m8 #view-lend .lend-market.is-on .lend-market-logos::after{content:"";display:none}
body.m8 #view-lend .lend-market:not(.is-on){opacity:.6}
}
@media (max-width:600px){
/* m10: meaning colors back. Green = get FB / up / success, red = get BTC / down / error, orange = action only */
body.m8 #rx-ladder .rx-lad__row.is-buy .rx-lad__p,body.m8 #rx-ladder .rx-lad__k.is-buy{color:#34D399!important}
body.m8 #rx-ladder .rx-lad__row.is-sell .rx-lad__p,body.m8 #rx-ladder .rx-lad__k.is-sell{color:#F87171!important}
body.m8 #view-swap #rx-quote-chip{display:inline-flex!important}
body.m8 #view-history .hist-status.done,body.m8 #view-history .hist-status.completed{color:#34D399!important;background:rgba(52,211,153,.14)!important}
body.m8 #view-history .hist-status.error,body.m8 #view-history .hist-status.expired,body.m8 #view-history .hist-status.cancelled{color:#F87171!important;background:rgba(248,113,113,.14)!important}
body.m8 #view-history .hist-status.refund_available,body.m8 #view-history .hist-status.refunded{color:#FBBF24!important;background:rgba(251,191,36,.14)!important}
}