.jop-flow{padding:22px;margin:18px 0;border:1px solid #dedbe9;border-radius:24px;background:linear-gradient(135deg,#fff9ed,#f4ecfa 60%,#e8f6f1);box-shadow:8px 8px 20px #24453b13,inset 2px 2px 8px #fff,inset -3px -3px 8px #9b90a51c;color:#234b46}.jop-flow h3{margin-top:0}.jop-flow p{line-height:1.9}.jop-flow-steps{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.jop-flow-steps li{padding:7px 12px;border-radius:14px;background:#ffffffb0}.jop-flow-steps [aria-current=step]{font-weight:700;background:#e1d4f4}.jop-flow .jop-next,.jop-next{display:inline-block;min-height:48px;padding:13px 23px;border:0;border-radius:19px;font:inherit;font-weight:700;text-align:center;color:#244b46;background:linear-gradient(120deg,#d9f1e8,#eee1fa,#ffe5b5,#d9f1e8);background-size:240% 240%;box-shadow:5px 6px 12px #294d4226,inset 2px 2px 4px #fff,inset -3px -3px 5px #9784ad40;animation:jop-flow-shimmer 8s ease infinite;text-decoration:none;cursor:pointer}.jop-next:focus-visible,.jop-flow button:focus-visible{outline:3px solid #655590;outline-offset:4px}.jop-next:disabled{opacity:.6;cursor:wait}.jop-flow-success{background:#e6f4e9;border-color:#aad4b3}.jop-flow-warning{background:#fff6e2}.jop-flow-status{display:block;font-weight:700}.jop-flow label{display:block;margin:12px 0}.jop-flow input,.jop-flow select,.jop-flow textarea{font:inherit;max-width:100%;padding:10px;border-radius:12px;border:1px solid #c8d3cc;background:#fff}.jop-flow textarea{width:100%;min-height:72px}.jop-flow details{margin-top:12px}.jop-flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.jop-flow-grid strong{display:block}.jop-field-locked{opacity:.72}.jop-change-context{position:sticky;top:0;z-index:3;box-shadow:0 5px 20px #234b461f}.jop-change-context [role=status]{min-height:24px}.jop-flow-error{color:#8c2636}.jop-flow-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.jop-flow a{overflow-wrap:anywhere}@keyframes jop-flow-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@media(prefers-reduced-motion:reduce){.jop-next{animation:none}}@media(max-width:480px){.jop-flow{padding:16px}.jop-flow-actions>*{width:100%}}

.jop-next{position:relative;isolation:isolate;overflow:hidden}.jop-next::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 65% 75%,#fff 0 1px,transparent 2px);background-size:19px 17px,29px 23px}