/* NexumBit venue layer. Orange = action only; data in violet / green / red. */
:root{--rx-meta:#ABA4CC;--rx-ease:cubic-bezier(.2,.7,.2,1)}

/* ---------- header security link ---------- */
.rx-sec-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:0;border-radius:10px;background:none;color:var(--rx-meta);font:500 13px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:color .15s var(--rx-ease),background .15s var(--rx-ease)}
.rx-sec-btn svg{width:16px;height:16px}
.rx-sec-btn:hover{color:#fff;background:rgba(167,139,250,.1)}
.rx-sec-btn:active{transform:scale(.97)}
.rx-sec-btn:focus-visible{outline:2px solid #A78BFA;outline-offset:2px}
@media (max-width:768px){.rx-sec-btn{display:none}}

/* ---------- security sheet ---------- */
.rx-sec{position:fixed;inset:0;margin:auto;height:fit-content;width:min(560px,calc(100vw - 32px));max-height:85dvh;overflow:auto;overscroll-behavior:contain;padding:0 24px 24px;border:1px solid rgba(190,176,255,.2);border-radius:20px;background:#17112F;color:#EDE9FE;box-shadow:0 30px 80px rgba(4,2,14,.6)}
.rx-sec::backdrop{background:rgba(6,4,16,.66);backdrop-filter:blur(4px)}
.rx-sec[open]{animation:rxSheet .22s var(--rx-ease)}
@keyframes rxSheet{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.rx-sec__grab{display:none}
.rx-sec__head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:20px 0 8px;background:#17112F}
.rx-sec__head h2{margin:0;font:600 20px/1.2 Inter,system-ui,sans-serif}
.rx-sec__x{width:44px;height:44px;border:0;border-radius:12px;background:none;color:var(--rx-meta);font-size:24px;cursor:pointer}
.rx-sec__x:hover{background:rgba(167,139,250,.12);color:#fff}
.rx-sec__lead{margin:0 0 16px;color:#CFC8EE;font:400 14px/1.55 Inter,system-ui,sans-serif}
.rx-sec__list{margin:0 0 20px;border:1px solid rgba(190,176,255,.14);border-radius:14px;overflow:hidden}
.rx-sec__row{display:flex;justify-content:space-between;gap:16px;padding:11px 14px;font:400 13px/1.4 Inter,system-ui,sans-serif}
.rx-sec__row+.rx-sec__row{border-top:1px solid rgba(190,176,255,.1)}
.rx-sec__row dt{color:var(--rx-meta)}
.rx-sec__row dd{margin:0;text-align:right;color:#fff}
.rx-sec__row dd a{color:#C4B5FD;text-decoration:none}.rx-sec__row dd a:hover{text-decoration:underline}
.rx-sec__row dd.is-pending{color:#FBBF24}
.rx-sec__row dd.is-pending::before{content:"○ ";}
.rx-sec__h3{margin:0 0 8px;font:600 14px/1.3 Inter,system-ui,sans-serif}
.rx-sec__steps{margin:0 0 20px;padding-left:20px;color:#CFC8EE;font:400 13px/1.6 Inter,system-ui,sans-serif}
.rx-sec__btn{display:flex;align-items:center;justify-content:center;height:48px;border-radius:12px;background:#FF8A1F;color:#170A00;font:600 15px/1 Inter,system-ui,sans-serif;text-decoration:none}
.rx-sec__btn:active{transform:scale(.98)}
@media (max-width:768px){
  .rx-sec{inset:auto 0 0 0;margin:0;width:100vw;max-width:100vw;border-radius:20px 20px 0 0;padding:0 16px calc(16px + env(safe-area-inset-bottom))}
  .rx-sec__grab{display:block;width:36px;height:5px;margin:8px auto 0;border-radius:3px;background:rgba(190,176,255,.35)}
}

/* ---------- swap: size help, invalid state, fiat, rail fill ---------- */
.rx-size-help{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0 0;padding:10px 12px;border-radius:12px;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.28);font:400 13px/1.4 Inter,system-ui,sans-serif}
.rx-size-help[hidden]{display:none}
.rx-size-help__msg.is-bad{color:#FCA5A5}
.rx-size-help__acts{display:flex;gap:8px;flex-wrap:wrap}
.rx-size-help__acts button{min-height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(190,176,255,.3);background:rgba(167,139,250,.1);color:#EDE9FE;font:500 13px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:background .15s var(--rx-ease)}
.rx-size-help__acts button:hover{background:rgba(167,139,250,.2)}
.rx-size-help__acts button:active{transform:scale(.97)}
#view-swap .swap-panel.is-invalid{box-shadow:inset 0 0 0 1px rgba(248,113,113,.55)!important}
.rx-recv-net.is-bad{color:#8B84A8!important}
.rx-fiat{display:block;margin-top:2px;color:var(--rx-meta);font:500 12px/1.2 "JetBrains Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;min-height:14px}
#nb-offer-list .nb-offer-take.is-fill{background:rgba(167,139,250,.16)!important;box-shadow:inset 2px 0 0 #B9A8FF}
#nb-offer-list .nb-offer-take{transition:background .15s var(--rx-ease)}
#nb-offer-list .nb-offer-take:hover{background:rgba(167,139,250,.1)}
#nb-offer-list .nb-book-px{font-variant-numeric:tabular-nums;text-align:right}

/* ---------- 12. swap leads with the trade, not a hero ---------- */
#view-swap .nb-product-head{display:none!important}
#view-swap #nb-role-chip{display:none}
#view-swap #nb-ticket-subtitle{display:none}


/* ---------- 4. what-you-sign on mobile too ---------- */
@media (max-width:768px){
  #view-swap .nb-market-context{display:block!important}
  #view-swap .nb-market-context .nb-context-block{margin-top:12px}
}

/* ---------- 6. loan economics on market rows ---------- */
.lend-market{position:relative}
.rx-lstats{display:flex;flex-wrap:wrap;gap:4px 14px;grid-column:2/-1;margin-left:auto;font:500 12px/1.3 Inter,system-ui,sans-serif;color:var(--rx-meta)}
.rx-lstats b{margin-right:4px;color:#EDE9FE;font:600 12px/1.3 "JetBrains Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.rx-lstats .is-empty{color:var(--rx-meta)}


/* ---------- 8. depth ladder ---------- */
.rx-ladder{margin:28px 0}
.rx-lad__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.rx-lad__meta{color:var(--rx-meta);font:500 12px/1 "JetBrains Mono",ui-monospace,monospace}
.rx-lad__cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rx-lad__k{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:600 13px/1.2 Inter,system-ui,sans-serif;color:#EDE9FE}
.rx-lad__k small{padding:2px 7px;border-radius:999px;background:rgba(167,139,250,.14);color:#C4B5FD;font:600 11px/1.2 "JetBrains Mono",monospace}
.rx-lad__k.is-buy::before,.rx-lad__k.is-sell::before{content:"";width:8px;height:8px;border-radius:2px;background:#4ADE80}
.rx-lad__k.is-sell::before{background:#F87171}
.rx-lad__list{list-style:none;margin:0;padding:4px;border:1px solid rgba(190,176,255,.12);border-radius:14px;background:rgba(23,17,47,.6)}
.rx-lad__row,.rx-lad__head{position:relative;display:grid;grid-template-columns:1.1fr 1fr 1fr 1.3fr;gap:8px;align-items:center;padding:7px 10px;border-radius:8px;font:500 12.5px/1.2 "JetBrains Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
.rx-lad__head{color:var(--rx-meta);font:500 11px/1.2 Inter,system-ui,sans-serif}
.rx-lad__row>span,.rx-lad__head>span{position:relative;text-align:right}
.rx-lad__row>span:first-child,.rx-lad__head>span:first-child{text-align:left}
.rx-lad__row{background:linear-gradient(to left,rgba(74,222,128,.10) var(--cum),transparent var(--cum))}
.rx-lad__row.is-sell{background:linear-gradient(to left,rgba(248,113,113,.10) var(--cum),transparent var(--cum))}
.rx-lad__row.is-buy .rx-lad__p{color:#86EFAC}.rx-lad__row.is-sell .rx-lad__p{color:#FCA5A5}
.rx-lad__row .rx-lad__a{color:var(--rx-meta);font-size:11.5px}
.rx-lad__row:hover{box-shadow:inset 0 0 0 1px rgba(190,176,255,.18)}
.rx-lad__empty{padding:16px 10px;color:var(--rx-meta);font:400 13px/1.4 Inter,system-ui,sans-serif}
@media (max-width:768px){
  .rx-lad__cols{grid-template-columns:1fr}
  .rx-lad__row,.rx-lad__head{grid-template-columns:1fr 1fr 1fr;font-size:12px}
  .rx-lad__row .rx-lad__a,.rx-lad__head>span:last-child{display:none}
}

/* ---------- 9. fills tape: fixed height, one glyph, rate visible ---------- */
#view-orders #recent-completions-list{max-height:360px;overflow:auto;overscroll-behavior:contain;border:1px solid rgba(190,176,255,.12);border-radius:14px;padding:4px;scrollbar-width:thin}
#view-orders .activity-completion-item{padding:8px 10px!important;min-height:0!important;gap:12px}
#view-orders .activity-completion-item .aci-route img:nth-child(2),#view-orders .activity-completion-item .aci-route > *:nth-child(2){display:none}
#view-orders .aci-amount,#view-orders .aci-deal{font-variant-numeric:tabular-nums}
#view-orders .aci-deal{color:#C4B5FD}
#view-orders .aci-outcome.claimed::before{content:"✓ "}#view-orders .aci-outcome.refunded::before{content:"↺ "}

/* ---------- 7. aliveness ---------- */
.rx-tick-up{animation:rxUp .7s ease-out}.rx-tick-down{animation:rxDown .7s ease-out}
@keyframes rxUp{0%{color:#4ADE80;text-shadow:0 0 12px rgba(74,222,128,.5)}100%{}}
@keyframes rxDown{0%{color:#F87171;text-shadow:0 0 12px rgba(248,113,113,.5)}100%{}}

/* ---------- 5 / M7. activity without a wallet ---------- */
#view-history.rx-no-wallet .history-header .filter-group,#view-history.rx-no-wallet #nb-positions-lead{display:none!important}
.rx-empty-cta{display:grid;justify-items:center;gap:16px;margin-top:12px}
.rx-empty-list{margin:0;padding:0;list-style:none;display:grid;gap:6px;color:#CFC8EE;font:400 14px/1.45 Inter,system-ui,sans-serif;text-align:left}
.rx-empty-list li::before{content:"";display:inline-block;width:6px;height:6px;margin:0 10px 2px 0;border-radius:50%;background:#B9A8FF}
.rx-btn-primary{min-height:48px;padding:0 22px;border:0;border-radius:12px;background:#FF8A1F;color:#170A00;font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:transform .12s var(--rx-ease),filter .15s}
.rx-btn-primary:hover{filter:brightness(1.06)}.rx-btn-primary:active{transform:scale(.98)}
.rx-btn-primary:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* ---------- wallet: install, advanced, mobile sheet ---------- */
.wp-install-btn{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:9px;border:1px solid rgba(190,176,255,.3);color:#EDE9FE;font:500 12.5px/1 Inter,system-ui,sans-serif;text-decoration:none;transition:background .15s}
.wp-install-btn:hover{background:rgba(167,139,250,.14)}
.wp-advanced-link{display:block;width:100%;margin-top:8px;padding:10px;border:0;background:none;color:var(--rx-meta);font:500 12.5px/1.2 Inter,system-ui,sans-serif;text-align:center;cursor:pointer}
.wp-advanced-link:hover{color:#fff}
#view-swap ~ * .wp-connect-btn,.wp-connect-btn{background:#FF8A1F!important;color:#170A00!important;border:0!important}
.wp-sheet{display:grid;gap:10px;text-align:left}
.wp-sheet__lead{margin:0 0 4px;color:#CFC8EE;font:400 14px/1.5 Inter,system-ui,sans-serif}
.wp-sheet__opt{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 14px;border-radius:14px;border:1px solid rgba(190,176,255,.18);background:rgba(167,139,250,.07);color:#EDE9FE;text-decoration:none;font:inherit;text-align:left;cursor:pointer;transition:background .15s var(--rx-ease),transform .12s}
.wp-sheet__opt:hover{background:rgba(167,139,250,.14)}.wp-sheet__opt:active{transform:scale(.985)}
.wp-sheet__opt > :first-child{flex:none;width:36px;height:36px}
.wp-sheet__opt span{display:grid;gap:3px;flex:1}
.wp-sheet__opt b{font:600 15px/1.2 Inter,system-ui,sans-serif}
.wp-sheet__opt small{color:var(--rx-meta);font:400 12.5px/1.35 Inter,system-ui,sans-serif}
.wp-sheet__opt em{font-style:normal;color:#FF8A1F;font:600 13px/1 Inter,system-ui,sans-serif}
.wp-sheet__get{margin:4px 0 0;color:var(--rx-meta);font:400 13px/1.5 Inter,system-ui,sans-serif;text-align:center}
.wp-sheet__get a{color:#C4B5FD}
.wp-advanced{margin-top:14px;border-top:1px solid rgba(190,176,255,.12);padding-top:6px}
.wp-advanced summary{min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--rx-meta);font:500 13px/1.2 Inter,system-ui,sans-serif;cursor:pointer;list-style:none}
.wp-advanced summary::-webkit-details-marker{display:none}
.wp-advanced summary::after{content:"";width:7px;height:7px;margin-left:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.wp-advanced[open] summary::after{transform:rotate(225deg)}
.wp-advanced summary:hover{color:#fff}

/* ---------- 14/15. states and motion ---------- */
.main > .view.active{animation:rxView .2s var(--rx-ease)}
@keyframes rxView{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
button,a,.lend-market,summary{-webkit-tap-highlight-color:transparent}
.view button:not(:disabled),.view .lend-market{transition:background-color .15s var(--rx-ease),color .15s var(--rx-ease),border-color .15s var(--rx-ease),box-shadow .15s var(--rx-ease),transform .12s var(--rx-ease)}
.view button:not(:disabled):active,.view .lend-market:active,.mx-tab:active{transform:scale(.97)}
.view button:disabled{cursor:not-allowed;opacity:.5}
#view-orders [class*="route-row"]:hover,#view-orders .activity-route:hover,#view-orders [class*="route-card"]:hover{border-color:rgba(190,176,255,.26)!important;background-color:rgba(167,139,250,.06)!important}
.view button:focus-visible,.view a:focus-visible,.view input:focus-visible,.view select:focus-visible,.view summary:focus-visible,.view [tabindex]:focus-visible{outline:2px solid #A78BFA!important;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.main > .view.active,.rx-sec[open],.rx-tick-up,.rx-tick-down{animation:none}.view button:active{transform:none}}

/* ---------- 19. orange = action only ---------- */
.nav-btn.active::after{background:#B9A8FF!important}
#view-orders .book-chart-chip.is-on{border-color:rgba(190,176,255,.4);background:rgba(167,139,250,.14)}

/* ---------- 20. contrast ---------- */
#view-swap .swap-est,#view-swap .swap-panel-label,.lend-market small,#view-orders .aci-time,#view-orders .activity-section-meta{color:var(--rx-meta)!important}

/* ---------- 16. mobile: CTA never covers fields ---------- */
@media (max-width:768px){
  #view-swap .swap-card{padding-bottom:88px}
  #view-lend .lend-panel, #view-lend form{scroll-margin-bottom:96px}
}

/* Loans: market stats sit under the route name; the swap rate line is not repeated here */
#view-lend #lend-tracked{display:none!important}
.rx-lstats{grid-column:auto;margin:6px 0 0}
/* Swap: the panel shows focus; the bare input needs no second box */
#view-swap #send-amount:focus-visible{outline:none!important}
@media (max-width:768px){#view-swap #send-amount,#view-swap .rx-recv-net{font-size:32px!important;line-height:1.15}}
.rx-sec__x:focus-visible{outline:2px solid #A78BFA;outline-offset:2px}.rx-sec__x:focus:not(:focus-visible){outline:none}
@media (max-width:1180px){.rx-sec-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.rx-sec-btn{width:36px;padding:0;justify-content:center}}
@media (max-width:1100px) and (min-width:769px){.header .lang-select{max-width:112px}.header .nav-btn{padding-left:8px;padding-right:8px}.header .backend-status span:not(:first-child){display:none}}
@media (max-width:900px) and (min-width:769px){.header .wallet-btn-text{display:none}.header .lang-select{max-width:96px}}
@media (max-width:900px) and (min-width:769px){.header .lang-select{width:auto!important;min-width:0!important;max-width:104px!important}.header .backend-status{font-size:0!important;gap:0!important}.header .brand-name,.header .brand span:not(:first-child){display:none}}