/* Interaction states */
.card {
    cursor: pointer;
}

.card:hover {
    background-color: var(--bs-dark-text-emphasis);
}

/* Drag and drop */
.card.dragging {
    opacity: 0.5;
    cursor: grabbing;
}

.cards.drag-over {
    background-color: rgba(13, 110, 253, 0.1);
    border-radius: 0.25rem;
}

/* Drop indicators */
.drop-indicator {
    position: fixed;
    width: 8px;
    height: 100%;
    background-color: var(--bs-blue);
    pointer-events: none;
    z-index: 1000;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px var(--bs-primary),
                0 0 12px rgba(13, 110, 253, 0.5);
    border-radius: 2px;
    margin-left: -4px;
}

.drop-indicator.horizontal {
    position: fixed;
    height: 8px;
    width: auto;
    background-color: var(--bs-blue);
    pointer-events: none;
    z-index: 1000;
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 8px var(--bs-primary),
                0 0 12px rgba(13, 110, 253, 0.5);
    border-radius: 2px;
    margin-top: -4px;
}

/* Container styles */
.column .cards-container {
    position: relative;
    height: calc(100% - 60px);
    overflow-y: auto;
    overflow-x: hidden;
}