/* Компонент: лента на живо (.live-bar) - статус ред с пулсираща точка */

.live-bar {
  display: flex;
  align-items: center;
  gap: .6rem;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-pill);
  padding: .5rem 1rem;
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-text-muted);
  transition: var(--transition-theme);
}

.live-bar .lb-dot {
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  background: var(--color-success);
  flex-shrink: 0;
}

/* състояние: на живо - точката пулсира */
.live-bar.is-live .lb-dot {
  animation: lb-pulse 1.6s var(--ease-standard) infinite;
}

@keyframes lb-pulse {
  0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-success) 55%, transparent); }
  70%  { box-shadow: 0 0 0 6px transparent; }
  100% { box-shadow: 0 0 0 0 transparent; }
}

.live-bar .lb-text b { color: var(--color-text); font-weight: 600; }

/* състояние: на пауза - няма нови данни, точката е статична и сива */
.live-bar.is-paused .lb-dot { background: var(--color-text-muted); animation: none; }

/* състояние: прекъсната връзка */
.live-bar.is-offline .lb-dot { background: var(--color-danger); animation: none; }
.live-bar.is-offline .lb-text { color: var(--color-danger); }