{% if suppressed_findings %}
<div class="mt-4 border border-slate-200 dark:border-slate-800 bg-slate-50/60 dark:bg-slate-950/60 p-4">
  <p class="ui-muted-copy">Suppressed Related Findings</p>
  <div class="mt-3 space-y-2">
    {% for finding in suppressed_findings %}
    <div class="rounded-sm border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-950 px-3 py-2">
      <div class="flex items-start justify-between gap-3">
        <div>
          <p class="text-sm font-medium text-slate-800 dark:text-slate-200">{{ finding["display_name"] }}</p>
          <p class="mt-0.5 text-[13px] text-slate-600 dark:text-slate-300">{{ finding["reason"] }}</p>
        </div>
        <p class="text-[13px] text-slate-500 dark:text-slate-400 whitespace-nowrap">
          {{ finding["count"] }} hidden
        </p>
      </div>
      {% if "ctes" in finding and finding["ctes"] %}
      <p class="mt-1 text-[13px] text-slate-500 dark:text-slate-400">
        CTEs: {{ finding["ctes"] | join(", ") }}
      </p>
      {% endif %}
      {% if "items" in finding and finding["items"] %}
      <details class="mt-2">
        <summary class="cursor-pointer text-[13px] text-brand-500 dark:text-brand-300">Show affected items</summary>
        <p class="mt-1 text-[13px] text-slate-600 dark:text-slate-300 break-words">{{ finding["items"] | join(", ") }}</p>
      </details>
      {% endif %}
    </div>
    {% endfor %}
  </div>
</div>
{% endif %}