/* Custom styles to complement Tailwind CSS */

/* Smooth transitions for dropdown menus */
nav .group:hover .group-hover\:opacity-100 {
  opacity: 1;
  visibility: visible;
}

/* Custom scrollbar for data tables */
.overflow-x-auto::-webkit-scrollbar {
  height: 6px;
}
.overflow-x-auto::-webkit-scrollbar-track {
  background: #f1f5f9;
}
.overflow-x-auto::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
.overflow-x-auto::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Font mono for device IDs */
.font-mono {
  font-family: 'Courier New', Courier, monospace;
}