.chat-workflow, .work-plan.chat-workflow, .checklist-card.chat-workflow {
  min-inline-size: 0; margin-block: var(--space-5); padding: var(--space-5);
  border: 0; border-radius: var(--radius-base); background: var(--color-bg-alt);
  box-shadow: none; color: var(--color-on-surface); overflow-wrap: anywhere;
}
.chat-workflow__heading, .chat-workflow .work-plan__heading, .chat-workflow .checklist-heading {
  display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap; gap: var(--space-3);
}
.chat-workflow__heading > div { min-inline-size: 0; flex: 1 1 16rem; }
.chat-workflow__heading :is(h2, h3), .chat-workflow .work-plan__heading h3, .chat-workflow .checklist-heading h3 { margin-block: 0; font-size: 1rem; line-height: 1.5; }
.chat-workflow__heading .eyebrow { margin-block: 0 var(--space-2); }
.chat-workflow__state { flex: 0 1 auto; max-inline-size: 100%; white-space: normal; }
.chat-workflow__title { margin: 0; font-size: 1rem; line-height: 1.5; }
.chat-workflow__estimate { min-inline-size: 0; }
.chat-workflow__metrics { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-5); margin-block: var(--space-3) var(--space-4); }
.chat-workflow__metrics > div { min-inline-size: 0; flex: 1 1 8rem; }
.chat-workflow__metrics dt { color: var(--color-muted); font-size: var(--ui-small); }
.chat-workflow__metrics dd { margin: var(--space-1) 0 0; font-size: var(--ui-font); font-weight: 650; font-variant-numeric: tabular-nums; }
.chat-workflow__body { min-inline-size: 0; margin-block-start: var(--space-3); }
.chat-workflow .work-plan__form { gap: var(--space-4); margin-block-start: var(--space-4); }
.chat-workflow .work-plan__summary { margin-block: var(--space-3) 0; font-size: var(--ui-font); }
.chat-workflow .work-plan__field { gap: var(--space-2); }
.chat-workflow .work-plan__field :is(input, select, textarea) { max-inline-size: 100%; box-sizing: border-box; }
.chat-workflow .work-plan__field textarea:not(.work-stage__textarea) { min-block-size: 4.5em; }
.chat-workflow__actions, .chat-workflow .work-plan__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.chat-workflow__actions > .button { min-inline-size: 0; max-inline-size: 100%; white-space: normal; overflow-wrap: anywhere; }
.chat-workflow__item { margin-block: var(--space-2); border-radius: var(--radius-base); background: var(--color-surface); }
.chat-workflow__item > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); padding: var(--space-4); cursor: pointer; font-weight: 650; font-size: .89rem; list-style: none; }
.chat-workflow__item > summary::after { content: '+'; flex: none; font-size: 1.2rem; color: var(--color-muted); }
.chat-workflow__item[open] > summary::after { content: '−'; }
.chat-workflow__item > summary::-webkit-details-marker { display: none; }
.chat-workflow__item > summary > :first-child { min-inline-size: 0; flex: 1; }
.chat-workflow__item-body { min-inline-size: 0; padding: 0 var(--space-4) var(--space-4); display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
.chat-workflow__item-body > * { min-inline-size: 0; }
.chat-workflow__item > summary:focus-visible, .chat-workflow__preview > summary:focus-visible { outline: 2px solid var(--color-primary); outline-offset: var(--space-1); }
.chat-workflow__preview { min-inline-size: 0; margin-block: var(--space-4); }
.chat-workflow__preview > summary { padding-block: var(--space-3); color: var(--color-primary); font-size: var(--ui-font); font-weight: 650; cursor: pointer; }
.chat-workflow__document { min-inline-size: 0; padding: var(--space-5); border: var(--hairline); border-radius: var(--radius-base); background: var(--color-surface); color: var(--color-on-bg); overflow-wrap: anywhere; }
.chat-workflow__document :is(h2, h3) { margin-block: 0 var(--space-5); }
.chat-workflow__document h4 { margin-block: var(--space-5) var(--space-3); font-size: 1rem; line-height: 1.5; }
.chat-workflow__document h5 { margin-block: var(--space-4) var(--space-2); font-size: .9rem; }
.chat-workflow__document .message-text { line-height: 1.7; }
.chat-workflow__document .message-text > p { text-indent: 1.25cm; }
.chat-workflow__document .message-text :is(li, td, th) p { text-indent: 0; }
.chat-workflow__document.work-stage__document { margin-block-start: 0; }
.chat-workflow__table { position: relative; min-inline-size: 0; max-inline-size: 100%; overflow-x: auto; margin-block: var(--space-4); overscroll-behavior-inline: contain; }
.chat-workflow__table table { inline-size: 100%; border-collapse: collapse; font-size: .82rem; }
.chat-workflow__table :is(th, td) { min-inline-size: 5rem; padding: var(--space-3); border: var(--hairline); text-align: start; vertical-align: top; }
.chat-workflow__table th { background: var(--color-bg-alt); }
.chat-workflow__help { max-inline-size: 100%; font-size: var(--ui-small); }
.chat-workflow__help > [data-popover-trigger] { display: inline-flex; align-items: center; gap: var(--space-2); }
.chat-workflow__help-trigger { display: inline-grid; place-items: center; flex: none; inline-size: 24px; block-size: 24px; padding: 0; border: 0; border-radius: 50%; background: var(--color-accent-soft); color: var(--color-primary); font: inherit; font-weight: 700; cursor: pointer; }
.chat-workflow__help > .chat-workflow__help-trigger { display: inline-grid; }
.chat-workflow__help-trigger:focus-visible { outline: 2px solid var(--color-primary); outline-offset: var(--space-1); }
.chat-workflow__help .popover-panel { white-space: normal; }
.chat-workflow__help .popover-panel > :first-child { margin-block-start: 0; }
.chat-workflow__help .popover-panel > :last-child { margin-block-end: 0; }
.chat-workflow__help ul { margin-block: var(--space-2); padding-inline-start: var(--space-5); }
.chat-workflow .checklist-help { margin-block: 0 var(--space-3); }
.chat-workflow .checklist-items { margin-block: 0; }
.chat-workflow .checklist-items > .checklist-row { display: block; padding: 0; border: 0; border-radius: 0; background: transparent; }
.chat-workflow .checklist-label input:checked + span { text-decoration: none; }
.chat-workflow .checklist-label { min-block-size: 44px; align-items: center; }
.chat-workflow .checklist-details textarea { box-sizing: border-box; }
.chat-workflow .checklist-footer { margin-block-start: var(--space-3); }
.chat-workflow-dialog, .chat-workflow__dialog { width: min(960px, calc(100vw - 24px)); max-block-size: calc(100dvh - 32px); overflow: auto; }
.chat-workflow__dialog { width: min(760px, calc(100vw - 24px)); padding: var(--space-5); border: 1px solid var(--color-line-strong); border-radius: var(--radius-base); background: var(--color-surface); color: var(--color-on-surface); box-shadow: var(--shadow-panel); }
.chat-workflow__dialog::backdrop { background: rgb(8 20 37 / .6); backdrop-filter: blur(4px); }
.chat-workflow-dialog [data-chat-workflow-preview-body] { min-inline-size: 0; }
.chat-workflow-dialog [data-chat-workflow-preview-body] > [data-guidance-content] > :is(h2, h3) { padding-inline-end: 44px; }
dialog.chat-workflow-dialog--covered { visibility: hidden; pointer-events: none; }
dialog.chat-workflow-dialog--covered::backdrop { background: transparent; backdrop-filter: none; }
html:has([data-chat-workflow-preview-dialog][open]), html:has(.chat-workflow__dialog[open]) { overflow: hidden; }
@media (max-width: 600px) {
  .chat-workflow, .work-plan.chat-workflow, .checklist-card.chat-workflow { padding: var(--space-4); }
  .chat-workflow__document { padding: var(--space-3); }
  .chat-workflow__heading { gap: var(--space-2); }
  .chat-workflow__item > summary { position: relative; flex-wrap: wrap; padding-inline-end: calc(var(--space-4) + 24px); }
  .chat-workflow__item > summary > :first-child { flex-basis: 100%; }
  .chat-workflow__item > summary::after { position: absolute; inset-inline-end: var(--space-4); inset-block-start: var(--space-4); }
  .chat-workflow__actions > .button { flex: 1 1 auto; min-block-size: 44px; }
}
@media print { .chat-workflow__help, .chat-workflow__actions { display: none; } }