/* v71: a focused two-step QR workflow. */
.ntf-qr-shell[data-ntf-qr] [hidden]{display:none!important}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-steps{display:flex;gap:10px;align-items:center;margin:20px 0 22px}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-steps span{padding:10px 16px;border-radius:99px;background:#ecf0f8;color:#5c6d85;border:1px solid #dbe3f0;font-size:13px;font-weight:750}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-steps span.is-current{background:#eeeaff;border-color:#9886f5;color:#533bd0}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-create-head{display:flex;gap:18px;align-items:center;padding:20px 22px;background:#fff;border:1px solid #dce4f3;border-radius:18px;margin:0 0 20px;scroll-margin-top:100px}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-steps{scroll-margin-top:100px}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-create-head h2{margin:3px 0 5px;color:#192a49;font-size:23px}
.ntf-qr-shell[data-ntf-qr] .ntf-qr-create-head p{margin:0;color:#61728b;font-size:14px}
body .ntf-qr-shell[data-ntf-qr] button.ntf-qr-back,body .ntf-qr-shell[data-ntf-qr] button.ntf-qr-back:hover{flex:none;display:inline-flex;align-items:center;justify-content:center;background:#f2efff!important;background-image:none!important;color:#5742c5!important;border:1px solid #d2caff!important;padding:12px 14px!important;border-radius:11px!important;font-size:13px!important;font-weight:750!important;box-shadow:none!important;text-shadow:none!important;min-height:44px!important}
.ntf-qr-shell[data-ntf-qr] [data-qr-create] .ntf-qr-workspace{margin-top:0}
@media(max-width:650px){.ntf-qr-shell[data-ntf-qr] .ntf-qr-create-head{display:grid;padding:16px;gap:10px}.ntf-qr-shell[data-ntf-qr] .ntf-qr-steps span{font-size:11px;padding:9px 10px}}