html{scrollbar-gutter:stable}
:root{
  color-scheme:light;--bg:#fafafa;--surface:#fff;--surface-secondary:#f2f2f4;--line:#dedee2;--grid:#ececef;
  --ink:#242428;--muted:#62656d;--accent:#6257a5;--accent-surface:#eeecf6;--focus:#6257a5;
  --status-completed:#237a4b;--status-rejected:#b83630;--status-failed:#916000;--status-timeout:#62666d;--status-stale:#62666d;--status-unrouted:#62666d;--status-quarantined:#b12e38;--status-deprioritized:#916000;--status-paused:#62666d;
  --status-completed-bg:#eaf3ed;--status-rejected-bg:#f9eceb;--status-failed-bg:#f7f0e3;--status-muted-bg:#ededf0;
  --text-xs:12px;--text-sm:13px;--text-md:15px;--text-lg:20px;--text-xl:28px;--type-scale:1;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--nav-width:176px;
  font-family:-apple-system,"Segoe UI",Inter,Roboto,sans-serif;font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums;
}
html[data-theme=dark]{color-scheme:dark;--bg:#111113;--surface:#19191c;--surface-secondary:#222225;--line:#343438;--grid:#29292d;--ink:#ededef;--muted:#b2b4bc;--accent:#b8a9eb;--accent-surface:#302a43;--focus:#c7b8f5;--status-completed:#71bf91;--status-rejected:#f58b85;--status-failed:#ddb56a;--status-timeout:#b2b4bc;--status-stale:#b2b4bc;--status-unrouted:#b2b4bc;--status-quarantined:#f58b85;--status-deprioritized:#ddb56a;--status-paused:#b2b4bc;--status-completed-bg:#203629;--status-rejected-bg:#3b2526;--status-failed-bg:#392f1e;--status-muted-bg:#29292e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:calc(var(--text-sm)*var(--type-scale))}button,input,select,textarea{font:inherit;color:inherit}button,input,select{min-height:32px}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;color:var(--muted);background:var(--surface-secondary)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}a{color:var(--accent)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:calc(var(--text-lg)*var(--type-scale));font-weight:600;line-height:1.4;letter-spacing:-.02em}h2,h3{font-size:calc(var(--text-md)*var(--type-scale));font-weight:600;line-height:1.5}small,.muted{font-size:calc(var(--text-xs)*var(--type-scale));color:var(--muted)}.mono,code,pre,kbd{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:16px;top:-48px;background:var(--surface);padding:8px 16px;z-index:100}.skip-link:focus{top:8px}
input,select{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:4px 8px;min-width:0}input::placeholder{color:var(--muted)}button{border:1px solid transparent;background:none;border-radius:6px;padding:4px 8px}.small-button,.icon-button{border-color:var(--line);background:var(--surface);white-space:nowrap}.small-button:hover,.icon-button:hover{background:var(--surface-secondary)}.icon-button{width:32px;padding:0;font-size:calc(var(--text-md)*var(--type-scale))}.text-button{color:var(--muted);white-space:nowrap}.text-button:hover{color:var(--ink);background:var(--surface-secondary)}.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.primary:hover{filter:brightness(.94)}html[data-theme=dark] .primary{color:#19191c}kbd{font-size:calc(var(--text-xs)*var(--type-scale));font-weight:400;color:var(--muted)}
.login-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card{width:min(360px,100%)}.login-card h1{font-size:28px;letter-spacing:-.04em}.login-intro{font-size:15px;color:var(--muted);margin:8px 0 32px}.login-card label{display:block;margin-bottom:8px;font-weight:500}.login-card input{width:100%;height:40px}.login-card .primary{width:100%;height:40px;margin:12px 0 16px}.login-card #login-message{min-height:48px;line-height:1.6}.error-text{color:var(--status-rejected)!important}
.topbar{height:56px;position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--surface)}.brand{font-size:15px;color:var(--ink);font-weight:650;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}.session-identity{font-size:12px;color:var(--muted);padding:4px 8px;border-left:1px solid var(--line);border-radius:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-badge{font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}.mode-badge.live::before,.mode-badge[data-mode=live]::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--status-completed)}.integrity-toggle{font-size:12px;color:var(--muted);white-space:nowrap;border:1px solid var(--line);padding:4px 8px}.integrity-toggle.broken{color:var(--status-rejected);border-color:var(--status-rejected)}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.theme-label select{font-size:12px;max-width:88px}.header-actions .small-button,.header-actions .text-button{font-size:12px}.sidebar{position:fixed;left:0;top:56px;bottom:0;width:var(--nav-width);border-right:1px solid var(--line);background:var(--bg);z-index:30}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:16px 8px}.nav-toggle{display:flex;align-items:center;gap:12px;padding:4px 8px;text-align:left;color:var(--muted);font-size:12px;margin-bottom:16px}.nav-toggle svg,.nav-item svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nav-item{display:flex;width:100%;align-items:center;gap:12px;padding:8px;color:var(--muted);text-align:left;min-height:40px;margin:4px 0}.nav-item span{flex:1}.nav-item.active{background:var(--accent-surface);color:var(--accent)}.nav-item:hover{background:var(--surface-secondary)}.nav-item.active:hover{background:var(--accent-surface)}.nav-item kbd{font-size:12px;color:inherit}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;padding:8px}.workspace{margin-top:56px;margin-left:var(--nav-width);min-width:0;outline:none}.page-content{padding:24px;max-width:1760px;margin:0 auto;min-width:0}.view-title{margin-bottom:16px}.view-heading{display:flex;align-items:center;gap:16px;min-height:32px;margin-bottom:24px}.view-heading .muted{margin-left:auto}.toolbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.summary-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:40px;padding:0 0 12px;border-bottom:1px solid var(--line);margin-bottom:16px;font-size:13px}.summary-item{padding:0;min-height:24px;font-size:13px;color:var(--ink);border-radius:0}.summary-item:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.summary-item+.summary-item::before{content:"·";padding-right:8px;color:var(--muted)}
.receivers-section{margin-top:24px}.receivers-section>h2{margin-bottom:12px}.receiver-table{width:100%;overflow:auto}.receiver-table table{width:100%;border-collapse:collapse;text-align:left;table-layout:auto}.receiver-table th{font-size:12px;font-weight:500;color:var(--muted);height:32px;border-bottom:1px solid var(--line);padding:4px 12px;white-space:nowrap}.receiver-table td{height:48px;border-bottom:1px solid var(--line);padding:8px 12px;vertical-align:middle;font-size:13px;white-space:nowrap}.receiver-table th:first-child,.receiver-table td:first-child{padding-left:0}.receiver-table th:last-child,.receiver-table td:last-child{padding-right:0}.receiver-row:hover{background:var(--surface-secondary)}.receiver-expand{font-weight:500;padding:0;text-align:left;display:inline-flex;align-items:center;gap:8px;min-height:32px}.receiver-name small{display:block}.receiver-os{color:var(--muted)}.receiver-mini{padding:16px 0}.receiver-mini svg{display:block;width:100%;height:80px}.lane-progress{min-width:96px;max-width:160px}.lane-progress svg{display:block;width:100%;height:6px}.lane-progress .track{fill:var(--surface-secondary)}.lane-progress .completed{fill:var(--status-completed)}.lane-progress .rejected{fill:var(--status-rejected)}.lane-progress .failed{fill:var(--status-failed)}.copy-hash{color:var(--muted);font-size:12px;font-family:Consolas,monospace;padding:0}.state-pill,.badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:20px;padding:0 8px;border:1px solid var(--line);border-radius:6px;white-space:nowrap;color:var(--muted);background:var(--surface)}.state-pill.verified,.state-pill.completed{color:var(--status-completed);border-color:var(--status-completed)}.state-pill.quarantined,.state-pill.rejected{color:var(--status-rejected);border-color:var(--status-rejected)}.state-pill.failed,.state-pill.deprioritized{color:var(--status-failed);border-color:var(--status-failed)}.state-pill.paused{color:var(--status-paused);border-style:dashed}.state-pill.timeout,.state-pill.stale{color:var(--status-timeout)}.state-pill.healthy,.state-pill.active{color:var(--muted)}.lane-reason{display:block;color:var(--muted);font-size:12px;white-space:normal;max-width:220px}.diagnostics-section{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.diagnostic-header{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:12px}.diagnostic-header details{margin-left:auto;position:relative}.diagnostic-header summary{cursor:pointer;color:var(--accent)}#diagnostic-rule-list{position:absolute;right:0;top:24px;z-index:15;width:min(440px,70vw);margin:0;padding:16px 16px 16px 32px;background:var(--surface);border:1px solid var(--line);border-radius:8px;line-height:1.6}#diagnostic-rule-list li{padding:4px}#diagnostic-rule-list strong{display:block;font-size:13px}#diagnostic-list:empty{display:none}.diagnostic{display:flex;align-items:flex-start;gap:16px;border-left:2px solid var(--status-failed);padding:12px 16px;margin-top:12px}.diagnostic strong{font-size:13px;font-weight:600}.diagnostic p{font-size:13px;color:var(--muted);margin-top:4px}.diagnostic button{color:var(--accent);font-size:12px;white-space:nowrap;margin-left:auto}.diagnostic-icon{display:none}
.timeline-legend,.agent-chart-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.timeline-legend{margin-bottom:16px}.timeline-legend span,.agent-chart-legend span{display:inline-flex;align-items:center;gap:8px}.swatch{width:8px;height:8px;display:inline-block;flex:none}.swatch.completed{background:var(--status-completed)}.swatch.rejected{background:var(--status-rejected);transform:rotate(45deg)}.swatch.failed{background:var(--status-failed)}.swatch.timeout,.swatch.stale,.swatch.unrouted{background:var(--status-timeout);border-radius:50%}.swatch.security{background:var(--accent)}.swatch.operational{background:var(--muted)}.timeline-chart{min-height:360px;touch-action:none;border-bottom:1px solid var(--line);position:relative}.timeline-chart svg{display:block;width:100%;height:auto;min-height:320px}.timeline-chart text,.receiver-mini text,.agent-chart text{font:12px -apple-system,"Segoe UI",Inter,Roboto,sans-serif;fill:var(--muted)}.timeline-chart .lane-label{fill:var(--ink);font-size:13px;font-weight:500}.timeline-chart .lane-background{fill:var(--surface-secondary)}.timeline-chart .axis-line,.timeline-chart .zero-line{stroke:var(--line);stroke-width:1}.completed-bar{fill:var(--status-completed)}.outcome-marker.rejected{fill:var(--status-rejected)}.outcome-marker.failed{fill:var(--status-failed)}.outcome-marker.timeout,.outcome-marker.stale,.outcome-marker.unrouted{fill:var(--status-timeout)}.timeline-event-marker{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4}.timeline-selection{fill:var(--accent);fill-opacity:.12;stroke:var(--accent);stroke-width:1}.timeline-hover{min-height:32px;font-size:12px;color:var(--muted);padding:8px 0}.marker-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.marker-card{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:4px 8px;text-align:left;display:flex;gap:8px;align-items:center}.marker-time{font-family:Consolas,monospace;color:var(--muted)}.marker-card .badge{border:0;padding:0;background:none}
.agent-list{border-top:1px solid var(--line)}.agent-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid var(--line);min-height:200px}.agent-meta{min-width:0}.agent-meta h2,.agent-meta h3{font-size:15px;margin-bottom:8px}.agent-meta .state-pill{margin-bottom:12px}.evidence-tags{display:flex;flex-wrap:wrap;gap:4px}.evidence-tag{font-size:12px;color:var(--muted);padding:0 8px 0 0}.evidence-tag.alert{color:var(--status-rejected)}.agent-meta p{font-size:12px;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.agent-chart{position:relative;min-width:0}.agent-chart svg{display:block;width:100%;height:180px;overflow:visible}.agent-chart .grid,.agent-chart .threshold{stroke:var(--line);stroke-width:1;stroke-dasharray:4 4}.agent-chart .trust-s{stroke:var(--accent);fill:none;stroke-width:2}.agent-chart .trust-o{stroke:var(--muted);fill:none;stroke-width:2;stroke-dasharray:4 4}.agent-chart circle.trust-s{fill:var(--accent);stroke:none}.agent-chart circle.trust-o{fill:var(--muted);stroke:none}.agent-crosshair{stroke:var(--ink);stroke-width:1;pointer-events:none}.agent-hover{min-height:24px;font-size:12px;color:var(--muted)}.agent-transitions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.agent-transitions button{font-size:12px;color:var(--muted);padding:0 8px 0 0;text-align:left}.agent-transitions .quarantined{color:var(--status-quarantined)}.transition-reason{font-family:Consolas,monospace;font-size:12px}
.filter-toolbar{display:grid;grid-template-columns:repeat(5,minmax(72px,1fr)) minmax(144px,1.8fr) auto;align-items:end;gap:8px;margin-bottom:12px}.filter-toolbar label{font-size:12px;color:var(--muted);min-width:0;display:flex;flex-direction:column;gap:4px}.filter-toolbar select,.filter-toolbar input{width:100%;font-size:13px}.filter-toolbar button{font-size:13px;height:32px}.event-time-filter{font-size:12px;min-height:24px;color:var(--muted)}.event-scroll{height:max(320px,calc(100dvh - 248px));max-height:880px;overflow:auto;border:1px solid var(--line);border-radius:6px;background:var(--surface);scrollbar-gutter:stable;contain:layout paint}.virtual-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left;font-size:12px}.virtual-table th{position:sticky;top:0;background:var(--surface-secondary);color:var(--muted);font-weight:500;z-index:2;border-bottom:1px solid var(--line);height:32px;padding:4px 12px;white-space:nowrap}.virtual-table td{height:32px;max-height:32px;padding:4px 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid var(--grid);line-height:20px}.virtual-table th:nth-child(1){width:16%}.virtual-table th:nth-child(2){width:14%}.virtual-table th:nth-child(3){width:13%}.virtual-table th:nth-child(4){width:17%}.virtual-table th:nth-child(5){width:29%}.virtual-table th:nth-child(6){width:11%}.event-row{height:32px;cursor:pointer}.event-row:hover{background:var(--surface-secondary)}.event-row.selected,.row-focused{background:var(--accent-surface)}.event-spacer td{height:auto;max-height:none;padding:0;border:0;line-height:0}.event-spacer svg{display:block;width:1px;pointer-events:none}.event-result[data-status=completed]{color:var(--status-completed)}.event-result[data-status=rejected]{color:var(--status-rejected)}.event-result[data-status=failed]{color:var(--status-failed)}.event-result[data-status=timeout],.event-result[data-status=stale]{color:var(--status-timeout)}.chunk-link{padding:0;min-height:24px;color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-family:Consolas,monospace}.event-type{font-family:Consolas,monospace}.event-drawer{position:fixed;right:0;top:56px;bottom:0;width:min(520px,50vw);z-index:35;overflow-y:auto;background:var(--surface);border-left:1px solid var(--line);padding:24px}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.drawer-subheading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 12px}.event-drawer>h3{margin-bottom:16px}.event-json{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;background:var(--surface-secondary);padding:16px;border-radius:6px;max-height:480px;overflow:auto}.attempt-row{position:relative;margin-left:4px;padding:0 0 24px 16px;border-left:1px solid var(--line);font-size:13px;display:grid;gap:4px}.attempt-row::before{content:"";position:absolute;left:-4px;top:8px;width:7px;height:7px;background:var(--surface);border:1px solid var(--muted);border-radius:50%}.attempt-row:last-child{padding-bottom:0}.attempt-row strong{font-weight:500}.attempt-row small{display:block;color:var(--muted);font-size:12px}.attempt-expired{color:var(--status-timeout)}.attempt-row[data-status=completed] strong{color:var(--status-completed)}.attempt-row[data-status=rejected] strong{color:var(--status-rejected)}.attempt-row[data-status=failed] strong{color:var(--status-failed)}
.integrity-panel{position:fixed;top:56px;left:280px;z-index:50;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 80px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px}.integrity-panel h2{margin-bottom:12px}.integrity-panel p{font-size:13px;color:var(--muted);line-height:1.6}.integrity-badges{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.badge.good{color:var(--status-completed);border-color:var(--status-completed)}.badge.bad{color:var(--status-rejected);border-color:var(--status-rejected)}.badge.warn{color:var(--status-failed);border-color:var(--status-failed)}.data-warning{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding:12px 0}.data-warning:first-child{margin-top:16px}.shortcuts-dialog{width:min(440px,calc(100vw - 32px));border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:24px}.shortcuts-dialog::backdrop{background:#0005}.shortcuts-dialog dl{margin:0}.shortcuts-dialog dl div{display:grid;grid-template-columns:120px 1fr;padding:8px 0;border-top:1px solid var(--line)}.shortcuts-dialog dd{margin:0}.copy-status{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);font-size:13px;background:var(--surface);color:var(--ink);border-radius:6px;z-index:70}.copy-status:not(:empty){border:1px solid var(--line);padding:8px 16px}.page-footer{display:flex;align-items:center;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);min-height:48px}.page-footer #refresh-status{margin-left:auto}.page-footer button{font-size:12px}.empty-state{padding:48px 24px;text-align:center;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.empty-state h1{color:var(--ink)}.empty-state p{max-width:520px}.error-state{border-left:2px solid var(--status-rejected);text-align:left}.loading-state{min-height:520px}.skeleton{background:var(--surface-secondary);border-radius:6px;min-height:16px}.skeleton-line{height:32px;margin-bottom:24px;width:60%}.skeleton-flow{height:360px;margin-bottom:24px}.empty-chart{min-height:144px;display:grid;place-items:center;color:var(--muted);font-size:13px}
body[data-nav-collapsed=true]{--nav-width:56px}body[data-nav-collapsed=true] .nav-item>span,body[data-nav-collapsed=true] .nav-item kbd,body[data-nav-collapsed=true] .nav-toggle span,body[data-nav-collapsed=true] .sidebar-bottom>span{display:none}body[data-nav-collapsed=true] .sidebar-bottom{padding:0;justify-content:center}
body[data-presentation=true]{--type-scale:1.25;--nav-width:0px}body[data-presentation=true] .sidebar,body[data-presentation=true] .receivers-section,body[data-presentation=true] .diagnostics-section,body[data-presentation=true] .page-footer,body[data-presentation=true] #overview-view>.view-title,body[data-presentation=true] #receiver-observation-section{display:none}body[data-presentation=true] .page-content{max-width:none;padding:16px 24px}body[data-presentation=true] .summary-strip{margin:0;border:0;padding:0;min-height:40px}body[data-presentation=true] #overview-view{display:flex;flex-direction:column}body[data-presentation=true] .flow-region{order:-1}
@media(max-width:1280px){.agent-row{grid-template-columns:200px minmax(0,1fr);gap:16px}.receiver-table th,.receiver-table td{padding-left:8px;padding-right:8px}.topbar{gap:8px}.integrity-toggle{max-width:240px;overflow:hidden;text-overflow:ellipsis}.filter-toolbar{grid-template-columns:repeat(5,minmax(64px,1fr)) minmax(128px,1.5fr) auto}}
@media(max-width:1024px){:root{--nav-width:56px}.nav-item>span,.nav-item kbd,.nav-toggle span,.sidebar-bottom>span{display:none}.sidebar-bottom{padding:0;justify-content:center}.page-content{padding:16px}.brand{font-size:13px}.session-identity{max-width:88px}.topbar{gap:8px;padding:0 12px}.header-actions{gap:4px}.integrity-toggle{max-width:200px}.view-heading{flex-wrap:wrap;gap:8px}.toolbar-actions{gap:4px}.agent-row{grid-template-columns:176px minmax(0,1fr)}.filter-toolbar{grid-template-columns:repeat(5,minmax(0,1fr)) auto}.filter-toolbar .event-search{grid-column:1/-2;grid-row:2}.filter-toolbar>button{grid-column:-2;grid-row:2}.event-scroll{height:max(320px,calc(100dvh - 288px))}.receiver-table th,.receiver-table td{font-size:12px}.lane-progress{min-width:64px}.integrity-panel{left:16px}.event-drawer{width:min(520px,65vw)}}
@media(max-width:767px){.topbar .brand{display:none}.session-identity{border-left:0;padding-left:0}.header-actions .text-button{font-size:12px}.integrity-toggle{max-width:150px}.header-actions .small-button{font-size:12px;padding:4px}.theme-label select{max-width:72px}.page-content{padding:12px}.agent-row{grid-template-columns:minmax(0,1fr)}.receiver-table{font-size:12px}.event-drawer{width:calc(100vw - 56px)}.virtual-table th,.virtual-table td{padding-left:8px;padding-right:8px}.virtual-table th:nth-child(4){display:none}.virtual-table td:nth-child(4){display:none}.view-heading .toolbar-actions{width:100%;margin-left:0}.view-heading .muted{margin-left:0}.page-footer{flex-wrap:wrap;gap:8px}}
@media(prefers-reduced-motion:no-preference){.mode-badge.live::before,.mode-badge[data-mode=live]::before{animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{50%{opacity:.45}}}

#attempt-list,#warning-list{list-style:none;margin:0;padding:0}.read-warning{font-size:12px;line-height:1.6;color:var(--muted);padding:12px 0;border-top:1px solid var(--line)}

.timeline-event-marker{fill:var(--muted)}.agent-transitions{list-style:none;padding:0}.agent-transitions li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.agent-transitions .transition-caption{color:var(--muted);font-size:12px}
@media(max-width:1024px){.agent-row{grid-template-columns:minmax(0,1fr)}}

.agent-chart .trust-threshold{stroke:var(--muted);stroke-opacity:.7;stroke-width:1;stroke-dasharray:4 4}.agent-chart .quarantine-line{stroke:var(--status-quarantined);stroke-width:1;stroke-dasharray:4 4}.agent-chart .transition-line{stroke:var(--status-deprioritized);stroke-width:1;stroke-dasharray:4 4}.agent-transition-mark{cursor:pointer}.agent-transition-mark text{font-size:12px;fill:var(--ink)}.agent-transition-mark:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.timeline-chart .timeline-mark{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4}.timeline-event-marker{cursor:pointer;fill:var(--muted)}.timeline-event-marker.marker-fault,.timeline-event-marker.marker-network{fill:var(--accent)}.timeline-event-marker[data-marker-state=quarantined]{fill:var(--status-quarantined)}.timeline-event-marker[data-marker-state=quarantined] .timeline-mark{stroke:var(--status-quarantined)}.timeline-event-marker[data-marker-state=deprioritized],.timeline-event-marker[data-marker-state=failed]{fill:var(--status-failed)}.timeline-event-marker[data-marker-state=deprioritized] .timeline-mark,.timeline-event-marker[data-marker-state=failed] .timeline-mark{stroke:var(--status-failed)}

.boot-loading{min-height:100dvh;background:var(--bg)}.boot-header{height:56px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);background:var(--surface);font-size:15px}.boot-header strong{font-weight:650}.boot-content{margin-left:var(--nav-width);padding:24px;max-width:1760px}.boot-content #boot-message{font-size:13px;color:var(--muted);height:32px;margin-bottom:16px}.boot-content #boot-retry{margin-bottom:16px}.skeleton-status{height:32px;width:65%;margin-bottom:16px}.boot-content .skeleton-flow{height:clamp(448px,46vh,560px);margin-bottom:24px}.skeleton-receivers{height:144px;width:100%}
.boot-content #boot-message{height:28px}.skeleton-status{height:40px}.skeleton-flow-toolbar{height:40px;padding-bottom:8px}.skeleton-flow-toolbar>.skeleton{height:32px;width:96px}

.receiver-os{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:12px;line-height:20px}.receiver-os svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.25}

/* Receiver columns retain their geometry across recorded cursor updates. */
body{display:flow-root}.summary-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-start}.summary-item{text-align:left;white-space:nowrap;flex:none}.receiver-table table{table-layout:fixed;min-width:960px}.receiver-table th:nth-child(1){width:14%}.receiver-table th:nth-child(2){width:14%}.receiver-table th:nth-child(3){width:17%}.receiver-table th:nth-child(4){width:10%}.receiver-table th:nth-child(5){width:9%}.receiver-table th:nth-child(6){width:8%}.receiver-table th:nth-child(7){width:10%}.receiver-table th:nth-child(8){width:8%}.receiver-table th:nth-child(9){width:10%}.receiver-table td{overflow:hidden;text-overflow:ellipsis}.receiver-table td.receiver-progress{overflow:visible}

