/* Native-only authentication, /app/login /app/register /app/lupa-password.
   Kept separate from browser styles and original authentication controllers. */
html:has(body.qn-native.qn-auth){background:#fff!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none!important;-webkit-text-size-adjust:100%}
html:has(body.qn-native.qn-auth)::-webkit-scrollbar,html:has(body.qn-native.qn-auth) body::-webkit-scrollbar{display:none!important;width:0!important}
html body.qn-native.qn-auth{width:100%!important;min-height:100vh!important;min-height:100dvh!important;height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0 0 env(safe-area-inset-bottom)!important;margin:0!important;background:#fff!important;color:#18202a!important;font:14px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;-webkit-font-smoothing:antialiased}
html body.qn-native.qn-auth .public-nav,html body.qn-native.qn-auth .pn-mobile-menu,html body.qn-native.qn-auth .intro,html body.qn-native.qn-auth .features,html body.qn-native.qn-auth .trial,html body.qn-native.qn-auth .footer{display:none!important}
html body.qn-native.qn-auth .qn-auth-brand{position:relative!important;inset:auto!important;width:100%!important;min-height:calc(105px + env(safe-area-inset-top))!important;height:auto!important;margin:0!important;padding:calc(28px + env(safe-area-inset-top)) max(20px,calc((100vw - 520px)/2)) 27px!important;display:flex!important;align-items:flex-start!important;background:#c94b20!important;border:0!important;border-radius:0 0 28px 28px!important;box-shadow:none!important;z-index:auto!important}
html body.qn-native.qn-auth .qn-auth-brand a{font-size:23px!important;font-weight:820!important;line-height:1.2!important;letter-spacing:-.05em!important;color:#fff!important}
html body.qn-native.qn-auth .qn-auth-brand b{color:#fff!important}
html body.qn-native.qn-auth main.wrap,html body.qn-native.qn-auth .wrap{position:relative!important;inset:auto!important;width:100%!important;max-width:560px!important;min-height:0!important;height:auto!important;margin:0 auto!important;padding:31px 20px calc(35px + env(safe-area-inset-bottom))!important;overflow:visible!important;transform:none!important;background:#fff!important;border:0!important}
html body.qn-native.qn-auth .shell{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
html body.qn-native.qn-auth .formwrap{display:block!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important}
html.q-app-auth body.qn-native.qn-auth .formwrap:before,html.q-app-auth body.qn-native.qn-auth .formwrap:after{display:none!important;content:none!important}
html body.qn-native.qn-auth .formhead{margin:0 0 26px!important;padding:0!important}
html body.qn-native.qn-auth .formhead h2{margin:0 0 8px!important;color:#18202a!important;font-size:29px!important;font-weight:790!important;line-height:1.18!important;letter-spacing:-.045em!important}
html body.qn-native.qn-auth .formhead p{margin:0!important;color:#75808b!important;font-size:13px!important;line-height:1.55!important;max-width:460px!important}
html body.qn-native.qn-auth .flash{display:block!important;padding:12px 13px!important;margin:0 0 20px!important;border:1px solid #f5cfca!important;border-radius:10px!important;background:#fff0ed!important;color:#aa3528!important;font-size:12px!important;font-weight:640!important;line-height:1.55!important;overflow-wrap:anywhere!important}
html body.qn-native.qn-auth.qn-route-lupa-password .flash{background:#e8f7f1!important;border-color:#cde8db!important;color:#087a55!important}
html body.qn-native.qn-auth form{display:block!important;width:100%!important;margin:0!important;min-width:0!important}
html body.qn-native.qn-auth .grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%!important;margin:0!important}
html body.qn-native.qn-auth .field,html body.qn-native.qn-auth .field.full{display:block!important;position:relative!important;min-width:0!important;width:100%!important;grid-column:auto!important;margin:0 0 18px!important;padding:0!important}
html body.qn-native.qn-auth .grid>.field,html body.qn-native.qn-auth .grid>.field.full{margin-bottom:0!important}
html body.qn-native.qn-auth .field label{display:block!important;margin:0 0 7px!important;padding:0!important;font-size:12px!important;font-weight:720!important;line-height:1.4!important;color:#35404c!important}
html body.qn-native.qn-auth .field input,html body.qn-native.qn-auth .field textarea,html.q-app-auth body.qn-native.qn-auth .field input,html.q-app-auth body.qn-native.qn-auth .field textarea{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:49px!important;height:auto!important;appearance:none!important;-webkit-appearance:none!important;padding:12px 13px!important;margin:0!important;border:1px solid #dfe4e9!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;color:#18202a!important;font-size:16px!important;font-weight:480!important;line-height:1.35!important;outline:none!important;transition:border-color .14s ease!important}
html body.qn-native.qn-auth .field input:focus,html body.qn-native.qn-auth .field textarea:focus{border-color:#c94b20!important;box-shadow:0 0 0 3px rgba(201,75,32,.10)!important}
html body.qn-native.qn-auth .field input::placeholder,html body.qn-native.qn-auth .field textarea::placeholder{color:#9da5af!important;opacity:1!important}
html body.qn-native.qn-auth .field textarea,html.q-app-auth body.qn-native.qn-auth .field textarea{min-height:88px!important;resize:vertical!important}
html body.qn-native.qn-auth .hint{margin:7px 0 0!important;font-size:11px!important;color:#78828d!important;line-height:1.45!important}
html body.qn-native.qn-auth .qn-auth-password{position:relative!important;width:100%!important;min-width:0!important}
html body.qn-native.qn-auth .qn-auth-password input{padding-right:78px!important}
html body.qn-native.qn-auth .qn-auth-visibility{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:36px!important;min-width:56px!important;padding:0 8px!important;background:#f4f5f6!important;border:0!important;border-radius:7px!important;color:#52606d!important;font:650 11px/1 system-ui,sans-serif!important;cursor:pointer!important}
html body.qn-native.qn-auth .submit,html.q-app-auth body.qn-native.qn-auth .submit{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:50px!important;height:auto!important;padding:13px 15px!important;margin:8px 0 0!important;border:0!important;border-radius:10px!important;background:#f26722!important;color:#fff!important;font:750 14px/1.35 system-ui,sans-serif!important;text-align:center!important;box-shadow:none!important;cursor:pointer!important;touch-action:manipulation!important}
html body.qn-native.qn-auth .submit:disabled{opacity:.68!important;cursor:wait!important}
html body.qn-native.qn-auth .helper{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important;margin:22px 0 0!important;font-size:12px!important;color:#77818c!important}
html body.qn-native.qn-auth .helper a,html body.qn-native.qn-auth .qn-auth-switch a{color:#c94b20!important;font-size:12px!important;font-weight:735!important;text-decoration:none!important}
html body.qn-native.qn-auth .terms{margin:19px 0 0!important;font-size:11px!important;color:#87919c!important;line-height:1.6!important;text-align:left!important}
html body.qn-native.qn-auth .security-note{margin-top:24px!important;padding:13px 0!important;border:0!important;border-top:1px solid #edf0f2!important;border-radius:0!important;background:#fff!important;color:#78838e!important;font-size:11px!important;line-height:1.55!important}
html body.qn-native.qn-auth .qn-auth-switch{display:block!important;margin:24px 0 0!important;padding:19px 0 0!important;border-top:1px solid #edf0f2!important;text-align:center!important;color:#6f7a86!important;font-size:12px!important;line-height:1.5!important}
html body.qn-native.qn-auth.qn-route-register .formhead{margin-bottom:23px!important}
html body.qn-native.qn-auth.qn-route-register .submit{margin-top:22px!important}
html body.qn-native.qn-auth.qn-route-register .terms{margin-top:14px!important}
html body.qn-native.qn-auth.qn-route-lupa-password .formhead{margin-bottom:28px!important}
html body.qn-native.qn-auth.qn-route-lupa-password .field{margin-bottom:18px!important}
html body.qn-native.qn-auth a:focus-visible,html body.qn-native.qn-auth button:focus-visible{outline:2px solid #f26722!important;outline-offset:3px!important}
@media(max-width:380px){html body.qn-native.qn-auth .qn-auth-brand{padding-left:16px!important;padding-right:16px!important}html body.qn-native.qn-auth main.wrap,html body.qn-native.qn-auth .wrap{padding-left:16px!important;padding-right:16px!important}html body.qn-native.qn-auth .formhead h2{font-size:27px!important}}
@media(min-width:760px){html body.qn-native.qn-auth{background:#fff!important}html body.qn-native.qn-auth .qn-auth-brand{border-radius:0 0 30px 30px!important}}
@media(prefers-reduced-motion:reduce){html body.qn-native.qn-auth .field input,html body.qn-native.qn-auth .field textarea{transition:none!important}}