:root{color:#18212a;background:#f3f6f8;font-family:Inter,SF Pro Text,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #18212a;--muted: #697782;--line: #dce3e8;--panel: #ffffff;--nav: #101923;--nav-muted: #92a1ad;--teal: #087f76;--teal-soft: #e1f3f0;--green: #18864b;--green-soft: #e8f6ee;--amber: #b76400;--amber-soft: #fff2dc;--red: #c43d3d;--red-soft: #fce9e8;--blue: #2867a8;--blue-soft: #e8f1fa}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}button,input,select{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.85em;letter-spacing:0}.session-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#596873;background:#f3f6f8;font-size:12px}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,42%) minmax(0,1fr);background:#fff}.login-identity{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:64px clamp(38px,7vw,110px);color:#fff;background:#101923;border-right:5px solid #0d746c}.login-brand-mark{width:58px;height:58px;display:grid;place-items:center;color:#dbfffa;background:#0a6d67;border:1px solid #2c958c;border-radius:7px}.login-kicker,.login-form-kicker{margin:0 0 13px;color:#83aaa7;font:10px SFMono-Regular,Consolas,monospace;letter-spacing:0}.login-identity h1{margin:0;font-size:48px;line-height:1;letter-spacing:0}.login-product{margin:12px 0 0;color:#aebbc5;font-size:16px}.login-environment{width:fit-content;display:flex;align-items:center;gap:9px;margin-top:30px;padding:9px 11px;color:#b8c5ce;background:#17242e;border:1px solid #2a3944;border-radius:5px;font:11px SFMono-Regular,Consolas,monospace}.login-form-region{min-width:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px;background:#fff}.login-form{width:min(100%,380px);display:grid;gap:22px}.login-form header{margin-bottom:7px}.login-form-kicker{color:var(--teal)}.login-form h2{margin:0;color:#17212a;font-size:26px;line-height:1.2;letter-spacing:0}.login-field{display:grid;gap:8px;color:#53616c;font-size:11px;font-weight:650}.login-input-wrap{height:46px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;padding:0 13px;color:#7b8993;background:#fff;border:1px solid #ccd5db;border-radius:5px;transition:border-color .15s ease,box-shadow .15s ease}.login-input-wrap:focus-within{color:var(--teal);border-color:#4fa69f;box-shadow:0 0 0 3px #087f761a}.login-input-wrap input{width:100%;min-width:0;height:42px;padding:0;color:#17212a;background:transparent;border:0;outline:0;font-size:14px}.login-error{min-height:38px;display:flex;align-items:center;margin:-5px 0 0;padding:9px 11px;color:#8a3333;background:#fff1f0;border:1px solid #edc3c1;border-radius:5px;font-size:11px;line-height:1.45}.login-submit{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#fff;background:#0d746c;border:1px solid #0d746c;border-radius:5px;cursor:pointer;font-size:12px;font-weight:700}.login-submit:hover:not(:disabled){background:#09645e;border-color:#09645e}.login-submit:disabled{opacity:.5;cursor:not-allowed}.app-shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:228px;display:flex;flex-direction:column;color:#eaf0f4;background:var(--nav);border-right:1px solid #24313c}.brand-block{height:72px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid #24313c}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#d7fffa;background:#0a6d67;border:1px solid #268d85;border-radius:6px}.brand-name{color:#fff;font-size:16px;font-weight:700;line-height:1.2}.brand-subtitle{margin-top:2px;color:var(--nav-muted);font-size:11px}.environment-chip{display:flex;align-items:center;gap:8px;margin:16px 14px 8px;padding:9px 10px;color:#b9c7d1;background:#17242e;border:1px solid #2a3944;border-radius:5px;font:11px SFMono-Regular,Consolas,monospace}.primary-nav{padding:10px;display:grid;gap:3px}.nav-item{height:40px;display:flex;align-items:center;gap:11px;padding:0 11px;color:#9faeba;border-radius:5px;font-size:13px;font-weight:550}.nav-item:hover{color:#fff;background:#17242e}.nav-item-active{color:#fff;background:#1d303b;box-shadow:inset 3px 0 #25a89e}.nav-count{min-width:20px;height:20px;display:grid;place-items:center;margin-left:auto;padding:0 6px;color:#ffd9d6;background:#5b2728;border-radius:10px;font-size:10px}.sidebar-bottom{margin-top:auto;padding:14px;border-top:1px solid #24313c}.sidebar-note{display:flex;align-items:flex-start;gap:9px;padding:10px;color:#8fa0ac;background:#17242e;border-radius:5px;font-size:11px;line-height:1.5}.sidebar-note strong{color:#b9e6d0;font-weight:600}.sidebar-link{display:flex;align-items:center;gap:8px;margin-top:12px;padding:0 8px;color:#8fa0ac;font-size:11px}.sidebar-link:hover{color:#fff}.main-shell{grid-column:2;min-width:0;min-height:100vh;display:flex;flex-direction:column}.topbar{height:58px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:#fffffff5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-left,.topbar-actions,.breadcrumb,.sync-indicator{display:flex;align-items:center}.breadcrumb{gap:7px;color:#8a969f;font-size:12px}.breadcrumb strong{color:var(--ink);font-weight:650}.topbar-actions{gap:13px}.sync-indicator{gap:7px;color:#52616c;font-size:11px;font-weight:600}.last-sync{color:#89959e;font-size:11px}.status-dot{width:7px;height:7px;flex:0 0 auto;display:inline-block;border-radius:50%;background:#9aa6ae}.status-dot-ok{background:#38b773;box-shadow:0 0 0 3px #38b7731f}.status-dot-warn{background:#e49736;box-shadow:0 0 0 3px #e497361f}.icon-button{width:34px;height:34px;display:inline-grid;place-items:center;padding:0;color:#5f6d77;background:#fff;border:1px solid var(--line);border-radius:5px;cursor:pointer}.icon-button:hover:not(:disabled){color:var(--teal);border-color:#9fc9c5;background:#f4fbfa}.icon-button:disabled{opacity:.45;cursor:not-allowed}.icon-button-small{width:27px;height:27px}.user-chip{display:flex;align-items:center;gap:8px;padding:3px 9px 3px 3px;color:#34414b;background:#fff;border:1px solid var(--line);border-radius:5px;cursor:default}.avatar{width:27px;height:27px;display:grid;place-items:center;color:#dffffa;background:#1b655f;border-radius:4px;font-size:10px;font-weight:700}.user-name{font-size:11px;font-weight:600}.mobile-menu,.mobile-close{display:none}.content-wrap{width:100%;max-width:1480px;margin:0 auto;padding:28px 30px 44px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-header h1{margin:3px 0 4px;font-size:25px;line-height:1.2;letter-spacing:0}.section-header p{max-width:750px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.section-actions{display:flex;align-items:center;gap:8px}.eyebrow{color:var(--teal);font-size:10px;font-weight:750;letter-spacing:0;text-transform:uppercase}.button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid transparent;border-radius:5px;cursor:pointer;font-size:11px;font-weight:650;white-space:nowrap}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{color:#fff;background:#0d746c;border-color:#0d746c}.button-primary:hover:not(:disabled){background:#09645e}.button-secondary{color:#43515b;background:#fff;border-color:var(--line)}.button-secondary:hover{border-color:#a8b7c1;background:#fafcfd}.button-quiet{min-height:30px;padding:0 9px;color:#4c5c66;background:#f7f9fa;border-color:#e2e7ea}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-tile{min-height:105px;display:flex;flex-direction:column;justify-content:center;padding:17px 18px;background:var(--panel);border:1px solid var(--line);border-top:3px solid #87949d;border-radius:6px}.metric-good{border-top-color:var(--green)}.metric-warn{border-top-color:var(--amber)}.metric-danger{border-top-color:var(--red)}.metric-label{color:var(--muted);font-size:11px}.metric-value{margin:5px 0 3px;font-size:25px;line-height:1.1}.metric-detail{color:#89959e;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:14px}.panel{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:6px}.notifications-view{max-width:980px}.notification-section{padding:20px 0 24px;border-top:1px solid var(--line)}.notification-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;color:var(--teal)}.notification-section-title h2{margin:0 0 4px;color:var(--ink);font-size:15px}.notification-section-title span{color:var(--muted);font-size:11px}.notification-form{display:grid;gap:14px}.notification-form label{min-width:0;display:grid;gap:6px;color:#475662;font-size:11px;font-weight:650}.notification-form input:not([type=checkbox]),.notification-form select{width:100%;height:38px;padding:0 10px;color:var(--ink);background:#fff;border:1px solid #cbd6dc;border-radius:5px;outline:none;font-size:12px}.notification-form input:focus,.notification-form select:focus{border-color:var(--teal)}.notification-form input:disabled,.notification-form select:disabled{opacity:.65}.notification-form-row{display:grid;grid-template-columns:minmax(130px,180px) minmax(0,1fr);gap:14px}.notification-actions{display:flex;justify-content:flex-end}.notification-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#475662;font-size:11px}.notification-link-list{max-height:238px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 16px;overflow-y:auto;padding:4px 0}.notification-link-list label{min-height:36px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e8edef;font-weight:500}.notification-link-list input{flex:none;accent-color:var(--teal)}.notification-link-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-link-list small{margin-left:auto;color:var(--muted);font-size:9px;white-space:nowrap}.notification-active-list{margin-top:18px;border-top:1px solid var(--line)}.notification-active-row{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8edef}.notification-active-row span{min-width:0}.notification-active-row strong,.notification-active-row small{display:block;overflow-wrap:anywhere}.notification-active-row strong{font-size:11px}.notification-active-row small{margin-top:4px;color:var(--muted);font-size:10px}.notification-error,.notification-success{padding:10px 12px;border-radius:5px;font-size:11px}.notification-error{color:#8a3333;background:var(--red-soft)}.notification-success{color:#116844;background:var(--green-soft)}@media(max-width:650px){.notification-form-row,.notification-link-list{grid-template-columns:minmax(0,1fr)}}.panel-wide{grid-column:1}.panel-heading{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #e5eaed}.panel-heading h2{margin:2px 0 0;font-size:14px}.panel-body{padding:16px}.panel-meta{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.text-link{display:inline-flex;align-items:center;gap:4px;color:var(--teal);font-size:10px;font-weight:650}.link-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{height:37px;padding:0 14px;color:#77858f;background:#f8fafb;border-bottom:1px solid var(--line);font-size:9px;font-weight:700;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{min-height:52px;padding:10px 14px;border-bottom:1px solid #e9edef;vertical-align:middle;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdfd}.table-link{display:inline-flex;align-items:center;gap:10px}.table-link strong,.plain-link strong{display:block;color:#23303a;font-size:11px}.table-link small,.plain-link small{display:block;margin-top:3px;color:#89959e;font-size:9px}.link-avatar{width:30px;height:30px;display:grid;place-items:center;color:#14655f;background:#e3f1ef;border:1px solid #c6e0dc;border-radius:5px;font-size:12px;font-weight:700}.status-badge{width:fit-content;display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:4px;font-size:9px;font-weight:700}.status-badge .status-dot{width:6px;height:6px}.status-success,.status-online,.status-resolved{color:var(--green);background:var(--green-soft)}.status-success .status-dot,.status-online .status-dot,.status-resolved .status-dot{background:var(--green)}.status-failure,.status-open,.status-offline,.status-rejected{color:var(--red);background:var(--red-soft)}.status-failure .status-dot,.status-open .status-dot,.status-offline .status-dot,.status-rejected .status-dot{background:var(--red)}.status-unknown,.status-stale,.status-submitted,.status-running,.status-timeout{color:var(--amber);background:var(--amber-soft)}.status-unknown .status-dot,.status-stale .status-dot,.status-submitted .status-dot,.status-running .status-dot,.status-timeout .status-dot{background:var(--amber)}.status-disabled,.status-skipped{color:#71808a;background:#eef1f3}.muted{color:#8b979f}.traffic-pair{color:#34414a;font-variant-numeric:tabular-nums}.traffic-pair span{color:#adb6bc}.event-list,.agent-list,.recent-run-list{padding:4px 14px}.event-row,.agent-row,.recent-run{min-height:59px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e9edef}.event-row:last-child,.agent-row:last-child,.recent-run:last-child{border-bottom:0}.event-marker,.agent-icon{width:29px;height:29px;display:grid;place-items:center;color:var(--red);background:var(--red-soft);border-radius:4px}.agent-icon{color:var(--blue);background:var(--blue-soft)}.event-main,.agent-main{min-width:0;flex:1}.event-main strong,.agent-main strong{display:block;overflow:hidden;color:#2a3740;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.event-main small,.agent-main small{display:block;margin-top:3px;color:#88959e;font-size:9px}.event-age{color:#8d99a1;font-size:9px}.flow-panel{grid-column:1}.flow-strip{padding:12px 16px 16px}.flow-row{min-height:39px;display:grid;grid-template-columns:110px minmax(100px,1fr) 85px 85px;align-items:center;gap:12px;border-bottom:1px solid #edf0f2;font-size:10px}.flow-row:last-child{border-bottom:0}.flow-name{overflow:hidden;font-family:SFMono-Regular,Consolas,monospace;color:#485761;text-overflow:ellipsis}.flow-track{height:6px;overflow:hidden;background:#e9edef;border-radius:3px}.flow-fill{display:block;height:100%;background:#238f86;border-radius:3px}.flow-fill-muted{background:#b0bbc1}.flow-value{text-align:right;font-variant-numeric:tabular-nums}.flow-value small{color:#92a0a9}.flow-out{color:#5f6c75}.toolbar{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:6px}.search-field{min-width:280px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#77858f}.search-field input{width:100%;height:32px;color:var(--ink);background:transparent;border:0;outline:0;font-size:11px}.segmented{display:flex;padding:3px;background:#f0f3f5;border-radius:5px}.segmented button{height:28px;padding:0 11px;color:#71808a;background:transparent;border:0;border-radius:4px;cursor:pointer;font-size:10px}.segmented button.active{color:#26343d;background:#fff;box-shadow:0 1px 2px #17242d1a;font-weight:650}.table-panel{overflow:hidden}.links-table{min-width:1100px}.events-table{min-width:1280px}.diagnostic-text{display:flex;flex-direction:column;gap:3px}.diagnostic-text code{color:var(--red)}.diagnostic-text small{color:#89959e;font-size:9px}.perspective-label strong,.perspective-label small{display:block}.perspective-label strong{color:#3f505a;font-size:9px}.perspective-label small{margin-top:3px;color:#8a969e;font-size:8px;overflow-wrap:anywhere}.numeric{font-variant-numeric:tabular-nums}.freshness{display:block;margin-top:3px;color:var(--green);font-size:8px}.freshness.stale{color:var(--amber)}.agent-stack{display:flex;gap:4px}.agent-stack span{padding:3px 5px;color:#52616c;background:#eef3f5;border-radius:3px;font-size:8px}.version-code{color:#65737c}.row-actions{display:flex;justify-content:flex-end;gap:5px}.plain-link{display:block}.event-acknowledgement{display:inline-flex;align-items:center;gap:7px;color:var(--green)}.event-acknowledgement strong{display:block;color:#355249;font-size:10px}.event-acknowledgement small{display:block;margin-top:2px;color:#829089;font-size:8px}.event-acknowledged-icon{color:var(--green)}.latency-panel{margin-bottom:14px;overflow:hidden}.latency-panel-heading{flex-wrap:wrap}.latency-window{flex:0 0 auto}.latency-loading{margin:0}.latency-toolbar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 16px;border-bottom:1px solid #e7ecef;background:#fbfcfd}.latency-stage-select{min-width:150px;display:grid;gap:5px;color:var(--muted);font-size:9px}.latency-stage-select select{height:32px;padding:0 28px 0 9px;color:#35444d;background:#fff;border:1px solid #d9e0e4;border-radius:5px;font-size:10px}.latency-summary{display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));gap:7px}.latency-summary span{min-width:72px;padding-left:12px;border-left:1px solid #dfe5e8}.latency-summary small,.latency-summary strong{display:block}.latency-summary small{color:#85929a;font-size:8px}.latency-summary strong{margin-top:4px;color:#30404a;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.latency-chart-scroll{overflow-x:auto;padding:17px 16px 0}.latency-chart-area{min-width:720px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px}.latency-scale{height:210px;display:flex;flex-direction:column;justify-content:space-between;padding:0 0 1px;color:#819099;font-size:8px;text-align:right;font-variant-numeric:tabular-nums}.latency-plot{height:210px;display:grid;grid-template-columns:repeat(24,minmax(10px,1fr));align-items:end;gap:5px;padding:6px 7px 0;border-left:1px solid #dce3e7;border-bottom:1px solid #dce3e7;background:repeating-linear-gradient(to bottom,transparent 0,transparent 51px,#edf1f3 52px)}.latency-column{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:0 2px}.latency-column.selected{background:#19827812}.latency-bar{width:min(13px,78%);min-height:0;padding:0;cursor:pointer;background:#4f82b5;border:0;border-radius:2px 2px 0 0;transition:height .2s ease,background .15s ease}.latency-bar:hover,.latency-column.selected .latency-bar{background:#246a91}.latency-bar.empty{height:0!important;cursor:default}.latency-p50{position:absolute;z-index:2;left:13%;right:13%;height:2px;pointer-events:none;background:#14877b}.latency-max{position:absolute;z-index:3;left:50%;width:6px;height:6px;pointer-events:none;background:#c75550;border:1px solid #fff;border-radius:50%;transform:translate(-50%,50%)}.latency-axis{display:flex;justify-content:space-between;gap:10px;padding:7px 2px 0;color:#849199;font-size:8px;font-variant-numeric:tabular-nums}.latency-legend{display:flex;justify-content:flex-end;gap:14px;padding:8px 17px 12px;color:#75838c;font-size:8px}.latency-legend span{display:inline-flex;align-items:center;gap:5px}.latency-legend i{width:9px;height:7px;display:inline-block}.latency-legend .legend-p95{background:#4f82b5}.latency-legend .legend-p50{height:2px;background:#14877b}.latency-legend .legend-max{width:6px;height:6px;background:#c75550;border-radius:50%}.latency-selection{min-height:64px;display:grid;grid-template-columns:minmax(210px,1.4fr) repeat(4,minmax(70px,.45fr));align-items:center;border-top:1px solid #e2e8eb;border-bottom:1px solid #e2e8eb;background:#f6faf9}.latency-selection>span{min-width:0;padding:10px 15px;border-right:1px solid #dfe7e5}.latency-selection>span:last-child{border-right:0}.latency-selection strong,.latency-selection small{display:block}.latency-selection strong{overflow-wrap:anywhere;color:#33464d;font-size:10px;font-variant-numeric:tabular-nums}.latency-selection small{margin-top:3px;color:#7f8e94;font-size:8px}.latency-ranking-heading{min-height:45px;display:flex;align-items:center;gap:7px;padding:0 16px;color:#4b6570}.latency-ranking-heading strong{color:#34434c;font-size:10px}.latency-ranking-heading span{margin-left:auto;color:#819099;font-size:9px}.latency-table{min-width:650px;border-top:1px solid #e7ecef}.latency-table tbody tr{cursor:pointer}.latency-table tbody tr.selected{background:#edf7f5}.latency-table td{font-variant-numeric:tabular-nums}.latency-table td:nth-child(3) strong{color:#245f84}.latency-empty{min-height:180px;display:flex;align-items:center;justify-content:center;gap:8px;color:#84919a}.latency-empty strong{color:#4a5962;font-size:11px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.75fr);gap:14px}.detail-primary{grid-row:span 3}.topology-panel{margin-bottom:14px;overflow:hidden}.path-topology{padding:16px}.topology-observer{min-width:0;display:grid;grid-template-columns:auto minmax(120px,auto) minmax(0,1fr);align-items:center;gap:8px 12px;margin-bottom:13px;padding:10px 12px;color:#40515b;background:#f6f9fa;border-left:3px solid var(--teal);font-size:10px}.topology-observer>span{padding:3px 6px;color:#0d665f;background:#e1f3f0;border-radius:3px;font-weight:750}.topology-observer strong{overflow-wrap:anywhere;font:10px SFMono-Regular,Consolas,monospace}.topology-observer small{min-width:0;color:#77858e;overflow-wrap:anywhere}.control-plane-flow{min-width:0;display:flex;align-items:stretch;gap:8px;margin:0 0 12px 22px;overflow-x:auto}.control-plane-node{min-width:230px;max-width:390px;min-height:72px;flex:1 1 260px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;background:#f8fafb;border:1px dashed #bdc9cf;border-radius:5px}.control-plane-node:after{content:"";position:absolute}.control-plane-node>span:nth-child(2){min-width:0;display:grid;gap:2px}.control-plane-node small{color:#7c8992;font-size:8px}.control-plane-node strong{color:#33424b;font-size:10px}.control-plane-node code{color:#62717a;overflow-wrap:anywhere;word-break:break-word}.control-plane-node em{color:#78858e;font-size:9px;font-style:normal;white-space:nowrap}.topology-flow{min-width:0;display:flex;align-items:stretch;gap:7px;overflow-x:auto;padding:2px 1px 9px}.topology-node{position:relative;min-width:150px;min-height:132px;flex:1 1 180px;display:flex;flex-direction:column;gap:9px;padding:12px;background:#fff;border:1px solid #dce3e8;border-top:3px solid #9ba7ae;border-radius:5px}.topology-node-heading{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px}.topology-icon{width:29px;height:29px;display:grid;place-items:center;color:#536670;background:#edf2f4;border-radius:4px}.topology-node-heading>span:last-child{min-width:0}.topology-node-heading small{display:block;color:#849099;font-size:8px}.topology-node-heading strong{display:block;margin-top:2px;color:#2f3e47;font-size:10px;overflow-wrap:anywhere;word-break:break-word}.topology-node>code{min-height:28px;color:#566670;font-size:9px;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}.topology-node-state{display:flex;align-items:center;gap:5px;margin-top:auto;color:#77858e;font-size:9px}.topology-node-state em{margin-left:auto;color:#76848c;font:8px SFMono-Regular,Consolas,monospace;font-style:normal}.topology-protocol{width:fit-content;color:#6d7c85;background:#f0f3f5;padding:2px 5px;border-radius:3px;font:8px SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.topology-arrow{flex:0 0 15px;align-self:center;color:#8b989f;font-size:16px;text-align:center}.node-success{border-top-color:var(--green)}.node-success .topology-icon,.node-success .topology-node-state{color:var(--green);background:var(--green-soft)}.node-failure{border-top-color:var(--red)}.node-failure .topology-icon,.node-failure .topology-node-state{color:var(--red);background:var(--red-soft)}.node-inferred{border-style:dashed;border-top-color:var(--blue)}.node-inferred .topology-icon{color:var(--blue);background:var(--blue-soft)}.node-configured{border-style:dashed}.topology-node.node-suspected{background:#fff8e9;box-shadow:inset 0 0 0 1px #e7b55c}.related-paths{display:flex;align-items:stretch;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid #e6ebee}.related-paths-label{align-self:center;flex:0 0 auto;color:#78858e;font-size:9px;font-weight:700}.related-path{min-width:190px;max-width:330px;flex:1 1 230px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:#f8fafb;border:1px solid #e1e7ea;border-radius:4px}.related-path:hover{border-color:#9fc9c5;background:#f2faf9}.related-path>span{min-width:0}.related-path strong,.related-path small{display:block;overflow-wrap:anywhere;word-break:break-word}.related-path strong{color:#35444d;font-size:9px}.related-path small{margin-top:3px;color:#7f8c95;font-size:8px}.topology-legend{display:flex;flex-wrap:wrap;gap:8px 15px;margin:11px 0 0;color:#7d8991;font-size:8px}.topology-legend span:before{content:"";width:14px;display:inline-block;margin-right:5px;border-top:2px solid #7f8c94;vertical-align:middle}.topology-legend .legend-inferred:before{border-top-style:dashed}.topology-legend .legend-suspected:before{height:7px;background:#fff2cf;border:1px solid #e7b55c}.diagnosis-content{padding:13px 14px 10px}.diagnosis-conclusion{padding:11px 12px;background:#f7f9fa;border-left:3px solid #8d9aa2}.diagnosis-conclusion>span{color:#6e7d86;font-size:8px;font-weight:750}.diagnosis-conclusion>strong{display:block;margin-top:4px;color:#2c3a43;font-size:13px;overflow-wrap:anywhere}.diagnosis-conclusion p{margin:6px 0 0;color:#5c6a73;font-size:9px;line-height:1.55;overflow-wrap:anywhere}.diagnosis-conclusion small{display:block;margin-top:7px;color:#87939b;font-size:8px;overflow-wrap:anywhere}.diagnosis-conclusion.confidence-confirmed{border-left-color:var(--red);background:#fff7f6}.diagnosis-conclusion.confidence-inferred{border-left-color:var(--amber);background:#fff9ee}.diagnosis-conclusion.confidence-unknown{border-left-color:#8d9aa2}.diagnosis-conclusion.healthy{border-left-color:var(--green);background:#f4faf5}.evidence-list{margin-top:8px}.evidence-row{min-width:0;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 1px;border-bottom:1px solid #e9edef}.evidence-row:last-child{border-bottom:0}.evidence-state{width:7px;height:7px;background:var(--green);border-radius:50%}.evidence-state.stale{background:#9ba6ad}.evidence-state.failed{background:var(--red)}.evidence-main{min-width:0}.evidence-main strong,.evidence-main code,.evidence-main small{display:block;overflow-wrap:anywhere;word-break:break-word}.evidence-main strong{color:#37464f;font-size:9px}.evidence-main code{margin-top:3px;color:#63727b;font-size:8px}.evidence-main small{margin-top:3px;color:#87949c;font-size:8px}.evidence-meta{display:grid;justify-items:end;gap:4px}.evidence-meta small{color:#89959d;font-size:7px;white-space:nowrap}.run-id{display:flex;align-items:center;gap:5px}.run-id code{color:#61707a;font-size:9px}.stage-timeline{padding:14px 17px 18px}.stage-summary{min-height:31px;display:flex;align-items:center;gap:10px;margin:0 0 14px;padding-bottom:11px;border-bottom:1px solid #edf0f2;font-size:10px}.stage-summary>div{display:flex;align-items:baseline;gap:8px}.stage-summary strong{color:#35444d;font-size:11px}.stage-summary span{color:var(--muted)}.stage-summary-failure{margin-left:auto;color:var(--red)!important;font-weight:650}.stage-summary-success{margin-left:auto;color:var(--green)!important;font-weight:650}.stage-flow{display:grid;gap:0;padding:4px 0 0}.stage-flow-item{min-width:0;display:grid;grid-template-columns:27px minmax(0,1fr);gap:10px}.stage-flow-rail{position:relative;min-height:64px;display:flex;align-items:flex-start}.stage-flow-connector{position:absolute;left:12px;top:30px;bottom:-1px;width:2px;background:#d8e0e4}.stage-node{z-index:1;width:27px;height:27px;display:grid;place-items:center;border:1px solid;border-radius:50%}.flow-success .stage-node{color:var(--green);background:var(--green-soft);border-color:#b5dcc6}.flow-failure .stage-node{color:var(--red);background:var(--red-soft);border-color:#e9bdbc}.flow-skipped .stage-node,.flow-unknown .stage-node{color:#77858f;background:#f1f4f5;border-color:#ced7dc}.stage-flow-copy{min-width:0;display:grid;grid-template-columns:minmax(125px,.45fr) minmax(220px,1fr) auto;align-items:center;gap:8px 14px;padding:0 7px 12px 0}.stage-flow-stage{min-width:0}.stage-flow-copy strong{display:block;color:#34424b;font-size:10px;font-weight:750;overflow-wrap:anywhere}.stage-flow-copy small{display:block;margin-top:3px;color:#8a969e;font-size:8px;overflow-wrap:anywhere}.stage-flow-location{min-width:0;color:#53636d;font:9px/1.4 SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word}.stage-flow-status{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;color:#77858e;font-size:9px;white-space:nowrap}.flow-success .stage-flow-status{color:var(--green)}.flow-failure .stage-flow-status{color:var(--red)}.stage-flow-status em{color:#75838d;font:9px SFMono-Regular,Consolas,monospace;font-style:normal}.stage-error{display:flex;align-items:center;gap:8px;margin-top:7px;padding:7px 9px;color:#7b3433;background:#fff5f4;border-left:2px solid var(--red);font-size:9px}.stage-flow-item .stage-error{grid-column:1 / -1;margin-right:0;overflow-wrap:anywhere}.stage-flow-item .stage-error span{min-width:0}.leg-list{padding:8px 14px}.leg-row{min-height:57px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e8edef}.leg-row:last-child{border-bottom:0}.leg-index{width:23px;height:23px;display:grid;place-items:center;color:#597078;background:#edf3f4;border-radius:50%;font-size:9px;font-weight:700}.leg-main{min-width:0;flex:1}.leg-main strong{display:block;font-size:10px;text-transform:uppercase}.leg-main small{display:block;margin-top:3px;color:#86939c;font-size:8px;overflow-wrap:anywhere;word-break:break-word}.recent-run{justify-content:space-between}.recent-run code{display:block;color:#51616a;font-size:9px}.recent-run small{display:block;margin-top:3px;color:#89959e;font-size:8px}.probe-execution-strip{min-height:64px;display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(180px,1fr) minmax(130px,.6fr);align-items:stretch;margin-bottom:16px;overflow:hidden;background:#fff;border:1px solid #b9ded9;border-left:3px solid var(--teal);border-radius:5px}.probe-execution-strip>div{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px 14px;border-right:1px solid var(--line)}.probe-execution-strip>div:last-child{border-right:0}.probe-execution-strip span{color:var(--muted);font-size:9px}.probe-execution-strip code,.probe-execution-strip strong{overflow:hidden;color:#35444d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.probe-execution-strip .probe-execution-detail{grid-column:1 / -1;min-height:32px;color:#87510e;background:#fff9ee;border-top:1px solid #f0dfbf;border-right:0;font-size:9px}.inline-error,.data-warning,.action-notice,.security-callout{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:10px 12px;color:#714b16;background:#fff8e8;border:1px solid #efd8a8;border-radius:5px;font-size:10px}.data-warning{margin:12px 30px 0}.data-warning code{padding:2px 4px;background:#ffffffb3}.action-notice{margin:12px 30px 0;justify-content:space-between;color:#23613e;background:#edf9f2;border-color:#bce0ca}.action-notice-error{color:#813c3a;background:#fff0ef;border-color:#edc3c1}.security-callout{color:#23564f;background:#eef9f7;border-color:#b9ded9}.security-callout strong{display:block;margin-bottom:2px}.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.agent-card{background:#fff;border:1px solid var(--line);border-radius:6px}.agent-card-header{min-height:75px;display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #e7ecef}.agent-card-header>div{min-width:0;flex:1}.agent-card-header h2{margin:0 0 4px;font-size:13px}.agent-card-header code{color:#7a8891;font-size:9px}.agent-address{min-width:0;display:flex;align-items:center;gap:4px;margin-top:5px;color:#60717c;font-size:9px}.agent-address svg{flex:0 0 auto}.agent-address code{overflow:hidden;color:#485861;text-overflow:ellipsis;white-space:nowrap}.agent-card-icon{width:36px;height:36px;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft);border-radius:5px}.agent-stats{display:grid;grid-template-columns:1fr 1fr;padding:10px 14px}.agent-stats>div{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:3px 6px;padding:9px 0;color:#76838c;font-size:9px}.agent-stats strong{grid-column:2;color:#2f3c45;font-size:11px}.agent-card-footer{display:flex;justify-content:space-between;padding:10px 14px;color:#85919a;background:#fafcfc;border-top:1px solid #e7ecef;font-size:9px}.agent-card-footer strong{color:#4b5a63}.agent-detail-panel{max-width:920px}.agent-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.agent-detail-list>div{min-height:76px;display:grid;grid-template-columns:22px minmax(0,1fr);align-content:center;gap:5px 9px;padding:14px 18px;color:var(--blue);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.agent-detail-list>div:nth-child(2n){border-right:0}.agent-detail-list>div:nth-last-child(-n+2){border-bottom:0}.agent-detail-list span{color:var(--muted);font-size:9px}.agent-detail-list strong,.agent-detail-list code{grid-column:2;overflow:hidden;color:#2f3c45;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.version-list{display:grid;gap:8px}.version-row{min-height:78px;display:flex;align-items:center;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:6px}.version-rail{width:4px;align-self:stretch;background:#9aa7af}.version-current{background:var(--green)}.version-candidate{background:var(--amber)}.version-main{min-width:0;flex:1;padding:14px 16px}.version-title{display:flex;align-items:center;gap:9px}.version-title code{color:#35444d;font-size:10px}.version-state{padding:3px 6px;color:#527069;background:#edf5f3;border-radius:3px;font-size:8px}.version-meta{display:flex;gap:16px;margin-top:8px;color:#839099;font-size:9px}.version-row>.row-actions{padding:0 15px}.canary-status-panel{min-height:156px;margin-top:16px;overflow:hidden}.canary-status-actions{display:flex;align-items:center;gap:8px}.canary-status-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.canary-status-grid>div{min-width:0;padding:12px 16px;border-right:1px solid var(--line)}.canary-status-grid>div:last-child{border-right:0}.canary-status-grid span{display:block;margin-bottom:5px;color:var(--muted);font-size:9px}.canary-status-grid strong,.canary-status-grid code{display:block;overflow:hidden;color:#35444d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.canary-status-detail{padding:9px 16px;color:#87510e;background:#fff9ee;border-bottom:1px solid #f0dfbf;font-size:9px}.canary-stage-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.canary-stage-item{min-height:50px;display:flex;align-items:center;gap:8px;padding:9px 16px;border-right:1px solid var(--line)}.canary-stage-item:last-child{border-right:0}.canary-stage-item>span{margin-left:auto;color:var(--muted);font-size:9px}.canary-stage-item>code{color:var(--red);font-size:8px}.config-diff-panel{margin-top:16px;overflow:hidden}.config-diff-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}.config-diff-summary>div{padding:13px 16px;border-right:1px solid var(--line)}.config-diff-summary>div:last-child{border-right:0}.config-diff-summary span{display:block;color:var(--muted);font-size:9px}.config-diff-summary strong{display:block;margin-top:4px;color:#32414a;font-size:18px}.config-global-changes{display:flex;gap:7px;padding:10px 16px;border-bottom:1px solid var(--line)}.config-global-changes span{padding:4px 7px;color:#7e8b94;background:#f0f3f5;border-radius:3px;font-size:9px}.config-global-changes span.changed{color:#87510e;background:var(--amber-soft)}.config-diff-table{min-width:720px}.config-diff-table td strong{display:block;font-size:10px}.config-diff-table td small{display:block;margin-top:2px;color:#89959e;font-size:8px}.canary-coverage{border-top:1px solid var(--line)}.canary-coverage-heading{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 16px}.canary-coverage-heading h3{margin:3px 0 0;color:#303e47;font-size:12px}.canary-coverage-summary{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.canary-coverage-table{min-width:760px;border-top:1px solid var(--line)}.canary-coverage-table td strong,.canary-coverage-table td small,.canary-failure code,.canary-failure small{display:block}.canary-coverage-table td strong{font-size:10px}.canary-coverage-table td small{margin-top:2px;color:#89959e;font-size:8px}.canary-coverage-table td:nth-child(3) code{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canary-failure code{color:var(--red)}.canary-failure small{margin-top:3px;color:#956060}.diff-change{padding:3px 6px;color:#66747d;background:#eef1f3;border-radius:3px;font-size:8px}.diff-added{color:var(--green);background:var(--green-soft)}.diff-modified{color:var(--amber);background:var(--amber-soft)}.diff-removed{color:var(--red);background:var(--red-soft)}.canary-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;padding:13px 16px;border-top:1px solid var(--line);background:#fafcfc}.canary-controls label{min-width:240px;display:grid;gap:5px;color:var(--muted);font-size:9px}.canary-controls select{height:34px;padding:0 9px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:5px;font-size:10px}.version-activate-button{min-width:68px}.canary-not-required{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--line);color:var(--green);background:var(--green-soft)}.canary-not-required span{min-width:0}.canary-not-required strong,.canary-not-required small{display:block}.canary-not-required strong{font-size:10px}.canary-not-required small{margin-top:3px;color:#57756a;font-size:9px}.empty-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:24px;color:#84919a;text-align:center;font-size:10px}.empty-state strong{color:#485761;font-size:12px}.empty-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:4px;color:#64757f;background:#edf2f4;border-radius:6px}.empty-state.compact{min-height:145px}.report-period{flex:0 0 auto}.report-window-line{min-height:38px;display:flex;align-items:center;gap:20px;margin:-8px 0 14px;padding:0 3px;color:#77858f;font-size:10px}.report-window-line span{display:inline-flex;align-items:center;gap:6px}.report-window-line span:last-child{margin-left:auto;font-variant-numeric:tabular-nums}.traffic-budget-panel{margin-bottom:14px;overflow:hidden}.budget-heading-actions{display:flex;align-items:center;gap:12px}.budget-selector{flex:0 0 auto}.budget-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.budget-good{color:#17815f}.budget-warn{color:#9b6814}.budget-danger{color:#b23a32}.budget-editor{display:grid;grid-template-columns:minmax(150px,1.2fr) repeat(4,minmax(120px,.8fr)) auto;align-items:end;gap:10px;padding:14px 20px;border-bottom:1px solid #dfe7e9;background:#f7faf9}.budget-editor label{min-width:0;display:grid;gap:6px;color:#687780;font-size:9px;font-weight:650}.budget-editor input,.budget-editor select{width:100%;min-width:0;height:34px;padding:0 9px;color:var(--ink);background:#fff;border:1px solid #ccd7dc;border-radius:5px;font-size:10px;outline:0}.budget-editor input:focus,.budget-editor select:focus{border-color:#5ca89f;box-shadow:0 0 0 3px #087f7617}.budget-editor-actions{display:flex;gap:7px}.budget-action-result{min-height:34px;display:flex;align-items:center;gap:6px;padding:8px 20px;border-bottom:1px solid;font-size:9px}.budget-action-success{color:#23613e;background:#edf9f2;border-color:#c8e5d3}.budget-action-error{color:#813c3a;background:#fff0ef;border-color:#edc3c1}.budget-content{padding:18px 20px 14px}.budget-primary{display:flex;align-items:baseline;gap:10px}.budget-primary strong{color:#17252e;font-size:24px;font-variant-numeric:tabular-nums}.budget-primary span{color:var(--muted);font-size:10px}.budget-progress{height:8px;margin:13px 0 17px;overflow:hidden;border-radius:3px;background:#e8edef}.budget-progress span{display:block;height:100%;background:#279a72;transition:width .2s ease}.budget-progress span.budget-warn{background:#d79a32}.budget-progress span.budget-danger{background:#d35a4e}.budget-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.budget-facts span{min-width:0;display:flex;flex-direction:column;gap:4px}.budget-facts small{color:var(--muted);font-size:9px}.budget-facts strong{overflow-wrap:anywhere;color:#33454f;font-size:11px;font-variant-numeric:tabular-nums}.budget-footer{min-height:34px;display:flex;align-items:center;gap:6px;padding:0 20px;border-top:1px solid #edf1f3;color:#74828b;font-size:9px}.report-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:14px}.report-wide{grid-column:1 / -1}.report-legend{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.report-legend i{width:8px;height:8px;display:inline-block;border-radius:2px}.legend-availability{background:var(--teal)}.legend-traffic{background:var(--blue)}.report-trend{height:210px;display:grid;grid-template-columns:repeat(24,minmax(5px,1fr));align-items:end;gap:5px;padding:20px 18px 8px;border-bottom:1px solid #edf1f3;background:repeating-linear-gradient(to bottom,transparent 0,transparent 46px,#edf1f3 47px)}.trend-column,.trend-bars{height:100%;min-width:0;display:flex;align-items:flex-end;justify-content:center;gap:2px}.trend-bars{width:100%}.trend-bar{width:min(8px,42%);min-height:0;display:block;border-radius:2px 2px 0 0;transition:height .2s ease}.trend-bar-availability{background:var(--teal)}.trend-bar-availability.trend-bar-danger{background:var(--red)}.trend-bar-traffic{background:#4f82b5}.trend-axis{display:flex;justify-content:space-between;padding:8px 18px 11px;color:#8a969f;font-size:8px}.failure-ranking{display:grid;gap:10px;padding:15px 16px 17px}.failure-rank-row{display:grid;grid-template-columns:120px minmax(80px,1fr) 46px;align-items:center;gap:12px;min-height:25px}.failure-rank-row code{overflow:hidden;color:#4b5962;text-overflow:ellipsis;white-space:nowrap}.failure-rank-row strong{color:#6b3d3d;font-size:11px;text-align:right;font-variant-numeric:tabular-nums}.failure-rank-track{height:7px;overflow:hidden;background:#f0e6e5;border-radius:2px}.failure-rank-track span{height:100%;display:block;background:#ca5c58;border-radius:2px}.report-table{min-width:1160px}.report-table td strong{font-size:11px}.report-cell-note{display:block;margin-top:3px;color:#8a969f;font-size:8px;font-weight:400}.report-delta{display:inline-flex;align-items:center;gap:4px;color:#687680;font-size:9px;font-variant-numeric:tabular-nums}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.failure-tags{display:flex;gap:4px}.failure-tags code{padding:3px 5px;color:#7b403e;background:var(--red-soft);border-radius:3px;font-size:8px}.ingress-list{padding:4px 15px}.ingress-row{min-height:69px;display:grid;grid-template-columns:minmax(120px,1fr) 100px 110px;align-items:center;gap:12px;border-bottom:1px solid #e9edef}.ingress-row:last-child{border-bottom:0}.ingress-row>span{min-width:0}.ingress-row strong{display:block;overflow:hidden;color:#34414a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ingress-row small{display:block;margin-top:4px;color:#89959e;font-size:8px}.config-change-list{padding:4px 15px}.config-change-row{min-height:69px;display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid #e9edef;color:var(--blue)}.config-change-row:last-child{border-bottom:0}.config-change-row>span{min-width:0}.config-change-row strong{display:block;color:#34414a;font-size:10px}.config-change-row small,.config-change-row code{display:block;margin-top:4px;overflow:hidden;color:#89959e;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.report-empty{min-height:105px;display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:#84919a;font-size:10px}.loading-bar{height:3px;margin-bottom:14px;overflow:hidden;background:#d9ebe8}.loading-bar:after{content:"";display:block;width:35%;height:100%;background:var(--teal);animation:loading 1s infinite ease-in-out}.spinning{animation:spin 1s linear infinite}.app-footer{display:flex;justify-content:center;gap:7px;margin-top:auto;padding:16px;color:#93a0a8;border-top:1px solid var(--line);font-size:9px}.build-mismatch{color:var(--red);font-weight:700}.mobile-scrim{display:none}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(310%)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.detail-grid{grid-template-columns:minmax(0,1fr)}.panel-wide,.flow-panel,.detail-primary{grid-column:1;grid-row:auto}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-layout{grid-template-columns:minmax(0,1fr)}.report-wide{grid-column:1}}@media(max-width:760px){.login-shell{display:block;background:#fff}.login-identity{min-height:250px;justify-content:flex-end;gap:15px;padding:34px 24px 28px;border-right:0;border-bottom:4px solid #0d746c}.login-brand-mark{width:46px;height:46px}.login-identity h1{font-size:36px}.login-product{margin-top:8px;font-size:14px}.login-environment{margin-top:6px}.login-form-region{min-height:calc(100vh - 250px);align-items:flex-start;padding:38px 24px 48px}.login-form{width:100%;max-width:420px}.app-shell{display:block}.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar-open{transform:translate(0)}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#0a11177a}.mobile-menu,.mobile-close{display:inline-grid}.mobile-close{margin-left:auto;background:transparent;border-color:#34434e;color:#9fadb8}.main-shell{min-height:100vh}.topbar{height:54px;padding:0 14px}.topbar-left{gap:9px}.last-sync,.user-name,.sync-indicator{display:none}.content-wrap{padding:20px 14px 36px}.section-header{align-items:flex-start;flex-direction:column}.section-header h1{font-size:22px}.metric-grid,.agent-grid{grid-template-columns:1fr}.metric-tile{min-height:88px}.toolbar{align-items:stretch;flex-direction:column}.search-field{min-width:0}.segmented{width:100%}.segmented button{flex:1}.flow-row{grid-template-columns:90px 1fr 78px}.flow-out{display:none}.panel-heading{min-height:58px}.stage-summary{align-items:flex-start;flex-wrap:wrap}.stage-summary-failure,.stage-summary-success{width:100%;margin-left:0}.stage-flow{flex-direction:column;gap:0}.stage-flow-item{width:100%;display:grid;grid-template-columns:27px minmax(0,1fr);gap:10px}.latency-panel-heading{align-items:stretch;flex-direction:column}.latency-window{width:100%;overflow-x:auto}.latency-window button{min-width:72px}.latency-toolbar{align-items:stretch;flex-direction:column;gap:12px}.latency-stage-select{width:100%}.latency-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.latency-summary span{min-width:0}.latency-summary span:nth-child(4){border-left:0}.latency-chart-scroll{padding-inline:10px}.latency-chart-area{min-width:650px}.latency-selection{grid-template-columns:repeat(2,minmax(0,1fr))}.latency-selection>span{border-right:1px solid #dfe7e5;border-bottom:1px solid #dfe7e5}.latency-selection>span:first-child{grid-column:1 / -1}.latency-selection>span:nth-child(3),.latency-selection>span:nth-child(5){border-right:0}.latency-selection>span:nth-last-child(-n+2){border-bottom:0}.stage-flow-rail{height:auto;min-height:68px;align-items:flex-start}.stage-flow-connector{left:12px;top:30px;bottom:-1px;width:2px;height:auto;min-height:0;flex:none;margin:0}.stage-flow-copy{grid-template-columns:1fr;gap:5px;padding:0 0 12px}.stage-flow-status{justify-content:flex-start}.stage-flow-item .stage-error{margin-right:0}.topology-observer{grid-template-columns:1fr;gap:5px}.control-plane-flow{margin-left:0;flex-direction:column;overflow-x:visible}.control-plane-node{width:100%;min-width:0;max-width:none;flex:none;grid-template-columns:31px minmax(0,1fr)}.control-plane-node em{grid-column:2;white-space:normal}.topology-flow{display:grid;overflow:visible}.topology-node{min-width:0;min-height:112px}.topology-arrow{transform:rotate(90deg);justify-self:center}.related-paths{flex-direction:column}.related-paths-label{align-self:flex-start}.related-path{width:100%;min-width:0;max-width:none;flex:none}.evidence-row{grid-template-columns:8px minmax(0,1fr)}.evidence-meta{grid-column:2;justify-items:start}.version-row{align-items:stretch;flex-wrap:wrap}.version-row>.row-actions{width:100%;justify-content:flex-start;padding:0 16px 12px 20px}.version-meta{align-items:flex-start;flex-direction:column;gap:4px}.config-diff-summary,.canary-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canary-status-grid>div:nth-child(2){border-right:0}.canary-status-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.probe-execution-strip{grid-template-columns:1fr}.probe-execution-strip>div{border-right:0;border-bottom:1px solid var(--line)}.probe-execution-strip>div:last-child{border-bottom:0}.probe-execution-strip .probe-execution-detail{grid-column:1}.agent-detail-list{grid-template-columns:1fr}.agent-detail-list>div{border-right:0}.agent-detail-list>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.agent-detail-list>div:last-child{border-bottom:0}.config-diff-summary>div:nth-child(2){border-right:0}.config-diff-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.canary-controls{align-items:stretch;flex-direction:column}.canary-controls label{min-width:0}.canary-coverage-heading{align-items:flex-start;flex-direction:column;gap:8px}.data-warning,.action-notice{margin:10px 14px 0}.report-window-line{align-items:flex-start;flex-direction:column;gap:5px;margin-top:0;padding:0}.report-window-line span:last-child{margin-left:0}.budget-content{padding-inline:14px}.budget-heading-actions{width:100%;align-items:flex-start;justify-content:space-between}.budget-editor{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:14px}.budget-editor label:first-child,.budget-editor-actions{grid-column:1 / -1}.budget-editor-actions{justify-content:flex-end}.budget-action-result{padding-inline:14px}.budget-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-footer{padding:8px 14px}.report-trend{height:175px;gap:2px;padding-inline:10px}.trend-bar{width:min(5px,45%)}.failure-rank-row{grid-template-columns:92px minmax(60px,1fr) 36px;gap:8px}.ingress-row{grid-template-columns:minmax(110px,1fr) 90px}.ingress-row>span:last-child{display:none}.app-footer{flex-wrap:wrap}}