/* Topbar usage meter (cards b0a70447 + 5d03cf43) */
.usage-meter { position:relative; display:flex; align-items:center; margin-right:10px; }
.um-bars { display:flex; flex-direction:row; align-items:center; gap:8px; }
.um-row { display:flex; align-items:center; gap:4px; font-size:10px; line-height:1; color:var(--text-muted,#9aa); }
.um-label { letter-spacing:.2px; }
.um-track { width:56px; height:5px; border-radius:3px; background:var(--border,#2a2a44); overflow:hidden; }
.um-fill { display:block; height:100%; border-radius:3px; transition:width .4s ease; }
.um-green  { background:#3fb950; }
.um-yellow { background:#d29922; }
.um-red    { background:#f85149; }
.um-pct { width:28px; text-align:left; font-variant-numeric:tabular-nums; color:var(--text,#ddd); }

/* History panel (5d03cf43) */
.um-hist-panel { position:absolute; top:100%; right:0; z-index:200; background:var(--bg-elevated,#1a1a2e); border:1px solid var(--border,#2a2a44); border-radius:6px; padding:8px 10px; width:244px; box-shadow:0 4px 16px rgba(0,0,0,.5); margin-top:4px; }
.um-hist-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:5px; }
.um-hist-title { font-size:10px; font-weight:600; color:var(--text,#ddd); }
.um-hist-pts { font-size:9px; color:var(--text-muted,#9aa); }
.um-hist-svg { display:block; width:100%; height:42px; overflow:visible; }
.um-hist-legend { display:flex; align-items:center; font-size:9px; color:var(--text-muted,#9aa); margin-top:4px; }
.um-hist-dot { display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:3px; }
.um-hist-range { font-size:8px; color:var(--text-muted,#9aa); margin-top:3px; opacity:.7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.um-hist-empty { font-size:9px; color:var(--text-muted,#9aa); text-align:center; padding:8px 0; }
@media (max-width:640px){
  .usage-meter { margin-right:4px; }
  .um-label, .um-pct { display:none; }
  .um-track { width:32px; }
  .um-bars { gap:4px; }
}