/* Active filter styling */
.filter-item:has(input:checked) .filter-label {
    color: var(--primary-color);
    font-weight: 600;
}

.filter-item:has(input:checked) .filter-count {
    background-color: var(--primary-color);
    color: var(--text-on-dark);
}

/* Animation for filtered cards */
@keyframes fadeInCard {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.workflow-card {
    animation: fadeInCard 0.3s ease-out;
}