box color

app.py

@@ -114,16 +114,46 @@ def create_ui():
         }
         /* Style for the progress status container and text - fixed height and italics */
         .progress-container {
-            min-height: 45px;
+            min-height: 65px;  /* Increased height to prevent scrolling */
             padding: 12px;
             display: flex;
             align-items: center;
             margin-bottom: 10px;
+            background-color: transparent !important;  /* Force transparency */
         }
         .progress-status {
             font-style: italic;
             width: 100%;
         }
+        /* Fix for any other elements that might have backgrounds */
+        .gradio-container .prose, 
+        .gradio-container [class*="message"],
+        .gradio-container [class*="container"],
+        .gradio-container [class*="wrap"],
+        .gradio-container [class*="panel"],
+        .gradio-container [class*="box"] {
+            background-color: transparent !important;
+        }
+        /* Ensure the validation results have the same background as the page */
+        .validation-results {
+            background-color: transparent !important;
+        }
+        /* Fix for tab container backgrounds */
+        .tabs > .tab-nav {
+            background-color: transparent !important;
+        }
+        .tabs > .tabitem {
+            background-color: transparent !important;
+        }
+        /* Ensure HTML components don't get unwanted backgrounds */
+        .gradio-html {
+            background-color: transparent !important;
+        }
+        /* Add slight border for visual separation instead of background color */
+        .progress-container {
+            border: 1px solid var(--border-color-primary, rgba(128, 128, 128, 0.1));
+            border-radius: 8px;
+        }
         .arrow-indicator {
             margin-left: 10px;
             font-size: 16px;