/* Preserve all Receiver information on phones instead of clipping a desktop
   table. The semantic cells and exact recorded values are unchanged. */
@media(max-width:620px){
  .receiver-table{overflow:visible}.receiver-table table{display:block;min-width:0;width:100%}
  .receiver-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .receiver-section{display:block;margin:12px 0;border:1px solid var(--line);border-radius:8px;padding:10px;min-width:0}
  .receiver-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;min-width:0}
  .receiver-row:hover{background:transparent}
  .receiver-table .receiver-row>td{display:block;min-width:0;height:auto;padding:0;border:0;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;font-size:13px}
  .receiver-row>td:first-child{grid-column:1/-1;display:flex;align-items:center;gap:12px}
  .receiver-state,.receiver-progress,.receiver-hash{grid-column:1/-1}
  .receiver-table .receiver-progress{min-width:0;max-width:none;padding:2px 0 6px}
  .receiver-row>td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;line-height:16px;font-weight:400}
  .receiver-row .receiver-hash .copy-hash{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .receiver-row .lane-reason{max-width:none;overflow-wrap:anywhere}
  .receiver-mini-row{display:block}.receiver-table .receiver-mini-row>td{display:block;height:auto;padding:0;border:0}
  .receiver-mini{padding:12px 0 0}
}

