{{-- Reporte por fila de la carga masiva de OC (tarea 1.5, RN-1.5). $filas: [fila, columna, valor, motivo]; $variante: peligro o aviso. --}}
<div class="overflow-hidden rounded-xl border border-[var(--borde)]">
    <div class="ctc-tabla-caja" style="--alto-tabla: 18rem">
        <table class="ctc-tabla">
            <thead>
                <tr>
                    <th class="text-right">Fila</th>
                    <th>Columna</th>
                    <th>Valor recibido</th>
                    <th>Motivo</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($filas as $i => $registro)
                    <tr wire:key="reporte-{{ $variante }}-{{ $i }}">
                        <td class="text-right tabular-nums">{{ $registro['fila'] ?? '—' }}</td>
                        <td class="whitespace-nowrap"><x-etiqueta :variante="$variante">{{ $registro['columna'] }}</x-etiqueta></td>
                        <td class="max-w-[14rem] truncate" title="{{ $registro['valor'] }}">
                            @if ($registro['valor'] === null || $registro['valor'] === '')
                                <span class="text-[var(--texto-tenue)]">—</span>
                            @else
                                {{ $registro['valor'] }}
                            @endif
                        </td>
                        <td class="min-w-[18rem]">{{ $registro['motivo'] }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>