/*
 * Signal Column — права рейка.
 * Згенеровано assets/signal-column/generate.py. Руками не правити.
 */

/* Права рейка. Позиціонування несе .prorok-rail з base.css —
   тут тільки внутрішня розкладка самого елемента. */
.signal-column {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.25rem;
  color: var(--wp--preset--color--ink, #fff);
}
.signal-column__label {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
  margin: 0;
  font-family: var(--wp--preset--font-family--mono, "JetBrains Mono", monospace);
  font-size: 0.625rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-align: right;
}
.signal-column__key   { opacity: 0.45; }
.signal-column__value { color: var(--wp--preset--color--accent, #A78BFA); }

@media (max-width: 767px) {
  .signal-column { display: none; }
}
@keyframes scPulse {
      0%, 100% { transform: scaleX(1); }
      45%      { transform: scaleX(0.90); }
      70%      { transform: scaleX(1.05); }
    }
    @keyframes scDot {
      0%, 100% { opacity: 1; }
      50%      { opacity: 0.45; }
    }
    .sc-bar {
      transform-box: fill-box;
      transform-origin: 100% 50%;
      animation: scPulse 3.6s ease-in-out infinite;
      animation-delay: var(--d, 0s);
    }
    .sc-dot { animation: scDot 2.4s ease-in-out infinite; }
    @media (prefers-reduced-motion: reduce) {
      .sc-bar, .sc-dot { animation: none; }
    }