Update app.py

app.py

@@ -252,15 +252,17 @@ class GradioInterface:
     background: transparent !important;
 }
 
-/* Radio group styling */
-.radio-group {
-    display: flex !important;
-    gap: 8px !important;
-    flex-wrap: wrap !important;
-    margin: 10px 0 !important;
+/* Update radio container background color */
+.input-container .gradio-radio {
+    background-color: rgba(0, 102, 204, 0.05) !important;
+    border-radius: 8px !important;
+    padding: 10px !important;
 }
 
+/* Style for radio button labels */
 .gradio-radio label {
+    display: flex !important;
+    align-items: center !important;
     padding: 6px 12px !important;
     border: 1px solid #ddd !important;
     border-radius: 4px !important;
@@ -268,10 +270,20 @@ class GradioInterface:
     background: white !important;
 }
 
+/* Style for selected radio button */
 .gradio-radio input[type="radio"]:checked + label {
-    background: #e3f2fd !important;
-    border-color: #2196F3 !important;
-    color: #2196F3 !important;
+    background: rgba(0, 102, 204, 0.1) !important;
+    border-color: #0066cc !important;
+    color: #0066cc !important;
+    font-weight: bold !important;
+}
+
+/* Radio group container */
+.radio-group {
+    background-color: rgba(0, 102, 204, 0.05) !important;
+    padding: 10px !important;
+    border-radius: 8px !important;
+    border: 1px solid #0066cc !important;
 }
 
 /* Textbox styling */