/* Baakee U5 — screenshot-driven QA fixes: onboarding and protected app lock. */
#app-lock-v13{
 background:radial-gradient(ellipse at 17% 0%,rgba(184,230,209,.35),transparent 45%),radial-gradient(ellipse at 95% 98%,rgba(6,78,59,.16),transparent 42%),var(--bg,#f7f7f8)!important;
 color:var(--text,#17392f)!important;overflow:auto;min-height:100dvh;
}
#app-lock-v13 .lock-brand-v13{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:27px!important;letter-spacing:-.9px!important;font-weight:800;color:var(--accent,#064E3B)!important;padding-top:12px}
#app-lock-v13 .lock-brand-v13::before{content:'';display:block;width:62px;height:62px;border-radius:17px;background:#064e3b url('icon-192.png') center/cover no-repeat;box-shadow:0 12px 28px rgba(6,78,59,.17)}
#app-lock-v13 .lock-v13{max-width:360px!important;padding:18px 12px 12px;border-radius:28px}
#app-lock-v13 .lock-v13 h2{font-size:27px!important;font-weight:760;letter-spacing:-.6px;margin-bottom:9px!important}
#app-lock-v13 .lock-v13>span{font-size:14px;opacity:1;color:var(--muted,#6c8179)!important}
#app-lock-v13 .lock-dots-v13{color:var(--accent,#064E3B)!important;font-size:24px!important;letter-spacing:10px}
#app-lock-v13 .lock-pad-v13 button{background:color-mix(in srgb,var(--card,#fff) 84%,var(--accent,#064E3B) 16%)!important;border:1px solid color-mix(in srgb,var(--accent,#064E3B) 18%,transparent)!important;box-shadow:0 7px 18px rgba(6,48,36,.06)!important;transition:transform .16s ease,background .16s ease}
#app-lock-v13 .lock-pad-v13 button:active{transform:scale(.94);background:color-mix(in srgb,var(--card,#fff) 72%,var(--accent,#064E3B) 28%)!important}
#app-lock-v13 .lock-pad-v13 button:focus-visible{outline:3px solid var(--accent,#064E3B);outline-offset:2px}
#app-lock-v13 .lock-forgot-v13{font-weight:650;letter-spacing:.01em}
#app-lock-v13 .lock-version-v13{font-size:9px!important;letter-spacing:.16em!important;right:0!important;left:0!important;text-align:center;font-weight:650!important;opacity:.6}
#app-lock-v13 .lock-recovery-v13{background:color-mix(in srgb,var(--card,#fff) 82%,transparent);border:1px solid var(--line,rgba(6,78,59,.15));border-radius:24px;padding:20px}
.v1298-onboard .v1298-onboard-progress{color:var(--accent,#064E3B);font-size:10px;letter-spacing:.13em;font-weight:760}
.v1298-onboard .v1298-onboard-track{height:5px;background:color-mix(in srgb,var(--accent,#064E3B) 12%,transparent);margin-bottom:20px}
.v1298-onboard .v1298-onboard-track i{background:linear-gradient(90deg,#064E3B,#8FD6B2)!important}
.v1298-onboard .v1298-welcome,.v1298-onboard .v1298-finish{border-radius:23px;padding:22px 14px 24px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent,#064E3B) 9%,var(--card,#fff)),var(--card,#fff));border:1px solid color-mix(in srgb,var(--accent,#064E3B) 15%,var(--line,#ddd));margin-bottom:16px}
.v1298-onboard .v1298-appearance-picks input:checked+span{background:color-mix(in srgb,var(--accent,#064E3B) 14%,transparent)!important}
.v1298-onboard .v1298-choice-intro{border-radius:20px!important}
@media(max-width:390px){#app-lock-v13 .lock-pad-v13{width:min(286px,95%);gap:10px}#app-lock-v13 .lock-v13{padding:8px 0}#app-lock-v13 .lock-v13 h2{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){#app-lock-v13 .lock-pad-v13 button{transition:none!important}}

/* Full-screen, theme-aware welcome setup instead of the legacy bottom sheet. */
#modal-root .modal-wrap:has(.v1298-onboard){
 align-items:center!important;justify-content:center!important;
 background:radial-gradient(ellipse at 18% 6%,color-mix(in srgb,var(--accent,#064E3B) 16%,transparent),transparent 48%),
 radial-gradient(ellipse at 85% 90%,color-mix(in srgb,#B8E6D1 26%,transparent),transparent 44%),var(--bg,#F7F0D8)!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 padding:calc(20px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));box-sizing:border-box;
}
#modal-root .modal-wrap:has(.v1298-onboard)>.modal{
 width:min(550px,100%)!important;max-height:100%!important;box-sizing:border-box;
 border:1px solid color-mix(in srgb,var(--accent,#064E3B) 16%,var(--line,#ddd));
 border-radius:30px!important;
 background:color-mix(in srgb,var(--card,#fff) 94%,transparent)!important;
 backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
 padding:25px 24px 25px!important;
 box-shadow:0 20px 65px rgba(6,36,28,.14)!important;
}
#modal-root .modal-wrap:has(.v1298-onboard)>.modal::before{
 content:'';display:block;width:48px;height:48px;margin:0 auto 16px;border-radius:15px;
 background:#064E3B url('icon-192.png') center/cover no-repeat;
 box-shadow:0 9px 25px rgba(6,78,59,.13);
}
#modal-root .modal-wrap:has(.v1298-onboard) .modal-head{margin:0 0 20px;gap:12px}
#modal-root .modal-wrap:has(.v1298-onboard) .modal-head h2{font-size:24px;font-weight:750;letter-spacing:-.6px;color:var(--text,#17392f)}
#modal-root .modal-wrap:has(.v1298-onboard) .modal-head button{border-radius:100px}
#modal-root .modal-wrap:has(.v1298-onboard) .v1298-onboard{display:grid;gap:4px;padding:0!important}
#modal-root .modal-wrap:has(.v1298-onboard) .v1298-onboard>.primary{margin-top:15px;min-height:48px;border-radius:16px}
#modal-root .modal-wrap:has(.v1298-onboard) .v1298-onboard .field input,
#modal-root .modal-wrap:has(.v1298-onboard) .v1298-onboard .field select{min-height:48px;border-radius:15px}
@media(max-width:420px){
 #modal-root .modal-wrap:has(.v1298-onboard)>.modal{padding:22px 18px 20px!important;border-radius:25px!important}
 #modal-root .modal-wrap:has(.v1298-onboard)>.modal::before{width:42px;height:42px;margin-bottom:14px}
 #modal-root .modal-wrap:has(.v1298-onboard) .modal-head{margin-bottom:16px}
}
@media(max-height:710px){#modal-root .modal-wrap:has(.v1298-onboard)>.modal{max-height:calc(100dvh - 20px)!important;padding-top:16px!important}}