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

::-webkit-scrollbar-track {
  background: #1f2937;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background: #4b5563;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #6b7280;
}

/* Status colors */
.status-online { color: #10b981; }
.status-offline { color: #ef4444; }
.status-warning { color: #f59e0b; }

/* Log line colors by status */
.log-2xx { color: #10b981; }
.log-3xx { color: #3b82f6; }
.log-4xx { color: #f59e0b; }
.log-5xx { color: #ef4444; }

/* Panel card hover effect */
.bg-gray-800 {
  transition: border-color 0.2s ease;
}

.bg-gray-800:hover {
  border-color: #4b5563;
}

/* Pulse animation for live indicator */
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  #nginx-logs {
    font-size: 10px;
  }
}