/* Dashboard Data Section Animations — Slow & Continuous */

.dash-stat {
  animation: statFloat 5s ease-in-out infinite;
}

.dash-stat:nth-child(1) {
  animation-delay: 0s;
}

.dash-stat:nth-child(2) {
  animation-delay: 1s;
}

.dash-stat:nth-child(3) {
  animation-delay: 2s;
}

.dash-stat:nth-child(4) {
  animation-delay: 3s;
}

@keyframes statFloat {
  0%, 100% {
    transform: translateY(0);
    box-shadow: 0 0 0 rgba(11, 31, 63, 0);
  }
  50% {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(11, 31, 63, 0.08);
  }
}

.dash-stat-value {
  animation: valuePulse 4s ease-in-out infinite;
}

@keyframes valuePulse {
  0%, 100% {
    transform: scale(1);
    color: var(--bista-blue);
  }
  50% {
    transform: scale(1.06);
    color: var(--bista-red);
  }
}

.bar-chart .bar {
  transform-origin: bottom;
  animation: barWave 4s ease-in-out infinite;
}

.bar-chart .bar:nth-child(1) {
  animation-delay: 0s;
}

.bar-chart .bar:nth-child(2) {
  animation-delay: 0.3s;
}

.bar-chart .bar:nth-child(3) {
  animation-delay: 0.6s;
}

.bar-chart .bar:nth-child(4) {
  animation-delay: 0.9s;
}

.bar-chart .bar:nth-child(5) {
  animation-delay: 1.2s;
}

.bar-chart .bar:nth-child(6) {
  animation-delay: 1.5s;
}

@keyframes barWave {
  0%, 100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.75);
  }
}

.line-chart path {
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
  animation: lineLoop 5s linear infinite;
}

.line-chart path:nth-child(2) {
  animation-delay: 0.5s;
  animation-direction: reverse;
}

@keyframes lineLoop {
  0% {
    stroke-dashoffset: 600;
    opacity: 0.5;
  }
  40% {
    opacity: 1;
  }
  80% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: -600;
    opacity: 0.5;
  }
}

.donut-chart svg {
  animation: donutPulse 4s ease-in-out infinite;
  transform-origin: center;
}

.donut-chart circle:not(:first-child) {
  animation: segmentPulse 3s ease-in-out infinite;
}

.donut-chart circle:nth-child(2) {
  animation-delay: 0s;
}

.donut-chart circle:nth-child(3) {
  animation-delay: 0.5s;
}

.donut-chart circle:nth-child(4) {
  animation-delay: 1s;
}

@keyframes donutPulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
}

@keyframes segmentPulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}