/* ui-ticker-2b-style.css — uitrol 2b: live strip met heetste tokens (gemeten 5m-kopers en volume; geen prijs-%). */
#ticker{position:fixed;left:0;right:0;bottom:0;z-index:9;height:34px;display:flex;align-items:center;gap:12px;padding:0 12px;background:var(--bg);border-top:1px solid var(--line);font-size:12px;font-variant-numeric:tabular-nums;overflow:hidden;contain:layout style paint}
#ticker .tick-label{flex:0 0 auto;color:var(--muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:10px}
#ticker .tick-status{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--muted);white-space:nowrap}
#ticker .tick-empty{margin:0;color:var(--muted)}
.tick-viewport{flex:1 1 auto;min-width:0;overflow:hidden;height:100%;display:flex;align-items:center;contain:layout style paint}
.tick-track{display:inline-flex;gap:22px;white-space:nowrap;animation:tick-scroll 60s linear infinite;will-change:transform;padding-right:22px;font-variant-numeric:tabular-nums}
#ticker:hover .tick-track,#ticker.tick-paused .tick-track{animation-play-state:paused}
@keyframes tick-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tick{display:inline-flex;align-items:center;gap:7px;min-height:0;height:26px;padding:2px 4px;border:0;border-radius:6px;background:none;color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;flex:0 0 auto;contain:layout style}
.tick:hover,.tick:focus-visible{background:var(--line)}
.tick .avatar{width:18px;height:18px;font-size:8px;flex:0 0 18px}
.tick-sym{font-weight:700;max-width:96px;overflow:hidden;text-overflow:ellipsis}
.tick-buyers{display:inline-block;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}
.tick-buyers::before{content:"\1F465";font-size:11px;margin-right:3px}
.tick-vol{display:inline-block;min-width:58px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
.tick-price{display:inline-block;min-width:74px;text-align:right;font-variant-numeric:tabular-nums}
.tick-change{display:inline-block;min-width:54px;text-align:right;font-variant-numeric:tabular-nums}
.tick [data-direction=up]{color:var(--green)}.tick [data-direction=down]{color:var(--red)}
@media(prefers-reduced-motion:reduce){.tick-track{animation:none}.tick-viewport{overflow-x:auto}}
@media(min-width:761px){.layout #main{padding-bottom:calc(var(--bottom-nav-height,84px) + 24px + 34px)}#sidebar{height:calc(100dvh - 76px - 34px)}} /* sidebar ends above the strip, so its last rows are not hidden under it */
@media(max-width:760px){#ticker{bottom:var(--bottom-nav-height,84px)}#ticker .tick-label{display:none}.layout #main{padding-bottom:calc(var(--bottom-nav-height,84px) + 16px + 34px)}}
.tick-inflow{color:var(--muted)}.tick-inflow .unknown{color:var(--muted)}