/* Sleek custom scrollbars for premium light dashboard */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #f8fafc; /* Light slate 50 base */
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1; /* Slate 300 */
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8; /* Slate 400 */
}

/* Glow effect utility classes */
.glow-emerald-sm {
  box-shadow: 0 0 15px rgba(37, 99, 235, 0.06);
}
.glow-emerald-md {
  box-shadow: 0 0 25px rgba(37, 99, 235, 0.1);
}
.glow-blue-md {
  box-shadow: 0 0 25px rgba(59, 130, 246, 0.1);
}

/* Animation keyframes */
@keyframes pulse-slow {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.8; transform: scale(0.98); }
}
.animate-pulse-slow {
  animation: pulse-slow 3s infinite ease-in-out;
}

@keyframes wave {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.dot-wave {
  animation: wave 1.2s infinite ease-in-out;
}

/* Responsive styling for the mobile preview frame inside browser mockup */
@media (max-width: 767px) {
  #browser-mockup.max-w-\[380px\],
  #browser-mockup.max-w-380px {
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
  }
}