/* ticker.css — ZDI Activity Ticker, SIGNED v0.2 (Craig 2026-08-14). Clean, thin,
   no chrome: motion says it is live, one small pulse confirms. Theme-aware via
   the ticker-local rail vars (the app's design tokens drive the rest). */
.zt{position:sticky;top:0;z-index:30;background:#0f1b2d;color:#c9d6e6;overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,.06)}
:root[data-theme="dark"] .zt{background:#060c16}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .zt{background:#060c16}}
.zt-row{display:flex;align-items:center;height:29px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}
.zt-row:last-child{border-bottom:0}
.zt-live{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;
         background:#57c489;z-index:3;animation:zt-pulse 2s infinite}
@keyframes zt-pulse{0%,100%{opacity:.9}50%{opacity:.2}}
.zt-fade{position:absolute;top:0;bottom:0;width:30px;z-index:2;pointer-events:none}
.zt-l{left:0;background:linear-gradient(90deg,#0f1b2d,transparent)}
.zt-r{right:0;background:linear-gradient(270deg,#0f1b2d,transparent)}
:root[data-theme="dark"] .zt-l{background:linear-gradient(90deg,#060c16,transparent)}
:root[data-theme="dark"] .zt-r{background:linear-gradient(270deg,#060c16,transparent)}
.zt-vp{flex:1;overflow:hidden;height:100%;position:relative;padding-left:30px}
.zt-track{display:inline-flex;align-items:center;height:100%;white-space:nowrap;
          animation-name:zt-slide;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}
@keyframes zt-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.zt-track{animation:none}.zt-live{animation:none}}
.zt-item{display:inline-flex;align-items:center;gap:7px;padding:0 18px;font-size:12px;color:#c9d6e6;opacity:.82}
.zt-item b{color:#eaf0f8;font-weight:600;opacity:1}
.zt-dot{width:5px;height:5px;border-radius:50%;flex:0 0 auto;opacity:.85}
.zt-sep{opacity:.32;margin:0 1px}
.zt-ago{opacity:.55}
.zt-agent{background:#6c9ef8} .zt-sales{background:#57c489} .zt-ops{background:#e6a455} .zt-sys{background:#b49bf0}
.zt-speed{position:absolute;right:10px;bottom:5px;z-index:4;display:flex;align-items:center;gap:7px;
          opacity:0;transition:opacity .2s;background:rgba(0,0,0,.35);border-radius:999px;padding:3px 10px}
.zt:hover .zt-speed{opacity:1}
.zt-speed label{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#c9d6e6;opacity:.8}
.zt-speed input[type=range]{width:92px;accent-color:#fff;height:3px}