/* Sortable drag and drop styles */
[data-sortable-item] {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

[data-sortable-item].drag-over {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  border-color: rgb(59 130 246 / 0.5);
}

[data-sortable-item]:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Drag handle styles */
.cursor-grab {
  cursor: grab;
}

.cursor-grab:active {
  cursor: grabbing;
}

/* Visual feedback during drag */
[data-sortable-item][draggable="true"]:hover .cursor-grab {
  color: rgb(75 85 99);
}