.shell > header .runpod-balance{display:grid;gap:3px;flex-shrink:0;text-align:right;margin-left:12px;padding:9px 13px;border:1px solid #3a4738;border-radius:12px;background:#1c281c;color:#d1f5a0;cursor:pointer}
.shell > header .runpod-balance[hidden]{display:none}
.shell > header .runpod-balance{column-gap:10px;grid-template-columns:10px auto}
.runpod-balance > span,.runpod-balance > strong,.runpod-balance > small{grid-column:2}
.runpod-balance .runpod-gpu-dot{grid-column:1;grid-row:1 / 4;align-self:center;width:9px;height:9px;border-radius:50%;background:#657064;box-shadow:none}
.runpod-balance .runpod-gpu-dot.is-active{background:#7df451;box-shadow:0 0 6px #7df451,0 0 13px #7df45180}
.runpod-balance .runpod-gpu-dot.is-unknown{background:#c9a66b}
.runpod-balance span{font-size:8px;letter-spacing:1px;color:#a6b39f}
.runpod-balance strong{font-size:17px;line-height:1.2;font-variant-numeric:tabular-nums}
.runpod-balance small{font-size:9px;color:#a6b39f}
.runpod-balance.is-stale small{color:#e6be79}
.runpod-balance:focus-visible{outline:2px solid #d1f5a0;outline-offset:3px}
@media(max-width:900px){
  .shell > header{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px 6px}
  .shell > header .brand{grid-column:1 / 3;grid-row:1;margin:0;min-width:0}
  .shell > header .runpod-balance{grid-column:3;grid-row:1;justify-self:end;align-self:center;margin:0;padding:6px 10px}
  .shell > header .workspace-label,.shell > header .header-divider{display:none}
  .shell > header #historyToggle{grid-column:1;grid-row:2}
  .shell > header #billingTop{grid-column:2;grid-row:2}
  .shell > header #logoutBtn{grid-column:3;grid-row:2;justify-self:end;margin-left:0}
}