.results-workspace {
  display: grid;
  gap: var(--cai-space-3);
}

.results-workspace > .run-scope {
  margin: 0;
}
.results-empty { margin: 0; }
.results-empty > p { margin-block: 0 var(--cai-space-3); }
.results-empty-actions { display: flex; flex-wrap: wrap; gap: var(--cai-space-2); }
.run-table .run-scenario,
.run-table .run-date { display: block; color: var(--cai-color-text-secondary); font-size: var(--cai-font-size-meta); }
.run-table .run-scenario { margin-top: var(--cai-space-1); }
.run-table .run-date { margin-top: var(--cai-space-1); }

.results-workspace > .results-search,
.results-workspace > .results-count,
.results-workspace > .results-state,
.results-workspace > .results-list {
  min-width: 0;
  margin: 0;
}

.results-search {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) minmax(160px, 1fr) minmax(160px, 1fr) auto;
  align-items: end;
  gap: var(--cai-space-4);
}

.results-search .field { min-width: 0; margin: 0; }
.results-count { margin: 0 0 var(--cai-space-3); font-weight: var(--cai-font-weight-bold); }
.results-state:empty { display: none; }
.results-state .errorbox { margin: 0 0 var(--cai-space-3); }
.results-list .tablewrap { margin-top: var(--cai-space-3); }
.result-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(var(--cai-layout-width-rail), 1fr);
  align-items: start;
  gap: var(--cai-space-4);
}
.result-overview-summary,
.result-overview-tools { min-width: 0; }
.result-overview .result-technical,
.result-overview .storage-error { min-width: 0; }
.result-technical code { display: block; margin-top: var(--cai-space-2); }
.result-overview .storage-error { margin: 0; }
.storage-error > :first-child { margin-top: 0; }
.result-overview-tools { display: grid; gap: var(--cai-space-2); }
.result-overview-tools .result-technical,
.result-overview-tools .result-export-disclosure { margin: 0; }
.result-export-disclosure { margin-block: var(--cai-space-4); }
.result-export-section { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--cai-space-3); }
.result-export { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--cai-space-2); padding: var(--cai-space-2) 0; border-bottom: 1px solid var(--cai-color-border-default); }
.result-export > p { margin: 0; overflow-wrap: anywhere; }
.export-state { font-size: var(--cai-font-size-meta); font-weight: var(--cai-font-weight-bold); }
.export-state.is-saved { color: var(--cai-color-feedback-success-text); }
.export-state.is-failed { color: var(--cai-color-feedback-danger-text); }
.result-events { display: grid; gap: var(--cai-space-3); margin: 0; padding: 0; list-style: none; }
.result-event { display: grid; grid-template-columns: minmax(10rem, .8fr) minmax(8rem, .6fr) minmax(0, 2fr); align-items: start; gap: var(--cai-space-2) var(--cai-space-4); min-width: 0; padding-block: var(--cai-space-3); border-bottom: var(--cai-border-width-thin) solid var(--cai-color-border-default); }
.result-event__time { color: var(--cai-color-text-secondary); font-size: var(--cai-font-size-meta); font-variant-numeric: tabular-nums; }
.result-event__action { min-width: 0; }
.result-event__content { min-width: 0; margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.replay-controls { align-items: end; }
.replay-controls .field { width: min(180px, 100%); margin: 0; }
.summary-section { margin-top: var(--cai-space-4); }
.summary-section > button { margin: var(--cai-space-2) 0; }
#summary { overflow-wrap: anywhere; }

@media (max-width: 900px) {
  .results-search { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--cai-space-3); }
  .results-search .field:first-child { grid-column: 1 / -1; }
  .results-actions { grid-column: 1 / -1; }
  .result-overview { grid-template-columns: minmax(0, 1fr); }
  .result-export-section { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 420px) {
  .results-search { grid-template-columns: minmax(0, 1fr); }
  .results-search .field:first-child, .results-actions { grid-column: auto; }
  .results-actions > button { flex: 1 1 auto; }
  .result-overview { gap: var(--cai-space-3); }
}

@media (max-width: 600px) {
  .result-overview { gap: var(--cai-space-4); }
  .result-event { grid-template-columns: minmax(0, 1fr); gap: var(--cai-space-1); }
}

@container page-content (max-width: 55em) {
  .results-search { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .results-search .field:first-child, .results-actions { grid-column: 1 / -1; }
  .result-overview { grid-template-columns: minmax(0, 1fr); }
}

@container page-content (max-width: 37.5em) {
  .results-search { grid-template-columns: minmax(0, 1fr); }
  .results-search .field:first-child, .results-actions { grid-column: auto; }
}