Override HF inner component borders

app.py

@@ -1231,11 +1231,33 @@ CUSTOM_CSS = """
 }
 .ovc-card .container,
 .ovc-card .wrap,
+.ovc-card .block,
+.ovc-card fieldset,
+.ovc-card [data-testid="block"],
+.ovc-card [data-testid="video"],
+.ovc-card [data-testid="image"],
+.ovc-card [data-testid="plot"],
+.ovc-card [data-testid="file-upload"],
+.ovc-card [data-testid="upload"],
 .ovc-card .video-container,
 .ovc-card .image-container,
 .ovc-card .plot-container {
     border-radius: 12px !important;
 }
+.ovc-card .block,
+.ovc-card fieldset,
+.ovc-card [data-testid="block"],
+.ovc-card [data-testid="video"],
+.ovc-card [data-testid="image"],
+.ovc-card [data-testid="plot"],
+.ovc-card [data-testid="file-upload"],
+.ovc-card [data-testid="upload"],
+.ovc-card .wrap,
+.ovc-card .container {
+    border: 1px solid var(--ovc-line) !important;
+    box-shadow: none !important;
+    outline: none !important;
+}
 .ovc-card .video-container,
 .ovc-card .image-container,
 .ovc-card .plot-container,
@@ -1243,11 +1265,21 @@ CUSTOM_CSS = """
 .ovc-card-primary .image-container,
 .ovc-card-primary .plot-container {
     background: linear-gradient(180deg, rgba(99,102,241,0.05), rgba(6,182,212,0.025)) !important;
-    border: 1px dashed rgba(79,70,229,0.38) !important;
+    border: 1px solid rgba(79,70,229,0.34) !important;
 }
 .ovc-card .gradio-video, .ovc-card .gradio-image, .ovc-card .gradio-plot {
     border-color: var(--ovc-line) !important;
     background: transparent !important;
+    box-shadow: none !important;
+    outline: none !important;
+}
+.ovc-card video,
+.ovc-card img,
+.ovc-card canvas,
+.ovc-card svg {
+    border: none !important;
+    outline: none !important;
+    box-shadow: none !important;
 }
 /* Empty placeholder text inside Gradio components */
 .ovc-card .empty, .ovc-card .empty p, .ovc-card .empty span {