{{-- Expects: $rows as array of ['label' => '', 'value' => ''], optional $panelTitle --}}
<div class="transaction-details" style="margin: 20px 0; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden;">
    <div class="transaction-details-header" style="background: #f8fafc; padding: 12px 16px; font-weight: 600; border-bottom: 1px solid #e5e7eb; color: #0f172a;">
        {{ $panelTitle ?? 'Transaction details' }}
    </div>
    <div class="transaction-details-body" style="padding: 12px 16px; background: #fff;">
        @foreach($rows as $row)
        <div class="transaction-details-row" style="display: flex; justify-content: space-between; padding: 10px 0; border-bottom: {{ $loop->last ? 'none' : '1px solid #f1f5f9' }}; gap: 12px;">
            <span class="transaction-details-label" style="color: #64748b; font-weight: 500; flex-shrink: 0;">{{ $row['label'] }}</span>
            <span class="transaction-details-value" style="font-weight: 600; color: #0f172a; text-align: right; word-break: break-word;">{{ $row['value'] }}</span>
        </div>
        @endforeach
    </div>
</div>
