/* ---------------------------------------------------
   DualTicker — effects.css
   Subtle motion & glow, NO layout changes
   --------------------------------------------------- */

.dt-panel {
  transition: transform 160ms ease-out, box-shadow 160ms ease-out, border-color 160ms ease-out;
}

.dt-panel:hover {
  transform: translateY(-2px);
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.6),
    inset 0 0 20px rgba(255, 255, 255, 0.02);
}

/* ----------------------------------------
   HUD GREEN STATUS DOT (RESTORED)
   ---------------------------------------- */

.dt-hud::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4dffb0;
  margin-right: 6px;
  box-shadow: 0 0 10px rgba(77, 255, 176, 0.9);
}

.dt-topbar {
  transition: box-shadow 180ms ease-out, border-color 180ms ease-out, background 180ms ease-out;
}

.dt-topbar:hover {
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.65),
    0 0 40px rgba(77, 163, 255, 0.15);
}

/* ONLINE pulse (one-time) */
.dt-hud.pulse-online {
  animation: dt-online-pulse 900ms ease-out;
}

@keyframes dt-online-pulse {
  0%   { box-shadow: none; background-color: rgba(77,255,176,0.05); }
  35%  { box-shadow: 0 0 18px rgba(77,255,176,0.85); background-color: rgba(77,255,176,0.18); }
  100% { box-shadow: none; background-color: inherit; }
}

/* SYNCED blink */
.hud-synced.sync-blink {
  animation: dt-sync-blink 520ms ease-out;
}

@keyframes dt-sync-blink {
  0%   { opacity: 0.45; text-shadow: none; }
  40%  { opacity: 1; text-shadow: 0 0 10px rgba(77,255,176,0.8); }
  100% { opacity: 0.75; text-shadow: none; }
}

/* Headline hover */
.dt-headline {
  transition: background 120ms ease-out;
  border-radius: var(--dt-radius);
  padding: 2px 4px;
}

.dt-headline:hover {
  background: rgba(255,255,255,0.05);
}

/* Keyboard focus */
.dt-headline a:focus-visible {
  outline: 2px solid rgba(77,163,255,0.55);
  outline-offset: 3px;
}

/* Scrollbar shimmer */
.dt-panel__scroll:hover::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.28);
}