/* dashboard-usage.css */
/* Premium translation usage meter on the teacher dashboard (v2.40.0).
   Same idea as the extension popup's pill: a full track is 100% of the
   month's premium translation characters left; it drains leftward. Uses the
   dashboard tokens (--green / --amber / --red) for the three states. */

.usage-meter{
  position:relative;height:10px;margin-top:8px;border-radius:999px;
  background:var(--panel);border:1px solid var(--line-2);overflow:hidden
}
.usage-meter-fill{
  position:absolute;top:0;left:0;bottom:0;width:100%;border-radius:999px;
  background:var(--green);
  transition:width .5s var(--ease),background-color .2s ease
}
.usage-meter.warn .usage-meter-fill{background:var(--amber)}
.usage-meter.bad  .usage-meter-fill{background:var(--red)}
.card.stat .usage-meter{margin-top:10px}