/* NexumBit redesign v7 */
#rx-quote-rows{overflow:hidden}

/* ---- Book: compact chart, depth directly under it ---- */
@media (min-width:769px){
  #view-orders .book-chart-canvas{height:240px!important;margin-top:12px}
  #view-orders #rx-ladder{order:-1}
  #view-orders .rx-btabs,#view-orders .rx-ptr{display:none}
}
#view-orders #rx-ladder{order:-1}

/* ---- Book: mobile tabs ---- */
.rx-btabs{display:none}
.rx-ptr{display:none}
@media (max-width:768px){
  #view-orders .rx-btabs{order:-1;position:sticky;top:var(--rx-sticky-top,56px);z-index:6;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 4px;padding:4px;border:1px solid var(--rx-line);border-radius:14px;background:rgba(17,12,38,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .rx-btabs button{position:relative;z-index:1;min-height:44px;border:0;background:none;color:var(--rx-bone-3);font:600 14px/1 var(--rx-sans);border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .rx-btabs button[aria-selected=true]{color:var(--rx-bone)}
  .rx-btabs__ink{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);border-radius:10px;background:var(--rx-ink-3);box-shadow:inset 0 0 0 1px var(--rx-line-2);transform:translateX(calc(var(--i,0)*100%));transition:transform .22s cubic-bezier(.2,.8,.2,1)}
  #view-orders .rx-ptr{order:-2;display:flex;align-items:flex-end;justify-content:center;gap:8px;height:0;overflow:hidden;color:var(--rx-bone-3);font:500 12px/1 var(--rx-sans);transition:height .2s cubic-bezier(.2,.8,.2,1)}
  .rx-ptr i{width:16px;height:16px;margin-bottom:12px;border-radius:50%;border:2px solid var(--rx-line-2);border-top-color:var(--rx-vio,#A78BFA)}
  .rx-ptr span{margin-bottom:14px}
  .rx-ptr.is-armed i{border-color:var(--rx-vio,#A78BFA)}
  .rx-ptr.is-busy{height:48px!important}
  .rx-ptr.is-busy i{animation:rxspin .8s linear infinite}
  @keyframes rxspin{to{transform:rotate(360deg)}}
  /* which sections each tab shows */
  #view-orders[data-mtab=chart] #rx-ladder,
  #view-orders[data-mtab=chart] .activity-hub-layout,
  #view-orders[data-mtab=chart] .activity-hub-pulse,
  #view-orders[data-mtab=chart] #activity-chain-strip{display:none!important}
  #view-orders[data-mtab=offers] .book-chart-hero,
  #view-orders[data-mtab=offers] .activity-completions{display:none!important}
  #view-orders[data-mtab=fills] .book-chart-hero,
  #view-orders[data-mtab=fills] #rx-ladder,
  #view-orders[data-mtab=fills] .activity-hub-toolbar,
  #view-orders[data-mtab=fills] #activity-route-market,
  #view-orders[data-mtab=fills] .activity-hub-pulse,
  #view-orders[data-mtab=fills] #activity-chain-strip{display:none!important}
  #view-orders[data-mtab=chart] .book-chart-hero.is-collapsed .book-chart-canvas{display:block!important}
  #view-orders[data-mtab=chart] #book-chart-toggle{display:none!important}
  #view-orders[data-mtab=chart] .book-chart-canvas{height:300px!important}
  #view-orders[data-mtab=fills] .activity-completions-list{max-height:none!important;height:auto!important}
  #view-orders.rx-tab-in-r .rx-btabs ~ *{animation:rxTabR .22s cubic-bezier(.2,.8,.2,1)}
  #view-orders.rx-tab-in-l .rx-btabs ~ *{animation:rxTabL .22s cubic-bezier(.2,.8,.2,1)}
  @keyframes rxTabR{from{opacity:.4;transform:translateX(18px)}}
  @keyframes rxTabL{from{opacity:.4;transform:translateX(-18px)}}
}

/* ---- Review sheet ---- */
.rx-scrim{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:rgba(6,4,16,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:rxFade .16s ease}
.rx-scrim.is-out{animation:rxFadeOut .18s ease forwards}
@keyframes rxFade{from{opacity:0}} @keyframes rxFadeOut{to{opacity:0}}
.rx-sheet{width:min(460px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;border:1px solid var(--rx-line-2);border-radius:20px;background:var(--rx-ink-1,#140F2B);box-shadow:0 30px 80px rgba(0,0,0,.5);animation:rxRise .22s cubic-bezier(.2,.8,.2,1)}
@keyframes rxRise{from{transform:translateY(16px);opacity:0}}
.rx-sheet__grab{display:none}
.rx-sheet__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 6px}
.rx-sheet__head h2{margin:0;font:600 18px/1.2 var(--rx-sans);color:var(--rx-bone)}
.rx-sheet__x{width:44px;height:44px;margin:-10px -12px -10px 0;display:grid;place-items:center;border:0;border-radius:12px;background:none;color:var(--rx-bone-3);cursor:pointer}
.rx-sheet__x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.rx-sheet__x:hover{color:var(--rx-bone);background:rgba(167,139,250,.1)}
.rx-sheet__body{overflow:auto;padding:8px 20px 4px;overscroll-behavior:contain}
.rx-sheet__foot{display:grid;grid-template-columns:1fr 2fr;gap:10px;padding:14px 20px 20px}
.rx-sheet__foot .rx-btn{min-height:48px;justify-content:center}
.rx-rev__sigs{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:2px;counter-reset:s}
.rx-rev__sigs li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:10px 0;position:relative}
.rx-rev__sigs li:not(:last-child)::after{content:"";position:absolute;left:13px;top:38px;bottom:-6px;width:1px;background:var(--rx-line-2)}
.rx-rev__sigs b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--rx-vio-wash,rgba(167,139,250,.14));color:var(--rx-vio,#C4B5FD);font:600 12px/1 var(--rx-mono)}
.rx-rev__sigs strong{display:block;font:600 14px/1.35 var(--rx-sans);color:var(--rx-bone)}
.rx-rev__sigs span{display:block;margin-top:2px;font:400 13px/1.45 var(--rx-sans);color:var(--rx-bone-3)}
.rx-rev__rows{margin:0;padding:12px 14px;border-radius:14px;background:var(--rx-ink-2);border:1px solid var(--rx-line)}
.rx-rev__rows div{display:flex;justify-content:space-between;gap:16px;padding:6px 0;font:400 13px/1.4 var(--rx-sans)}
.rx-rev__rows dt{color:var(--rx-bone-3)} .rx-rev__rows dd{margin:0;color:var(--rx-bone-2);text-align:right;font-family:var(--rx-mono);font-variant-numeric:tabular-nums}
.rx-rev__rows .is-total{border-top:1px solid var(--rx-line);margin-top:4px;padding-top:10px}
.rx-rev__rows .is-total dt,.rx-rev__rows .is-total dd{color:var(--rx-bone);font-weight:600}
.rx-rev__rows .is-get dd{color:var(--rx-bone);font-weight:600}
.rx-rev__refund{display:flex;gap:10px;margin:12px 0 0;font:400 12.5px/1.5 var(--rx-sans);color:var(--rx-bone-3)}
.rx-rev__refund svg{flex:none;width:16px;height:16px;margin-top:2px;fill:none;stroke:var(--rx-vio,#A78BFA);stroke-width:2;stroke-linecap:round}
@media (max-width:768px){
  .rx-scrim{place-items:end stretch;padding:0}
  .rx-sheet{width:100%;max-height:92vh;border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}
  .rx-sheet__grab{display:block;width:40px;height:4px;margin:8px auto 0;border-radius:4px;background:var(--rx-line-3,rgba(255,255,255,.2))}
  .rx-sheet__head{padding-top:10px}
}

/* ---- Action needed ---- */
.rx-action{margin-bottom:8px!important;display:flex;align-items:center;gap:12px;max-width:var(--rx-wrap,1200px);margin:12px auto 0;padding:10px 12px 10px 16px;border:1px solid rgba(167,139,250,.35);border-radius:14px;background:linear-gradient(90deg,rgba(167,139,250,.14),rgba(167,139,250,.04));color:var(--rx-bone-2);font:400 14px/1.4 var(--rx-sans);box-sizing:border-box;width:calc(100% - 2*var(--rx-gutter,24px))}
.rx-action[hidden]{display:none}
.rx-action>i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--rx-vio,#A78BFA);box-shadow:0 0 0 4px rgba(167,139,250,.18);animation:rxPulse 1.6s ease-in-out infinite}
.rx-action.is-urgent{border-color:rgba(255,138,31,.4);background:linear-gradient(90deg,rgba(255,138,31,.14),rgba(255,138,31,.03))}
.rx-action.is-urgent>i{background:#FF8A1F;box-shadow:0 0 0 4px rgba(255,138,31,.2)}
.rx-action span{flex:1;min-width:0} .rx-action strong{color:var(--rx-bone);font-weight:600}
.rx-action .rx-btn{flex:none;min-height:36px}
@keyframes rxPulse{50%{opacity:.45}}
.rx-has-action{position:relative}
.rx-has-action::after{content:"";position:absolute;top:10px;right:-6px;width:6px;height:6px;border-radius:50%;background:#FF8A1F}
@media (max-width:768px){.rx-action{margin-top:8px;width:calc(100% - 24px);font-size:13px}.rx-action .rx-btn{min-height:44px}}

/* ---- Tracker: promote the existing Refund action ---- */
.hist-action-btn.refund{background:#FF8A1F!important;color:#1A0E00!important;border-color:#FF8A1F!important;font-weight:600}

/* ---- Balance chips ---- */
.rx-chips{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.rx-chips[hidden]{display:none}
.rx-chips__bal{font:400 12px/1 var(--rx-mono);color:var(--rx-bone-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rx-chips__set{display:flex;gap:6px;flex:none}
.rx-chips button{height:28px;padding:0 10px;border:1px solid var(--rx-line-2);border-radius:999px;background:none;color:var(--rx-bone-2);font:500 12px/1 var(--rx-sans);cursor:pointer}
.rx-chips button:hover:not(:disabled){border-color:var(--rx-vio,#A78BFA);color:var(--rx-bone)}
.rx-chips button:disabled{opacity:.4;cursor:not-allowed}
@media (max-width:768px){.rx-chips button{height:44px;min-width:52px}}

/* ---- Home ledger ---- */
.rx-ledger{margin-top:28px;max-width:440px}
.rx-ledger__head{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
#view-docs .hm .rx-ledger .rx-ledger__head h2{font-size:12px!important;letter-spacing:.08em!important;margin:0;font:600 12px/1 var(--rx-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--rx-bone-2)}
.rx-ledger__head span{font:400 12px/1.3 var(--rx-sans);color:var(--rx-bone-3)}
.rx-ledger__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(16,1fr);gap:4px}
.rx-ledger__grid li{aspect-ratio:1;border-radius:3px;background:rgba(167,139,250,.07);box-shadow:inset 0 0 0 1px rgba(167,139,250,.08)}
.rx-ledger__grid li.is-ok.l1{background:rgba(167,139,250,.28)} .rx-ledger__grid li.is-ok.l2{background:rgba(167,139,250,.45)}
.rx-ledger__grid li.is-ok.l3{background:rgba(167,139,250,.65)} .rx-ledger__grid li.is-ok.l4{background:#A78BFA}
.rx-ledger__grid li.is-ref{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(255,138,31,.55)}
.rx-ledger__grid li.is-new{animation:rxCell 2.4s ease-in-out infinite}
.rx-ledger__grid.is-empty li{background:transparent;box-shadow:inset 0 0 0 1px rgba(167,139,250,.14)}
@keyframes rxCell{50%{box-shadow:0 0 0 3px rgba(167,139,250,.25)}}
.rx-ledger__last{display:flex;align-items:center;gap:8px;margin:10px 0 0;font:400 13px/1.4 var(--rx-mono);color:var(--rx-bone-2)}
.rx-ledger__last time{color:var(--rx-bone-3)}
.rx-ledger__last.is-empty{font-family:var(--rx-sans);color:var(--rx-bone-3)}
.rx-ledger__dot{width:6px;height:6px;border-radius:50%;background:#A78BFA;flex:none}
@media (max-width:768px){.rx-ledger{margin-top:22px;max-width:none}.rx-ledger__grid{grid-template-columns:repeat(16,1fr);gap:3px}}

@media (prefers-reduced-motion:reduce){.rx-btabs__ink,.rx-ptr{transition:none}.rx-ledger__grid li.is-new,.rx-action>i{animation:none}#view-orders .rx-btabs ~ *{animation:none!important}}
