{{-- Chip de estado: tinta suave, cor por significado (ok/atencao/erro/neutro/info). --}}
@props(['tipo' => 'neutro'])
@php
    $cores = [
        'ok' => ['#dcfce7', '#15803d'],
        'atencao' => ['#fef3c7', '#92400e'],
        'erro' => ['#fee2e2', '#b91c1c'],
        'info' => ['#dbeafe', '#1d4ed8'],
        'neutro' => ['#f1f5f9', '#475569'],
    ][$tipo];
@endphp
<span class="px-2 py-0.5 text-xs rounded-full" style="background:{{ $cores[0] }};color:{{ $cores[1] }};font-weight:600">{{ $slot }}</span>