.card-drag-handle {
    cursor: grab;
    padding: 0 8px;
    color: var(--bs-light);
    opacity: 0.5;
    transition: opacity 0.2s;
    font-size: 1.2rem;
    user-select: none;
}

.card-drag-handle:hover {
    opacity: 1;
}

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

/* Card being dragged - only remove glow effect */
.card.dragging {
    opacity: 0.85;
    box-shadow: none !important; /* Remove any glow/shadow effect */
    transition: opacity 0.3s ease, box-shadow 0.2s ease;
    /* No pointer-events: none to keep functionality */
}

/* Ensure no hover effects are applied to the dragged card */
.card.dragging:hover {
    box-shadow: none !important;
}

/* Card drop indicator styles - with minimal glow effect and thinner height */
.card-drop-indicator {
    position: fixed;
    height: 2.7px;  /* Reduced by 1/3 from 4px for a thinner line */
    background-color: var(--bs-primary);  /* Use primary color for consistency */
    box-shadow: 0 0 2px var(--bs-primary), 0 0 3px rgba(13, 110, 253, 0.2);  /* Minimal glow effect */
    border-radius: 1.5px;  /* Slightly reduced border radius to match thinner height */
    z-index: 1000;  /* Ensure it appears above other elements */
    opacity: 0.8;  /* More transparent */
    transition: opacity 0.15s ease;  /* Smooth appearance */
    animation: card-pulse-glow 3s infinite alternate;  /* Even slower, barely noticeable animation */
}

/* Add extremely subtle pulsing animation for the card drop indicator */
@keyframes card-pulse-glow {
    from {
        box-shadow: 0 0 1px var(--bs-primary), 0 0 2px rgba(13, 110, 253, 0.15);
    }
    to {
        box-shadow: 0 0 3px var(--bs-primary), 0 0 4px rgba(13, 110, 253, 0.25);
    }
} 