.workflow-run-view { max-width: 1000px; margin: 0 auto; padding: 16px; overflow-wrap: anywhere; }
.workflow-run-view nav { display: flex; flex-wrap: wrap; gap: 16px; }
.workflow-run-view section { margin-block: 24px; }
.workflow-run-view details { border: 1px solid var(--border); border-radius: 8px; padding: 12px; margin-block: 12px; }
.workflow-run-view summary { cursor: pointer; min-height: 44px; padding: 8px; }
.workflow-run-view dl { display: grid; grid-template-columns: minmax(110px, 1fr) minmax(0, 3fr); gap: 8px; }
.workflow-run-view dd { margin: 0; white-space: pre-wrap; }
.workflow-run-view dt { font-weight: 600; }
.workflow-run-view .wfr-table { overflow-x: auto; }
.workflow-run-view table { border-collapse: collapse; width: 100%; }
.workflow-run-view th, .workflow-run-view td { border: 1px solid var(--border); padding: 8px; text-align: left; }
.workflow-run-view .wfr-query { white-space: pre-wrap; border-left: 3px solid var(--accent); padding-left: 12px; }
.workflow-run-view pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.workflow-run-view button, .workflow-run-view nav a { min-height: 44px; }
@media (max-width: 600px) { .workflow-run-view { padding: 8px; } .workflow-run-view dl { grid-template-columns: 1fr; } }