<%# Favicon / ícone do app (marca Reem — van laranja) %>
<%# Tailwind via CDN em desenvolvimento — compilar em produção %>
<%# Google Fonts — Inter %>
<%= javascript_importmap_tags %>
<%= yield :head %>
<%# Aplica o estado recolhido da sidebar antes de pintar (evita "piscar") %>
<%# overflow-x-hidden: conteúdo largo demais não pode criar scroll horizontal na
página (aparecia como uma barra laranja "quebrando" o rodapé no celular);
tabelas largas já rolam nos próprios contêineres overflow-x-auto. %>
<%# ── Animação de abertura (uma vez, logo após o login) ── %>
<% if @mostrar_splash %>
<%# mix-blend-screen "derruba" o fundo preto do vídeo: o preto vira a cor do
overlay e só o logo (pixels claros) aparece, sem a caixa retangular. %>
<% end %>
<%# ── Navbar ─────────────────────────────────────────── %>
<% if user_signed_in? %>
<%= render 'layouts/navbar' %>
<% end %>
<%# ── Flash Messages ─────────────────────────────────── %>
<% if notice.present? %>
✅ <%= notice %>
<% end %>
<% if alert.present? %>
⚠️ <%= alert %>
<% end %>
<%# ── Conteúdo principal ──────────────────────────────── %>
<%= yield %>
<%# ── Rodapé ───────────────────────────────────────────── %>
<%# Auto-hide flash após 4s (JS simples) %>