.cloud-extras[data-v-94e7f654] { flex-direction: column; gap: 14px; min-width: 0; display: flex; } .block-title[data-v-94e7f654] { margin: 0; font-size: 1.125rem; font-weight: 600; } .info-table[data-v-94e7f654] { border: 1px solid var(--console-panel-border); box-shadow: var(--console-panel-shadow); background: var(--console-panel-bg); border-radius: 6px; overflow: hidden; } .kv[data-v-94e7f654] { grid-template-columns: 16.6667% minmax(0, 1fr); align-items: center; min-height: 49px; display: grid; } .kv + .kv[data-v-94e7f654] { border-top: 1px solid var(--console-panel-border); } .kv[data-v-94e7f654]:nth-child(2n) { background: var(--console-page-bg); } .kv > span[data-v-94e7f654] { color: var(--p-text-muted-color); padding: 14px; font-weight: 600; } .kv > div[data-v-94e7f654] { overflow-wrap: anywhere; min-width: 0; padding: 14px; } .action-cell[data-v-94e7f654] { flex-direction: column; align-items: flex-start; gap: 7px; display: flex; } .action-cell[data-v-94e7f654] .p-button { max-width: 100%; } .action-cell[data-v-94e7f654] .p-button-label { white-space: normal; text-align: left; } .action-desc[data-v-94e7f654] { color: var(--p-text-muted-color); margin: 0; font-size: 0.875rem; line-height: 1.6; } @media (width<=480px) { .kv[data-v-94e7f654] { grid-template-columns: 100px minmax(0, 1fr); } .kv > div[data-v-94e7f654], .kv > span[data-v-94e7f654] { padding: 12px; } }