.integration-console .content{max-width:1580px}
.integration-console .it{min-height:36px}
.integration-console .btn{font:inherit;cursor:pointer}
.integration-console h1 small{font-size:13px;font-weight:400;color:var(--ink-400);margin-left:8px}
.integration-console .qbar{gap:10px;flex-wrap:wrap}
.integration-filter{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-500)}
.integration-secondary{border-top:1px solid var(--ink-100);background:#fbfcfe}
.integration-console input,.integration-console select,.integration-console textarea{font:inherit;max-width:100%}
.integration-console select,.integration-console .inp,.integration-console .sel{border:1px solid var(--ink-200);background:#fff;border-radius:6px;padding:6px 9px;color:var(--ink-700)}
.integration-note{color:var(--ink-500);font-size:12px;line-height:1.8;padding:10px 16px;margin:0;overflow-wrap:anywhere}
.integration-console #stt{min-width:1110px}
.integration-console #stt td{padding:15px 12px;font-size:12px}
.integration-console #stt .id{font-size:11px;line-height:1.8;max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.integration-server-name{display:block;font-size:13px;font-weight:600;color:var(--ink-800);max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.integration-server-name:hover{color:var(--brand-700)}
.integration-ip{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--ink-800);overflow-wrap:anywhere}
.integration-bandwidth{color:var(--ink-700)}
.integration-vendor{display:flex;align-items:center;gap:6px;white-space:nowrap}
.integration-console .v5-provider{display:inline-block;width:var(--mark-size,20px);height:var(--mark-size,20px);background:currentColor;mask:var(--mark) center/contain no-repeat;-webkit-mask:var(--mark) center/contain no-repeat;flex:0 0 auto;color:var(--ink-500)}
.integration-copy,.integration-star{border:0;background:transparent;color:var(--ink-400);cursor:pointer;padding:3px 4px;border-radius:4px}
.integration-copy:hover,.integration-star:hover{background:var(--brand-50);color:var(--brand-700)}
.integration-warning{color:var(--warn)}
.integration-recycle-policy{padding:20px 24px;border-left:3px solid var(--brand-600)}
.integration-recycle-policy>b{font-size:15px;color:var(--ink-800)}
.integration-recycle-policy p{margin:8px 0;color:var(--ink-600);font-size:12px;line-height:1.9}
.integration-recycle-policy>span{font-size:11px;color:var(--ink-400);line-height:1.8}
.integration-console #recycleTable{min-width:900px}
.integration-console #recycleTable td{padding:18px 16px;font-size:12px;vertical-align:middle}
.integration-console #recycleTable .id{display:block;margin-top:6px;font-size:11px;line-height:1.8;max-width:270px;overflow-wrap:anywhere;white-space:normal}
.integration-recycle-empty{padding:44px 20px;text-align:center}
.integration-recycle-empty>b{color:var(--ink-700);font-size:14px}
.integration-recycle-empty p{font-size:12px;color:var(--ink-400);line-height:1.9;margin:10px 0 20px}
.integration-menu{position:fixed;z-index:80;width:352px;border:1px solid var(--ink-200);border-radius:12px;background:#fff;box-shadow:var(--sh-3);display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.integration-menu-title{grid-column:1/-1;padding:12px 16px;border-bottom:1px solid var(--ink-100);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.integration-menu-group{padding:9px}
.integration-menu-group+div{border-left:1px solid var(--ink-100)}
.integration-menu-group>b{display:block;padding:4px 8px;color:var(--ink-400);font-size:10px}
.integration-menu-group button{display:block;width:100%;text-align:left;background:none;border:0;padding:8px;border-radius:6px;font:inherit;color:var(--ink-700);cursor:pointer}
.integration-menu-group button:hover{background:var(--brand-50);color:var(--brand-700)}
.integration-menu-group button:disabled{color:var(--ink-300);cursor:not-allowed}
.integration-mask{position:fixed;inset:0;z-index:90;background:rgba(10,15,28,.35);backdrop-filter:blur(2px)}
.integration-modal{z-index:91;max-height:90vh;overflow:auto;max-width:calc(100vw - 28px)}
.integration-modal .mb{max-height:65vh;overflow:auto}
.integration-modal .integration-form-status{margin-right:auto}
.integration-label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:12px;color:var(--ink-600)}
.integration-label input,.integration-label textarea,.integration-label select{border:1px solid var(--ink-200);border-radius:6px;padding:9px 11px;width:100%;background:#fff;min-height:36px}
.integration-label textarea{min-height:90px;resize:vertical}
.integration-check{display:flex;gap:8px;align-items:flex-start;padding:7px 0;font-size:12px}
.integration-check input{margin-top:4px}
.integration-results{font:12px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--ink-50);border-radius:6px;max-height:240px;overflow:auto}
.integration-targets{max-height:240px;overflow:auto}
.integration-kvgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}
.integration-kv{padding:13px 0;display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid var(--ink-100);min-width:0}
.integration-kv>span{width:110px;flex-shrink:0;color:var(--ink-400);font-size:12px}
.integration-kv>b{font-weight:500;overflow-wrap:anywhere;min-width:0}
.integration-shortcuts{display:flex;gap:8px;flex-wrap:wrap}
.integration-detail-id{color:var(--ink-400);font-family:var(--mono);font-size:11px}
.integration-console .dtabs{display:flex;gap:6px;margin:18px 0;border-bottom:1px solid var(--ink-200);overflow:auto}
.integration-console .dtabs button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 17px;white-space:nowrap;font:inherit;color:var(--ink-500);cursor:pointer}
.integration-console .dtabs button.on{border-bottom-color:var(--brand-600);color:var(--brand-700);font-weight:600}
.integration-console .ws-row{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid var(--ink-100);flex-wrap:wrap}
.integration-console .ws-row>div:first-child{flex:1;min-width:120px}
.integration-console .ws-row p{color:var(--ink-400);font-size:11px;margin:4px 0;overflow-wrap:anywhere}
.integration-console .ws-row b{font-weight:500}
.integration-console .v5-surface,.integration-console .v5-surface-pad{background:#fff;border:1px solid var(--ink-200);border-radius:8px}
.integration-console .v5-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}
.integration-console .v5-heading h1{margin:0;font-size:20px}
.integration-console .v5-heading p,.integration-console .v6-muted,.integration-console .v5-eyebrow{font-size:12px;color:var(--ink-400)}
.integration-console .tbtn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:12px;padding:7px 12px;border:1px solid var(--ink-200);border-radius:6px;background:#fff;color:var(--ink-700);cursor:pointer}
.integration-console .tbtn.primary{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}
.integration-console .tbtn:disabled{opacity:.45;cursor:not-allowed}
.integration-console .v5-empty{padding:35px 20px;text-align:center;color:var(--ink-400)}
.integration-console .v5-error,.integration-console .v5-overdue{color:var(--danger)}
.integration-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.integration-metric{padding:15px;border-bottom:1px solid var(--ink-100);color:var(--brand-600)}
.integration-metric>span{float:right;color:var(--ink-500);font-family:var(--mono)}
.integration-metric svg{display:block;width:100%;max-height:110px;margin-top:12px}
.integration-qr{display:flex;justify-content:center;padding:16px}
.integration-reply{padding:12px 0;border-top:1px solid var(--ink-100);font-size:12px}
.integration-reply p{white-space:pre-wrap;overflow-wrap:anywhere}
.integration-session{padding:14px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin-bottom:15px;display:flex;align-items:center;gap:16px}
.integration-console .integration-compact td{padding-top:8px!important;padding-bottom:8px!important}
.integration-console .pager{gap:8px;flex-wrap:wrap}
.integration-console .pager .r{gap:6px;flex-wrap:wrap;max-width:100%}
.integration-console .integration-jump{width:52px;min-width:0;padding:4px;border:1px solid var(--ink-200);border-radius:5px}
.integration-console [hidden]{display:none!important}
.integration-console .app>main,.integration-console .app>div{min-width:0}
.integration-nav-toggle{display:none!important}
.integration-resource-nav summary{padding:10px 16px;color:#93a3be;font-size:12px;cursor:pointer}
.integration-resource-nav[open] summary{color:#d5e0ef}
.integration-resource-nav .it{padding-left:28px;font-size:12px}
.integration-resource-picker{margin-bottom:18px}
.integration-resource-picker input,.integration-console .qbar>input{border:1px solid var(--ink-200);border-radius:6px;padding:7px 10px;min-width:180px;background:#fff;color:var(--ink-800)}
.integration-resource-picker select{max-width:440px}
.integration-resource-context{display:flex;gap:10px 20px;flex-wrap:wrap;align-items:center;padding:12px 16px;border-top:1px solid var(--ink-100);font-size:12px}
.integration-resource-context>span:not(.integration-ip){color:var(--ink-400);overflow-wrap:anywhere}
.integration-resource-context>a{margin-left:auto}
.integration-resource-table{overflow:auto;max-width:100%}
.integration-resource-table table{min-width:620px}
.integration-resource-table td{max-width:360px;overflow-wrap:anywhere}
.integration-resource-table .id{white-space:normal}
#resourcePickStatus,.integration-ticket-picker{font-size:12px;color:var(--ink-500)}
.integration-ticket-picker{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#ticketStats{gap:24px;flex-wrap:wrap}
#ticketStats b{font-family:var(--mono);padding-left:5px;color:var(--ink-800)}
.integration-ticket-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}
.integration-attachments{display:flex;gap:12px;flex-wrap:wrap}
.integration-attachments figure{margin:0;padding:8px;border:1px solid var(--ink-200);border-radius:8px;max-width:180px}
.integration-attachments img{display:block;max-width:160px;height:110px;object-fit:contain;border-radius:4px;background:var(--ink-50)}
.integration-attachments figcaption{font-size:11px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0}
.integration-console .panel+.panel,#legacyMachineLogs{margin-top:18px}
.integration-console .cd-app{--cd-line:var(--ink-200);--cd-muted:var(--ink-500);--cd-blue:var(--brand-600);color:var(--ink-800);font:inherit}
.integration-console .cd-top h1{font-size:22px;letter-spacing:normal}
.integration-console .cd-panel{border-radius:8px}
.integration-console .cd-btn{font-size:12px;min-height:32px;border-radius:6px;padding:6px 12px}
.integration-console .cd-link{color:var(--brand-700)}
.integration-console .cd-table{font-size:12px}
.integration-console .cd-table th{background:var(--ink-50)}
.integration-console .cd-table td,.integration-console .cd-table th{border-color:var(--ink-100)}
.integration-console .cd-note,.integration-console .cd-pre{background:var(--ink-50);color:var(--ink-600)}
[data-appearance="dark"] .integration-console .cd-panel,
[data-appearance="dark"] .integration-console .cd-btn,
[data-appearance="dark"] .integration-console .cd-dialog,
[data-appearance="dark"] .integration-console .cd-dialog-head,
[data-appearance="dark"] .integration-console .cd-app input,
[data-appearance="dark"] .integration-console .cd-app select,
[data-appearance="dark"] .integration-console .cd-app textarea{background:#152132;color:var(--ink-800);border-color:var(--ink-200)}
.integration-console #stt.integration-cards{display:block;min-width:0!important;background:var(--ink-50);padding:12px}
.integration-console #stt.integration-cards thead{display:none!important}
.integration-console #stt.integration-cards tbody{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px}
.integration-console #stt.integration-cards tr{display:flex!important;flex-direction:column;padding:12px!important;border:1px solid var(--ink-200);border-radius:10px;background:#fff}
.integration-console #stt.integration-cards td{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;border:0;padding:7px 4px!important;white-space:normal}
.integration-console #stt.integration-cards td[hidden]{display:none!important}
.integration-console #stt.integration-cards td[data-col]:before{display:block!important;content:attr(data-col);min-width:78px;color:var(--ink-400);font-size:11px}
.integration-console #stt.integration-cards td[data-col="name"]:before{content:"服务器"}
.integration-console #stt.integration-cards td[data-col="status"]:before{content:"运行状态"}
.integration-console #stt.integration-cards td[data-col="provider"]:before{content:"云产品"}
.integration-console #stt.integration-cards td[data-col="system"]:before{content:"地域 / 系统"}
.integration-console #stt.integration-cards td[data-col="configuration"]:before{content:"计算 / 网络 / 磁盘"}
.integration-console #stt.integration-cards td[data-col="ip"]:before{content:"IP 地址"}
.integration-console #stt.integration-cards td[data-col="expiry"]:before{content:"服务到期"}
.integration-console #stt.integration-cards .integration-server-name{font-size:14px;max-width:100%}
.integration-console #stt.integration-cards .id{max-width:100%;white-space:normal}
.integration-console :focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}
:root[data-appearance="dark"]{color-scheme:dark;--ink-900:#f1f5fb;--ink-800:#e4ecf8;--ink-700:#c9d5e7;--ink-600:#b1c0d6;--ink-500:#9caec8;--ink-400:#8295b1;--ink-300:#526780;--ink-200:#304158;--ink-100:#25344a;--ink-50:#111b29;--brand-50:#153b47;--brand-100:#185060;--brand-700:#6cd3e4}
[data-appearance="dark"] .integration-console .side{background:#080f1c}
[data-appearance="dark"] .integration-console .topbar,
[data-appearance="dark"] .integration-console .panel,
[data-appearance="dark"] .integration-console .integration-modal,
[data-appearance="dark"] .integration-console .integration-menu,
[data-appearance="dark"] .integration-console .btn.sec,
[data-appearance="dark"] .integration-console .tbtn,
[data-appearance="dark"] .integration-console .v5-surface,
[data-appearance="dark"] .integration-console .v5-surface-pad,
[data-appearance="dark"] .integration-console #stt.integration-cards tr,
[data-appearance="dark"] .integration-console input,
[data-appearance="dark"] .integration-console select,
[data-appearance="dark"] .integration-console textarea{background:#172336;color:var(--ink-800)}
[data-appearance="dark"] .integration-console .integration-secondary,
[data-appearance="dark"] .integration-console tbody tr:hover td{background:#1c2c42}
[data-appearance="dark"] .integration-console .btn.dg{background:#341e2b;border-color:#713345;color:#fda4af}
[data-appearance="dark"] .integration-console .btn.pri,
[data-appearance="dark"] .integration-console .tbtn.primary{background:#0e8fa8;color:#fff}
@media(max-width:900px){
  .integration-console .app{grid-template-columns:minmax(0,1fr)}
  .integration-console .side{position:fixed;left:0;top:50px;width:212px;height:calc(100dvh - 50px);z-index:60;transform:translateX(-100%);transition:transform .15s}
  .integration-console.integration-nav-open .side{transform:translateX(0);box-shadow:6px 0 24px #0a0f1c33}
  .integration-console .side .nm,.integration-console .side .pc,.integration-console .side .grp,.integration-console .side .it span,.integration-console .side .foot .em,.integration-console .side .foot .tg{display:block}
  .integration-console .side .it{justify-content:flex-start;padding:9px 14px}
  .integration-console .side .top{justify-content:flex-start;padding:0 14px}
  .integration-console .side .foot{display:block}
  .integration-console .topbar{padding:0 12px;gap:8px}
  .integration-console .topbar .r{gap:8px}
  .integration-nav-toggle{display:inline-flex!important;padding:0 9px!important;flex-shrink:0}
  .integration-console .content,.integration-console .view,.integration-console .panel{min-width:0;max-width:100%}
}
@media(max-width:1100px){.integration-console .content{padding:16px}.integration-console .qbar .q{flex-basis:100%}.integration-console .abar{flex-wrap:wrap}.integration-console .abar .right{display:block}.integration-console #stt{min-width:1050px}.integration-console .lt{overflow:auto}}
@media(max-width:680px){.integration-kvgrid,.integration-form-grid{grid-template-columns:1fr}.integration-console .content{padding:12px}.integration-console .integration-filter span{display:none}.integration-console .qbar select{max-width:140px}.integration-console .topbar .bal{display:none}.integration-console #v-srv #stt{display:table;min-width:1050px}.integration-console #v-srv #stt tbody{display:table-row-group}.integration-console #v-srv #stt thead{display:table-header-group}.integration-console #v-srv #stt tr{display:table-row;padding:0}.integration-console #v-srv #stt td,.integration-console #v-srv #stt th{display:table-cell;padding:12px!important;text-align:left}.integration-console #v-srv td:before{display:none}.integration-console #v-srv .lt{overflow:auto;max-width:100%}.integration-menu{width:320px}.integration-modal{width:calc(100vw - 24px)}}
@media(max-width:680px){.integration-console #stt.integration-cards tbody{grid-template-columns:minmax(0,1fr)}.integration-resource-picker .integration-filter{width:100%}.integration-resource-picker input,.integration-resource-picker select{width:100%;max-width:100%!important;min-width:0}.integration-resource-context>a{margin-left:0}.integration-console .phead{align-items:flex-start}}