/* ============================================
   TICKER / IMPACT CSS
   ============================================
   Extracted from base.css PR 7/8 (2026-05-15).
   Ticker and impact display strip. Consumed by impact tickers app-wide. */


/* ============================================
   TICKER / IMPACT DISPLAY
   ============================================ */

/* CODENOTE: Financial ticker-style display for trade impacts */
.ticker {
  background: var(--color-structure-deep);
  border-radius: var(--border-radius-default);
  padding: var(--space-sm) var(--space-md);
  border: var(--border-width-default) solid var(--border-aqua);
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
}

.ticker-row {
  font-family: var(--font-mono);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.ticker-row.positive {
  color: var(--color-positive);
}

.ticker-row.negative {
  color: var(--color-negative);
}

.ticker-row.neutral {
  color: var(--text-inverse);
}

.ticker-arrow {
  font-size: 0.6em;
}