.timeline-svg{user-select:none;-webkit-user-select:none}

body[data-presentation=true] .summary-item{font-size:calc(var(--text-sm)*var(--type-scale))}

/* Compact evidence views; rule decisions and recorded values are unchanged. */
.nav-toggle{justify-content:center;gap:0;padding:4px;margin-bottom:12px}.nav-toggle[aria-expanded=false] svg{transform:scaleX(-1)}
.diagnostic-header{align-items:flex-start}.diagnostic-header>details:first-child{margin:0;position:static;flex:1;min-width:0}.diagnostic-header>details:last-child{margin-top:0;flex:none}.diagnostic-header #diagnostic-summary{color:var(--muted);font-size:12px;min-height:24px}.diagnostic-header summary{cursor:pointer}.diagnostic{display:block;border-left:2px solid var(--status-failed);padding:8px 12px;margin-top:8px}.diagnostic>summary{color:var(--ink);font-size:13px;min-height:24px}.diagnostic-evidence-list{list-style:none;padding:0;margin:8px 0 0}.diagnostic-evidence{display:flex;align-items:flex-start;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.diagnostic-evidence>div{min-width:0}.diagnostic-evidence>button{margin-left:auto;flex:none}.diagnostic-evidence p{max-width:88ch}.diagnostic-evidence .diagnostic-context{margin-top:8px;color:var(--ink)}#diagnostic-more{margin-top:8px}#diagnostic-more>summary{font-size:12px;color:var(--accent)}
.agent-explanation{font-size:12px;line-height:1.6;color:var(--muted);margin:-12px 0 12px}.agent-row{padding:16px 0;min-height:0}.agent-chart svg{height:112px}.agent-chart-legend .swatch{width:20px;height:0;background:none;border-top:2px solid var(--accent)}.agent-chart-legend .swatch.operational{border-top:2px dashed var(--muted)}.agent-chart .agent-state-track{stroke:var(--line);stroke-width:1}.agent-chart .agent-state-icon{fill:var(--status-deprioritized);stroke:var(--surface);stroke-width:1}.agent-chart .agent-state-icon.quarantined{fill:var(--status-quarantined)}.agent-chart .trust-hover-point.trust-s{fill:var(--accent);stroke:var(--surface);stroke-width:1}.agent-chart .trust-hover-point.trust-o{fill:var(--surface);stroke:var(--muted);stroke-width:2;stroke-dasharray:none}.agent-hover{min-height:24px;white-space:normal}.agent-transitions{gap:4px 12px;margin-top:4px;font-size:12px}.agent-transitions li{align-items:flex-start}
.event-track-background{fill:var(--surface-secondary)}.event-track-row:nth-child(even) .event-track-background{fill:var(--surface)}.event-track-divider{stroke:var(--line);stroke-width:1}.timeline-event-marker>path,.timeline-event-marker>rect,.timeline-event-marker>circle{stroke-dasharray:none;stroke:var(--surface)}.loading-progress{font-size:13px;color:var(--muted);padding:8px 0 16px}
@media(max-width:767px){.diagnostic-header{gap:8px}.diagnostic-evidence{display:block}.diagnostic-evidence>button{margin-top:8px}.diagnostic{padding:8px}.summary-strip{row-gap:4px}}

/* Prepare inactive charts at their real width without a visible layout shift. */
.page-content{position:relative}
.view-panel.preparing-view{position:absolute;left:24px;right:24px;top:24px;opacity:0}
@media(max-width:1024px){.view-panel.preparing-view{left:16px;right:16px;top:16px}}
@media(max-width:767px){.view-panel.preparing-view{left:12px;right:12px;top:12px}}

/* Preserve rendering state while native content visibility excludes hidden
   subtrees from paint, focus, hit testing and the accessibility tree. */
.view-panel[hidden]{display:block!important;content-visibility:hidden;height:0;overflow:hidden}

/* Timeline evidence labels wrap as complete text instead of imposing their
   combined min-content width on narrow viewports. No evidence is clipped. */
.marker-card{min-width:0;max-width:100%;flex-wrap:wrap;overflow-wrap:anywhere}
.marker-card>*{min-width:0}