/* Toolbar grouping so the badge sits beside the download button rather than
   spreading the toolbar evenly. */
.toolbar-group {
  display: inline-flex;
  align-items: center;
  gap: 18px;
}

.live-counter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--mono, ui-monospace, monospace);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--faint, #9c9283);
  white-space: nowrap;
}

.live-counter[hidden] { display: none; }

.live-counter::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent, #b04e2c);
  animation: live-counter-pulse 2.4s ease-in-out infinite;
}

@keyframes live-counter-pulse {
  0%, 100% { opacity: 0.35; }
  50%      { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .live-counter::before { animation: none; opacity: 1; }
}

@media print {
  .live-counter { display: none; }
}