/* Wallet is part of header flow, never a floating banner over the workspace. */
#topbarBalance.topbar-bal { display:flex!important; flex-wrap:wrap; align-items:center;
  justify-content:flex-end; gap:6px 12px; min-width:0; max-width:100%; margin-left:auto;
  font-size:12px; line-height:1.5; white-space:normal; }
#topbarBalance .balance-metric { display:inline-flex; align-items:baseline; gap:5px; flex-wrap:wrap; min-width:0; }
#topbarBalance .balance-label { color:var(--text-secondary,#aaa5b3); font-weight:400; }
#topbarBalance .balance-metric b { color:var(--text-primary,#f4f2f7); font-size:13px; overflow-wrap:anywhere; }
#topbarBalance .balance-message { font-size:11px; color:#bbb5c6; }
#topbarBalance .balance-message[hidden] { display:none!important; }
#topbarBalance[data-balance-state="error"] .balance-message { color:#edb888; }
#topbarBalance button.tb-refresh { display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 30px; width:30px; height:30px; padding:0; border:1px solid rgba(180,166,206,.2);
  border-radius:7px; background:rgba(180,166,206,.06); color:#d3cddc; cursor:pointer; font:20px/1 sans-serif; }
#topbarBalance button.tb-refresh:focus-visible { outline:2px solid #b9a0dd; outline-offset:2px; }
#topbarBalance button.tb-refresh:disabled { opacity:.45; cursor:wait; }
@media(max-width:1100px) {
  header.topbar { flex-wrap:wrap; height:auto!important; min-height:64px; row-gap:6px; }
  #topbarBalance.topbar-bal { order:10; flex:1 1 100%; margin-left:0; justify-content:flex-start; padding:3px 0; }
}