{# Crisp monochrome UI glyphs (Feather/Lucide, MIT). `ic(name)` emits an inline
   SVG sized by CSS (.cg-ic{width/height}); color follows currentColor.
   Stroke icons use fill:none; filled icons (send, dots, mic-fill) set fill. #}
{% macro ic(name) -%}
{%- set stroke = '<svg class="cg-ic" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">' -%}
{%- set fill = '<svg class="cg-ic" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">' -%}
{%- if name == 'chevron-left' -%}{{ stroke|safe }}<polyline points="15 18 9 12 15 6"/></svg>
{%- elif name == 'chevron-right' -%}{{ stroke|safe }}<polyline points="9 18 15 12 9 6"/></svg>
{%- elif name == 'chevron-down' -%}{{ stroke|safe }}<polyline points="6 9 12 15 18 9"/></svg>
{%- elif name == 'video' -%}{{ stroke|safe }}<polygon points="23 7 16 12 23 17 23 7"/><rect x="1" y="5" width="15" height="14" rx="2" ry="2"/></svg>
{%- elif name == 'phone' -%}{{ stroke|safe }}<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
{%- elif name == 'dots-vertical' -%}{{ fill|safe }}<circle cx="12" cy="5" r="1.6"/><circle cx="12" cy="12" r="1.6"/><circle cx="12" cy="19" r="1.6"/></svg>
{%- elif name == 'dots-horizontal' -%}{{ fill|safe }}<circle cx="5" cy="12" r="1.6"/><circle cx="12" cy="12" r="1.6"/><circle cx="19" cy="12" r="1.6"/></svg>
{%- elif name == 'paperclip' -%}{{ stroke|safe }}<path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>
{%- elif name == 'camera' -%}{{ stroke|safe }}<path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
{%- elif name == 'mic' -%}{{ stroke|safe }}<path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg>
{%- elif name == 'send' -%}{{ stroke|safe }}<line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>
{%- elif name == 'arrow-up' -%}{{ stroke|safe }}<line x1="12" y1="19" x2="12" y2="5"/><polyline points="5 12 12 5 19 12"/></svg>
{%- elif name == 'smile' -%}{{ stroke|safe }}<circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" y1="9" x2="9.01" y2="9"/><line x1="15" y1="9" x2="15.01" y2="9"/></svg>
{%- elif name == 'plus' -%}{{ stroke|safe }}<line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
{%- elif name == 'edit' -%}{{ stroke|safe }}<path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
{%- elif name == 'search' -%}{{ stroke|safe }}<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
{%- elif name == 'flag' -%}{{ stroke|safe }}<path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/><line x1="4" y1="22" x2="4" y2="15"/></svg>
{%- elif name == 'shield' -%}{{ stroke|safe }}<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
{%- elif name == 'sticker' -%}{{ stroke|safe }}<path d="M15.5 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7l9-9V5a2 2 0 0 0-2-2z"/><path d="M21 12h-7a2 2 0 0 0-2 2v7"/></svg>
{%- else -%}{{ stroke|safe }}<circle cx="12" cy="12" r="9"/></svg>
{%- endif -%}
{%- endmacro %}