/* DJIVA PIN screens — mobile-first, isolated from global app typography. */
.gu-lock-overlay{box-sizing:border-box!important;align-items:stretch!important;justify-content:center!important;padding:env(safe-area-inset-top,20px) 22px env(safe-area-inset-bottom,20px)!important;background:#0b111a!important;overflow-y:auto!important}
.gu-lock-overlay *{box-sizing:border-box!important}
.gu-lock-panel{position:relative!important;width:100%!important;max-width:420px!important;min-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;margin:0 auto!important;padding:44px 0 28px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:center!important}
.gu-lock-top{position:absolute!important;top:10px!important;left:0!important;margin:0!important;z-index:2}
.gu-lock-top button{font-size:15px!important;padding:9px 0!important;min-height:36px!important;font-weight:500!important}
.gu-lock-panel h2{font-size:23px!important;font-weight:750!important;line-height:1.2!important;letter-spacing:-.4px!important;margin:18px 0 9px!important}
.gu-lock-panel p{font-size:14px!important;line-height:1.5!important;color:#a6afbf!important;margin:8px auto 15px!important;max-width:345px!important}
.gu-lock-shield{font-size:54px!important;line-height:1!important;margin:30px auto 15px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:92px!important;height:100px!important;color:#ffb83f!important}
.gu-lock-info{background:#131d2a!important;border:1px solid #263448!important;border-radius:16px!important;padding:13px 17px!important;text-align:left!important;margin:18px 0 16px!important;font-size:14px!important;line-height:1.35!important}
.gu-lock-info div{padding:9px 0!important}
.gu-lock-info small{font-size:12px!important;line-height:1.5!important;margin-left:28px!important;color:#a6afbf!important}
.gu-lock-primary,.gu-lock-secondary{font-size:15px!important;font-weight:650!important;min-height:50px!important;border-radius:13px!important;margin-top:8px!important;box-shadow:none!important;flex-shrink:0!important}
.gu-lock-primary{background:#ffba41!important;color:#19140c!important}.gu-lock-secondary{background:#283341!important;color:#e7ebf2!important}
.gu-lock-dots{gap:17px!important;margin:34px auto 29px!important}.gu-lock-dot{width:17px!important;height:17px!important}
.gu-lock-pad{gap:10px!important;margin-top:12px!important}.gu-lock-pad button{height:61px!important;min-height:61px!important;font-size:25px!important;border-radius:13px!important;font-weight:500!important;padding:0!important;box-shadow:none!important}
.gu-lock-error{font-size:13px!important;min-height:18px!important;margin:0!important;color:#ff8a8a!important}
.gu-lock-panel:has(.gu-lock-pad){padding-top:90px!important}
.gu-lock-panel:has(.gu-lock-pad) h2{margin:24px 0 10px!important}
.gu-lock-panel:has(.gu-lock-pad) .gu-lock-dots{margin:35px auto 36px!important}
.gu-lock-panel:has(.gu-lock-pad) .gu-lock-pad{margin-top:20px!important}
@media(max-height:710px){.gu-lock-panel{padding-top:22px!important}.gu-lock-panel:has(.gu-lock-pad){padding-top:55px!important}.gu-lock-pad button{height:51px!important;min-height:51px!important}.gu-lock-shield{margin-top:10px!important;height:70px!important}.gu-lock-info{margin-top:9px!important}}
/* Minimal PIN unlock screen; only this screen, not PIN setup. */
.gu-lock-panel.gu-lock-unlock{padding-top:clamp(28px,9dvh,110px)!important;justify-content:center!important}
.gu-lock-unlock .gu-lock-brand{display:block;width:100px;height:100px;object-fit:contain;border-radius:23px;margin:0 auto 22px}
.gu-lock-unlock h2{font-size:24px!important;margin:0 auto 9px!important}
.gu-lock-unlock>p:not(.gu-lock-error){display:none!important}
.gu-lock-unlock .gu-lock-dots{margin:27px auto 27px!important}
.gu-lock-unlock .gu-lock-pad{margin:4px 0 0!important}
.gu-lock-unlock .gu-lock-secondary{background:transparent!important;color:#9ba6b8!important;font-size:13px!important;font-weight:500!important;min-height:40px!important;margin-top:15px!important}
@media(max-height:700px){.gu-lock-panel.gu-lock-unlock{padding-top:20px!important}.gu-lock-unlock .gu-lock-brand{width:76px;height:76px;margin-bottom:12px}.gu-lock-unlock .gu-lock-dots{margin:16px auto!important}}