yxcxyc

public/assets/css/app.css

@@ -825,6 +825,10 @@ body.has-modal-open {
   scroll-margin-top: 18px;
 }
 
+.setup-panel {
+  scroll-margin-top: 18px;
+}
+
 .setup-panel__head {
   display: flex;
   align-items: flex-start;
@@ -842,6 +846,37 @@ body.has-modal-open {
   margin: 6px 0 0;
 }
 
+.setup-shell__layout {
+  display: grid;
+  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) minmax(180px, 220px);
+  gap: 18px;
+  align-items: start;
+}
+
+.setup-shell__sidebar {
+  position: sticky;
+  top: 18px;
+}
+
+.setup-shell__content {
+  min-width: 0;
+}
+
+.setup-nav {
+  display: grid;
+  gap: 10px;
+  padding: 16px;
+  border: 1px solid var(--line);
+  border-radius: 14px;
+  background: var(--surface-strong);
+  box-shadow: 0 10px 24px rgba(1, 22, 32, 0.06);
+}
+
+.setup-nav__link {
+  justify-content: flex-start;
+  width: 100%;
+}
+
 .setup-tabs {
   display: flex;
   gap: 10px;
@@ -937,6 +972,40 @@ body.has-modal-open {
   flex-wrap: wrap;
 }
 
+.setup-actions--footer {
+  margin-top: 18px;
+}
+
+.setup-auth-list {
+  display: grid;
+  gap: 6px;
+  max-height: 220px;
+  overflow: auto;
+  padding: 10px 12px;
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  background: var(--surface);
+}
+
+@media (max-width: 1100px) {
+  .setup-shell__layout {
+    grid-template-columns: 1fr;
+  }
+
+  .setup-shell__sidebar {
+    position: static;
+  }
+
+  .setup-shell__sidebar--right {
+    order: -1;
+  }
+
+  .setup-nav {
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    align-items: start;
+  }
+}
+
 .kea-page {
   display: grid;
   gap: 16px;