/* spokes-recv.css */
/* Varemottak 2026-10-10 */
.rv-open{display:inline-flex;align-items:center;gap:6px}
.rv-dlg{border:0;padding:0;border-radius:16px;width:min(860px,96vw);max-height:92vh;box-shadow:0 24px 70px rgba(10,30,40,.28);background:var(--bg,#fff);color:inherit}
.rv-dlg::backdrop{background:rgba(10,24,32,.45)}
.rv-b{padding:20px 22px 18px;display:flex;flex-direction:column;gap:12px;font:14px/1.45 Poppins,system-ui,sans-serif}
.rv-h{display:flex;align-items:center;justify-content:space-between}.rv-h h2{margin:0;font-size:20px}
.rv-x{border:0;background:transparent;font-size:24px;line-height:1;width:36px;height:36px;border-radius:50%;cursor:pointer;color:inherit}.rv-x:hover{background:rgba(0,0,0,.06)}
.rv-p{margin:0;color:var(--muted,#5b6672)}
.rvq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.rvq-grid2{grid-template-columns:1fr 1fr}
.rvq-grid label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600}.rvq-grid small{font-weight:400;color:var(--muted,#5b6672)}
.rv-b input{font:inherit;padding:9px 11px;border:1px solid var(--line,#d5dbe1);border-radius:10px;background:var(--bg,#fff);color:inherit;min-width:0}
.rv-scan{display:flex;gap:8px}.rv-code{flex:1;font-family:inherit!important;font-size:16px!important;padding:12px 14px!important;border:2px solid #0f3d4a!important}
.rv-cam{display:inline-flex;align-items:center;gap:6px}
.rv-flash{margin:0;padding:8px 12px;border-radius:10px;background:#dff3ea;color:#0f6b45;font-weight:600}
.rv-warn{margin:0;padding:8px 12px;border-radius:10px;background:#fff1d6;color:#7a4f00}
.rv-unk{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px dashed #c99a2e;border-radius:12px}
.rv-row,.rv-f{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.rv-row{justify-content:flex-start}
.rv-tw{overflow:auto;max-height:42vh;border:1px solid var(--line,#e3e7ec);border-radius:12px}
.rv-t{width:100%;border-collapse:collapse}.rv-t th{position:sticky;top:0;background:var(--bg2,#f6f7f8);text-align:left;font-size:12px;font-weight:600;padding:8px 10px}
.rv-t td{padding:8px 10px;border-top:1px solid var(--line,#eef0f2);vertical-align:middle}.rv-t td b{display:block}.rv-t td small{color:var(--muted,#5b6672);font-size:12px}
.rv-t input{width:86px}.rv-t tr.rv-hl td{animation:rvhl 1.4s ease}@keyframes rvhl{0%{background:#c9f0dc}100%{background:transparent}}
.rv-new{font-size:10.5px;background:#0f3d4a;color:#fff;border-radius:6px;padding:1px 6px;vertical-align:middle}
.rv-empty{margin:0;padding:22px;text-align:center;color:var(--muted,#5b6672);border:1px dashed var(--line,#d5dbe1);border-radius:12px}
.rv-sum{margin:0;font-weight:600;text-align:right}
.rv-log summary{cursor:pointer;font-weight:600}.rv-log ul{margin:8px 0 0;padding-left:18px}.rv-log li{margin:4px 0}
.rv-lnk{border:0;background:none;color:#0f6b8a;text-decoration:underline;cursor:pointer;font:inherit;padding:0 4px}
.rv-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#0f3d4a;color:#fff;padding:10px 16px;border-radius:12px;z-index:99999}
@media (max-width:640px){.rv-dlg{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.rv-b{padding:14px 14px calc(14px + env(safe-area-inset-bottom))}.rvq-grid2{grid-template-columns:1fr}
 .rv-scan{flex-wrap:wrap}.rv-code{flex-basis:100%}.rv-scan .bt-btn{flex:1}.rv-cam{order:-1;flex-basis:100%!important;justify-content:center;padding:14px!important;font-size:16px}
 .rv-t thead{display:none}.rv-t tr{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:6px;padding:8px;border-top:1px solid var(--line,#eef0f2)}.rv-t td{border:0;padding:0}.rv-t td:first-child{grid-column:1/-1}.rv-t input{width:100%}.rv-tw{max-height:none}}
html.dark .rv-dlg{background:#14232b}html.dark .rv-flash{background:#123d2c;color:#9fe3c3}html.dark .rv-warn{background:#3d2f12;color:#f3cf86}
.rv-ph{margin-top:16px;padding-top:14px;border-top:1px solid var(--line,#e3e7ec);display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.rv-ph p{margin:0}.rv-ph .bt-btn{width:100%;justify-content:center;padding:13px;font-size:16px}
@media (max-width:640px){.rv-t td[data-l]::before{content:attr(data-l);display:block;font-size:11px;color:var(--muted,#5b6672);margin-bottom:2px}}
/* 2026-10-10 b: packing-list photo, shelf, OK per line */
.rv-ph2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rv-photo{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.rv-busy{display:inline-flex;align-items:center;gap:8px;color:var(--muted,#5b6672);font-weight:600}.rv-busy i{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:rvsp .8s linear infinite}@keyframes rvsp{to{transform:rotate(360deg)}}
.rv-t select{font:inherit;padding:8px 9px;border:1px solid var(--line,#d5dbe1);border-radius:10px;background:var(--bg,#fff);color:inherit;max-width:150px}
.rv-m{display:block;margin-top:2px}.rv-m--e,.rv-m--s{color:#0f6b45!important}.rv-m--f{color:#8a5a00!important}
.rv-ok{margin-top:6px;border:1.5px solid #0f6b8a;background:transparent;color:#0f6b8a;border-radius:999px;padding:4px 14px;font-family:inherit;font-weight:600;font-size:13px;line-height:1.3;width:auto;height:auto;display:inline-block;cursor:pointer}.rv-ok.is-on{background:#0f6b45;border-color:#0f6b45;color:#fff}
.rv-t tr.rv-pend td{background:rgba(255,196,0,.08)}
.rv-pendbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:10px;background:#fff1d6;color:#7a4f00;font-weight:600}
html.dark .rv-pendbar{background:#3d2f12;color:#f3cf86}
@media (max-width:640px){.rv-photo{flex:1;justify-content:center;padding:14px!important;font-size:16px}.rv-t tr{grid-template-columns:1fr 1fr 1fr auto}.rv-t td.rv-sh{grid-column:1/-2}.rv-t td.rv-sh select{max-width:none;width:100%}.rv-ok{padding:8px 18px}}
.rv-dlg .rv-t button.rv-ok{width:auto!important;height:auto!important;min-width:0!important;min-height:34px!important;border-radius:999px!important;font-size:13px!important;line-height:1.3!important;padding:6px 18px!important;display:inline-flex!important;align-items:center;justify-content:center;margin-top:6px}
/* spokes-qlinks.css */
/* Spokes quick links row (2026-10-10) */
.spk-ql{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-height:34px;margin:8px 0 0;padding:0 0 2px}
.spk-ql::-webkit-scrollbar{display:none}
.spk-ql__b{flex:none;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:1px solid #e4e4df;border-radius:999px;background:#fff;color:#0D4A57;font:500 13px/1 inherit;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.spk-ql__b svg{flex:none;color:#0F6B8A}
.spk-ql__b:hover{background:#f3fbfc;border-color:#a5dde6;color:#0F6B8A}
.spk-ql__b:focus-visible,.spk-ql__e:focus-visible{outline:2px solid #0F6B8A;outline-offset:2px}
.spk-ql__n{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e9eef0;color:#0D4A57;font:600 11px/18px inherit;font-family:inherit;text-align:center}
.spk-ql__n.is-a{background:#d93b2b;color:#fff}
.spk-ql--wait .spk-ql__n{background:#fde9cf;color:#8a4b00}
.spk-ql--low .spk-ql__n{background:#fde9cf;color:#8a4b00}
.spk-ql__e{flex:none;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px dashed #cfd6d8;border-radius:999px;background:transparent;color:#5b6b70;cursor:pointer}
.spk-ql__e:hover{color:#0F6B8A;border-color:#0F6B8A}
@media (max-width:1180px){.spk-ql{flex-wrap:wrap;overflow:visible}.spk-ql__b{padding:0 10px;gap:6px;font-size:12.5px}}
html[data-theme=dark] .spk-ql__b{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:#e6eef0}
html[data-theme=dark] .spk-ql__b svg{color:#7fd3e6}
html[data-theme=dark] .spk-ql__b:hover{background:rgba(165,232,253,.08);border-color:rgba(165,232,253,.3)}
html[data-theme=dark] .spk-ql__n{background:rgba(255,255,255,.12);color:#e6eef0}
html[data-theme=dark] .spk-ql__e{border-color:rgba(255,255,255,.2);color:#b8c4c7}
.spk-qle{position:fixed;inset:0;z-index:9000;background:rgba(10,25,30,.42);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s}
.spk-qle.on{opacity:1}
.spk-qle__p{width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden;color:#1d2a2e}
.spk-qle__p header{display:flex;justify-content:space-between;gap:12px;padding:18px 20px 10px}
.spk-qle__p h2{margin:0;font-size:18px}.spk-qle__p header p{margin:4px 0 0;font-size:13px;color:#5b6b70}
.spk-qle__x{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#5b6b70;width:32px;height:32px;border-radius:8px}
.spk-qle__x:hover{color:#0F6B8A;background:#f3fbfc}
.spk-qle__b{padding:0 20px 8px;overflow:auto}
.spk-qle__b h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#5b6b70;margin:12px 0 6px}
.spk-qle__b ol,.spk-qle__b ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.spk-qle__r{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid #e4e4df;border-radius:10px;font-size:14px}
.spk-qle__r svg{color:#0F6B8A;flex:none}.spk-qle__r span{flex:1}
.spk-qle__r.is-off{border-style:dashed;color:#5b6b70}
.spk-qle__r button{border:1px solid #e4e4df;background:#fff;border-radius:7px;min-width:30px;height:28px;cursor:pointer;font:inherit;font-size:13px;color:#0D4A57}
.spk-qle__r button:hover:not(:disabled){border-color:#0F6B8A;color:#0F6B8A}
.spk-qle__r button:disabled{opacity:.35;cursor:default}
.spk-qle__p footer{display:flex;justify-content:space-between;gap:8px;padding:12px 20px;border-top:1px solid #eee}
.spk-qle__p footer button{height:36px;padding:0 16px;border-radius:9px;border:1px solid #e4e4df;background:#fff;cursor:pointer;font:inherit;font-size:14px}
.spk-qle__p footer .spk-qle__ok{background:#0D4A57;border-color:#0D4A57;color:#fff}
html[data-theme=dark] .spk-qle__p{background:#1c2427;color:#e6eef0}
html[data-theme=dark] .spk-qle__r,html[data-theme=dark] .spk-qle__r button,html[data-theme=dark] .spk-qle__p footer button:not(.spk-qle__ok){background:transparent;border-color:rgba(255,255,255,.14);color:#e6eef0}
/* spokes-kalb.css */
/* Kalender konsept B (tidslinje) – bruker tokens fra spokes-ds.css */
.kp-b{--kb-ax:52px;--kb-line:var(--sbu-line,#E3E6E6);--kb-surf:var(--sbu-surf,#fff);--kb-mut:var(--sbu-mut,#4F4F4F);display:flex;flex-direction:column;gap:10px}
.kp-b .kb-mf{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kb-mfl{font-size:12.5px;font-weight:700;color:var(--kb-mut);margin-right:2px}
.kb-mc{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid var(--kb-line);background:var(--kb-surf);color:inherit;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.kb-mc i{width:9px;height:9px;border-radius:50%;background:var(--mc)}
.kb-mc[aria-pressed=true]{border-color:var(--mc,var(--sbu-acc,#0E7490));background:color-mix(in srgb,var(--mc,#0E7490) 12%,var(--kb-surf));box-shadow:inset 0 0 0 1px var(--mc,var(--sbu-acc,#0E7490))}
.kb-mc[aria-pressed=false]{opacity:.65}
.kb-main{display:flex;flex-direction:column;gap:10px;min-width:0}
.kp-b .kp-grid{min-width:0}
.kb{overflow:auto;max-height:calc(100vh - 290px);min-height:360px;border:1px solid var(--kb-line);border-radius:14px;background:var(--kb-surf)}
.kb-cap{display:grid;grid-template-columns:var(--kb-ax) repeat(var(--kb-d),minmax(150px,1fr));position:sticky;top:0;z-index:6;background:var(--kb-surf);border-bottom:1px solid var(--kb-line);min-width:min-content}
.kb-capl{font-size:11.5px;font-weight:700;color:var(--kb-mut);display:flex;align-items:center;justify-content:center;position:sticky;left:0;background:var(--kb-surf);z-index:2}
.kb-cd{padding:8px 10px;border-left:1px solid var(--kb-line);display:flex;flex-direction:column;gap:4px;min-width:0}
.kb-cd.is-td{background:color-mix(in srgb,var(--sbu-acc,#0E7490) 9%,var(--kb-surf))}
.kb-cd.is-cl{opacity:.6}
.kb-dn{all:unset;cursor:pointer;font-size:13.5px;text-transform:capitalize;border-radius:6px}
.kb-dn:focus-visible{outline:2px solid var(--sbu-acc,#0E7490);outline-offset:2px}
.kb-dn span{color:var(--kb-mut);font-weight:600}
.kb-cb{display:flex;gap:3px}
.kb-cbm{flex:1;height:6px;border-radius:3px;background:color-mix(in srgb,var(--mc) 18%,transparent);overflow:hidden}
.kb-cbm i{display:block;height:100%;background:var(--mc);border-radius:3px}
.kb-cbm.is-hi i{background:#B45309}.kb-cbm.is-over i{background:#B91C1C}
.kb-cd small{font-size:11.5px;color:var(--kb-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-ut{color:var(--sbu-acc,#0E7490);font-weight:700;text-decoration:none}
.kb-lg{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:6px 12px;font-size:12px;color:var(--kb-mut);border-bottom:1px solid var(--kb-line);position:sticky;left:0}
.kb-lg span{display:inline-flex;align-items:center;gap:5px;color:inherit}
.kb-lg i,.kb-dot{width:8px;height:8px;border-radius:50%;background:var(--mc);display:inline-block}
.kb-body{display:grid;grid-template-columns:var(--kb-ax) repeat(var(--kb-d),minmax(150px,1fr));min-width:min-content;position:relative}
.kb-body>.kb-ax{position:sticky;left:0;z-index:4;background:var(--kb-surf);height:var(--kb-h);border-right:1px solid var(--kb-line)}
.kp-b[data-mode=dag] .kb-body>.kb-ax{margin-top:34px}
.kb-body>.kb-ax span{position:absolute;right:8px;transform:translateY(-50%);font-size:11.5px;color:var(--kb-mut);font-variant-numeric:tabular-nums}
.kb-body>.kb-ax span:first-child{transform:none}
.kb-day{position:relative;border-left:1px solid var(--kb-line);background-image:repeating-linear-gradient(to bottom,var(--kb-line) 0 1px,transparent 1px var(--kb-px));background-size:100% var(--kb-px)}
.kp-b[data-mode=dag] .kb-day{background-position:0 34px}
.kb-day.is-td{background-color:color-mix(in srgb,var(--sbu-acc,#0E7490) 4%,transparent)}
.kb-day.is-cl{background-color:color-mix(in srgb,var(--kb-mut) 8%,transparent)}
.kb-lh{display:grid;grid-template-columns:repeat(var(--kb-n),1fr);height:34px;border-bottom:1px solid var(--kb-line);position:sticky;top:0}
.kb-lh span{display:flex;align-items:center;gap:6px;padding:0 8px;font-size:12.5px;font-weight:700;border-top:3px solid var(--mc);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.kb-lh .kp-av{font-style:normal;width:22px;height:22px;font-size:10px;flex:none}
.kb-lanes{display:grid;grid-template-columns:repeat(var(--kb-n),1fr);height:var(--kb-h)}
.kb-lane{position:relative;min-width:0;background:color-mix(in srgb,var(--mc) 5%,transparent);border-right:1px dashed color-mix(in srgb,var(--kb-line) 70%,transparent)}
.kb-lane:last-child{border-right:0}
.kb-lane.kp-hot{background:color-mix(in srgb,var(--mc) 18%,transparent);outline:2px dashed var(--mc);outline-offset:-2px}
.kb-lane.is-off{background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--kb-mut) 10%,transparent) 6px 8px)}
.kb-offl{position:absolute;top:6px;left:0;right:0;text-align:center;font-size:10.5px;color:var(--kb-mut);writing-mode:vertical-rl;margin:auto;height:max-content}
.kb-shut{position:absolute;left:0;right:0;background:color-mix(in srgb,var(--kb-mut) 9%,transparent)}
.kb-lunch{position:absolute;left:0;right:0;background:repeating-linear-gradient(135deg,transparent 0 5px,color-mix(in srgb,var(--kb-mut) 12%,transparent) 5px 7px)}
.kp-b .kb-job{position:absolute;margin:0;display:flex;flex-direction:column;gap:1px;padding:3px 5px 3px 7px;min-height:18px;overflow:hidden;text-align:left;border-radius:7px;border:1px solid color-mix(in srgb,var(--mc) 35%,var(--kb-line));border-left:4px solid var(--kc);background:color-mix(in srgb,var(--mc) 13%,var(--kb-surf));color:var(--sbu-ink,#1C1C1C);font:inherit;cursor:grab;z-index:2;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.kp-b .kb-job:hover{z-index:3;box-shadow:0 4px 12px rgba(0,0,0,.14)}
.kp-b .kb-job:focus-visible{outline:2px solid var(--sbu-acc,#0E7490);outline-offset:1px;z-index:3}
.kp-b .kb-job .kp-jt{font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-b .kb-job .kp-js{font-size:11px;color:var(--kb-mut);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-b .kb-job.is-s .kp-js{display:none}
.kp-b[data-mode=uke] .kb-job{padding:2px 4px 2px 5px}
.kp-b[data-mode=uke] .kb-job .kp-jt{font-size:11.5px}
.kb-now{position:absolute;left:0;right:0;height:0;border-top:2px solid #DC2626;z-index:5;pointer-events:none}
.kb-now b{position:absolute;left:-1px;top:-9px;background:#DC2626;color:#fff;font-size:10px;line-height:16px;padding:0 4px;border-radius:4px}
.kb-tray{border:1px solid var(--kb-line);border-radius:14px;background:var(--kb-surf);overflow:hidden}
.kb-tray.kp-hot{outline:2px dashed var(--sbu-acc,#0E7490);outline-offset:-2px}
.kb-trh{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:14px}
.kb-trh:focus-visible{outline:2px solid var(--sbu-acc,#0E7490);outline-offset:-2px}
.kb-trh .kp-n{background:#FEE2E2;color:#991B1B;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}
.kb-hint{font-size:12px;color:var(--kb-mut);margin-left:auto}
.kb-trh .kp-car{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:6px}
.kb-tray.is-shut .kp-car{transform:rotate(-135deg)}
.kb-trb{display:flex;gap:8px;overflow-x:auto;padding:0 14px 12px}
.kb-ti{flex:0 0 220px;display:flex;flex-direction:column;gap:3px}
.kb-ti .kp-job{width:100%}
.kb-ti .kp-tm{font-size:11.5px;color:var(--kb-mut);display:flex;align-items:center;gap:5px}
html[data-theme=dark] .kp-b .kb-job{color:var(--sbu-ink,#EEF3F4);background:color-mix(in srgb,var(--mc) 26%,var(--kb-surf))}
html[data-theme=dark] .kb-trh .kp-n{background:#7F1D1D;color:#FEE2E2}
@media (max-width:600px){
 .kp-b{--kb-ax:48px}
 .kb{max-height:none;min-height:0}
 .kb-cap,.kb-body{grid-template-columns:var(--kb-ax) repeat(var(--kb-d),minmax(calc(var(--kb-n,2)*96px),1fr))}
 .kb-hint{display:none}
 .kb-ti{flex-basis:200px}
}
/* spokes-phfix-e2b910c7e8.css */
/* sick button moved out of Mine jobber (phone) and Mekanikervisning top (desktop -> account menu) */
.ho-sickbtn{display:none!important}
@media (min-width:601px){.mq-sick{display:none!important}}
.phf-sh{position:fixed;inset:0;z-index:2147483000}
.phf-scr{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.phf-p{position:absolute;left:0;right:0;bottom:0;background:var(--blv-card,#fff);color:inherit;border-radius:18px 18px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px}
html[data-theme=dark] .phf-p{background:#1f2629;color:#EEF3F4}
.phf-p h2{margin:0;font-size:18px}.phf-p p{margin:0 0 6px;font-size:13.5px;opacity:.8}
.phf-p button{min-height:46px;border-radius:12px;border:1px solid rgba(127,127,127,.3);background:transparent;color:inherit;font:inherit;font-size:15px;font-weight:600}
.phf-p button[aria-pressed=true]{background:#0E7490;color:#fff;border-color:#0E7490}
.phf-p .phf-x{border:0;font-weight:500;opacity:.8}
#spk-home .icc-cchip,.icc-cchip{display:inline-flex!important;align-items:center;gap:6px;margin-left:10px!important;padding:2px 10px!important;border-radius:999px!important;border:0;font:inherit;font-size:12px!important;font-weight:700!important;vertical-align:middle;background:rgba(127,127,127,.22)!important;color:inherit;cursor:pointer;min-height:24px}
.icc-cchip i{flex:none}
.icc-cchip i{width:7px;height:7px;border-radius:50%;background:#16A34A}.icc-cchip.is-a i{background:#D97706}.icc-cchip.is-r i{background:#DC2626}
/* phone Kalender (#plan) */
html.spk-kalph #ios,html.spk-kalph #spk-pv2{display:none!important}
html.spk-kalph #blv-pane{display:block!important;padding:4px 8px calc(84px + env(safe-area-inset-bottom,0px))!important}
html.spk-kalph .kp-alt,html.spk-kalph .kp-seg,html.spk-kalph .kb-lg,html.spk-kalph .kb-hint{display:none!important}
html.spk-kalph .kp-b .kb-mf{flex-wrap:nowrap;overflow-x:auto}
html.spk-kalph .kp-b .kb{max-height:calc(100vh - 230px);overflow:auto}
.phf-back{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:16px;z-index:2147482000;display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(127,127,127,.3);background:var(--blv-card,#fff);color:inherit;font:inherit;font-size:15px;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.12)}
html[data-theme=dark] .phf-back{background:#1f2629;color:#EEF3F4}
html.spk-kalph{--sbu-ink:#1C1C1C;--sbu-mut:#4F4F4F;--sbu-line:#E3E6E6;--sbu-surf:#fff;--sbu-acc:#0E7490}
html.spk-kalph[data-theme=dark]{--sbu-ink:#EEF3F4;--sbu-mut:#B2C4C9;--sbu-line:#3B4447;--sbu-surf:#2F3638;--sbu-acc:#A5E8FD}
html.spk-kalph .kb-mc{white-space:nowrap;flex:none}
html.spk-kalph[data-theme=dark] .kb-mc{color:var(--sbu-ink)}

/* ===== Phone: concept I look (owner 10-12 round 3). Scoped to the phone shell; light + dark. ===== */
@media (max-width:600px){
html.spk-ph{--phi-g1:#0E7490;--phi-g3:#0B2A4A;--phi-acc:#0E7490;--phi-line:#E3E6E6;--phi-tint:#E6F6F9}
html.spk-ph[data-theme=dark]{--phi-g1:#0D4A57;--phi-g3:#0A1F2E;--phi-acc:#A5E8FD;--phi-line:#3B4447;--phi-tint:rgba(165,232,253,.12)}
/* bottom bar: brand gradient like the desktop sidebar */
html.spk-ios.spk-ph body #ios .ios-tab,html.spk-ios.spk-ph[data-theme] body #ios .ios-tab{background:linear-gradient(120deg,var(--phi-g1),var(--phi-g3))!important;border-color:rgba(255,255,255,.14)!important}
html.spk-ios.spk-ph body #ios .ios-tab__b{color:rgba(255,255,255,.72)!important}
html.spk-ios.spk-ph body #ios .ios-tab__b[aria-selected="true"],html.spk-ios.spk-ph[data-theme] body #ios .ios-tab__b[aria-selected="true"]{color:#fff!important}
html.spk-ph #ios .ios-tab__b[aria-selected="true"]:not(.ios-tab__b--skann)::before{background:rgba(255,255,255,.16)!important;box-shadow:none!important}
/* headers: compact large title */
html.spk-ph #ios .ios-lt{font-size:30px!important;letter-spacing:-.01em}
/* grouped lists + cards */
html.spk-ph #ios .ios-g{border-radius:14px!important;border:1px solid var(--phi-line)!important;box-shadow:none!important;overflow:hidden}
html.spk-ph #ios .ios-mt{border-radius:14px!important;border:1px solid var(--phi-line)!important;box-shadow:none!important}
html.spk-ph #ios .ios-mt svg,html.spk-ph #ios .ios-mt .blv-i{color:var(--phi-acc)!important}
html.spk-ph #ios .ios-me{border-radius:14px!important;border:1px solid var(--phi-line)!important;box-shadow:none!important}
html.spk-ph #ios .ios-me__av{background:linear-gradient(135deg,var(--phi-g1),var(--phi-g3))!important;color:#fff!important}
html.spk-ph #ios .ios-gh{color:var(--phi-acc)!important;letter-spacing:.06em}
/* job cards: status stripe on the left (same accent idea as Tavle) */
html.spk-ph #ios .ios-row--job{border-left:4px solid var(--phi-acc)!important;border-radius:12px!important}
html.spk-ph #ios .ho-sq{border-radius:14px!important}
/* segmented controls: brand accent for the active choice */
html.spk-ph #ios .ios-seg button[aria-checked="true"]{background:var(--phi-acc)!important;color:#fff!important}
html.spk-ph[data-theme=dark] #ios .ios-seg button[aria-checked="true"]{color:#0B1F26!important}
html.spk-ph #ios .ios-seg{border:1px solid var(--phi-line)}
/* capacity chip in the greeting line */
html.spk-ph #ios .icc-cchip,html.spk-ph .icc-cchip{display:inline-flex!important;margin-left:8px!important;padding:2px 9px!important;border-radius:999px!important;background:var(--phi-tint)!important;color:inherit!important;font-size:12px!important;font-weight:700!important;line-height:20px}
}
@media (max-width:600px){
/* Mine jobber etc.: no full-width title-bar band/border on the phone */
html.spk-ph #ios .ios-nb{border-bottom:0!important;box-shadow:none!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.spk-ph #ios .ios-nb::after,html.spk-ph #ios .ios-nb::before{display:none!important}
}
.icc-cchip .icc-cs{display:none}
@media (max-width:600px){
/* Meg quick tiles + other phone tile grids: icon + label centred inside, labels max 2 lines (owner 07:40) */
html.spk-ios #ios .ios-mt{height:auto!important;min-height:76px!important;justify-content:center!important;gap:6px!important;padding:12px 8px!important;overflow:hidden}
html.spk-ios #ios .ios-mt>span:last-child{line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;font-size:13.5px!important}
html.spk-ios #ios .spk-app__l{line-height:1.2!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Hub button: option 3 pill, see block below */
}

/* ===== Phone Hub button: option 3 «Hub» pill (owner 08:53) ===== */
@media (max-width:600px){html.spk-ios[data-theme] body #bn-q{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 0px)!important;right:6px!important;bottom:auto!important;left:auto!important;width:44px!important;height:44px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:0!important;color:transparent!important;display:block!important;z-index:2147480000!important}
html.spk-ios body #bn-q>*{display:none!important}
html.spk-ios body #bn-q::before{content:""!important;position:absolute!important;inset:0!important;margin:auto!important}
html.spk-ios body #bn-q::after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:18px!important;height:18px!important;-webkit-mask:var(--spkhubi) center/contain no-repeat!important;mask:var(--spkhubi) center/contain no-repeat!important;background:currentColor!important;color:#0E7490!important}
html.spk-ios #ios .ios-nb__r{padding-right:44px!important}
html.spk-ios{--spkhubc:#0E7490}html.spk-ios[data-theme=dark]{--spkhubc:#A5E8FD}
html.spk-ios{--spkhubi:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.2%22/%3E%3Cpath%20d%3D%22M12%203v6.8M12%2014.2V21M3%2012h6.8M14.2%2012H21M5.6%205.6l4.8%204.8M13.6%2013.6l4.8%204.8M18.4%205.6l-4.8%204.8M10.4%2013.6l-4.8%204.8%22/%3E%3C/svg%3E")}
html.spk-ios[data-theme] body #bn-q{width:72px!important}
html.spk-ios body #bn-q::before{width:62px!important;height:28px!important;border-radius:999px!important;background:linear-gradient(120deg,#0E7490,#0B2A4A)!important;box-shadow:0 2px 6px rgba(11,42,74,.18)!important}
html.spk-ios[data-theme=dark] body #bn-q::before{background:linear-gradient(120deg,#0D4A57,#123A52)!important;border:1px solid rgba(165,232,253,.25)!important}
html.spk-ios body #bn-q::after{left:13px!important;transform:translateY(-50%)!important;width:15px!important;height:15px!important;background:#fff!important}
html.spk-ios[data-theme] body #bn-q{font-size:12.5px!important;font-weight:700!important;color:#fff!important;padding-left:20px!important;letter-spacing:.01em;line-height:44px!important;text-align:center!important}
html.spk-ios body #bn-q>*{display:none!important}html.spk-ios #ios .ios-nb__r{padding-right:72px!important}}@media (max-width:600px){html.spk-ios body #bn-q::after,html.spk-ios[data-theme=dark] body #bn-q::after{background:currentColor!important;color:#fff!important}}
@media (max-width:600px){html.spk-ios[data-theme] body #bn-q{isolation:isolate!important}html.spk-ios body #bn-q::before{z-index:-1!important}}
/* spokes-tabnav-ed4c0e79cc.css */
/* TABLETNAV (2026-10-12): one tablet nav for every iPad portrait (768–1023 + 1024 portrait) = labelled rail; ≥1024 landscape = full sidebar. */
@media (min-width:768px) and (max-width:1023px),(min-width:1024px) and (max-width:1024px) and (orientation:portrait){
 html.sb-on.dx,html.sb-on{--sb-wc:92px!important}
 html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb.sb{width:92px!important}
 html.dx.sb-on.sb-c body{padding-left:92px!important}
 html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb .sb-sc{padding:8px 6px 12px!important}
 html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb a.sb-a,html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb button.sb-gb{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:58px!important;width:calc(100% - 8px)!important;max-width:none!important;padding:6px 2px!important;margin:3px 4px!important;border-radius:14px!important;text-align:center!important}
 html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb .sb-l{display:block!important;flex:none!important;width:100%!important;max-width:80px;font:500 10.5px/1.15 var(--text-font-family,Poppins,sans-serif)!important;letter-spacing:0!important;text-transform:none!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;visibility:visible!important;position:static!important}
 html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb .sb-i{width:auto!important}
 html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb .sb-ul>li,html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb .sb-g{width:auto!important;display:block!important}
 html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb .sb-g.is-cur>.sb-gb,html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb a.sb-a[aria-current=page]{background:rgba(255,255,255,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)!important;font-weight:600!important}
 html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb .sb-b{top:4px!important;right:14px!important}
 html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb .sb-col,html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb .sb-col2,html.dx.sb-on.sb-c:not(.sb-fly) #blv-sb.sb .sb-ws{min-width:44px!important;min-height:44px!important}
 /* Kom i gang-chip starts right of the rail */
 html.sb-on.sb-c #sg-chip{left:104px!important}
}
/* Tablet sizes (768–1366): active = rounded tile (no side bar), every nav target ≥44px, chip beside the sidebar */
@media (min-width:768px) and (max-width:1366px){
 #blv-sb .sb-a[aria-current=page]::before,#blv-sb .sb-a[aria-current=page]::after{display:none!important}
 .sb .sb-a[aria-current=page]{border-radius:14px}
 html.dx #blv-sb a.sb-a,html.dx #blv-sb button.sb-gb,html.dx #blv-sb .sb-a--sub,html.dx #blv-sb .sb-col2,html.dx #blv-sb .sb-ws{min-height:44px!important}
 html.dx #blv-sb .sb-col,html.dx #blv-sb .sb-x{width:44px!important;height:44px!important}
 .sb .sb-ws{min-height:44px}
 html.sb-on:not(.sb-c) #sg-chip{left:calc(var(--sb-w) + 16px)!important}
 html.sb-fly #sg-chip{z-index:850}
 /* Tavle toolbar: row 1 search · Drop-in · Ny · account, row 2 views + filters; nothing stretches or wraps alone */
 body.blv-tb .blv-tb-in{flex-wrap:wrap!important;row-gap:8px;align-items:center}
 body.blv-tb .blv-tb-in>.sbox{order:1;flex:1 1 220px!important;min-width:0}
 body.blv-tb .blv-tb-in>#dropin{order:2;flex:0 0 auto!important;width:auto!important;margin-top:0!important}
 body.blv-tb .blv-tb-in .sbu-ny{order:3}
 body.blv-tb .blv-tb-in .sbu-acct{order:4;flex:0 0 auto!important;white-space:nowrap}
 body.blv-tb .blv-tb-in::after{content:"";order:5;flex:0 0 100%;height:0}
 body.blv-tb .blv-tb-in .sbu-view,body.blv-tb .blv-tb-in .sbu-kb,body.blv-tb .blv-tb-in .sbu-bm,body.blv-tb .blv-tb-in .sbu-flt,body.blv-tb .blv-tb-in .sbu-ql{order:6}
 /* Tavle list: scrolls sideways; compact icon actions pinned at the right edge so they are always reachable */
 #list.list{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 #list .jrow,#list .rhead{grid-template-columns:minmax(140px,1.2fr) minmax(130px,1.2fr) 84px 92px 140px 124px max-content!important}
 #list .jrow>.c-mo,#list .rhead>:last-child{position:sticky;right:0;z-index:2;background:inherit;box-shadow:-12px 0 12px -10px rgba(15,23,42,.28);padding-left:6px}
 #list .jrow>.c-mo .btn:has(svg){font-size:0!important;gap:0!important;min-width:44px!important;min-height:44px!important;padding:0 12px!important;justify-content:center}
 #list .jrow>.c-mo .btn{min-width:44px!important;min-height:44px!important}
 #list .jrow>.c-mo .btn svg{width:18px;height:18px}
 html.sb-on.sb-c:not(.sb-fly) #list.list{max-width:calc(100vw - var(--sb-wc,92px) - 40px)!important}
 html.sb-on:not(.sb-c) #list.list{max-width:calc(100vw - var(--sb-w,248px) - 40px)!important}
 /* Hub button never on top of content/tabs: keep clear room under lists */
 body.blv-tools{scroll-padding-bottom:72px}
 #list.list{padding-bottom:64px}
}
/* spokes-sbwhite.css */
/* 2026-10-13: Spokes logo always white in the dark sidebar (desktop, collapsed, tablet/mobile drawer) + hidden sidebar scrollbar (still scrollable). */
#blv-sb .blv-spk-sb,#blv-sb .blv-spk-sb--m{color:#fff!important}
#blv-sb .blv-spk-sb svg [stroke]:not([stroke=none]){stroke:#fff!important}
#blv-sb .blv-spk-sb svg path:not([fill=none]),#blv-sb .blv-spk-sb svg g[fill]{fill:#fff!important}
#blv-sb .blv-spk-sb svg circle[fill]:not([fill=none]){fill:#A5E8FD!important}
#blv-sb,#blv-sb *{scrollbar-width:none!important;-ms-overflow-style:none}
#blv-sb::-webkit-scrollbar,#blv-sb *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
/* spokes-pageheader.css */
/* Spokes – felles sidetopp + Snakk-knapp (ops/pageheader) */
@media (min-width:601px){html.av2.av2-ph body.blv-tools .blv-hero.blv-hero--slim .blv-hero__in{min-height:104px!important;box-sizing:border-box}html.av2.av2-ph body.blv-tools .blv-hero.blv-hero--slim{min-height:105px!important;box-sizing:border-box;align-items:center!important}
html.av2.av2-ph body.blv-tools .blv-hero .blv-hero__t h1{font-size:28px!important;line-height:1.15!important;margin:0!important}
html.av2.av2-ph body.blv-tools .blv-hero .blv-hero__g.av2-desc{display:block!important;font-size:14px!important;line-height:21px!important;margin:2px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70ch}
html.av2.av2-ph body.blv-tools .blv-hero .sbu-util{align-self:center!important}}
html.av2.av2-ph body.blv-tools .blv-hero .blv-hero__t h1[data-spkt]{font-size:0!important;line-height:0!important}html.av2.av2-ph body.blv-tools .blv-hero .blv-hero__t h1[data-spkt]::after{content:attr(data-spkt);font-size:28px;line-height:1.15;display:inline-block}
html.av2-ph #blv-pane h1.spk-h1-sub{display:none!important}
html.spk-stgsub #blv-pane .av2-srail,html.spk-stgsub #blv-pane .spk-stgx,html.spk-stgsub #blv-pane .bt-in>.t2-aqcard,html.spk-stgsub #blv-pane .bt-in>.spk-thc,html.spk-stgsub #blv-pane .bt-in>.bt-sub,html.spk-stgsub #blv-pane .bt-stabs,html.spk-stgsub #blv-pane .stg-sub>:not(.stg-back){display:none!important}
html.spk-stgsub #blv-pane:has(>.av2-srail),html.spk-stgsub #blv-pane :has(>.av2-srail){display:block!important;grid-template-columns:minmax(0,1fr)!important}html.spk-stgsub #blv-pane:has(>.av2-srail)>*,html.spk-stgsub #blv-pane :has(>.av2-srail)>*{max-width:none!important;width:auto!important;grid-column:1/-1!important}
html.spk-stgsub #blv-pane .stg-sub{border:0!important;background:none!important;padding:0!important;margin:0 0 8px!important}
html.spk-rkobl #blv-pane .spk-wsprof{display:none!important}html.spk-rkobl #blv-pane .bt-grid--31{grid-template-columns:minmax(0,1fr)!important;max-width:760px}html .blv-vc{display:flex!important;flex-direction:column;margin:8px 0 14px!important}
html .blv-vc__b{align-self:flex-end;width:auto!important;min-height:36px!important;height:36px;padding:0 14px!important;gap:6px!important;border:1px solid var(--blv-line,#d5dde2)!important;background:#fff!important;color:var(--blv-primary-i,#0b5566)!important;font:600 14px/1 var(--ci-font,Poppins,system-ui,sans-serif)!important;box-shadow:none!important}
html .blv-vc__b:hover{background:#f1f6f7!important}html .blv-vc__b svg{width:16px;height:16px}
html .blv-vc__b.is-on{background:var(--blv-danger,#b42318)!important;border-color:var(--blv-danger,#b42318)!important;color:#fff!important}
html .blv-vc__pv,html .blv-vc__s{font-size:12px!important;text-align:right;color:var(--blv-muted,#5b6575)!important}
html.av2.spk-mk[data-spkpg] body.blv-tools #blv-pane>.bt-in:has(>.mk),html.spk-mk[data-spkpg] body #blv-pane>.bt-in:has(>.mk),html[data-spkpg=mekaniker].av2 body.blv-tools #blv-pane>.bt-in{max-width:1224px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
#blv-pane .av2-srail{display:none!important}#blv-pane:has(>.av2-srail),#blv-pane :has(>.av2-srail){display:block!important;grid-template-columns:minmax(0,1fr)!important}#blv-pane:has(>.av2-srail)>*,#blv-pane :has(>.av2-srail)>*{grid-column:1/-1!important}
html[data-spkpg=innst] #blv-pane .sbp{max-width:880px!important;margin-left:auto!important;margin-right:auto!important}
.spk-stgq{display:block;margin:0 0 14px}.spk-stgq input{width:100%;box-sizing:border-box;height:40px;padding:0 14px;border:1px solid var(--blv-line,#d5dde2);border-radius:10px;background:#fff;font:14px var(--ci-font,Poppins,system-ui,sans-serif)}
html[data-spkpg=innst] #blv-pane .stg{max-width:880px!important;margin-left:auto!important;margin-right:auto!important}html[data-spkpg=innst] #blv-pane .sbp,html[data-spkpg=innst] #blv-pane>.bt-in{display:block!important}
html[data-spkpg=innst].av2 body.blv-tools #blv-pane>.bt-in{max-width:928px!important;margin-left:auto!important;margin-right:auto!important}
html[data-spkpg]:not([data-spkpg=lager]) #blv-pane .shq-page{display:none!important}
/* spokes-lukkbtn-3b2f443b3a.css */
/* lukkbtn: text close buttons («Lukk») must stay horizontal pills. Root cause: spokes-brand.css spins every close button rotate(90deg) on hover – fine for ×, but turns «Lukk» vertical. */
.blv-cs .blv-cs__x,.spk-x-txt{white-space:nowrap!important;writing-mode:horizontal-tb!important;width:auto!important;height:auto!important;min-width:64px;max-width:none!important;display:inline-flex!important;align-items:center;justify-content:center;flex:none!important;line-height:1.2!important;aspect-ratio:auto!important;border-radius:999px!important;word-break:keep-all;overflow-wrap:normal}
.blv-cs .blv-cs__x:hover,.blv-cs .blv-cs__x:active,.blv-cs .blv-cs__x:focus,.spk-x-txt:hover,.spk-x-txt:active,.spk-x-txt:focus{transform:none!important}
.blv-cs .blv-cs__x:hover{background:rgba(255,255,255,.3)!important;color:#fff!important;border-color:transparent!important}
.blv-cs .blv-cs__x:active{background:rgba(255,255,255,.38)!important;color:#fff!important;transform:scale(.96)!important}
html[data-theme="dark"] .blv-cs .blv-cs__x{background:rgba(255,255,255,.2)!important;color:#fff!important}
html[data-theme="dark"] .blv-cs .blv-cs__x:hover{background:rgba(255,255,255,.3)!important}
/* spokes-camicon-1fa77b33e0.css */
/* camicon: one camera icon everywhere = dashboard Hurtigvalg «Kamera» (blue gradient squircle, white glyph) */
.spk-cam{--cs:24px;width:var(--cs)!important;height:var(--cs)!important;min-width:var(--cs);border-radius:calc(var(--cs)*.27)!important;background:linear-gradient(160deg,#60a5fa,#2563eb)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;vertical-align:middle;box-shadow:0 1px 3px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.25);box-sizing:border-box;padding:0!important;margin:0;line-height:0}
.spk-cam>svg{width:calc(var(--cs)*.56)!important;height:calc(var(--cs)*.56)!important;color:#fff!important;stroke:#fff!important;fill:none!important;stroke-width:2.3!important;display:block!important;margin:0!important}
.spk-cam>svg *{stroke:#fff!important;fill:none!important}
.spk-cam--tile{--cs:44px;border-radius:12px!important;box-shadow:0 2px 6px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.25)}
html.dark .spk-cam,[data-theme=dark] .spk-cam,.dark .spk-cam{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 1px 3px rgba(0,0,0,.5)}
/* buttons/labels that hold it: keep text aligned */
button:has(>.spk-cam),label:has(>.spk-cam){display:inline-flex;align-items:center;justify-content:center;gap:8px}
.spk-big:has(>.spk-cam),.icc-q:has(>.spk-cam){flex-direction:column}

/* fill: icon-only camera buttons -> icon IS the button (no host frame) */
.spk-cam-host{background:transparent!important;background-image:none!important;border:0!important;padding:0!important;box-shadow:none!important;outline:0!important;display:inline-flex!important;align-items:center;justify-content:center;overflow:visible!important;border-radius:calc(var(--cs,40px)*.27)!important;flex:none!important}
.spk-cam-host:focus-visible{outline:2px solid #60a5fa!important;outline-offset:2px}
.spk-cam-host:hover>.spk-cam,.spk-cam-host:active>.spk-cam{filter:brightness(1.08)}
.spk-cam.spk-cam--fill{border-radius:calc(var(--cs)*.27)!important}
html.dark .spk-cam--fill,[data-theme=dark] .spk-cam--fill,.dark .spk-cam--fill{box-shadow:0 1px 3px rgba(0,0,0,.45)!important}
/* text buttons (Bruk kamera): icon sits tidy left of text */
button:has(>.spk-cam):not(.spk-cam-host)>.spk-cam{--cs:22px}
/* spokes-pagewidth-ffcb8da284.css */
/* Spokes – standard sidebredde for innstillingssider (ops/pagewidth) */
html.av2:not([data-spkpg=mekaniker]) body.blv-tools #blv-pane>.bt-in:not(:has(>.mk)),
html:not([data-spkpg=mekaniker]) body #blv-pane>.bt-in:not(:has(>.mk)){max-width:none!important;width:auto!important;margin-left:0!important;margin-right:0!important}
html[data-spkpg] #blv-pane .bt-in .sbp,html[data-spkpg] #blv-pane .bt-in .stg,html[data-spkpg] #blv-pane .bt-in .stg--int,html[data-spkpg] #blv-pane .bt-in .stx,
html[data-spkpg] #blv-pane .bt-in .bt-card,html.spk-rkobl #blv-pane .bt-grid--31,html #blv-pane .bt-in .bt-grid--31{max-width:none!important;margin-left:0!important;margin-right:0!important}
html[data-spkpg=innst].av2 body.blv-tools #blv-pane>.bt-in,html[data-spkpg=innst] #blv-pane .sbp,html[data-spkpg=innst] #blv-pane .stg{max-width:none!important;margin-left:0!important;margin-right:0!important}
/* Tabeller fyller bredden */
#blv-pane .bt-in table{width:100%}
/* Mørk modus: dempet tekst med bedre kontrast */
html[data-theme=dark] #blv-pane .bt-in :is(.muted,.bt-muted,.bt-sub,.bt-hint,.bt-help,small,.hint,.desc,p.sub,.stg-d,.bt-card p){color:#c3ccd6!important}
html[data-theme=dark] #blv-pane .bt-in :is([class*=empty],[class*=muted],[class*=hint],[class*=-sub],[class*=desc],[class*=lead]){color:#c3ccd6!important}
/* spokes-menuscroll-779b07806e.css */
/* menuscroll: dropdowns never extend the page (no stray scrollbar), crisper sidebar dividers, logo+sync at sidebar bottom */
.sbu-dd.sbu-portal{position:fixed!important;top:0!important;left:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
.sbu-portal>.sbu-menu,.sbu-menu{scrollbar-width:none}
.sbu-portal>.sbu-menu::-webkit-scrollbar,.sbu-menu::-webkit-scrollbar{display:none;width:0;height:0}
/* sidebar dividers: crisp 1px light-teal */
html body aside#blv-sb.sb .sb-top{border-bottom:1px solid rgba(190,238,242,.4)!important}
html body aside#blv-sb.sb .sb-sub{border-bottom:1px solid rgba(190,238,242,.4)!important}
html body aside#blv-sb.sb .sb-ft{border-top:1px solid rgba(190,238,242,.4)!important}
html[data-theme=dark] body aside#blv-sb.sb .sb-top,html[data-theme=dark] body aside#blv-sb.sb .sb-sub{border-bottom-color:rgba(190,238,242,.38)!important}
html[data-theme=dark] body aside#blv-sb.sb .sb-ft{border-top-color:rgba(190,238,242,.38)!important}
/* one sync indicator only */
.spk-ss,#spk-ss-ph{display:none!important}
.blv-nav>.blv-sync{display:none!important}
#blv-sb .blv-spk-sb{flex-direction:column;align-items:center;justify-content:center!important;gap:6px;padding:8px 0 10px!important;line-height:1}
#blv-sb .blv-spk-sb .w{height:26px!important}
#blv-sb .blv-spk-sb .m{height:20px!important;width:20px!important}
#blv-sb .blv-spk-sb .blv-sync{display:inline-flex!important;margin:0!important;color:rgba(255,255,255,.86)!important;font:500 11px/1.2 var(--text-font-family,Poppins,sans-serif);gap:6px;align-items:center;justify-content:center}
#blv-sb .blv-spk-sb .blv-sync i{width:8px;height:8px;border-radius:50%;flex:none;background:#aaa;box-shadow:0 0 0 2px rgba(255,255,255,.12)}
#blv-sb .blv-spk-sb .blv-sync[data-s=ok] i{background:#22c55e}
#blv-sb .blv-spk-sb .blv-sync:is([data-s=push],[data-s=init],[data-s=auth]) i{background:#f59e0b}
#blv-sb .blv-spk-sb .blv-sync:is([data-s=off],[data-s=deny]) i{background:#ef4444}
html.sb-c:not(.sb-fly) #blv-sb .blv-spk-sb .blv-sync>span{display:none}
html.sb-c:not(.sb-fly) #blv-sb .blv-spk-sb{padding:8px 0 10px!important}
html body #blv-sb#blv-sb#blv-sb .sb-g.open>[id^="sb-g-"]{border-bottom:1px solid rgba(190,238,242,.4)!important}
html[data-theme=dark] body #blv-sb#blv-sb#blv-sb .sb-g.open>[id^="sb-g-"]{border-bottom-color:rgba(190,238,242,.38)!important}

/* phone: logo + sync at the bottom of the Meg menu */
.msc-meg{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 0 calc(120px + env(safe-area-inset-bottom,0px));color:#0b1f26;line-height:1}
.msc-meg svg{display:block;height:26px;width:auto;max-width:none}
.msc-meg .msc-sy{display:inline-flex;align-items:center;gap:6px;font:500 12px/1.2 var(--text-font-family,Poppins,sans-serif);color:#475569}
.msc-meg .msc-sy i{width:8px;height:8px;border-radius:50%;background:#aaa;flex:none}
.msc-meg .msc-sy[data-s=ok] i{background:#22c55e}
.msc-meg .msc-sy:is([data-s=push],[data-s=init],[data-s=auth]) i{background:#f59e0b}
.msc-meg .msc-sy:is([data-s=off],[data-s=deny]) i{background:#ef4444}
html[data-theme=dark] .msc-meg{color:#f7f7f7}
html[data-theme=dark] .msc-meg .msc-sy{color:rgba(255,255,255,.82)}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .msc-meg{color:#f7f7f7}html:not([data-theme=light]) .msc-meg .msc-sy{color:rgba(255,255,255,.82)}}
/* spokes-bugsweep-03725ab004.css */
/* bugsweep 2026-10-14 */
/* Nettordre: betalingskort lyst i mørk modus -> usynlig tekst */
[data-theme=dark] .wo-py{background:#343B3F!important;border-color:#5C686E!important;color:#F2F2F0}
[data-theme=dark] .wo-py td,[data-theme=dark] .wo-py th,[data-theme=dark] .wo-py h4,[data-theme=dark] .wo-py .wo-py-amt{color:#F2F2F0}
/* Bestill QR-koder: skjulte radioknapper ga 2700px horisontal scroll */
label:has(>input[name^="ql-"][type=radio]){position:relative;overflow:hidden}
/* Funksjonsbrytere fra admin */
html.spk-no-vt .vt-app,html.spk-no-vt .vt-big,html.spk-no-vt .vt-cs,html.spk-no-vt .vt-tl,html.spk-no-vt .vt-qt,html.spk-no-vt .vt-toast{display:none!important}
/* QR-etikett-forhåndsvisning: hvit etikett skal alltid ha mørk tekst */
[data-theme=dark] .ql-lab,[data-theme=dark] .ql-lab *,[data-theme=dark] .ql-sheet *{color:#111!important}
/* Mørk modus: svak tekst i nettordre-panel, varemottak og innlevering */
[data-theme=dark] .spk-no__e,[data-theme=dark] .spk-no__all,[data-theme=dark] .spk-nom__x,[data-theme=dark] .rv-p,[data-theme=dark] .rv-empty{color:#CDD4D7!important}
[data-theme=dark] .fx-empty b{color:#F2F2F0!important}
/* Kom i gang: svak fane-tittel i mørk modus */
[data-theme=dark] .sg-tabs [role=tab]{color:#CDD4D7!important}
[data-theme=dark] .sg-tabs [role=tab][aria-selected=true]{color:#F2F2F0!important}
/* spokes-nettsidewidth-5df1e2efc5.css */
/* Spokes – Nettside-sidene i appen bruker samme sentrerte standardbredde som Innstillinger (ops/nettsidefix) */
@media (min-width:901px){html body #blv-pane>.spk-wm-page:not(.is-m){max-width:1224px!important;margin-left:auto!important;margin-right:auto!important;padding:24px 32px 48px!important;box-sizing:border-box!important;width:100%!important}}
html body .spk-wm-page .spk-wm-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
html body .spk-wm-page .spk-wm-pg{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}
html body .spk-wm-page .spk-wm-themes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}

/* Spokes – Hurtigvalg: MMR-flisene står alltid sist; nye fliser (Varetelling o.l.) havner i rutenettet over dem (ops/nettsidefix) */
.icc-qa>.icc-q{order:0}
.icc-qa>.mmrd-qt{order:90!important}
.icc-qa>.vt-qt{grid-column:auto!important;width:auto!important;margin:0!important}
.icc-qa>#mmrd-qa{grid-column:1 / span 2!important}
/* spokes-mmrforh-1a4ee3d676.css */
/* Spokes – MMR Forhandler i app-skallet: sidemeny-gruppe, sentrert standardbredde, polert utseende (ops/mmrforh) */
body:has(#mmrd-p) .psc-fab{display:none!important}
.mmrd-sbg{list-style:none}
.mmrd-sbb{position:relative;padding-right:30px!important;cursor:pointer}
.mmrd-sbg .mmrd-sbi{width:auto!important;min-width:22px!important;overflow:visible!important;background:none!important}
.mmrd-sbi img{width:34px;height:auto;display:block;filter:brightness(0) invert(1);opacity:.95}
.mmrd-sbc{position:absolute;right:8px;top:50%;margin-top:-7px;width:14px;height:14px;display:grid;place-items:center;transition:transform .18s;opacity:.75}
.mmrd-sbg.open .mmrd-sbc{transform:rotate(180deg)}
.mmrd-sbs{list-style:none;margin:0;padding:0 0 2px;display:none}
.mmrd-sbg.open .mmrd-sbs{display:block}
.mmrd-sbs a.sb-a.sb-a--sub{min-height:38px}
.mmrd-sbs .sb-i{width:22px!important;height:22px!important;min-width:22px!important;flex-basis:22px!important}
.mmrd-sbs .sb-l{font-size:13px!important}
.mmrd-sbg.cur>.mmrd-sbb{background:rgba(255,255,255,.12)}
html.sb-c:not(.sb-fly) #blv-sb .mmrd-sbs,html.sb-c:not(.sb-fly) #blv-sb .mmrd-sbc{display:none!important}
.mmrd-nv{display:none!important}
#mmrd-p{background:#f6f8f8!important}
#mmrd-p .mmrd-h{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e6eaec}
#mmrd-p .mmrd-h .lg{display:flex;align-items:center;gap:12px}
#mmrd-p .mmrd-h h1{font-size:20px;font-weight:700;margin:0;letter-spacing:-.01em}
#mmrd-p .mmrd-sy{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;font-size:12.5px;font-weight:600;white-space:nowrap}
#mmrd-p .mmrd-sy i{width:7px;height:7px;border-radius:50%;background:#16a34a;display:inline-block}
#mmrd-p .mmrd-btn{background:#0f766e;border-radius:10px}
#mmrd-p .mmrd-btn:hover:not([disabled]){background:#0d6660}
#mmrd-p .mmrd-btn.s{background:#fff;color:#14181a;border:1px solid #dfe5e7}
#mmrd-p .mmrd-btn.danger{background:#b42318}
#mmrd-p .mmrd-btn[disabled]{background:#c9d3d5;color:#fff;opacity:1;cursor:not-allowed}
#mmrd-p .mmrd-b input:not([type=checkbox]):not([type=radio]),#mmrd-p .mmrd-b select{border:1px solid #dfe5e7;border-radius:10px;background:#fff;min-height:42px;padding:0 12px;font:inherit;font-size:14px;box-sizing:border-box}
#mmrd-p .mmrd-b input:focus,#mmrd-p .mmrd-b select:focus,#mmrd-p .mmrd-b textarea:focus{outline:none;border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.14)}
#mmrd-p .mmrd-card,#mmrd-p .mmrd-ship,#mmrd-p .mmrd-kp div,#mmrd-p .mmrd-hero{background:#fff;border-color:#e6eaec;box-shadow:0 1px 2px rgba(16,24,40,.04)}
#mmrd-p .mmrd-kp b{color:#0f766e}
#mmrd-p .mmrd-steps b{background:#0f766e}
#mmrd-p .mmrd-c{transition:box-shadow .15s,border-color .15s}
#mmrd-p .mmrd-c:hover{border-color:#b9dcd6!important;box-shadow:0 6px 18px rgba(16,24,40,.08)!important}
@media (min-width:761px){
#mmrd-p{box-shadow:none!important}
#mmrd-p .mmrd-x{display:none!important}
#mmrd-p .mmrd-h{padding:16px max(32px,calc((100% - 1224px)/2 + 32px)) 0!important}
#mmrd-p .mmrd-tabs{gap:6px;margin-top:14px}
#mmrd-p .mmrd-tabs button{padding:11px 14px;color:#5b6a70;border-radius:8px 8px 0 0}
#mmrd-p .mmrd-tabs button:hover{color:#14181a;background:#f3f6f6}
#mmrd-p .mmrd-tabs button.on{color:#0f766e!important;border-color:#0f766e!important;background:none}
#mmrd-p .mmrd-b{max-width:1224px!important;margin:0 auto!important;padding:24px 32px 64px!important;box-sizing:border-box;width:100%}
#mmrd-p .mmrd-sk{max-width:1224px;margin:0 auto;box-sizing:border-box}
}
@media (max-width:760px){
#mmrd-p .mmrd-tabs button.on{background:#0f766e!important;border-color:#0f766e!important;color:#fff!important}
#mmrd-p .mmrd-sy{font-size:11.5px;padding:4px 9px}
}
/* spokes-langwidth-db00746ca2.css */
/* Spokes – lik sidebredde på norsk og engelsk (ops/langwidth): fast scrollbar-plass + innhold kan ikke strekke beholderen */
html body #blv-pane{scrollbar-gutter:stable}
html body #blv-pane>.bt-in{width:100%;box-sizing:border-box}
html body #blv-pane .bt-in>*{min-width:0;max-width:100%;box-sizing:border-box}
html body #blv-pane :is(.bt-grid,.sx,.wl-body,.bt-row,.bt-sup)>*{min-width:0}
html body #blv-pane :is(.sx-tw,.blv-tw){max-width:100%;overflow-x:auto}
@media (max-width:900px){html body #blv-pane .sx-c{max-width:100%;overflow-x:auto}}
/* spokes-mmrbest-6f5ceca77c.css */
/* mmrbest: «MMR bestillinger» tile glow + orders list */
.icc-q.mmrd-qo>span{position:relative}
.icc-q.mmrd-qo .mmrd-qon{position:absolute;right:-9px;top:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#16a34a;color:#fff;font:700 11px/18px system-ui;text-align:center;box-sizing:border-box}
.icc-q.mmrd-qo.glow{border-color:#22c55e!important;box-shadow:0 0 0 2px rgba(34,197,94,.35);animation:mmrdqo 2.4s ease-in-out infinite}
@keyframes mmrdqo{0%,100%{box-shadow:0 0 0 2px rgba(34,197,94,.30),0 0 0 0 rgba(34,197,94,.0)}50%{box-shadow:0 0 0 2px rgba(34,197,94,.55),0 0 14px 2px rgba(34,197,94,.28)}}
@media (prefers-reduced-motion:reduce){.icc-q.mmrd-qo.glow{animation:none}}
#mmrd-p .mmrd-bo{margin:0 0 26px}
#mmrd-p .mmrd-bo h2{font-size:17px;margin:0 0 4px}
#mmrd-p .mmrd-bom{color:#7a868a;font-size:13px;margin:0 0 12px}
#mmrd-p .mmrd-bol{background:#fff;border:1px solid #e6eaec;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04)}
#mmrd-p .mmrd-boh,#mmrd-p .mmrd-bor{display:grid;grid-template-columns:140px minmax(180px,1.6fr) 70px 70px 150px minmax(170px,1.2fr);gap:12px;align-items:center;padding:12px 16px}
#mmrd-p .mmrd-boh{font-size:11px;font-weight:600;color:#7a868a;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #eef1f2;background:#fafbfb}
#mmrd-p .mmrd-bor{border-bottom:1px solid #f0f2f3;font-size:13.5px}
#mmrd-p .mmrd-bor:last-child{border-bottom:0}
#mmrd-p .mmrd-bor.new{background:#f0fdf4;box-shadow:inset 3px 0 0 #22c55e}
#mmrd-p .mmrd-bor small{display:block;color:#8a9599;font-size:12px;margin-top:2px}
#mmrd-p .mmrd-bor .l{display:none}
#mmrd-p .mmrd-bonew{display:inline-block;padding:1px 7px;border-radius:999px;background:#16a34a;color:#fff;font-size:10.5px;font-weight:700;margin-left:4px}
#mmrd-p .mmrd-botr{color:#0f766e;font-weight:600;text-decoration:none;font-variant-numeric:tabular-nums;word-break:break-all}
#mmrd-p a.mmrd-botr:hover{text-decoration:underline}
@media (max-width:760px){#mmrd-p .mmrd-boh{display:none}#mmrd-p .mmrd-bor{grid-template-columns:1fr 1fr;gap:6px 12px}#mmrd-p .mmrd-bor .m,#mmrd-p .mmrd-bor .tr{grid-column:1/-1}#mmrd-p .mmrd-bor .l{display:inline;color:#8a9599;font-size:12px;margin-right:6px}}
/* MMR-forhandler first in sidebar: clean white wordmark, no tile */
#blv-sb .mmrd-sbg .mmrd-sbi,#blv-sb .mmrd-sbg .mmrd-sbb .mmrd-sbi{background:none!important;border:0!important;box-shadow:none!important;outline:0!important;width:30px!important;min-width:30px!important;flex-basis:30px!important;height:22px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;overflow:visible!important}
#blv-sb .mmrd-sbg .mmrd-sbi::before,#blv-sb .mmrd-sbg .mmrd-sbi::after{display:none!important}
#blv-sb .mmrd-sbg .mmrd-sbi img{width:30px!important;height:auto!important;max-height:12px;object-fit:contain;filter:brightness(0) invert(1)!important;opacity:.95}
/* app-wide standard width (1240px, 24/16px padding) */
@media (min-width:761px){#mmrd-p .mmrd-b{max-width:1240px!important;padding:24px 24px 64px!important}#mmrd-p .mmrd-h{padding:16px max(24px,calc((100% - 1240px)/2 + 24px)) 0!important}#mmrd-p .mmrd-sk{max-width:1240px}}
@media (max-width:760px){#mmrd-p .mmrd-b{padding-left:16px!important;padding-right:16px!important}}
/* spokes-mmrtheme-dddb4c99e0.css */
.spk-wm-th.spk-wm-mmr{position:relative;border-color:#111!important;box-shadow:0 0 0 1px #111,0 10px 24px -14px rgba(0,0,0,.35)}
.spk-wm-mmrb{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#55555a;margin:0 0 8px;letter-spacing:.02em}
.spk-wm-mmrb img{height:11px;width:auto}
.spk-wm-mmrd{font-size:12px;color:#5a5a60;margin:8px 0 0;line-height:1.4}
.spk-wm-mmr .spk-wm-thf{flex-wrap:wrap;gap:6px}
.spk-wm-pvb{margin-left:auto;text-decoration:none}
/* spokes-sbwshover-a388efd888.css */
/* sbwshover: workshop switcher (.sb-ws) keeps dark teal hover + green frame; no light/white box.
   Also fixes .sb-col / .sb-x / .sb-col2 light-hover on the teal (sbu-g) sidebar. */
html.dx.sbu-g body #blv-sb#blv-sb a.sb-ws{
  border:2px solid transparent!important;
  box-sizing:border-box;
  transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s;
  color:#fff!important;
}
html.dx.sbu-g body #blv-sb#blv-sb a.sb-ws:hover,
html.dx.sbu-g body #blv-sb#blv-sb a.sb-ws:focus-visible{
  background:rgba(255,255,255,.08)!important;
  border-color:#34D399!important;
  box-shadow:none!important;
  color:#fff!important;
  outline:none!important;
}
html.dx.sbu-g body #blv-sb#blv-sb a.sb-ws:hover .sb-wt,
html.dx.sbu-g body #blv-sb#blv-sb a.sb-ws:hover .sb-wt b,
html.dx.sbu-g body #blv-sb#blv-sb a.sb-ws:hover .sb-wt small,
html.dx.sbu-g body #blv-sb#blv-sb a.sb-ws:focus-visible .sb-wt,
html.dx.sbu-g body #blv-sb#blv-sb a.sb-ws:focus-visible .sb-wt b,
html.dx.sbu-g body #blv-sb#blv-sb a.sb-ws:focus-visible .sb-wt small{
  color:#fff!important;
  opacity:1!important;
}
/* avatar unchanged on hover/focus */
html.dx.sbu-g body #blv-sb#blv-sb a.sb-ws:hover .sb-av,
html.dx.sbu-g body #blv-sb#blv-sb a.sb-ws:focus-visible .sb-av{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  border:1px solid rgba(165,232,253,.5)!important;
  filter:none!important;
}
/* collapse / close / footer collapse: same light-hover bug on teal sidebar */
html.dx.sbu-g body #blv-sb#blv-sb .sb-col:hover,
html.dx.sbu-g body #blv-sb#blv-sb .sb-x:hover,
html.dx.sbu-g body #blv-sb#blv-sb .sb-col2:hover,
html.dx.sbu-g body #blv-sb#blv-sb .sb-col:focus-visible,
html.dx.sbu-g body #blv-sb#blv-sb .sb-x:focus-visible,
html.dx.sbu-g body #blv-sb#blv-sb .sb-col2:focus-visible{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
/* spokes-idagfix-0d8c8546dd.css */
/* idagfix: z-index scale + MMR single tiles + I dag Trenger handling | Hurtigvalg layout */

/* ---- Z-index scale: menus/popovers above page; page cards stay low ---- */
.sbu-menu,.av2-hm,.spk-cap__d,.jx-more__m{z-index:1000!important}
.sbu-dd.open{z-index:1001!important;position:relative}
.av2-pal,.av2-modal,.spk-sh,[role=dialog].ho-m,.ho-pick,.ho-selfsick{z-index:1100!important}
#spk-toast,.icc-tt,.ict{z-index:1200!important}
/* Elevate host when a dropdown is open so overflow paints above page content */
.blv-hero:has(.sbu-dd.open),.blv-hero:has(.av2-hm:not([hidden])),.blv-hero:has(.spk-cap__d),
.sbu-util:has(.sbu-dd.open),.av2-help:has(.av2-hm:not([hidden])),
body.sbu header.bar.blv-tb-bar:has(.sbu-dd.open){position:relative!important;z-index:1000!important;overflow:visible!important}
.blv-hero:has(.sbu-dd.open) .blv-hero__in,.blv-hero:has(.spk-cap__d) .blv-hero__in{overflow:visible!important;contain:none!important}
/* Page tiles / glow must not create competing layers */
.icc-q,.icc-q.glow,.icc-q.mmrd-qo,.icc-st,.icc-nc,.icc-side,.icc-main,.icc-card{z-index:auto!important;isolation:auto}
.icc-q.mmrd-qo.glow{position:relative;z-index:0!important}

/* ---- MMR Hurtigvalg tiles: same single square as others ---- */
/* Override hurtigvalg span-2 AND nettsidefix #mmrd-qa {1 / span 2} */
.icc-qa>.icc-q.mmrd-qt,
.icc-qa>#mmrd-qa,
.icc-qa>#mmrd-qo,
.icc-qa>.mmrd-qt{grid-column:span 1!important;width:auto!important;max-width:none!important}
.icc-qa>.icc-q.mmrd-qt,
.icc-qa>#mmrd-qa{padding:8px 2px!important;gap:5px!important;height:88px!important}
.icc-qa>.icc-q.mmrd-qt .hv-w,
.icc-qa>#mmrd-qa .hv-w{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important}
.icc-qa>.icc-q.mmrd-qt .hv-l,
.icc-qa>#mmrd-qa .hv-l{width:100%!important;max-width:100%!important;font-size:11px!important;text-align:center!important}
.icc-qa>.icc-q.mmrd-qt .mmrd-qst,
.icc-qa>#mmrd-qa .mmrd-qst{font-size:9.5px!important;line-height:1.15!important;max-width:100%;justify-content:center!important}
.icc-qa>.icc-q.mmrd-qt>span,
.icc-qa>#mmrd-qa>span{width:40px!important;height:40px!important}
.icc-qa>.icc-q.mmrd-qt>span img,
.icc-qa>#mmrd-qa>span img{width:30px!important}
.icc-q.mmrd-qo.glow{border-color:#22c55e!important}

/* ---- I dag: Trenger handling + Hurtigvalg side-by-side on desktop ---- */
html.spk-icc .v4-idag{max-width:1240px!important;width:100%!important;margin:0 auto!important;padding:16px 24px 28px!important;box-sizing:border-box!important;gap:16px!important}
@media (max-width:600px){html.spk-icc .v4-idag{padding:12px 16px 24px!important}}
.icc-grid{align-items:stretch!important;gap:16px!important}
.icc-card.icc-main,.icc-side{border-radius:14px!important;padding:14px 16px!important;box-sizing:border-box}
.icc-side h2{margin:0 0 10px!important;font-size:16px!important}
@media (min-width:1280px){
  .icc-grid{grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr)!important}
  .icc-need{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .icc-nc{min-height:148px!important}
  .icc-qa{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
}
@media (min-width:901px) and (max-width:1279px){
  .icc-grid{grid-template-columns:1fr!important}
  .icc-need{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .icc-qa{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:900px){
  .icc-grid{grid-template-columns:1fr!important}
  .icc-need{grid-template-columns:1fr!important}
  .icc-qa{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}