/* SPK-JOBMOB v4 «Jobbkort» (skisse A) – kun mobil */
@media (max-width:760px){
html body #spk-mc.jm4{display:flex!important;flex-direction:column!important;overflow:visible!important}
html body #spk-mc.jm4>*{order:30}
html body #spk-mc.jm4>.spk-mc__top{order:1;position:sticky;top:46px;z-index:20;background:#fff!important;border-radius:16px!important;padding:10px 14px 10px!important;box-shadow:0 2px 10px rgba(10,40,45,.07);margin-bottom:10px!important}
html body #spk-mc.jm4 .jm-steps{list-style:none;margin:8px 0 0!important;padding:0!important}
html body #spk-mc.jm4 .jm-facts{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:6px;margin-top:8px}
html body #spk-mc.jm4 .jm-facts[hidden]{display:none}
html body #spk-mc.jm4 .jm-facts div{background:#eef6f5;border-radius:10px;padding:5px 4px;text-align:center;min-width:0}
html body #spk-mc.jm4 .jm-facts small{display:block;font-size:10px;color:#5d7176}
html body #spk-mc.jm4 .jm-facts b{display:block;font-size:13px;color:#0b4a55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* arbeid-blokk: ett kort med teal kant */
html body #spk-mc.jm4>.jm-work1{order:2;border:2px solid #0b4a55!important;border-bottom:0!important;border-radius:16px 16px 0 0!important;margin-bottom:0!important}
html body #spk-mc.jm4>.jm-work2{order:3;border:2px solid #0b4a55!important;border-top:1px solid #e3ebed!important;border-radius:0 0 16px 16px!important;margin-top:0!important}
html body #spk-mc.jm4>.jm-work2 .spk-mc__b,html body #spk-mc.jm4>.jm-work2 button{min-height:52px;font-size:17px}
html body #spk-mc.jm4>.jm-work1:not(:has(~.jm-work2)){border-bottom:2px solid #0b4a55!important;border-radius:16px!important}
/* deler og funn – egen rulling */
html body #spk-mc.jm4>.spk-mc__s--del{order:4}
html body #spk-mc.jm4>.spk-xth{order:5}
html body #spk-mc.jm4>.spk-mc__s--funn{order:6}
html body #spk-mc.jm4>.spk-mc__s--req{order:7}
html body #spk-mc.jm4 .spk-xt__ul{max-height:264px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin-right:-6px!important;padding-right:6px!important;scrollbar-width:thin;mask-image:linear-gradient(#000 calc(100% - 18px),transparent);-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),transparent)}
html body #spk-mc.jm4>.spk-mc__s--req [data-mcs]>ul,html body #spk-mc.jm4>.spk-mc__s--req [data-mcs]>ol{max-height:220px;overflow-y:auto;overscroll-behavior:contain}
html body #spk-mc.jm4>.spk-mc__s--funn .spk-mc__cat{max-height:none}
/* kunden */
html body #spk-mc.jm4>.spk-kmsg,html body #spk-mc.jm4>.jm-nomsg{order:8}
html body #spk-mc.jm4>.jm-cmp{order:9;display:grid;grid-template-columns:1fr auto;gap:8px;margin:-6px 0 12px;padding:10px 12px;background:#fff;border-radius:0 0 16px 16px}
html body #spk-mc.jm4>.jm-cmp textarea{min-height:44px;max-height:140px;resize:vertical;border:1px solid #d9e1e6;border-radius:12px;padding:10px 12px;font:15px/1.35 inherit}
html body #spk-mc.jm4>.jm-cmp .bt-btn{height:44px;align-self:end}
html body #spk-mc.jm4>.jm-cmp .jm-cmp__s{grid-column:1/-1;font-size:12px;color:#6b7680}
html body #spk-mc.jm4>.jm-cmp .jm-cmp__s:empty{display:none}
html body #spk-mc.jm4>.jm-nomsg{background:#fff;border-radius:16px 16px 0 0;padding:14px;margin:0 0 6px;color:#6b7a80;font-size:14px}
html body #spk-mc.jm4>.spk-kmsg:not(.jm-all) .spk-kmsg__m:not(:last-child){display:none}
/* bilder, notat, strekkode, bunnlinje */
html body #spk-mc.jm4>.spk-mc__s--pics{order:10}
html body #spk-mc.jm4>.spk-mc__s--note{order:11}
html body #spk-mc.jm4>.pbc{order:12;padding:10px 14px!important}
html body #spk-mc.jm4>.pbc:not(.jm-open) .jc-bars{display:none!important}
html body #spk-mc.jm4>.pbc .jbc-steps{display:none!important}
html body #spk-mc.jm4>.spk-mc__end{order:99;position:sticky;bottom:0;z-index:20;display:flex!important;gap:8px;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #e1e8ea;margin:6px -12px 0!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;border-radius:0!important}
html body #spk-mc.jm4>.spk-mc__end>button{flex:1;margin:0!important;min-height:48px}
html body #spk-mc.jm4>.spk-mc__end>button.b11-part{flex:1;background:#fff!important;color:#14302c!important;border:1px solid #d6e0e3!important}
.jm-bt2{background:none;border:0;color:#0b4a55;font:600 13px/1 inherit;padding:8px 0;cursor:pointer}
}
/* v4.1 Klar til henting */
@media (max-width:760px){
html body #spk-mc.jm4 .sfk-inl.jm-dup{display:none!important}
html body #spk-mc.jm4.jm-klar>.jm-done{order:2;border:0}
html body #spk-mc.jm4.jm-klar>.spk-pc--m{order:3}
html body #spk-mc.jm4.jm-klar>.sfk-inl{order:4}
html body #spk-mc.jm4.jm-klar>.jm-moreb{order:5;display:block;width:100%;background:#fff;border:1px solid #d6e0e3;border-radius:14px;padding:13px;font:600 15px/1 inherit;color:#0b4a55;margin:4px 0 12px}
html body #spk-mc.jm4.jm-klar:not(.jm-all-open)>:is(.jm-work1,.jm-work2,.spk-mc__s--funn,.spk-mc__s--del,.spk-xth,.spk-mc__s--req,.spk-kmsg,.jm-nomsg,.jm-cmp,.spk-mc__s--pics,.spk-mc__s--note,.pbc){display:none!important}
html body #spk-mc.jm4.jm-klar>.jm-work1{border:0!important;border-radius:16px!important;margin-bottom:10px!important}
html body #spk-mc.jm4.jm-klar>.jm-work2{border:0!important;border-radius:16px!important}
.jm-done h3{margin-bottom:6px}
.jm-dl{margin:0 0 8px 18px;padding:0;font-size:14.5px;line-height:1.45}
.jm-dt{width:100%;border-collapse:collapse;font-size:14px}
.jm-dt td{padding:6px 0;border-top:1px solid #eef2f3}.jm-dt td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.jm-dsum{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:8px;border-top:2px solid #e3ebed;font-size:13px;color:#5d7176}
.jm-dsum b{font-size:16px;color:#14302c;margin-left:4px;font-variant-numeric:tabular-nums}
html body #spk-mc.jm4.jm-klar>.spk-mc__end{justify-content:center}
html body #spk-mc.jm4.jm-klar>.spk-mc__end>*{flex:1 1 100%!important;max-width:none!important;width:100%!important;justify-content:center!important;margin:0!important}
}
@media (max-width:760px){.jm-ddesc{font-size:13px;color:#5d7176;margin:0 0 8px}}
