/* ===== AI Hub — Workflow Section Styles ===== */

.aihub-grid-workflows {
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
}

.aihub-card-icon.workflow {
    background: rgba(245, 158, 11, 0.12);
    color: #fbbf24;
}

/* ---------- workflow steps preview ---------- */
.aihub-steps {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.aihub-step {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    color: var(--text-muted);
}

.aihub-step-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-primary);
    flex-shrink: 0;
}

.aihub-step-arrow {
    color: var(--border-color);
    font-size: 10px;
    margin: 0 2px;
}