/* css/components/_drag-drop.css */

/* Drag and Drop Styling */
.draggable-item {
    cursor: grab;
}

.dragging {
    opacity: 0.5;
    border: 2px dashed #007bff;
}

.drop-target-highlight {
    background-color: #e0f7fa; /* Light blue background */
    border: 1px dashed #00bcd4; /* Cyan dashed border */
}