.observer-run-summary { display: grid; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--bg); color: var(--text); }
.observer-run-summary .observer-run-facts { border: 0; }
.observer-run-summary .observer-run-facts caption { padding: 0 0 4px; }
.observer-run-body pre { font-size: 13px; line-height: 1.65; }
.journal-provenance { display: block; margin-top: 5px; padding: 3px 5px; border: 1px solid var(--line); border-radius: 5px; font-size: 10px; background: var(--panel); color: var(--muted); }
.journal-provenance:hover, .journal-provenance:focus-visible { background: var(--deep); color: var(--green); border-color: var(--green); }
.observer-run-modal { color: var(--text); }
.observer-run-body pre { max-height: 360px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--bg); color: var(--text); user-select: text; }
.observer-run-facts td { overflow-wrap: anywhere; }
#observer-entry-text { margin: 0 0 12px; color: var(--text); white-space: pre-wrap; user-select: text; }
@media (prefers-color-scheme: light) {
  .observer-run-modal { --bg: #f0f5ed; --panel: #fbfdf9; --raised: #e8efe4; --line: #c6d2c1; --text: #243422; --muted: #53644f; --green: #2c693b; --deep: #e0edda; --red: #a82b31; background: var(--panel); color: var(--text); }
  .observer-run-modal details, .observer-run-modal summary, .observer-run-modal .pane-head { background: var(--panel); color: var(--text); }
  .observer-run-modal button { background: var(--raised); color: var(--text); border-color: var(--line); }
}
@media (max-width: 600px) {
  .observer-run-facts th { width: 105px; }
  .observer-run-body { padding: 10px; }
}
.journal-grouping { color: var(--muted); font-size: 10px; white-space: nowrap; }
.journal-block .activity-display { max-height: none; min-height: 0; }

#observer-block-context { padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--bg); color: var(--text); }
#observer-block-window { margin: 0 0 8px; color: var(--muted); }
#observer-block-summary { white-space: pre-wrap; user-select: text; margin: 0 0 12px; }
#observer-block-entry { width: 100%; min-width: 0; padding: 8px; border: 1px solid var(--line); border-radius: 5px; background: var(--panel); color: var(--text); }
#observer-block-entry option { background: var(--panel); color: var(--text); }

.provenance-source-body { padding: 12px; }
.provenance-source-body > div { margin-bottom: 10px; }
.provenance-note { margin: 0 0 12px; color: var(--muted); font-size: 11px; }
.provenance-source-link { padding: 3px 6px; margin: 2px 5px 2px 0; border: 1px solid var(--line); border-radius: 5px; background: var(--panel); color: var(--text); font: inherit; }
.provenance-source-link:hover, .provenance-source-link:focus-visible { background: var(--deep); color: var(--green); }
.observer-run-body .pane-state:empty { display: none; }
#observer-source-picker label { display: block; margin-bottom: 5px; color: var(--muted); font-size: 11px; }
#observer-block-context > details { margin-top: 12px; }
#observer-source-details, #observer-technical-details { min-width: 0; }

.provenance-sources th { width: 85px; vertical-align: top; }
.provenance-sources td { font-family: inherit; line-height: 1.5; }
.provenance-source-text { display: block; margin-bottom: 4px; user-select: text; white-space: pre-wrap; }