/* ===== Claude quota card (admin-only; fills the slot under IG Followers) =====
   Same visual language as the follow card — hairline border, ink title,
   heat-tinted values — but the tracks read REMAINING (drain-down), so there
   is no pace-mark: pace math is meaningless for a quota. */
.sb-card.sb-quota .k { font-family: var(--fleet-ink); font-weight: 500; font-size: 12px; letter-spacing: 2px; color: var(--sb-muted); text-transform: uppercase; }
.sb-card.sb-quota.stale { opacity: .55; }
.sb-quota-acct { margin-top: 8px; }
.sb-quota-acct .acct { font-family: var(--fleet-text); font-weight: 600; font-size: 10px; letter-spacing: 1.5px; color: var(--sb-dim); text-transform: uppercase; margin-bottom: 2px; }
/* Quota RINGS (BABY_MENU reference, Jase's call — replaced the v1 bars).
   The tier class on .sb-quota-ring sets --heat; the arc stroke and the big %
   both wear it. SVG arc: dim full-circle track + tier-colored dasharray arc
   growing clockwise from 12 o'clock. */
.sb-quota-rings { display: flex; gap: 14px; justify-content: space-around; margin-top: 8px; }
.sb-quota-ring { position: relative; width: 76px; text-align: center; }
.sb-quota-ring .ring { width: 64px; height: 64px; display: block; margin: 0 auto; }
.sb-quota-ring .ring-track { fill: none; stroke: rgba(255,255,255,0.08); stroke-width: 5; }
.sb-quota-ring .ring-fill { fill: none; stroke: var(--heat, #2ed573); stroke-width: 5; stroke-linecap: round; filter: drop-shadow(0 0 4px var(--heat-glow, rgba(46,213,115,.42))); }
.sb-quota-ring.heat-na .ring-fill { stroke: transparent; filter: none; }
.sb-quota-ring .ring-pct { position: absolute; top: 22px; left: 0; right: 0; font-family: var(--fleet-ink); font-weight: 900; font-size: 17px; line-height: 1; color: var(--heat, var(--text-primary)); }
.sb-quota-ring.heat-na .ring-pct { color: var(--sb-dim); }
.sb-quota-ring .ring-pctsign { font-size: 10px; font-weight: 600; }
.sb-quota-ring .ring-label { margin-top: 3px; font-family: var(--fleet-text); font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sb-muted); }
.sb-quota-ring .ring-meta { font-family: var(--fleet-text); font-size: 9px; color: var(--sb-dim); margin-top: 1px; }
.sb-quota-stale { margin-top: 6px; font-size: 10px; color: var(--sb-dim); }
/* v2: ACTIVE chip (amber — the account the fleet is burning), totals line,
   and the manual-refresh control (muted text-button, bottom-right). */
.sb-quota-active { display: inline-block; margin-left: 6px; padding: 1px 5px; border: 1px solid rgba(254,202,87,.5); border-radius: 4px; font-size: 9px; letter-spacing: 1px; color: #feca57; vertical-align: 1px; }
.sb-quota-totals { margin-top: 9px; padding-top: 7px; border-top: 1px solid var(--sb-line); font-size: 10px; color: var(--sb-muted); }
.sb-card.sb-quota { position: relative; }
.sb-quota-refresh { position: absolute; right: 10px; bottom: 8px; background: none; border: none; padding: 2px 4px; font-family: var(--fleet-text); font-size: 9px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sb-dim); cursor: pointer; }
.sb-quota-refresh:hover { color: var(--sb-muted); }
.sb-quota-refresh:disabled { opacity: .5; cursor: default; }