{#
  Compact Activity Feed preview for the Seller Dashboard. Renders the latest
  events (precomputed by app.activity.services.get_recent_activity) — no logic
  here. Pass `recent_activity` (a list of display dicts).
#}
{% macro activity_feed_card(recent_activity) %}
  <section class="card border-0 shadow-sm activity-card mb-4">
    <div class="card-header border-0 px-4 py-3 d-flex align-items-center justify-content-between">
      <h2 class="h6 mb-0"><i class="bi bi-activity me-1"></i> Recent activity</h2>
      <a class="small text-decoration-none" href="{{ url_for('activity.index') }}">View all activity <i class="bi bi-arrow-right"></i></a>
    </div>
    <div class="card-body p-3">
      {% if recent_activity %}
        <ol class="activity-timeline activity-timeline--compact">
          {% for item in recent_activity %}
            <li class="activity-item {{ 'is-unread' if not item.is_read }}">
              <span class="activity-ico" aria-hidden="true"><i class="bi {{ item.icon or 'bi-dot' }}"></i></span>
              <div class="activity-body">
                <p class="activity-title mb-0">{{ item.title }}{% if item.count and item.count > 1 %} <span class="activity-count">×{{ item.count }}</span>{% endif %}</p>
                {% if item.message %}<p class="activity-message activity-message--sm mb-0">{{ item.message }}</p>{% endif %}
                <time class="activity-time" data-relative datetime="{{ item.created_at.isoformat() }}">{{ item.created_at.strftime('%d %b') }}</time>
              </div>
            </li>
          {% endfor %}
        </ol>
      {% else %}
        <p class="text-muted small mb-0 text-center py-2">No recent activity yet.</p>
      {% endif %}
    </div>
  </section>
{% endmacro %}