/* Drag and Drop Styling for Tags */
.drag-handle {
    cursor: grab;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.drag-handle:hover {
    cursor: grab;
}

.drag-handle:active {
    cursor: grabbing;
}

/* Ghost element styling during drag */
.sortable-ghost {
    opacity: 0.4;
    background-color: #f5f5f5;
}

/* Dragged element styling */
.sortable-drag {
    opacity: 1 !important;
}

/* Table row hover effect */
tbody tr {
    transition: background-color 0.2s ease;
}

tbody tr.sortable-chosen {
    background-color: #f0f0f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}