@if(isset($insight) && $insight)
<div class="rounded-lg border p-3 {{ 
    $insight['type'] === 'warning' ? 'bg-red-50 border-red-200 dark:bg-red-900/10 dark:border-red-800' : 
    ($insight['type'] === 'info' ? 'bg-blue-50 border-blue-200 dark:bg-blue-900/10 dark:border-blue-800' : 
    ($insight['type'] === 'success' ? 'bg-green-50 border-green-200 dark:bg-green-900/10 dark:border-green-800' : 
    'bg-gray-50 border-gray-200 dark:bg-gray-800 dark:border-gray-700'))
}}">
    <div class="flex items-start gap-3">
        <span class="text-lg flex-shrink-0">{{ $insight['icon'] }}</span>
        <div class="flex-1 min-w-0">
            <p class="text-xs font-semibold mb-0.5 {{ 
                $insight['type'] === 'warning' ? 'text-red-800 dark:text-red-300' : 
                ($insight['type'] === 'info' ? 'text-blue-800 dark:text-blue-300' : 
                ($insight['type'] === 'success' ? 'text-green-800 dark:text-green-300' : 
                'text-gray-800 dark:text-gray-300'))
            }}">{{ $insight['title'] }}</p>
            <p class="text-xs {{ 
                $insight['type'] === 'warning' ? 'text-red-700 dark:text-red-400' : 
                ($insight['type'] === 'info' ? 'text-blue-700 dark:text-blue-400' : 
                ($insight['type'] === 'success' ? 'text-green-700 dark:text-green-400' : 
                'text-gray-700 dark:text-gray-400'))
            }}">{{ $insight['message'] }}</p>
        </div>
    </div>
</div>
@endif