/* css/style.css */
/* Add any custom CSS here that is not easily covered by Tailwind */

/* Example: Custom scrollbar (for webkit browsers) */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

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

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Base styles for buttons and links if needed, though Tailwind mostly handles this */
.btn-primary {
  @apply bg-green-600 hover:bg-green-700 text-white font-medium py-2 px-4 rounded-lg transition duration-300;
}

/* Admin specific styles */
.admin-sidebar a {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition-property: background-color, color;
  transition-duration: 200ms;
  color: #d1d5db; /* gray-300 */
}

.admin-sidebar a:hover:not(.active) {
  background-color: #4b5563; /* gray-700 */
}

.admin-sidebar a.active {
  background-color: #10b981; /* green-600 */
  color: #fff;
}