first commit

app/assets/styles/InstanceLoadingShell.CwfiUwdU.css

@@ -0,0 +1,80 @@
+.instance-loading-shell[data-v-f12d9300] {
+  min-width: 0;
+}
+.shell-tabs[data-v-f12d9300] {
+  border-bottom: 1px solid var(--p-content-border-color, #e2e8f0);
+  display: flex;
+  overflow: hidden;
+}
+.shell-tabs > span[data-v-f12d9300] {
+  flex-shrink: 0;
+  padding: 14px;
+}
+.shell-grid[data-v-f12d9300] {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 21px;
+  padding-top: 21px;
+  display: grid;
+}
+.shell-column[data-v-f12d9300] {
+  gap: 21px;
+  min-width: 0;
+}
+.shell-card[data-v-f12d9300],
+.shell-column[data-v-f12d9300] {
+  flex-direction: column;
+  display: flex;
+}
+.shell-card[data-v-f12d9300] {
+  background: var(--console-panel-bg);
+  border: 1px solid var(--console-panel-border);
+  box-shadow: var(--console-panel-shadow);
+  border-radius: 6px;
+  gap: 12px;
+  padding: 14px;
+}
+.shell-row[data-v-f12d9300] {
+  justify-content: space-between;
+  gap: 12px;
+  display: flex;
+}
+.shell-button[data-v-f12d9300] {
+  margin-top: 3px;
+}
+.shell-secondary[data-v-f12d9300] {
+  min-height: 230px;
+}
+@media (width<=1199px) {
+  .dcim .shell-column[data-v-f12d9300],
+  .dcim .shell-grid[data-v-f12d9300] {
+    gap: 14px;
+  }
+}
+@media (width<=1023px) {
+  .instance-loading-shell:not(.dcim) .shell-grid[data-v-f12d9300] {
+    grid-template-columns: 1fr;
+  }
+}
+@media (width<=950px) {
+  .dcim .shell-grid[data-v-f12d9300] {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .dcim .shell-column[data-v-f12d9300]:last-child {
+    grid-column: 1/-1;
+    grid-template-columns: 1fr 1fr;
+    display: grid;
+  }
+}
+@media (width<=600px) {
+  .dcim .shell-grid[data-v-f12d9300] {
+    grid-template-columns: 1fr;
+    padding-top: 14px;
+  }
+  .dcim .shell-column[data-v-f12d9300]:last-child {
+    grid-column: auto;
+    display: flex;
+  }
+  .dcim .shell-tabs > span[data-v-f12d9300] {
+    padding: 12px 10px;
+  }
+}