.ticker-container {
    position: fixed;
    top: var(--navbar-height);
    left: 0;
    right: 0;
    background-color: rgb(10, 10, 39);
    overflow: hidden;
    padding: 0.5rem 0;
    white-space: nowrap;
    z-index: 999;
}

.ticker-wrapper {
    display: inline-flex;
    animation: ticker 20s linear infinite;
}

.ticker-item {
    display: inline-flex;
    align-items: center;
    margin-right: 2rem;
    color: var(--text-light);
}

.ticker-item img {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
}

.ticker-price {
    color: #9ca3af;
    margin: 0 0.5rem;
}

.ticker-change {
    display: flex;
    align-items: center;
}

.ticker-change.positive {
    color: #10b981;
}

.ticker-change.negative {
    color: #ef4444;
}

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