{% macro cloud_badge(cloud) %}
<span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium"
      style="background: var(--bg-surface-hover); color: var(--text-secondary);">
  {{ cloud | upper }}
</span>
{% endmacro %}