.kl-scan-flow{display:inline-flex;align-items:center;flex:0 0 124px;width:124px;height:46px;margin:0 14px 0 auto;color:#72d5ee;border:1px solid #71cff326;border-radius:14px;background:linear-gradient(120deg,#27577920,#8073e91a);overflow:hidden}
.kl-scan-flow[hidden]{display:none}.kl-scan-flow svg{width:100%;height:44px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kl-scan-flow .scan-paper rect{fill:#589ed51c}.kl-scan-flow .scan-track{stroke-dasharray:2 4;opacity:.25}.kl-scan-flow .scan-beam{stroke:#a0f9ed;stroke-width:2;animation:kl-scan-beam 1.8s ease-in-out infinite alternate}
.kl-scan-flow .scan-orbit circle{opacity:.18}.kl-scan-flow .scan-orbit path{opacity:0}.kl-scan-flow .scan-nodes{opacity:.25}.kl-scan-flow .scan-nodes circle{fill:#122b43}.kl-scan-flow .scan-particles{fill:currentColor;stroke:none;opacity:.18}.kl-scan-flow .scan-check,.kl-scan-flow .scan-error{display:none}
.kl-scan-flow[data-phase=complex] .scan-nodes,.kl-scan-flow[data-phase=waiting] .scan-nodes{animation:kl-scan-pulse 1.6s ease-in-out infinite;opacity:1}
.kl-scan-flow[data-phase=complex]{color:#c4b0ff}.kl-scan-flow[data-phase=sending] .scan-particles{animation:kl-scan-send 1.1s ease-in-out infinite;opacity:1}
.kl-scan-flow[data-phase=waiting] .scan-orbit{transform-origin:90px 22px;animation:kl-scan-orbit 3s linear infinite}.kl-scan-flow[data-phase=waiting] .scan-orbit path{opacity:1}
.kl-scan-flow[data-phase=checking]{color:#83e3cf}.kl-scan-flow[data-phase=checking] .scan-particles{animation:kl-scan-send 1.1s ease-in-out infinite reverse;opacity:1}
.kl-scan-flow[data-phase=complete]{color:#7ce1bb}.kl-scan-flow[data-phase=error]{color:#f19c9c}
.kl-scan-flow:is([data-phase=complete],[data-phase=error]) *{animation:none!important}.kl-scan-flow:is([data-phase=complete],[data-phase=error]) :is(.scan-nodes,.scan-beam,.scan-particles){display:none}
.kl-scan-flow[data-phase=complete] .scan-check,.kl-scan-flow[data-phase=error] .scan-error{display:block;stroke-width:2.5}
@keyframes kl-scan-beam{from{transform:translateY(0)}to{transform:translateY(19px)}}@keyframes kl-scan-pulse{50%{opacity:.45}}@keyframes kl-scan-send{0%{transform:translateX(-7px);opacity:.1}50%{opacity:1}100%{transform:translateX(7px);opacity:.1}}@keyframes kl-scan-orbit{to{transform:rotate(360deg)}}
@media(max-width:600px){.kl-scan-flow{flex-basis:86px;width:86px;margin-right:6px;height:38px}.kl-bulk-head:has(.kl-scan-flow){display:grid;grid-template-columns:minmax(0,1fr) 88px 24px;gap:8px}.kl-bulk-head:has(.kl-scan-flow)>div:first-child,.dialog-head:has(.kl-scan-flow)>div:first-child{min-width:0}.kl-bulk-head .kl-scan-flow{margin:0}}
@media(prefers-reduced-motion:reduce){.kl-scan-flow *{animation:none!important}}