(#2) - forms improvements

assets/css/RsvAdminStyle.css

@@ -1,7 +1,7 @@
-/* ─── Two-column admin layout (Forms page) ──────────────────────────────── */
+/* ─── Column layouts (RsvColumnLayout) ──────────────────────────────────── */
 
-/*#col-left  { width: 30%; }
-#col-right { width: 70%; }*/
+.rsv-cols { display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: flex-start; }
+.rsv-cols > .rsv-col { flex: var(--rsv-col-grow, 1) 1 0; min-width: 18rem; }
 
 /* ─── Inline detail expand row (Reservations page) ──────────────────────── */
 

assets/css/components/RsvFormStyles.css

@@ -103,10 +103,10 @@
     border-color: var(--color-blue-500);
 }
 
-.rsv-form-input input:user-invalid {
+/*.rsv-form-input input:user-invalid {
     border-color: var(--color-red-500);
     box-shadow: 0 0 0 4px color-mix(in oklab,var(--color-red-500)25%,transparent);
-}
+}*/
 
 .rsv-form-section {
     margin-bottom: var(--s-5);
@@ -159,6 +159,7 @@
     padding-left: 5pt;
 }
 
+.rsv-form-input:user-invalid,
 .rsv-invalid {
     border-color: var(--color-red-500) !important;
     box-shadow: 0 0 0 4px color-mix(in oklab, var(--color-red-500) 25%, transparent) !important;

assets/css/components/RsvTimeSlotsStyles.css

@@ -77,7 +77,7 @@ label.rsv-slots-slot-time>input:checked + .content>.capacity {
     margin-top: 0.375rem;
   border: 1.5px solid #e8e8e8;
   border-radius: 10px;
-  padding: 9px 12px;
+  padding: 0.25rem;
   cursor: pointer;
   transition: border-color .12s, background .12s, color .12s;
   display: flex;