{{--  GEAS_STATGRID_v2  --}}
{{-- 
    :::stat-grid
    - number: "27%"
      label: "Max cycle return"
      trend: "up"                  (optional: up|down)
      sublabel: "vs. plan avg"     (optional)
    - number: "$50"
      label: "Starting capital"
    :::
--}}
@php $items = $items ?? []; @endphp

@if(!empty($items))
<div class="geas-stat-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.25rem; margin: 2.5rem 0; padding: 2rem; background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%); border: 1px solid #fed7aa; border-radius: 12px;">
    @foreach($items as $stat)
        <div style="text-align: left;">
            <div style="font-family: 'IBM Plex Mono', 'Courier New', monospace; font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 600; color: #f97316; line-height: 1; letter-spacing: -0.02em; margin-bottom: 0.5rem; white-space: nowrap;">
                {{ $stat['number'] ?? '' }}
                @if(isset($stat['trend']))
                    <span style="font-size: 1rem; margin-left: 0.25rem; vertical-align: middle;">
                        @if($stat['trend'] === 'up')<span style="color: #10b981;">↑</span>
                        @elseif($stat['trend'] === 'down')<span style="color: #ef4444;">↓</span>
                        @endif
                    </span>
                @endif
            </div>
            <div style="font-family: 'DM Sans', sans-serif; font-size: 0.8125rem; font-weight: 500; color: #64748b; text-transform: uppercase; letter-spacing: 0.05em;">
                {{ $stat['label'] ?? '' }}
            </div>
            @if(!empty($stat['sublabel']))
                <div style="font-family: 'DM Sans', sans-serif; font-size: 0.75rem; color: #94a3b8; margin-top: 0.25rem;">
                    {{ $stat['sublabel'] }}
                </div>
            @endif
        </div>
    @endforeach
</div>
@endif