<div class="approval-card {{ status }}" id="tool-{{ approval_id }}">
  <div class="approval-card-title">{{ tool_name }}</div>
  {% if status == "approved" %}
  <div class="text-success" style="font-size:0.82rem; font-family:'JetBrains Mono',monospace;">
    &#x2713; Executed
  </div>
  {% if result %}
  <pre class="tool-result" style="margin-top:0.5rem; padding:0.5rem; background:var(--bg-card, #1a1a2e); border-radius:4px; font-size:0.78rem; white-space:pre-wrap; overflow-x:auto; max-height:300px;">{{ result | e }}</pre>
  {% endif %}
  {% elif status == "rejected" %}
  <div class="text-danger" style="font-size:0.82rem; font-family:'JetBrains Mono',monospace;">
    &#x2717; Rejected
  </div>
  {% endif %}
</div>
