/* Application styles */

/* Turbo Frame yükleme animasyonu - Üst progress bar */
turbo-frame[busy] {
  position: relative;
}

turbo-frame[busy]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: rgba(229, 231, 235, 0.5);
  z-index: 10;
}

turbo-frame[busy]::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  height: 3px;
  width: 50%;
  background: linear-gradient(90deg, 
    rgba(34, 197, 94, 0),
    rgba(34, 197, 94, 0.8),
    rgba(34, 197, 94, 0)
  );
  z-index: 11;
  animation: progress-bar 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes progress-bar {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}