/* style.css */

/* Custom toggle for context buttons */
.context-btn.active {
    background-color: white;
    color: #111827;
    /* Gray-900 */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dark .context-btn.active {
    background-color: #374151;
    /* Gray-700 */
    color: white;
}

/* Show loading overlay */
.item-loading.show {
    opacity: 1;
    pointer-events: auto;
}

/* Drag over states */
#drop-zone.dragover {
    background-color: rgba(16, 185, 129, 0.05);
    /* Primary tint */
    border-color: #10B981;
}

.dark #drop-zone.dragover {
    background-color: rgba(16, 185, 129, 0.1);
}