/* Authenticated console theme, aligned with cv-platform-tenant/App.vue and style.css. */
body.devops-app:has(#workspace:not([hidden])) {
 --ui-bg-app:#f8f9fd;--ui-bg-sidebar:#f5f6fb;--ui-bg-surface:#fff;--ui-bg-subtle:#f6f7fb;--ui-bg-hover:#f3f0ff;--ui-bg-selected:#ede8ff;
 --ui-text-primary:#182239;--ui-text-secondary:#52617b;--ui-text-muted:#657187;--ui-text-disabled:#9ba1b0;
 --ui-border-subtle:#e5e8f1;--ui-border-control:#dfe4ef;--ui-border-control-hover:#9279fa;
 --ui-action-primary:#603bfa;--ui-action-primary-hover:#5130db;--ui-action-primary-pressed:#4323bf;--ui-focus:#603bfa;
 --ui-radius-control:8px;--ui-radius-input:8px;--ui-radius-panel:12px;
 --ui-font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
 background:var(--ui-bg-app);color:var(--ui-text-primary);font-family:var(--ui-font-ui);font-size:14px;line-height:1.5715;
}
body.devops-app:has(#workspace:not([hidden]))>header{height:48px;min-height:48px;background:white;border-color:var(--ui-border-subtle);box-shadow:none}
body.devops-app:has(#workspace:not([hidden]))>main{background:var(--ui-bg-app)}
body.devops-app #workspace nav{background:var(--ui-bg-sidebar);border-color:var(--ui-border-subtle)}
body.devops-app #workspace nav .sidebar-brand{height:48px;min-height:48px;padding:0 20px;margin-bottom:0}
body.devops-app #workspace nav .sidebar-brand strong{font-size:16px;font-weight:600;color:var(--ui-text-primary)}
body.devops-app #workspace nav .nav-items{padding:16px 10px;overscroll-behavior:contain}
body.devops-app #workspace nav .nav-group button{min-height:36px;padding:7px 10px;margin:2px 0;gap:10px;border-radius:9px;font-size:14px;line-height:20px;font-weight:400;color:var(--ui-text-secondary)}
body.devops-app #workspace nav .nav-group button[aria-current=false]{background:transparent}
body.devops-app #workspace nav .nav-group button[aria-current=page]{color:var(--ui-action-primary)!important;background:var(--ui-bg-selected)!important;font-weight:600}
body.devops-app #workspace nav .ui-icon{width:16px;height:16px}
body.devops-app #workspace nav .account-footer{padding:14px 20px;border-top:1px solid var(--ui-border-subtle)!important;background:transparent}
body.devops-app #workspace nav .account-label strong{font-size:13px;font-weight:500}.devops-app #workspace nav .account-label span{font-size:12px;color:var(--ui-text-muted)}
body.devops-app #workspace :is(button,input,select,textarea){font-family:var(--ui-font-ui);border-radius:8px;border-color:var(--ui-border-control)}
body.devops-app #workspace button{min-height:36px;padding:7px 12px;color:var(--ui-action-primary);box-shadow:none}
body.devops-app #workspace button:hover:enabled{border-color:var(--ui-border-control-hover);background:var(--ui-bg-hover)}
body.devops-app #workspace :is(input:not([type=checkbox]):not([type=radio]),select){min-height:36px;height:36px;padding:6px 12px;font-size:13px}
body.devops-app #workspace :is(select[multiple],textarea){height:auto;min-height:110px}
body.devops-app #workspace :is(input,select,textarea):focus{box-shadow:0 0 0 2px #603bfa24;border-color:var(--ui-focus)}
body.devops-app #workspace button:disabled:not([aria-busy=true]){background:#f0f1f5!important;color:#929aab!important;border-color:#e7e9f0!important;opacity:1}
body.devops-app #workspace :is(button.primary,button.deployment-primary,#approved-upgrade-execute,#package-prepare,#deployment-install):enabled{background:var(--ui-action-primary);border-color:var(--ui-action-primary);color:#fff}
body.devops-app #workspace :is(button.primary,button.deployment-primary,#approved-upgrade-execute,#package-prepare,#deployment-install):enabled:hover{background:var(--ui-action-primary-hover);border-color:var(--ui-action-primary-hover)}
body.devops-app #workspace h1{font-size:25px;line-height:34px;font-weight:600;color:var(--ui-text-primary);letter-spacing:-.25px}
body.devops-app #workspace h2{font-size:16px;line-height:24px;font-weight:600;color:var(--ui-text-primary)}
body.devops-app #workspace h3{font-size:14px;line-height:22px;font-weight:600;color:var(--ui-text-primary)}
body.devops-app #workspace p{color:var(--ui-text-secondary);line-height:1.7}
body.devops-app #workspace :is(small,.muted){color:var(--ui-text-muted)}
body.devops-app #workspace :is(.deployment-card,.fleet-list,.fleet-detail,.fleet-data-card,.resource-cards>div,.device-card,.maintenance-panel,.service-log-panel,.package-targets,.upgrade-card,.upgrade-task-progress,.operation-record-list,.operation-record-detail,.bulk-panel){border-color:#e8eaf1;border-radius:12px;background:white;box-shadow:none}
body.devops-app #workspace :is(.package-update-grid>section,.package-update-review,.approved-upgrade-grid>section){padding:20px;border:1px solid #e8eaf1;border-radius:12px;background:white;overscroll-behavior:contain}
body.devops-app #workspace :is(.package-update-grid,.approved-upgrade-grid){gap:12px}
body.devops-app #workspace :is(.package-update-grid,.approved-upgrade-grid)>:is(section,aside)>h2{margin:0 0 16px}
body.devops-app #workspace :is(.package-update-review,.approved-upgrade-grid) .package-targets{border-radius:0}
body.devops-app #workspace .approved-request-choice{padding:14px;text-align:left;color:var(--ui-text-primary);border:1px solid transparent;border-radius:10px;background:#fff}
body.devops-app #workspace .approved-request-choice[aria-current=true]{border-color:#d6cbff;background:#f1edff}
body.devops-app #workspace .package-device-choices label{padding:12px;border-radius:10px;border-color:#e8eaf1;background:#fff}
body.devops-app #workspace .package-device-choices label:has(input:checked){border-color:#d6cbff;background:#f1edff}
body.devops-app #workspace table th{background:var(--ui-bg-subtle);color:var(--ui-text-secondary);font-size:12px;font-weight:500;border-color:var(--ui-border-subtle)}
body.devops-app #workspace table td{font-size:13px;border-color:#edf0f5;color:var(--ui-text-primary)}
body.devops-app #workspace :is(.table-scroll,.bulk-scroll,.deployment-rows-wrap){border-color:var(--ui-border-subtle);border-radius:10px}
body.devops-app #workspace :is(.deployment-tabs-bar,.package-tabs,.operation-tabs){border-color:var(--ui-border-subtle)}
body.devops-app #workspace :is(.package-tabs,.operation-tabs) button[aria-selected=true]{color:var(--ui-action-primary);border-bottom-color:var(--ui-action-primary)}
body.devops-app #workspace .fleet-workspace{background:var(--ui-bg-sidebar);gap:12px;padding:12px}
body.devops-app #workspace .fleet-list{margin:0;border-radius:12px;padding:0 14px}
body.devops-app #workspace .fleet-table tr{border-radius:10px!important;margin:4px 0;padding:14px 22px 14px 20px}
body.devops-app #workspace .fleet-table tr.is-selected{background:#f1edff!important;box-shadow:inset 0 0 0 1px #d6cbff}
body.devops-app #workspace .fleet-table td button{color:var(--ui-text-primary)}
body.devops-app #workspace .fleet-detail{border:1px solid #e8eaf1}
body.devops-app #workspace .resource-cards>div{padding:16px}
body.devops-app #workspace progress{accent-color:var(--ui-action-primary)}
body.devops-app dialog.device-dialog{border:1px solid #e8eaf1;border-radius:14px;box-shadow:0 16px 60px #26324a24;color:var(--ui-text-primary);background:white;max-height:calc(100dvh - 48px);overflow:auto}
body.devops-app dialog.device-dialog::backdrop{background:#18223935}
body.devops-app dialog.device-dialog :is(input,select,button){border-radius:8px;min-height:36px;border-color:var(--ui-border-control)}
body.devops-app[data-view=approved-upgrades] .context,body.devops-app[data-view=packages] .context{display:none!important}
body.devops-app[data-view=approved-upgrades] .header-search{display:none}
body.devops-app #workspace .upgrade-task-progress[data-failed=true]{border-color:#edbac3;background:#fffafa}
body.devops-app #workspace .business-stage-progress[data-state=failed] progress{accent-color:var(--ui-danger)}
@media(min-width:901px){body.devops-app #workspace>nav{width:224px;top:0;bottom:0;padding:0;height:100dvh}body.devops-app:has(#workspace:not([hidden]))>header{margin-left:224px}body.devops-app:has(#workspace:not([hidden]))>main{margin-left:224px}}
@media(prefers-reduced-motion:reduce){body.devops-app #workspace *{scroll-behavior:auto}}
body.devops-app #workspace :is(form>button:not([type=button]),#ingest-add,#upload-file,#apply):enabled{background:var(--ui-action-primary);color:#fff;border-color:var(--ui-action-primary)}
body.devops-app #workspace :is(form>button:not([type=button]),#ingest-add,#upload-file,#apply):enabled:hover{background:var(--ui-action-primary-hover);border-color:var(--ui-action-primary-hover)}
body.devops-app #workspace #revocation-form button:enabled{background:var(--ui-danger);border-color:var(--ui-danger);color:#fff}
body.devops-app #workspace :is(.deployment-check-card,.deployment-device-card,.deployment-install-card,.device-state-panel,.flow-panel,.ingest-list){background:#fff;border-color:#e8eaf1;border-radius:12px}
body.devops-app #workspace #ingest :is(.ingest-list-heading,.ingest-device-row){padding:16px 20px;gap:16px;font-size:13px}
body.devops-app #workspace #ingest .ingest-list-heading{background:var(--ui-bg-subtle);color:var(--ui-text-secondary);font-size:12px}
body.devops-app #workspace #ingest .ingest-device.is-selected{background:#f1edff}
body.devops-app #workspace #service-log-output{background:#fff;border-color:#e8eaf1;border-radius:12px;color:var(--ui-text-secondary);font-family:var(--ui-font-mono)}
body.devops-app #workspace .xterm .xterm-helper-textarea{font-family:var(--ui-font-mono);border:0;box-shadow:none}
body.devops-app #workspace .warning{color:var(--ui-warning);background:#fffbeb;border-color:#efdda5}
body.devops-app #workspace .deployment-row-state[data-failed=true]{color:var(--ui-danger)}
body.devops-app #workspace :is(.deployment-install-progress[data-state=failed],.upgrade-task-progress[data-failed=true]) progress{accent-color:var(--ui-danger)}

body.devops-app #workspace #package-approval-panel{border-radius:12px}
body.devops-app #workspace button{font-size:14px}
body.devops-app #workspace :is(input:not([type=checkbox]):not([type=radio]),select){font-size:14px}
body.devops-app #workspace label{font-size:13px;line-height:20px;color:var(--ui-text-secondary)}
body.devops-app #deployment-settings-dialog[open]{border-radius:8px;box-shadow:0 8px 24px #26324a14}
body.devops-app :is(#deployment-profile-dialog,#deployment-confirm-dialog,#inventory-dialog,#package-upload-dialog){border-radius:14px;box-shadow:0 16px 60px #26324a24}
body.devops-app #workspace #fleet-search{padding-left:36px}
body.devops-app #workspace .resource-cards>div:has(.resource-icon){padding-left:52px}
body.devops-app #workspace .resource-icon{left:16px;top:18px;width:24px;height:24px;padding:0}
body.devops-app #workspace .fleet-table tr{padding-left:28px}
body.devops-app #workspace :is(.deployment-tabs-bar,.package-tabs,.operation-tabs) button[aria-selected]{border-color:transparent;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--ui-text-secondary)}
body.devops-app #workspace :is(.deployment-tabs-bar,.package-tabs,.operation-tabs) button[aria-selected=true]{border-bottom-color:var(--ui-action-primary);color:var(--ui-action-primary);font-weight:600}

/* Icon controls have their own geometry; text-button padding must not squeeze them. */
body.devops-app #workspace button.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;line-height:1;gap:0}
body.devops-app #workspace button.icon-button>.ui-icon{display:block;width:16px;height:16px;flex:none;margin:0}
body.devops-app #workspace button.icon-button[hidden]{display:none!important}
body.devops-app #workspace #edit-device-alias{width:28px;min-width:28px;height:28px;min-height:28px;flex-basis:28px;padding:0}
body.devops-app #workspace .account-footer button.icon-button{width:32px;min-width:32px;height:32px;min-height:32px;flex-basis:32px}
body.devops-app dialog.device-dialog .dialog-heading>button{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;min-height:32px;flex:0 0 32px;padding:0;line-height:1;font-size:20px}
/* Match the tenant ThreeColumnWorkspace: navigation + picker + detail. */
body.devops-app:has(#workspace:not([hidden])):is([data-view=packages],[data-view=approved-upgrades])>header{display:none!important}
body.devops-app:has(#workspace:not([hidden])):is([data-view=packages],[data-view=approved-upgrades])>main{padding:0!important;display:flex;flex-direction:column;min-height:0;overflow:hidden}
body.devops-app:has(#workspace:not([hidden])):is([data-view=packages],[data-view=approved-upgrades]) #message:not(:empty){flex-shrink:0;margin:0;padding:6px 20px}
body.devops-app:is([data-view=packages],[data-view=approved-upgrades]) #workspace:not([hidden]){display:flex;flex:1 1 0;min-height:0;flex-direction:column}
body.devops-app[data-view=packages] #packages:not([hidden]),body.devops-app[data-view=approved-upgrades] #approved-upgrades:not([hidden]){display:flex;flex:1 1 0;min-height:0;flex-direction:column}
body.devops-app #workspace .upgrade-object-workspace{box-sizing:border-box;display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);flex:1 1 0;height:100%;min-height:0;gap:12px;padding:12px;margin:0;background:#f5f6fb;overflow:hidden}
body.devops-app #workspace .upgrade-object-workspace>.upgrade-object-picker,body.devops-app #workspace .upgrade-object-workspace>.upgrade-object-detail{min-width:0;min-height:0;max-height:none;margin:0;border:1px solid #e8eaf1;border-radius:14px;background:#fff;grid-column:auto}
body.devops-app #workspace .upgrade-object-workspace>.upgrade-object-picker{display:flex;flex-direction:column;overflow:hidden;padding:0}
body.devops-app #workspace .upgrade-object-picker>h1{margin:0;padding:20px 20px 16px;font-size:20px;line-height:28px;font-weight:600;letter-spacing:0}
body.devops-app #workspace .upgrade-object-tools{display:flex;flex-direction:column;gap:12px;padding:0 20px 16px;border-bottom:1px solid #eef0f5}
body.devops-app #workspace .upgrade-object-tools button{align-self:flex-start}
body.devops-app #workspace .upgrade-object-list{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;gap:0;padding:6px 8px;margin:0}
body.devops-app #workspace .upgrade-object-footer{flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:14px 20px;border-top:1px solid #e8eaf1;margin:0}
body.devops-app #workspace .upgrade-object-footer p{margin:0;font-size:13px;line-height:20px}
body.devops-app #workspace .upgrade-object-footer #package-target{color:#26324a}
body.devops-app #workspace .upgrade-object-list>:is(label,button){box-sizing:border-box;width:100%;min-height:58px;margin:0 0 6px;padding:16px;border:1px solid transparent;border-radius:10px;background:#fff;color:#26324a;text-align:left;font-size:15px;line-height:22px}
body.devops-app #workspace .upgrade-object-list>label{display:flex;align-items:center;gap:12px;cursor:pointer}
body.devops-app #workspace .upgrade-object-list>:is(label,button):hover{background:#faf9ff}
body.devops-app #workspace .upgrade-object-list>label:has(input:checked),body.devops-app #workspace .upgrade-object-list>button[aria-current=true]{background:#f1edff;border-color:#d6cbff;box-shadow:0 1px 3px #7357fa08}
body.devops-app #workspace .upgrade-object-list>button small{font-size:12px;line-height:18px;margin-top:6px;color:#7b8498}
body.devops-app #workspace .upgrade-object-list>[hidden]{display:none!important}
body.devops-app #workspace .upgrade-object-workspace>.upgrade-object-detail{padding:28px;overflow:auto;overscroll-behavior:contain}
body.devops-app #workspace .upgrade-object-detail>h1,body.devops-app #workspace #package-step-versions .package-selection-bar h2{font-size:23px;line-height:32px;font-weight:650;letter-spacing:-.3px;margin:0 0 8px}
body.devops-app #workspace .upgrade-object-detail h2{font-size:18px;line-height:26px;margin:20px 0 16px}
body.devops-app #workspace .upgrade-object-detail :is(p,small){font-size:13px;line-height:20px}
body.devops-app #workspace .upgrade-object-detail>.package-update-review{padding:0;margin:24px 0 0;border:0;min-height:0;max-height:none;overflow:visible}
body.devops-app #workspace #manual-upgrade-detail .package-targets{padding:20px 0 0;border:0;border-top:1px solid #e8eaf1;border-radius:0;margin:0}
body.devops-app #workspace #manual-upgrade-detail .package-targets .package-prepare-bar{flex-direction:row;align-items:center}
body.devops-app #workspace #manual-upgrade-detail .package-targets .package-prepare-bar p{flex:1;min-width:0}
body.devops-app #workspace #manual-upgrade-detail #package-prepare{flex-shrink:0;width:auto}
body.devops-app #workspace .upgrade-object-empty{padding:60px 20px;color:#7b8498;text-align:center;font-size:14px;line-height:1.8}
body.devops-app #workspace #approved-upgrade-detail>.upgrade-card{border:0;border-radius:0;padding:0;min-height:0;max-height:none;overflow:visible}
body.devops-app #workspace #approved-upgrade-detail>.upgrade-card+.upgrade-card{border-top:1px solid #e8eaf1;margin-top:24px;padding-top:4px}
body.devops-app #workspace #approved-upgrade-details>p:has(strong){display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;margin:14px 0;color:#26324a}
body.devops-app #workspace #approved-upgrade-details>p>strong{font-weight:400;color:#7b8498}
body.devops-app #workspace :is(#approved-upgrade-progress,#package-batch-progress){border-top:1px solid #e8eaf1;margin-top:24px;padding-top:4px}
body.devops-app #workspace #package-batch-progress:not(:has(article,.bulk-panel:not([hidden]))){display:none}
body.devops-app #workspace .upgrade-object-detail>[hidden]{display:none!important}
body.devops-app #workspace #approved-upgrades [hidden]{display:none!important}
body.devops-app #workspace #packages .package-update-grid .upgrade-object-list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;margin:0;padding:6px 8px}
body.devops-app #workspace .upgrade-object-list>:is(label,button){flex:0 0 auto}
@media(max-width:1200px){body.devops-app #workspace .upgrade-object-workspace{grid-template-columns:300px minmax(0,1fr)}body.devops-app #workspace .upgrade-object-workspace>.upgrade-object-detail{padding:20px}body.devops-app #workspace .upgrade-object-picker>h1{padding:14px}body.devops-app #workspace .upgrade-object-tools{padding:0 14px 14px}body.devops-app #workspace .upgrade-object-footer{padding:14px}}
@media(max-width:900px){body.devops-app #workspace .upgrade-object-workspace{overflow:auto;grid-template-columns:290px minmax(390px,1fr)}}
body.devops-app #deployment-profile-dialog .deployment-algorithm-choice{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e8eaf1;border-radius:8px;margin:8px 0;font-size:14px}
body.devops-app #deployment-profile-dialog .deployment-algorithm-choice input{width:16px;height:16px;min-height:0;margin:0;flex:none}
body.devops-app #deployment-profile-dialog .deployment-algorithm-choice small{margin-left:auto;color:#7c879b}
body.devops-app #workspace .deployment-business-grid{grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);gap:16px}
body.devops-app #workspace .deployment-connect-grid{display:grid;grid-template-columns:minmax(400px,1.25fr) minmax(320px,.85fr);gap:16px;margin:16px 0}
body.devops-app #workspace .deployment-onboarding-card{padding:20px;border:1px solid #e8eaf1;border-radius:14px;background:#fff;min-width:0}
body.devops-app #workspace .deployment-onboarding-card h2{font-size:18px;margin:0 0 18px}
body.devops-app #workspace .deployment-onboarding-card .deployment-bottom-bar{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:20px}
body.devops-app #workspace #deployment-connection-fields{display:flex;flex-direction:column;gap:14px}
body.devops-app #workspace #deployment-connection-fields label{display:flex;flex-direction:column;gap:8px}
body.devops-app #workspace #deployment-connection-fields>strong{padding:12px 14px;border-radius:8px;background:#f6f7fb}
body.devops-app #workspace #deployment-connection-fields>button{align-self:flex-start}
body.devops-app #workspace .deployment-onboarding-card .deployment-table{min-width:0;width:100%}
body.devops-app #workspace .deployment-device-focus{padding:0;min-height:28px;border:0;background:transparent;font-size:13px}
body.devops-app #workspace .deployment-scan-toolbar{padding:16px 20px;border:1px solid #e8eaf1;border-radius:14px;background:white;margin-top:16px}
body.devops-app #workspace .deployment-final-check{border:1px solid #e8eaf1;border-radius:14px;background:white;padding:20px;margin-top:16px}
body.devops-app #workspace .deployment-final-check[hidden]{display:none}
body.devops-app #workspace .deployment-final-check #deployment-check-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.devops-app #workspace .deployment-final-check #deployment-check-summary>div{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e8eaf1;border-radius:8px}
@media(max-width:1050px){body.devops-app #workspace :is(.deployment-business-grid,.deployment-connect-grid){grid-template-columns:minmax(0,1fr)}body.devops-app #workspace .deployment-final-check #deployment-check-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.devops-app #workspace .deployment-page-heading{display:none}
body.devops-app #workspace #deployment-connection-fields label{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;margin:0}
body.devops-app #workspace #deployment-connection-fields>button{align-self:flex-end;margin:0}
body.devops-app #workspace #deployment-profile-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
body.devops-app #workspace #deployment-profile-content .deployment-required{grid-column:1/-1}
body.devops-app #workspace #deployment-profile-content :is(dt,dd){margin:0}
body.devops-app #workspace #deployment-profile-content .deployment-required dd{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
body.devops-app #workspace .deployment-required dd span{background:#f5f6fa;padding:6px 12px;border-radius:8px}
body.devops-app #workspace .deployment-algorithm-summary{padding:14px;border:1px solid #dcd3ff;border-radius:10px;background:#f7f4ff}
body.devops-app #workspace #deployment-profile-content .deployment-algorithm-summary dd{margin-top:6px;color:#7953ee}
body.devops-app #workspace #deployment-business-form .deployment-install-card .toolbar button{width:auto;min-width:150px}
body.devops-app #workspace .deployment-steps{display:none!important}
body.devops-app #deployment-settings-dialog button[type=submit]:enabled{color:#fff}
@media(max-width:900px){
 body.devops-app:has(#workspace:not([hidden])):is([data-view=packages],[data-view=approved-upgrades])>main{height:100dvh;box-sizing:border-box}
 body.devops-app:is([data-view=packages],[data-view=approved-upgrades]) #workspace>nav{flex-shrink:0}
}

/* Keep device identity on the left and tags in a separate right-hand column. */
body.devops-app #workspace .fleet-table td:first-child{display:grid!important;grid-template-columns:minmax(0,1fr) fit-content(88px);grid-template-rows:32px minmax(18px,auto);column-gap:8px;align-items:start}
body.devops-app #workspace .fleet-table td:first-child>button{grid-column:1;grid-row:1;min-width:0}
body.devops-app #workspace .fleet-table .fleet-metadata{grid-column:1;grid-row:2;min-width:0}
body.devops-app #workspace .fleet-table .fleet-tags{grid-column:2;grid-row:1/span 2;align-self:center;justify-self:end;justify-content:flex-end;max-width:88px;margin:0}
body.devops-app #workspace .fleet-table tr::before{top:25px}

/* Device overview: unified actions, compact resource grid and network details. */
body.devops-app #workspace #fleet .fleet-detail{padding:24px!important;container-type:inline-size}
body.devops-app #workspace #fleet-detail-content{display:block}
body.devops-app #workspace #fleet-detail-content[hidden]{display:none}
body.devops-app #workspace .fleet-overview{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
body.devops-app #workspace .fleet-overview .detail-heading{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:10px 14px;margin:0!important;min-width:0}
body.devops-app #workspace #fleet-alias{grid-column:1/3;grid-row:1;font-size:30px;line-height:1.4;font-weight:700;color:#182239;margin:0;overflow-wrap:anywhere}
body.devops-app #workspace #edit-device-alias{display:inline-flex;align-items:center;gap:6px;grid-column:3;grid-row:1;padding:4px;border:0;background:none;min-height:32px;width:auto;font-size:15px;justify-self:start}
body.devops-app #workspace #edit-device-alias[hidden]{display:none}
body.devops-app #workspace #fleet-detail-title{grid-row:2;grid-column:1;font-size:16px;font-weight:500;line-height:1.5;margin:0;overflow-wrap:anywhere}
body.devops-app #workspace #fleet-detail-state{grid-column:2/4;grid-row:2;display:inline-flex;align-items:center;gap:7px;font-size:14px;color:#637087;justify-self:start}
body.devops-app #workspace #fleet-detail-state::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
body.devops-app #workspace #fleet-detail-state[data-state=online]{background:#e6f7e9;color:#188348;padding:3px 9px;border-radius:6px}
body.devops-app #workspace .fleet-action-toolbar .fleet-console-entry{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:0;flex-shrink:0}
body.devops-app #workspace #fleet :is(.fleet-console-entry button,#fleet-metrics-retry,#fleet-ssh-copy){display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
body.devops-app #workspace #fleet .fleet-console-entry button{font-size:14px;padding:9px 12px}
body.devops-app #workspace #fleet :is(.fleet-console-entry,#edit-device-alias,#fleet-metrics-retry,#fleet-ssh-copy) .ui-icon{width:1.3em;height:1.3em;filter:invert(27%) sepia(94%) saturate(4500%) hue-rotate(245deg)}
body.devops-app #workspace .fleet-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,30%);gap:24px;align-items:stretch}
body.devops-app #workspace .fleet-monitor{min-width:0}
body.devops-app #workspace #fleet .detail-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin:0;padding:0;background:transparent}
body.devops-app #workspace #fleet .detail-actions button{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:44px;padding:10px 14px!important;font-size:16px;font-weight:600;background:#fff!important;color:#182239;white-space:normal;text-align:left}
body.devops-app #workspace #fleet .detail-actions .ui-icon{width:1.4em;height:1.4em;flex-shrink:0;color:#603bfa}
body.devops-app #workspace #fleet .detail-actions button:first-child:enabled{background:#603bfa!important;color:#fff;border-color:#603bfa}
body.devops-app #workspace #fleet .detail-actions button:first-child:enabled:hover{background:#5130db!important}
body.devops-app #workspace #fleet .detail-actions button:first-child .ui-icon{color:inherit;filter:none}
body.devops-app #workspace .fleet-resource-panel{border:0;border-radius:0;overflow:visible}
body.devops-app #workspace #fleet .fleet-metrics-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 0 22px;padding:0;background:transparent}
body.devops-app #workspace #fleet .fleet-metrics-toolbar h2{font-size:22px;line-height:1.4;white-space:nowrap;margin:0}
body.devops-app #workspace #fleet-metrics-status{font-size:14px;line-height:1.6;margin:0;min-width:0}
body.devops-app #workspace #fleet-metrics-retry{font-size:15px;padding:7px 10px;background:white}
body.devops-app #workspace #fleet-resource-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0}
body.devops-app #workspace #fleet-resource-cards>div{display:flex;flex-direction:column;align-items:stretch;gap:12px;position:relative;min-height:210px;padding:20px 24px;border:0;border-radius:0;background:transparent;box-shadow:none}
body.devops-app #workspace #fleet-resource-cards>div:nth-child(odd){padding-left:0;border-right:1px solid #e0e4ee}
body.devops-app #workspace #fleet-resource-cards>div:nth-child(even){padding-right:0}
body.devops-app #workspace #fleet-resource-cards>div:nth-child(n+3){border-top:1px solid #e0e4ee}
body.devops-app #workspace #fleet-resource-cards .resource-icon{display:block;left:auto;top:24px;width:24px;height:24px;padding:0;transform:none}
body.devops-app #workspace #fleet-resource-cards .resource-title{padding-left:36px;font-size:17px;color:#182239;font-weight:600;line-height:26px;margin-bottom:6px}
body.devops-app #workspace #fleet-resource-cards strong{font-size:40px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;overflow-wrap:normal}
body.devops-app #workspace #fleet-resource-cards small{font-size:14px;line-height:1.6;color:#62718b;order:3}
body.devops-app #workspace #fleet-resource-cards .resource-pressure{font-size:13px;font-weight:600;padding:8px 12px;border-radius:6px;background:#fff5d6;order:4}
body.devops-app #workspace #fleet-resource-cards .resource-pressure[data-resource-level=critical]{background:#ffe8eb}
body.devops-app #workspace #fleet-resource-cards .npu-core-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
body.devops-app #workspace #fleet-resource-cards .npu-core-values>div{display:flex;flex-direction:column;gap:10px;min-width:0}
body.devops-app #workspace #fleet-resource-cards .npu-core-values>div>span:first-child{font-size:13px;color:#52627b;white-space:nowrap}
body.devops-app #workspace #fleet-resource-cards .npu-core-values strong{font-size:32px}
body.devops-app #workspace .fleet-connection{min-width:0;margin:0;padding:22px;background:#f6f7fb;border:0;border-radius:10px}
body.devops-app #workspace .fleet-connection h2{font-size:20px;margin:0 0 20px}
body.devops-app #workspace #fleet-key-facts{display:flex;flex-direction:column;gap:0;margin:0;padding:0}
body.devops-app #workspace #fleet-key-facts>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:16px 0;border:0;border-bottom:1px solid #dfe3ee;min-width:0;align-items:baseline}
body.devops-app #workspace #fleet-key-facts span{font-size:14px;color:#62718b;margin:0}
body.devops-app #workspace #fleet-key-facts strong{font-size:15px;font-weight:400;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
body.devops-app #workspace .fleet-ssh-guide{border:0;margin:0;padding:0;min-width:0}
body.devops-app #workspace .fleet-ssh-guide summary{font-size:14px;font-weight:500;color:#52617b;cursor:pointer}
body.devops-app #workspace .fleet-ssh-guide p{font-size:12px;line-height:1.7}
body.devops-app #workspace #fleet-ssh-command{max-height:240px;overflow:auto;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f7fb;border:1px solid #e5e8f1;border-radius:8px;padding:14px;color:#182239;user-select:text}
body.devops-app #workspace #fleet-ssh-copy-status:empty{display:none}
@container(max-width:720px){
 body.devops-app #workspace .fleet-main{grid-template-columns:1fr}
 body.devops-app #workspace .fleet-agent-access{grid-column:1/-1}
 body.devops-app #workspace #fleet .detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;align-content:start}
 body.devops-app #workspace #fleet .detail-actions button{justify-content:center;min-height:42px;padding:8px!important;font-size:13px;gap:6px}
 body.devops-app #workspace .fleet-action-toolbar .fleet-console-entry{flex-shrink:1}
}
@container(max-width:600px){
 body.devops-app #workspace .fleet-overview{flex-direction:column;align-items:stretch;gap:18px}
 body.devops-app #workspace .fleet-action-toolbar .fleet-console-entry{justify-content:flex-start}
 body.devops-app #workspace #fleet .detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.devops-app #workspace #fleet .fleet-metrics-toolbar{grid-template-columns:1fr auto}
 body.devops-app #workspace #fleet-metrics-status{grid-column:1/-1;grid-row:2}
 body.devops-app #workspace #fleet-resource-cards>div{padding:18px 14px;min-height:210px}
 body.devops-app #workspace #fleet-resource-cards>div:nth-child(odd){padding-left:0}
 body.devops-app #workspace #fleet-resource-cards>div:nth-child(even){padding-right:0}
 body.devops-app #workspace #fleet-resource-cards .resource-icon{top:20px}
 body.devops-app #workspace #fleet-resource-cards .npu-core-values{gap:8px}
 body.devops-app #workspace #fleet-resource-cards .npu-core-values strong{font-size:24px}
}
@container(max-width:440px){
 body.devops-app #workspace #fleet-resource-cards{grid-template-columns:1fr}
 body.devops-app #workspace #fleet-resource-cards>div:nth-child(n){padding:20px 0;border-right:0;border-top:0;border-bottom:1px solid #e0e4ee;min-height:0}
 body.devops-app #workspace #fleet-resource-cards>div:last-child{border-bottom:0}
 body.devops-app #workspace #fleet-key-facts>div{grid-template-columns:64px minmax(0,1fr)}
}
body.devops-app #workspace .resource-meter{display:block;width:100%;height:10px;min-height:10px;flex:none;margin:8px 0 0;border:0;background:#e4e6ef;border-radius:8px;overflow:hidden;appearance:none;-webkit-appearance:none}
body.devops-app #workspace .resource-meter::-webkit-meter-bar{height:10px;border:0;background:#e4e6ef;border-radius:8px;box-shadow:none}
body.devops-app #workspace .resource-meter::-webkit-meter-optimum-value{background:#603bfa;border-radius:8px}
body.devops-app #workspace .resource-meter::-moz-meter-bar{background:#603bfa;border-radius:8px}
body.devops-app #workspace .resource-meter[data-resource-level=warning]::-webkit-meter-optimum-value{background:#d99a00}
body.devops-app #workspace .resource-meter[data-resource-level=critical]::-webkit-meter-optimum-value{background:#bc2535}
body.devops-app #workspace .resource-meter[data-resource-level=warning]::-moz-meter-bar{background:#d99a00}
body.devops-app #workspace .resource-meter[data-resource-level=critical]::-moz-meter-bar{background:#bc2535}

body.devops-app[data-view=fleet]:has(#workspace:not([hidden]))>header{display:none!important}
body.devops-app[data-view=fleet]:has(#workspace:not([hidden]))>main{height:100dvh;box-sizing:border-box}
body.devops-app[data-view=fleet] .fleet-workspace{height:100%;min-height:0}


/* Shared polish: quieter focus, readable secondary text and stable notifications. */
body.devops-app:has(#workspace:not([hidden])) #message:not(:empty){position:fixed;bottom:20px;right:24px;z-index:120;max-width:min(480px,calc(100vw - 48px));max-height:120px;overflow:auto;padding:10px 16px;margin:0;border:1px solid #dfe3ee;border-radius:8px;background:#fff;color:#52617b;font-size:12px;line-height:1.7;box-shadow:0 4px 20px #18223b12}
body.devops-app #workspace :is(input:not([type=checkbox]):not([type=radio]),textarea,select):focus{outline:none;border-color:#7955ee;box-shadow:0 0 0 2px #603bfa20}
body.devops-app #workspace :is(input,textarea)::placeholder{color:#657187}
body.devops-app #workspace .nav-group button[aria-current=false]:hover{background:#eceff5!important}
body.devops-app #workspace .fleet-agent-access{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;gap:16px;align-items:center;margin-top:24px;padding:22px 0 0;border-top:1px solid #e0e4ee}
body.devops-app #workspace #fleet-ssh-copy-status{margin:8px 0 0;font-size:12px;color:#52617b}
body.devops-app #workspace #approved-upgrade-details>p:not(:has(strong)){display:block;max-width:none}
body.devops-app #workspace #approved-upgrade-detail:has(#approved-upgrade-details[data-empty=true])>.upgrade-card+.upgrade-card{display:none}
body.devops-app #workspace #approved-upgrade-detail:has(#approved-upgrade-details[data-empty=true])>.upgrade-card>h2{display:none}
body.devops-app #workspace #approved-upgrade-progress:has(>h2:only-child){display:none}
body.devops-app #workspace #approved-upgrade-detail:has(#approved-upgrade-details[data-empty=true]){padding-top:56px}
body.devops-app #workspace #approved-upgrade-details>p>strong,body.devops-app #workspace .upgrade-object-list>button small{color:#657187}
body.devops-app #workspace #manual-upgrade-detail:has(#manual-upgrade-empty:not([hidden]))>#package-inventory-status{text-align:center;margin:0 auto 24px;color:#657187}
body.devops-app #workspace #manual-upgrade-empty{padding:48px 16px 16px;color:#52617b}
body.devops-app #workspace #service-logs .toolbar{display:flex;align-items:flex-end;gap:12px;padding:16px;background:#fff;border:1px solid #e5e8f1;border-radius:8px}
body.devops-app #workspace #service-logs .toolbar label{margin:0;max-width:320px;flex:1}
body.devops-app #workspace #service-log-status{font-size:13px;margin:12px 0;color:#657187}
body.devops-app #workspace #service-log-output{min-height:320px;max-height:calc(100dvh - 330px);overflow:auto;padding:16px;border:1px solid #e5e8f1;border-radius:8px;background:#fff;color:#26324a;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
body.devops-app #workspace #service-log-output:empty::before{content:'日志读取后显示在这里';color:#657187}



/* Larger desktop controls and a default-collapsed navigation rail. */
body.devops-app:has(#workspace:not([hidden])){font-size:15px;--devops-nav-width:224px}
body.devops-app.nav-collapsed:has(#workspace:not([hidden])){--devops-nav-width:72px}
body.devops-app #workspace button{font-size:15px;min-height:40px}
body.devops-app #workspace :is(input:not([type=checkbox]):not([type=radio]),select){font-size:15px;height:42px;min-height:42px;padding:8px 12px}
body.devops-app #workspace button.icon-button{width:40px;min-width:40px;min-height:40px;height:40px;flex-basis:40px}
body.devops-app #workspace button.icon-button>.ui-icon{width:20px;height:20px}
body.devops-app #workspace :is(.ui-select-trigger,.ui-select-option){font-size:15px;min-height:42px}
body.devops-app #workspace .ui-select-trigger .ui-icon{width:20px;height:20px}
body.devops-app #workspace nav .sidebar-brand{padding:0 12px;gap:8px;height:64px;min-height:64px}
body.devops-app #workspace nav .sidebar-brand strong{flex:1;white-space:nowrap}
body.devops-app #workspace #sidebar-toggle{border:0;background:transparent}
body.devops-app #workspace #sidebar-toggle:hover{background:#ece8ff}
body.devops-app #workspace nav .nav-group button{font-size:16px;min-height:44px;gap:12px;margin:4px 0}
body.devops-app #workspace nav .nav-group button .ui-icon{width:22px;height:22px;flex-shrink:0}
@media(min-width:901px){
 body.devops-app #workspace>nav{width:var(--devops-nav-width);box-sizing:border-box}
 body.devops-app:has(#workspace:not([hidden]))>header,body.devops-app:has(#workspace:not([hidden]))>main{margin-left:var(--devops-nav-width)}
 body.devops-app.nav-collapsed #workspace nav .sidebar-brand{justify-content:center;padding:0;height:56px}
 body.devops-app.nav-collapsed #workspace nav .sidebar-brand strong,body.devops-app.nav-collapsed #workspace nav .nav-label,body.devops-app.nav-collapsed #workspace nav .account-label{display:none}
 body.devops-app.nav-collapsed #workspace nav .sidebar-brand .brand-mark{display:none}
 body.devops-app.nav-collapsed #workspace nav .nav-items{padding:10px}
 body.devops-app.nav-collapsed #workspace nav .nav-group button{justify-content:center;width:48px;height:48px;padding:0}
 body.devops-app.nav-collapsed #workspace nav .account-footer{display:flex;flex-direction:column;align-items:center;gap:10px;width:auto;padding:14px 0}
 body.devops-app.nav-collapsed #workspace nav .account-footer summary{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;box-sizing:border-box}
 body.devops-app.nav-collapsed #workspace nav .account-footer summary>.ui-icon{width:26px;height:26px;margin:0}
 body.devops-app.nav-collapsed #workspace nav .account-session{position:fixed;left:80px;bottom:18px;width:260px;z-index:160;padding:16px;border:1px solid #dfe3ee;border-radius:10px;background:white;box-shadow:0 8px 24px #18223918}
 body.devops-app.nav-collapsed #workspace nav #logout{width:40px;height:40px;padding:8px}
}
body.devops-app #workspace #fleet .fleet-workspace{grid-template-columns:300px minmax(0,1fr)}
body.devops-app #workspace .fleet-list{padding:0 16px}
body.devops-app #workspace .fleet-list-tools{padding-top:18px!important}
body.devops-app #workspace .fleet-list-tools h2{font-size:18px;margin:0 0 16px}
body.devops-app #workspace .fleet-list-tools h2 span{font-size:13px}
body.devops-app #workspace .fleet-list .search-field{height:42px}
body.devops-app #workspace .fleet-list .search-field input{padding-left:36px}
body.devops-app #workspace .fleet-list .search-field .ui-icon{top:12px;width:18px;height:18px}
body.devops-app #workspace .fleet-top-filters{margin-top:10px}
body.devops-app #workspace #inventory-quick-filters{gap:6px;padding-top:8px;padding-bottom:12px}
body.devops-app #workspace #inventory-quick-filters button{font-size:13px;min-height:32px;padding:5px 9px}
body.devops-app #workspace .fleet-table tr{padding:14px 10px 14px 24px;margin:4px 0}
body.devops-app #workspace .fleet-table td:first-child{grid-template-rows:auto auto;row-gap:5px}
body.devops-app #workspace .fleet-table td:first-child>button{font-size:16px;min-height:24px;line-height:24px;margin:0;font-weight:600;overflow-wrap:anywhere}
body.devops-app #workspace .fleet-table .fleet-metadata{font-size:13px;line-height:20px;color:#657187;margin:0!important}
body.devops-app #workspace .fleet-table tr::before{left:8px;top:23px;width:8px;height:8px}
body.devops-app #workspace .fleet-tag{font-size:11px;padding:2px 6px}
body.devops-app #workspace #edit-device-alias span{display:none}
body.devops-app #workspace #edit-device-alias .ui-icon{width:24px;height:24px}
body.devops-app #workspace #fleet-uptime-summary{margin:8px 0 0;font-size:15px;color:#52617b;white-space:nowrap}
body.devops-app #workspace .fleet-action-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:24px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #e0e4ee}
body.devops-app #workspace .fleet-action-toolbar .fleet-console-entry{padding:0 24px 0 0;border:0;border-right:1px solid #e0e4ee;align-self:center}
body.devops-app #workspace #fleet .fleet-action-toolbar button{font-size:16px;min-height:44px}
body.devops-app #workspace #fleet .fleet-action-toolbar .ui-icon{width:22px;height:22px}
body.devops-app #workspace #fleet-key-facts>div:last-child{border-bottom:0}
body.devops-app #workspace #fleet-key-facts>.fleet-primary-address{grid-template-columns:76px minmax(0,1fr) 32px;align-items:center}
body.devops-app #workspace #fleet-ip-copy{width:32px;min-width:32px;min-height:32px;height:32px;flex-basis:32px;padding:4px;border:0;background:none;color:#603bfa}
body.devops-app #workspace #fleet-ip-copy .ui-icon{width:18px;height:18px;filter:invert(27%) sepia(94%) saturate(4500%) hue-rotate(245deg)}
body.devops-app #workspace #fleet-key-facts .fleet-address-group{padding:16px 0;margin:0;border-bottom:1px solid #dfe3ee}
body.devops-app #workspace .fleet-address-group summary{font-size:15px;font-weight:500;color:#26324a;cursor:pointer}
body.devops-app #workspace .fleet-address-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
body.devops-app #workspace .fleet-address-list p{margin:0;font-size:14px;line-height:1.7;overflow-wrap:anywhere;user-select:text}
body.devops-app #workspace #fleet-network-note{font-size:13px;margin:12px 0 0;color:#52617b}
body.devops-app #workspace #fleet-network-note:empty{display:none}
body.devops-app #workspace .fleet-agent-title{display:flex;align-items:center;gap:14px;min-width:0}
body.devops-app #workspace .fleet-agent-title>.ui-icon{width:30px;height:30px;filter:invert(27%) sepia(94%) saturate(4500%) hue-rotate(245deg)}
body.devops-app #workspace .fleet-agent-title strong{display:block;font-size:16px;white-space:nowrap}
body.devops-app #workspace .fleet-agent-title span{display:block;font-size:13px;color:#657187;margin-top:3px;white-space:nowrap}
body.devops-app #workspace #fleet-ssh-preview{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 12px;border-radius:6px;background:#f3f4fa;color:#26324a;font-size:14px;line-height:22px}
body.devops-app #workspace .fleet-agent-access #fleet-ssh-copy{font-size:15px;min-height:42px}
body.devops-app #workspace .fleet-agent-access .fleet-ssh-guide summary{white-space:nowrap;font-size:14px;cursor:pointer}
body.devops-app #workspace .fleet-agent-access:has(.fleet-ssh-guide[open]){grid-template-columns:auto minmax(180px,1fr) auto}
body.devops-app #workspace .fleet-agent-access .fleet-ssh-guide[open]{grid-column:1/-1;grid-row:2}
body.devops-app #workspace #fleet-ssh-copy-status{grid-column:1/-1}
body.devops-app #workspace .fleet-ssh-help{padding-top:8px}
body.devops-app #workspace .fleet-ssh-help p{font-size:14px}
@container(max-width:1000px){
 body.devops-app #workspace .fleet-action-toolbar{flex-wrap:wrap;justify-content:flex-start}
 body.devops-app #workspace .fleet-action-toolbar .fleet-console-entry{padding-right:24px}
 body.devops-app #workspace #fleet .detail-actions button{font-size:15px;padding:9px 12px!important}
 body.devops-app #workspace #fleet-resource-cards .npu-core-values strong{font-size:28px}
 body.devops-app #workspace .fleet-agent-access{grid-template-columns:auto minmax(100px,1fr) auto}
 body.devops-app #workspace .fleet-agent-access .fleet-ssh-guide{grid-column:1/-1}
}