{# Profile card region — v0.61.55 (#892).

   Single-record identity panel: avatar (img or initials fallback) +
   primary name + secondary meta line + 3-up stat grid + bulleted
   facts list. Resolved server-side; the template is logic-less and
   relies on autoescape for safety.

   The region's `filter:` should narrow to one record (typically
   `id = current_context`); the runtime takes the first item.

   Card safety: region emits zero chrome + zero title. The dashboard
   slot owns both via region_card.

   v0.62 CSS refactor: inline Tailwind → semantic .dz-profile-*
   classes (components/regions.css). Stats grid responsive at 40rem
   container width. #}
{% from 'macros/region_wrapper.html' import region_card %}
{% call region_card(title) %}
<div class="dz-profile-card-region">
  {% if profile_card_data and (profile_card_data.primary or profile_card_data.avatar_url or profile_card_data.initials) %}
    <div class="dz-profile-card">
      {# Identity row — avatar + name/meta #}
      <div class="dz-profile-identity">
        {% if profile_card_data.avatar_url %}
          <img src="{{ profile_card_data.avatar_url }}"
               alt="{{ profile_card_data.primary }}"
               class="dz-profile-avatar" />
        {% elif profile_card_data.initials %}
          <span class="dz-profile-initials" aria-hidden="true">{{ profile_card_data.initials }}</span>
        {% endif %}
        <div class="dz-profile-text">
          {% if profile_card_data.primary %}
            <h3 class="dz-profile-primary">{{ profile_card_data.primary }}</h3>
          {% endif %}
          {% if profile_card_data.secondary %}
            <p class="dz-profile-secondary">{{ profile_card_data.secondary }}</p>
          {% endif %}
        </div>
      </div>

      {# Stats grid — 1 col on mobile, 3 col at 40rem container width + #}
      {% if profile_card_data.stats and profile_card_data.stats | length > 0 %}
        <dl class="dz-profile-stats">
          {% for stat in profile_card_data.stats %}
            <div class="dz-profile-stat">
              <dt class="dz-profile-stat-label">{{ stat.label }}</dt>
              <dd class="dz-profile-stat-value">{{ stat.value or "—" }}</dd>
            </div>
          {% endfor %}
        </dl>
      {% endif %}

      {# Facts list — bulleted, soft-wrap #}
      {% if profile_card_data.facts and profile_card_data.facts | length > 0 %}
        <ul class="dz-profile-facts">
          {% for fact in profile_card_data.facts %}
            <li class="dz-profile-fact">
              <span class="dz-profile-fact-bullet" aria-hidden="true">·</span>
              <span class="dz-profile-fact-text">{{ fact }}</span>
            </li>
          {% endfor %}
        </ul>
      {% endif %}
    </div>
  {% else %}
    <p class="dz-empty-dense" role="status">{{ empty_message | default("No profile data available.") }}</p>
  {% endif %}
</div>
{% endcall %}