.accounts-page .account-credit-balance { width: 205px; max-width: 100%; gap: 6px; font-variant-numeric: tabular-nums; }
.account-credit-balance .credit-balance-label { color: var(--muted); font-size: 11px; }
.account-credit-balance .credit-balance-numbers { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px; line-height: 1.3; }
.account-credit-balance .credit-balance-value { font-size: 21px; font-weight: 750; letter-spacing: -.4px; color: var(--green); }
.account-credit-balance .credit-balance-total { font-size: 11px; color: var(--muted); }
.account-credit-balance .credit-balance-track { height: 7px; width: 100%; overflow: hidden; border-radius: 8px; background: var(--border); }
.account-credit-balance .credit-balance-track > span { display: block; height: 100%; border-radius: inherit; background: var(--green); }
.account-credit-balance.is-low .credit-balance-value { color: #d9a441; }
.account-credit-balance.is-low .credit-balance-track > span { background: #d9a441; }
.account-credit-balance.is-empty .credit-balance-value { color: var(--red); }
.account-credit-balance.is-unknown .credit-balance-value { color: var(--muted); }
.account-credit-balance .credit-balance-caption { font-size: 11px; color: var(--muted); }
.account-credit-balance .credit-free-quota { display: grid; gap: 3px; padding-top: 7px; margin-top: 2px; border-top: 1px solid var(--border); font-size: 11px; }
.accounts-page .account-request-status > small { color: var(--muted); font-size: 11px; }
.accounts-page .account-request-status .account-health-details { max-width: 230px; white-space: normal; }