/* LeadDesk Stylesheet */

/* Waveform pulse animations */
@keyframes wave1 {
  0%, 100% { height: 6px; }
  50% { height: 18px; }
}

@keyframes wave2 {
  0%, 100% { height: 14px; }
  50% { height: 26px; }
}

@keyframes wave3 {
  0%, 100% { height: 8px; }
  50% { height: 22px; }
}

@keyframes wave4 {
  0%, 100% { height: 20px; }
  50% { height: 10px; }
}

.animate-waveform-1 {
  animation: wave1 1.1s ease-in-out infinite;
}

.animate-waveform-2 {
  animation: wave2 0.9s ease-in-out infinite 0.2s;
}

.animate-waveform-3 {
  animation: wave3 1.3s ease-in-out infinite 0.4s;
}

.animate-waveform-4 {
  animation: wave4 0.8s ease-in-out infinite 0.1s;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.6);
}

::-webkit-scrollbar-thumb {
  background: rgba(51, 65, 85, 0.8);
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 0.9);
}

/* Glassmorphism helpers */
.glass-panel {
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(51, 65, 85, 0.5);
}