/* hub-online.css – einheitliches Format für den Online-Counter überall.
   Variablen kommen vom jeweiligen Theme-System (--surface, --border, --ink).
   In jeden Hauptmenü-Header per <link rel="stylesheet" href="/hub-online.css">. */
.online-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:0 12px;height:36px;
  border-radius:999px;
  background:var(--surface);
  border:1px solid var(--border);
  font-family:'DM Sans',system-ui,sans-serif;
  font-weight:700;font-size:12px;
  color:var(--ink);
  white-space:nowrap;
  line-height:1;
}
.online-pill .dot{
  width:7px;height:7px;border-radius:50%;
  background:#5cf490;
  box-shadow:0 0 8px rgba(92,244,144,.7);
  animation:onlinePillPulse 2s infinite;
  flex-shrink:0;
}
.online-pill .num{font-variant-numeric:tabular-nums;}
.online-pill .lbl{color:var(--muted);font-weight:600;}
@keyframes onlinePillPulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%    {opacity:.55;transform:scale(.85)}
}