.codex-panel__status-stream-item {
  min-width: 0;
  max-width: 100%;
  margin-bottom: var(--codex-panel-section-gap);
  padding-left: var(--codex-panel-rail-indent);
  border: 0;
  border-left: var(--codex-panel-rail);
  border-radius: 0;
  background: transparent;
}

.codex-panel__status-stream-item .codex-panel__stream-item-role {
  font-size: var(--codex-panel-secondary-label-size);
  font-weight: var(--codex-panel-secondary-label-weight);
}

.codex-panel__status-stream-item--warning {
  border-left-color: var(--codex-panel-color-warning);
}

.codex-panel__status-stream-item--warning > .codex-panel__stream-item-role {
  color: var(--codex-panel-color-warning);
}

.codex-panel__detail-item {
  min-width: 0;
  max-width: 100%;
  margin-bottom: var(--codex-panel-section-gap);
  padding-left: var(--codex-panel-rail-indent);
  border: 0;
  border-left: var(--codex-panel-rail);
  border-radius: 0;
  background: transparent;
}

.codex-panel__detail-item .codex-panel__stream-item-role {
  font-size: var(--codex-panel-secondary-label-size);
  font-weight: var(--codex-panel-secondary-label-weight);
}

.codex-panel__execution--running {
  border-left-color: var(--codex-panel-color-accent);
}

.codex-panel__execution--completed {
  border-left-color: var(--codex-panel-color-success);
}

.codex-panel__execution--failed {
  border-left-color: var(--codex-panel-color-danger);
}

.codex-panel__detail-header {
  display: flex;
  align-items: center;
  min-width: 0;
  color: var(--text-muted);
  cursor: default;
}

.codex-panel__detail--plain .codex-panel__detail-header {
  cursor: text;
}

.codex-panel__detail-disclosure > .codex-panel__detail-header:hover,
.codex-panel__detail-disclosure > .codex-panel__detail-header:hover .codex-panel__stream-item-role {
  color: var(--nav-item-color-hover, var(--text-normal));
}

.codex-panel__detail-header .codex-panel__stream-item-role {
  margin-bottom: 0;
}

.codex-panel__output,
.codex-panel-diff-file {
  margin-top: var(--codex-panel-section-gap);
}

.codex-panel__detail > .codex-panel__output,
.codex-panel__detail > .codex-panel-diff-file,
.codex-panel__detail > .codex-panel__meta-grid,
.codex-panel__detail-disclosure > .codex-panel__output,
.codex-panel__detail-disclosure > .codex-panel-diff-file,
.codex-panel__detail-disclosure > .codex-panel__meta-grid {
  margin-left: 0;
}

.codex-panel__detail-disclosure {
  cursor: text;
  user-select: text;
}

.codex-panel__stream-summary {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: var(--text-muted);
  font-size: var(--font-ui-small);
  cursor: text;
  user-select: text;
}

.codex-panel__detail > .codex-panel__stream-summary {
  min-width: 0;
  max-width: 100%;
  margin-top: var(--codex-panel-panel-gap);
  overflow: hidden;
  line-height: var(--line-height-tight);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.codex-panel__detail.is-open > .codex-panel__stream-summary {
  display: none;
}

.codex-panel__task-list,
.codex-panel__agent-list {
  display: flex;
  flex-direction: column;
  gap: var(--codex-panel-panel-gap);
  margin: var(--codex-panel-control-gap) 0 0;
  padding: 0;
  list-style: none;
}

.codex-panel__task-step,
.codex-panel__agent-row {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: var(--codex-panel-item-gap);
  min-width: 0;
  color: var(--text-muted);
  font-size: var(--font-ui-small);
}

.codex-panel__task-marker,
.codex-panel__agent-thread {
  color: var(--text-faint);
  font-family: var(--font-monospace);
  font-size: var(--font-ui-smaller);
}

.codex-panel__task-step--completed .codex-panel__task-text {
  color: var(--text-faint);
}

.codex-panel__task-step--inProgress .codex-panel__task-marker,
.codex-panel__task-step--inProgress .codex-panel__task-text {
  color: var(--text-accent);
}

.codex-panel__agent-status {
  min-width: 0;
  overflow-wrap: anywhere;
}

.codex-panel__agent-list--summary {
  margin-top: var(--codex-panel-panel-gap);
}

.codex-panel__detail-header-actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0;
}

.codex-panel__agent-row-shell {
  min-width: 0;
}

.codex-panel__agent-row--interactive {
  min-height: 0;
  padding: 0 var(--codex-panel-control-gap);
  font: inherit;
  font-size: var(--font-ui-small);
  line-height: var(--line-height-tight);
}

.codex-panel__agent-row--interactive .codex-panel__agent-thread {
  font-family: inherit;
  font-size: inherit;
}

.codex-panel__agent-row--interactive:hover .codex-panel__agent-thread {
  color: var(--nav-item-color-hover, var(--text-normal));
}

.codex-panel__agent-row--more .codex-panel__agent-status {
  color: var(--text-faint);
}

.codex-panel__output-title {
  line-height: var(--line-height-tight);
}

.codex-panel__output pre {
  max-height: var(--codex-panel-size-output-max-height);
  margin: var(--codex-panel-item-gap) 0 0;
  padding: var(--codex-panel-section-gap);
  overflow: auto;
  border-radius: var(--codex-panel-code-radius);
  background: var(--codex-panel-code-surface);
  color: var(--code-normal, var(--codex-panel-text-muted));
  font-family: var(--font-monospace);
  font-size: var(--font-smaller);
  cursor: text;
  user-select: text;
  white-space: pre-wrap;
}
