, Correçoes UX

app/views/consolidacoes/arquivadas.html.erb

@@ -1,7 +1,9 @@
 <%# app/views/consolidacoes/arquivadas.html.erb %>
 <% content_for :title, 'Consolidações arquivadas' %>
 
-<div class="flex items-center justify-between mb-6">
+<%# flex-wrap pelo mesmo motivo do cabeçalho de consolidacoes/index: título longo
+    mais botão não cabem na largura de um celular e esticariam a página. %>
+<div class="flex flex-wrap items-center justify-between gap-3 mb-6">
   <h1 class="text-2xl font-bold text-white flex items-center gap-2"><%= icone :arquivadas, espaco: false %> Consolidações arquivadas</h1>
   <%= link_to rotulo(:voltar, 'Voltar às ativas', cor: nil), consolidacoes_path,
       class: 'text-gray-400 hover:text-white border border-[#2a2a2a] px-4 py-3 rounded-lg min-h-[48px] flex items-center' %>

app/views/consolidacoes/index.html.erb

@@ -3,9 +3,14 @@
 
 <div data-controller="nota-avulsa"
      data-nota-avulsa-buscar-url-value="<%= buscar_nf_consolidacoes_path %>">
-  <div class="flex items-center justify-between mb-6">
+  <%# `flex-wrap` nos DOIS níveis: no celular o título mais os três botões
+      ("Arquivadas", "Nota avulsa", "+ Nova Consolidação") somam mais de 450px e
+      não cabem nos 393px da tela. Sem a quebra, eles esticavam a PÁGINA INTEIRA
+      para 732px e tudo — incluindo a lista de consolidações — passava a exigir
+      rolagem lateral. Medido em 28/08/2026 no iPhone. %>
+  <div class="flex flex-wrap items-center justify-between gap-3 mb-6">
     <h1 class="text-2xl font-bold text-white flex items-center gap-2"><%= icone :consolidacoes, espaco: false %> Consolidações</h1>
-    <div class="flex gap-2">
+    <div class="flex flex-wrap gap-2">
       <%= link_to rotulo(:arquivadas, 'Arquivadas', cor: nil), arquivadas_consolidacoes_path,
           class: 'text-gray-400 hover:text-white border border-[#2a2a2a] px-4 py-3 rounded-lg min-h-[48px] flex items-center transition-colors' %>
       <% if policy(Consolidacao).create? %>