{# Bundled portfolio body: KPIs + curves + allocation.
   Tax planning panels moved to /tax (P1, P9).
   Rendered by /portfolio/body in one shot. #}

{# Action Inbox — lazy-loaded; respects the page's account filter. #}
<div id="inbox-panel"
     hx-get="/portfolio/inbox{% if account %}?account={{ account }}{% endif %}"
     hx-trigger="load"
     hx-swap="outerHTML"
     class="mb-4">
</div>

<div id="portfolio-kpis" class="mb-4">
  {% include "_portfolio_kpis.html" %}
</div>

{# Top row — two charts side by side at 50/50 #}
<div class="grid gap-3 mb-4" style="grid-template-columns: 1fr 1fr;">
  <div id="portfolio-equity" class="panel">
    {% include "_portfolio_equity_curve.html" %}
  </div>
  <div id="portfolio-cash" class="panel">
    {% include "_portfolio_cash_curve.html" %}
  </div>
</div>

{# Allocation row: existing concentration donut on the left, the cash-vs-
   positions deployment chart on the right. 2/3 + 1/3 split keeps the chip
   leaderboard breathing while giving the deployment panel enough room for
   its hero stat + legend. #}
<div class="grid gap-3 mb-4" style="grid-template-columns: 2fr 1fr;">
  <div id="portfolio-allocation" class="panel">
    {% include "_portfolio_allocation.html" %}
  </div>
  <div id="portfolio-deployment" class="panel">
    {% include "_portfolio_deployment.html" %}
  </div>
</div>

{# Top Movers panel — only render when at least one mover exists. #}
{% if top_movers and (top_movers.winners or top_movers.losers) %}
  <div id="portfolio-top-movers" class="panel mb-4">
    {% include "_portfolio_top_movers.html" %}
  </div>
{% endif %}

{# Wash-sale watch moved to the Tax page wash-sales tab — that's its natural
   home. The portfolio panel intentionally stays free of tax-detection UI. #}
{# Tax planning panels (offset budget + year-end projection) moved to /tax (P9). #}