/* Task drag and drop styling */
.tasks-list .task-item[draggable="true"] {
  cursor: move !important;
}

.tasks-list .task-item.dragging {
  opacity: 0.5 !important;
  transform: scale(0.95) !important;
  z-index: 1000 !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

.tasks-list .task-item.drag-over {
  border: 2px dashed #3b82f6 !important;
  background: #eff6ff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(59, 130, 246, 0.2) !important;
}

.tasks-list .task-item.dragging * {
  pointer-events: none !important;
}

/* Enhanced task transitions */
.tasks-list .task-item {
  transition: all 0.2s ease, opacity 0.2s ease, transform 0.2s ease !important;
}

.tasks-list {
  transition: all 0.3s ease;
}

/* Debug styles to see if draggable is working */
.task-item[draggable="true"]:hover {
  border-left: 4px solid #3b82f6 !important;
}