Ajuste de responsividade dos modais de relatórios no mobile

public/style.css

@@ -1503,6 +1503,61 @@ code {
   .welcome-container h2 {
     font-size: 20px;
   }
+
+  /* Ajustes para modais no mobile para evitar overflow e corte de conteúdo */
+  .settings-modal-content {
+    width: 95% !important;
+    max-height: 92dvh !important;
+    height: auto !important;
+  }
+
+  /* Modal de Emitir Relatório */
+  #emitirRelatorioModal .settings-modal-body {
+    overflow-y: auto !important; /* Permite rolar todo o corpo do modal no mobile */
+    max-height: calc(92dvh - 60px) !important; /* Garante que o body não passe do modal content */
+    display: flex !important;
+    flex-direction: column !important;
+  }
+
+  /* Ajustar filtros no mobile para não ocupar muito espaço horizontal mas quebrar bem */
+  #emitirRelatorioModal .settings-modal-body > div:first-child {
+    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
+  }
+
+  /* O visualizador do relatório no mobile precisa de uma altura definida para não colapsar */
+  #emitirRelatorioModal .settings-modal-body > div:last-child {
+    flex: none !important;
+    height: 420px !important; /* Altura fixa garantida no mobile */
+    min-height: 420px !important;
+    display: flex !important;
+    flex-direction: column !important;
+  }
+  
+  /* Garantir que a área de preview interna também role */
+  #emitirReportPreviewArea {
+    flex: 1 !important;
+    overflow-y: auto !important;
+  }
+  
+  /* Ajustes para o modal de Modelos de Relatório */
+  #modelosRelatorioModal .settings-modal-body {
+    overflow-y: auto !important;
+    flex-direction: column !important; /* Em vez de row (lado a lado), fica coluna */
+    max-height: calc(92dvh - 60px) !important;
+    min-height: auto !important;
+  }
+  
+  #modelosRelatorioModal .settings-modal-body > div:first-child {
+    border-right: none !important;
+    border-bottom: 1px solid var(--border-light);
+    padding-right: 0 !important;
+    padding-bottom: 16px !important;
+  }
+  
+  #modelosRelatorioModal .settings-modal-body > div:last-child {
+    padding-left: 0 !important;
+    padding-top: 16px !important;
+  }
 }
 
 @media (min-width: 769px) {