{{-- Vista previa de la tarjeta de seguro en el listado de Filament --}}
<div class="flex items-center gap-3 p-1">
    {{-- Icono --}}
    <div class="w-10 h-10 rounded-xl flex items-center justify-center text-xl bg-blue-50 dark:bg-blue-900/20">
        <span>{{ $record->icon ?? '📋' }}</span>
    </div>
    
    {{-- Información --}}
    <div class="flex-1 min-w-0">
        <div class="flex items-center gap-2">
            <span class="text-sm font-medium text-gray-900 dark:text-gray-100 truncate">
                {{ $record->name }}
            </span>
            <span class="text-[10px] px-1.5 py-0.5 rounded-full {{ $record->is_active ? 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400' : 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400' }}">
                {{ $record->is_active ? 'Activo' : 'Inactivo' }}
            </span>
        </div>
        <div class="text-xs text-gray-500 dark:text-gray-400 truncate">
            {{ $record->description ? Str::limit($record->description, 40) : 'Sin descripción' }}
        </div>
        <div class="text-[10px] text-gray-400 dark:text-gray-500">
            Orden: {{ $record->sort_order ?? 0 }} {{ $record->insuranceCarrier ? '| ' . $record->insuranceCarrier->name : '' }}
        </div>
    </div>
</div>