{{-- FULL FILE REPLACEMENT NOTE

Use your reverted ticket-show.blade.php and replace only the SLA metrics count card block with the block below.

Reason:
- The component replacement sets $ticket->public_replies_count and $ticket->time_spent_minutes safely.
- This Blade block does not introduce new undefined variables.
- Public replies and minutes logged are colour coded.
- Soft-deleted/tombstoned comments are excluded in TicketShow.php before the counts are assigned.

Replace this original block:

<div class="grid grid-cols-2 gap-2 text-center">
    <div class="rounded-lg border border-zinc-200 p-2 dark:border-zinc-700">
        <div class="text-lg font-semibold">{{ $ticket->public_replies_count }}</div>
        <div class="text-[0.68rem] text-zinc-500">Public replies</div>
    </div>

    <div class="rounded-lg border border-zinc-200 p-2 dark:border-zinc-700">
        <div class="text-lg font-semibold">{{ $ticket->time_spent_minutes }}</div>
        <div class="text-[0.68rem] text-zinc-500">Minutes logged</div>
    </div>
</div>

With this:
--}}

<div class="grid grid-cols-2 gap-2 text-center">
    <div class="rounded-lg border border-emerald-300 bg-emerald-50 p-2 text-emerald-900 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-100">
        <div class="text-lg font-extrabold">
            {{ $ticket->public_replies_count }}
        </div>

        <div class="text-[0.68rem] font-semibold text-emerald-700 dark:text-emerald-300">
            Public replies
        </div>
    </div>

    <div class="rounded-lg border border-blue-300 bg-blue-50 p-2 text-blue-900 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-100">
        <div class="text-lg font-extrabold">
            {{ $ticket->time_spent_minutes }}
        </div>

        <div class="text-[0.68rem] font-semibold text-blue-700 dark:text-blue-300">
            Minutes logged
        </div>
    </div>
</div>