/* Card Component Styles */

.card {
  cursor: grab;
  transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15) !important;
}

.card:active {
  cursor: grabbing;
}

.card-title {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #172b4d;
}

.card-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.card-body {
  padding: 0.75rem;
}

/* Card detail modal */
.card-detail-modal .modal-body {
  padding: 1.5rem;
}

.card-description {
  min-height: 100px;
  resize: vertical;
}

/* Due date display */
.card-due-date {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}

.card-due-date.overdue {
  color: #dc3545;
}

.card-due-date.due-soon {
  color: #ffc107;
}