.flow-panel{margin-top:48px;border:1px solid #dce5da;border-radius:13px;overflow:hidden;background:#fbfdf9;box-shadow:0 22px 60px #28463508}.flow-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 24px;border-bottom:1px solid #e8ede5;background:white;font-size:9px;letter-spacing:.12em;color:#76896b}.flow-toolbar>span{display:flex;align-items:center;gap:9px}.flow-toolbar i{width:5px;height:5px;border-radius:50%;background:#6a9b58}.flow-toolbar button{background:white;border:1px solid #e0e8da;color:#637459;border-radius:5px;font-size:10px;padding:6px 10px;letter-spacing:0}.flow-canvas{padding:8px 20px 0}#work-flow{width:100%;display:block;font-family:'DM Sans',sans-serif}.connections path{stroke:#cddac6;stroke-width:1.5}.connections .feedback-line{stroke-dasharray:4 5;stroke:#d5dccc}.travel path{stroke:#659271;stroke-width:3;stroke-dasharray:3 105;stroke-linecap:round;animation:flow-travel 4s linear infinite}.travel path:nth-child(2){animation-delay:-1.3s}.travel path:nth-child(3){animation-delay:-2.6s}.travel path:nth-child(4){animation-delay:-1s}.travel path:nth-child(5){animation-delay:-2s}.travel path:nth-child(6){animation-delay:-3s}.input rect{fill:#fff;stroke:#dce5d6}.input text{fill:#78906c;font-size:12px;text-anchor:middle}.flow-node rect{fill:white;stroke:#dce5d6;transition:fill .3s,stroke .3s}.flow-node.active rect{fill:#edf5e7;stroke:#78a162;stroke-width:1.5}.node-number{font-size:9px;fill:#9aaa8e;letter-spacing:1px}.node-title{font-size:13px;font-weight:600;fill:#354b31}.node-sub{font-size:9px;fill:#89997d}.node-rule{stroke:#e1e9da;stroke-width:1}.node-value{font-size:10px;fill:#658451;font-weight:500}.connector-label{font-size:7px;fill:#a3b096;text-anchor:middle;letter-spacing:.8px}.return-label{font-size:9px;fill:#a2ae95;text-anchor:middle}.flow-controls{display:grid;grid-template-columns:repeat(4,1fr);margin:0 24px;border-top:1px solid #e2e9dd}.flow-controls button{border:0;border-bottom:2px solid transparent;background:none;padding:16px 8px;font-size:12px;color:#8c9b80}.flow-controls button span{font-size:9px;margin-right:10px}.flow-controls button[aria-pressed=true]{color:#44673a;border-bottom-color:#618652;font-weight:600}.flow-explanation{text-align:center;padding:25px 30px 10px;min-height:98px}.flow-explanation strong{font-size:16px;font-family:Manrope,sans-serif;font-weight:600}.flow-explanation p{font-size:12px;line-height:1.8;margin:8px auto 0;max-width:670px}.flow-footnote{font-size:9px;text-align:center;padding:12px 24px 24px;color:#a0ad93}.flow-panel.paused .travel path{animation-play-state:paused}@keyframes flow-travel{to{stroke-dashoffset:-216}}@media(max-width:760px){.flow-toolbar{padding:12px;font-size:7px;letter-spacing:.04em}.flow-toolbar button{font-size:9px;padding:5px}.flow-canvas{padding:20px 0 10px;overflow-x:auto}.flow-canvas svg{min-width:680px}.flow-controls{margin:0 12px}.flow-controls button{font-size:10px;padding:12px 3px}.flow-controls button span{display:block;margin:0 0 5px}.flow-explanation{padding:20px 18px 8px;min-height:126px}.flow-explanation strong{font-size:14px}.flow-explanation p{font-size:11px}.flow-footnote{font-size:8px;padding:12px 18px 20px}}@media(prefers-reduced-motion:reduce){.travel path{animation:none}.flow-node rect{transition:none}}
@media(max-width:760px){.flow-canvas:after{content:'Schéma můžete posunout do strany →';position:sticky;left:0;display:block;width:100%;padding:0 12px 14px;text-align:center;font-size:11px;color:#637361}}
