/* Override the platform focus ring in its owning layer without changing other fields. */
@layer wuim-flat-platform {
 .onboarding-flow textarea:is(:focus,:focus-visible){outline:none!important;box-shadow:none!important;border-color:var(--of-muted)!important;transform:none!important}
}
@layer wuim-admin-presentation {
 .onboarding-flow :is(h2,.of-option span,.of-hint){overflow-wrap:anywhere!important;min-width:0!important}
/* User palette, shared with the read-only draft preview. */
#userOnboardingView.of-ready .user-onboarding-form{display:block!important;width:100%!important;max-width:none!important;align-items:stretch!important;justify-content:normal!important}
#userOnboardingView.of-ready .onboarding-flow{width:100%!important;min-width:0!important}
.onboarding-flow{--of-bg:#f7f8fc!important;--of-panel:#fff!important;--of-ink:#182338!important;--of-muted:#657286!important;--of-line:#e1e6ef!important;--of-soft:#f0f3f8!important;--of-accent:#6655f5!important;font:400 14px/1.5 Inter,system-ui,sans-serif!important;color:var(--of-ink)!important;max-width:540px!important;width:100%!important;margin:0 auto!important}
html[data-theme=dark] .onboarding-flow{--of-bg:#0f1726!important;--of-panel:#151f30!important;--of-ink:#edf2fa!important;--of-muted:#a0aec2!important;--of-line:#293649!important;--of-soft:#202c3c!important;--of-accent:#b8aaff!important}
.onboarding-flow *{box-sizing:border-box!important}.onboarding-flow .of-progress-label{font-size:12px!important;color:var(--of-muted)!important;margin:0 0 9px!important}.onboarding-flow .of-progress{appearance:none!important;border:0!important;width:100%!important;height:5px!important;display:block!important;border-radius:8px!important;overflow:hidden!important;background:var(--of-soft)!important;margin-bottom:20px!important}.of-progress::-webkit-progress-bar{background:var(--of-soft)!important}.of-progress::-webkit-progress-value{background:var(--of-accent)!important;transition:width .36s!important}.of-progress::-moz-progress-bar{background:var(--of-accent)!important}
.onboarding-flow .of-card{background:var(--of-panel)!important;border:1px solid var(--of-line)!important;border-radius:18px!important;overflow:hidden!important}.onboarding-flow .of-head{display:flex!important;justify-content:space-between!important;gap:10px!important;padding:15px 18px!important;border-bottom:1px solid var(--of-line)!important;font-size:12px!important;color:var(--of-muted)!important}.onboarding-flow .of-body{padding:20px 18px 18px!important}.onboarding-flow .of-content{overflow:hidden!important}.onboarding-flow h2{font:500 19px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:-.3px!important;color:var(--of-ink)!important;margin:0 0 8px!important}.onboarding-flow .of-hint{font:400 12px/1.5 Inter,system-ui,sans-serif!important;color:var(--of-muted)!important;margin:0 0 18px!important}.onboarding-flow fieldset{display:grid!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important;min-width:0!important}.onboarding-flow .of-option{display:flex!important;align-items:center!important;gap:11px!important;min-height:48px!important;padding:12px!important;border:1px solid var(--of-line)!important;border-radius:11px!important;background:var(--of-panel)!important;font:400 13px/1.5 Inter,system-ui,sans-serif!important;color:var(--of-ink)!important;cursor:pointer!important;transition:background .2s,border-color .2s!important}.onboarding-flow .of-option:hover{background:var(--of-soft)!important}.onboarding-flow .of-option:has(:checked){border-color:var(--of-accent)!important;background:color-mix(in srgb,var(--of-accent) 8%,var(--of-panel))!important}.onboarding-flow input{appearance:auto!important;width:17px!important;height:17px!important;min-height:0!important;margin:0!important;padding:0!important;flex:0 0 17px!important;accent-color:#6655f5!important}.onboarding-flow textarea{width:100%!important;min-height:140px!important;max-height:320px!important;resize:vertical!important;padding:13px!important;border:1px solid var(--of-line)!important;border-radius:12px!important;background:var(--of-soft)!important;color:var(--of-ink)!important;font:400 16px/1.5 Inter,system-ui,sans-serif!important}.onboarding-flow textarea::placeholder{color:var(--of-muted)!important}.onboarding-flow :is(button,input,textarea):focus-visible{outline:2px solid var(--of-accent)!important;outline-offset:3px!important}
.onboarding-flow .of-actions{display:flex!important;gap:10px!important;margin-top:18px!important}.onboarding-flow button{font:400 14px/1.5 Inter,system-ui,sans-serif!important;box-shadow:none!important;cursor:pointer!important;transform:none!important}.onboarding-flow .of-actions button{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;border-radius:12px!important;padding:11px 15px!important;border:1px solid var(--of-line)!important}.onboarding-flow .of-primary{background:#6655f5!important;color:#fff!important;flex:1!important}.onboarding-flow .of-primary:hover{background:#5846e0!important}.onboarding-flow .of-secondary,.onboarding-flow .of-edit{background:var(--of-panel)!important;color:var(--of-ink)!important}.onboarding-flow .of-secondary:hover,.onboarding-flow .of-edit:hover{background:var(--of-soft)!important}.onboarding-flow button:disabled{opacity:.5!important;cursor:default!important}.onboarding-flow .of-error{color:#b64242!important;font-size:12px!important;margin:0!important}.onboarding-flow .of-error:not(:empty){margin-top:12px!important}html[data-theme=dark] .onboarding-flow .of-error{color:#ffaaaa!important}.onboarding-flow .of-review{display:flex!important;align-items:center!important;gap:8px!important;padding:12px 0!important;border-bottom:1px solid var(--of-line)!important}.onboarding-flow .of-review>div{flex:1!important;min-width:0!important}.onboarding-flow .of-review small{color:var(--of-muted)!important;font-size:11px!important}.onboarding-flow .of-review p{margin:3px 0 0!important;font-size:13px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}.onboarding-flow .of-edit{border:1px solid var(--of-line)!important;border-radius:7px!important;min-height:44px!important;padding:8px!important;font-size:12px!important}.onboarding-flow .of-complete-mark{font-size:28px!important;color:var(--of-accent)!important;margin-bottom:12px!important}.onboarding-flow [hidden]{display:none!important}.onboarding-flow .of-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
#userOnboardingView.of-ready :is(.user-onboarding-summary-row,.user-onboarding-meta,.user-onboarding-tablewrap,.user-onboarding-footer){display:none!important}#userOnboardingView.of-ready .user-onboarding-form{padding:0!important;background:transparent!important}#userOnboardingView.of-ready .user-onboarding-card{background:transparent!important;border:0!important;box-shadow:none!important}#userOnboardingView.of-ready .user-onboarding-table-head{background:transparent!important;border:0!important;padding:0 0 22px!important}#userOnboardingView.of-ready .onboarding-flow{margin:0!important;max-width:540px!important}
.onboarding-flow textarea{display:block!important;margin:0!important;transform:none!important;box-shadow:none!important;outline:none!important;scroll-padding-block:13px!important}
/* Keep focus inside the field: an outer ring is clipped by the animated content. */
.onboarding-flow textarea:is(:focus,:focus-visible),#adminOnboarding .ao-dialog .onboarding-flow textarea:is(:focus,:focus-visible){outline:none!important;box-shadow:none!important;border-color:var(--of-muted)!important;transform:none!important}
@media(max-width:700px){#userOnboardingView.of-ready .user-onboarding-card{padding:0!important}#userOnboardingView.of-ready .data-card-title strong{font-size:23px!important}.onboarding-flow .of-body{padding:18px 14px!important}.onboarding-flow{width:100%!important}}
@media(prefers-reduced-motion:reduce){.onboarding-flow *{transition:none!important;animation:none!important}}

}