{% load i18n %}
<div id="karni-impersonation-banner" role="status" aria-live="polite"
     style="position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;justify-content:center;padding:0.6rem 1rem;background:#7c2d12;color:#fff;font:600 14px/1.4 system-ui,sans-serif;box-shadow:0 -2px 8px rgba(0,0,0,.3)">
  <span>
    {% blocktranslate with target=target.email actor=actor.email trimmed %}
      You are acting as <strong>{{ target }}</strong> — signed in as {{ actor }}.
    {% endblocktranslate %}
    <span style="opacity:.85">{% blocktranslate count counter=remaining_minutes trimmed %}{{ counter }} minute left{% plural %}{{ counter }} minutes left{% endblocktranslate %}</span>
  </span>
  {% if stop_url %}
    <form method="post" action="{{ stop_url }}" style="margin:0">
      <input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">
      <input type="hidden" name="next" value="{{ next }}">
      <button type="submit" style="min-height:36px;padding:0 1rem;border-radius:6px;border:0;background:#fff;color:#7c2d12;font-weight:700;cursor:pointer">
        {% translate "Stop impersonating" %}
      </button>
    </form>
  {% endif %}
</div>