/* 3.1 console design system. Shared by every automatic and professional surface. */
:root{--c-bg:#f4f6fa;--c-surface:#fff;--c-layer:#f7f9fc;--c-text:#172b4d;--c-muted:#64748b;--c-border:#e1e7ef;--c-border-strong:#c4cfdd;--c-primary:#2468e8;--c-primary-soft:#edf3ff;--c-success:#087f70;--c-warning:#ad6400;--c-danger:#c43b46;--c-sidebar:#101e35;--c-sidebar-text:#aabbd1;--c-radius:12px;--c-font-size:14px;--c-control:40px;--c-cell:13px;--c-shadow:0 2px 5px #132b4e04,0 12px 28px #132b4e05}
:root[data-theme=dark]{--c-bg:#0d1523;--c-surface:#142137;--c-layer:#192a42;--c-text:#e8eef8;--c-muted:#a0b1c9;--c-border:#2a3b53;--c-border-strong:#455b78;--c-primary:#81adff;--c-primary-soft:#20385e;--c-success:#6ed5bc;--c-warning:#f5c470;--c-danger:#ff9ba5;--c-sidebar:#0a1221;--c-shadow:0 12px 30px #0002}
body[data-density=compact]{--c-control:34px;--c-cell:9px}body[data-scale=large]{--c-font-size:16px}
body[data-workspace]{--v12-bg:var(--c-bg);--v12-card:var(--c-surface);--v12-side:var(--c-surface);--v12-layer:var(--c-layer);--v12-text:var(--c-text);--v12-sub:var(--c-muted);--v12-line:var(--c-border);--v12-line-strong:var(--c-border-strong);--v12-primary:var(--c-primary);--v12-focus:var(--c-primary);--v12-primary-soft:var(--c-primary-soft);--ui-panel:var(--c-surface);--ui-text:var(--c-text);--ui-sub:var(--c-muted);--ui-accent:var(--c-primary);--ui-border:var(--c-border);--ui-danger:var(--c-danger);--accent:var(--c-primary);--text-primary:var(--c-text);--text-secondary:var(--c-muted);--panel:var(--c-surface);--panel-alt:var(--c-layer);--border:var(--c-border);--ui-font:"Inter","Segoe UI Variable","Segoe UI","PingFang SC","Microsoft YaHei UI",system-ui,sans-serif;background:var(--c-bg);color:var(--c-text);font-family:var(--ui-font);font-size:var(--c-font-size);line-height:1.6;letter-spacing:0}
body[data-workspace] *{box-sizing:border-box}body[data-workspace] [hidden]{display:none!important}body[data-workspace] a{color:var(--c-primary)}body[data-workspace] button{font-family:inherit}body[data-workspace] :is(button,select,input,textarea,summary){-webkit-tap-highlight-color:transparent}body[data-workspace] ::selection{background:var(--c-primary-soft);color:var(--c-text)}
.sr-only{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body[data-workspace] .nx-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}
body[data-workspace] .sidebar.nx-sidebar{position:fixed;inset:0 auto 0 0;width:232px;height:100dvh;display:flex;flex-direction:column;padding:28px 16px 18px;border:0;background:var(--c-sidebar)!important;color:var(--c-sidebar-text)!important;border:0!important;z-index:90;overflow-y:auto}
body[data-workspace] .nx-main{grid-column:2;margin-left:0!important;min-width:0;background:var(--c-bg);display:flex;flex-direction:column;min-height:100dvh}
body[data-workspace] .sidebar.nx-sidebar .nx-brand{display:flex;gap:12px;align-items:center;padding:0 12px 28px;text-decoration:none;color:#f4f8ff!important}
body[data-workspace] .nx-brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#2e72f2;color:#fff;box-shadow:0 6px 18px #07142d45}
.nx-brand-mark svg{width:27px;height:27px}.nx-brand b{font-size:19px;letter-spacing:.13em}.nx-brand small{display:block;font-size:9px;letter-spacing:.15em;margin-top:2px;color:#a7bad4}
.console-side-label{padding:0 14px 12px;font-size:11px;font-weight:600;letter-spacing:.12em;color:#7790ae}
body[data-workspace] #nav{display:grid;gap:6px;padding:0;margin:0;flex:none}
body[data-workspace] .sidebar.nx-sidebar #nav .nav-item{min-height:46px!important;padding:11px 14px!important;gap:13px;border:0!important;border-radius:8px!important;background:transparent;color:var(--c-sidebar-text)!important;text-align:left;font-size:14px!important;font-weight:500;display:flex;align-items:center;width:100%;box-shadow:none!important;transition:background .15s,color .15s}
body[data-workspace] .sidebar.nx-sidebar #nav .nav-item:hover{background:#ffffff0b;color:#fff}body[data-workspace] .sidebar.nx-sidebar #nav .nav-item.active{background:#2e72f2!important;color:#fff!important;box-shadow:0 6px 15px #06132b20!important}
body[data-workspace] .nx-sidebar .nav-icon{display:grid;place-items:center;width:20px;height:20px;color:inherit;flex:none}.nav-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.console-side-guide{margin-top:34px;padding:16px 14px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff04}.console-side-guide strong{display:block;color:#d9e5f8;font-size:12px}.console-side-guide p{font-size:11px;line-height:1.8;color:#90a5c3;margin:8px 0 0}
body[data-workspace] .nx-side-foot{position:static;margin-top:auto;display:flex;gap:10px;align-items:flex-start;padding:24px 8px 0;border:0;color:#94a9c5;font-size:10px}body[data-workspace] .nx-side-foot strong{font-size:11px;font-weight:500;color:#c2d2e9}.nx-side-foot small{font-size:10px}.connection-dot{margin-top:5px;width:6px;height:6px;flex:none;border-radius:50%;background:#56c8ad}
body[data-workspace] .nx-topbar{height:68px;min-height:68px;position:sticky;top:0;z-index:60;display:flex;justify-content:space-between;gap:20px;padding:0 32px;background:var(--c-surface);border-bottom:1px solid var(--c-border);box-shadow:none}
.nx-leading{display:flex;align-items:center;gap:14px;min-width:0}.nx-breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;display:flex;gap:12px;color:var(--c-muted)}.nx-breadcrumb strong{color:var(--c-text);font-weight:600}
body[data-workspace] .nx-actions{display:flex;align-items:center;gap:12px}.nx-actions .nx-clock{display:none}body[data-workspace] .nx-icon{height:34px;width:34px;min-width:34px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--c-muted);font-size:18px;display:inline-grid;place-items:center;cursor:pointer}.nx-icon:hover{background:var(--c-layer)!important;border-color:var(--c-border)!important}
body[data-workspace] .nx-modes{display:flex;gap:2px;padding:3px;border:1px solid var(--c-border);border-radius:8px;background:var(--c-layer)}body[data-workspace] .nx-modes a{padding:5px 11px;color:var(--c-muted);font-size:12px;line-height:20px;text-decoration:none;border-radius:5px}body[data-workspace] .nx-modes a.is-current{background:var(--c-surface);color:var(--c-primary);box-shadow:0 1px 4px #132b4e12;font-weight:600}
body[data-workspace] .ui-search-trigger{height:34px;min-width:176px;justify-content:space-between;gap:16px;background:var(--c-layer);color:var(--c-muted);border:1px solid var(--c-border);border-radius:7px;font-size:12px;padding:6px 11px;cursor:pointer}.ui-search-trigger kbd{background:var(--c-surface);padding:1px 5px;font:10px var(--ui-font);border:1px solid var(--c-border)}
body[data-workspace] .account-pill{font-size:11px;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent;border:0;padding:0;color:var(--c-muted)}
.console-project-switch{display:flex;align-items:center;gap:8px;min-width:0}.console-project-switch select{max-width:205px;min-width:150px;font-size:12px!important;background-color:var(--c-layer)!important;min-height:34px!important;padding-top:6px!important;padding-bottom:6px!important}.console-project-switch label{font-size:11px;color:var(--c-muted);white-space:nowrap}
body[data-workspace] .nx-content{padding:30px 32px 40px;max-width:1640px;width:100%;margin:0 auto;min-width:0;flex:1}.nx-content:focus{outline:none}.nx-footer{background:transparent!important;border-top:1px solid var(--c-border)!important;color:var(--c-muted)!important;font-size:10px!important;letter-spacing:.05em;padding:18px 32px!important;margin-top:auto}
.console-section-navigation{padding:21px 32px 0;background:var(--c-surface);border-bottom:1px solid var(--c-border)}.console-section-heading{display:flex;gap:14px;align-items:center;margin-bottom:14px}.console-section-heading>span{font-weight:650;font-size:15px}.console-section-heading small{color:var(--c-muted);font-size:12px}.console-section-tabs{display:flex;align-items:center;gap:24px;overflow-x:auto;scrollbar-width:thin;min-width:0}.console-section-tab{padding:11px 0 13px;border:0;border-bottom:2px solid transparent;background:transparent;white-space:nowrap;color:var(--c-muted);font:inherit;font-size:13px;cursor:pointer}.console-section-tab.is-active{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:600}.console-tools-select{margin-left:auto;flex:none;align-self:center}.console-tools-select select{font-size:12px!important;min-height:32px!important;padding:5px 30px 5px 9px!important;border-color:transparent!important;background-color:transparent!important;max-width:200px}
.console-page-header,body[data-workspace] :is(.page-heading,.nx-page-heading){display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 26px;padding:0;background:transparent;border:0}.console-page-header h1,body[data-workspace] :is(.page-heading h1,.nx-page-heading h1){font-size:28px;letter-spacing:-.035em;font-weight:650;line-height:1.35;margin:0 0 8px;color:var(--c-text)}.console-page-header p,body[data-workspace] :is(.page-heading p,.nx-page-heading p){margin:0;font-size:13px;line-height:1.75;color:var(--c-muted);max-width:85ch}.console-kicker,body[data-workspace] .eyebrow,body[data-workspace] .nx-eyebrow{font-size:10px!important;color:var(--c-muted)!important;font-weight:650;letter-spacing:.13em!important;text-transform:uppercase;margin:0 0 7px!important}.console-header-actions{display:flex;gap:16px;align-items:center;flex:none}.console-live{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--c-muted)}.console-live i{width:6px;height:6px;border-radius:50%;background:var(--c-success)}
body[data-workspace] :is(.button,.mini-button){min-height:var(--c-control);padding:9px 16px;border-radius:7px;border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);font-size:var(--c-font-size);font-weight:500;line-height:1.35;box-shadow:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,border-color .15s}
body[data-workspace] .button-primary{color:#fff;background:#2468e8;border-color:#2468e8}body[data-workspace] .button-primary:hover:not(:disabled){background:#1957cd;border-color:#1957cd}body[data-workspace] .button-ghost{background:transparent;color:var(--c-text);border-color:var(--c-border)}body[data-workspace] .button-ghost:hover:not(:disabled){background:var(--c-layer);border-color:var(--c-border-strong)}body[data-workspace] .mini-button{min-height:30px;font-size:12px;padding:5px 9px}body[data-workspace] button:disabled{opacity:.45;cursor:not-allowed}
body[data-workspace] :is(input:not([type=checkbox]):not([type=radio]),textarea,select){width:auto;min-height:var(--c-control);font-family:inherit;font-size:var(--c-font-size);line-height:1.5;color:var(--c-text);background:var(--c-surface);padding:9px 11px;border:1px solid var(--c-border-strong);border-radius:7px;box-shadow:none;max-width:100%;transition:border-color .15s,box-shadow .15s}
body[data-workspace] :is(input,textarea)::placeholder{color:var(--c-muted);opacity:.75}body[data-workspace] :is(input,select,textarea):focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft);outline:none}body[data-workspace] :is(input,select,textarea):disabled{background:var(--c-layer);color:var(--c-muted);cursor:not-allowed}body[data-workspace] textarea{resize:vertical;min-height:88px}body[data-workspace] select{appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2373849b' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}body[data-workspace] select[multiple]{background-image:none;padding-right:11px}
body[data-workspace] label{font-size:var(--c-font-size);color:var(--c-text);line-height:1.6}body[data-workspace] :is(.form-fields,.form-grid,.studio-form,.ops-dialog .form-fields) label{display:grid;gap:7px}body[data-workspace] input[type=checkbox],body[data-workspace] input[type=radio]{width:17px;height:17px;accent-color:#2468e8;vertical-align:middle}body[data-workspace] :is(.form-help,.field-help,.form-fields small,.studio-form small){font-size:12px;color:var(--c-muted);line-height:1.6}
.console-card,body[data-workspace] :is(.panel,.nx-panel,.studio-card,.horizon-panel,.network-flow-card,.sig-journey-panel,.sig-journey-side){border:1px solid var(--c-border);border-radius:var(--c-radius);background:var(--c-surface);box-shadow:var(--c-shadow);color:var(--c-text);overflow-wrap:anywhere;min-width:0}
.console-card-heading,body[data-workspace] :is(.panel-head,.nx-section-title){display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--c-border);background:transparent;margin:0}.console-card-heading h2,body[data-workspace] :is(.panel-head h2,.panel-title,.nx-section-title h2){font-size:15px;line-height:1.5;font-weight:650;margin:0;color:var(--c-text)}.console-card-heading p,body[data-workspace] .panel-subtitle{font-size:11px;color:var(--c-muted);margin:4px 0 0;line-height:1.7}.console-card-heading .button{font-size:12px;min-height:32px;padding:6px 10px;flex:none}.console-card-body,body[data-workspace] .panel-body{padding:20px 22px}
body[data-workspace] :is(table,.console-table){border-collapse:collapse;width:100%;font-size:var(--c-font-size)}body[data-workspace] :is(th,td){padding:var(--c-cell) 14px!important;vertical-align:middle;font-size:var(--c-font-size)!important;border-bottom:1px solid var(--c-border);color:var(--c-text);line-height:1.65}body[data-workspace] th{font-weight:550;font-size:12px!important;color:var(--c-muted);background:var(--c-layer);text-align:left;white-space:nowrap}body[data-workspace] tbody tr:last-child td{border-bottom:0}body[data-workspace] tbody tr:hover{background:var(--c-layer)}body[data-workspace] .table-wrap,body[data-workspace] .nx-table-wrap{overflow:auto;min-width:0;max-width:100%}.console-table-sub{display:block;color:var(--c-muted);font-size:11px;margin-top:4px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-project-name,.console-row-action{background:none;border:0;padding:0;color:var(--c-primary);font:inherit;cursor:pointer;text-align:left}.console-project-name{font-weight:600;color:var(--c-text)}.console-row-action{font-size:12px;white-space:nowrap}
body[data-workspace] :is(.tag,.nx-tag,.horizon-status){font-size:11px;border-radius:5px;padding:3px 7px;line-height:1.5;white-space:normal}.console-status{display:inline-flex;align-items:center;gap:6px;padding:3px 7px;color:var(--c-muted);background:var(--c-layer);border:1px solid var(--c-border);border-radius:5px;white-space:nowrap;font-size:11px}.console-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.console-status[data-state=ready],.console-status[data-state=succeeded]{color:var(--c-success)}.console-status[data-state=running]{color:var(--c-primary)}.console-status[data-state=failed],.console-status[data-state=blocked]{color:var(--c-danger)}.console-status[data-state=awaiting_client]{color:var(--c-warning)}
body[data-workspace] :is(.notice,.nx-pro-intro,.sig-wizard-notice){border:1px solid var(--c-border);border-left:3px solid var(--c-primary);background:var(--c-layer);color:var(--c-text);border-radius:8px;padding:14px 16px;line-height:1.75;font-size:13px;margin:0 0 20px}body[data-workspace] .error-panel,.console-inline-error{border:1px solid var(--c-danger);border-radius:8px;background:var(--c-surface);padding:20px;color:var(--c-danger)}.console-inline-error p{font-size:12px;color:var(--c-muted)}
body[data-workspace] details{max-width:100%;min-width:0}body[data-workspace] summary{cursor:pointer;padding:12px 0;color:var(--c-text);font-size:13px;line-height:1.6}.console-caption,.console-data-note{font-size:11px;color:var(--c-muted);line-height:1.75;margin:16px 0 0}.console-data-note{text-align:right;margin-top:24px}
.console-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.console-metric{padding:22px;border:1px solid var(--c-border);border-radius:var(--c-radius);background:var(--c-surface);box-shadow:var(--c-shadow);display:flex;flex-direction:column;gap:9px}.console-metric>span{color:var(--c-muted);font-size:12px}.console-metric>strong{font-size:31px;font-weight:620;line-height:1.3;letter-spacing:-.04em;color:var(--c-text);font-variant-numeric:tabular-nums}.console-metric>small{font-size:11px;color:var(--c-muted)}
.console-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:24px;margin-bottom:24px}.console-project-overview .console-card-body{padding:0}.console-project-overview .console-table td:first-child,.console-project-overview .console-table th:first-child{padding-left:22px!important}.console-activity-list{display:grid;gap:2px}.console-activity-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;color:var(--c-text);border:0;border-radius:7px;background:transparent;padding:11px 5px;font:inherit;cursor:pointer}.console-activity-row:hover{background:var(--c-layer)}.console-activity-row>span:nth-child(2){display:grid;gap:5px;flex:1;min-width:0}.console-activity-row b{font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-activity-row small{font-size:11px;color:var(--c-muted)}.console-activity-row>span:last-child{color:var(--c-muted)}.console-activity-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--c-border-strong)}.console-activity-dot[data-state=succeeded]{background:var(--c-success)}.console-activity-dot[data-state=failed],.console-activity-dot[data-state=blocked]{background:var(--c-danger)}.console-activity-dot[data-state=running]{background:var(--c-primary)}.console-activity-dot[data-state=awaiting_client]{background:var(--c-warning)}
.console-empty{text-align:center;padding:42px 24px;color:var(--c-muted)}.console-empty h3{font-size:15px;font-weight:600;margin:12px 0 7px;color:var(--c-text)}.console-empty p{font-size:12px;line-height:1.8;margin:0 0 18px}.console-empty-mark{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:12px;background:var(--c-primary-soft);color:var(--c-primary);font-size:25px}.console-empty-small{padding:30px 8px}.console-empty-small h3{font-size:13px}.console-empty-small p{margin:0}
.console-quickstart{margin-bottom:24px}.console-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.console-start-grid>button{display:flex;align-items:center;text-align:left;padding:24px 22px;gap:14px;font:inherit;color:var(--c-text);background:transparent;border:0;cursor:pointer;border-right:1px solid var(--c-border)}.console-start-grid>button:last-child{border-right:0}.console-start-grid>button:hover{background:var(--c-layer)}.console-start-grid>button>span:nth-child(2){flex:1;display:grid;gap:6px}.console-start-grid b{font-size:13px;font-weight:600}.console-start-grid small{font-size:11px;line-height:1.7;color:var(--c-muted)}.console-start-grid>button>span:last-child{color:var(--c-muted)}.console-start-icon{width:40px;height:40px;border-radius:10px;color:var(--c-primary);background:var(--c-primary-soft);display:grid;place-items:center;flex:none}.console-start-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.console-bottom-grid{grid-template-columns:1fr 1fr}.console-node-summary{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.console-node-summary strong{font-size:30px;letter-spacing:-.03em;font-weight:600}.console-node-summary strong small{font-size:19px;color:var(--c-muted);font-weight:450}.console-node-summary>span{font-size:12px;color:var(--c-muted)}.console-status-bar{display:flex;gap:3px;height:7px;overflow:hidden;background:var(--c-border);border-radius:3px}.console-status-bar i{display:block;min-width:0}.is-online{background:var(--c-success)}.is-offline{background:var(--c-warning)}.console-node-legend{display:flex;gap:22px;margin-top:16px;flex-wrap:wrap}.console-node-legend span{font-size:11px;color:var(--c-muted);display:flex;align-items:center;gap:6px}.console-node-legend i{display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--c-border-strong)}.console-node-legend i.is-online{background:var(--c-success)}.console-node-legend i.is-offline{background:var(--c-warning)}
.console-skeleton{height:110px;border-radius:8px;background:linear-gradient(110deg,var(--c-layer) 30%,var(--c-surface) 50%,var(--c-layer) 70%);background-size:200% 100%;animation:console-loading 1.8s ease infinite}@keyframes console-loading{to{background-position:-200% 0}}
body[data-workspace] .resource-dialog{border-radius:14px;padding:26px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);box-shadow:0 24px 90px #07152e40;max-height:calc(100dvh - 48px)}body[data-workspace] .resource-dialog::backdrop{background:#0612298c;backdrop-filter:blur(3px)}body[data-workspace] .resource-dialog h2{font-size:20px;font-weight:650;letter-spacing:-.02em}body[data-workspace] .resource-dialog h3{font-size:14px}.dialog-head{border-color:var(--c-border)!important}.console-inspect-copy{width:100%;font-family:ui-monospace,monospace!important}.console-dialog-subtitle{color:var(--c-muted);font-size:13px}.console-inspector-grid{display:grid;grid-template-columns:minmax(100px,.45fr) minmax(0,1fr);gap:0}.console-inspector-grid dt,.console-inspector-grid dd{padding:9px 0;border-bottom:1px solid var(--c-border);margin:0;overflow-wrap:anywhere}.console-inspector-grid dt{color:var(--c-muted);font-size:12px}.console-inspector-grid dd{font-size:13px}
body[data-workspace] :is(pre,code){font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}body[data-workspace] pre{font-size:12px;line-height:1.75;background:var(--c-layer);border:1px solid var(--c-border);border-radius:8px;padding:16px;max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;max-height:540px}
body[data-workspace] :is(.nx-tabs,.workspace-tabs,.network-tabs){border-bottom:1px solid var(--c-border);background:transparent;border-radius:0;gap:20px;padding:0 20px}body[data-workspace] [role=tab]{font:inherit;font-size:13px;border-radius:0;padding:12px 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--c-muted)}body[data-workspace] [role=tab][aria-selected=true]{color:var(--c-primary);border-bottom-color:var(--c-primary);background:transparent;box-shadow:none}
body[data-workspace] .ui-resource-context{margin:16px 32px 0;background:var(--c-layer);border:1px solid var(--c-border);border-radius:8px;box-shadow:none}body[data-workspace] .ui-resource-context .panel-body{padding:10px 16px}body[data-workspace] .ui-resource-context .ops-toolbar{margin-top:6px}body[data-workspace] .ui-resource-context .button{min-height:28px;padding:4px 8px;font-size:11px}body[data-workspace] .ui-resource-context p{font-size:11px;margin:3px 0;color:var(--c-muted)}body[data-workspace] .ui-resource-context summary{padding:8px 16px;font-size:11px}body[data-workspace] .ui-error-history{margin:16px 32px 0}
body[data-workspace] .login-overlay{border:0;background:transparent;box-shadow:none;padding:0;width:min(440px,calc(100vw - 32px));max-width:none;color:var(--c-text)}body[data-workspace] .login-overlay::backdrop{background:#0b1932e8;backdrop-filter:blur(8px)}body[data-workspace] .login-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:34px;box-shadow:0 30px 90px #0004;width:100%}.login-card .login-brand{margin-bottom:28px}.login-card h1{font-size:24px;letter-spacing:-.025em}.login-card .login-intro{font-size:13px;color:var(--c-muted)}.login-card .login-field{margin-top:18px;font-size:13px;display:grid;gap:7px}.login-card .login-field input{width:100%}.login-card .login-submit{width:100%;margin-top:24px}.login-card .login-footnote{font-size:11px;color:var(--c-muted);line-height:1.8;margin-top:22px}
body[data-workspace] .navigation-toggle,body[data-workspace] .navigation-close{display:none}
body[data-workspace] :is(.sig-journey-hero,.nx-pro-intro,.horizon-intro,.horizon-next,.horizon-fidelity,.horizon-testbench){color:var(--c-text);background:var(--c-layer);border-color:var(--c-border);box-shadow:none}body[data-workspace] :is(.horizon-intro,.horizon-next,.horizon-fidelity,.horizon-testbench) :is(h1,h2,h3){color:var(--c-text)}body[data-workspace] .sig-journey-hero h2{font-size:23px}body[data-workspace] .sig-journey-step{background:var(--c-surface)}body[data-workspace] .sig-journey-result{background:var(--c-layer);border-color:var(--c-border);border-left-color:var(--c-primary)}body[data-workspace] .diagnostic-workbench :is(input,select){width:100%}
@media(min-width:1600px){body[data-workspace] .nx-content{padding-top:36px}.console-metric{padding:24px}.console-dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}}
@media(max-width:1250px){body[data-workspace] .nx-shell{grid-template-columns:208px minmax(0,1fr)}body[data-workspace] .nx-sidebar{width:208px;padding-inline:12px}body[data-workspace] .nx-topbar{padding-inline:24px;gap:12px}body[data-workspace] .nx-content{padding-inline:24px}.console-project-switch select{min-width:120px;max-width:145px}.console-project-switch label,.nx-breadcrumb>span,.nx-actions .account-pill{display:none}.nx-actions{gap:7px!important}.ui-search-trigger{min-width:140px!important}.console-start-grid>button{padding:20px 16px;gap:10px}.console-start-icon{width:34px;height:34px}.console-section-navigation{padding-inline:24px}}
@media(max-width:1050px){.console-live,.ui-search-trigger kbd{display:none}.ui-search-trigger{min-width:34px!important;width:34px;padding:6px!important;justify-content:center!important}.ui-search-trigger span{display:none}.console-dashboard-grid{grid-template-columns:1fr}.console-metric-grid{gap:12px}.console-metric{padding:18px}.console-start-grid{grid-template-columns:1fr}.console-start-grid>button{border-right:0;border-bottom:1px solid var(--c-border)}.console-start-grid>button:last-child{border-bottom:0}.console-bottom-grid{grid-template-columns:1fr 1fr}.console-section-heading small{display:none}}
@media(max-width:850px){body[data-workspace] .nx-shell{display:block}body[data-workspace] .nx-sidebar{width:252px;transform:translateX(-100%);transition:transform .2s ease;z-index:110;display:flex!important}body[data-workspace].navigation-open .nx-sidebar{transform:translateX(0)}body[data-workspace] .nx-main{margin-left:0!important}body[data-workspace] .nx-topbar{padding:0 16px;height:62px;min-height:62px;gap:8px}body[data-workspace] .navigation-toggle,body[data-workspace] .navigation-close{display:inline-grid}body[data-workspace] .navigation-close{position:absolute;right:8px;top:12px;color:#cbd9ed}.nx-leading{gap:8px}.nx-breadcrumb{font-size:12px}.console-project-switch{display:none}.nx-actions{gap:4px!important}.nx-modes a{padding:4px 7px!important;font-size:11px!important}.nx-actions .nx-icon{width:30px;min-width:30px;height:32px}.nx-actions .ui-search-trigger{width:30px;min-width:30px!important}.console-section-navigation{padding:15px 16px 0}.console-section-tabs{gap:20px}.console-section-heading{margin-bottom:5px}.console-section-tab{font-size:12px}.console-tools-select select{max-width:170px}.console-page-header,body[data-workspace] :is(.page-heading,.nx-page-heading){align-items:flex-start;gap:16px;margin-bottom:20px}.console-page-header h1,body[data-workspace] :is(.page-heading h1,.nx-page-heading h1){font-size:25px}.console-page-header p,body[data-workspace] :is(.page-heading p,.nx-page-heading p){font-size:12px}.console-header-actions .button{min-height:36px;font-size:12px;padding:8px 11px}body[data-workspace] .nx-content{padding:22px 16px 30px}.console-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.console-metric>strong{font-size:28px}.console-metric>small{font-size:10px}.console-dashboard-grid{gap:18px;margin-bottom:18px}.console-bottom-grid{grid-template-columns:1fr}.console-card-heading,.console-card-body{padding:17px}.console-card-heading{gap:10px}.console-card-heading h2{font-size:14px}.console-card-heading p{font-size:10px}.console-card-heading .button{font-size:11px}.console-quickstart{margin-bottom:18px}.console-start-grid>button{padding:20px 17px}body[data-workspace] .ui-resource-context,body[data-workspace] .ui-error-history{margin:12px 16px 0}.nx-footer{padding:16px!important}.console-data-note{text-align:left}.console-header-actions{gap:8px}.console-page-header .console-kicker{font-size:9px!important}body[data-workspace] .resource-dialog{padding:20px}.console-section-heading>span{font-size:13px}.console-dashboard-grid .table-wrap{max-width:100%}}
@media(max-width:430px){.nx-actions #display-settings{display:none}.nx-breadcrumb strong{max-width:90px;overflow:hidden;text-overflow:ellipsis}.console-metric{padding:16px}.console-page-header{gap:8px}.console-page-header>div:first-child{min-width:0}.console-kicker{letter-spacing:.08em!important}.console-table th:nth-child(2),.console-table td:nth-child(2){display:none}.console-table-sub{max-width:145px}.console-table td,.console-table th{padding-inline:10px!important}.console-metric>small{line-height:1.7}.console-project-overview .console-table td:first-child,.console-project-overview .console-table th:first-child{padding-left:14px!important}.console-status{font-size:10px;padding:3px 5px}.console-row-action{font-size:11px}}
@media(prefers-reduced-motion:reduce){body[data-workspace] *,body[data-workspace] *:before,body[data-workspace] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* One authoritative shell above the compatibility page styles. */
body[data-workspace] .topbar.nx-topbar{position:sticky;top:0;background:var(--c-surface)!important;padding:0 32px}
body[data-workspace] .sidebar.nx-sidebar .nx-side-foot{display:flex!important}
.ui-search-results button strong,.ui-search-results button small{display:block;text-align:left}.ui-search-results button small{margin-top:4px;color:var(--c-muted);font-size:12px}
@media(min-width:851px){body[data-workspace] .sidebar.nx-sidebar{width:232px;min-width:232px;position:fixed;top:0;bottom:0;height:100dvh;transform:none}}
@media(min-width:851px) and (max-width:1250px){body[data-workspace] .sidebar.nx-sidebar{width:208px;min-width:208px}}
@media(max-width:850px){body[data-workspace] .topbar.nx-topbar{padding:10px 16px}body[data-workspace] .sidebar.nx-sidebar{min-width:0;background:var(--c-sidebar)!important}}

.console-legacy-title{font-size:28px;line-height:1.35;font-weight:650;color:var(--c-text);margin:0 0 24px;letter-spacing:-.035em}

@media(max-width:850px){body[data-workspace] .sidebar.nx-sidebar{z-index:1002}body[data-workspace] .navigation-backdrop{z-index:1001}}
@media(max-width:1250px){body[data-workspace] .topbar.nx-topbar{padding-inline:24px;gap:12px}body[data-workspace] .nx-actions .account-pill{display:none}body[data-workspace] .console-project-switch select{width:145px;min-width:0!important;max-width:145px}}
@media(max-width:1050px){body[data-workspace] .nx-actions .ui-search-trigger{min-width:34px!important;width:34px;flex:none;padding:6px;justify-content:center}body[data-workspace] .nx-actions .ui-search-trigger :is(span,kbd){display:none}}
@media(max-width:850px){body[data-workspace] .topbar.nx-topbar{padding-inline:16px;gap:8px}}
/* Native selects otherwise use their longest option as intrinsic flex width. */
body[data-workspace] .console-project-switch{flex:0 0 auto;max-width:250px;min-width:0}
body[data-workspace] #console-project-select{width:205px!important;max-width:205px!important;min-width:0!important;text-overflow:ellipsis}
@media(max-width:1250px){body[data-workspace] #console-project-select{width:145px!important;max-width:145px!important}}
@media(max-width:1050px){body[data-workspace] #console-project-select{width:120px!important;max-width:120px!important}}

/* Authentication is a full viewport surface; the previous 440px dialog width
   collapsed the entire modal to the left edge. */
body[data-workspace] dialog.login-overlay:modal{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;padding:0!important;overflow:auto;background:#f6f8fc!important;border:0!important;display:block!important;color:#1c2d45!important}
body[data-workspace] dialog.login-overlay[hidden]{display:none!important}
body[data-workspace] dialog.login-overlay::backdrop{background:#091829}
.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.94fr);min-height:100dvh;width:100%;font-family:Inter,"Noto Sans SC",system-ui,sans-serif}
.auth-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:100dvh;padding:clamp(28px,4.5vw,74px);color:#f3f8ff;background:radial-gradient(circle at 75% 31%,#3b7dba50,transparent 34%),linear-gradient(145deg,#071b32,#112c4a 58%,#0c4161)}
.auth-story:after{content:"";position:absolute;right:8%;top:19%;width:30%;aspect-ratio:1;border:1px solid #7faecd42;border-radius:50%;box-shadow:0 0 0 44px #9ad9e408,0 0 0 90px #9ad9e405;pointer-events:none}
.auth-home,.auth-story-foot{position:relative;z-index:1;display:flex;align-items:center;gap:12px;color:#edf7ff;text-decoration:none}.auth-home{font-size:17px;font-weight:650;letter-spacing:.07em}.auth-home b{font-weight:400;color:#93e3cf}.auth-logo{width:42px;height:42px;display:grid;place-items:center;border:1px solid #8dcef783;border-radius:12px;color:#a2ecd8;font-size:29px}
.auth-story-copy{position:relative;z-index:1;max-width:580px}.auth-kicker{font-size:11px;letter-spacing:.19em;color:#8fd9cc;font-weight:700}.auth-story h2{margin:22px 0;font-size:clamp(39px,4vw,66px);line-height:1.16;letter-spacing:-.055em;font-weight:650;color:#fff}.auth-story h2 em{font-style:normal;color:#8fe5d6}.auth-story-copy p{max-width:475px;font-size:15px;line-height:1.9;color:#c3d3e5}.auth-capabilities{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px;color:#b6d2e5;font-size:11px;letter-spacing:.04em}.auth-capabilities span{padding-top:11px;border-top:1px solid #ffffff35}
.auth-story-foot{justify-content:space-between;gap:18px;font-size:11px;letter-spacing:.08em;color:#9bbad0}.auth-story-foot a{color:#cce7ef;text-decoration:none}.auth-story-foot a:hover,.auth-back:hover{text-decoration:underline}
.auth-entry{display:flex;flex-direction:column;min-width:0;align-items:center;justify-content:space-between;padding:clamp(24px,3.5vw,54px);background:#f6f8fc}.auth-entry-top,.auth-entry-foot{width:min(100%,440px);display:flex;align-items:center;gap:9px;color:#667b93;font-size:12px}.auth-entry-foot{font-size:10px;letter-spacing:.1em}.auth-lock{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;color:#216bd4;background:#e8f0ff}
body[data-workspace] dialog.login-overlay .login-card{width:min(100%,440px)!important;padding:32px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#1c2d45!important}.auth-entry .login-card h1{font-size:clamp(30px,3vw,40px);font-weight:680;letter-spacing:-.045em;color:#162d4b!important}.auth-entry .login-intro{font-size:14px;line-height:1.75;color:#60738d!important;margin:14px 0 34px}.auth-entry .login-field{font-size:13px;font-weight:600;color:#354b66!important;margin:18px 0 0}.auth-entry .login-field input{width:100%!important;min-height:48px!important;padding:12px 14px!important;border-radius:9px!important;border:1px solid #cbd7e6!important;color:#172d49!important;background:#fff!important;font-size:14px!important}.auth-entry .login-field input:focus-visible{border-color:#2b72ed!important;outline:3px solid #2b72ed26!important}.auth-entry .login-submit{width:100%!important;min-height:48px!important;margin-top:26px!important;border-radius:9px!important;background:#2468e8!important;color:#fff!important;font-size:14px!important}.auth-entry .login-footnote{margin-top:20px!important;color:#708197!important;font-size:12px!important}.auth-back{display:inline-block;margin-top:20px;color:#2865c1;font-size:12px;text-decoration:none}.auth-entry .login-error{font-size:12px!important}
@media(max-width:860px){.auth-layout{grid-template-columns:1fr}.auth-story{min-height:0;padding:24px 28px 30px;gap:22px}.auth-story:after,.auth-capabilities,.auth-story-foot{display:none}.auth-story h2{font-size:28px;margin:0}.auth-story h2 br{display:none}.auth-story-copy p{font-size:12px;line-height:1.6;margin:10px 0 0}.auth-entry{min-height:calc(100dvh - 200px);padding:26px 24px}.auth-entry .login-card{padding:24px 0!important}}
@media(max-width:480px){.auth-story{padding:20px 22px}.auth-story h2{font-size:25px}.auth-story-copy p{display:none}.auth-entry{padding:24px 22px}.auth-entry .login-card h1{font-size:30px}.auth-entry-foot{justify-content:center}}
@media(prefers-reduced-motion:reduce){.auth-layout *{scroll-behavior:auto}}