{% if logs %}
<div class="overflow-auto">
<table>
  <thead>
    <tr>
      <th>Time</th>
      <th>Level</th>
      <th>Replica</th>
      <th>Doc ID</th>
      <th>Message</th>
    </tr>
  </thead>
  <tbody>
    {% for log in logs %}
    <tr class="log-entry-{{ log.level or 'info' }}">
      <td><small style="font-family:var(--mono);">{{ log.created_at.strftime('%Y-%m-%d %H:%M:%S') if log.created_at else '' }}</small></td>
      <td><span class="badge badge-{{ log.level or 'info' }}">{{ log.level or 'info' }}</span></td>
      <td style="font-size:.82rem;">{{ log.replica_id or '' }}</td>
      <td style="font-family:var(--mono); font-size:.8rem;">{{ log.doc_id or '' }}</td>
      <td style="font-size:.83rem;">{{ log.message or '' }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
</div>
{% else %}
<p><small class="muted">No log entries.</small></p>
{% endif %}