.qr-onboarding{border-top:4px solid #1746C8}.qr-onboarding>p:first-child{font-size:.8rem;font-weight:700;letter-spacing:.1em;color:#1746C8}.qr-onboarding button,.qr-onboarding a.button{margin:4px 8px 4px 0}.qr-steps{display:flex;flex-wrap:wrap;gap:12px 32px;padding-left:24px}.qr-steps li{padding:6px}.qr-steps [aria-current=step]{font-weight:700;background:#eef2ff;border-radius:6px}.qr-onboarding [role=status]{overflow-wrap:anywhere}.qr-onboarding .error{color:#9f2525}@media(max-width:600px){.qr-steps{display:block}.qr-onboarding button,.qr-onboarding a.button{display:block;width:100%;box-sizing:border-box;margin:8px 0;white-space:normal}}
.sp-account .qr-onboarding a.button{display:inline-block;padding:12px 18px;border:1px solid #1746C8;border-radius:6px;text-decoration:none;font-weight:700;line-height:1.5;background:#1746C8;color:white}.sp-account .qr-onboarding a.button+a.button{background:white;color:#1746C8}.qr-auth #signup{order:-1}.sp-account .qr-onboarding{border-top:4px solid #1746C8}@media(max-width:600px){.sp-account .qr-onboarding a.button{display:block}}
.qr-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;gap:8px;margin:20px 0}.qr-steps li{font-size:.9rem;padding:10px;border:1px solid #d8deeb;border-radius:8px}.qr-steps [data-complete=true]{color:#17643f;background:#f0f9f3}.qr-onboarding>p:nth-child(2){font-size:.85rem;color:#5d6676}.qr-onboarding details{margin:16px 0}.qr-onboarding .quiet{background:transparent;color:#43516c;border:0;text-decoration:underline}.qr-setup-active #welcome-guide,.qr-setup-active #ai-onboarding-notice,.qr-setup-active #browser-app-choice,.qr-setup-active #empty-state{display:none}.qr-auth .auth-tabs{margin-top:0}@media(max-width:600px){.qr-steps{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qr-steps li{font-size:.85rem}.qr-onboarding button{min-height:44px}}
.qr-setup-active #puck-readings-view,.qr-setup-active #check-connection,.qr-setup-active #connect-puck>.small,.qr-setup-active .dashboard-heading{display:none}.qr-setup-active #device-detail:has(#puck-settings-view[hidden]){display:none}.qr-setup-active #connect-puck{border-top:0}.qr-auth #signin-tab{background:transparent;color:#43516c;border-color:transparent;font-size:.9rem}.qr-auth #signin-tab::before{content:'Already have an account? ';font-weight:400}
.sp-account .qr-onboarding button.quiet{background:transparent!important;border:0!important;box-shadow:none!important;color:#43516c!important;text-decoration:underline;min-height:44px}.qr-onboarding button:focus-visible,.qr-onboarding summary:focus-visible{outline:3px solid #1746c8;outline-offset:3px}
.qr-connection-copy{display:none}.qr-setup-active .normal-connection-copy{display:none}.qr-setup-active .qr-connection-copy{display:inline}body[data-qr-step=wifi] #puck-notifications-panel,body[data-qr-step=wifi] #connect-title,body[data-qr-step=wifi] #connect-puck>.eyebrow,body[data-qr-step=wifi] #connect-access,body[data-qr-step=wifi] #connect-device{display:none}
.qr-setup-active .sp-app-coming{display:none}
.qr-setup-active #device-detail{display:none}.qr-setup-active[data-qr-panel] #device-detail{display:block}.qr-setup-active #device-detail>.section-heading,.qr-setup-active #device-detail>.puck-tabs,.qr-setup-active #puck-settings-view>:not(#tank-settings):not(#puck-notifications-panel){display:none}.qr-setup-active[data-qr-panel=dimensions] #puck-notifications-panel,.qr-setup-active[data-qr-panel=alerts] #tank-settings{display:none}

/* Connection setup belongs only to the Wi-Fi stage, never completed stages. */
body[data-qr-step=install] #connect-puck,body[data-qr-step=alerts] #connect-puck,body[data-qr-step=ready] #connect-puck{display:none}
.setup-measurements{padding:16px 0;border-top:1px solid #d8deeb}.setup-measurements summary{font-weight:700}
[data-contact-slot] #verification{margin:12px 0;padding:0;border:0;background:transparent}
[data-contact-slot] #sms-settings{margin:12px 0;border:0;padding:0}
[data-contact-slot] #sms-settings>summary{display:none}
[data-contact-slot] form label{display:block;font-size:14px;margin:12px 0}
[data-contact-slot] form input:not([type=checkbox]){width:100%;box-sizing:border-box;min-height:44px}
[data-contact-slot] button{min-height:44px;white-space:normal;max-width:100%}
[data-contact-slot] #sms-consent-row{display:block}
#verification-status[data-state=success]{color:#17643f}#verification-status[data-state=error]{color:#9f2525}

[data-contact-slot] #sms-settings button{margin:6px 8px 6px 0;padding:10px 14px;line-height:1.4}
[data-contact-slot] #sms-choose-pucks{display:none}