{% load allauth %}
<section class="border border-slate-200 rounded-xl p-6 mb-6">
  <h3 class="text-base font-semibold text-slate-900 mb-3">{% slot title %}{% endslot %}</h3>
  <div class="text-sm text-slate-600 mb-4">{% slot body %}{% endslot %}</div>
  {% if slots.actions %}
    <div class="flex flex-wrap gap-2 pt-2 border-t border-slate-100">
      {% for action in slots.actions %}{{ action }}{% endfor %}
    </div>
  {% endif %}
</section>