/* SPK-JOBBINFO-C: Jobbinfo layout C (statuslinje + kortrutenett) */
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:none!important;gap:14px!important;align-content:start!important;align-items:stretch!important;background:#F4F6F8!important;container-type:inline-size;container-name:jbc}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>.jb2-p--info>.jb2-blk,html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>.jb2-p--info,html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>.jb2-p--info>.jb2-blk:nth-child(3){display:contents!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb *{grid-row:auto!important}html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>*{grid-column:1/-1;margin:0!important;min-width:0}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jbc-card{background:#fff;border:1px solid #E3E7EA;border-radius:12px;padding:16px;box-shadow:none;margin:0!important;min-width:0;box-sizing:border-box}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>.jx-more{order:-1!important;display:flex;justify-content:flex-end}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>.blv-appr{order:0!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-p--info>.jb2-blk:nth-child(1)>*{order:1!important;grid-column:auto / span 4!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-p--info>.jb2-blk:nth-child(2)>*{order:2!important;grid-column:auto / span 4!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-blk:nth-child(3)>.jb2-bike{display:none}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-blk:nth-child(3)>.jl-bike{order:3!important;grid-column:auto / span 4!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-blk:nth-child(3)>.jbc-mek{order:4!important;grid-column:auto / span 4!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-blk:nth-child(3)>.jbc-svc{order:5!important;grid-column:auto / span 8!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-blk:nth-child(3)>.jb2-g2{order:6!important;grid-column:auto / span 6!important;display:flex;flex-direction:column;gap:10px}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>.blv-plp-sec{order:7!important;grid-column:auto / span 6!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>.jbc-prob{order:8!important;grid-column:auto / span 6!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-blk:nth-child(3)>.qra-row{order:8!important;grid-column:auto / span 6!important;align-self:stretch}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-blk:nth-child(3)>.jbc-oth{order:9!important;grid-column:auto / span 6!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>.jbc-notes{order:10!important;grid-column:auto / span 6!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>.jbc-pics{order:11!important;grid-column:auto / span 6!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>.jc-qa{order:12!important;grid-column:auto / span 6!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>.jb2-p--add{order:13!important;grid-column:auto / span 6!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>.jbc-rest{order:14!important}
@container jbc (min-width:1100px){html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-p--info>.jb2-blk:nth-child(1)>*,html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-p--info>.jb2-blk:nth-child(2)>*,html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-blk:nth-child(3)>.jl-bike,html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-blk:nth-child(3)>.jbc-mek,html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-blk:nth-child(3)>.jb2-g2,html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>.blv-plp-sec{grid-column:auto / span 3!important}html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-blk:nth-child(3)>.jbc-svc{grid-column:auto / span 6!important}}
@container jbc (max-width:560px){
 html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb>*:not(.jb2-p--info),html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-p--info>.jb2-blk>*,html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jb2-p--info>.jb2-blk{grid-column:1/-1!important}
}
/* statuslinje */
.jbc-steps{display:flex;align-items:flex-start;flex:1 1 420px;min-width:0;margin:10px 0 2px;padding:0 4px;list-style:none}
.jbc-stp{display:flex;flex-direction:column;align-items:center;gap:4px;font:500 11px/1.25 Poppins,system-ui,sans-serif!important;letter-spacing:0;color:#6B7A80;flex:1;position:relative;text-align:center;min-width:0}
.jbc-stp b{width:22px;height:22px;border-radius:50%;background:#E3E7EA;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;z-index:1;font-weight:700}
.jbc-stp:not(:first-child)::before{content:"";position:absolute;top:10px;right:50%;width:100%;height:3px;background:#E3E7EA}
.jbc-stp.dn b,.jbc-stp.dn::before,.jbc-stp.cu::before{background:#0E7490}
.jbc-stp.cu b{background:#0E7490;box-shadow:0 0 0 4px #E0F2F7}.jbc-stp.cu{color:#0E5566;font-weight:600}
.jbc-stp.cu.wt b{background:#E86A9A;box-shadow:0 0 0 4px #FDEDF3}.jbc-stp.cu.wt{color:#B4235A}
@media(max-width:760px){.jbc-steps{flex-basis:100%;padding:0}.jbc-stp{font-size:9.5px}}
/* godkjenning: kompakt stripe + skuff */
#panel.jbc .blv-appr.jbc-appr{border-left:4px solid #E86A9A!important;cursor:pointer;padding:12px 16px}
#panel.jbc .blv-appr.jbc-appr:not(.jbc-open)>:not(.blv-appr__h){display:none!important}
#panel.jbc .blv-appr.jbc-appr .blv-appr__h{display:flex;align-items:center;gap:10px}
#panel.jbc .blv-appr.jbc-appr .blv-appr__sum::after{content:" ›"}
#panel.jbc .blv-appr.jbc-appr.jbc-open{position:fixed!important;top:0;right:0;bottom:0;width:400px;max-width:100vw;z-index:2147483000;border-radius:0!important;overflow:auto;cursor:default;box-shadow:-10px 0 30px rgba(0,0,0,.14);padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))!important;background:#fff!important;margin:0!important;display:block!important}
#panel.jbc .blv-appr.jbc-open .blv-appr__sum::after{content:""}
.jbc-x{margin-left:auto;border:0!important;background:#F1F4F5;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:15px;color:#13252B;flex:none}
#panel.jbc .blv-appr:not(.jbc-open) .jbc-x{display:none}
.jbc-bd{position:fixed;inset:0;z-index:2147482999;background:rgba(15,30,35,.28);z-index:2147482999}
#panel.jbc #ph .pbc:has(.jbc-steps){display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
#panel.jbc #ph .pbc .jbc-steps{margin:2px 0;flex:1 1 380px}
.jbc-steps--ph{background:#fff;border:1px solid #E3E7EA;border-radius:16px;padding:14px 6px 12px!important;margin:12px 0!important}
.jbc-steps .jbc-stp,.jbc-steps .jbc-stp span{font-family:Poppins,system-ui,sans-serif!important;letter-spacing:0!important}
html #panel.jbc.jbc[data-jb2tab=info] #pb#pb#pb#pb .jbc-card{background:#fff!important;border:1px solid #E3E7EA!important;border-radius:12px!important}
html body #panel.jbc.jbc .blv-appr.jbc-appr.jbc-open{padding:max(24px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom)) 22px!important}
@media(max-width:760px){html body #panel.jbc.jbc .blv-appr.jbc-appr.jbc-open{width:100vw;padding-top:calc(max(12px,env(safe-area-inset-top)) + 58px)!important}}
/* v2: farger per steg, puls, venstrejustert, Kopier ved strekkoden */
.jbc-s0{--c:#0A84FF;--g:rgba(10,132,255,.28)}.jbc-s1{--c:#AF52DE;--g:rgba(175,82,222,.28)}.jbc-s2{--c:#FF2D55;--g:rgba(255,45,85,.28)}.jbc-s3{--c:#FF9500;--g:rgba(255,149,0,.30)}.jbc-s4{--c:#30B158;--g:rgba(48,177,88,.28)}
.jbc-steps .jbc-stp.dn b{background:var(--c)!important;box-shadow:0 0 8px var(--g)!important}
.jbc-steps .jbc-stp.dn::before,.jbc-steps .jbc-stp.cu::before{background:var(--c)!important}
.jbc-steps .jbc-stp.cu b{background:var(--c)!important;box-shadow:0 0 0 4px var(--g)!important;animation:jbcPulse 2s ease-in-out infinite}
.jbc-steps .jbc-stp.cu,.jbc-steps .jbc-stp.cu.wt{color:var(--c)!important}
@keyframes jbcPulse{0%,100%{box-shadow:0 0 0 3px var(--g),0 0 6px var(--g)}50%{box-shadow:0 0 0 7px var(--g),0 0 16px var(--c)}}
@media(prefers-reduced-motion:reduce){.jbc-steps .jbc-stp.cu b{animation:none}}
.jbc-steps{justify-content:flex-start}
.jbc-steps .jbc-stp{flex:0 0 auto;width:78px}
.jbc-steps--ph{width:100%;box-sizing:border-box}.jbc-steps.jbc-steps--ph .jbc-stp{width:auto;flex:1 1 0;min-width:0}
#panel.jbc #ph .pbc:has(.jbc-steps){justify-content:flex-start!important}
#panel.jbc #ph .pbc:has(.jbc-steps) .jc-blrow{display:contents!important}
#panel.jbc #ph .pbc:has(.jbc-steps) .jc-bars{order:0}
#panel.jbc #ph .pbc:has(.jbc-steps) .jc-copy{order:1;margin:0!important}
#panel.jbc #ph .pbc:has(.jbc-steps) .jc-bl{order:2}
#panel.jbc #ph .pbc:has(.jbc-steps) .spk-bct{order:3}
#panel.jbc #ph .pbc .jbc-steps{order:4;flex:0 1 auto!important;margin-left:12px!important}
/* v3: «Skal gjøres» som ren liste (ingen avkrysning) */
html body .spk-mc__ck input[type=checkbox]{display:none!important}
html body .spk-mc__ck input:checked+span{text-decoration:none!important;color:inherit!important}
html body .spk-mc__ck label{cursor:default!important;pointer-events:none;min-height:0!important;padding:9px 0!important;gap:0!important}
html body .spk-mc__ck label>span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#0E7490;margin:0 10px 2px 0;vertical-align:middle}
html body .spk-mc__ck label>span:has(small)::before{display:none}
@media(max-width:760px){.jbc-steps{width:100%!important;box-sizing:border-box;padding:0!important}.jbc-steps .jbc-stp{width:auto!important;flex:1 1 0!important;min-width:0!important}}
/* SPK-APVPILL (qafix4): desktop awaiting-approval strip = compact auto-width pill next to status line */
@media(min-width:761px){#panel .spk-apv{width:fit-content!important;flex-wrap:nowrap!important;max-width:360px!important;flex:0 0 auto!important;box-sizing:border-box;padding:6px 8px 6px 12px!important;gap:8px!important;border-radius:12px!important;align-self:flex-start}
#panel .spk-apv .spk-apv__t{min-width:175px;flex:1 1 auto;font-size:13px;line-height:1.25}#panel .spk-apv .spk-apv__t>b,#panel .spk-apv .spk-apv__t>strong{overflow:visible!important;text-overflow:clip!important}
#panel .spk-apv .spk-apv__t>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
#panel .spk-apv button{white-space:nowrap;flex:0 0 auto;padding:6px 10px!important;font-size:12.5px}}
/* SPK-TRACKER */.jbc-stp.dn.no b{background:#9AA5AB}.jbc-stp.dn.pt b{background:#0E7490}