/* SPK-ONBV2 onboarding v2 (iOS-stil) */
.ob2{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;font:16px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,Arial,sans-serif;color:#1d1d1f;-webkit-font-smoothing:antialiased}
.ob2-bg{position:absolute;inset:0;background:rgba(245,247,250,.55);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}
.ob2-win{position:relative;width:min(560px,92vw);height:min(720px,92vh);background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 30px 80px rgba(20,40,60,.18),0 2px 8px rgba(20,40,60,.06);display:flex;flex-direction:column;overflow:hidden}
.ob2-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 0;min-height:44px}
.ob2-back,.ob2-skip{background:none;border:0;font:inherit;font-size:16px;color:#0a7c74;padding:10px 6px;cursor:pointer;min-height:44px}
.ob2-back[hidden]{visibility:hidden;display:block}
.ob2-track{flex:1;display:flex;transition:transform .45s cubic-bezier(.2,.8,.2,1);touch-action:pan-y}
.ob2-card{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px 34px;box-sizing:border-box;overflow-y:auto}
.ob2-ic{width:112px;height:112px;border-radius:30px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 12px 30px rgba(10,124,116,.18)}
.ob2-ic svg{width:58px;height:58px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ob2-h{font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.02em;margin:0 0 12px}
.ob2-p{font-size:18px;color:#55606a;margin:0 auto 18px;max-width:400px}
.ob2-li{list-style:none;padding:0;margin:6px auto 0;max-width:380px;text-align:left}
.ob2-li li{display:flex;gap:12px;align-items:flex-start;padding:9px 0;font-size:16px;color:#2b333a;border-top:1px solid #eef1f3}
.ob2-li li:first-child{border-top:0}
.ob2-li b{color:#1d1d1f;font-weight:600}
.ob2-dot{flex:0 0 26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700}
.ob2-foot{padding:12px 28px 26px;display:flex;flex-direction:column;align-items:center;gap:16px}
.ob2-dots{display:flex;gap:8px}
.ob2-dots i{width:8px;height:8px;border-radius:4px;background:#d3d8dc;transition:all .3s}
.ob2-dots i.on{width:22px;background:#0a7c74}
.ob2-go{width:100%;max-width:380px;min-height:54px;border:0;border-radius:16px;background:#0a7c74;color:#fff;font:inherit;font-size:18px;font-weight:600;cursor:pointer}
.ob2-go:active{transform:scale(.98)}
.ob2-f{width:100%;max-width:400px;text-align:left;margin:4px auto}
.ob2-f label{display:block;font-size:14px;color:#55606a;margin:14px 0 6px}
.ob2-f input{width:100%;box-sizing:border-box;min-height:50px;border:1px solid #dfe4e8;border-radius:14px;padding:0 14px;font:inherit;font-size:17px;background:#fff}
.ob2-row{display:flex;gap:10px;align-items:center}
.ob2-row span{flex:0 0 74px;font-size:16px}
.ob2-row input{min-height:44px}
.ob2-chips{display:flex;flex-wrap:wrap;gap:8px}
.ob2-chip{border:1px solid #dfe4e8;background:#fff;border-radius:22px;padding:10px 14px;font:inherit;font-size:15px;cursor:pointer;min-height:44px}
.ob2-chip.on{background:#e3f4f2;border-color:#0a7c74;color:#075e58;font-weight:600}
.ob2-phone{width:150px;height:250px;border-radius:30px;border:6px solid #1d1d1f;background:#f7f9fa;position:relative;margin:0 auto 22px;padding:30px 10px 10px;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.ob2-phone:before{content:"";position:absolute;top:8px;left:50%;width:46px;height:14px;margin-left:-23px;border-radius:8px;background:#1d1d1f}
.ob2-phone div{height:52px;border-radius:12px;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:flex-end;padding:6px;box-sizing:border-box}
@media (max-width:700px){
 .ob2-bg{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
 .ob2-win{width:100vw;height:100vh;height:100dvh;border-radius:0;border:0;box-shadow:none;background:#fff}
 .ob2-top{padding:calc(env(safe-area-inset-top,0px) + 8px) 16px 0}
 .ob2-foot{padding:10px 24px calc(env(safe-area-inset-bottom,0px) + 20px)}
 .ob2-card{padding:4px 26px}
 .ob2-h{font-size:28px}.ob2-p{font-size:17px}
 .ob2-ic{width:96px;height:96px;border-radius:26px;margin-bottom:22px}.ob2-ic svg{width:50px;height:50px}
}
@media (max-width:700px) and (max-height:760px){.ob2-ic{width:76px;height:76px;margin-bottom:14px}.ob2-ic svg{width:40px;height:40px}.ob2-li li{padding:6px 0;font-size:15px}}
html.spk-nommr [data-mmrd-open],html.spk-nommr [data-mmrapply],html.spk-nommr [title="MMR-forhandler"],html.spk-nommr .spk-mmrhide{display:none!important}
.ob2-pcfix{text-align:center;padding:28px 20px}
.ob2-spin{display:inline-block;width:12px;height:12px;border:2px solid #b7dcd8;border-top-color:#0a7c74;border-radius:50%;animation:ob2s 1s linear infinite;vertical-align:-1px;margin-right:6px}
@keyframes ob2s{to{transform:rotate(360deg)}}
.ob2-go:disabled{cursor:not-allowed}
.ob2-vp{flex:1;overflow:hidden;display:flex;width:100%;min-height:0}
.ob2 .ob2-track{flex:0 0 100%;width:100%;min-width:0}
.ob2 .ob2-card{flex:0 0 100%;width:100%;min-width:0;max-width:100%}
.ob2 .ob2-card *{max-width:100%}
.ob2{z-index:2147483000!important}
.ob2 h2.ob2-h{font-size:30px!important;line-height:1.15!important;font-weight:700!important;color:#1d1d1f!important;font-family:inherit!important}
@media (max-width:700px){.ob2 h2.ob2-h{font-size:28px!important}}
@media (max-width:700px) and (max-height:760px){.ob2 h2.ob2-h{font-size:25px!important}}
/* demos */
.od-ic-s .ob2-ic{width:72px!important;height:72px!important;border-radius:20px!important;margin-bottom:14px!important}.od-ic-s .ob2-ic svg{width:38px!important;height:38px!important}
.od-wrap{width:100%;max-width:400px;margin:2px auto 0;position:relative;min-height:190px}
.od{background:#f6f8f9;border:1px solid #e8ecef;border-radius:18px;padding:12px;margin:0 auto 12px;box-sizing:border-box}
.od-hint{font-size:13px;color:#8a949b;margin:0}
.od-btn{border:0;background:#e3f4f2;color:#075e58;font:inherit;font-weight:600;font-size:16px;border-radius:14px;min-height:46px;padding:0 20px;cursor:pointer}
.od-btn:disabled{background:#2bb673;color:#fff}
.pop{animation:odpop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes odpop{0%{transform:scale(.85);opacity:.3}100%{transform:scale(1);opacity:1}}
.od-toast{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);background:#1d1d1f;color:#fff;font-size:13px;padding:8px 14px;border-radius:12px;white-space:nowrap;max-width:96%;overflow:hidden;text-overflow:ellipsis;opacity:0}
.od-toast.pop{animation:odt 2.6s ease forwards}
@keyframes odt{0%{opacity:0;transform:translate(-50%,8px)}10%,80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}
.od-cal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.od-slot{border:1px solid #dfe4e8;background:#fff;border-radius:12px;padding:8px 4px;font:inherit;font-weight:600;font-size:15px;cursor:pointer;display:flex;flex-direction:column}
.od-slot small{font-weight:400;font-size:11px;color:#8a949b}
.od-slot.busy{background:#eef1f3;color:#8a949b}
.od-slot.new{background:#2f7de1;color:#fff;border-color:#2f7de1}.od-slot.new small{color:#e3eeff}
.od-scan{height:120px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.od-bike{font-size:54px;position:relative}.od-tag{position:absolute;right:-18px;top:-4px;font-size:11px;background:#f08a24;color:#fff;border-radius:6px;padding:2px 5px}
.od-beam{position:absolute;left:10%;right:10%;height:3px;background:#f08a24;box-shadow:0 0 12px #f08a24;top:0;opacity:0}
.od-scan.on .od-beam{opacity:1;animation:odb 1.2s ease-in-out}
@keyframes odb{0%{top:10%}50%{top:85%}100%{top:10%}}
.od-scan.ok{background:#e9f8f0;border-color:#2bb673}
.od-board{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}
.od-col{background:#fff;border:1px dashed #d3d8dc;border-radius:12px;padding:8px;min-height:92px}.od-col b{font-size:12px;color:#55606a;display:block;margin-bottom:6px}
.od-col.ov{border-color:#0a7c74;background:#e3f4f2}
.od-job{background:#fff;border:1px solid #dfe4e8;border-left:4px solid #f08a24;border-radius:10px;padding:8px;font-size:14px;font-weight:600;cursor:grab;touch-action:none;transition:transform .1s}
.od-job small{font-weight:400;color:#8a949b}.od-job.okj{border-left-color:#2bb673}
.od-sms{position:absolute;right:0;bottom:-10px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:10px 12px;font-size:13px;text-align:left;max-width:240px}.od-sms b{display:block;font-size:11px;color:#2bb673}
.od-chat{display:flex;flex-direction:column;gap:6px;min-height:100px;justify-content:flex-end}
.od-b{max-width:80%;padding:8px 12px;border-radius:16px;font-size:14px;text-align:left}.od-b.out{align-self:flex-end;background:#2bb673;color:#fff}.od-b.in{align-self:flex-start;background:#fff;border:1px solid #e3e8ea}
.od-rcpt{text-align:left;font-size:14px}.od-rcpt div{display:flex;justify-content:space-between;padding:3px 0}.od-rcpt .tot{font-weight:700;border-top:1px solid #e3e8ea;margin-top:4px;padding-top:6px}
.od-rcpt .od-st{display:block;text-align:center;margin-top:8px;background:#fdecea;color:#c0392b;border-radius:10px;padding:6px;font-weight:600}.od-rcpt .od-st.paid{background:#e9f8f0;color:#1e8a55}
.od-part{display:flex;justify-content:space-between;align-items:center;font-size:17px;background:#fff;border-radius:12px;padding:12px 14px}
.od-n{font-size:26px;color:#0a7c74;display:inline-block}.od-n.low{color:#e0a100}
.od-site{padding:0;overflow:hidden}.od-url{background:#eef1f3;font-size:12px;color:#8a949b;padding:6px}
.od-pg{padding:12px;display:grid;gap:6px}.od-pg i{display:block;height:12px;background:#e3e8ea;border-radius:6px}.od-pg i.s{width:50%;height:24px;background:#d3d8dc}
.od-site.live .od-pg i.s{background:#14a3c7}.od-site.live .od-url{color:#1e8a55}.od-site.live .od-url:before{content:"🔒 "}
.od-bars{display:flex;align-items:flex-end;justify-content:space-around;height:110px;padding-bottom:20px}
.od-bars i{position:relative;width:26px;height:6%;background:#4b5d6b;border-radius:6px 6px 2px 2px;transition:height .9s cubic-bezier(.2,.8,.2,1)}
.od-bars.go i{height:var(--v)}.od-bars small{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:11px;color:#8a949b}
.ob2-badge{display:none!important}
@media (min-width:701px){.ob2-badge{display:block!important;position:fixed!important;top:14px!important;bottom:auto!important;left:50%!important;transform:translateX(-50%)!important;z-index:2147483001!important}}
@media (max-width:700px) and (max-height:760px){.od-wrap{min-height:160px}.od-cal .od-slot{padding:5px 2px}}
.od-toast{bottom:-40px!important}.od-sms{bottom:-46px!important}
.ob2-codebox{width:100%;max-width:340px;margin:8px auto 0}
.ob2 #ob2-code{width:100%;box-sizing:border-box;height:84px;border:3px solid #0a7c74;border-radius:22px;text-align:center;font-size:44px;font-weight:700;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#1d1d1f;background:#fff;box-shadow:0 0 0 6px rgba(10,124,116,.12)}
.ob2 #ob2-code::placeholder{color:#cfd6da}
.ob2-bigcode{font-size:36px;font-weight:700;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#0a7c74;background:#e3f4f2;border-radius:16px;padding:8px 18px;display:inline-block;margin:0 auto 8px}
@media (max-width:700px){.ob2-badge{display:none!important}}
/* SPK-ONBV2-LIVE: old guides retired (tour2, guide dialog, Kom i gang chip, v4 onboarding pane) */
html.spk-ob2on .t2,html.spk-ob2on .sg-dlg,html.spk-ob2on #sg-chip,html.spk-ob2on .v4-ob{display:none!important}

/* SPK-ZOOMFIX: no horizontal overflow / double-tap zoom on onboarding */
html.spk-ob2on,html.spk-ob2on body{overflow-x:hidden;max-width:100%}
.ob2,.ob2-win,.ob2-vp{max-width:100vw;overflow-x:hidden;box-sizing:border-box}
.ob2-back,.ob2-skip,.ob2-go,.ob2-chip,#ob2-pairbtn,#ob2-inst{touch-action:manipulation;-webkit-user-select:none;user-select:none}
.ob2-f input,.ob2 #ob2-code,.ob2-row input{font-size:16px!important}
.ob2-track{touch-action:pan-y manipulation}
@media (max-width:700px){
 .ob2-win{width:100%;width:100vw;max-width:100vw;overflow-x:hidden}
 .ob2-card{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));box-sizing:border-box}
 .ob2-h,.ob2-p{overflow-wrap:anywhere;word-break:break-word}
}