.workflow-demo { margin: 1rem 0; }
.workflow-demo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.workflow-demo [data-invoice-branch] { border: 1px solid #8a9eab; border-radius: 8px; padding: .8rem; }
.workflow-demo [data-invoice-branch][data-active] { outline: 2px solid #a46208; outline-offset: -2px; }
.workflow-demo ol { display: block; margin: .5rem 0 0; }
.workflow-demo li + li { margin-top: .3rem; }
.workflow-demo [data-workflow-controls] { margin-block: .8rem; }
.workflow-demo button, .automation-intro [data-smooth-scroll] {
  min-height: 44px;
  padding: .45rem .75rem;
  border: 1px solid currentColor;
  border-radius: 6px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.workflow-demo button { color: #fff; background: #1f4760; }
.automation-intro [data-smooth-scroll] { margin: 8px 0 0 8px; background: transparent; color: inherit; }
.workflow-demo button:focus-visible, .automation-intro [data-smooth-scroll]:focus-visible { outline: 2px solid #a46208; outline-offset: 3px; }
.automation-intro [data-smooth-scroll]:focus-visible { outline-color: #f4b34a; }
.workflow-demo [role="status"] { margin: .45rem 0 0; font-size: .93rem; }
.workflow-demo [role="status"]:empty, .case-copy-feedback[hidden] { display: none; }
.case-copy-feedback { display: inline-flex; align-items: center; justify-content: center; width: 1.4rem; margin-inline-start: .45rem; vertical-align: middle; }
.case-copy-check { color: inherit; font-weight: 800; }
html[data-reader-theme="night"] .workflow-demo button { background: #f4b34a; color: #142e3f; }
@media (max-width: 600px) { .workflow-demo-grid { grid-template-columns: minmax(0, 1fr); } }