.approval-visual{margin:18px 0;padding:18px;border:1px solid #dce7e5;border-radius:12px;background:#f8fbfa;color:#203e3b}
.approval-visual-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.approval-visual-heading h4{margin:0;font-size:15px}.approval-visual-readonly,.approval-visual-meta{font-size:12px;color:#637772}.approval-visual-notice{font-size:13px;line-height:1.6;margin:10px 0;overflow-wrap:anywhere}
.approval-visual-nodes{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:16px 0 8px}.approval-visual-node{display:flex;flex:1 1 150px;gap:9px;position:relative;padding:12px;border:1px solid #dce7e5;border-radius:8px;background:#fff;min-width:0}.approval-visual-node strong,.approval-visual-node small{display:block;line-height:1.5;overflow-wrap:anywhere}.approval-visual-node strong{font-size:13px}.approval-visual-node small{font-size:12px;color:#687b76;margin-top:5px}.approval-visual-status{display:block;font-size:12px;color:#748680;margin-top:3px}.approval-visual-dot{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#c2cfca;margin-top:5px}.approval-visual-node.is-done .approval-visual-dot{background:#297a67}.approval-visual-node.is-current{border:2px solid #277e6a;background:#edf8f3;padding:11px}.approval-visual-node.is-current .approval-visual-status{color:#166b56;font-weight:600}.approval-visual-node.is-current .approval-visual-dot{background:#16755e}.approval-visual-node.is-returned,.approval-visual-node.is-blocked{border-color:#c19a56;background:#fffaf0}.approval-visual-node.is-returned .approval-visual-dot,.approval-visual-node.is-blocked .approval-visual-dot{background:#b48637}.approval-visual-node.is-inactive{opacity:.65}.approval-visual-meta{margin:10px 0 0}.approval-visual-parallel .approval-visual-node:nth-child(2),.approval-visual-parallel .approval-visual-node:nth-child(3){border-style:dashed}