{{-- A fila de ação, redesenhada: ponto de severidade, rótulo, contador. --}}
@hasrole('admin')
    @if (count($this->precisaDeVoce))
        <div class="p-4 bg-white border rounded-lg">
            <div class="flex items-center justify-between">
                <p class="text-sm font-bold text-gray-700">{{ __('Precisa de você') }}</p>
                <p class="text-xs text-gray-400">{{ count($this->precisaDeVoce) }} {{ __('itens') }}</p>
            </div>
            <div class="mt-2 divide-y" style="border-color:#f1f4f3">
                @foreach ($this->precisaDeVoce as $item)
                    <a href="{{ $item['rota'] }}" class="flex items-center justify-between py-2 group">
                        <span class="flex items-center gap-2 text-sm text-gray-700 group-hover:text-gray-900" style="min-width:0">
                            <i style="flex-shrink:0;display:inline-block;width:8px;height:8px;border-radius:9999px;background:{{ $item['nivel'] === 'critico' ? '#dc2626' : '#d97706' }}"></i>
                            {{ $item['rotulo'] }}
                        </span>
                        <span class="px-2 text-xs font-bold rounded-full" style="flex-shrink:0;padding-top:2px;padding-bottom:2px;{{ $item['nivel'] === 'critico' ? 'background:#fee2e2;color:#b91c1c' : 'background:#fef3c7;color:#92400e' }}">
                            {{ $item['qtd'] }}
                        </span>
                    </a>
                @endforeach
            </div>
        </div>
    @else
        <div class="p-4 bg-white border rounded-lg">
            <p class="text-sm font-bold text-gray-700">{{ __('Precisa de você') }}</p>
            <p class="mt-1 text-xs font-semibold" style="color:#15803d">{{ __('Nada pendente. Operação em dia.') }}</p>
        </div>
    @endif
@endhasrole