feat: centralize shared page layouts

webui/src/styles/layout.css

@@ -159,6 +159,34 @@
   margin: -28px -34px 22px;
   padding: 18px 34px 16px;
 }
+.page-layout {
+  display: grid;
+  gap: 18px;
+  width: 100%;
+  max-width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+}
+.page-layout-header {
+  align-items: flex-start;
+  gap: 18px;
+  min-width: 0;
+  margin-bottom: 0;
+}
+.page-layout-heading-copy,
+.page-layout-body {
+  min-width: 0;
+}
+.page-layout-actions {
+  align-self: flex-start;
+  justify-content: flex-end;
+  min-width: 0;
+  margin-left: auto;
+}
+.page-layout > .page-layout-body {
+  width: 100%;
+  max-width: 100%;
+}
 .workspace-heading .mono-small { margin-top: 8px; }
 .panel, .card { background: var(--panel); border: var(--border-line); border-radius: var(--radius); box-shadow: var(--shadow); }
 .panel { overflow: hidden; }
@@ -324,6 +352,11 @@
 .docs-unavailable-reason { margin-top: 16px; border-left: 3px solid var(--amber); padding-left: 12px; }
 @media (max-width: 900px) {
   .page-heading.split { align-items: flex-start; flex-direction: column; }
+  .page-layout-actions {
+    justify-content: flex-start;
+    width: 100%;
+    margin-left: 0;
+  }
   .summary-grid, .detail-list div { grid-template-columns: 1fr; }
   .docs-workspace { grid-template-columns: 1fr; }
   .docs-outline { display: none; }