{{-- Card Skeleton Loading Component --}}
<div class="skeleton-card">
    {{-- Header with avatar and title --}}
    <div class="skeleton-card-header">
        <div class="skeleton skeleton-avatar"></div>
        <div style="flex: 1;">
            <div class="skeleton skeleton-text skeleton-text-75"></div>
            <div class="skeleton skeleton-text-sm skeleton-text-50"></div>
        </div>
    </div>
    
    {{-- Body with multiple text lines --}}
    <div class="skeleton-card-body">
        @for($i = 0; $i < ($lines ?? 3); $i++)
            <div class="skeleton skeleton-text" style="width: {{ $i === ($lines ?? 3) - 1 ? '60%' : '100%' }};"></div>
        @endfor
    </div>
</div>