{% if rows %}
  {% for r in rows %}
  <tr data-id="{{ r['id'] }}">
    <td class="td-id">#{{ r['id'] }}</td>
    <td><strong>{{ r['nombre'] }}</strong></td>
    <td>{{ r['telefono'] }}</td>
    <td>{{ r['email'] }}</td>
    <td>{% if r['categoria'] %}<span style="background:rgba(92,110,248,.12);color:var(--accent);font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;border:1px solid rgba(92,110,248,.25)">{{ r['categoria'] }}</span>{% else %}<span style="color:var(--muted);font-size:12px">—</span>{% endif %}</td>
    <td>
      <div class="td-actions" style="justify-content:flex-end">
        <a href="/campus/{{ r['id'] }}/editar" class="btn btn-ghost btn-sm">Editar</a>
        <form method="POST" action="/campus/{{ r['id'] }}/eliminar"
              onsubmit="return confirm('¿Eliminar «{{ r['nombre'] }}»? Esta acción no se puede deshacer.')">
          <button type="submit" class="btn btn-danger btn-sm">Eliminar</button>
        </form>
      </div>
    </td>
  </tr>
  {% endfor %}
{% else %}
  <tr>
    <td colspan="5">
      <div class="empty-state">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
          <circle cx="12" cy="12" r="10"/><line x1="8" y1="12" x2="16" y2="12"/>
        </svg>
        {% if q %}
          No se encontraron resultados para <strong>"{{ q }}"</strong>.
        {% else %}
          No hay campus registrados aún.
        {% endif %}
      </div>
    </td>
  </tr>
{% endif %}