Romaneio: lista de veículos visível, busca com contador e logo escolhível

Traz para a tela as funções do programa original (Romaneiro PDF), na linha de
design do projeto:
- Veículos deixam de ser um <select> e viram lista visível com a contagem de
  paradas de cada carro — que é a conferência feita antes de imprimir e ficava
  invisível mostrando um veículo por vez. Cada item é link (?veiculo=), então
  sobrevive ao 'voltar' e ao F5. No celular vira faixa horizontal.
- Na mesma coluna: motorista do veículo, 'PDF deste veículo' e 'PDF de TODOS'.
- Busca ganha 'Limpar busca' e contador vivo ('4 de 31 paradas'). A contagem
  saiu do cabeçalho da tabela: dois números para a mesma coisa, um atualizando e
  o outro não, é a divergência que a diretriz 1 proíbe.
- Logo do cabeçalho escolhível (Configuracao 'romaneio_logo', separado do
  empresa_logo — o romaneio é documento do cliente). PNG/JPG até 2MB, gravado em
  storage/logos/ e não em public/, com nome gerado pelo sistema.

app/views/admin/romaneios/show.html.erb

@@ -51,8 +51,16 @@
   <% else %>
     <%= render 'avisos' %>
 
-    <div class="grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_minmax(0,560px)] gap-5 items-start">
-      <div class="space-y-4">
+    <%# Três zonas, como no programa que a operação já usava: VEÍCULOS à esquerda,
+        edição no meio, PDF de verdade à direita. Em telas médias a prévia desce
+        para baixo (duas colunas); no celular vira uma coluna só. %>
+    <div class="grid grid-cols-1 lg:grid-cols-[minmax(0,260px)_minmax(0,1fr)]
+                xl:grid-cols-[minmax(0,260px)_minmax(0,1fr)_minmax(0,520px)] gap-5 items-start">
+      <div class="lg:sticky lg:top-4">
+        <%= render 'veiculos' %>
+      </div>
+
+      <div class="space-y-4 lg:col-span-1">
         <%= render 'controles' %>
         <%= render 'tabela', linhas: @linhas %>
         <%= render 'removidas', linhas: @removidas %>
@@ -60,8 +68,8 @@
 
       <%# Prévia — no celular vira um bloco recolhido: 6 colunas em tela pequena
           exigiriam zoom, e o que importa ali é editar, não conferir o layout. %>
-      <div class="lg:sticky lg:top-4">
-        <details class="lg:hidden bg-[#111] border border-white/5 rounded-2xl p-4 mb-4">
+      <div class="lg:col-span-2 xl:col-span-1 xl:sticky xl:top-4">
+        <details class="xl:hidden bg-[#111] border border-white/5 rounded-2xl p-4 mb-4">
           <summary class="cursor-pointer text-white font-medium select-none min-h-[44px] flex items-center">
             <%= icone :visualizar %> Ver prévia do PDF
           </summary>
@@ -70,7 +78,7 @@
                       class: 'block mt-3 text-orange-400 hover:text-orange-300', target: '_blank', rel: 'noopener' %>
         </details>
 
-        <div class="hidden lg:block bg-[#111] border border-white/5 rounded-2xl p-4">
+        <div class="hidden xl:block bg-[#111] border border-white/5 rounded-2xl p-4">
           <div class="flex items-center justify-between mb-3">
             <h2 class="text-white font-semibold text-sm">Prévia — <%= @veiculo %></h2>
             <button type="button" data-action="romaneio#atualizarPreview"