.header-balance{position:relative;flex:none;order:-2}
.header-actions .header-wallet-link{order:-1;flex:none}
html[data-theme] .header .header-actions .header-wallet-link[aria-current="page"]{color:var(--theme-accent);background:var(--theme-raised);border-color:var(--theme-border)}
.header-balance>button{display:grid;place-items:center;min-width:66px;height:38px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:var(--theme-surface);color:var(--text);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s,border-color .15s}
.header-balance>button:hover{background:var(--theme-raised);border-color:var(--theme-border)}
.balance-tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:210px;box-sizing:border-box;padding:12px;display:grid;gap:12px;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:7px;box-shadow:0 8px 24px #0005;z-index:100;visibility:hidden;opacity:0;pointer-events:none;text-align:center;font-size:12px;line-height:1.45;color:var(--text);transition:opacity .15s}
.balance-tooltip [data-balance-hint]{color:var(--muted)}
.header-balance:is(:hover,:focus-within) .balance-tooltip{visibility:visible;opacity:1}
html[data-theme] .header .header-actions :is(.header-icon,.wallet-link){background:transparent;border-color:transparent;box-shadow:none;color:var(--text)}
html[data-theme] .header .header-actions :is(.header-icon,.wallet-link):hover{background:var(--theme-raised);border-color:var(--theme-border)}
.header-actions .header-currency{order:-1;width:auto;min-width:42px;padding:0 7px;font-size:12px;font-weight:700}
@media(max-width:760px){.header-actions{gap:3px}.header-balance>button{min-width:57px;height:35px;font-size:12px}.header-actions .header-currency{display:none}.balance-tooltip{left:0;transform:none;width:190px}}
@media(max-width:640px){.header-inner .header-actions{width:100%;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end;gap:6px}.header-inner .header-actions .header-icon{width:32px;height:34px;flex:0 0 32px}.header-actions :is(.notification-control,.theme-control){flex:none}.header-balance>button{max-width:100%;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.header-balance>button,.balance-tooltip{transition:none}}