Cap borders at 1px and harden 960px max-width on parent wrappers

app.py

@@ -287,6 +287,13 @@ catalyst_theme = gr.themes.Base(
 # Phase 2: Targeted CSS for Layout and Catalyst Components
 CUSTOM_CSS = """\\
 /* ── Layout ────────────────────────────────────────────────────────── */
+body, #root, .gradio-container, .gradio-container > .main, .gradio-container .app {
+    max-width: 960px !important;
+    width: 100% !important;
+    margin-left: auto !important;
+    margin-right: auto !important;
+    box-sizing: border-box !important;
+}
 .gradio-container {
     max-width: 960px !important;
     width: 100% !important;
@@ -319,6 +326,24 @@ html.dark, html.dark .gradio-container, .dark, .dark .gradio-container {
     --button-primary-text-color: #FFFFFF !important;
     --border-color-primary: rgba(17, 24, 39, 0.10) !important;
     --block-border-width: 0px !important;
+    --input-border-width: 1px !important;
+    --input-shadow-focus: none !important;
+    --input-shadow: none !important;
+    --input-shadow-focus-dark: none !important;
+    --input-shadow-dark: none !important;
+    --block-shadow: none !important;
+    --block-shadow-dark: none !important;
+}
+
+/* Cap every border / outline at 1px globally */
+.gradio-container, .gradio-container * {
+    border-width: 0 0 1px 0 !important;
+    outline-width: 1px !important;
+}
+/* Restore 1px full borders where the layout actually uses one (cards, dropdown) */
+.domain-col, .domain-dropdown .dropdown-menu, .option, .gradio-container input,
+.gradio-container textarea, .gradio-container select {
+    border-width: 1px !important;
 }
 
 /* Hide Gradio chrome */
@@ -344,7 +369,7 @@ textarea::placeholder {
 
 .gradio-container input:focus, .gradio-container textarea:focus {
     outline: none !important;
-    box-shadow: 0 0 0 2px var(--body-background-fill), 0 0 0 4px var(--input-border-color-focus) !important; 
+    box-shadow: 0 0 0 1px var(--input-border-color-focus) !important;
 }
 
 /* ── Your question textarea ───── */