.connected-workflow .tool-view-top b{font-size:12px;color:#003574}.connected-canvas{padding:28px;background:linear-gradient(140deg,#f8faff,#eef3fc)}
.workflow-route{display:grid;grid-template-columns:1fr 18px 1.2fr 18px 1fr 18px 1fr;align-items:center;gap:5px}.workflow-route>span{padding:15px 8px;text-align:center;border:1px solid #d4dff0;border-radius:12px;background:#fff;transition:.3s}.workflow-route b{display:block;color:#003574;font-size:13px}.workflow-route small{display:block;font-size:9px;color:#647a99;margin-top:5px}.workflow-route>i{font-style:normal;color:#f26b27;text-align:center}
.workflow-loop{margin:12px 0 24px;padding:9px;border-bottom:1px dashed #c5d3e8;color:#536c91;font-size:10px;text-align:center}
.connected-result{display:grid;grid-template-columns:minmax(0,1.5fr) 58px minmax(0,1fr);align-items:center}.cafe-workflow-app{border:1px solid #ded9cf;border-radius:15px;background:#f5f0e7;box-shadow:0 18px 30px #002f6d10;overflow:hidden}.cafe-workflow-nav{padding:16px 18px;display:flex;justify-content:space-between;border-bottom:1px solid #ded9cf;gap:10px;color:#35443a}.cafe-workflow-nav b{font-size:19px}.cafe-workflow-nav span{font-size:8px;align-self:center}.cafe-workflow-body{padding:22px 18px}.cafe-workflow-body>small{font-size:8px;letter-spacing:1px;color:#5c685d}.cafe-workflow-body h3{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.15;color:#35443a;margin:12px 0 20px}.booking-example{display:flex;flex-wrap:wrap;gap:6px;font-size:9px}.booking-example>*{padding:9px;background:#fff;border:1px solid #d9d3c7;border-radius:7px;color:#35443a}.booking-example b{background:#35443a;color:#fff}.cafe-workflow-body p{font-size:10px;line-height:1.6;color:#64715f;margin:15px 0 0;min-height:32px}
.workflow-data-link{text-align:center;color:#29408e}.workflow-data-link>span{display:block;font-size:25px}.workflow-data-link small{font-size:8px;display:block;line-height:1.4;padding:4px}.workflow-database{background:#fff;border:1px solid #d4dff0;border-radius:12px;padding:17px;color:#003574;transition:.3s}.workflow-database>b{display:block;font-size:16px}.workflow-database>small{font-size:9px;color:#647a99;display:block;margin-top:5px}.workflow-database>div{border-block:1px solid #e0e7f1;margin:17px 0 10px;padding:10px 0;display:flex;flex-direction:column;gap:7px;font-size:10px}.workflow-database p{font-size:10px;color:#647a99;line-height:1.6;margin:0}
.connected-workflow .is-selected{border-color:#f26b27;background:#fffaf6;box-shadow:0 8px 20px #f26b2714;transform:translateY(-3px)}.workflow-contribution{border-top:1px solid #d4dff0;margin-top:26px;padding-top:20px;min-height:123px}.workflow-contribution small{display:block;color:#e95c20;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.workflow-contribution>b{display:block;font-size:18px;color:#003574}.workflow-contribution p{font-size:12px;color:#536c91;line-height:1.7;margin:10px 0 0}
@media(max-width:900px){.connected-canvas{padding:20px}.connected-result{grid-template-columns:1fr}.workflow-data-link{display:flex;justify-content:center;align-items:center;margin:10px 0}.workflow-data-link>span{transform:rotate(90deg)}.workflow-data-link small{font-size:10px}.workflow-database>div{flex-direction:row;justify-content:space-between}.workflow-route{gap:2px}.workflow-route small{font-size:8px}}
@media(max-width:650px){.connected-workflow .tool-view-top{gap:10px}.connected-workflow .tool-view-top b{font-size:10px}.connected-canvas{padding:16px}.workflow-route{grid-template-columns:1fr 12px 1fr}.workflow-route>span{padding:12px 5px}.workflow-route>i:nth-of-type(2){display:none}.workflow-route>span:nth-of-type(3){grid-column:1}.workflow-route b{font-size:12px}.workflow-loop{font-size:9px;line-height:1.6}.workflow-contribution{min-height:165px}}
@media(prefers-reduced-motion:reduce){.connected-workflow *{transition:none!important}.connected-workflow .is-selected{transform:none}}