{% comment %}
Component: Social Channel Avatar (c-avatar)
Renders account avatar with optional platform badge and status indicator.
{% endcomment %}
<div class="relative inline-flex items-center justify-center flex-shrink-0 select-none">
    {% if avatar_url %}
    <img src="{{ avatar_url }}"
         alt="{{ handle|default:name|default:'Conta' }}"
         class="rounded-full object-cover border border-border {% if size == 'xs' %}w-5 h-5{% elif size == 'sm' %}w-6 h-6{% elif size == 'lg' %}w-10 h-10{% else %}w-8 h-8{% endif %}{% if status == 'error' or status == 'expired' %} ring-2 ring-danger{% endif %}">
    {% else %}
    <div class="rounded-full bg-surface-sunken text-text-muted font-semibold flex items-center justify-center border border-border {% if size == 'xs' %}w-5 h-5 text-[10px]{% elif size == 'sm' %}w-6 h-6 text-xs{% elif size == 'lg' %}w-10 h-10 text-base{% else %}w-8 h-8 text-sm{% endif %}{% if status == 'error' or status == 'expired' %} ring-2 ring-danger{% endif %}">
        {{ name|slice:":1"|default:"@"|upper }}
    </div>
    {% endif %}

    {% if show_platform and platform %}
    <span class="absolute -bottom-0.5 -right-0.5 rounded-full p-0.5 bg-surface border border-border flex items-center justify-center" aria-hidden="true">
        {% include "social_accounts/partials/_platform_icon.html" with platform=platform size="3" %}
    </span>
    {% endif %}
</div>