@if(!empty($cpanelPreviewShell))
    @php
        $previewOperatorUrl = match ($activeNav ?? '') {
            'accounts', 'accounts-registry' => route('accounts'),
            'dashboard' => route('dashboard'),
            'tasks' => route('tasks.index'),
            'offers' => route('offers.index'),
            'payables' => route('payables'),
            'settlements' => route('settlements.earnings'),
            'notifications' => route('notifications.index'),
            'admin' => route('admin'),
            default => route('dashboard'),
        };
        $previewLabel = match ($activeNav ?? '') {
            'accounts', 'accounts-registry' => 'Accounts & earnings',
            'dashboard' => 'Operations dashboard',
            'tasks' => 'Task queue',
            'offers' => 'Offers & trade intake',
            'payables' => 'Payables',
            'settlements' => 'Earnings ledger',
            'notifications' => 'Notifications Center',
            'admin' => 'Admin overview',
            default => 'Workspace',
        };
    @endphp
    <div class="rounded-xl border border-[#ECECEC] bg-[#F5F7FA] px-4 py-3 text-sm text-[#4A4A4A]">
        <p class="font-semibold text-[#111]">Administrator preview</p>
        <p class="mt-1 text-xs text-[#6F6F6F] leading-relaxed">
            Same live data as <span class="font-medium text-[#111]">{{ $previewLabel }}</span> in the operator shell, rendered here so you stay on the control panel URL.
        </p>
        <p class="mt-2 flex flex-wrap gap-2 text-xs">
            <a href="{{ $previewOperatorUrl }}" target="_blank" rel="noopener noreferrer" class="inline-flex items-center rounded-lg bg-[#012169] px-3 py-1.5 font-semibold text-white hover:bg-[#011a52]">Open full operator view</a>
            <a href="{{ route('control.panel') }}" data-turbo="false" class="inline-flex items-center rounded-lg border border-[#ECECEC] bg-white px-3 py-1.5 font-medium text-[#4A4A4A] hover:bg-[#F5F7FA]">← Platform controls</a>
        </p>
    </div>
@endif