<div style="overflow-x:auto;margin-bottom:1rem">
<table style="width:100%;border-collapse:collapse;font-size:.78rem">
    <thead>
        <tr style="background:{{ $cor_header }};color:#fff">
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2)">Call Rcvd</th>
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2);white-space:nowrap">Data/Hora</th>
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2)">Exch TX</th>
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2)">Exch RX</th>
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2)">Power</th>
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2)">Banda</th>
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2)">Modo</th>
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2)">Freq</th>
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2)">BandCalc</th>
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2);text-align:center">V.QSO</th>
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2);text-align:center">V.Tmp</th>
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2);text-align:center">V.Bnd</th>
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2);text-align:center">Conf.</th>
            <th style="padding:.33rem .5rem;border:1px solid rgba(255,255,255,.2)">Motivo</th>
        </tr>
    </thead>
    <tbody>
        @forelse($qsos as $q)
        <tr style="background:{{ $loop->odd ? '#f9f9f9' : '#fff' }}">
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8">{{ $q->call_rcvd }}</td>
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8;white-space:nowrap">{{ $q->date_time }}</td>
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8">{{ $q->exch_sent }}</td>
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8">{{ $q->exch_rcvd }}</td>
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8">{{ $q->category_power }}</td>
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8">{{ $q->category_band }}</td>
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8">{{ $q->category_mode }}</td>
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8">{{ $q->frequency }}</td>
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8">{{ $q->band ?? '—' }}</td>
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8;text-align:center;{{ $q->valid_qso==0?'color:#C62828;font-weight:bold':'color:#2E7D32' }}">{{ $q->valid_qso ?? '—' }}</td>
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8;text-align:center;color:#888">{{ $q->valid_tempqso ?? '—' }}</td>
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8;text-align:center;color:#888">{{ $q->valid_trocaband ?? '—' }}</td>
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8;text-align:center;{{ $q->confirmado?'color:#2E7D32;font-weight:bold':'color:#C62828' }}">{{ $q->confirmado }}</td>
            <td style="padding:.28rem .5rem;border:1px solid #e8e8e8;font-size:.72rem;color:#C62828">{{ $q->motivo ?? '' }}</td>
        </tr>
        @empty
        <tr><td colspan="14" style="padding:1rem;text-align:center;color:#aaa">Nenhum registro.</td></tr>
        @endforelse
    </tbody>
</table>
</div>
