{{-- Seguimiento del DO de importación (seguimiento-imp/{do}): información y gestión documental, estado actual y línea de
     tiempo. Antes: documento HTML suelto con Tailwind por CDN, luego heredado en el layout nuevo (L2a); con el kit ui-ctc
     desde L3. Ya no carga Font Awesome. Gemela: pantallas/ExPo/seguimiento-pedido. --}}
<x-app-layout titulo="Seguimiento del DO">
    <x-pagina>
        <x-encabezado-pagina ruta="Importaciones · Pedidos en Curso" :titulo="'Seguimiento del DO ' . $idOrden">
            <x-slot name="acciones">
                <x-enlace-boton href="{{ pantalla('/impo/ordenes-compra-ws') }}"><x-icono nombre="arrow-left" /> Volver a Pedidos</x-enlace-boton>
            </x-slot>
        </x-encabezado-pagina>

        <div class="grid items-start gap-5 lg:grid-cols-3">
            <div class="min-w-0 lg:col-span-2">
                @livewire('importaciones.seguimiento-documental', ['numeroDo' => $idOrden])
            </div>
            <div class="min-w-0 space-y-5">
                @livewire('importaciones.status-hoy', ['numeroDo' => $idOrden])
                @livewire('importaciones.feed-importaciones', ['numeroDo' => $idOrden])
            </div>
        </div>
    </x-pagina>
</x-app-layout>