Update interface.py

interface.py

@@ -35,6 +35,7 @@ css_customizado = """
     --input-height: 80px !important;
 }
 
+
 /* === RESET E BASE === */
 * {
     box-sizing: border-box;
@@ -334,22 +335,34 @@ body, .gradio-container {
     text-decoration: underline !important;
 }
 
-#chat .message-text code {
+#chat code,
+#chat .message-text code,
+[data-testid="chatbot"] code,
+.gradio-container code {
     background: #f5f5f5 !important;
     color: #d73502 !important;
-    padding: 2px 4px !important;
+    padding: 2px 6px !important;
     border-radius: 4px !important;
-    font-family: 'Monaco', 'Consolas', monospace !important;
+    font-family: 'Monaco', 'Consolas', 'Courier New', monospace !important;
+    font-size: 14px !important;
+    border: 1px solid #e0e0e0 !important;
 }
 
-#chat .message-text pre {
+#chat pre,
+#chat .message-text pre,
+[data-testid="chatbot"] pre,
+.gradio-container pre {
     background: #f8f8f8 !important;
-    color: var(--text-chat) !important;
+    color: #2d2d2d !important;
     border: 1px solid #e0e0e0 !important;
     border-radius: 8px !important;
-    padding: 12px !important;
+    padding: 16px !important;
     overflow-x: auto !important;
     max-width: 100% !important;
+    margin: 12px 0 !important;
+    font-family: 'Monaco', 'Consolas', 'Courier New', monospace !important;
+    font-size: 14px !important;
+    line-height: 1.4 !important;
 }
 
 #chat .message-text strong {
@@ -433,9 +446,9 @@ body, .gradio-container {
     color: white !important;
     border: none !important;
     border-radius: 10px !important;
-    width: 40px !important;
+    width: 20px !important;
     height: 40px !important;
-    min-width: 40px !important;
+    min-width: 20px !important;
     display: flex !important;
     align-items: center !important;
     justify-content: center !important;