/* Welcome setup: a short introduction, clear checklist and optional building details. */
#onboardingOverlay{background:var(--ivory);font:16px/1.6 var(--font-body);color:var(--dark)}
#onboardingOverlay .onboarding-container{width:100%;max-width:860px;margin:0 auto;padding:46px 28px 70px}
#onboardingOverlay .onboarding-welcome{text-align:left;margin-bottom:28px}
#onboardingOverlay .onboarding-welcome h1{font:500 48px/1.15 var(--font-heading);letter-spacing:-.015em;text-transform:none;color:var(--dark);margin:0 0 16px}
#onboardingOverlay .onboarding-welcome p{font:400 16px/1.7 var(--font-body);color:var(--resident-soft);max-width:650px;margin:0 0 22px}
#onboardingOverlay .onboarding-welcome-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}
#onboardingOverlay .onboarding-unit-badge{font:500 13px/1.5 var(--font-body);letter-spacing:0;text-transform:none;border:1px solid var(--resident-line);border-radius:20px;background:#eee8dc;color:var(--dark);padding:8px 14px;margin:0}
#onboardingOverlay .onboarding-skip-btn,#onboardingOverlay .onboarding-complete-btn{min-height:46px;padding:12px 18px;border-radius:8px;font:500 14px/1.5 var(--font-body);letter-spacing:0;text-transform:none;cursor:pointer}
#onboardingOverlay .onboarding-skip-btn{background:var(--resident-paper);color:var(--dark);border:1px solid var(--resident-line)}
#onboardingOverlay .onboarding-complete-btn{background:var(--dark);color:var(--ivory);border:1px solid var(--dark)}
#onboardingOverlay .onboarding-complete-btn:disabled{opacity:.45;cursor:default}
#onboardingOverlay .onboarding-progress{margin:26px 0 32px}
#onboardingOverlay .onboarding-progress-bar{height:5px;border-radius:4px;background:#e2ded4;overflow:hidden}
#onboardingOverlay .onboarding-progress-fill{background:#526d50}
#onboardingOverlay .onboarding-progress-text{font:400 13px/1.5 var(--font-body);letter-spacing:0;text-transform:none;color:var(--resident-soft);margin-top:10px}
#onboardingOverlay .onboarding-category{margin:0 0 28px}
#onboardingOverlay .onboarding-category-title{font:500 27px/1.3 var(--font-heading);letter-spacing:0;text-transform:none;color:var(--dark);margin:0 0 14px}
#onboardingOverlay .onboarding-step{border:1px solid var(--resident-line);border-radius:12px;background:var(--resident-paper);padding:8px 12px;margin-bottom:10px;gap:12px}
#onboardingOverlay .onboarding-step-toggle{min-height:68px;padding:12px 4px;gap:14px;color:var(--dark)}
#onboardingOverlay .onboarding-step-label{font:500 16px/1.5 var(--font-body);letter-spacing:0;text-transform:none}
#onboardingOverlay .onboarding-check{width:24px;height:24px;min-width:24px;border-radius:6px;border:1px solid #a9a18e;background:none;color:var(--dark)}
#onboardingOverlay .onboarding-step.completed{opacity:1;background:#edf2e9}
#onboardingOverlay .onboarding-step.completed .onboarding-check{background:#526d50;border-color:#526d50;color:white}
#onboardingOverlay .onboarding-step.completed .onboarding-step-label{text-decoration:none}
#onboardingOverlay .ob-go-btn{font:500 13px/1.5 var(--font-body);letter-spacing:0;text-transform:none;min-height:44px;padding:10px 14px;border:1px solid var(--resident-line);border-radius:8px;background:var(--resident-paper);color:var(--dark)}
#onboardingOverlay .onboarding-building-details{border:1px solid var(--resident-line);border-radius:12px;background:var(--resident-paper);padding:22px;margin-top:26px}
#onboardingOverlay .onboarding-building-details>summary{font:500 25px/1.3 var(--font-heading);cursor:pointer;color:var(--dark)}
#onboardingOverlay .building-info-grid{margin:24px 0 0;gap:16px}
#onboardingOverlay .building-info-card{border:0;background:#f3f0e8;border-radius:10px;padding:18px}
#onboardingOverlay .building-info-card h4{font:600 15px/1.5 var(--font-body);letter-spacing:0;text-transform:none;color:var(--dark);margin-bottom:8px}
#onboardingOverlay .building-info-card p{font:400 14px/1.6 var(--font-body);color:var(--resident-soft)}
#onboardingOverlay .amenity-tag{font:400 12px/1.5 var(--font-body);letter-spacing:0;text-transform:none;border-radius:14px;background:#e9e4d9;color:var(--dark);padding:6px 10px}
#onboardingOverlay .onboarding-safety-line{font:400 14px/1.6 var(--font-body);color:#63332c;border-left:3px solid #8b4035;padding:12px 16px;background:#f7eee9;border-radius:8px;margin:24px 0}
#onboardingOverlay .onboarding-actions{margin-top:28px;padding-top:22px;border-color:var(--resident-line);justify-content:flex-end}
#onboardingOverlay .dashboard-data-status{font:400 14px/1.6 var(--font-body);border-radius:8px}
#onboardingOverlay :is(button,summary):focus-visible{outline:2px solid #7d6943;outline-offset:3px}
@media(max-width:600px){#onboardingOverlay .onboarding-container{padding:30px 20px 50px}#onboardingOverlay .onboarding-welcome h1{font-size:40px}#onboardingOverlay .onboarding-welcome-actions{gap:10px}#onboardingOverlay .onboarding-step{padding:8px 12px;flex-wrap:wrap}#onboardingOverlay .onboarding-step-toggle{width:100%}#onboardingOverlay .ob-go-btn{margin:0 0 8px 38px}#onboardingOverlay .building-info-grid{grid-template-columns:1fr}#onboardingOverlay .building-info-card{grid-column:auto!important}#onboardingOverlay .onboarding-building-details{padding:20px 16px}#onboardingOverlay .onboarding-actions button{width:100%}}
#onboardingOverlay .onboarding-welcome{padding:0}
@media(prefers-reduced-motion:reduce){#onboardingOverlay .onboarding-progress-fill,#onboardingOverlay .onboarding-check{transition:none}}