Add shared WebUI layout primitives

webui/src/styles/components.css

@@ -1050,24 +1050,10 @@
   height: 17px;
 }
 
-.admin-form-grid {
-  display: grid;
-  gap: 14px;
-}
-
-.admin-form-grid > .wide {
-  grid-column: 1 / -1;
-}
-
-.admin-form-grid.two-columns,
 .admin-assignment-grid {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 
-.admin-form-grid.three-columns {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
 .admin-assignment-grid {
   display: grid;
   gap: 18px;
@@ -1111,15 +1097,13 @@
 }
 
 @media (max-width: 900px) {
-  .admin-form-grid.two-columns,
-  .admin-form-grid.three-columns,
   .admin-assignment-grid,
   .admin-permission-groups {
     grid-template-columns: 1fr;
   }
 }
 
-.guided-config-dialog.admin-dialog-wide {
+.guided-config-dialog {
   width: min(1120px, calc(100vw - 40px));
   height: min(760px, calc(100vh - 40px));
 }
@@ -1195,7 +1179,7 @@
   min-width: 0;
 }
 
-.adaptive-config-dialog.admin-dialog-wide {
+.adaptive-config-dialog {
   width: min(1040px, calc(100vw - 40px));
 }
 
@@ -3401,9 +3385,6 @@
   font-size: 14px;
   letter-spacing: .01em;
 }
-.form-grid.compact.mail-server-form-grid {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
 .mail-server-form-grid {
   align-items: start;
 }
@@ -3464,7 +3445,6 @@
 }
 @media (max-width: 720px) {
   .credential-panel-grid { grid-template-columns: 1fr; }
-  .form-grid.compact.mail-server-form-grid { grid-template-columns: 1fr; }
   .mail-server-section-heading.split { align-items: flex-start; flex-direction: column; }
   .mail-server-segmented-control { width: 100%; }
 }
@@ -3562,9 +3542,6 @@
 .compact-detail-list {
   gap: 8px;
 }
-.settings-dashboard-grid {
-  align-items: start;
-}
 .settings-list {
   display: grid;
   gap: 12px;