/* ═══════════════════════════════════════
   TICKER TAPE — Market Data Strip
   ═══════════════════════════════════════ */

.ticker-tape {
    background: var(--c-ticker-bg);
    border-bottom: 1px solid rgba(123, 45, 59, 0.15);
    height: var(--ticker-h);
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    display: flex;
    align-items: center;
}

.ticker-track {
    display: flex;
    width: max-content;
    animation: ticker-scroll 80s linear infinite;
}

.ticker-track:hover {
    animation-play-state: paused;
}

.ticker-content {
    display: flex;
    align-items: center;
    gap: 1.75rem;
    padding: 0 1rem;
    white-space: nowrap;
}

.ticker-loading {
    font-size: 0.72rem;
    color: var(--c-text-dim);
    letter-spacing: 0.05em;
}

/* ── Ticker Item ── */
.ticker-item {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: var(--c-text-muted);
}

.ticker-item__symbol {
    color: var(--c-text);
    font-weight: 600;
}

.ticker-item__price {
    color: var(--c-text);
    font-variant-numeric: tabular-nums;
}

.ticker-item__change {
    font-size: 0.68rem;
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 3px;
    font-variant-numeric: tabular-nums;
}

.ticker-item__change--up {
    color: var(--c-green);
    background: var(--c-green-bg);
}

.ticker-item__change--down {
    color: var(--c-red);
    background: var(--c-red-bg);
}

.ticker-divider {
    width: 1px;
    height: 14px;
    background: var(--c-border);
    flex-shrink: 0;
}

@keyframes ticker-scroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}