/* Calendar-specific styles */

/* Custom scrollbar for calendar cells */
.calendar-cell-scroll {
  scrollbar-width: thin;
  scrollbar-color: rgba(156, 163, 175, 0.5) transparent;
}

.calendar-cell-scroll::-webkit-scrollbar {
  width: 6px;
}

.calendar-cell-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.calendar-cell-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.5);
  border-radius: 3px;
}

.calendar-cell-scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 163, 175, 0.8);
}

/* Dark mode scrollbar */
.dark .calendar-cell-scroll {
  scrollbar-color: rgba(75, 85, 99, 0.5) transparent;
}

.dark .calendar-cell-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(75, 85, 99, 0.5);
}

.dark .calendar-cell-scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(75, 85, 99, 0.8);
}

/* Ensure calendar cells have consistent height */
.calendar-day-cell {
  min-height: 100px;
  max-height: 250px;
}

/* Smooth transitions for hover effects */
.calendar-activity-item {
  transition: all 0.2s ease;
}

.calendar-activity-item:hover {
  transform: scale(1.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}