{% if result.reason == 'not_configured' %}
<div class="zoho-config-status not-connected">
  <span class="status-badge status-noticp">Error</span>
  Zoho CRM is not configured.
</div>
{% else %}
<div class="stats-grid" style="margin-top: 0.5rem;">
  <div class="stat-card kpi-icp" style="padding: 1rem;">
    <div class="stat-content">
      <div class="stat-value">{{ result.synced }}</div>
      <div class="stat-label">Synced</div>
    </div>
  </div>
  <div class="stat-card {% if result.errors > 0 %}kpi-review{% endif %}" style="padding: 1rem;">
    <div class="stat-content">
      <div class="stat-value">{{ result.errors }}</div>
      <div class="stat-label">Errors</div>
    </div>
  </div>
  <div class="stat-card" style="padding: 1rem;">
    <div class="stat-content">
      <div class="stat-value">{{ result.skipped }}</div>
      <div class="stat-label">Skipped</div>
    </div>
  </div>
</div>
{% endif %}