correções layout dispositivos moveis

src/public/chat.html

@@ -899,6 +899,7 @@ body.dark-mode .msg.enviando { opacity: 0.4; }
 <div class="chat-center">
   <div class="chat-header" id="chatHeader" style="display:none">
     <button class="mobile-only" onclick="voltarLista()" title="Voltar" style="background:none;border:none;font-size:20px;cursor:pointer;padding:4px 6px;color:#374151" aria-label="Voltar para lista de conversas">←</button>
+    <button class="menu-hamburger" onclick="toggleSidebar()" aria-label="Menu" style="display:none;margin-right:4px">☰</button>
     <div class="info">
       <h3 id="chatNome"></h3>
       <span id="chatStatus"></span>
@@ -2310,5 +2311,8 @@ body.dark-mode #btnCancelarConversa {
 <!-- impeccable-live-start -->
 <script src="http://localhost:8400/live.js"></script>
 <!-- impeccable-live-end -->
+
+<!-- Bottom Tab Bar (mobile) -->
+<script src="/js/tabbar.js"></script>
 </body>
 </html>