/* SPDX-License-Identifier: MIT
 *
 * Copied from hire4real/static/css/components/ticker.css (MIT, same author), 2026-10-04, 53 lines.
 * Colour tokens replaced per doctrine 8.
 *
 * Here it is the ticker chip: the pill that holds a ticker symbol (Part A, A11).
 * Their class names, geometry, transitions and breakpoints are kept as they are; their header and
 * notes follow this one unchanged, except that a colour value a note quotes is elided as [colour]
 * (doctrine 8 reaches comments too).
 *
 * DIVERGES FROM hire4real/static/css/components/ticker.css: the marquee is not ported. Their
 *   ticker.js scrolls .live-ticker on its own, and a strip that moves without the reader asking
 *   competes for attention - the same category as a verdict colour. This sheet has no @keyframes,
 *   so its geometry is copied whole and the chip is still. If the operator wants the marquee, it
 *   is one script, and it says so.
 */
.live-ticker-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  padding: 8px 16px;
  border-radius: var(--radius-full);
  border: 1px solid var(--line);
  background: var(--surface-2);
  overflow: hidden;
}

.live-ticker__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--ink-2);
  white-space: nowrap;
  flex-shrink: 0;
}

.live-ticker {
  display: flex;
  gap: 16px;
  overflow: hidden;
}

.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  text-decoration: none;
  transition: opacity var(--transition-fast);
}

.ticker-item:hover { opacity: 0.8; }

.ticker-name {
  font-size: var(--font-size-xs);
  color: var(--ink-2);
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ticker-score {
  font-family: var(--font-family-mono);
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--earth);
  font-feature-settings: "tnum" 1;
}