Update app.py

app.py

@@ -169,25 +169,27 @@ def classify_display(text):
         chips += f"<span class='output-chip' style='border-color:{color}80;color:{color}'>{label} ({prob:.0%})</span>"
     return f"<div style='display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px'>{chips}</div>"
 
-# ---------------- CSS atualizado ----------------
+# ---------------- CSS ----------------
+
 custom_css = """
-body { background-color: #0c0c0c; color: #f1f1f1; font-family: 'Inter', sans-serif; }
-.gradio-container { background-color: #0c0c0c; color: #f1f1f1; }
-h2, h3 { text-align: center; color: #00b4ff; font-weight: 600; }
-textarea { background-color: #181818 !important; color: #fff !important; border-radius: 10px !important; border: 1px solid #333 !important; }
+body { background-color: #ffffff; color: #111; font-family: 'Inter', sans-serif; }
+.gradio-container { background-color: #ffffff; color: #111; }
+h2, h3 { text-align: center; color: #004b8d; font-weight: 600; }
+textarea { background-color: #fafafa !important; color: #111 !important; border-radius: 10px !important; border: 1px solid #ccc !important; }
 button { background-color: #007aff !important; color: white !important; font-weight: 600 !important; border-radius: 8px !important; border: none !important; }
-button:hover { background-color: #00aaff !important; }
-.output-chip { background-color: #1a1a1a; padding: 5px 12px; border-radius: 8px; font-weight: 500; border: 1px solid #007aff33; }
-.suggestion-box { background-color: #112f50; border-radius: 10px; border: 1px solid #1f3c5a; padding: 10px; display: flex; align-items: center; justify-content: center; color: #eee; margin-top: 25px; position: relative; overflow: scroll; } .arrow-btn { width: 25px; height: 25px; font-size: 12px; padding: 0; background: none; border: none; color: #e0f0ff; cursor: pointer; font-weight: bold; }
-
-.arrow-btn:hover { color: #ffffff; transform: scale(1.3); }
+button:hover { background-color: #005fcc !important; }
+.output-chip { background-color: #f4f4f4; padding: 5px 12px; border-radius: 8px; font-weight: 500; border: 1px solid #007aff33; color: #004b8d; }
+.suggestion-box { background-color: #f7f9fc; border-radius: 10px; border: 1px solid #ccd8e0; padding: 10px; display: flex; align-items: center; justify-content: center; color: #111; margin-top: 25px; position: relative; overflow: scroll; }
+.arrow-btn { width: 25px; height: 25px; font-size: 12px; padding: 0; background: none; border: none; color: #004b8d; cursor: pointer; font-weight: bold; }
+.arrow-btn:hover { color: #002b5b; transform: scale(1.3); }
 .use-btn { background-color:#66b3ff !important; color:#000 !important; font-weight:600 !important; border-radius:6px !important; padding:3px 8px !important; margin-left:5px;}
 .use-btn:hover { background-color:#99ccff !important; }
 .suggestion-box .prev-btn { position: absolute; top: 5px; left: 5px; }
 .suggestion-box .next-btn { position: absolute; top: 5px; right: 5px; }
-.suggestion-box .suggestion-text { width: 100%; text-align: center; border:none; background:none; color:#eee; font-weight:500; padding-top:8px; overflow-y: scroll;}
+.suggestion-box .suggestion-text { width: 100%; text-align: center; border:none; background:none; color:#111; font-weight:500; padding-top:8px; overflow-y: scroll;}
 """
 
+
 # ---------------- Gradio UI ----------------
 with gr.Blocks(css=custom_css, theme="gradio/soft") as demo:
     gr.Markdown("## 🏛️ **Council Matters Classifier – PT**")