/* small additions beyond Tailwind for sticky header and zebra rows */
.sticky-header th {
  position: sticky;
  top: 0;
  background: white;
  z-index: 10;
  border-bottom: 1px solid #e5e7eb;
}

/* traffic dot */
.status-dot {
  width: 10px;
  height: 10px;
  border-radius: 9999px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

/* Define the traffic light colors (Required for visual status) */
.status-dot.red {
  background-color: #dc2626; /* Tailwind red-600 */
}

.status-dot.amber {
  background-color: #f59e0b; /* Tailwind amber-500 */
}

.status-dot.green {
  background-color: #10b981; /* Tailwind green-500 */
}

/* ensure table cells align nicely on very narrow screens */
table td, table th {
  vertical-align: middle;
}