.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; } }