{{-- Small chip shown at bottom-right while a superadmin is impersonating a tenant user --}}
<div class="wk-imp-chip" title="{{ _lang('You are impersonating') }} {{ auth()->user()?->name }}@isset($activeOrganization) · {{ $activeOrganization->name }}@endisset">
    <i class="bi bi-incognito"></i>
    <span class="wk-imp-name">{{ auth()->user()?->name }}</span>
    <form method="POST" action="{{ route('impersonation.stop') }}" class="m-0 d-inline">
        @csrf
        <button type="submit" class="wk-imp-exit" title="{{ _lang('Return to admin') }}">
            <i class="bi bi-box-arrow-left"></i>
        </button>
    </form>
</div>

<style>
    .wk-imp-chip {
        position: fixed; right: 14px; bottom: 14px; z-index: 1055;
        display: inline-flex; align-items: center; gap: .4rem;
        padding: .25rem .3rem .25rem .6rem;
        font-size: .72rem; font-weight: 600; line-height: 1; color: #fff;
        background: linear-gradient(120deg, #b45309, #f59e0b);
        border-radius: 2rem;
        box-shadow: 0 4px 12px -4px rgba(180, 83, 9, .6);
        opacity: .92;
    }
    .wk-imp-chip:hover { opacity: 1; }
    .wk-imp-chip > i { font-size: .85rem; }
    .wk-imp-name { max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .wk-imp-exit {
        display: inline-flex; align-items: center; justify-content: center;
        width: 22px; height: 22px; border: none; border-radius: 50%;
        background: rgba(255, 255, 255, .95); color: #92400e; cursor: pointer; font-size: .8rem;
    }
    .wk-imp-exit:hover { background: #fff; color: #78350f; }

    /* Keep clear of the mobile bottom nav on small screens */
    @media (max-width: 991.98px) {
        .wk-imp-chip { bottom: 76px; }
    }
</style>