/* Budgetly 3.13 – introduktion. Oberoende av appens färgtema. */
.onboarding[hidden], .onboarding-focus[hidden] {display:none!important}
.onboarding {position:fixed;inset:0;z-index:30000;font-family:inherit;color:#f9f7ff}
.onboarding-shade {position:absolute;inset:0;background:rgba(8,9,20,.38)}
.onboarding-focus {position:fixed;z-index:1;border:2px solid #cf8766;border-radius:14px;box-shadow:0 0 0 5px rgba(207,135,102,.22),0 0 0 9999px rgba(8,9,20,.48),0 0 28px 6px rgba(207,135,102,.45);pointer-events:none;transition:top .22s,left .22s,width .22s,height .22s}
.onboarding-panel {position:fixed;z-index:2;box-sizing:border-box;width:min(430px,calc(100vw - 32px));background:#382c27;border:1px solid #6c4c3e;border-radius:22px;padding:27px;box-shadow:0 24px 80px rgba(0,0,0,.48);outline:none}
.onboarding-head {display:flex;justify-content:space-between;align-items:center;gap:12px;color:#f3c4aa;font-size:13px;font-weight:700}
.onboarding-progress {height:5px;background:#62483b;border-radius:20px;margin:18px 0 25px;overflow:hidden}
.onboarding-progress span {display:block;height:100%;background:#cf8766;border-radius:20px;transition:width .2s}
.onboarding-icon {display:grid;place-items:center;width:55px;height:55px;background:#75513e;border-radius:18px;color:#f6d5c0;font-size:27px;margin-bottom:17px}
.onboarding-panel h2 {color:#fff!important;font-size:25px;line-height:1.23;margin:0 0 13px}
.onboarding-panel p {color:#f0dcd0!important;font-size:15px;line-height:1.65;margin:0 0 24px}
.onboarding-actions,.onboarding-actions>div {display:flex;align-items:center;justify-content:space-between;gap:8px}
.onboarding-actions button {cursor:pointer;border:0;border-radius:11px;padding:11px 13px;font:inherit;font-size:13px;font-weight:650}
.onboarding-skip,.onboarding-back {background:transparent!important;color:#f0dcd0!important}
.onboarding-next {background:#d58b62!important;color:#30241f!important;padding:12px 18px!important}
.onboarding-actions button:focus-visible {outline:2px solid #fff;outline-offset:3px}
@media(max-width:768px){.onboarding-panel{padding:22px;max-height:calc(100dvh - 30px);overflow:auto}.onboarding-panel h2{font-size:22px}.onboarding-panel p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.onboarding-focus,.onboarding-progress span{transition:none}}

/* Spotlight: målet lämnas helt skarpt medan omgivningen tonas ned. */
.onboarding.has-focus .onboarding-shade {background:transparent}
.onboarding-focus {background:transparent}