Process 1 build 0203261608

frontend/app/globals.css

@@ -1545,6 +1545,13 @@ button span {
   align-items: end;
 }
 
+.settings-section-actions .settings-action-button {
+  width: 190px;
+  min-width: 190px;
+  flex: 0 0 190px;
+  justify-content: center;
+}
+
 .settings-inline-field {
   display: grid;
   gap: 6px;
@@ -6214,6 +6221,12 @@ textarea {
     width: 100%;
   }
 
+  .settings-section-actions .settings-action-button {
+    width: 100%;
+    min-width: 0;
+    flex-basis: auto;
+  }
+
   .sync-meta,
   .diagnostic-card-top,
   .diagnostics-category-header,
@@ -6233,3 +6246,166 @@ textarea {
     overflow-wrap: anywhere;
   }
 }
+
+/* Final admin shell + settings section cleanup */
+.admin-shell,
+.admin-shell-nav,
+.admin-card,
+.admin-shell-rail,
+.admin-sidebar,
+.admin-panel {
+  min-width: 0;
+}
+
+.admin-shell {
+  display: grid;
+  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
+  grid-template-areas: "nav main";
+  gap: 22px;
+  align-items: start;
+}
+
+.admin-shell.admin-shell--with-rail {
+  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) minmax(300px, 380px);
+  grid-template-areas: "nav main rail";
+}
+
+.admin-shell-nav {
+  grid-area: nav;
+}
+
+.admin-card {
+  grid-area: main;
+}
+
+.admin-shell-rail {
+  grid-area: rail;
+  position: sticky;
+  top: 20px;
+  align-self: start;
+  display: grid;
+  gap: 10px;
+}
+
+.admin-zone-stack {
+  gap: 18px;
+}
+
+.admin-zone {
+  display: grid;
+  gap: 14px;
+  padding: 18px;
+  border-radius: 14px;
+  border: 1px solid rgba(255, 255, 255, 0.07);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015)),
+    rgba(255, 255, 255, 0.012);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
+}
+
+[data-theme='light'] .admin-zone {
+  border-color: rgba(17, 19, 24, 0.08);
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.72)),
+    rgba(17, 19, 24, 0.018);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
+}
+
+.admin-zone .section-header {
+  align-items: flex-start;
+  padding-bottom: 12px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+[data-theme='light'] .admin-zone .section-header {
+  border-bottom-color: rgba(17, 19, 24, 0.08);
+}
+
+.admin-zone .section-header h2 {
+  position: relative;
+  display: inline-block;
+  padding-bottom: 8px;
+}
+
+.admin-zone .section-header h2::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 52px;
+  height: 2px;
+  border-radius: 999px;
+  background: linear-gradient(90deg, var(--accent-2), rgba(255, 255, 255, 0));
+}
+
+.admin-zone .section-subtitle {
+  margin-top: -4px;
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+@media (max-width: 1280px) {
+  .admin-shell {
+    grid-template-columns: minmax(220px, 250px) minmax(0, 1fr);
+    grid-template-areas: "nav main";
+  }
+
+  .admin-shell.admin-shell--with-rail {
+    grid-template-areas:
+      "nav main"
+      "nav rail";
+  }
+
+  .admin-shell-rail {
+    position: static;
+    top: auto;
+    width: 100%;
+  }
+}
+
+@media (max-width: 1080px) {
+  .admin-shell,
+  .admin-shell.admin-shell--with-rail {
+    grid-template-columns: minmax(0, 1fr);
+    gap: 16px;
+  }
+
+  .admin-shell {
+    grid-template-areas:
+      "nav"
+      "main";
+  }
+
+  .admin-shell.admin-shell--with-rail {
+    grid-template-areas:
+      "nav"
+      "main"
+      "rail";
+  }
+
+  .admin-shell-nav,
+  .admin-card,
+  .admin-shell-rail {
+    width: 100%;
+  }
+
+  .admin-shell-nav {
+    position: static;
+    top: auto;
+  }
+
+  .admin-grid,
+  .users-page-toolbar-grid,
+  .users-summary-grid,
+  .users-page-overview-grid,
+  .maintenance-action-grid,
+  .schedule-grid,
+  .diagnostics-inline-summary,
+  .diagnostics-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .admin-zone {
+    padding: 16px;
+  }
+}