{% if rows %}
  {% for r in rows %}
  <tr data-id="{{ r['id'] }}"
      onclick="window.location='/vehiculos/{{ r['id'] }}/editar?origen=viat&q_viat={{ q|urlencode }}'"∫
      style="cursor:pointer;"
      onmouseover="this.style.background='var(--pill-bg)'"
      onmouseout="this.style.background=''">
    <td><strong>{{ r['viat'] or '—' }}</strong></td>
    <td>{{ r['m_oficial'] or '—' }}</td>
    <td>{{ r['m_civil'] or '—' }}</td>
    <td>{{ r['marca'] or '—' }}</td>
    <td>{{ r['modelo'] or '—' }}</td>
    <td>{{ r['poblacion'] or '—' }}</td>
    <td>{{ r['unidad'] or '—' }}</td>
    <td>
      {% if r['tipo'] %}
        <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['tipo'] }}</span>
      {% else %}—{% endif %}
    </td>
  </tr>
  {% endfor %}
{% else %}
  <tr>
    <td colspan="8">
      <div class="empty-state">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
             style="width:36px;height:36px;margin-bottom:10px;opacity:.3">
          <rect x="1" y="3" width="15" height="13" rx="2"/>
          <path d="M16 8h4l3 3v5h-7V8z"/>
          <circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/>
        </svg>
        {% if q %}
          No se encontraron resultados para <strong>"{{ q }}"</strong>.
        {% else %}
          No hay vehículos con Via-T registrado.
        {% endif %}
      </div>
    </td>
  </tr>
{% endif %}