/* === SPRYNTR MONITOR — Minimal overrides for Tailwind === */

[hidden] { display: none !important; }

.spinner {
  width: 40px;
  height: 40px;
  border: 3px solid #E2E0D8;
  border-top-color: #BFFF0A;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Status dot pulse */
.dot-pulse {
  animation: pulse-dot 1.5s ease-in-out infinite;
}

@keyframes pulse-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

/* Chart canvas sizing */
.chart-canvas {
  width: 100% !important;
  max-height: 300px;
}

/* Table row hover */
table tbody tr:hover {
  background: rgba(191, 255, 10, 0.04);
}

table tbody tr:last-child td {
  border-bottom: none;
}

/* Scrollbar styling */
.overflow-x-auto::-webkit-scrollbar {
  height: 4px;
}

.overflow-x-auto::-webkit-scrollbar-track {
  background: #F7F5F0;
}

.overflow-x-auto::-webkit-scrollbar-thumb {
  background: #E2E0D8;
}

/* Status card hover */
.service-card {
  transition: border-color 0.15s ease;
}

.service-card:hover {
  border-color: #C9C7BF;
}