/* Category-related styles */
.legend .tag {
  margin: 4px;
  font-weight: 600;
}

.category-grid .columns {
  margin: 0;
}

.category-grid .column {
  padding: 0.25rem;
}

.category-btn {
  transition: all 0.2s ease;
}

.category-btn:hover {
  transform: scale(1.05);
  opacity: 0.9;
}

.category-btn .icon {
  margin-right: 0.5rem;
}

/* Category color classes for dynamic styling */
.category-work { background-color: #3B82F6; }
.category-exercise { background-color: #10B981; }
.category-sleep { background-color: #6366F1; }
.category-meals { background-color: #F59E0B; }
.category-learning { background-color: #8B5CF6; }
.category-social { background-color: #EC4899; }
.category-family { background-color: #14B8A6; }
.category-relax { background-color: #06B6D4; }
.category-chores { background-color: #84CC16; }
.category-commute { background-color: #64748B; }
.category-procrastinate { background-color: #EF4444; }

/* Ensure text is readable on all category backgrounds */
.category-work,
.category-exercise,
.category-sleep,
.category-meals,
.category-learning,
.category-social,
.category-family,
.category-relax,
.category-chores,
.category-commute,
.category-procrastinate {
  color: white;
  border: none;
}

.category-button {
  border-radius: 0.375rem;
  max-width: 100%;
}

.category-button .icon-text {
  flex-wrap: nowrap;
}

.category-button .category-name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.category-button .category-description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}