/* ============================================================
   TICKER TAPE — scrolling footer
   ============================================================ */

.ticker-bar {
  display: flex;
  align-items: center;
  background: var(--bg-near-black);
  border-top: 1px solid var(--border);
  height: 26px;
  overflow: hidden;
}
.ticker-label {
  background: var(--amber);
  color: var(--bg-black);
  font-weight: 700;
  font-size: var(--fs-xs);
  letter-spacing: 1px;
  padding: 0 10px;
  height: 100%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.ticker-track {
  flex: 1;
  overflow: hidden;
  position: relative;
  height: 100%;
}
.ticker-content {
  position: absolute;
  white-space: nowrap;
  display: flex;
  align-items: center;
  height: 100%;
  will-change: transform;
  animation: ticker-scroll 40s linear infinite;
}
.ticker-track:hover .ticker-content {
  animation-play-state: paused;
}
.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 18px;
  font-size: var(--fs-sm);
  border-right: 1px solid var(--border);
}
.ticker-key { color: var(--white-warm); text-transform: uppercase; letter-spacing: 0.5px; }
.ticker-val { color: var(--amber); font-weight: 700; }
.ticker-arrow-up { color: var(--green-up); }
.ticker-arrow-down { color: var(--red-down); }
.ticker-arrow-flat { color: var(--blue-accent); }