{% if largest_rows %}
  <div class="table-responsive">
    <table class="table table-sm table-striped mb-0 align-middle">
      <thead>
        <tr>
          <th>Case</th>
          <th class="text-end">Series</th>
          <th class="text-end">Total size</th>
        </tr>
      </thead>
      <tbody>
        {% for row in largest_rows %}
          <tr>
            <td>
              <a href="{% url 'atlas:case_detail' row.case.pk %}">{{ row.case.title }}</a>
              <div class="text-muted small">#{{ row.case.pk }}</div>
            </td>
            <td class="text-end">{{ row.series_count }}</td>
            <td class="text-end fw-semibold">{{ row.human_total }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% else %}
  <div class="text-muted small">No case-size data available.</div>
{% endif %}
