/* The work area has one task: dependencies, impact, or request evidence. */
:root{font-size:15px}h1{font-size:15px}h2,h3{font-size:17px}button{line-height:1.45}.app{min-height:780px}.rail{width:64px}.symbol{color:#b7c5be}.rail-btn.active{background:#22312c;color:#e3ebe4}.notification{background:#b9c7c0}.avatar{background:#81988b;color:#102019}.topbar{height:64px;padding:0 28px}.workspace{gap:12px}.top-controls{font-size:12px}.workspace-mark{background:#bbc9c0}.live-pill,.live-pill .dot,.env .dot,footer .dot{color:var(--muted);background:none}.live-pill .dot,.env .dot,footer .dot{background:#92a298}.time-button{font-size:12px;padding:8px 10px}.header-back{color:var(--muted);font-size:12px}main{padding:18px 28px 0}.incident-strip{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;height:34px;padding:0 0 12px;margin-bottom:20px}.incident-strip strong,.strip-age{color:#aabbb1;font-size:12px}.strip-dot{background:#9caaa2;width:4px;height:4px}.incident-strip .strip-context{font:12px -apple-system,BlinkMacSystemFont,Arial,sans-serif}.incident-strip button{background:transparent;color:#d1dcd4;border:1px solid #42534a;padding:3px 12px}.focus-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex:none}.focus-toolbar h2{font-size:25px;font-weight:500;letter-spacing:-.5px}.focus-toolbar p{font-size:13px;color:var(--muted);margin-top:8px}.focus-tools{display:flex;gap:20px;align-items:center}.focus-tools button{font-size:13px;color:#a8bab0;padding:5px 0}.focus-tools button:hover{color:var(--text);background:transparent}.work-grid{grid-template-columns:minmax(0,1fr) 330px;gap:30px}.main-column{display:flex;min-height:0;flex-direction:column;gap:0}.main-column>.topology-panel,.main-column>.evidence-panel{flex:1}.main-column>#evidence{display:none}.incident-panel{font-size:14px;padding-left:24px;border-left-color:#26372f}.time-brush{height:54px;margin-right:0;gap:16px;font-size:12px}.brush-track{height:28px;background:#101b17;border-color:#34483c}.brush-selection{height:28px;border-color:#82998b;background:#a1bba910}.brush-selection>span{font-size:11px;color:#bbccc0;background:#14231b}.brush-handle{background:#9aaea2;width:10px}.time-brush .subtle{font-size:12px;color:#acbcb2}footer{font-size:11px;height:24px;padding:0 28px;border-top-color:#25362d}.topology-panel{display:flex;flex-direction:column;border-radius:6px}.topology-panel>.section-head{height:54px;flex:none;padding:0 20px}.section-head h2{font-size:15px;font-weight:500}.section-time{font-size:12px}.legend{font-size:12px;gap:15px}.map{flex:1;height:auto!important;margin:0 20px;min-height:0}.service{min-height:0;padding:13px 14px}.node-title strong{font-size:15px;font-weight:550}.node-metric{font-size:13px;margin-top:10px}.node-metric small{font-size:11px}.node-source{font-size:11px;top:-23px}.edge-label{font-size:11px}.causal-caption{height:62px;flex:none;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:13px;color:#a8bab0}.causal-caption i{font-style:normal;color:#5f796b;margin:0 13px}.causal-caption b{font-weight:500;color:var(--red)}.causal-caption button{font-size:13px;color:#c8d6cd}.edge-detail{flex:none;margin:0 20px;height:42px;font-size:12px}.has-edge .map{height:auto}.side-id{font-size:12px;margin-bottom:28px}.sev{color:var(--muted);border-color:#3e5347;font-size:11px}.side-status{color:var(--muted);font-size:13px}.side-status .dot{background:var(--muted)}.side-heading{font-size:27px;line-height:1.35;font-weight:450;margin-bottom:16px}.side-summary{font-size:14px;line-height:1.65}.incident-stats{gap:36px;margin:30px 0}.incident-stats strong{font-size:25px}.incident-stats small{font-size:12px;margin-top:9px}.oncall{padding-top:23px;margin-bottom:27px}.minor-title{font-size:12px;margin-bottom:16px}.person{gap:12px}.person strong{font-size:14px}.person small{font-size:12px;line-height:1.5}.person-actions{margin-top:17px;gap:10px}.small-btn{font-size:13px;padding:8px 10px;color:#c2d2c7;border-color:#3b5143}.small-btn.danger{color:#c2d2c7;border-color:#3b5143}.timeline-fold{border-top:1px solid var(--line);padding:17px 0}.timeline-fold summary{font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.timeline-fold[open] summary{margin-bottom:24px}.timeline-fold .side-section-head{margin-bottom:18px}.timeline-item{padding-bottom:20px}.timeline-item time,.timeline-item small,.timeline-item button{font-size:12px}.timeline-item p{font-size:14px;line-height:1.6}.timeline-item.alert:before,.timeline-item.suspect:before{background:#a5b8ac}.channel-link{font-size:12px;border:0;padding:8px 0;color:var(--muted)}
body[data-focus="overview"]:not(.release-open) .work-grid{grid-template-columns:minmax(0,1fr)}body[data-focus="overview"]:not(.release-open) #incident-panel{display:none}body[data-focus="overview"] .causal-caption b{color:var(--muted)}body[data-focus="overview"] .service{background:#16271f}body[data-focus="overview"] .service.selected{outline-color:#9cdbb4}
body[data-focus="impact"] .service.healthy{color:#84988c;background:#13221b;border-color:#2e4135}body[data-focus="impact"] .service.healthy .node-dot{background:#6b8273}body[data-focus="impact"] .service.healthy .node-metric{color:#799083}body[data-focus="impact"] .edge:not(.fault){opacity:.28}body[data-focus="impact"] .edge-label:not(.fault){fill:#728b7b}body[data-focus="impact"] .legend{display:none}
body[data-focus="investigate"] .work-grid{grid-template-columns:minmax(0,1fr) 370px;gap:28px}body[data-focus="investigate"] #topology-panel{display:none}body[data-focus="investigate"] .main-column>#evidence{display:flex}.evidence-head{height:54px;flex:none;padding:0 18px;gap:10px}.evidence-head h2{font-size:16px;font-weight:500}.evidence-head>span{font-size:11px}.evidence-head button{color:#b9cdc0;font-size:12px}.histogram{height:106px;padding:12px 18px 0}.histogram svg{overflow:visible}.hist-bar.info{fill:#466454}.hist-bar.warn{fill:#85958b}.hist-bar.error{fill:var(--red)}.hist-legend,.chart-axis{font-size:11px}.hist-label{font-size:12px}.log-header,.log-row{grid-template-columns:118px 54px minmax(0,1fr) 26px;padding:0 18px;gap:12px}.log-header{height:36px;font-size:12px}.log-row{height:56px;font-size:13px;line-height:1.5}.log-row time{font-size:12px}.log-level{font-size:11px;font-weight:500}.log-level.ERROR,.log-level.WARN,.log-level.INFO{color:#9aae9f}.log-row.selected .log-level.ERROR{color:var(--red)}.log-row.selected .log-level.INFO{color:var(--green)}.log-row.selected{background:#21372b}.log-message{display:block;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#d1ddd5}.log-identity{display:block;font-size:11px;color:#96ae9d;margin-top:3px}.log-identity>span{color:#829789}.trace-link{color:#bccdc1;font-size:19px}.log-rows{overflow:auto}.trace-head h3{font-size:17px;font-weight:500}.trace-request{font-size:14px;margin-top:24px}.trace-meta{margin-top:15px}.trace-meta strong{font-size:30px}.trace-meta>span{font-size:11px}.trace-id{font-size:12px;margin-top:12px}.waterfall{margin-top:27px}.waterfall .side-section-head{margin-bottom:13px}.side-section-head>span{font-size:12px}.waterfall-axis{font-size:11px;height:25px;margin-left:112px}.span-row{height:34px;grid-template-columns:112px 1fr}.span-name{font-size:12px}.span-bar{height:8px;top:12px;background:#799686}.span-bar.inherited{background:#99ab9f}.span-bar.failed{background:var(--red)}.trace-error{font-size:12px;line-height:1.65;margin-top:18px;background:#17251e;border-color:#42604c;color:#b5c9bd}.trace-error:first-line{color:var(--red)}.cause{margin-top:20px;padding-top:18px}.cause-label{font-size:12px}.cause strong{font-size:15px;margin-top:12px}.cause p{font-size:14px}.commit{font-size:12px;color:var(--muted);margin-top:12px}.primary{background:#b9d1c0!important;font-size:13px;padding:10px 14px}.cause .primary{margin-top:20px}.release-details{margin-top:23px}.release-property{font-size:13px;padding:13px 0}.release-diff{font-size:13px;line-height:2;padding:17px 14px;margin-top:25px}.release-explain{font-size:14px;line-height:1.65}.signature-note{font-size:12px;margin-top:16px}.release-impact{margin-top:25px}.impact-row{font-size:13px}.impact-row strong{font-size:12px}.release-impact button{font-size:13px;color:#bdcec2}.trace-ok{font-size:14px;margin-top:24px}
#aux-dialog{width:min(1100px,calc(100vw - 100px));max-height:calc(100dvh - 180px);padding:0;border-color:#4a6355;background:var(--surface);border-radius:6px}#aux-dialog::backdrop{background:#03100bbd}.aux-head{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.aux-head button{font-size:24px;color:var(--muted);line-height:1;padding:0 5px}.aux-body{padding:24px;overflow:auto;max-height:calc(100dvh - 260px)}.aux-body>.signals{height:330px;border:0}.aux-body .signal-canvas{height:270px}.aux-body .section-head{height:42px;padding:0}.aux-body .chart-number{font-size:18px}.aux-body .chart-label{font-size:12px}.aux-body .slo-label{font-size:10px}.aux-body .chart-unit{font-size:11px}.aux-body #deploy-panel{border:0;min-height:180px}.deploy-table{font-size:14px}.deploy-table th{font-size:12px;height:42px}.deploy-table td{height:56px}.deploy-table button{font-size:13px;color:#bdcec2}.aux-body .oncall{margin-top:28px}.handoff strong{font-size:15px}.handoff small,.handoff time{font-size:13px}.handoff{padding:20px 0}.handoff-list{margin-top:24px}.work-enter{animation:work-enter .3s ease both}@keyframes work-enter{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}button:focus-visible,[tabindex]:focus-visible{outline-color:#afc7b7}@media(prefers-reduced-motion:reduce){.work-enter{animation:none}}

/* Complete requests and uniform map labels. */
.log-row{height:64px}.log-identity>span{color:#a1b4a7}.histogram{height:92px;padding:16px 18px 12px}.histogram>svg{height:64px}.hist-legend,.hist-label,.histogram .chart-axis{font-size:13px}.map-label{position:absolute;transform:translate(-50%,-50%);pointer-events:none;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;color:#91ab9b;background:#121d1b;padding:0 5px;z-index:2}.map-label.fault{color:var(--red)}body[data-focus="impact"] .map-label:not(.fault){color:#8fa899}.node-source{z-index:3}.side-status{margin-bottom:20px}.trace-request{margin-top:17px}.trace-meta{margin-top:11px}.waterfall{margin-top:20px}.waterfall .side-section-head{margin-bottom:9px}.span-row{height:30px}.span-bar{top:10px}.trace-error{margin-top:14px;padding:9px 11px}.cause{margin-top:16px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cause .cause-label,.cause .commit{display:none}.cause strong{font-size:13px;margin:0;color:#bdcfc2;line-height:1.5}.cause .primary{width:auto;margin-top:0;font-size:12px;padding:9px 10px;white-space:nowrap}.release-open .cause{display:block}.release-open .cause .cause-label,.release-open .cause .commit{display:flex}.release-open .cause strong{font-size:15px;margin-top:12px}.legend span:nth-child(n+2){display:none}.service.critical{background:#1b2b23;border-color:var(--red)}.service.critical .node-metric{color:var(--red)}.service.degraded{background:#192b21;border-color:var(--amber)}.service.degraded .node-metric{color:var(--amber)}@keyframes node-fault{from{border-color:#4b654e;background:#1a2821}to{border-color:#f68a7c;background:#1b2b23}}@keyframes node-degraded{from{border-color:#4b654e;background:#1a2821}to{border-color:#dfbd80;background:#192b21}}

/* Supporting context stays quiet; primary evidence stays above the fold. */
body[data-focus="impact"] .side-heading{font-size:22px;line-height:1.4;margin-bottom:0}body[data-focus="impact"] .incident-stats{margin:25px 0}.cause{margin-top:12px;padding-top:12px}.release-open .cause{margin-top:20px}.release-return{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.release-return button{font-size:13px;color:#c4d6c8;padding:5px 0}#aux-dialog[open]{animation:aux-enter .24s ease both}@keyframes aux-enter{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#aux-dialog[open]{animation:none}}

body[data-focus="impact"] .side-status{margin-bottom:28px}body[data-focus="impact"] .incident-stats{margin-top:22px}

/* Read the metric without hovering; time coordinates belong to the evidence. */
.map-label{font-size:13px;line-height:1.45}.map-label small,.map-label strong{display:block;text-align:center;font-size:13px;font-weight:400}.map-label small{font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:12px}.node-source{font-size:12px}body[data-focus="overview"] .causal-caption{display:none}.log-message{font-size:14px}.log-row time,.log-identity{font-size:13px}.log-level{font-size:12px}.log-identity{margin-top:4px}.trace-id{font-size:13px;line-height:1.5}.waterfall-axis{font-size:13px}.span-name{font-size:13px}.waterfall{margin-top:16px}.trace-error{font-size:13px}.cause{margin-top:10px}.histogram{height:112px;padding:14px 18px 8px}.histogram .hist-label,.histogram .hist-legend,.histogram .chart-axis,.histogram .deploy-label{font-size:15px}.hist-time-axis{position:relative;display:flex;justify-content:space-between;margin:6px 1.5% 0 16.4%;font-size:13px;color:#a8bdb0;height:20px;line-height:20px}.hist-time-axis b{position:absolute;transform:translateX(-50%);font-weight:500;color:#d2ded6}.aux-body .chart-label,.aux-body .chart-axis,.aux-body .slo-label,.aux-body .chart-unit,.aux-body .deploy-label{font-size:12.5px}.aux-body .chart-number{font-size:20px}.signal-tools>.mono{font-size:13px}.aux-body .signal-tools{width:100%;justify-content:flex-end}.aux-body .signal-tools .subtle{font-size:13px}

.evidence-head>span{font-size:12px}

/* Release inspection preserves the correlated version; focus handoff uses live DOM. */
body[data-motion="release"] #incident-panel{view-transition-name:detail-surface}
body[data-motion="release"] #incident-panel .cause strong{view-transition-name:release-identity}
::view-transition-group(*){animation-duration:460ms;animation-timing-function:cubic-bezier(.22,.8,.25,1)}
::view-transition-old(root){display:none}::view-transition-new(root){animation:none}
::view-transition-old(detail-surface){animation:scene-out 160ms ease both}
::view-transition-new(detail-surface){animation:scene-in 320ms 100ms ease both}
::view-transition-old(release-identity){animation:scene-out 100ms ease both}
::view-transition-new(release-identity){animation:scene-in 160ms ease both}
@keyframes scene-out{to{opacity:0}}@keyframes scene-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}}

/* 0.19.1 — names precede relationships; the query carries the investigation. */
:root{--motion-ease:cubic-bezier(.2,.75,.25,1);--control-radius:4px}
.node-arrive{animation:node-seat 150ms var(--motion-ease) both;animation-delay:calc(var(--column) * 35ms)}
@keyframes node-seat{from{transform:translateY(4px)}to{transform:translateY(0)}}
.edge-arrive{stroke-dasharray:1;stroke-dashoffset:1;animation:relation-arrive 140ms 60ms var(--motion-ease) both;animation-delay:calc(60ms + var(--column) * 30ms)}
.label-arrive{animation:label-arrive 120ms var(--motion-ease) both;animation-delay:calc(70ms + var(--column) * 30ms)}
@keyframes relation-arrive{to{stroke-dashoffset:0}}@keyframes label-arrive{from{opacity:0}to{opacity:1}}
.fault-entry .service.critical,.fault-entry .service.degraded{animation-duration:180ms}.fault-entry .service.degraded{animation-delay:140ms}.fault-entry .edge.fault{animation-duration:150ms}
.node-title{gap:6px}.service{border-radius:var(--control-radius)}.map-label{padding:2px 5px;border-radius:2px}.map-label:not(.fault){color:#95aa9e;background:var(--surface)}
.map-label.fault{color:var(--red)}.map-label small{font-size:13px}.node-metric small{font-size:12px}
body[data-focus="impact"] .focus-toolbar{margin-bottom:20px}body[data-focus="impact"] .side-id{margin-bottom:28px}body[data-focus="impact"] .side-heading{font-size:23px;line-height:1.35}
.focus-tools{gap:8px}.focus-tools button{border-radius:var(--control-radius);font-size:13px;padding:6px 10px}.focus-tools button:hover{background:var(--raised)}
.time-brush{height:64px;gap:14px}.brush-track,.brush-selection{height:42px}.brush-track{background:var(--surface);border-color:#3a4b42}.brush-selection{background:#b4d0bf09;border-color:#8da398}.brush-track>svg{opacity:1;overflow:visible}.brush-area{fill:#9cdbb410;stroke:none}.brush-curve{stroke:#829e8c;stroke-width:1.1;vector-effect:non-scaling-stroke}.brush-failure{stroke:var(--red);stroke-width:1.5;vector-effect:non-scaling-stroke}.brush-deploy{stroke:#bbc9c0;stroke-width:1;stroke-dasharray:2 3;opacity:.55;vector-effect:non-scaling-stroke}.brush-cursor{stroke:#e3ebe4;stroke-width:1;opacity:.7;vector-effect:non-scaling-stroke}.brush-selection>span{font-size:12px;background:var(--surface);color:#d0ddd4;padding:1px 8px;border-radius:2px}.brush-handle{width:8px;background:#abc0b3}.brush-handle:after{top:15px;left:3px;height:10px}.time-brush .subtle{padding:8px 4px}.brush-selection:active{cursor:grabbing}
.range-settled .brush-selection{animation:range-lock 420ms var(--motion-ease)}
.range-settled .histogram .cursor-line{animation:cursor-lock 360ms var(--motion-ease)}
.range-settled .log-row.selected{animation:request-lock 360ms var(--motion-ease)}
@keyframes range-lock{0%,100%{border-color:#8da398}25%{border-color:var(--text);background:#9cdbb41f}}
@keyframes cursor-lock{from{stroke:var(--red);stroke-width:2.5}to{stroke:#cbdabe;stroke-width:.9}}
@keyframes request-lock{from{background:#35493e}to{background:#21372b}}
.trace-error{background:transparent;border:0;border-radius:0;padding:10px 0;border-top:1px solid var(--line)}
.release-diff{border:0;border-radius:var(--control-radius);padding:17px 12px;background:#192922}.signature-note:before{display:none}
@media(prefers-reduced-motion:reduce){.edge-arrive{stroke-dashoffset:0}.node-arrive{transform:none}.label-arrive{opacity:1}}

.waterfall{margin-top:12px}.cause{margin-top:6px;padding-top:10px}.fault-entry .service.critical .node-dot,.fault-entry .service.critical .node-metric,.fault-entry .service.degraded .node-dot,.fault-entry .service.degraded .node-metric{animation-duration:180ms}.fault-entry .service.degraded .node-dot,.fault-entry .service.degraded .node-metric{animation-delay:140ms}