/* Rendering refinements after desktop and mobile inspection. */
.tool-divider,.crm-breadcrumb>span{color:#aaa397}
.stage{height:584px}
.workflow-viewport{height:504px}
.workflow-image{object-fit:contain}
.flow-trace{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.flow-trace path{stroke:#c9b477;stroke-width:2;fill:none;stroke-dasharray:1 1;stroke-dashoffset:1;opacity:0}
.is-playing[data-scene="1"] .flow-trace path{animation:trace-flow .57s linear forwards;animation-delay:calc(var(--segment-index)*.57s)}
@keyframes trace-flow{from{opacity:.9;stroke-dashoffset:1}to{opacity:.9;stroke-dashoffset:0}}
.demo-caption .mono{flex-shrink:0;min-width:42px;text-align:right}
.workflow-controls{top:14px;right:20px;left:auto;bottom:auto}
.crm-page-icon{line-height:1.2;display:block}
.record-top button{width:44px;height:44px}
.next-action button{min-height:44px}
.sr-only{white-space:normal}
@media(min-width:1600px){.stage{height:604px}.workflow-viewport{height:524px}}
@media(max-width:1150px) and (min-width:761px){.stage{height:560px}.workflow-viewport{height:480px}}
@media(max-width:760px){
  .stage{height:537px}.workflow-viewport{height:458px}
  .form-scene{padding-top:20px;padding-bottom:20px}
  .form-window form{padding-top:20px;padding-bottom:16px}
  .flow-trace{inset:auto;width:1010px;height:396px;max-width:none;top:14px;left:50%;transform:translateX(-47%)}
  .record-activity{display:none}
  .workflow-controls{top:auto;right:auto;bottom:17px;left:15px}
}
@media(prefers-reduced-motion:reduce){.flow-trace{display:none}}