v0.36.9

src/admin/web/css/30-overview.css

@@ -2279,12 +2279,34 @@ html:is([data-corner-style=square], [data-corner-style=subtle], [data-corner-sty
   grid-row: var(--overview-row, auto)/span var(--overview-rows, 1);
 }
 
-/* Until the account's layout is applied the grid stays invisible, so the page
-   never shows the factory arrangement first and then jumps (no browser storage). */
+/* Until the account's layout is applied the cards stay invisible, so the page
+   never shows the factory arrangement first and then jumps (no browser storage).
+   Meanwhile the panel's startup screen is shown in their place (see below). */
 #panel-overview .dashboard-overview-grid.is-layout-pending {
+  position: relative;
+  min-height: 280px;
   visibility: hidden;
 }
 
+/* The panel's startup screen (logo, spinner, "Loading RustProxy…") is shown in
+   place of the cards while the layout is pending: a zero-height block right
+   before the grid whose content overlays the still invisible grid, so the cards'
+   order and first-child styles are unaffected. */
+#panel-overview .overview-layout-loading {
+  height: 0;
+  margin-inline: auto;
+  overflow: visible;
+  text-align: center;
+}
+
+#panel-overview .overview-layout-loading>.app-startup-brand {
+  margin-top: 56px;
+}
+
+#panel-overview .overview-layout-loading:has(+ .dashboard-overview-grid:not(.is-layout-pending)) {
+  display: none;
+}
+
 #panel-overview .dashboard-overview-grid.is-measuring-rows>[data-dashboard-widget] {
   align-self: start !important;
 }