Correção de responsividade e atualização do read.me

app/javascript/controllers/validacao_controller.js

@@ -7,7 +7,7 @@ import { Controller } from "@hotwired/stimulus"
 export default class extends Controller {
   static targets = [
     "linha", "checkbox", "selecionarTodos", "busca", "buscaVazia",
-    "barraSelecao", "contadorSelecao",
+    "grupoPilares", "chipSelecao", "contadorSelecao", "btnLimpar",
     "resumo", "listaCol", "btnResumoLabel",
     "toggles", "barra", "barraManuais", "percentual", "chipVeiculo",
     "consolidarBtn", "consolidarHint",
@@ -102,13 +102,23 @@ export default class extends Controller {
     this.atualizarSelecao()
   }
 
-  // ── Barra de ações em massa: só existe quando há seleção ──
-  // Sem isto os 5 botões de pilar ficavam fixos no topo o tempo todo, comendo
-  // a altura da lista para não fazer nada (clicar sem seleção só alertava).
+  // ── Estado da seleção ──
+  // Os pilares ficam SEMPRE na tela; sem seleção apenas esmaecem. Esconder e
+  // remostrar mexia na altura do cabeçalho a cada clique e escondia a ação
+  // principal justamente de quem ainda não sabe que precisa selecionar antes.
   atualizarSelecao() {
     const n = this.checkboxTargets.filter(c => c.checked).length
+
     if (this.hasContadorSelecaoTarget) this.contadorSelecaoTarget.textContent = n
-    if (this.hasBarraSelecaoTarget) this.barraSelecaoTarget.classList.toggle("hidden", n === 0)
+    if (this.hasChipSelecaoTarget)     this.chipSelecaoTarget.classList.toggle("hidden", n === 0)
+    if (this.hasBtnLimparTarget)       this.btnLimparTarget.classList.toggle("hidden", n === 0)
+
+    if (this.hasGrupoPilaresTarget) {
+      this.grupoPilaresTarget.classList.toggle("opacity-40", n === 0)
+      this.grupoPilaresTarget.title = n === 0
+        ? "Marque ao menos uma entrega para aplicar em massa"
+        : `Aplicar em ${n} entrega(s) — clique de novo no pilar para remover`
+    }
   }
 
   limparSelecao() {