{{-- ✅ İlişki/Çoklu görünümde kişiler yan yana DEĞİL, kişi pane'leri olarak
     basılır: harita üstündeki kişi kartlarına ("detaylar") tıklayınca seçili
     kişinin istatistiğine geçilir (bkz. panel.js selectPersonDetailContext /
     syncPersonDetailPanes). Detay: elements-pair.blade.php'deki açıklama. --}}
@if ((!empty($is_relationship_view) || !empty($is_dual_view)) && !empty($statsB))
    @php
        $pairPersons = [
            'a' => ['stats' => $statsA ?? null, 'ctx' => $relationshipA ?? ($dualA ?? []), 'fallbackTitle' => 'Persona A', 'fallbackColor' => '#e91e63'],
            'b' => ['stats' => $statsB, 'ctx' => $relationshipB ?? ($dualB ?? []), 'fallbackTitle' => 'Persona B', 'fallbackColor' => '#1e88e5'],
        ];
        if (!empty($statsC)) {
            $pairPersons['c'] = ['stats' => $statsC, 'ctx' => $relationshipC ?? [], 'fallbackTitle' => 'Persona C', 'fallbackColor' => '#16a34a'];
        }
        if (!empty($statsD)) {
            $pairPersons['d'] = ['stats' => $statsD, 'ctx' => $relationshipD ?? [], 'fallbackTitle' => 'Persona D', 'fallbackColor' => '#f59e0b'];
        }
    @endphp

    @foreach ($pairPersons as $personKey => $pp)
        @php
            $ppTitle = $pp['ctx']['title'] ?? $pp['fallbackTitle'];
            $ppColor = $pp['ctx']['color'] ?? $pp['fallbackColor'];
        @endphp
        <div class="person-detail-pane person-pane-{{ $personKey }}{{ $personKey === 'a' ? '' : ' d-none' }}"
            data-person="{{ $personKey }}" role="tabpanel">
            <div class="compare-box" style="--box-color: {{ $ppColor }};">
                <div class="compare-header">
                    <div class="compare-badge" style="--bg-soft: {{ $ppColor }}20; --text-color: {{ $ppColor }};">
                        {{ strtoupper($personKey) }}
                    </div>
                    <div class="compare-name" title="{{ $ppTitle }}">{{ $ppTitle }}</div>
                </div>
                <div class="opacity-75">
                    @include('frontend.panel.tabs.chakras', ['chakras' => $pp['stats']['chakras'] ?? null])
                </div>
            </div>
        </div>
    @endforeach
@else
    {{-- TEKİL HARİTA --}}
    @include('frontend.panel.tabs.chakras', ['chakras' => $chakras ?? null])
@endif