/* Lane-local run surfaces use the frozen v4 tokens. */
[data-v31-root="running"] { margin-bottom: var(--s-7); font-size: var(--fs-desc); line-height: var(--lh-desc); color: var(--ink-2); scroll-margin-top: calc(var(--topbar-h) + var(--s-4)); }
.v31-run-selected .rs-layout, .v31-run-selected [data-rs-meta] { display: none; }
.v31-run-overview, .v31-run-panel { padding: var(--s-6); border: 1px solid var(--hairline); border-radius: var(--r-lg); background: var(--surface); }
.v31-run-overview { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--s-6); }
.v31-run-overview h2, .v31-run-panel > h3 { margin-bottom: var(--s-3); color: var(--ink); }
.v31-run-examples { display: grid; gap: var(--s-3); }
.v31-run-example { display: grid; gap: var(--s-3); padding: var(--s-4) var(--s-5); border: 1px solid var(--hairline-strong); border-radius: var(--r-md); color: var(--ink); background: var(--raised); font-size: var(--fs-ui); line-height: var(--lh-ui); min-height: 44px; }
.v31-run-example:hover { background: var(--hover-tint); border-color: var(--accent); }
.v31-run-example-title { font-size: var(--fs-row); line-height: var(--lh-row); font-weight: 600; }
.v31-run-example-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-4); color: var(--ink-2); font-size: var(--fs-small); line-height: var(--lh-small); }
.v31-run-example-id { font-family: var(--font-mono); font-size: var(--fs-mono); }
.v31-run-example-go { color: var(--accent-ink); font-weight: 600; font-size: var(--fs-ui); }
.v31-run-pill { display: inline-flex; align-items: center; padding: var(--s-1) var(--s-2); border-radius: var(--r-pill); background: var(--sunken); color: var(--ink-2); font-size: var(--fs-small); line-height: var(--lh-small); font-weight: 600; white-space: nowrap; }
.v31-run-pill--ok { background: var(--success-tint); color: var(--success); }
.v31-run-topline, .v31-run-header, .v31-run-section-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); flex-wrap: wrap; }
.v31-run-topline { margin-bottom: var(--s-4); }
.v31-run-ident { display: inline-flex; align-items: center; gap: var(--s-3); flex-wrap: wrap; }
.v31-run-id { font-family: var(--font-mono); font-size: var(--fs-mono); line-height: var(--lh-mono); color: var(--ink-2); }
.v31-run-header { align-items: flex-start; margin-bottom: var(--s-5); }
.v31-run-header > div:first-child { flex: 1 1 480px; }
.v31-run-header h2 { color: var(--ink); margin: var(--s-2) 0 var(--s-3); max-width: 52ch; }
.v31-run-actions { display: flex; gap: var(--s-2); flex-wrap: wrap; flex: 0 0 auto; }
.v31-run-status { color: var(--success); font-size: var(--fs-small); line-height: var(--lh-small); font-weight: 600; }
.v31-run-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-3); margin-bottom: var(--s-6); }
.v31-run-stats > div { padding: var(--s-3) var(--s-4); border: 1px solid var(--hairline); border-radius: var(--r-md); background: var(--surface); min-width: 0; }
.v31-run-stats dt { font-size: var(--fs-small); line-height: var(--lh-small); color: var(--ink-2); }
.v31-run-stats dd { margin-top: var(--s-1); color: var(--ink); font-size: var(--fs-row); line-height: var(--lh-row); font-weight: 600; font-variant-numeric: tabular-nums; }
.v31-run-stats dd span { display: block; font-size: var(--fs-small); line-height: var(--lh-small); font-weight: 400; color: var(--ink-2); }
.v31-run-nav { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--s-2) var(--s-5); flex-wrap: wrap; margin-bottom: var(--s-6); border-bottom: 1px solid var(--hairline-strong); }
.v31-run-tabs, .v31-run-related { display: flex; gap: var(--s-1); flex-wrap: wrap; align-items: center; }
.v31-run-related { padding-bottom: var(--s-1); }
.v31-run-related .v31-meta { margin-right: var(--s-1); }
.v31-run-link, .v31-run-tab { display: inline-flex; align-items: center; min-height: 44px; padding: var(--s-2) var(--s-3); border-radius: var(--r-md); font-size: var(--fs-ui); line-height: var(--lh-ui); color: var(--accent-ink); }
.v31-run-tab { border-radius: var(--r-md) var(--r-md) 0 0; border-bottom: 2px solid transparent; margin-bottom: -1px; color: var(--ink-2); }
.v31-run-tab.is-current { border-bottom-color: var(--accent); color: var(--ink); font-weight: 600; }
.v31-run-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 340px); gap: var(--s-6); align-items: start; }
.v31-run-grid > *, .v31-run-header > * { min-width: 0; }
.v31-run-sidebar { display: grid; gap: var(--s-5); }
.v31-run-panel .t-heading, .v31-run-event .t-row, .v31-run-plan .t-row { color: var(--ink); }
.v31-run-section-head { margin-bottom: var(--s-4); }
.v31-run-section-head > h3 { margin: 0; }
.v31-run-note { padding: var(--s-3) var(--s-4); background: var(--sunken); border-radius: var(--r-md); font-size: var(--fs-desc); line-height: var(--lh-desc); margin: var(--s-4) 0; }
.v31-run-filters { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, .65fr); gap: var(--s-3); margin-bottom: var(--s-3); }
.v31-run-filters label, .v31-run-field { display: grid; gap: var(--s-2); font-size: var(--fs-ui); color: var(--ink); }
.v31-run-filters input, .v31-run-filters select, .v31-run-field select, .v31-run-field textarea { width: 100%; min-width: 0; min-height: 44px; padding: var(--s-3); color: var(--ink); background: var(--raised); border: 1px solid var(--hairline-strong); border-radius: var(--r-md); font: inherit; }
.v31-run-field textarea { resize: vertical; }
.v31-run-filters input::placeholder { color: var(--ink-3); }
.v31-run-events { list-style: none; margin: var(--s-4) 0 0 var(--s-2); padding: 0; }
.v31-run-event { position: relative; display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--s-4); padding: var(--s-3) 0 var(--s-5) var(--s-5); border-left: 2px solid var(--hairline-strong); }
.v31-run-event:last-child { padding-bottom: var(--s-2); border-left-color: transparent; }
.v31-run-event::before { content: ''; position: absolute; left: -6px; top: var(--s-4); width: 10px; height: 10px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px var(--surface); }
.v31-run-event[data-tone="danger"]::before { background: var(--danger); }
.v31-run-event[data-tone="warn"]::before { background: var(--warning); }
.v31-run-event-meta { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-2); padding-top: var(--s-2); font-size: var(--fs-small); line-height: var(--lh-small); font-variant-numeric: tabular-nums; color: var(--ink); font-weight: 600; }
.v31-run-kind { display: inline-block; color: var(--accent-ink); background: var(--accent-tint); padding: var(--s-1) var(--s-2); border-radius: var(--r-sm); font-weight: 400; }
.v31-run-event-body { min-width: 0; }
.v31-run-event h3 { margin: var(--s-1) 0 var(--s-2); }
.v31-run-counts { display: flex; gap: var(--s-2); flex-wrap: wrap; margin: var(--s-3) 0 var(--s-1); font-size: var(--fs-small); line-height: var(--lh-small); }
.v31-run-counts > div { display: inline-flex; gap: var(--s-2); align-items: baseline; padding: var(--s-1) var(--s-3); border-radius: var(--r-sm); background: var(--sunken); }
.v31-run-counts dd { color: var(--ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.v31-run-counts .v31-run-count--reasons dd { font-weight: 400; }
.v31-run-counts .v31-run-count--danger { background: var(--danger-tint); } .v31-run-counts .v31-run-count--danger dt, .v31-run-counts .v31-run-count--danger dd { color: var(--danger); }
.v31-run-counts .v31-run-count--warn { background: var(--warning-tint); } .v31-run-counts .v31-run-count--warn dt, .v31-run-counts .v31-run-count--warn dd { color: var(--warning); }
.v31-run-event summary { display: inline-flex; align-items: center; min-height: 44px; margin-left: calc(var(--s-3) * -1); padding: 0 var(--s-3); border-radius: var(--r-md); color: var(--accent-ink); cursor: pointer; font-size: var(--fs-ui); list-style: none; }
.v31-run-event summary::-webkit-details-marker { display: none; }
.v31-run-event summary::before { content: '›'; display: inline-block; width: 1em; margin-right: var(--s-1); font-size: 1.25em; line-height: 1; }
.v31-run-event details[open] summary::before { transform: rotate(90deg); }
.v31-run-event-detail { display: grid; gap: var(--s-2); padding: var(--s-2) 0 var(--s-3); }
.v31-run-source { display: flex; align-items: center; padding: var(--s-3); border: 1px solid var(--hairline-strong); border-radius: var(--r-md); background: var(--raised); color: var(--accent-ink); min-height: 44px; font-size: var(--fs-ui); line-height: var(--lh-ui); }
.v31-run-source--excluded { color: var(--danger); background: var(--danger-tint); border-color: var(--danger-line); }
.v31-run-source--missing { color: var(--warning); background: var(--warning-tint); border-color: var(--warning-line); }
.v31-run-controls, .v31-run-links { display: flex; gap: var(--s-2); flex-wrap: wrap; margin: var(--s-4) 0; }
.v31-run-panel p + .v31-meta { margin-top: var(--s-3); }
.v31-run-controls .btn { flex: 1 1 45%; }
.v31-run-sidebar .btn { min-height: 44px; }
.v31-run-facts { margin: var(--s-3) 0; }
.v31-run-facts > div { display: grid; grid-template-columns: 124px minmax(0, 1fr); gap: var(--s-3); align-items: baseline; padding: var(--s-3) 0; border-bottom: 1px solid var(--hairline); }
.v31-run-facts dt { font-size: var(--fs-small); line-height: var(--lh-small); }
.v31-run-facts dd { color: var(--ink); font-size: var(--fs-desc); line-height: var(--lh-desc); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.v31-run-plan { padding: 0; margin: 0 0 var(--s-6); list-style: none; counter-reset: v31-step; }
.v31-run-plan li { position: relative; padding: var(--s-4) 0 var(--s-4) var(--s-8); border-bottom: 1px solid var(--hairline); counter-increment: v31-step; }
.v31-run-plan li::before { content: counter(v31-step); position: absolute; left: 0; top: var(--s-4); width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--success-tint); color: var(--success); font-size: var(--fs-small); font-weight: 600; font-variant-numeric: tabular-nums; }
.v31-run-step-status { display: block; color: var(--success); font-size: var(--fs-small); margin-bottom: var(--s-1); }
.v31-run-plan p { margin: var(--s-2) 0; }
.v31-run-ops { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.v31-run-empty { padding: var(--s-6) 0; }
.v31-run-revision { margin-bottom: var(--s-5); scroll-margin-top: calc(var(--topbar-h) + var(--s-4)); }
.v31-run-revision fieldset { border: 0; min-width: 0; padding: 0; margin: var(--s-5) 0; }
.v31-run-revision legend { margin-bottom: var(--s-2); color: var(--ink); }
.v31-run-revision .v31-run-field + .v31-run-field { margin-top: var(--s-4); }
.v31-run-lede { margin-bottom: var(--s-5); }
.v31-run-source-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2); margin-top: var(--s-3); }
.v31-run-source-choices label { display: flex; align-items: center; gap: var(--s-3); min-height: 44px; padding: var(--s-3); background: var(--raised); border: 1px solid var(--hairline-strong); border-radius: var(--r-md); color: var(--ink); }
.v31-run-source-choices .v31-id { color: var(--ink-2); }
.v31-run-source-choices input { width: 20px; height: 20px; flex: none; accent-color: var(--accent); }
.v31-run-revised { margin: var(--s-5) 0; padding: var(--s-4) var(--s-5); border-radius: var(--r-md); background: var(--sunken); }
.v31-run-delta { margin: var(--s-2) 0 0; color: var(--ink); }
.v31-run-delta strong { display: block; font-size: var(--fs-small); line-height: var(--lh-small); color: var(--ink-2); font-weight: 600; }
.v31-run-status-line { margin: var(--s-4) 0 0; color: var(--ink); font-size: var(--fs-ui); line-height: var(--lh-ui); }
.v31-run-status-line.is-invalid { color: var(--danger); font-weight: 600; }
[data-v31-root="running"] a:hover:not(.btn), .v31-run-event summary:hover { background: var(--hover-tint); }
[data-v31-root="running"] .v31-run-example:hover { background: var(--hover-tint); }
[data-v31-root="running"] :is(a, button, input, select, textarea, summary):focus-visible { outline: var(--focus-outline); outline-offset: var(--focus-offset); }
[data-v31-root="running"] :is(a, p, h2, h3, h4, label) { overflow-wrap: anywhere; }
@media (min-width: 1181px) { .v31-run-sidebar { position: sticky; top: calc(var(--topbar-h) + var(--s-4)); } }
@media (max-width: 1180px) { .v31-run-grid { grid-template-columns: minmax(0, 1fr); } .v31-run-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } }
@media (max-width: 900px) { .v31-run-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .v31-run-source-choices { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { .v31-run-stats > div { padding: var(--s-2) var(--s-3); } .v31-run-stats dd span { display: none; } .v31-run-topline { gap: var(--s-1) var(--s-3); margin-bottom: var(--s-3); } .v31-run-overview, .v31-run-sidebar { grid-template-columns: minmax(0, 1fr); } .v31-run-panel, .v31-run-overview { padding: var(--s-4); } .v31-run-event { grid-template-columns: minmax(0, 1fr); gap: var(--s-2); padding-left: var(--s-4); } .v31-run-event-meta { flex-direction: row; align-items: center; flex-wrap: wrap; gap: var(--s-3); padding-top: 0; } .v31-run-filters { grid-template-columns: minmax(0, 1fr); } .v31-run-actions { width: 100%; } .v31-run-actions .btn { flex: 1 1 140px; min-height: 44px; } .v31-run-nav { align-items: stretch; flex-direction: column; border-bottom: 0; margin-bottom: var(--s-5); } .v31-run-tabs { border-bottom: 1px solid var(--hairline-strong); } .v31-run-tab { flex: 1 1 0; justify-content: center; } .v31-run-related { padding: var(--s-1) 0 0; gap: 0 var(--s-1); } .v31-run-revision .btn { min-height: 44px; } .v31-run-revision .v31-run-links .btn { flex: 1 1 140px; } .v31-run-revised { padding: var(--s-3) var(--s-4); } }
/* A historical selection does not display an unrelated session's simulation panel. */
.v31-run-selected .app-head + section:not([data-v31-root]) { display: none; }