fix: ensure JS column inputs have gray borders

Use more specific selectors to override .form-group input:valid

Author: nextlevelshit

src/main.css

@@ -470,10 +470,16 @@ dialog::backdrop {
     border-color: var(--color-danger);
 }
 
-.form-group input:valid {
+.good .form-group input:valid {
     border-color: var(--color-primary);
 }
 
+.bad .form-group input,
+.bad .form-group input:valid,
+.bad .form-group input:invalid {
+    border-color: #c5c5c7;
+}
+
 .js-error {
     color: var(--color-danger);
     font-size: 0.875rem;