{% if billing_warning == 'past_due' %}
<div class="alert alert-warning alert-dismissible fade show d-flex align-items-center gap-2 mb-3" role="alert">
  <i class="bi bi-exclamation-triangle-fill flex-shrink-0 fs-5"></i>
  <div>
    <strong>Payment past due.</strong>
    Your most recent payment could not be processed. Please update your billing information
    to avoid service interruption.
    <a href="{{ url_for('billing.portal') }}" class="alert-link ms-1">Update Payment Method &rsaquo;</a>
  </div>
  <button type="button" class="btn-close ms-auto" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
{% endif %}