{% if totals.categories %}
<ul class="divide-y divide-line">
    {% for category in totals.categories %}
    <li class="grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-3 py-3{% if category.parent_id is not none %} pl-6{% endif %}"{% if category.parent_id is not none %} data-category-depth="1"{% endif %}>
        <div class="min-w-0">
            <p class="break-words text-sm font-medium">
                {% if category.category_id is not none %}<a class="text-forest underline-offset-2 hover:underline"
                    href="{{ url_for('web_transactions.list_page', category_id=category.category_id, start_date=window.start_date.isoformat(), end_date=window.end_date.isoformat()) }}">{{
                    category.name }}</a>{% else %}{{ category.name }}{% endif %}
                {% if not category.is_active %}<span class="ml-1 text-xs font-normal text-muted">Archived</span>{% endif
                %}
            </p>
            <p class="text-xs text-muted">{{ category.category_type|title }} · {{ category.event_count }} events{% if
                category.category_type == "expense" and category.category_id is not none %} · {{
                category_shares.get(category.category_id, 0) }}% of categorized spending{% endif %}</p>
        </div>
        <span class="whitespace-nowrap font-mono text-sm font-medium">{% if currency_code %}{{ currency_code }} {% endif
            %}{{ category.total_minor|dashboard_money(currency_code) }}</span>
    </li>
    {% endfor %}
</ul>
{% else %}
<p class="py-4 text-sm text-muted">No activity in this period.</p>
{% endif %}