/* ==========================================================================
   PCS — Animations
   ========================================================================== */

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes slideIn {
  from { opacity: 0; transform: translateX(20px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes pulseDot {
  0%   { box-shadow: 0 0 0 0 rgba(34,197,94,0.5); }
  70%  { box-shadow: 0 0 0 12px rgba(34,197,94,0); }
  100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}
@keyframes scan {
  from { transform: translateX(-100%); }
  to   { transform: translateX(100%); }
}
@keyframes ringSpin { from { transform: rotate(0); } to { transform: rotate(360deg); } }
@keyframes glowPulse {
  0%, 100% { filter: drop-shadow(0 0 4px rgba(56,189,248,0.5)); }
  50%      { filter: drop-shadow(0 0 12px rgba(56,189,248,0.95)); }
}

.panel { animation: fadeInUp 320ms var(--pcs-ease) both; }
.panel:nth-child(1) { animation-delay: 0ms; }
.panel:nth-child(2) { animation-delay: 60ms; }
.panel:nth-child(3) { animation-delay: 120ms; }
.panel:nth-child(4) { animation-delay: 180ms; }
.panel:nth-child(5) { animation-delay: 240ms; }
.panel:nth-child(6) { animation-delay: 300ms; }
.panel:nth-child(7) { animation-delay: 360ms; }
.panel:nth-child(8) { animation-delay: 420ms; }

.live-dot {
  display: inline-block;
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--pcs-good);
  animation: pulseDot 1.6s var(--pcs-ease) infinite;
}

.scanline {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, transparent 0, rgba(56,189,248,0.18) 50%, transparent 100%);
  height: 80px;
  animation: scanY 6s linear infinite;
  mix-blend-mode: screen;
}
@keyframes scanY {
  from { transform: translateY(-80px); }
  to   { transform: translateY(100%); }
}

.ring-spin { animation: ringSpin 18s linear infinite; transform-origin: center; }
.glow-pulse { animation: glowPulse 2.4s var(--pcs-ease) infinite; }