{# Year-end tax projection card. Shows placeholder if tax config absent. #}
<div class="kpi panel-feature" style="--reveal-i: 0">
  {% if has_tax_config and projection %}
    <div class="flex items-baseline justify-between">
      <div class="label-uc">Year-end tax projection</div>
      <div class="text-[11px] text-label-2">Dec 31, {{ projection.year }}</div>
    </div>
    {# Display the headline as the sum of the rounded components so the user
       never sees "$50 + $15 = $64". Python's `{:,.0f}` uses banker's rounding,
       which can split rounding direction between fed/state/total when each
       component lands on .5. Round each to int first, then sum, then format. #}
    {% set _fed_d = (projection.federal_tax|float)|round(0, 'common')|int %}
    {% set _state_d = (projection.state_tax|float)|round(0, 'common')|int %}
    <div class="num num-promoted mt-2">$<span class="js-countup-num" data-to="{{ _fed_d + _state_d }}" data-decimals="0">{{ "{:,d}".format(_fed_d + _state_d) }}</span></div>
    <div class="text-[11px] text-label-2 mt-1">
      Federal <span class="num text-label-1">${{ "{:,d}".format(_fed_d) }}</span>
      <span class="text-label-3 mx-1">·</span>
      State <span class="num text-label-1">${{ "{:,d}".format(_state_d) }}</span>
    </div>
    {% if projection.bracket_warnings %}
    <div class="mt-2 text-[11px] text-warn">
      {% for w in projection.bracket_warnings %}<div>{{ w }}</div>{% endfor %}
    </div>
    {% endif %}
    <div class="text-[11px] text-label-2 mt-2"
         title="Applies your configured federal + state marginal rate to net realized gains. Doesn't add the 3.8% Net Investment Income Tax (§1411) that kicks in above the MAGI threshold ($200K single / $250K MFJ); add it manually if you're above that line.">
      Estimate only — single marginal rate, no NIIT.
    </div>
  {% else %}
    <div class="label-uc">Year-end tax projection</div>
    <div class="text-[12px] text-label-2 mt-2 leading-[1.5]">
      Tell net-alpha your filing status and tax rates and it'll project this year's tax bill from your realized gains. Use the form below to set your rates.
    </div>
  {% endif %}
</div>