{{-- Superadmin-only top banner: pending DB migrations / legacy update steps waiting to run. --}}
<div class="wk-update-alert">
    <i class="bi bi-exclamation-triangle-fill"></i>
    <span>
        {{ $updateInfo['count'] }} pending system update{{ $updateInfo['count'] > 1 ? 's' : '' }}
        @if (count($updateInfo['pending_migrations']))
            ({{ count($updateInfo['pending_migrations']) }} migration{{ count($updateInfo['pending_migrations']) > 1 ? 's' : '' }})
        @endif
        — run it now so the latest fixes take effect.
    </span>
    <a href="{{ route('admin.system.update') }}" class="wk-update-alert-btn">
        <i class="bi bi-arrow-repeat"></i> Update Now
    </a>
</div>

<style>
    .wk-update-alert {
        display: flex; align-items: center; gap: .6rem;
        padding: .55rem 1rem; margin: 0 0 .75rem;
        font-size: .82rem; font-weight: 600; color: #fff;
        background: linear-gradient(120deg, #b45309, #f59e0b);
        border-radius: .5rem;
    }
    .wk-update-alert > i.bi-exclamation-triangle-fill { font-size: .95rem; }
    .wk-update-alert span { flex: 1; }
    .wk-update-alert-btn {
        display: inline-flex; align-items: center; gap: .3rem;
        padding: .25rem .7rem; border-radius: 2rem;
        background: rgba(255, 255, 255, .95); color: #92400e;
        font-weight: 700; text-decoration: none; white-space: nowrap;
    }
    .wk-update-alert-btn:hover { background: #fff; color: #78350f; }
</style>