{# Line icons for the navigation, drawn inline so the app ships no icon
   font and no library. 24-unit grid, 1.75 stroke, round caps — the
   Lucide idiom, which reads at 18px on a dark ground. #}
{% macro icon(name) -%}
<svg class="ico" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
{%- if name == 'overview' -%}
  <path d="M3 12 12 4l9 8"/><path d="M5 10.5V20h14v-9.5"/><path d="M10 20v-5h4v5"/>
{%- elif name == 'portfolio' -%}
  <path d="M3 20h18"/><path d="M4 16l5-6 4 3 7-8"/><circle cx="20" cy="5" r="1"/>
{%- elif name == 'crypto' -%}
  <circle cx="12" cy="12" r="9"/><path d="M9.5 7.5h4a2 2 0 0 1 0 4h-4zm0 4h4.5a2 2 0 0 1 0 4H9.5z"/><path d="M11 5.5v2M11 16.5v2"/>
{%- elif name == 'allocation' -%}
  <path d="M12 3v9l6.4 6.4"/><circle cx="12" cy="12" r="9"/><path d="M12 12 4.5 7"/>
{%- elif name == 'dividends' -%}
  <rect x="3" y="5" width="18" height="16" rx="2"/><path d="M8 3v4M16 3v4M3 10h18"/><circle cx="12" cy="15.5" r="2"/>
{%- elif name == 'ideas' -%}
  <path d="M9 18h6"/><path d="M10 21h4"/><path d="M12 3a6 6 0 0 0-3.5 10.9c.7.6 1 1.3 1 2.1h5c0-.8.3-1.5 1-2.1A6 6 0 0 0 12 3z"/>
{%- elif name == 'invest' -%}
  <path d="M3 17l6-6 4 4 8-8"/><path d="M14 7h7v7"/>
{%- elif name == 'money' -%}
  <rect x="3" y="6" width="18" height="12" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M7 12h.01M17 12h.01"/>
{%- elif name == 'cashflow' -%}
  <path d="M4 7h13"/><path d="M14 4l3 3-3 3"/><path d="M20 17H7"/><path d="M10 14l-3 3 3 3"/>
{%- elif name == 'income' -%}
  <rect x="4" y="4" width="16" height="16" rx="2"/><path d="M8 9h8"/><path d="M8 13h8"/><path d="M8 17h5"/>
{%- elif name == 'budget' -%}
  <path d="M12 3v9l6.5 3.8"/><circle cx="12" cy="12" r="9"/>
{%- elif name == 'subscriptions' -%}
  <path d="M20 12a8 8 0 1 1-2.3-5.7"/><path d="M20 4v4h-4"/>
{%- elif name == 'bills' -%}
  <path d="M6 3h12v18l-3-2-3 2-3-2-3 2z"/><path d="M9 8h6M9 12h6"/>
{%- elif name == 'goals' -%}
  <circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1"/>
{%- elif name == 'transactions' -%}
  <path d="M4 6h16"/><path d="M4 12h16"/><path d="M4 18h10"/>
{%- elif name == 'categorize' -%}
  <path d="M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z"/><circle cx="7.5" cy="7.5" r="1.25"/>
{%- elif name == 'plan' -%}
  <rect x="3" y="4" width="18" height="17" rx="2"/><path d="M8 2v4M16 2v4M3 10h18"/><path d="M8 15h3M13 15h3"/>
{%- elif name == 'forecast' -%}
  <path d="M3 20h18"/><path d="M5 17c3-8 8-10 14-12"/><path d="M15 5h4v4"/>
{%- elif name == 'retirement' -%}
  <path d="M4 20l3-9h10l3 9"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/><path d="M2 20h20"/>
{%- elif name == 'loans' -%}
  <path d="M3 11 12 4l9 7"/><path d="M5 10v10h14V10"/><path d="M9 20v-5h6v5"/><path d="M12 12.5v1"/>
{%- elif name == 'stages' -%}
  <path d="M3 20V14h4v6zM10 20V9h4v11zM17 20V4h4v16z"/>
{%- elif name == 'accounts' -%}
  <path d="M3 8h18v11H3z"/><path d="M3 8l2-4h14l2 4"/><path d="M8 13h4"/>
{%- elif name == 'settings' -%}
  <circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z"/>
{%- elif name == 'signout' -%}
  <path d="M10 4H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h5"/><path d="M15 16l4-4-4-4"/><path d="M19 12H9"/>
{%- elif name == 'collapse' -%}
  <rect x="3" y="4" width="18" height="16" rx="2"/><path d="M9 4v16"/><path d="M15 10l-2 2 2 2"/>
{%- elif name == 'menu' -%}
  <path d="M4 7h16M4 12h16M4 17h16"/>
{%- elif name == 'chevron' -%}
  <path d="M9 6l6 6-6 6"/>
{%- elif name == 'user' -%}
  <circle cx="12" cy="8" r="4"/><path d="M4 21a8 8 0 0 1 16 0"/>
{%- endif -%}
</svg>
{%- endmacro %}