@layer components{.pipeline-page{container:pipeline-page/inline-size}.pipeline-header{align-items:start;gap:var(--space-between-groups);margin-bottom:var(--space-between-groups);grid-template-columns:minmax(0,1fr) auto;display:grid}.pipeline-identity{min-width:0}.pipeline-subtitle{align-items:center;gap:var(--space-within-group);margin:var(--space-within-group) 0 0;min-height:20px;font-size:var(--type-meta);color:var(--text-muted);flex-wrap:wrap;display:flex}.pipeline-commands{align-items:start;gap:var(--space-within-group);flex-wrap:wrap;max-width:22rem;display:flex}.route-reading{container:route-reading/inline-size}.route-finding{align-items:start;gap:var(--space-between-groups);margin-bottom:var(--space-between-groups);grid-template-columns:minmax(0,1fr) auto;display:grid}.history-toolbar{justify-content:space-between;align-items:center;gap:var(--space-within-group) var(--space-between-groups);flex-wrap:wrap;display:flex}.history-controls{align-items:center;gap:var(--space-within-group);flex-wrap:wrap;display:flex}.history-window{width:15rem;max-width:100%}.history-toolbar h2{font-size:var(--type-body);font-weight:var(--weight-regular)}.history-toolbar+.reading-status{margin-top:var(--space-within-group)}.route-revision-finding:empty{display:none}.route-revision-finding:not(:empty){margin-top:16px}@container pipeline-page (width<=40rem){.pipeline-header{gap:var(--space-within-group);grid-template-columns:minmax(0,1fr)}.pipeline-commands{max-width:none}}@container route-reading (width<=28rem){.route-finding{gap:var(--space-within-group)}.health-chart{gap:4px}.history-toolbar h2{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.history-controls{justify-content:space-between;width:100%}.history-window{flex:1}}.data-table .health-bucket-time{text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums}.data-table tbody .health-bucket-time{color:inherit;font-size:inherit;font-weight:var(--weight-regular);background-color:#0000}.health-chart-selection{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.health-chart-selection>p{flex:24rem;min-width:0}.health-chart-selection>.tool-view-actions{margin-inline-start:auto}.health-chart{grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;margin:0;display:grid;container:health-chart/inline-size}.health-chart-references{font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;gap:4px 12px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.health-chart-references li{align-items:center;gap:6px;display:flex}.health-chart-toolbar{flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0;display:flex}.health-chart-metrics{align-items:center;gap:2px;min-width:0;max-width:100%;display:flex;overflow-x:auto}.health-chart-metrics button{min-height:32px;color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;padding:6px 8px}.health-chart-metrics button[aria-pressed=true]{color:var(--text);text-underline-offset:7px;text-decoration:underline;text-decoration-thickness:2px}@container health-chart (width<=26rem){.health-chart-toolbar{gap:0 12px}.health-chart-metrics{flex:100%}.health-chart-metrics button{flex:none;min-height:40px}.health-chart-references{margin-inline-start:0}.health-chart .chart-frame{grid-template-columns:2.75rem minmax(0,1fr);gap:4px 8px}.health-chart :is(.chart-frame-axis,.chart-frame-plot){height:8rem}}.route-verdict{gap:4px;display:grid}.route-time-short{display:none}.route-verdict-title{font-size:var(--text-xl);line-height:var(--leading-xl);font-weight:var(--weight-strong);color:var(--text)}.route-verdict[data-state=failing] .route-verdict-title{color:var(--failing)}.route-verdict[data-state=recovered] .route-verdict-title{color:var(--healthy)}.route-verdict-figure{font-size:var(--text-md);color:var(--text)}.route-verdict-figure>strong{font-size:var(--text-2xl);line-height:var(--leading-2xl);font-weight:var(--weight-regular)}.route-verdict[data-state=failing] .route-verdict-figure>strong{color:var(--failing)}@container route-reading (width<=28rem){.route-finding{margin-bottom:8px}.route-finding>div,.route-verdict{display:contents}.route-finding>.ui-button{grid-area:1/2}.route-verdict-title{font-size:var(--type-body);line-height:var(--type-body-leading);grid-area:1/1}.route-time-full{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.route-time-short{display:inline}.route-verdict-figure{grid-column:1/-1}}.route-causes td{vertical-align:top}.route-causes th{white-space:normal}.route-cause-count{width:12rem}.route-cause-since{width:11rem}.route-cause-codes{font-size:var(--type-meta);color:var(--text-muted);margin-top:4px;display:block}.health-change-axis{height:32px;font-size:var(--type-meta);line-height:var(--type-meta-leading);position:relative}.health-change-label{text-align:left;width:24px;height:40px;color:var(--text-muted);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;bottom:-8px;transform:translate(-50%)}.health-change-diamond{position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.health-change-caption{white-space:nowrap;display:none;position:absolute;bottom:12px;left:50%}.health-change-label[data-emphasized=true]{color:var(--text)}.health-change-label[data-emphasized=true] .health-change-caption,.health-change-label:is(:hover,:focus-visible) .health-change-caption{display:block}.health-change-label:is(:hover,:focus-visible){z-index:2}.health-change-label:is(:hover,:focus-visible) .health-change-caption{background:var(--surface-1)}@container route-reading (width<=40rem){.route-cause-count,.route-cause-since{width:7rem}.route-causes td{padding-inline:6px}.route-causes .data-table-number{white-space:normal}}@container health-chart (width<=26rem){.health-change-actor{display:none}.health-change-axis{height:24px}}.dashboard .hop>.placeholder{display:contents}.dashboard .hops{margin:var(--space-2) 0 var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid}.dashboard .hop{border-top:1px solid var(--border);min-height:9rem;padding:var(--space-4) var(--space-2) var(--space-2);border-radius:0;flex-direction:column;align-items:stretch;margin:0;display:flex;position:relative}.dashboard .hop+.hop{border-left:1px solid var(--border)}.dashboard .hop:is(:hover,[aria-expanded=true]){background:var(--surface-2)}.dashboard .hop[aria-expanded=true]:before{content:"";background:var(--accent);height:2px;position:absolute;inset:-1px 0 auto}.dashboard .hop h2{margin-bottom:var(--space-4);font-weight:var(--weight-strong);text-decoration:none}.dashboard .hop .reach{font-size:var(--text-lg);line-height:var(--leading-lg);font-variant-numeric:var(--num)}.dashboard .hop small{color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-xs);display:block}.dashboard .hop-loss{color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-xs);margin-top:var(--space-3);display:block}.dashboard .hop-loss>span{white-space:nowrap}.dashboard .inspector{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-3) 0;margin:0 0 var(--space-4)}.dashboard .inspector-head{margin-bottom:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.dashboard .reason-row{padding:var(--space-2) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.dashboard .reason-row button{white-space:nowrap;text-underline-offset:3px;min-height:44px;text-decoration:underline}.dashboard .reason-row code{color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-xs);font-family:var(--font-mono);display:block}.dashboard .stage-accounting{margin-top:var(--space-3);font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--text-muted)}.dashboard .stage-accounting>summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.dashboard :is(.trace-group,.trace-columns){gap:var(--space-4);padding:calc(var(--space-2) + 2px) 0;border-bottom:1px solid var(--border);grid-template-columns:minmax(100px,1fr) minmax(120px,1.5fr) 86px;align-items:start;display:grid}.dashboard .trace-group{width:calc(100% + 2 * var(--space-3));padding-inline:var(--space-3);margin-inline:calc(-1 * var(--space-3));font-size:var(--text-sm);line-height:var(--leading-sm);border-radius:0;min-height:44px}.dashboard .trace-columns{color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:var(--weight-medium)}.dashboard .trace-columns>:last-child{padding-right:calc(var(--space-3) + var(--space-2))}.dashboard .trace-group>code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard .trace-outcome{color:var(--text-muted);overflow-wrap:anywhere}.dashboard .trace-count{justify-content:flex-end;align-items:center;gap:var(--space-2);font-variant-numeric:var(--num);display:flex}.dashboard .trace-count svg{fill:none;stroke:var(--text-muted);stroke-width:1.5px;transition:transform var(--dur-base);flex:none}.dashboard .trace-group[aria-expanded=true] .trace-count svg{transform:rotate(90deg)}.dashboard .trace-group:hover{background:var(--surface-2)}.dashboard .trace-samples{margin-left:var(--space-2);padding-left:var(--space-3);border-left:1px solid var(--border)}.trace-limits{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-xs);overflow-wrap:anywhere}.trace-limits summary{min-height:44px;padding-block:var(--space-3);cursor:pointer}.trace-limits p{margin-block:var(--space-2)}.trace-limits ul{padding-inline-start:18px}.trace-limits li{margin-block:6px}.dashboard .trace-group code{font-family:var(--font-mono);overflow-wrap:anywhere}.dashboard .retained-evidence{min-height:135px;display:flow-root}.dashboard .trace-summary{align-items:center}.dashboard .trace-summary button{font-size:var(--text-xs);line-height:var(--leading-xs);min-height:36px}.dashboard .trace-filter{align-items:center;gap:var(--space-2);font-size:var(--text-xs);line-height:var(--leading-xs);display:flex}.dashboard .trace-filter button{text-decoration:underline}.dashboard .sample-empty{justify-content:center;align-items:start;gap:var(--space-2);flex-direction:column;min-height:128px;display:flex}.dashboard .inspector-link{align-items:center;gap:var(--space-1);min-height:44px;color:var(--accent);font-weight:var(--weight-medium);text-decoration:none;display:inline-flex}.dashboard .inspector-link:hover{text-underline-offset:3px;text-decoration:underline}.dashboard .trace-list{margin-top:calc(var(--space-5) + var(--space-1))}.dashboard .trace-list>summary{cursor:pointer;min-height:44px;padding:var(--space-3) 0;border-top:1px solid var(--border);font-weight:var(--weight-medium)}.dashboard .trace-row{gap:var(--space-3);padding:var(--space-3) var(--space-2);grid-template-columns:auto 1fr auto;min-height:44px;margin:0;display:grid;position:relative}.dashboard .trace-row>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.dashboard .trace-row small{display:block}.dashboard .trace-row:after{content:"";inset:auto var(--space-2) 0;border-bottom:1px solid var(--border);position:absolute}.dashboard .event-dot{background:var(--text);border-radius:50%;width:6px;height:6px;margin-top:6px}.dashboard .event-dot.error{background:var(--failing)}@media (width<=39.99rem){.dashboard .route-workspace{gap:var(--space-3)}.dashboard .route-workspace .inspector{margin-bottom:0}.dashboard .route-workspace .trace-list{margin-top:0}.dashboard .hops{margin-top:var(--space-5);grid-template-columns:1fr}.dashboard .hop{gap:var(--space-1) var(--space-4);border-top:1px solid var(--border);min-height:56px;padding:var(--space-3) var(--space-2);grid-template-columns:1fr 1fr;display:grid}.dashboard .hop+.hop{border-left:0}.dashboard .hop h2{margin:0}.dashboard .hop .reach{text-align:right;font-size:var(--text-lg);line-height:var(--leading-lg)}.dashboard :is(.hop .reach,.hop-loss) .placeholder-line{justify-content:flex-end}.dashboard .hop small{grid-column:1}.dashboard .hop-loss{text-align:right;grid-area:2/2;margin:0}.dashboard :is(.trace-group,.trace-columns){gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 72px}.dashboard .trace-group{padding-block:var(--space-3)}}.dashboard .fixed-event-context{align-items:baseline;gap:var(--space-1) var(--space-4);min-height:44px;margin-bottom:var(--space-4);border-bottom:1px solid var(--border);font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.dashboard .event-walk{max-width:1100px}.dashboard .event-back-pending{width:min(26rem,80%);display:flex}.dashboard .event-back-pending>.placeholder{width:100%}.dashboard .event-header{margin:0 0 var(--space-5)}.dashboard .event-header h1{margin-bottom:var(--space-2)}:is(.dashboard,.event-snapshot) .event-record{border-top:1px solid var(--border-strong);padding:var(--space-4) 0;min-width:0}:is(.dashboard,.event-snapshot) .event-record:has(>details:not([open])){padding-block:var(--space-1)}:is(.dashboard,.event-snapshot) .event-record h2{font-size:var(--text-sm);line-height:var(--leading-sm);margin-bottom:var(--space-2)}:is(.dashboard,.event-snapshot) .event-record p{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--text-muted);margin-bottom:var(--space-3)}:is(.dashboard,.event-snapshot) .event-projection-note{margin-block:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-xs)}:is(.dashboard,.event-snapshot) .event-fields{font-size:var(--text-sm);line-height:var(--leading-sm);table-layout:fixed;border-collapse:collapse;width:100%}:is(.dashboard,.event-snapshot) .event-fields td{padding:var(--space-2) 0;border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere}:is(.dashboard,.event-snapshot) .event-fields tr:last-child td{border-bottom:0}:is(.dashboard,.event-snapshot) .event-fields td:first-child{width:75%}:is(.dashboard,.event-snapshot) .event-fields td:last-child{text-align:right;padding-left:var(--space-4)}:is(.dashboard,.event-snapshot) .event-fields code{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-xs);overflow-wrap:anywhere}:is(.dashboard,.event-snapshot) .event-summary{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--text-muted);margin:var(--space-5) 0}@media (width<=39.99rem){.dashboard .event-header{margin-bottom:var(--space-4)}:is(.dashboard,.event-snapshot) .event-summary{min-height:calc(2 * var(--leading-xs))}.dashboard .event-header p{min-height:calc(2 * var(--leading-md))}:is(.dashboard,.event-snapshot) .event-record{padding:var(--space-3) 0}:is(.dashboard,.event-snapshot) .event-record p{margin-bottom:var(--space-2)}:is(.dashboard,.event-snapshot) .event-record summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.dashboard .event-header h1{overflow-wrap:anywhere}}}