{# ===================== INSIGHTS ===================== #}
<div class="p-4 rounded-base border bg-white">
	<h2 class="font-semibold mb-3">Insights</h2>

	<ul class="text-sm space-y-2 text-gray-700">
		{% for insight in insights %}
			<li>
				{{ insight.icon }}
				{{ insight.message }}
			</li>
		{% else %}
			<li class="text-gray-400">
				Aucun insight disponible
			</li>
		{% endfor %}
	</ul>
</div>