Update tab/style.py

tab/style.py

@@ -1,27 +1,21 @@
 custom_css = """
 body {
     background-color: #121212;
-    color: #f8f8f8;
+    color: white;
 }
-
-/* Centered text utility */
 .centered-text {
     text-align: center;
     margin-left: auto;
     margin-right: auto;
 }
-
-/* Orange-themed button styling */
-.orange-btn, #encrypt-btn, #decrypt-btn {
-    background-color: #ff6f00 !important;
+#submit-btn, #symptom-btn, #faq-btn, #process-btn {
+    background-color: #cc5500 !important;
     color: white;
     font-weight: bold;
     border-radius: 8px;
     padding: 10px 20px;
 }
-
-/* Enhanced textbox style */
-textarea {
+#explanation-box textarea {
     background-color: #1c1c1c !important;
     color: #f0f0f0 !important;
     border-radius: 10px;
@@ -30,21 +24,23 @@ textarea {
     padding: 12px;
     box-shadow: 0 0 8px rgba(0,0,0,0.4);
 }
-
-/* Image styling */
-img {
+#summary-header {
+    text-align: left;
+    font-size: 1.4rem;
+    font-weight: bold;
+    color: #f2f2f2;
+    margin-bottom: 10px;
+}
+.summary-box {
+    background-color: #1f1f1f;
+    padding: 16px;
+    border-radius: 12px;
     border: 1px solid #444;
-    border-radius: 8px;
+    font-size: 1rem;
+    color: #e0e0e0;
+    line-height: 1.6;
 }
-
-/* Markdown cleanup */
 .gr-markdown > div {
     background: transparent !important;
 }
-
-/* Margin between rows */
-.custom-gap {
-    margin-top: 40px;
-    margin-bottom: 20px;
-}
 """