#data-center-app[v-cloak] { visibility: hidden; }
.dc-square { display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: 520px; margin: 34px 0; border: 1px solid #dce4ed; border-radius: 6px; background: #fff; overflow: hidden; --el-color-primary: #1766a5; --el-border-radius-base: 4px; }
.dc-square, .dc-square * { box-sizing: border-box; }
.dc-tree-panel { position: relative; min-width: 0; background: #f8fafc; border-right: 1px solid #dce4ed; }
.dc-tree-panel h2, .dc-heading { display: flex; align-items: center; height: 54px; margin: 0; padding: 0 20px; border-bottom: 1px solid #e4eaf0; }
.dc-tree-panel h2, .dc-heading h3 { font-size: 17px; font-weight: 600; color: #28445e; }
.dc-heading h3 { margin: 0; }
.dc-tree-panel h2 i, .dc-heading h3 i { margin-right: 10px; color: #3576a9; }
.dc-tree-scroll { position: absolute; inset: 54px 0 0; overflow: auto; padding: 10px 8px; }
.dc-square .el-tree { background: transparent; color: #3f5263; }
.dc-square .el-tree-node__content { height: auto; min-height: 38px; padding-top: 7px; padding-bottom: 7px; border-radius: 4px; }
.dc-square .el-tree-node__expand-icon { flex-shrink: 0; }
.dc-tree-label { min-width: 0; padding-right: 8px; white-space: normal; overflow-wrap: anywhere; line-height: 22px; font-size: 14px; }
.dc-tree-label.is-branch { font-weight: 600; }
.dc-square .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content { background: #e7f1fa; color: #1766a5; }
.dc-main { min-width: 0; }
.dc-filters { padding: 18px 20px 0; }
.dc-filter-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; }
.dc-price-type { width: 180px; }
.dc-filter-row .el-date-editor { width: 350px; max-width: 100%; flex-grow: 0; }
.dc-square .el-input__inner, .dc-square .el-range-input { border: 0; background: transparent; box-shadow: none; padding: 0; }
.dc-square .el-button { margin-left: 0; }
.dc-results { margin: 20px 20px 0; }
.dc-square .el-table { color: #354658; font-size: 14px; --el-table-header-bg-color: #f3f6fa; --el-table-border-color: #dfe6ed; }
.dc-square .el-table th.el-table__cell { padding: 11px 0; color: #43566a; font-weight: 500; }
.dc-square .el-table thead tr:first-child th { background: #eaf1f7; color: #264967; font-size: 16px; font-weight: 600; text-align: left; }
.dc-square .el-table .cell { white-space: normal; overflow-wrap: anywhere; line-height: 22px; padding: 0 14px; }
.dc-square .el-table td.el-table__cell { padding: 9px 0; }
.dc-square .el-table__empty-text { line-height: 24px; padding: 24px; }
.dc-pagination { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 20px 0; }
.dc-square .el-pagination .el-select { width: 128px; }
.dc-note { margin: 0; padding: 12px 20px 16px; font-size: 13px; line-height: 22px; color: #7c8997; }
.dc-message { padding: 16px 8px; font-size: 14px; line-height: 24px; color: #66788a; }
.dc-retry { padding-top: 12px; text-align: center; }
@media (max-width: 768px) {
    .dc-square { grid-template-columns: minmax(0, 1fr); }
    .dc-tree-panel { height: 284px; border-right: 0; border-bottom: 1px solid #dce4ed; }
    .dc-filters { padding: 14px 12px 0; }
    .dc-results { margin: 14px 12px 0; }
    .dc-pagination { padding: 12px; }
}