.copilotkit-workbench [data-testid="copilot-message-list"] > .document-job-progress {
  margin: 10px 0 14px;
  padding: 14px;
  border: 1px solid var(--border-color, #dbe3ed);
  border-radius: 12px;
  background: var(--panel-bg, #f8fafc);
  color: var(--text-primary, #17212f);
  font-size: 13px;
  line-height: 1.55;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}
.document-job-progress header { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.document-job-progress header strong { margin-right: auto; font-size: 13px; }
.document-job-progress-elapsed { color: var(--text-muted, #64748b); font-variant-numeric: tabular-nums; }
.document-job-progress header button { border: 1px solid #cbd5e1; background: #fff; color: #334155; border-radius: 7px; padding: 5px 10px; cursor: pointer; }
.document-job-progress header button:focus-visible, .document-job-progress summary:focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
.document-job-progress p { margin: 6px 0 0; }
.document-job-progress .document-job-progress-request { margin: 0 0 12px; padding-bottom: 10px; border-bottom: 1px solid #e2e8f0; white-space: pre-wrap; color: #334155; }
.document-job-progress-skill, .document-job-progress-detail { color: var(--text-muted, #64748b); }
.document-job-progress-status > p:first-child { display: flex; gap: 8px; align-items: center; font-weight: 600; }
.document-job-progress-mark { width: 7px; height: 7px; border-radius: 50%; background: #64748b; flex-shrink: 0; }
.document-job-progress-mark--active { background: #2563eb; box-shadow: 0 0 0 3px #dbeafe; }
.document-job-progress-warning { color: #92400e; }
.document-job-progress-steps { display: grid; gap: 4px; list-style: none; padding: 10px 0 0; margin: 0; color: #64748b; }
.document-job-progress-steps li { display: flex; gap: 8px; align-items: center; }
.document-job-progress-steps .is-active { color: #1d4ed8; font-weight: 600; }
.document-job-progress-steps .is-complete { color: #166534; }
.document-job-progress details { border-top: 1px solid #e2e8f0; margin-top: 10px; padding-top: 8px; }
.document-job-progress summary { cursor: pointer; color: #475569; }
.document-job-progress-history { padding-left: 20px; margin: 8px 0 0; max-height: 180px; overflow-y: auto; }
.document-job-progress-history li { margin: 4px 0; }
.copilotkit-workbench [data-testid="copilot-message-list"] > .document-job-progress.document-job-progress--terminal { padding: 10px 14px; }
@media (max-width: 480px) {
  .copilotkit-workbench [data-testid="copilot-message-list"] > .document-job-progress { padding: 12px; }
  .copilotkit-workbench [data-testid="copilot-message-list"] > .document-job-progress.document-job-progress--terminal { padding: 10px 12px; }
  .document-job-progress header button { min-height: 36px; min-width: 44px; }
  .document-job-progress summary { padding: 4px 0; }
}

/* Only the message flow containing a progress card opts into shrinking. */
.copilotkit-workbench .copilotKitChat:has(.document-job-progress),
.copilotkit-workbench .copilotKitChat :has(.document-job-progress) {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.copilotkit-workbench [data-testid="copilot-message-list"]:has(> .document-job-progress) {
  grid-template-columns: minmax(0, 1fr);
}
#ai-pane:has(.document-job-progress),
.copilotkit-workbench:has(.document-job-progress) {
  grid-template-columns: minmax(0, 1fr);
}
#copilotkit-ai-root:has(.document-job-progress),
.copilotkit-workbench:has(.document-job-progress) {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}