/* Custom UI Enhancements for WA Panel Pro Dashboard */

/* Elegant custom scrollbar configs for logs terminal */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}

#live_activity_log::-webkit-scrollbar-track {
  background: #090d16;
}

#live_activity_log::-webkit-scrollbar-thumb {
  background: #1f293d;
  border-radius: 3px;
}

#live_activity_log::-webkit-scrollbar-thumb:hover {
  background: #374151;
}

/* Modal scale transitions */
.modal-active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Standard animation helpers */
@keyframes pulse-ring {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.5);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
  }
}

.animate-pulse-ring {
  animation: pulse-ring 2s infinite;
}

/* Glow effects for Online Device Tags */
.status-glow-online {
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.25);
}

/* Custom interactive active links overrides */
.nav-btn-active {
  background-color: var(--color-indigo-50) !important;
  color: var(--color-indigo-600) !important;
}