📱 fix: Ajuste de layout CSS para evitar corte de tela no mobile (min-width, overflow-wrap)

public/style.css

@@ -79,7 +79,7 @@ body {
   -moz-osx-font-smoothing: grayscale;
   line-height: 1.5;
   height: 100vh;
-  width: 100vw;
+  width: 100%;
 }
 
 /* ==========================================================================
@@ -318,9 +318,10 @@ body {
    ========================================================================== */
 .app-container {
   display: flex;
-  width: 100vw;
+  width: 100%;
   height: 100vh;
   position: relative;
+  overflow: hidden;
 }
 
 /* Menu Lateral / Sidebar */
@@ -756,6 +757,7 @@ body {
   height: 100%;
   background-color: var(--bg-primary);
   position: relative;
+  min-width: 0;
 }
 
 /* Header */
@@ -975,6 +977,8 @@ body {
   color: var(--text-primary);
   font-size: 15px;
   line-height: 1.6;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .message-content-wrapper {