/* A compact, always-visible wallet. The balance bar has no monthly reset. */
:root .topbar .top-actions>.credit-wallet{
 --wallet-ink:#2449df;--wallet-fill:#315cff;display:flex;align-items:center;gap:9px;min-width:150px;min-height:44px;padding:7px 11px;border:1px solid #c8d1ff;border-radius:12px;
 background:linear-gradient(150deg,#fff,#eef1ff);color:var(--text);box-shadow:inset 0 1px #fff,0 2px 0 #d2d9f3,0 5px 12px #315cff10;line-height:1.15;text-align:left;white-space:nowrap;overflow:visible;transition:background .18s,box-shadow .18s,transform .18s;
}
:root .topbar .top-actions>.credit-wallet:hover{background:linear-gradient(150deg,#fff,#e5ebff);border-color:#8aa0ff;box-shadow:inset 0 1px #fff,0 3px 0 #cbd5f7,0 7px 16px #315cff1c;transform:translateY(-1px)}
:root .topbar .top-actions>.credit-wallet:active{transform:translateY(1px);box-shadow:inset 0 1px 2px #171a2314,0 1px 0 #cbd5f7}
.credit-wallet .credit-wallet-icon{display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid #becbff;border-radius:9px;background:linear-gradient(150deg,#fff,#dbe3ff);color:var(--wallet-ink);box-shadow:inset 0 1px #fff,0 2px 3px #315cff10}
.credit-wallet-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.credit-wallet .credit-wallet-body{display:grid;gap:6px;flex:1;min-width:0}
.credit-wallet .credit-wallet-heading{display:flex;align-items:baseline;gap:5px;min-width:0}
.credit-wallet .credit-wallet-heading strong{max-width:90px;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:-.3px;color:var(--wallet-ink)}
.credit-wallet .credit-wallet-label{font-size:10px;font-weight:500;color:var(--muted)}
.credit-wallet .credit-wallet-track{display:block;position:relative;height:5px;overflow:hidden;border-radius:99px;background:#d8def3;box-shadow:inset 0 1px 1px #171a231c}
.credit-wallet .credit-wallet-fill{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#7190ff,var(--wallet-fill));box-shadow:inset 0 1px #ffffff47;transition:width .4s ease}
.credit-wallet .credit-wallet-track[data-indeterminate="true"]{background:repeating-linear-gradient(110deg,#d8def3 0 7px,#e6eafa 7px 14px)}
.credit-wallet .credit-wallet-plus{flex:none;font-size:17px;font-weight:500;color:var(--wallet-ink)}
:root .credit-wallet span{margin:0}
:root .credit-wallet :is(.visually-hidden){margin:-1px}
:root .topbar .top-actions>.credit-wallet:is([data-credit-state="low"],[data-credit-state="empty"]){--wallet-ink:#875100;--wallet-fill:#d68b17;border-color:#e3c893;background:linear-gradient(150deg,#fffdf6,#fff3d9);box-shadow:inset 0 1px #fff,0 2px 0 #e9d8b7,0 5px 12px #b87b1610}
.credit-wallet:is([data-credit-state="low"],[data-credit-state="empty"]) .credit-wallet-icon{background:linear-gradient(150deg,#fff9e8,#f7dfab);border-color:#dfc081}
.credit-wallet:is([data-credit-state="low"],[data-credit-state="empty"]) .credit-wallet-track{background:#efdfbd}
.credit-wallet:is([data-credit-state="low"],[data-credit-state="empty"]) .credit-wallet-fill{background:linear-gradient(90deg,#efbc5c,var(--wallet-fill))}
:root[data-theme="dark"] .topbar .top-actions>.credit-wallet{--wallet-ink:#b7c5ff;background:linear-gradient(150deg,#282f48,#1d2336);border-color:#4e5d91;box-shadow:inset 0 1px #ffffff17,0 2px 0 #141827,0 5px 12px #0002}
:root[data-theme="dark"] .credit-wallet .credit-wallet-icon{background:linear-gradient(150deg,#3b4974,#2a3558);border-color:#586da7;box-shadow:inset 0 1px #ffffff20,0 2px 3px #0002}
:root[data-theme="dark"] .credit-wallet .credit-wallet-track{background:#111727;box-shadow:inset 0 1px 2px #0006}
:root[data-theme="dark"] .credit-wallet .credit-wallet-track[data-indeterminate="true"]{background:repeating-linear-gradient(110deg,#252e4b 0 7px,#303b5e 7px 14px)}
:root[data-theme="dark"] .topbar .top-actions>.credit-wallet:is([data-credit-state="low"],[data-credit-state="empty"]){--wallet-ink:#ffd68d;background:linear-gradient(150deg,#3e311c,#2b251a);border-color:#8f7136;box-shadow:inset 0 1px #ffffff17,0 2px 0 #1e1a13,0 5px 12px #0002}
:root[data-theme="dark"] .credit-wallet:is([data-credit-state="low"],[data-credit-state="empty"]) .credit-wallet-icon{background:linear-gradient(150deg,#695027,#44351f);border-color:#9a793e}
:root[data-theme="dark"] .credit-wallet:is([data-credit-state="low"],[data-credit-state="empty"]) .credit-wallet-track{background:#1c180f}
@media(min-width:1100px) and (max-width:1599px){:root .topbar .top-actions>.credit-wallet{min-width:137px;padding-inline:9px;gap:7px}.credit-wallet .credit-wallet-icon{width:24px;height:24px}.credit-wallet .credit-wallet-plus{display:none}}
@media(max-width:760px){:root .topbar .top-actions>.credit-wallet{flex:0 0 144px;min-width:144px;order:-2;min-height:42px;padding:6px 9px}.credit-wallet .credit-wallet-icon{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){:root .topbar .top-actions>.credit-wallet,.credit-wallet .credit-wallet-fill{transition:none}:root .topbar .top-actions>.credit-wallet:hover,:root .topbar .top-actions>.credit-wallet:active{transform:none}}