/* Drag and Drop */

.touch-ghost {
    position: fixed;
    z-index: 9999;
    pointer-events: none;
    opacity: 0.9;
    transform: rotate(3deg) scale(1.02);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    border-left: 4px solid #667eea;
    background: white;
    border-radius: 8px;
    padding: 15px;
    cursor: grabbing;
    will-change: left, top;
}

.cards-container.drag-over {
    background: rgba(102, 126, 234, 0.1);
    border-radius: 8px;
}

.column.drag-over {
    background: rgba(102, 126, 234, 0.15);
    box-shadow: inset 0 0 0 2px #667eea;
    border-radius: 12px;
}

.card.drag-placeholder {
    background: rgba(102, 126, 234, 0.1);
    border: 2px dashed #667eea;
    border-radius: 8px;
    min-height: 80px;
    margin-bottom: 12px;
    opacity: 0.6;
}