/* usage-meter — индикатор лимитов подписки Claude (usage-meter.js).
 * Общий для nuadmin и nuteam: свои переменные с запасными значениями,
 * размеры в em — следует за шрифтом страницы и системным масштабом. */
.num { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .35em .9em; font-size: .8em;
  color: var(--num-ink, var(--mute, #8a8f96)); line-height: 1.2; }
.num[hidden] { display: none; } /* inline-flex иначе перебивает hidden на чужой странице */
.num-i { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .4em; white-space: nowrap; }
.num-l { opacity: .9; }
.num-bar { display: inline-block; width: 3.2em; height: .35em; background: var(--num-track, var(--grid, rgba(128,128,128,.3))); border-radius: 1em; overflow: hidden; }
.num-bar i { display: block; height: 100%; background: var(--num-fill, var(--acc, #3b82f6)); border-radius: 1em; }
.num-p { font-variant-numeric: tabular-nums; color: var(--num-strong, var(--ink, inherit)); }
.num-i.num-warning .num-p, .num-i.num-warning .num-l { color: var(--num-warn, #f5a524); }
.num-i.num-warning .num-bar i { background: var(--num-warn, #f5a524); }
.num-i.num-critical .num-p, .num-i.num-exceeded .num-p, .num-i.num-critical .num-l, .num-i.num-exceeded .num-l { color: var(--num-bad, #e5484d); font-weight: 600; }
.num-i.num-critical .num-bar i, .num-i.num-exceeded .num-bar i { background: var(--num-bad, #e5484d); }
.num-stale { opacity: .6; }
.num-none { opacity: .7; }
/* сброс — раскрывается тапом/кликом (num-open), на десктопе есть и подсказка по наведению */
/* только индикатор (role=button), не чужие .num — в кабинете так называются ячейки таблиц */
.num[role="button"] { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.num[role="button"]:focus-visible { outline: 2px solid var(--num-fill, var(--acc, #3b82f6)); outline-offset: 2px; border-radius: 4px; }
.num-w { opacity: .75; font-size: .9em; }
.num-open .num-w { display: none; } /* раскрыто — полная подпись ниже */
.num-r { display: none; flex-basis: 100%; font-size: .9em; opacity: .85; }
.num-open .num-i { align-items: baseline; }
.num-open .num-r { display: block; }
@media (max-width: 720px) {
  .num { gap: .3em .7em; }
  .num-bar { width: 2.2em; }
  .num-w { display: none; }
}