.run-artifacts { display: grid; gap: 10px; margin-top: 11px; }
.test-results, .diff-result, .validation-evidence { padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.018); }
.test-results h4 { display: flex; align-items: center; gap: 6px; margin: 0 0 9px; font-size: 9px; }
.test-results h4 svg, .diff-result summary svg, .validation-evidence h4 svg { width: 13px; height: 13px; color: var(--accent); }
.test-result-list { display: grid; gap: 6px; }
.test-result { min-width: 0; display: grid; grid-template-columns: 15px 1fr auto; gap: 7px; align-items: center; }
.test-result > svg { width: 13px; height: 13px; color: var(--muted); }
.test-result.passed > svg { color: var(--accent); }
.test-result.failed > svg { color: var(--danger); }
.test-result code { overflow: hidden; color: var(--muted-bright); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.test-result span { color: var(--muted); font-size: 8px; }
.diff-result summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; cursor: pointer; }
.diff-result summary > span { display: flex; align-items: center; gap: 6px; font-size: 9px; font-weight: 700; }
.diff-result summary small { color: var(--muted); font-size: 8px; }
.diff-file-list { display: flex; flex-wrap: wrap; gap: 5px; margin: 11px 0 8px; }
.diff-file-list code { padding: 5px 7px; border-radius: 6px; background: rgba(255,255,255,.045); color: var(--muted-bright); font-size: 8px; }
.diff-note { margin: 8px 0; color: var(--warning); font-size: 8px; line-height: 1.5; }
.run-detail .diff-patch { max-height: 430px; margin-top: 10px; color: #bbc7be; font-size: 9px; }
.validation-evidence h4 { display: flex; align-items: center; gap: 6px; margin: 0 0 4px; font-size: 9px; }
.validation-evidence p { margin: 0 0 9px; color: var(--muted); font-size: 8px; }
.evidence-list { display: flex; flex-wrap: wrap; gap: 6px; }
.evidence-link { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 6px 8px; border: 1px solid var(--line); border-radius: 7px; background: rgba(255,255,255,.035); color: var(--muted-bright); cursor: pointer; font: 8px ui-monospace, SFMono-Regular, Menlo, monospace; }
.evidence-link:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
.evidence-link:disabled { cursor: wait; opacity: .65; }
.evidence-link svg { width: 12px; height: 12px; flex: 0 0 auto; }
.evidence-link span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.evidence-link small { color: var(--muted); font: 8px ui-sans-serif, system-ui, sans-serif; }

@media (max-width: 760px) {
  .test-result { grid-template-columns: 15px 1fr; }
  .test-result span { grid-column: 2; }
}