.navbar-custom {
    background-color: #4a5568; /* muted gray-blue */
}

.sortable-ghost {
    opacity: 0.4;
    background-color: #f8f9fa;
}

.sortable-chosen {
    background-color: #e3f2fd;
    cursor: move;
}

.sortable-drag {
    opacity: 0.8;
}

.pack-item {
    cursor: move;
}

.pack-item .bi-grip-vertical {
    cursor: grab;
}

.pack-item .bi-grip-vertical:active {
    cursor: grabbing;
}

/* Green background for newly added packs */
.added-pack {
    background-color: #d4edda !important;
    border-left: 4px solid #28a745;
}

/* Red background for removed packs */
.removed-pack {
    background-color: #f8d7da !important;
    border-left: 4px solid #dc3545;
}

.sortable-chosen {
    background-color: #e7f3ff;
}

#emptyConsistPlaceholder,
#emptyRemovedPlaceholder {
    cursor: default !important;
}