/* One presentation contract for cross-module and native-module resource lists. */
html.sixconsole .six-resource-surface{background:#fff!important;padding:20px!important;margin:0!important;box-shadow:var(--six-shadow)!important;min-width:0;max-width:100%;border:0;border-radius:0}
html.sixconsole .six-native-category .six-resource-module-shell{margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;min-width:0}
html.sixconsole .six-resource-module-shell>.main-card-title{display:none!important}
html.sixconsole .six-resource-module-shell>.main-card-table,html.sixconsole .six-resource-module-shell>.main-card-table>.table{padding:0!important;margin:0!important;border:0!important;background:transparent!important}
html.sixconsole .six-resource-surface .six-resource-status{padding:0!important;margin:0!important}
html.sixconsole .six-resource-surface .six-resource-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap;gap:12px!important;padding:0!important;margin:14px 0 20px!important;min-height:32px}
html.sixconsole .six-resource-surface .six-resource-actions{display:flex!important;align-items:center;flex-wrap:wrap;gap:10px;order:0!important;margin:0!important;flex:0 1 auto}
html.sixconsole .six-resource-surface .six-resource-filters{order:1!important;display:flex!important;align-items:center;justify-content:flex-end;gap:12px!important;margin:0 0 0 auto!important;padding:0!important;flex:1 1 800px!important;flex-wrap:wrap;min-width:0;max-width:100%}
html.sixconsole .six-resource-surface .six-resource-filters>.right-search{display:flex!important;align-items:center;justify-content:flex-end;gap:12px!important;margin:0!important;padding:0!important;width:100%;flex-wrap:wrap}
html.sixconsole .six-resource-surface .six-resource-filters .el-select{width:220px!important;margin:0!important;flex:1 0 220px;min-width:220px!important}
html.sixconsole .six-resource-surface .six-resource-filters .el-input:not(.el-select .el-input){width:220px!important;margin:0!important;flex:1 0 220px;min-width:220px!important}
html.sixconsole .six-resource-surface .search-btn{flex:none!important;width:80px!important;min-width:80px!important;height:32px!important;margin:0!important;padding:0!important;line-height:30px!important;border:1px solid var(--color-primary)!important;background:var(--color-primary)!important;color:white!important;font-size:13px!important;border-radius:0!important}
html.sixconsole .six-resource-surface .six-resource-actions>button{height:32px!important;padding:0 12px!important;border:1px solid var(--six-line)!important;background:#fff;color:var(--six-text);font-size:13px!important;line-height:30px!important;border-radius:0!important;white-space:nowrap}
html.sixconsole .six-resource-surface .six-resource-actions>button:disabled{opacity:.6;cursor:default}
html.sixconsole .six-resource-surface .six-native-batch,html.sixconsole .six-resource-surface .batch-renewpage{margin:0!important}
html.sixconsole .six-resource-surface .six-resource-data{padding:0!important;margin:0!important;width:100%;min-width:0}
html.sixconsole .six-resource-surface .six-resource-data>.el-table{margin:0!important}
html.sixconsole .six-resource-surface .el-table th,html.sixconsole .six-resource-surface .el-table td{padding-left:0!important;padding-right:0!important;vertical-align:middle!important}
html.sixconsole .six-resource-surface .el-table th>.cell,html.sixconsole .six-resource-surface .el-table td>.cell{padding:0 10px!important;line-height:20px!important}
html.sixconsole .six-resource-surface .el-table tr>:first-child>.cell{padding-left:16px!important}
html.sixconsole .six-resource-surface .el-table tr>:last-child>.cell{padding-right:16px!important}
/* Selection is a control column, not a text column. */
html.sixconsole .six-resource-surface .el-table tr>.el-table-column--selection:first-child>.cell,
html.sixconsole .six-resource-view .six-resource-table .el-table-column--selection>.cell,
html.sixconsole .six-cross-page .list-table-border .el-table-column--selection>.cell{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;padding:0!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
html.sixconsole .six-resource-surface .el-table th{height:56px!important}
html.sixconsole .six-resource-surface .el-table td{height:60px!important}
html.sixconsole .six-resource-surface .el-table .status{display:inline-flex!important;justify-content:flex-start!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;line-height:20px!important;border:0!important;border-radius:0!important;background:transparent!important;white-space:normal!important;text-align:left!important}
html.sixconsole .six-resource-surface .six-resource-pagination{margin:0!important;padding:0!important}
html.sixconsole .six-resource-surface .six-resource-pagination .myPage{margin:0!important;padding:24px 0 0!important;background:transparent!important}
html.sixconsole .six-os{display:flex;align-items:center;gap:8px;min-width:0}
html.sixconsole .six-os img,html.sixconsole .six-os-fallback{width:24px;height:24px;flex:none;object-fit:contain;color:var(--six-muted)}
html.sixconsole .six-os-name{white-space:normal;overflow-wrap:anywhere;line-height:20px;min-width:0}
@media(max-width:760px){
 html.sixconsole .six-resource-surface{padding:16px!important}
 html.sixconsole .six-resource-surface .six-resource-toolbar{display:flex!important;gap:12px!important;margin:12px 0 20px!important}
 html.sixconsole .six-resource-surface .six-resource-actions{flex-basis:100%}
 html.sixconsole .six-resource-surface .six-resource-filters,html.sixconsole .six-resource-surface .six-resource-filters>.right-search{display:flex!important;flex-wrap:wrap!important;gap:8px!important;flex:1 1 100%!important;width:100%;margin:0!important}
 html.sixconsole .six-resource-surface .six-resource-filters .el-select{width:100%!important;flex-basis:100%;min-width:0!important;max-width:100%}
 html.sixconsole .six-resource-surface .six-resource-filters .el-input:not(.el-select .el-input){width:0!important;flex:1 1 0!important;min-width:0!important}
 html.sixconsole .six-resource-surface .six-resource-filters .el-select .el-input{width:100%!important}
 html.sixconsole .six-resource-surface .search-btn,html.sixconsole .six-resource-surface .six-resource-actions>button{height:44px!important;line-height:42px!important}
}

html.sixconsole .six-resource-view:not(.is-batch) .six-native-batch{display:none!important}
/* Native modules and the cross-module page ship different tab/input defaults. */
html.sixconsole .six-resource-surface{--six-resource-control:32px}
html.sixconsole .six-resource-surface .product-tab-list .el-tabs__header{margin:0!important}
html.sixconsole .six-resource-surface .product-tab-list .el-tabs__content{display:none}
html.sixconsole .six-resource-surface .product-tab-list .el-tabs__nav .el-tabs__item{height:44px!important;line-height:44px!important;padding:0 16px!important;font-size:13px!important;font-weight:500!important}
html.sixconsole .six-resource-surface .six-resource-filters .el-input__inner,
html.sixconsole .six-resource-surface .six-resource-toolbar .search-btn{height:var(--six-resource-control)!important;min-height:var(--six-resource-control)!important;max-height:var(--six-resource-control)!important;line-height:calc(var(--six-resource-control) - 2px)!important;font-size:13px!important}
html.sixconsole .six-resource-surface .six-resource-filters .el-input__icon{line-height:var(--six-resource-control)!important}
@media(max-width:760px){html.sixconsole .six-resource-surface{--six-resource-control:44px}}

/* Keep batch renewal beside the count without changing native selection handlers. */
html.sixconsole .six-resource-pagination .has-footer-actions{display:flex!important;align-items:center;gap:16px;flex-wrap:wrap}
html.sixconsole .six-resource-pagination .six-pagination-summary{display:flex;align-items:center;flex-wrap:wrap;gap:16px;flex:1 1 auto;min-width:0}
html.sixconsole .six-resource-pagination .six-pagination-summary>.page-total{display:inline-block!important;margin:0!important;white-space:nowrap;flex:none;font-size:13px;line-height:32px}
html.sixconsole .six-resource-pagination .six-resource-batch-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0!important;font-size:13px;line-height:32px}
html.sixconsole .six-resource-pagination .six-resource-batch-footer>span{white-space:nowrap}
html.sixconsole .six-resource-pagination .has-footer-actions>.el-pagination{width:auto!important;flex:0 1 auto;margin:0 0 0 auto!important;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
html.sixconsole .six-resource-pagination .six-native-batch .el-dropdown>.el-button,
html.sixconsole .six-resource-pagination .six-native-batch .el-dropdown>.el-button-group>.el-button{height:32px!important;min-height:32px!important;padding:0 12px!important;line-height:30px!important;font-size:13px!important;margin:0!important}
@media(max-width:760px){
 html.sixconsole .six-resource-pagination .six-pagination-summary{flex-basis:100%;gap:8px 16px}
 html.sixconsole .six-resource-pagination .six-native-batch .el-dropdown>.el-button,
html.sixconsole .six-resource-pagination .six-native-batch .el-dropdown>.el-button-group>.el-button{height:44px!important;min-height:44px!important;line-height:42px!important}
 html.sixconsole .six-resource-pagination .has-footer-actions>.el-pagination{max-width:100%;justify-content:flex-end}
}

.six-resource-native-entry{display:flex;justify-content:flex-end;margin-bottom:12px;font-size:13px;}

/* Resource action toolbar shares one row for machine actions and renewal. */
html.sixconsole .six-resource-surface .six-resource-actions .batch-renewpage{display:inline-flex;align-items:center;margin:0!important}
html.sixconsole .six-resource-surface .six-resource-actions .batch-renewpage .el-button,
html.sixconsole .six-resource-surface .six-resource-actions .six-instance-operations .el-button{height:32px!important;min-height:32px!important;line-height:30px!important;padding:0 12px!important;margin:0!important;border:1px solid var(--color-primary)!important;background:#fff!important;color:var(--color-primary)!important;border-radius:2px!important;font-size:13px!important}
html.sixconsole .six-resource-surface .six-resource-actions .el-button.is-disabled,
html.sixconsole .six-resource-surface .six-resource-actions .el-button:disabled{border-color:#dce2eb!important;background:#f3f4f6!important;color:#a9b1bf!important;cursor:not-allowed!important;opacity:1}
@media(max-width:760px){html.sixconsole .six-resource-surface .six-resource-actions .batch-renewpage .el-button,html.sixconsole .six-resource-surface .six-resource-actions .six-instance-operations .el-button{height:44px!important;min-height:44px!important;line-height:42px!important}}
html.sixconsole .six-resource-surface .six-resource-actions>.batch-op-btn{display:flex;align-items:center;margin:0!important}
html.sixconsole .six-resource-surface .six-resource-actions>.batch-op-btn .el-dropdown>.el-button,
html.sixconsole .six-resource-surface .six-resource-actions>.batch-op-btn .el-dropdown>.el-button-group>.el-button{height:32px!important;min-height:32px!important;line-height:30px!important;margin:0!important;padding:0 12px!important;border:1px solid var(--color-primary)!important;background:#fff!important;color:var(--color-primary)!important;border-radius:2px!important;font-size:13px!important}
html.sixconsole .six-resource-surface .six-resource-actions>.batch-op-btn .el-dropdown.is-disabled>.el-button-group>.el-button,
html.sixconsole .six-resource-surface .six-resource-actions>.batch-op-btn .el-dropdown>.el-button-group>.el-button.is-disabled{border-color:#dce2eb!important;background:#f3f4f6!important;color:#a9b1bf!important;cursor:not-allowed!important}
@media(max-width:760px){html.sixconsole .six-resource-surface .six-resource-actions>.batch-op-btn .el-dropdown>.el-button,html.sixconsole .six-resource-surface .six-resource-actions>.batch-op-btn .el-dropdown>.el-button-group>.el-button{height:44px!important;min-height:44px!important;line-height:42px!important}}
/* r13: reference list hierarchy — toolbar on the canvas, category strip above the table. */
html.sixconsole .six-cross-page .six-resource-surface{padding:0!important;background:transparent!important;box-shadow:none!important}
html.sixconsole .six-resource-heading{margin:0 0 20px;padding:0 0 12px;font-size:16px;line-height:24px;font-weight:600;color:#171717;border-bottom:1px solid #e1e5ef}
html.sixconsole .six-resource-heading small{font-size:13px;font-weight:400;color:#999}
html.sixconsole .six-cross-page .six-resource-toolbar{flex-wrap:wrap;gap:10px!important;margin:0 0 16px!important;justify-content:flex-start!important}
html.sixconsole .six-resource-scope{width:210px!important;flex:0 0 210px;margin:0!important}
html.sixconsole .six-resource-scope .el-input__inner{height:32px!important;min-height:32px!important;line-height:30px!important;font-size:13px!important;border-radius:0!important;background:#fff}
html.sixconsole .six-resource-scope .el-input__icon{line-height:32px!important}
html.sixconsole .six-cross-page .six-resource-actions{gap:8px!important;flex:0 0 auto}
html.sixconsole .six-cross-page .six-resource-filters{flex:1 1 220px!important;max-width:560px;margin-left:auto!important;gap:8px!important;flex-wrap:nowrap!important}
html.sixconsole .six-cross-page .six-resource-filters>.el-input{flex:1 1 0!important;width:auto!important;min-width:140px!important}
html.sixconsole .six-cross-page .six-resource-filters .search-btn{width:64px!important;min-width:64px!important}
html.sixconsole .six-resource-category-tabs{display:flex;align-items:stretch;flex-wrap:wrap;background:#e9ebf1;border:1px solid #d5dae5;border-bottom:0;min-height:44px}
html.sixconsole .six-resource-category-tabs a{display:flex;gap:8px;align-items:center;justify-content:center;min-width:150px;padding:0 22px;min-height:44px;border-right:1px solid #d5dae5;color:#333;font-size:14px;font-weight:600;text-decoration:none}
html.sixconsole .six-resource-category-tabs a[aria-current=page]{background:white;color:#151515}
html.sixconsole .six-resource-category-tabs i{font-size:17px}
html.sixconsole .six-cross-page .six-resource-data{background:white;border:1px solid #d5dae5;border-top:0;box-shadow:0 2px 3px #17254c1a}
html.sixconsole .six-cross-page .six-resource-data .el-table th{height:46px!important;background:white!important;color:#333;font-weight:600}
html.sixconsole .six-cross-page .six-resource-data .el-table td{height:64px!important;background:#f7f8fa!important;border-bottom:1px solid #e6eaf2!important;color:#49515f}
/* Mobile rows are cards with grid gaps; table-cell paint would split the card into blocks. */
@media(min-width:761px){html.sixconsole .six-cross-page .six-resource-data .el-table .el-table__row:hover td{background:#eef3ff!important}}
html.sixconsole .six-cross-page .six-resource-data .el-table .el-table__row.current-row td{background:#eef3ff!important}
html.sixconsole .six-cross-page .six-resource-pagination{padding:0 20px!important;background:white!important;border:1px solid #d5dae5;border-top:0;box-shadow:0 2px 3px #17254c26}
html.sixconsole .six-cross-page .six-resource-pagination .myPage{padding:20px 0!important;min-height:72px;box-sizing:border-box}
html.sixconsole .six-cross-page .six-resource-pagination .page-total{color:#969ca5!important;font-weight:400!important}
html.sixconsole .six-resource-cell.six-cell-status .six-resource-status-text{display:inline-flex;align-items:center;position:relative;padding:5px 10px!important;border:1px solid currentColor!important;line-height:20px!important;font-size:12px;background:transparent!important}
html.sixconsole .six-resource-cell.six-cell-status .six-resource-status-text:before{position:static;width:6px;height:6px;margin:0;flex:none;background:currentColor}
html.sixconsole .six-resource-status-text[data-status=Active]{color:#2fc36b!important}
html.sixconsole .six-resource-due-caption{display:block;font-size:12px;line-height:18px;color:#8690a6;font-weight:400}
html.sixconsole .six-resource-remaining{display:block;font-size:12px;line-height:18px;color:#2fc36b;font-weight:600}
html.sixconsole .six-resource-remaining.is-expired{color:#ef5454}
html.sixconsole .six-cross-page .six-resource-manage{display:flex!important;justify-content:center;align-items:center;gap:6px;width:100%;min-height:32px;padding:0 14px!important;box-sizing:border-box;background:#1556ff!important;color:white!important;border:1px solid #1556ff!important;font-size:12px!important;border-radius:0!important}
html.sixconsole .six-cross-page .six-resource-hostname{color:#788198!important;font-size:13px!important;font-weight:600!important;line-height:20px}
html.sixconsole .six-cross-page .six-resource-cell.six-cell-name strong{font-weight:600!important;color:#16244b}
html.sixconsole .six-cross-page .six-resource-actions .el-button:not(.is-disabled):not(:disabled){color:#1556ff!important;border-color:#1556ff!important;border-radius:0!important}
@media(max-width:760px){
 html.sixconsole .six-resource-scope{flex-basis:100%;width:100%!important}
 html.sixconsole .six-resource-scope .el-input__inner{height:44px!important;line-height:42px!important}
 html.sixconsole .six-resource-scope .el-input__icon{line-height:44px!important}
 html.sixconsole .six-cross-page .six-resource-actions{flex:1 1 100%;flex-wrap:wrap}
 html.sixconsole .six-cross-page .six-resource-filters{flex:1 1 100%!important;max-width:none}
 html.sixconsole .six-resource-category-tabs a{min-width:110px;flex:1;padding:0 12px}
 html.sixconsole .six-cross-page .six-resource-pagination{padding:0 12px!important}
}

/* Reference list notice and square outline controls. */
html.sixconsole .six-resource-notice{box-sizing:border-box;margin:18px 0 12px;padding:14px 22px;background:#d6e7ff;color:#003399;font-size:14px;line-height:20px}
html.sixconsole .six-resource-notice strong{display:block;font-weight:500}
html.sixconsole .six-resource-notice p{margin:0}
html.sixconsole .six-resource-notice a{display:inline-flex;align-items:center;gap:12px;color:#1556ff;text-decoration:none;line-height:20px}
html.sixconsole .six-resource-notice a:hover{text-decoration:underline}
html.sixconsole .six-resource-surface .six-resource-notice+.six-resource-toolbar{margin:0 0 16px!important;gap:10px!important}
html.sixconsole .six-resource-surface .six-resource-actions{gap:10px!important}
html.sixconsole .six-resource-surface .six-resource-actions .six-instance-operations{gap:10px!important}
html.sixconsole .six-resource-surface .six-resource-actions .six-instance-operations>.el-button,
html.sixconsole .six-resource-surface .six-resource-actions>.batch-op-btn .el-dropdown>.el-button-group>.el-button{height:32px!important;min-height:32px!important;min-width:56px;padding:0 15px!important;border-radius:0!important;font-size:13px!important;font-weight:400!important;line-height:30px!important;box-shadow:none!important}
html.sixconsole .six-resource-surface .six-resource-actions>.batch-op-btn .el-dropdown>.el-button-group>.el-dropdown__caret-button{min-width:26px;width:26px;padding:0 6px!important;border-left:0!important}
html.sixconsole .six-resource-surface .six-resource-actions .el-button.is-disabled,html.sixconsole .six-resource-surface .six-resource-actions .el-button:disabled{background:#fafbfc!important;border-color:#e1e5ed!important;color:#a4a9b2!important}
@media(max-width:760px){html.sixconsole .six-resource-notice{padding:12px 16px;font-size:13px}html.sixconsole .six-resource-surface .six-resource-actions .six-instance-operations>.el-button,html.sixconsole .six-resource-surface .six-resource-actions>.batch-op-btn .el-dropdown>.el-button-group>.el-button{height:44px!important;min-height:44px!important;line-height:42px!important}}

/* Compact mobile instances keep the existing table's selection and native actions. */
html.sixconsole .six-mobile-specs,html.sixconsole .six-mobile-renew{display:none}
@media(max-width:760px){
 html.sixconsole .six-cross-page .six-resource-data{background:transparent;border:0;box-shadow:none}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table{background:transparent!important;border:0!important;overflow:visible!important}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table:before,html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table:after,
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table>.el-table__header-wrapper,
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table>.el-table__fixed-right,
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table>.el-table__fixed-right-patch{display:none!important}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table>.el-table__body-wrapper{width:100%!important;overflow:visible!important}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table>.el-table__body-wrapper>table{display:block!important;width:100%!important;min-width:0!important}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table colgroup{display:none!important}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody{display:grid!important;width:100%;gap:12px}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr{display:grid!important;grid-template-columns:32px minmax(0,1fr) 64px;gap:0 10px;padding:16px 14px 0;background:#fff!important;border:1px solid #e2e6ed;box-sizing:border-box}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>td{display:block!important;width:auto!important;height:auto!important;min-height:0!important;visibility:visible!important;padding:0!important;border:0!important;background:transparent!important;grid-column:1/-1;min-width:0}
 html.sixconsole .six-cross-page .six-resource-data .el-table.six-mobile-instance-table tbody>tr.current-row{background:#eef3ff!important}
 html.sixconsole .six-cross-page .six-resource-data .el-table.six-mobile-instance-table tbody>tr.current-row>td{background:transparent!important}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>td:before{display:none!important}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>td>.cell{padding:0!important;overflow:visible!important;visibility:visible!important;min-width:0;width:auto!important;line-height:20px!important}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>.six-col-os{grid-column:1;grid-row:1/3;align-self:start;padding-top:4px!important}
 html.sixconsole .six-mobile-instance-table .six-col-os .six-os img{width:28px;height:28px}
 html.sixconsole .six-mobile-instance-table .six-col-os .six-os-name{display:none}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>.six-col-name{grid-column:2;grid-row:1}
 html.sixconsole .six-mobile-instance-table .six-cell-name strong{font-size:14px!important;line-height:22px}
 html.sixconsole .six-mobile-instance-table .six-resource-hostname{font-weight:400!important;font-size:12px!important;line-height:18px;white-space:normal;overflow-wrap:anywhere}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>.six-col-status{grid-column:2;grid-row:2;padding-top:4px!important}
 html.sixconsole .six-mobile-instance-table .six-cell-status .six-resource-status-text{padding:0!important;border:0!important;background:transparent!important;line-height:18px!important}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>.six-col-manage{grid-column:3;grid-row:1;align-self:start}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table .six-resource-manage{background:transparent!important;color:#0052d9!important;border:0!important;min-height:44px;padding:0!important;font-size:13px!important}
 html.sixconsole .six-mobile-instance-table .six-resource-manage i{display:none}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>.el-table-column--selection{grid-column:3;grid-row:2;align-self:start;justify-self:center}
 html.sixconsole .six-mobile-instance-table .el-checkbox{min-height:36px;display:flex;align-items:center;justify-content:center}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>.six-col-specs{grid-row:3;display:block!important;padding-top:8px!important}
 html.sixconsole .six-mobile-specs{display:flex;flex-wrap:wrap;gap:2px 14px;color:#303844;font-size:12px;line-height:20px}
 html.sixconsole .six-mobile-specs small{font-size:12px;color:#7b8494}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>.six-col-ip{grid-row:4;padding:8px 0!important}
 html.sixconsole .six-mobile-instance-table .six-cell-ip:before{content:'IP';color:#7b8494;margin-right:6px;font-size:12px}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>.six-col-fee{grid-row:5;padding:0 0 10px!important;font-size:12px;color:#7b8494}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>.six-col-notes{display:none!important}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>.six-col-due{grid-row:6;margin:0 -14px;padding:6px 14px!important;border-top:1px solid #e9edf3!important}
 html.sixconsole .six-mobile-instance-table .six-col-due>.cell{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}
 html.sixconsole .six-mobile-instance-table .six-cell-due{font-size:12px;color:#6b7585}
 html.sixconsole .six-mobile-instance-table .six-cell-due>span{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
 html.sixconsole .six-mobile-instance-table .six-resource-remaining{font-size:11px;font-weight:400}
 html.sixconsole .six-mobile-renew{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;min-width:44px;padding:0 6px;border:0;background:transparent;color:#0052d9;font:13px/20px var(--six-font);cursor:pointer}
 html.sixconsole .six-mobile-renew:disabled{color:#a4a9b2;cursor:default}
 html.sixconsole .six-mobile-instance-table .el-table__empty-block{width:100%!important}
}
@media(max-width:760px){
 html.sixconsole .six-mobile-instance-table .six-cell-name{display:flex;flex-direction:column}
 html.sixconsole .six-mobile-instance-table .six-cell-name>a{order:2}
 html.sixconsole .six-mobile-instance-table .six-cell-name strong{font-size:12px!important;font-weight:400!important;color:#7b8494!important;line-height:18px}
 html.sixconsole .six-mobile-instance-table .six-resource-hostname{order:1;color:#202936!important;font-size:14px!important;font-weight:600!important;line-height:22px}
}

@media(max-width:760px){
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table,
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table>.el-table__body-wrapper,
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table>.el-table__body-wrapper>table,
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody,
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr{height:auto!important;min-height:0!important;max-height:none!important}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr{grid-template-rows:auto;align-content:start;overflow:visible!important}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table .el-table__fixed,
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table .el-table__fixed-right,
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table .el-table__fixed-right-patch{display:none!important;visibility:hidden!important;pointer-events:none}
}
@media(max-width:760px){
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table .six-resource-manage{height:28px;min-height:28px;line-height:26px;border:1px solid #d8dee8!important;padding:0 10px!important;color:#354256!important;text-decoration:none!important;box-sizing:border-box}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table .six-cell-name>a{text-decoration:none!important}
 html.sixconsole .six-cross-page .six-resource-data .six-mobile-instance-table tbody>tr>.six-col-specs:not(:has(.six-mobile-specs)){display:none!important;padding:0!important}
}

@media(min-width:761px){html.sixconsole .six-mobile-instance-table .six-col-specs>.cell{padding:0!important;min-width:0!important}}
