@if(session('impersonator_id'))
    <style>
        /* ===== Плашка режиму тімліда ===== */

        .tl-impersonation-banner {
            background: linear-gradient(135deg, #fde68a, #fef9c3);
            border: 1px solid rgba(234,179,8,.35);
            border-radius: 14px;
            padding: 14px 18px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            animation: tlSlideDown .45s ease;
            box-shadow: 0 6px 22px rgba(234,179,8,.25);
            margin-bottom: 18px;
        }

        @keyframes tlSlideDown {
            from { opacity: 0; transform: translateY(-6px); }
            to   { opacity: 1; transform: translateY(0); }
        }

        .tl-impersonation-left {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .tl-impersonation-icon {
            width: 40px;
            height: 40px;
            border-radius: 12px;
            background: rgba(251,191,36,.25);
            color: #92400e;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.2rem;
            box-shadow: inset 0 0 8px rgba(0,0,0,.08);
        }

        .tl-impersonation-text {
            display: flex;
            flex-direction: column;
            font-size: .9rem;
        }

        .tl-impersonation-text strong {
            color: #78350f;
            font-weight: 700;
        }

        .tl-impersonation-text span {
            color: #92400e;
            font-size: .82rem;
            margin-top: -2px;
        }

        .tl-impersonation-exit {
            border-radius: 10px;
            font-weight: 600;
            padding: 6px 14px;
            box-shadow: 0 4px 14px rgba(220,38,38,.25);
            transition: .2s ease;
        }

        .tl-impersonation-exit:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(220,38,38,.35);
        }
    </style>

    <div class="tl-impersonation-banner shadow-sm">
        <div class="tl-impersonation-left">
            <div class="tl-impersonation-icon">
                <i class="fa-solid fa-user-secret"></i>
            </div>

            <div class="tl-impersonation-text">
                <strong>Режим тімліда</strong>
                <span>Ви зараз переглядаєте панель від імені тімліда.</span>
            </div>
        </div>

        <a href="{{ route('admin.impersonate.stop') }}"
           class="btn btn-danger btn-sm tl-impersonation-exit">
            <i class="fa-solid fa-right-from-bracket mr-1"></i>
            Повернутись як адмін
        </a>
    </div>
@endif