/* bikelink-verksted-jobb2.css */ /* BikeLink verksted – v17 jobbkort 2 (bikelink-verksted-jobb2.js). Bruker tokenene fra bikelink-verksted-type.css (med reserveverdier). */ .jb2-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* ---------- ramme ---------- */ @media (min-width:769px){#panel.jb2.panel{width:min(1240px,calc(100vw - 48px))}} #panel.jb2{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"hd hd" "tabs tabs" "body body" "foot fab"} #panel.jb2.jb2-wide{grid-template-columns:minmax(0,1fr) auto 340px;grid-template-areas:"hd hd hd" "tabs tabs side" "body body side" "foot fab side"} #panel.jb2.jb2-wide.jb2-sc{grid-template-columns:minmax(0,1fr) auto 52px} #panel.jb2>.jb2-fab{grid-area:fab} #panel.jb2>#ph{grid-area:hd} #panel.jb2>.jb2-tabs{grid-area:tabs} #panel.jb2>#pb{grid-area:body;overflow:auto;min-height:0;display:flex;flex-direction:column;padding-bottom:16px;container-type:inline-size} #panel.jb2>#pf{grid-area:foot} #panel.jb2>.jb2-side{grid-area:side} #panel.jb2>.blv-dtabs{display:none!important} /* ---------- faner styrer synlighet (seksjonene beholdes i DOM) ---------- */ #panel.jb2 #pb>*{display:none!important;order:8} #panel.jb2[data-jb2tab=info] #pb>[data-jb2t=info],#panel.jb2[data-jb2tab=chat] #pb>[data-jb2t=chat],#panel.jb2[data-jb2tab=rapport] #pb>[data-jb2t=rapport], #panel.jb2[data-jb2tab=ordre] #pb>[data-jb2t=ordre],#panel.jb2[data-jb2tab=booking] #pb>[data-jb2t=booking],#panel.jb2[data-jb2tab=kunde] #pb>[data-jb2t=kunde], #panel.jb2[data-jb2tab=betal] #pb>[data-jb2t=betal],#panel.jb2[data-jb2tab=logg] #pb>[data-jb2t=logg]{display:block!important} #panel.jb2[data-jb2tab=chat] #pb>.contact[data-jb2t=chat]{display:flex!important} #panel.jb2 #pb>[data-jb2o="0"]{order:0}#panel.jb2 #pb>[data-jb2o="1"]{order:1}#panel.jb2 #pb>[data-jb2o="2"]{order:2}#panel.jb2 #pb>[data-jb2o="3"]{order:3} #panel.jb2 #pb>[data-jb2o="4"]{order:4}#panel.jb2 #pb>[data-jb2o="5"]{order:5}#panel.jb2 #pb>[data-jb2o="6"]{order:6}#panel.jb2 #pb>[data-jb2o="7"]{order:7} /* ---------- hode ---------- */ #panel.jb2 #ph>.pill,#panel.jb2 #ph>h2,#panel.jb2 #ph>.muted{display:none!important} #panel.jb2 .ph{padding:14px 112px 10px 24px;gap:8px 12px} .jb2-hd{order:1;flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0} #panel.jb2 .ph h2.jb2-ttl{order:0;flex:0 1 auto;margin:0!important;font:var(--blv-fw-strong,600) var(--blv-fs-xl,18px)/var(--blv-lh-tight,1.2) var(--blv-font,Poppins,sans-serif)!important;text-transform:none!important;letter-spacing:0!important;display:flex;flex-wrap:wrap;gap:0 8px;min-width:0;color:var(--k,#1c1c1c)} .jb2-no{font-variant-numeric:var(--blv-num,tabular-nums);white-space:nowrap} .jb2-sep{color:var(--mu,#8a8a86);font-weight:var(--blv-fw-regular,400)} .jb2-nm{overflow-wrap:anywhere} .jb2-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0} .jb2-c{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 var(--blv-chip-px,8px);border-radius:var(--blv-r-pill,999px);font:var(--blv-fw-strong,600) var(--blv-fs-2xs,11px)/1 var(--blv-font,Poppins,sans-serif);letter-spacing:var(--blv-ls-label,.06em);text-transform:uppercase;white-space:nowrap;background:#f1f1ee;color:#4b4b47;border:1px solid transparent} .jb2-c--ok{background:#e8f6ee;color:#166534;border-color:#bfe5cd} .jb2-c--warn{background:#fff6e0;color:#8a5a00;border-color:#f3dca1} .jb2-c--info{background:#eef4fb;color:#1e4f8a;border-color:#cfe0f4} .jb2-c--blue{background:#eaf2ff;color:#1d4ed8;border-color:#c9dbfb} .jb2-chips .pk-hp,.jb2-chips .blv-apb{margin:0} .jb2-mw{position:absolute;top:12px;right:60px;flex:none;z-index:2} .jb2-dots{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--ln,#e2e2de);background:#fff;cursor:pointer;color:var(--k,#1c1c1c);padding:0} .jb2-dots__f{font-size:20px;line-height:1} .jb2-dots:focus-visible,.jb2-st:focus-visible,.jb2-t:focus-visible{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:2px} .jb2-mm{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:250px;background:#fff;border:1px solid var(--ln,#e2e2de);border-radius:var(--blv-r-card,12px);box-shadow:0 12px 32px rgba(16,16,16,.16);padding:6px;display:flex;flex-direction:column} .jb2-mm[hidden]{display:none} .jb2-mm button,.jb2-stm :is(a,button){display:flex;align-items:center;gap:10px;width:100%;min-height:var(--blv-btn-h,40px);padding:0 12px;border:0;border-radius:8px;background:none;font:var(--blv-fw-medium,500) var(--blv-fs-md,14px) var(--blv-font,Poppins,sans-serif);color:var(--k,#1c1c1c);text-align:left;white-space:nowrap;cursor:pointer} .jb2-mm button:hover,.jb2-mm button:focus-visible,.jb2-stm :is(a,button):hover,.jb2-stm :is(a,button):focus-visible{background:#f4f4f1;outline:none} .jb2-mm hr{border:0;border-top:1px solid var(--ln,#e2e2de);margin:6px 4px} /* ---------- faner ---------- */ .jb2-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:2px;padding:0 16px;border-bottom:1px solid var(--ln,#e2e2de);background:#fff;scrollbar-width:thin;-webkit-overflow-scrolling:touch} .jb2-t{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:var(--blv-btn-h-lg,44px);padding:0 10px;border:0;background:none;font:var(--blv-fw-medium,500) var(--blv-fs-sm,13px) var(--blv-font,Poppins,sans-serif);color:var(--mu,#6b6b67);white-space:nowrap;cursor:pointer;box-shadow:inset 0 -2px 0 transparent} .jb2-t:hover{color:var(--k,#1c1c1c)} .jb2-t[aria-selected=true]{color:var(--k,#1c1c1c);font-weight:var(--blv-fw-strong,600);box-shadow:inset 0 -2px 0 var(--blv-primary,#0d4a57)} .jb2-t em{font-style:normal;font-size:var(--blv-fs-2xs,11px);font-weight:var(--blv-fw-strong,600);background:#eef2f7;border-radius:999px;padding:1px 7px} #panel.jb2-wide .jb2-t--akt{display:none} /* ---------- ruter ---------- */ .jb2-p{padding-top:4px} .jb2-blk{padding:14px 0 16px;border-bottom:1px solid var(--ln,#ececea)} .jb2-blk:last-child{border-bottom:0} .jb2-blk>h4,.jb2-feed h4{margin:0 0 10px} .jb2-kv{display:grid;gap:12px 16px;margin:0} .jb2-kv dt{font:var(--blv-fw-strong,600) var(--blv-fs-xs,12px)/var(--blv-lh-snug,1.35) var(--blv-font,Poppins,sans-serif);color:var(--k,#1c1c1c);margin:0 0 2px} .jb2-kv dd{margin:0;font-size:var(--blv-fs-md,14px);line-height:var(--blv-lh-snug,1.35);color:#3f3f3c;overflow-wrap:anywhere} .jb2-kv a{color:inherit} .jb2-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px} .jb2-g3{grid-template-columns:repeat(3,minmax(0,1fr))} .jb2-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px} .jb2-kvw{display:flex;align-items:flex-start;gap:16px} .jb2-kvw>.jb2-kv{flex:1;min-width:0} .jb2-ed label{display:flex;flex-direction:column;gap:4px;font-size:var(--blv-fs-xs,12px);font-weight:var(--blv-fw-strong,600)} .jb2-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px} #panel .jb2-p .btn,#panel .jb2-side .btn{white-space:nowrap;flex:none;max-width:none;overflow:visible;text-overflow:clip;display:inline-flex;align-items:center;gap:6px} #panel .jb2-p .btn--s,#panel .jb2-side .btn--s{min-height:var(--blv-btn-h-sm,32px);padding:0 12px;font-size:var(--blv-fs-sm,13px)} .jb2-bike{font:var(--blv-fw-strong,600) var(--blv-fs-lg,16px)/var(--blv-lh-snug,1.35) var(--blv-font,Poppins,sans-serif);margin:0 0 12px;text-transform:none;letter-spacing:0;color:var(--k,#1c1c1c)} .jb2-f{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;min-width:0} .jb2-lbl{font:var(--blv-fw-strong,600) var(--blv-fs-xs,12px) var(--blv-font,Poppins,sans-serif);color:var(--k,#1c1c1c)} .jb2-svc{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px;border:1px solid var(--ln,#e2e2de);border-radius:var(--blv-r-btn,10px);min-height:48px} .jb2-sc{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:2px 4px 2px 10px;border-radius:999px;background:#f1f4f8;font-size:var(--blv-fs-sm,13px);font-weight:var(--blv-fw-medium,500)} .jb2-sc small{color:var(--mu,#6b6b67);font-weight:var(--blv-fw-regular,400)} .jb2-sc button,.jb2-x{display:inline-grid;place-items:center;width:26px;height:26px;min-height:26px;padding:0;border:0;border-radius:999px;background:transparent;color:#6b6b67;cursor:pointer;font-size:12px} .jb2-sc button:hover,.jb2-x:hover{background:#e3e7ee;color:#1c1c1c} #panel .jb2-svc select.jb2-sa{width:auto!important;min-height:30px!important;padding:2px 28px 2px 10px!important;border-radius:999px!important;font-size:var(--blv-fs-sm,13px)!important;border:1px dashed var(--ln2,#cfd8e3)!important;background-color:#fff} .jb2-ro{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:1px solid var(--ln,#e2e2de);border-radius:var(--blv-r-btn,10px);font-size:var(--blv-fs-md,14px);flex-wrap:wrap} .jb2-lk{border:0;background:none;padding:0;font:inherit;font-weight:var(--blv-fw-strong,600);color:var(--blv-primary-i,#0b5566);text-decoration:underline;cursor:pointer;white-space:nowrap} .jb2-addb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ln,#ececea)} .jb2-addb small,.jb2-hint{font-size:var(--blv-fs-xs,12px);color:var(--mu,#6b6b67)} .jb2-hint{display:block;margin:6px 0 0} .jb2-q{margin:0;font-size:var(--blv-fs-md,14px);font-style:italic;color:#3f3f3c} .jb2-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px;border:1.5px dashed var(--ln,#e2e2de);border-radius:var(--blv-r-card,12px);color:var(--mu,#6b6b67);text-align:center;font-size:var(--blv-fs-sm,13px)} .jb2-empty p{margin:0} .jb2-ls{list-style:none;margin:0;padding:0} .jb2-ls li{display:flex;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid #f0f0ee;font-size:var(--blv-fs-sm,13px);flex-wrap:wrap} .jb2-ls small{color:var(--mu,#6b6b67);margin-left:auto} .jb2-rt{display:flex;gap:12px;align-items:flex-start;background:#f6f8fb;border-radius:var(--blv-r-card,12px);padding:12px 14px;border:0;margin:8px 0 6px} .jb2-rt b{display:block;font-size:var(--blv-fs-md,14px);font-weight:var(--blv-fw-strong,600)} .jb2-rt small{font-size:var(--blv-fs-xs,12px);color:var(--mu,#6b6b67)} .jb2-lock{display:flex;gap:8px;align-items:center;font-size:var(--blv-fs-sm,13px);background:#f6f6f3;border-radius:10px;padding:8px 12px;margin:0 0 12px} /* ---------- ordresammendrag ---------- */ .jb2-inv{padding:6px 0} .jb2-inv__bar{margin:0 0 14px} .jb2-nr{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--blv-fs-sm,13px);background:#fff6e0;color:#6b4700;border:1px solid #f3dca1;border-radius:10px;padding:8px 12px} .jb2-nr b{font-weight:var(--blv-fw-strong,600)} .jb2-inv__hd{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 16px} .jb2-inv__hd h4{margin:0 0 6px} .jb2-inv__hd p{margin:0;font-size:var(--blv-fs-md,14px);line-height:var(--blv-lh-base,1.5);overflow-wrap:anywhere} .jb2-inv__hd b{font-weight:var(--blv-fw-strong,600)} .jb2-qa{position:relative;margin:0 0 10px;max-width:420px;margin-left:auto} .jb2-qa>.blv-i{position:absolute;left:12px;top:14px;color:var(--mu,#6b6b67);pointer-events:none} #panel .jb2-qa input{padding-left:36px!important;min-height:44px} .jb2-qr{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:#fff;border-radius:10px;box-shadow:0 10px 28px rgba(16,16,16,.14);overflow:hidden} .jb2-qr:empty{display:none} .jb2-qr button{display:flex;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 12px;border:0;border-bottom:1px solid #f0f0ee;background:#fff;font:var(--blv-fw-regular,400) var(--blv-fs-sm,13px) var(--blv-font,Poppins,sans-serif);text-align:left;cursor:pointer} .jb2-qr button span{flex:1;min-width:0} .jb2-qr button:hover,.jb2-qr button:focus-visible{background:#f4f7fb;outline:none} .jb2-qr p{margin:0;padding:10px 12px} .jb2-tw{overflow-x:auto;-webkit-overflow-scrolling:touch} .jb2-tb{width:100%;border-collapse:collapse;font-size:var(--blv-fs-md,14px);font-variant-numeric:var(--blv-num,tabular-nums)} .jb2-tb th{font:var(--blv-fw-strong,600) var(--blv-fs-2xs,11px) var(--blv-font,Poppins,sans-serif);letter-spacing:var(--blv-ls-label,.06em);text-transform:uppercase;color:var(--mu,#6b6b67);text-align:left;padding:8px;border-bottom:1px solid var(--ln,#e2e2de);white-space:nowrap} .jb2-tb td{padding:10px 8px;border-bottom:1px solid #f0f0ee;vertical-align:middle} .jb2-tb td b{font-weight:var(--blv-fw-medium,500)} .jb2-tb td small{display:block;color:var(--mu,#6b6b67);font-size:var(--blv-fs-xs,12px)} .jb2-tb .r{text-align:right;white-space:nowrap} .jb2-tb .c{text-align:center;white-space:nowrap} .jb2-lines{min-width:560px} #panel .jb2-tb input.jb2-qty{width:76px!important;min-height:36px!important;padding:4px 6px!important;text-align:center;border-radius:8px!important;font-variant-numeric:tabular-nums} .jb2-tot{width:min(360px,100%);margin:12px 0 4px auto;display:flex;flex-direction:column;gap:4px;font-variant-numeric:var(--blv-num,tabular-nums)} .jb2-tot div{display:flex;justify-content:space-between;gap:16px;font-size:var(--blv-fs-md,14px)} .jb2-tot dt,.jb2-tot dd{margin:0} .jb2-tot dt{color:#4b4b47} .jb2-tot__t{padding-top:6px;margin-top:4px;border-top:1px solid var(--ln,#e2e2de)} .jb2-tot__t dt,.jb2-tot__t dd,.jb2-tot__o dt,.jb2-tot__o dd{font-weight:var(--blv-fw-strong,600);font-size:var(--blv-fs-lg,16px)!important;color:var(--k,#1c1c1c)} .jb2-tot--s{margin-left:0} .jb2-inv__ft{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center;padding-top:14px} .jb2-inv__ft .jb2-hint{flex-basis:100%;text-align:right} .jb2-s{display:inline-block;font-size:var(--blv-fs-2xs,11px);font-weight:var(--blv-fw-strong,600);letter-spacing:var(--blv-ls-label,.06em);text-transform:uppercase;border-radius:999px;padding:3px 8px;background:#f1f1ee;color:#4b4b47;white-space:nowrap} .jb2-s--betalt{background:#e8f6ee;color:#166534} .jb2-s--sendt,.jb2-s--sender,.jb2-s--aapnet{background:#fff6e0;color:#8a5a00} .jb2-s--avbrutt,.jb2-s--utlopt{background:#fdecec;color:#991b1b} /* meldingslogg */ .jb2-ml{list-style:none;margin:0;padding:0} .jb2-ml li{padding:10px 0;border-bottom:1px solid #f0f0ee} .jb2-ml__h{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:var(--blv-fs-xs,12px);color:var(--mu,#6b6b67)} .jb2-ml__h b{color:var(--k,#1c1c1c);font-weight:var(--blv-fw-strong,600)} .jb2-ml__h time{margin-left:auto} .jb2-ml p{margin:6px 0 0;font-size:var(--blv-fs-sm,13px);white-space:pre-wrap;overflow-wrap:anywhere} /* ---------- høyre kolonne ---------- */ /* ---------- aktivitet: fast kolonne (340px), sammenleggbar, egen rulling ---------- */ .jb2-side{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:#fafaf8;border-left:1px solid var(--ln,#e2e2de)} #panel.jb2:not(.jb2-wide) .jb2-side{display:none} #panel.jb2:not(.jb2-wide)[data-jb2tab=akt] .jb2-side{display:flex;grid-area:body;border-left:0} .jb2-sh{display:flex;align-items:center;gap:8px;padding:10px 10px 8px 16px;border-bottom:1px solid #ececea;flex:none} .jb2-sh h3{display:flex;align-items:center;gap:8px;flex:1;min-width:0;margin:0;font:var(--blv-fw-strong,600) var(--blv-fs-sm,13px)/1.3 var(--blv-font,Poppins,sans-serif);letter-spacing:0;text-transform:none} .jb2-sn{min-width:20px;height:20px;padding:0 6px;border-radius:var(--blv-r-pill,999px);background:#ececea;color:var(--mu,#5f5f5b);font:var(--blv-fw-medium,500) var(--blv-fs-2xs,11px)/20px var(--blv-font,Poppins,sans-serif);text-align:center;font-variant-numeric:var(--blv-num,tabular-nums)} .jb2-sx{flex:none;display:grid;place-items:center;width:var(--blv-btn-h-sm,32px);height:var(--blv-btn-h-sm,32px);padding:0;border:1px solid transparent;border-radius:8px;background:none;color:var(--mu,#5f5f5b);cursor:pointer} .jb2-sx:hover{background:#efefec;color:var(--k,#1c1c1c)}.jb2-sx:focus-visible{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:1px} #panel.jb2:not(.jb2-wide) .jb2-sx{display:none} #panel.jb2-sc .jb2-side{align-items:center} #panel.jb2-sc .jb2-sh{flex-direction:column-reverse;gap:10px;padding:10px 0;border:0} #panel.jb2-sc .jb2-sh h3{flex-direction:column;gap:8px}#panel.jb2-sc .jb2-sh__t{display:none} #panel.jb2-sc .jb2-sx svg{transform:rotate(180deg)} #panel.jb2-sc .jb2-feed,#panel.jb2-sc .jb2-cm{display:none} .jb2-feed{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:6px 16px 12px} .jb2-feed:focus-visible{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:-2px} /* kompakt tidslinje: ikon · tittel · én linje meta · tid til høyre */ .jb2-tl{list-style:none;margin:0;padding:0;position:relative} .jb2-tl::before{content:"";position:absolute;left:11px;top:14px;bottom:14px;width:1px;background:#e4e4e0} .jb2-ev{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:7px 0} .jb2-ev__i{position:relative;z-index:1;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #e4e4e0;color:var(--mu,#5f5f5b)} .jb2-ev__i svg{width:13px;height:13px} .jb2-ev--c .jb2-ev__i{background:#eef6f8;border-color:#cfe5ea;color:var(--blv-primary,#0d4a57)} .jb2-ev__b{min-width:0} .jb2-ev__h{display:flex;align-items:baseline;gap:8px;min-width:0} .jb2-ev__h b{flex:1;min-width:0;font:var(--blv-fw-medium,500) var(--blv-fs-sm,13px)/1.35 var(--blv-font,Poppins,sans-serif);color:var(--k,#1c1c1c);overflow-wrap:anywhere} .jb2-ev__h b em{font-style:normal;margin-left:6px;padding:1px 6px;border-radius:var(--blv-r-pill,999px);background:#eef6f8;color:var(--blv-primary,#0d4a57);font:var(--blv-fw-medium,500) var(--blv-fs-2xs,11px)/1.5 var(--blv-font,Poppins,sans-serif);vertical-align:1px} .jb2-ev__h time{flex:none;margin-left:auto;font:var(--blv-fw-regular,400) var(--blv-fs-2xs,11px)/1.35 var(--blv-font,Poppins,sans-serif);color:var(--mu,#5f5f5b);white-space:nowrap;font-variant-numeric:var(--blv-num,tabular-nums)} .jb2-ev__m{margin:2px 0 0;font:var(--blv-fw-regular,400) var(--blv-fs-xs,12px)/1.45 var(--blv-font,Poppins,sans-serif);color:var(--mu,#5f5f5b);overflow-wrap:anywhere;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden} .jb2-ev--c .jb2-ev__m{-webkit-line-clamp:3;line-clamp:3;color:var(--k,#1c1c1c)} .jb2-ev__m.is-open{display:block;-webkit-line-clamp:unset;line-clamp:none;overflow:visible} .jb2-more{display:inline-block;margin:2px 0 0;padding:2px 0;border:0;background:none;color:var(--blv-primary,#0d4a57);font:var(--blv-fw-medium,500) var(--blv-fs-xs,12px)/1.4 var(--blv-font,Poppins,sans-serif);cursor:pointer;text-decoration:underline;text-underline-offset:2px} .jb2-more[hidden]{display:none}.jb2-more:focus-visible{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:2px;border-radius:4px} .jb2-ulk{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:0 8px;margin:0 2px;border:1px solid #cfe5ea;border-radius:var(--blv-r-pill,999px);background:#eef6f8;color:var(--blv-primary,#0d4a57)!important;font:var(--blv-fw-medium,500) var(--blv-fs-2xs,11px)/18px var(--blv-font,Poppins,sans-serif);text-decoration:none!important;vertical-align:1px;white-space:nowrap} .jb2-ulk:hover{background:#dff0f4}.jb2-ulk:focus-visible{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:1px} .jb2-ulk svg{width:11px;height:11px;flex:none} .jb2-none{margin:12px 0;font-size:var(--blv-fs-sm,13px)} /* kommentarfelt: fullbredde, Send på linje nederst til høyre, alltid nederst i kolonnen */ .jb2-cm{flex:none;position:sticky;bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--ln,#e2e2de);background:#fafaf8} .jb2-cmb{display:flex;flex-direction:column;border:1px solid var(--ln,#e2e2de);border-radius:var(--blv-r-btn,10px);background:#fff} .jb2-cmb:focus-within{border-color:var(--blv-primary,#0d4a57);box-shadow:0 0 0 3px rgba(13,74,87,.14)} #panel .jb2-cm textarea{display:block;width:100%;box-sizing:border-box;min-height:44px;max-height:160px;margin:0;resize:none;border:0!important;outline:0;box-shadow:none!important;background:transparent;padding:10px 12px 4px;font:var(--blv-fw-regular,400) var(--blv-fs-md,14px)/1.45 var(--blv-font,Poppins,sans-serif)} .jb2-cmr{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:4px 6px 6px 12px} .jb2-cmh{flex:1;min-width:0;color:var(--mu,#5f5f5b);font-size:var(--blv-fs-2xs,11px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media (hover:none){.jb2-cmh{visibility:hidden}} /* ---------- statusvalg i bunnlinja (egen celle til høyre for hovedhandlingen) ---------- */ .jb2-fab{position:relative;z-index:6;display:flex;align-items:center;gap:8px;padding:0 20px 0 4px;border-top:1px solid var(--ln,#e2e2de);background:var(--jb2-fbg,#fff);min-width:0} .jb2-fab[hidden]{display:none} .jb2-stx{display:none} .jb2-st{display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;min-height:var(--jb2-sth,var(--blv-btn-h-lg,44px));text-decoration:none!important;padding:0 10px 0 12px;border:1px solid var(--ln,#d9d9d4);border-radius:var(--blv-r-btn,10px);background:#fff;color:var(--k,#1c1c1c);font:var(--blv-fw-medium,500) var(--blv-fs-sm,13px)/1 var(--blv-font,Poppins,sans-serif);letter-spacing:0;text-transform:none;cursor:pointer;white-space:nowrap} .jb2-st:hover{background:#f6f6f3} .jb2-st__d{flex:none;width:10px;height:10px;border-radius:50%;background:var(--jb2-c,#0d4a57);box-shadow:0 0 0 3px color-mix(in srgb,var(--jb2-c,#0d4a57) 18%,transparent)} .jb2-st__l{white-space:nowrap} .jb2-st__c{color:var(--mu,#5f5f5b);font-size:var(--blv-fs-2xs,11px)} .jb2-stm{position:absolute;right:16px;bottom:calc(100% + 8px);min-width:220px;max-height:min(60vh,420px);overflow:auto;background:#fff;border:1px solid var(--ln,#e2e2de);border-radius:var(--blv-r-card,12px);box-shadow:0 12px 32px rgba(16,16,16,.16);padding:6px;display:flex;flex-direction:column} .jb2-stm[hidden]{display:none} .jb2-stm :is(a,button)[aria-checked=true]{font-weight:var(--blv-fw-strong,600);background:#eef6f8} .jb2-stm :is(a,button)[aria-checked=true]::after{content:"✓";margin-left:auto} /* klassisk jobbkort: statusvalget ligger inne i bunnlinja, rett før hovedhandlingen */ #pf>.jb2-fab--in{position:relative;padding:0;border:0;background:none;flex:none;margin-left:auto} #pf>.jb2-fab--in+.blv-fprim{margin-left:0} #pf>.jb2-fab--in .jb2-stm{right:0} .jb2-stm a{color:var(--k,#1c1c1c);text-decoration:none} /* to-raders bunnlinje (jc-pf2 fra jobcard.js): sekundærknappene fyller rad 1, statusvalg + hovedhandling deler rad 2 */ html body #panel .pf.jc-pf2.jb2-pfs{flex-wrap:wrap;row-gap:0} html body #panel .pf.jc-pf2.jb2-pfs::after{content:"";flex:0 0 100%;height:0;order:1} html body #panel .pf.jc-pf2.jb2-pfs>.jb2-fab--in{margin:8px 0 0;order:2} html body #panel .pf.jc-pf2.jb2-pfs>.blv-fprim{flex:1 1 0;min-width:0;margin-top:8px;order:2} /* telefon: statusvalget får egen rad over bunnlinja */ @media (max-width:560px){#panel.jb2{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"hd" "tabs" "body" "fab" "foot"} #panel.jb2.jb2-nofab{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"hd" "tabs" "body" "foot"} .jb2-fab{justify-content:space-between;padding:8px 16px}.jb2-stx{display:block;color:var(--mu,#5f5f5b);font:var(--blv-fw-medium,500) var(--blv-fs-xs,12px)/1 var(--blv-font,Poppins,sans-serif)} #panel.jb2>#pf{border-top:0} #pf.jb2-pfs{flex-wrap:wrap}html body #panel .pf.jb2-pfs>.jb2-fab--in{flex:1 1 100%;margin:0;justify-content:space-between}html body #panel .pf.jb2-pfs>.blv-fprim{flex:1 1 100%}} /* ---------- smal flate ---------- */ @container (max-width:620px){.jb2-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.jb2-g3,.jb2-g2,.jb2-inv__hd{grid-template-columns:minmax(0,1fr)}.jb2-kvw{flex-direction:column}.jb2-qa{max-width:none}} .jb2-tabs.jb2-tc .jb2-t .blv-i{display:none} .jb2-tabs.jb2-tc .jb2-t{padding:0 9px} @media (max-width:560px){#panel.jb2 .ph{padding:12px 16px 8px 16px}#panel.jb2 .ph h2.jb2-ttl{flex:1 1 100%;padding-right:96px;min-height:44px;align-content:center}.jb2-tabs{padding:0 8px}.jb2-t .blv-i{display:none}} /* smal: fakturalinjer som kort (ingen avkuttede ✕/beløp) */ @container (max-width:620px){ .jb2-lines{min-width:0} .jb2-lines thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .jb2-lines tbody tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n n d" "q p s";align-items:center;gap:6px 12px;padding:10px 0;border-bottom:1px solid #f0f0ee} .jb2-lines tbody td{padding:0;border:0} .jb2-lines tbody td:nth-child(1){grid-area:n;min-width:0} .jb2-lines tbody td:nth-child(2){grid-area:q;text-align:left} .jb2-lines tbody td:nth-child(3){grid-area:p;text-align:left;color:var(--mu,#6b6b67)} .jb2-lines tbody td:nth-child(3)::before{content:"× "} .jb2-lines tbody td:nth-child(3)::after{content:" · 25 % " attr(data-mva);font-size:var(--blv-fs-xs,12px)} .jb2-lines tbody td:nth-child(4){display:none} .jb2-lines tbody td:nth-child(5){grid-area:s;font-weight:var(--blv-fw-medium,500)} .jb2-lines tbody td:nth-child(6){grid-area:d;align-self:start} .jb2-lines tbody td[colspan]{grid-column:1/-1} } /* bikelink-verksted-qrtag.css */ /* BikeLink verksted – Sykkel-QR v2 (bikelink-verksted-qrtag.js). Merkenøytral: farger/fonter via eksisterende --blv-*-tokens. */ #qrt-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,8px);z-index:2147483647;max-width:min(92vw,460px);background:#1c1c1c;color:#fff;padding:11px 16px;border-radius:12px;font:500 14px/1.35 var(--text-font-family,Poppins,sans-serif);box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s} #qrt-toast.on{opacity:1;transform:translate(-50%,0)} /* hint utenfor Drop-in */ #qrt-hint{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,10px);z-index:2147483600;width:min(94vw,520px);box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;background:#fff;color:var(--blv-ink,#1e293b);border:1px solid var(--blv-line,#e5e7eb);border-radius:16px;box-shadow:0 14px 40px rgba(15,23,42,.22);font:400 13.5px/1.35 var(--text-font-family,Poppins,sans-serif);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility 0s .18s} #qrt-hint.on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .18s,transform .18s} #qrt-hint p{margin:0;flex:1;min-width:0;display:flex;flex-direction:column}#qrt-hint small{color:var(--blv-muted,#5b6575)} .qrt-hint__i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--blv-primary-t,#e6f3f5);color:var(--blv-primary,#0d4a57)} .qrt-hint__go{all:unset;box-sizing:border-box;min-height:42px;padding:0 14px;border-radius:11px;background:var(--blv-primary,#0d4a57);color:#fff;font:600 13.5px var(--text-font-family,Poppins,sans-serif);cursor:pointer;white-space:nowrap;flex:none} .qrt-hint__x{all:unset;box-sizing:border-box;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:20px;cursor:pointer;flex:none} .qrt-hint__go:focus-visible,.qrt-hint__x:focus-visible{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:2px} @media (max-width:420px){#qrt-hint{flex-wrap:wrap}#qrt-hint p{flex-basis:calc(100% - 100px)}.qrt-hint__go{flex:1 1 100%;order:5}} /* modaler */ .qrt-m{position:fixed;inset:0;z-index:2147483100;background:rgba(15,23,42,.42);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box} .qrt-m__c{width:min(560px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--blv-card,#fff);color:var(--blv-ink,#1e293b);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.25);font:400 14px/1.45 var(--text-font-family,Poppins,sans-serif);overflow:hidden} .qrt-m--sm .qrt-m__c{width:min(460px,100%)}.qrt-m--bat .qrt-m__c{width:min(600px,100%)} @media (min-width:641px){html body.blv-dopen .qrt-m{padding-left:calc(var(--jc-pl,0px) + 16px)}} @media (max-width:640px){.qrt-m{padding:0;align-items:flex-end}.qrt-m__c{width:100%!important;max-height:92dvh;border-radius:18px 18px 0 0}} .qrt-h{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 12px;border-bottom:1px solid var(--blv-line,#e5e7eb)} .qrt-hi{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--blv-primary-t,#e6f3f5);color:var(--blv-primary,#0d4a57)} .qrt-h>div{flex:1;min-width:0}.qrt-h h2{margin:0;font:600 18px/1.25 var(--heading-font-family,Jost,sans-serif);overflow-wrap:anywhere} .qrt-h p{margin:2px 0 0;color:var(--blv-muted,#5b6575);font-size:13px;overflow-wrap:anywhere} .qrt-x{all:unset;box-sizing:border-box;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px;cursor:pointer;flex:none;color:var(--blv-ink,#1e293b)} .qrt-x:hover{background:#f1f5f9}.qrt-x:focus-visible{outline:2px solid var(--blv-primary,#0d4a57)} .qrt-b{padding:14px 18px;overflow:auto;overscroll-behavior:contain;flex:1;margin:0} .qrt-mono{font-family:ui-monospace,Menlo,Consolas,monospace} .qrt-f{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--blv-line,#e5e7eb)} .qrt-btn{all:unset;box-sizing:border-box;min-height:44px;padding:0 16px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:600 14px var(--text-font-family,Poppins,sans-serif);cursor:pointer;background:var(--blv-primary,#0d4a57);color:#fff;flex:1 1 auto;white-space:nowrap} .qrt-btn--g{background:#fff;color:var(--blv-ink,#1e293b);border:1px solid var(--blv-line2,#cfd8e3)}.qrt-btn--r{background:#b42318}.qrt-btn--s{min-height:34px;padding:0 10px;font-size:12.5px;flex:none} .qrt-btn[disabled]{opacity:.45;cursor:not-allowed} .qrt-btn:focus-visible,.qrt-fmt:focus-visible,.qrt-chip:focus-visible,.qrt-lnk:focus-visible{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:2px} .qrt-note{margin:0 0 12px;color:var(--blv-muted,#5b6575);font-size:13px} .qrt-err{margin:8px 0 0;color:#b42318;font-weight:600;font-size:13px} .qrt-row{display:flex;gap:8px;flex-wrap:wrap}.qrt-row .qrt-btn{flex:none} .qrt-in{flex:1 1 200px;min-width:0;box-sizing:border-box;min-height:46px;padding:0 12px;border:1.5px solid var(--blv-line2,#cfd8e3);border-radius:12px;font:500 15px ui-monospace,Menlo,Consolas,monospace;background:#fff;color:inherit} .qrt-in:focus{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:1px} .qrt-fmts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .qrt-fmt{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border:1.5px solid var(--blv-line2,#cfd8e3);border-radius:14px;cursor:pointer;text-align:center;min-width:0} .qrt-fmt b{font-size:13.5px}.qrt-fmt[aria-current]{border-color:var(--blv-primary,#0d4a57)} .qrt-fmt:hover{border-color:var(--blv-primary,#0d4a57);background:var(--blv-primary-t,#e6f3f5)}.qrt-fmt small{color:var(--blv-muted,#5b6575);font-size:12px} .qrt-fi{display:block;border:2px solid currentColor;border-radius:4px;margin-bottom:4px;position:relative} .qrt-fi::before{content:"";position:absolute;left:18%;right:18%;top:12%;aspect-ratio:1;background:repeating-linear-gradient(90deg,#1e293b 0 3px,transparent 3px 5px)} .qrt-fi::after{content:"";position:absolute;left:22%;right:22%;bottom:12%;height:3px;border-radius:2px;background:#1e293b} .qrt-fi--s{width:24px;height:32px}.qrt-fi--m{width:30px;height:38px}.qrt-fi--tag{width:28px;height:44px} .qrt-chk{display:flex;gap:10px;align-items:flex-start;margin-top:12px;cursor:pointer}.qrt-chk input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--blv-primary,#0d4a57)} .qrt-chk span{display:flex;flex-direction:column}.qrt-chk small{color:var(--blv-muted,#5b6575)} .qrt-noname{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;padding:12px 14px;margin:0 0 12px;border-radius:14px;background:#fff8eb;border:1px solid #f5d9a6;color:#7a4a00} .qrt-noname>svg{flex:none;margin-top:2px}.qrt-noname>span{flex:1 1 220px;display:flex;flex-direction:column;gap:2px}.qrt-noname small{color:#7a5a20}.qrt-noname .qrt-btn{flex:1 1 100%} /* ark-dialog */ .qrt-fs{border:0;margin:0 0 14px;padding:0;min-width:0}.qrt-fs legend{padding:0;margin:0 0 8px;font:600 11.5px var(--text-font-family,Poppins,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--blv-muted,#5b6575)} .qrt-chips{display:flex;flex-wrap:wrap;gap:8px} .qrt-chip{all:unset;box-sizing:border-box;min-height:40px;padding:0 14px;border:1.5px solid var(--blv-line2,#cfd8e3);border-radius:999px;display:inline-flex;align-items:center;gap:8px;font:600 14px var(--text-font-family,Poppins,sans-serif);cursor:pointer;background:#fff} .qrt-chip[aria-pressed="true"]{background:var(--blv-primary,#0d4a57);border-color:var(--blv-primary,#0d4a57);color:#fff} .qrt-chip--in{cursor:text;padding-right:6px}.qrt-chip--in input{width:64px;min-height:30px;border:1px solid var(--blv-line2,#cfd8e3);border-radius:8px;padding:0 6px;font:inherit;box-sizing:border-box} .qrt-lays{display:grid;gap:8px} .qrt-lay{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1.5px solid var(--blv-line2,#cfd8e3);border-radius:12px;cursor:pointer} .qrt-lay:has(input:checked){border-color:var(--blv-primary,#0d4a57);background:var(--blv-primary-t,#e6f3f5)} .qrt-lay input{-webkit-appearance:auto;appearance:auto;width:18px!important;height:18px!important;min-width:0!important;margin:2px 0 0;flex:none;accent-color:var(--blv-primary,#0d4a57)} .qrt-lay span{display:flex;flex-direction:column}.qrt-lay small{color:var(--blv-muted,#5b6575)} .qrt-roll-s{margin-top:10px;display:flex;flex-direction:column;gap:10px} .qrt-wh{display:flex;gap:10px;flex-wrap:wrap}.qrt-wh label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--blv-muted,#5b6575);flex:1 1 120px} .qrt-wh input{min-height:40px;border:1.5px solid var(--blv-line2,#cfd8e3);border-radius:10px;padding:0 10px;font:500 15px var(--text-font-family,Poppins,sans-serif);box-sizing:border-box;width:100%} .qrt-prev{display:flex;align-items:center;gap:16px;padding:14px;border-radius:14px;background:#eef1f4;margin:0 0 12px} .qrt-prev__s{flex:none;position:relative;box-shadow:0 2px 10px rgba(15,23,42,.18);background:#fff} .qrt-prev__s .qrs{transform-origin:0 0;position:absolute;left:0;top:0} .qrt-prev__t{margin:0;font-weight:600;font-size:13.5px} @media (max-width:420px){.qrt-fmts{grid-template-columns:1fr 1fr 1fr;gap:6px}.qrt-fmt{padding:12px 4px}.qrt-fmt b{font-size:12.5px}} /* Innstillinger */ .qrt-set h3{margin:0 0 8px}.qrt-set h3:not(:first-child){margin-top:16px} .qrt-set__hd{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.qrt-set__hd h3{margin:0}.qrt-set__hd .qrt-btn{flex:none} .qrt-nm{margin:0;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}.qrt-nm b{font-size:16px}.qrt-nm small{color:var(--blv-muted,#5b6575)} .qrt-lnk{all:unset;cursor:pointer;color:var(--blv-primary,#0d4a57);font-weight:600;text-decoration:underline} .qrt-seg{display:flex;flex-wrap:wrap;gap:8px}.qrt-seg label{display:flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid var(--blv-line2,#cfd8e3);border-radius:10px;cursor:pointer} .qrt-set .qrt-seg input[type=radio]{-webkit-appearance:auto;appearance:auto;width:18px!important;height:18px!important;min-width:0!important;min-height:0!important;flex:none;margin:0;padding:0;box-shadow:none;accent-color:var(--blv-primary,#0d4a57)} .qrt-tw{overflow-x:auto;margin-top:10px}.qrt-tab{width:100%;border-collapse:collapse;font-size:13px} .qrt-tab th,.qrt-tab td{text-align:left;padding:8px 8px;border-bottom:1px solid var(--blv-line,#e5e7eb);white-space:nowrap}.qrt-tab th{font-size:11.5px;color:var(--blv-muted,#5b6575);font-weight:600} .qrt-tact{display:flex;gap:6px} @media (max-width:640px){.qrt-tab thead{display:none}.qrt-tab tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;padding:10px 0;border-bottom:1px solid var(--blv-line,#e5e7eb)}.qrt-tab td{border:0;padding:2px 0;white-space:normal}.qrt-tab td:nth-child(4)::before{content:"Koblet: "}.qrt-tab td:nth-child(5)::before{content:"Ledige: "}.qrt-tab td:nth-child(2)::after{content:" merker"}.qrt-tact{grid-column:1/-1;flex-wrap:wrap}} /* Drop-in: QR-skann som første steg */ .di .qrt-di{margin:0 0 14px;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;border:2px solid var(--blv-primary,#0d4a57);background:var(--blv-primary-t,#e6f3f5)} .di .qrt-di__hd,.di .qrt-di__row1{display:flex;align-items:center;gap:10px} .di .qrt-di__i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#fff;color:var(--blv-primary,#0d4a57);flex:none} .di .qrt-di__t{flex:1;min-width:0;display:flex;flex-direction:column}.di .qrt-di__t b{font-size:15px}.di .qrt-di__t small{color:var(--blv-muted,#5b6575);font-size:12.5px;line-height:1.35} .di .qrt-di__row{display:flex;gap:8px} .di .qrt-di__lbl{flex:1;min-width:0;display:block} .di .qrt-di__in{width:100%;box-sizing:border-box;min-height:48px;padding:0 12px;border:1.5px solid var(--blv-line2,#cfd8e3);border-radius:12px;background:#fff;font:500 15px var(--text-font-family,Poppins,sans-serif);color:inherit} .di .qrt-di__in:focus{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:1px;border-color:var(--blv-primary,#0d4a57)} .di .qrt-di__cam{all:unset;box-sizing:border-box;min-height:48px;padding:0 14px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;background:var(--blv-primary,#0d4a57);color:#fff;font:600 14px var(--text-font-family,Poppins,sans-serif);cursor:pointer;white-space:nowrap;flex:none} .di .qrt-di__skip{all:unset;align-self:flex-start;cursor:pointer;color:var(--blv-primary,#0d4a57);font:600 13px var(--text-font-family,Poppins,sans-serif);text-decoration:underline;text-underline-offset:3px;padding:2px 0} .di .qrt-di__cam:focus-visible,.di .qrt-di__skip:focus-visible,.di .qrt-same:focus-visible,.di .qrt-di button:focus-visible{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:2px} .di .qrt-di__e{margin:0;color:#b42318;font-weight:600;font-size:13px} .di .qrt-di__pend,.di .qrt-di__open{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #a7e3bf} .di .qrt-di__pend>svg{color:#166534;flex:none}.di .qrt-di__pend>span{flex:1;min-width:0;display:flex;flex-direction:column}.di .qrt-di__pend small{color:#3f5e4b} .di .qrt-di__pend button{all:unset;cursor:pointer;color:#b42318;font-weight:600;font-size:13px;padding:6px} .di .qrt-di__open{border-color:#f5d9a6;background:#fffaf0;flex-wrap:wrap}.di .qrt-di__open .qrt-btn{flex:none;min-height:42px} .di .qrt-di--ok{border-color:#a7e3bf;background:#ecfdf3}.di .qrt-di--ok .qrt-di__i{color:#166534}.di .qrt-di--ok .qrt-di__t small{color:#3f5e4b} .di .qrt-same{all:unset;box-sizing:border-box;min-height:40px;padding:0 12px;border-radius:10px;background:#166534;color:#fff;font:600 13px var(--text-font-family,Poppins,sans-serif);cursor:pointer;white-space:nowrap;flex:none} .di .qrt-same:disabled{background:#d1e7d9;color:#166534;cursor:default} .di .qrt-di__hist summary{cursor:pointer;font-weight:600;font-size:13px;color:#166534;padding:2px 0} .di .qrt-di__hist ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px} .di .qrt-di__hist li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12.5px;padding:6px 8px;background:#fff;border-radius:8px} .di .qrt-di__hist li span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .qrt-st{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:99px;background:#eef2f7;white-space:nowrap} .qrt-st--hentet{background:#e7f6ee;color:#166534}.qrt-st--ferdig{background:#dcfce7;color:#166534}.qrt-st--innlevert,.qrt-st--venter_deler{background:#fff4e5;color:#9a3412} .di .qrt-focus{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:4px;border-radius:12px} .di .qrt-di-linked{display:flex;gap:8px;align-items:center;justify-content:center;margin:10px 0 0;color:#166534;font-weight:600;font-size:13.5px} @media (max-width:420px){.di .qrt-di__row1{flex-wrap:wrap}.di .qrt-same{width:100%}.di .qrt-di__cam span{display:none}.di .qrt-di__open .qrt-btn{width:100%}} /* kamera fra Sykkel-QR: kvadratisk sikteramme */ .blv-cs.qrt-cs .blv-cs__vf{aspect-ratio:1/1;width:min(68vw,300px);height:auto;max-height:none} /* utskrift: vertikalt merke – QR øverst (stillesone i SVG-en), navn under, ID i mono. Ren svart på hvitt. */ #qrt-meas{position:fixed;left:-30000px;top:0;visibility:hidden;pointer-events:none;contain:layout style} .qrs{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--qp,1.6mm);background:#fff;color:#000;overflow:hidden;text-align:center;break-inside:avoid;page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact} .qrs__q{width:var(--qq,24mm);height:var(--qq,24mm);flex:none} .qrs__q svg{display:block;width:100%!important;height:100%!important;shape-rendering:crispEdges} .qrs__t{display:flex;flex-direction:column;align-items:center;gap:.5mm;width:100%;min-width:0;margin-top:.4mm} .qrs__n{display:block;max-width:100%;font:700 var(--qn,9pt)/1.08 var(--heading-font-family,Jost,"Helvetica Neue",Arial,sans-serif);letter-spacing:-.005em;overflow-wrap:anywhere;color:#000} .qrs__x{font:600 var(--qx,6.5pt)/1.1 var(--text-font-family,Poppins,Arial,sans-serif);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .qrs__id{font:600 var(--qi,6pt)/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.08em;white-space:nowrap} .qrs__h{font:500 var(--qh,5pt)/1.1 var(--text-font-family,Poppins,Arial,sans-serif);color:#000;white-space:nowrap} .qrt-a4{box-sizing:border-box;width:210mm;height:297mm;display:grid;align-content:start;justify-content:start;break-after:page;page-break-after:always;overflow:hidden} .qrt-a4:last-child{break-after:auto;page-break-after:auto} .qrt-roll .qrs{break-after:page;page-break-after:always}.qrt-roll .qrs:last-child{break-after:auto;page-break-after:auto} #print .qrt-tws{font:700 11pt/1.1 var(--heading-font-family,Jost,sans-serif)!important} @media screen{body[data-print] #print .qrt-pr .qrs{outline:1px dashed #94a3b8}} @media print{.qrt-m,#qrt-toast,#qrt-hint,#qrt-meas{display:none!important} /* sidemenyens venstremarg (body padding) skal ikke skyve lapper/arbeidsordre ut av arket */ html:root body[data-print][data-print]{padding:0!important;margin:0!important} #print .qrt-pr{margin:0;padding:0}} /* qrassign 2026-10-09: QR-rad på jobbkortet + QR-knapper i bunnlinjen */ .qra-row{display:flex;align-items:center;gap:12px;margin:8px 0 12px;padding:10px 12px;border:1px solid #e4e4df;border-radius:12px;background:#fff;font-family:var(--av2-body,Poppins,sans-serif)} .qra-row.is-on{border-color:#a5e8fd;background:#f3fbfc}.qra-row.is-gen{border-color:#a5e8fd;background:#f3fbfc}.qra-qr{flex:none;width:56px;height:56px;padding:3px;background:#fff;border-radius:8px;border:1px solid #e4e4df}.qra-qr svg,.qra-qr img{display:block;width:100%;height:100%}.qra-row.is-gen code{font-weight:600;letter-spacing:.04em}html body .qra-btn.qra-btn--p{background:#0D4A57;border-color:#0D4A57;color:#fff}html[data-theme=dark] .qra-row.is-gen{background:rgba(165,232,253,.06);border-color:rgba(165,232,253,.25)} .qra-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f4f4f2;color:#1c1c1c} .qra-row.is-on .qra-ic{background:#e2edef;color:#0d4a57} .qra-ic .blv-i{margin:0!important} .qra-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} .qra-t b{font:500 13.5px/1.3 var(--av2-head,Jost,sans-serif);color:#1c1c1c} .qra-t small{font:400 12px/1.35 var(--av2-body,Poppins,sans-serif);color:#5c5c57;display:flex;align-items:center;gap:4px;flex-wrap:wrap} .qra-t code{font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#1c1c1c;letter-spacing:.04em} .qra-ok{display:inline-flex;align-items:center;gap:3px;color:#0d4a57;font-weight:500}.qra-ok .blv-i{margin:0!important} .qra-a{flex:none;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} html body .qra-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid #d4d4ce;border-radius:999px;background:#fff;color:#1c1c1c;font:500 12.5px/1 var(--av2-body,Poppins,sans-serif);cursor:pointer;white-space:nowrap} html body .qra-btn:hover{border-color:#0d4a57;color:#0d4a57} html body .qra-btn--r:hover{border-color:#b42318;color:#b42318} .qra-btn .blv-i{margin:0!important} .qra-btn:focus-visible,.qra-fb:focus-visible{outline:2px solid #0d4a57;outline-offset:2px} #pf .qra-bar{display:flex;gap:8px;margin-left:auto;align-items:center} #pf .qra-bar+.blv-fprim,#pf .qra-bar+.btn--primary{margin-left:0} html body #pf .qra-fb{display:inline-flex;align-items:center;gap:6px;white-space:nowrap} #pf .qra-fb .blv-i{margin:0!important;flex:none} @media (max-width:600px){.qra-row{flex-wrap:wrap}.qra-a{width:100%;justify-content:flex-start}} @media (max-width:560px){#pf .qra-bar{gap:6px}html body #pf .qra-fb{padding:0 10px;min-width:40px;justify-content:center}#pf .qra-fb span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}} @media print{.qra-row,.qra-bar{display:none!important}} /* bikelink-verksted-brand.css */ /* Spokes – merkevare i verkstedappen (COPY-tema). Egen fil, lastes rett før bikelink-verksted-type.css. Bytter «BikeLink verksted»-logoen med Spokes Hub-ordmerket via stabile selektorer (hooks i bikelink-verksted-brand.js). Logo alltid høyde-styrt i hele px (width:auto) – aldri strukket, ingen filter/opacity/transform. Ordmerket er tegnet på 28 px-rutenett (viewBox 86×28), symbolet på 32 px. */ /* --- Tavla: logo i hero-headeren (erstatter teal «BikeLink verksted»-pillen) --- */ html body .blv-hero__logo.blv-spk{display:inline-flex;align-items:center;gap:0;margin:0 0 10px;padding:0;border-radius:0;background:none!important;box-shadow:none!important;line-height:0} html body .blv-hero__logo.blv-spk :is(img,svg){display:block;height:28px!important;width:auto!important;max-width:none;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;filter:none!important} html body .blv-hero__logo.blv-spk>b,html body .blv-hero__logo.blv-spk>span{display:none!important} /* --- skjult .bar-merke (beholdes i DOM) --- */ .bar .brand.blv-spk :is(img,svg){height:28px!important;width:auto!important;filter:none!important} /* --- sidemenyen: Spokes nederst (ordmerke utvidet, Hub-«o» sammenslått) --- */ .blv-spk-sb{display:flex;align-items:center;min-height:30px;padding:2px 12px 8px;line-height:0;color:#000;text-decoration:none} .blv-spk-sb :is(img,svg){display:block;width:auto;max-width:none;filter:none;opacity:1} .blv-spk-sb .w{height:21px} .blv-spk-sb .m{display:none;height:16px} html.sb-c:not(.sb-fly) .blv-spk-sb{justify-content:flex-start;padding:2px 0 8px calc(50% - 8px);padding-left:round(down,calc(50% - 8px),1px)} html.sb-c:not(.sb-fly) .blv-spk-sb .w{display:none} html.sb-c:not(.sb-fly) .blv-spk-sb .m{display:block} /* --- mobil menyark (gammel v12-lås): hvitt ordmerke på blekk --- */ .nv-lock.blv-spk :is(img,svg){height:28px!important;width:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;filter:none!important} .nv-lock.blv-spk>span{display:none!important} .blv-spk-sb--m{display:none} @media (max-width:768px){.blv-spk-sb--m{display:flex;padding:18px 16px 22px}.blv-spk-sb--m .w{display:block!important;height:21px}.blv-spk-sb--m .m{display:none!important}} @media print{.blv-spk-sb{display:none!important}} /* 2026-10-09 logo-black: inline SVG-ordmerke, rent svart (hvitt på mørk meny), faste mål i hele px, ingen filter/opacity */ svg.blv-logo{display:block;flex:0 0 auto;max-width:none;overflow:visible;filter:none!important;opacity:1!important;transform:none} html body .blv-hero__logo.blv-spk svg{width:86px!important;height:28px!important} .blv-spk-sb svg.w{width:86px;height:28px} .blv-spk-sb svg.m{width:16px;height:16px} .nv-lock.blv-spk svg{width:86px!important;height:28px!important} html.sb-dark .blv-spk-sb,[data-theme=dark] .blv-spk-sb{color:#fff} /* bikelink-verksted-type.css */ /* ===================================================================== BikeLink verksted – felles typografi- og avstandssystem (TYPE SYSTEM) Lastes SIST på page.verksted. Alle moduler skal bruke disse tokenene. Oversikt: /workspace/bikelink/theme/TYPE-SYSTEM.md Del 1 tokens · Del 2 generert «skala-snap» (speiler modulenes font-size / font-weight med samme selektor + :root, verdier byttet til token) · Del 3 komponenter (tavle, kort, chips, knapper, overskrifter, omsetning). Ingen atferdsendring – kun visuelt. ===================================================================== */ :root{ /* familie */ --blv-font:var(--text-font-family,Poppins,system-ui,sans-serif); --blv-font-head:var(--heading-font-family,Jost,system-ui,sans-serif); --blv-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace; /* BL-nr og koder */ --blv-font-num:var(--blv-font-head); /* store tall (KPI, fliser, beløp) */ /* størrelser (px-skala: 11 · 12 · 13 · 14 · 16 · 18 · 20 · 26) */ --blv-fs-2xs:11px; /* chip, badge, avatar, kbd, etiketter (VERSALER) */ --blv-fs-xs:12px; /* metadata, datoer, kortlinjer, hjelpetekst */ --blv-fs-sm:13px; /* kortnavn, kolonne-/seksjonstitler, knapper */ --blv-fs-md:14px; /* brødtekst, lister, skjema */ --blv-fs-lg:16px; /* store knapper, beløp, undertitler */ --blv-fs-xl:18px; /* panel-/dialogtitler */ --blv-fs-2xl:20px; /* KPI-tall, paneloverskrift */ --blv-fs-3xl:26px; /* sidetittel / store tall */ /* semantiske aliaser */ --blv-fs-caption:var(--blv-fs-xs); --blv-fs-body:var(--blv-fs-md); --blv-fs-label:var(--blv-fs-2xs); --blv-fs-title:var(--blv-fs-sm); --blv-fs-number:var(--blv-fs-lg); /* vekter – Spokes: Poppins lastes i 400/500 (brødtekst/UI), Jost i 400/500/600 (titler, knapper, tall) */ --blv-fw-regular:400; --blv-fw-medium:500; --blv-fw-strong:500; /* uthevet brødtekst (Poppins 500) */ --blv-fw-head:600; /* overskrifter/titler (Jost 600) */ --blv-fw-btn:500; /* knapper (Jost 500) */ --blv-fw-num:600; /* store tall (Jost 600) */ /* linjehøyder */ --blv-lh-tight:1.2; --blv-lh-snug:1.35; --blv-lh-base:1.5; /* bokstavavstand */ --blv-ls-0:0; --blv-ls-label:.06em; /* små etiketter i VERSALER */ --blv-ls-head:.12em; /* store merkevare-overskrifter (Jost) */ /* tall */ --blv-num:tabular-nums; /* radier */ --blv-r-card:12px; --blv-r-btn:10px; --blv-r-btn-sm:8px; --blv-r-pill:999px; /* høyder */ --blv-chip-h:20px; --blv-chip-px:8px; --blv-btn-h-sm:32px; /* knapper inne i kort */ --blv-btn-h:40px; /* standard */ --blv-btn-h-lg:44px; /* hovedhandlinger / berøring */ /* kort og tavle */ --blv-card-pad:10px; --blv-card-gap:8px; --blv-col-min:208px; --blv-col-max:1fr; --blv-col-gap:14px; --blv-board-px:20px; --blv-col-head-h:44px; } /* v18: kolonnene får minst 220 px på desktop – tavla ruller heller sidelengs (myke kanter + faste kolonnehoder) enn å kutte navn/sykkel */ @media (min-width:1200px){:root{--blv-col-min:220px;--blv-col-gap:10px;--blv-board-px:16px}} :root body.blv-kb-filt{--blv-col-min:260px;--blv-col-max:380px} /* ===== Del 2: skala-snap (generert av tools/typesys/gen.py – ikke rediger for hånd; kjør build.sh) ===== */ /* admin.css */ :root h1,:root h2,:root h3{font-weight:var(--blv-fw-strong)} :root h1{font-size:var(--blv-fs-3xl)} :root h2{font-size:var(--blv-fs-xl)} :root .top b{font-size:var(--blv-fs-xl)} :root .top a{font-size:var(--blv-fs-md)} :root .sub{font-size:var(--blv-fs-md)} :root .tab{font-size:var(--blv-fs-md)} :root .tab[aria-current]{font-weight:var(--blv-fw-strong)} :root .row .d{font-weight:var(--blv-fw-strong)} :root .row .s{font-size:var(--blv-fs-sm)} :root .pill{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .kv{font-size:var(--blv-fs-md)} :root table{font-size:var(--blv-fs-md)} :root th{font-weight:var(--blv-fw-medium);font-size:var(--blv-fs-sm)} :root tfoot td{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-lg)} :root .btn{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root input,:root select,:root textarea{font-size:inherit;font-weight:inherit} :root label.l{font-size:var(--blv-fs-sm)} :root .muted{font-size:var(--blv-fs-sm)} :root details summary{font-size:var(--blv-fs-sm)} :root .prod .p{font-weight:var(--blv-fw-strong)} :root .toast{font-size:var(--blv-fs-md)} :root .bar .brand{font-size:var(--blv-fs-xl);font-weight:var(--heading-font-weight,600)} :root .sbox .search{font-size:var(--blv-fs-md)} :root .sbox kbd{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .seg button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .linkbtn{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .tile{font-size:inherit;font-weight:inherit} :root .tile b{font-size:var(--blv-fs-3xl);font-weight:var(--heading-font-weight,600)} :root .tile span{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root .wk-nav{font-size:var(--blv-fs-xl)} :root .wd{font-size:inherit;font-weight:inherit} :root .wd-d{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .wd-n{font-size:var(--blv-fs-2xs)} :root .wd-n b{font-size:var(--blv-fs-lg);font-weight:var(--heading-font-weight,600)} :root .wd--full .wd-n{font-weight:var(--blv-fw-strong)} :root .fchip{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .fchip b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-xs)} :root .rhead{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .jrow{font-size:var(--blv-fs-md)} :root .jrow small{font-size:var(--blv-fs-xs)} :root .c-id{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .c-cu b,:root .c-bk b{font-weight:var(--blv-fw-strong)} :root .btn--next{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .btn--ghost{font-size:var(--blv-fs-xs)} :root .btn--dots{font-size:var(--blv-fs-xl)} :root .rmenu button,:root .rmenu a{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .pill{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .tsec h3{font-size:var(--blv-fs-xl);font-weight:var(--heading-font-weight,600)} :root .tsec h3 span{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .empty{font-size:var(--blv-fs-sm)} :root .kbd-help{font-size:var(--blv-fs-2xs)} :root .kbd-help kbd{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .warn{font-weight:var(--blv-fw-strong)} :root .late{font-weight:var(--blv-fw-strong)} :root .good{font-weight:var(--blv-fw-strong)} :root .chip{font-size:var(--blv-fs-2xs)} @media (max-width:1360px){ :root .jrow{font-size:var(--blv-fs-sm)} } :root .pdlg__b h3{font-size:var(--blv-fs-xl)} :root .pdlg__x{font-size:inherit;font-weight:inherit} :root .sec h4{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .tog button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .tog button[aria-pressed=true]{font-weight:var(--blv-fw-strong)} :root .step button{font-size:var(--blv-fs-xl)} :root .step output{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-md)} :root .prow{font-size:var(--blv-fs-md)} :root .prow .s{font-size:var(--blv-fs-xs)} :root .hit{font-size:inherit;font-weight:inherit} :root .contact .btn{font-size:var(--blv-fs-sm)} :root .tot{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-lg)} :root .note{font-size:var(--blv-fs-sm)} :root .badge{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .eln .tog button{font-size:var(--blv-fs-xs)} :root .msg{font-size:var(--blv-fs-md)} :root .msg small{font-size:var(--blv-fs-2xs)} :root .ph-t .d{font-size:var(--blv-fs-xs)} :root .pdrop{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .phs .busy{font-size:var(--blv-fs-xs)} :root .lb button{font-size:var(--blv-fs-2xl)} :root .lb .lc{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-regular)} :root .mdl__b h3{font-size:var(--blv-fs-2xl);font-weight:var(--heading-font-weight,600)} :root .mdl__b h4{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .cmsg{font-size:var(--blv-fs-md)} :root .cmsg small{font-size:var(--blv-fs-2xs)} :root #ctext{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-regular)} :root .ccount{font-size:var(--blv-fs-xs)} :root .phone__top{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .bub{font-size:var(--blv-fs-md)} :root .mailpv__h{font-size:var(--blv-fs-md)} :root .kscan{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .ktab{font-size:var(--blv-fs-md)} :root .ktab th{font-size:var(--blv-fs-2xs)} :root .kdone{font-size:var(--blv-fs-md)} :root .pbc span{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .swb{font-size:var(--blv-fs-xs)} :root .swapbar{font-size:var(--blv-fs-sm)} :root .iss{font-weight:var(--blv-fw-strong)} :root .chip--iss{font-weight:var(--blv-fw-strong)} :root .eswap{font-size:var(--blv-fs-sm)} :root .hdr-kasse{font-size:var(--blv-fs-sm)} @media print{ :root #print{font-size:10.5pt;font-weight:var(--blv-fw-regular)} :root .wo h3{font-size:9pt;font-weight:var(--blv-fw-strong)} :root .wo-t{font-size:9pt} :root .wo-t b{font-size:16pt;font-weight:var(--heading-font-weight,600)} :root .wo th{font-size:8.5pt} :root .wo-sum{font-size:11pt} :root .wo-sig{font-size:9.5pt} :root .wo-sig2{font-size:9pt} :root .wo footer{font-size:8pt} :root .tag{font-size:8pt} :root .pl-wm{font-size:15pt;font-weight:var(--blv-fw-strong)} :root .pl-ws{font-size:7.5pt;font-weight:var(--blv-fw-strong)} :root .pl-l{font-size:6pt;font-weight:var(--blv-fw-strong)} :root .pl-id{font-size:13.5pt;font-weight:var(--blv-fw-strong)} :root .pl-b b{font-size:9pt} :root .pl-n{font-size:10.5pt !important} :root .pl-mono{font-size:8pt;font-weight:var(--blv-fw-regular)} :root .pl-dt b{font-size:9pt} :root .pl-qr figcaption{font-size:6pt;font-weight:var(--blv-fw-strong)} :root .wo-h2 .pl-ws{font-size:10pt} :root .wo-h2 .wo-t b{font-size:14pt;font-weight:var(--blv-fw-strong)} :root .wo h3{font-size:7.5pt !important;font-weight:var(--blv-fw-strong) !important} } :root } h1,:root h2,:root h3,:root .blv-h{font-weight:var(--blv-fw-medium)} :root .phone__av{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .phone__top b{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .phone__top small{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-regular)} :root .phone .bub{font-size:var(--blv-fs-sm) !important} :root .phone__n{font-size:var(--blv-fs-2xs)} :root .mailpv__h{font-size:var(--blv-fs-sm) !important} :root .mailpv__k{font-size:var(--blv-fs-xs)} :root .mailpv__s b{font-size:var(--blv-fs-md)} /* tools.css */ :root #blv-pane{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-regular)} :root .bt-h{font-size:var(--blv-fs-xl);font-weight:var(--heading-font-weight,500)} :root .bt-h3{font-size:var(--blv-fs-sm);font-weight:var(--heading-font-weight,500)} :root .bt-sub{font-size:var(--blv-fs-sm)} :root .bt-warn{font-size:var(--blv-fs-sm)} :root .bt-note{font-size:var(--blv-fs-sm)} :root .bt-sys button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .bt-sys button small{font-weight:var(--blv-fw-regular);font-size:var(--blv-fs-2xs)} :root .bt-f label{font-size:var(--blv-fs-xs)} :root .bt-f input,:root .bt-f select,:root .bt-in input,:root .bt-in select{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-regular)} :root .bt-set{font-size:var(--blv-fs-2xs)} :root .bt-btn{font-size:var(--blv-fs-xs);font-weight:var(--heading-font-weight,500)} :root .bt-btn--s{font-size:var(--blv-fs-2xs)} :root .bt-ok{font-size:var(--blv-fs-sm)} :root .bt-err{font-size:var(--blv-fs-sm)} :root .bt-t{font-size:var(--blv-fs-sm)} :root .bt-t th{font-size:var(--blv-fs-2xs);font-weight:var(--heading-font-weight,500)} :root .bt-pill{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .bt-code{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-regular)} :root .bt-sup b{font-weight:var(--blv-fw-strong)} :root .bt-muted{font-size:var(--blv-fs-xs)} :root .bt-toast{font-size:var(--blv-fs-sm)} :root .bt-stabs button{font-size:var(--blv-fs-2xs);font-weight:var(--heading-font-weight,500)} :root .bt-tile{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .bt-tile small{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-regular)} :root .bt-sw{font-size:var(--blv-fs-xs)} :root .bt-chip{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .bt-bar span{font-size:var(--blv-fs-2xs)} :root .bt-pro .btn{font-size:var(--blv-fs-xs)} :root .bt-more>summary{font-size:var(--blv-fs-xl)} @media (max-width:767px){ :root .bt-t--stock td[data-l]::before{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} } :root .blv-dshelf__x{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .blv-dshelf__none{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-medium)} :root .blv-dshelf__p label{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .blv-dshelf__p select{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} /* dropin.css */ :root .di__h h2{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .di__h p{font-size:var(--blv-fs-sm)} :root .di__x{font-size:var(--blv-fs-2xl)} :root .di-s h3{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .di-s h3>span{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .di-s h3 em{font-weight:var(--blv-fw-regular);font-size:var(--blv-fs-xs)} :root .di-l{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .di-l input,:root .di-l select,:root .di-l textarea{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-regular)} :root .di-res button{font-size:inherit;font-weight:inherit} :root .di-res b{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .di-res small{font-size:var(--blv-fs-xs)} :root .di-av{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .di-lnk{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .di-sel__t b{font-size:var(--blv-fs-md)} :root .di-sel__t small{font-size:var(--blv-fs-sm)} :root .di-own>small{font-size:var(--blv-fs-xs)} :root .di-chip{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .di-chip small{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-regular)} :root .di-ph>small{font-size:var(--blv-fs-xs)} :root .di-th button{font-size:var(--blv-fs-md)} :root .di-add{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .di-seg button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .di-hint{font-size:var(--blv-fs-xs)} :root .di-hint .di-lnk{font-size:var(--blv-fs-xs)} :root .di-nt label{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .di-prev{font-size:var(--blv-fs-sm)} :root .di-prev em{font-size:var(--blv-fs-xs)} :root .di-err{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .di-sum{font-size:var(--blv-fs-xs)} :root .di-sum b{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .di-btn{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .di-ok h2{font-size:var(--blv-fs-2xl);font-weight:var(--blv-fw-strong)} :root .di-ok>p{font-size:var(--blv-fs-md)} :root .di-ok__id code{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .di-ok__m span{font-size:var(--blv-fs-xs)} :root .di-ok__m b{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .di-ok__n{font-size:var(--blv-fs-sm)} @media (max-width:760px){ :root .di__h h2{font-size:var(--blv-fs-xl)} :root .di__h p{font-size:var(--blv-fs-sm)} } :root .di-date__b{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-medium)} :root .di-date__c{font-size:var(--blv-fs-xs)} :root .di-date__p button{font-size:inherit;font-weight:inherit} :root .di-date__p button b{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .di-date__p button small{font-size:var(--blv-fs-2xs)} :root .di-qrb{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .di-more>summary{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-md)} :root .di-more>summary small{font-weight:var(--blv-fw-regular);font-size:var(--blv-fs-xs)} :root .di-opt{font-weight:var(--blv-fw-regular);font-size:var(--blv-fs-xs)} /* v14.css */ :root .v4{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-regular)} :root .v4 code,:root .v4-mono,:root .v4-sh code{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root .v4-eb{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .v4-h{font-size:var(--blv-fs-3xl) !important;font-weight:var(--blv-fw-strong) !important} :root .v4-mut{font-size:var(--blv-fs-sm)} :root .v4-sec>h2,:root .v4-card>h2{font-size:var(--blv-fs-lg) !important;font-weight:var(--blv-fw-strong) !important} :root .v4-sec>h2 small,:root .v4-card>h2 small,:root .v4-h3 small{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root .v4-h3{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-strong) !important} :root :where(.v4,.v4-sh,.v4-mk) button{font-size:inherit;font-weight:inherit} :root .v4-btn{font-size:var(--blv-fs-md) !important;font-weight:var(--blv-fw-strong) !important} :root .v4-btn--s{font-size:var(--blv-fs-sm) !important} :root .v4-lnk{font-size:inherit;font-weight:inherit} :root .v4-back{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-strong) !important} :root .v4-st{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .v4-av{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .v4-live{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .v4-live--big{font-size:var(--blv-fs-3xl)} :root .v4-bdg{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .v4-me{font-size:var(--blv-fs-sm)} :root .v4-me button{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-medium) !important} :root .v4-me button i{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .v4-row__t b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-md)} :root .v4-row__t small{font-size:var(--blv-fs-sm)} :root .v4-qa{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-strong) !important} :root .v4-act b{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .v4-act small{font-size:var(--blv-fs-xs)} :root .v4-tile b{font-size:44px;font-weight:var(--blv-fw-strong)} :root .v4-tile>span:not(.v4-tile__i){font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-md)} :root .v4-tile small{font-size:var(--blv-fs-xs)} :root .v4-ld__t{font-size:var(--blv-fs-sm)} :root .v4-tip{font-size:var(--blv-fs-sm)} :root .v4-wd{font-size:var(--blv-fs-xs)} :root .v4-wd>span{font-weight:var(--blv-fw-strong)} :root .v4-wd small{font-size:var(--blv-fs-2xs)} :root .v4-wd.is-full small{font-weight:var(--blv-fw-strong)} :root .v4-men{font-size:var(--blv-fs-md)} @media (max-width:600px){ :root .v4-h{font-size:var(--blv-fs-3xl) !important} :root .v4-tile b{font-size:38px} } :root #blv-pane#blv-pane .v4-scan input,:root .v4-sh .v4-scan input{font-size:var(--blv-fs-lg) !important;font-weight:var(--blv-fw-medium) !important} :root .v4-jh h1{font-size:var(--blv-fs-3xl) !important;font-weight:var(--blv-fw-strong) !important} :root .v4-jh__c small{font-size:var(--blv-fs-xs)} :root .v4-clock{font-size:var(--blv-fs-3xl);font-weight:var(--blv-fw-strong)} :root .v4-big b{font-size:var(--blv-fs-2xl);font-weight:var(--blv-fw-strong)} :root .v4-big small{font-size:var(--blv-fs-sm)} :root .v4-econ small{font-size:var(--blv-fs-xs)} :root .v4-econ b{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .v4-fch{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-medium) !important} :root .v4-fl__t small{font-size:var(--blv-fs-xs)} :root .v4-sev{font-size:var(--blv-fs-xs) !important;font-weight:var(--blv-fw-strong) !important} :root .v4-kr em{font-size:var(--blv-fs-xs)} :root .v4-rm{font-size:var(--blv-fs-xl)} :root #blv-pane#blv-pane .v4-note textarea{font-size:var(--blv-fs-lg)} :root .v4-mic{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-strong) !important} :root .v4-note__f small{font-size:var(--blv-fs-xs)} :root .v4-in li{font-size:var(--blv-fs-sm)} :root .v4-sec .v4-lnk{font-size:var(--blv-fs-sm)} :root .v4-foot{font-size:var(--blv-fs-sm)} @media (max-width:600px){ :root .v4-big b{font-size:var(--blv-fs-xl)} } :root .v4-seg button{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-medium) !important} :root .v4-seg button span{font-size:var(--blv-fs-xs)} :root .v4-ti__h small{font-size:var(--blv-fs-xs)} :root .v4-ti__t>small{font-size:var(--blv-fs-xs)} :root .v4-ti__p{font-size:var(--blv-fs-sm)} :root .v4-ti.is-un b,:root .v4-ti.is-un .v4-ti__p{font-weight:var(--blv-fw-strong)} :root .v4-th small{font-size:var(--blv-fs-xs)} :root .v4-back--inb{font-size:var(--blv-fs-2xl) !important} :root .v4-m small{font-size:var(--blv-fs-2xs)} :root .v4-m__b{font-size:var(--blv-fs-md)} :root .v4-m__h{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .v4-qr{font-size:var(--blv-fs-xs)} :root .v4-qrb{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-medium) !important} :root .v4-sh{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-regular)} :root .v4-sh__c>header h2{font-size:var(--blv-fs-2xl);font-weight:var(--blv-fw-strong)} :root .v4-sh input,:root .v4-sh select,:root .v4-sh textarea{font-size:inherit;font-weight:inherit} :root .v4-pr small{font-size:var(--blv-fs-xs)} :root .v4-qty button{font-size:var(--blv-fs-xl)} :root .v4-qty span{font-weight:var(--blv-fw-strong)} :root .v4-fld{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .v4-chk{font-size:var(--blv-fs-md)} :root .v4-chk--big{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-lg)} :root .v4-sum b{font-size:var(--blv-fs-2xl);font-weight:var(--blv-fw-strong)} :root .v4-ho2 small{font-size:var(--blv-fs-sm)} :root .v4-warn{font-size:var(--blv-fs-sm)} :root .v4-pos__h b{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .v4-pos__h small{font-size:var(--blv-fs-xs)} :root .v4-pos__h strong{font-size:var(--blv-fs-3xl);font-weight:var(--blv-fw-strong)} :root .v4-pos__l{font-size:var(--blv-fs-sm)} :root .v4-after{font-size:var(--blv-fs-sm)} :root .v4-mk__c header{font-size:var(--blv-fs-md)} :root .v4-k small{font-size:var(--blv-fs-xs)} :root .v4-k b{font-size:var(--blv-fs-3xl);font-weight:var(--blv-fw-strong)} :root .v4-k span{font-size:var(--blv-fs-xs)} @media (max-width:600px){ :root .v4-k b{font-size:var(--blv-fs-2xl)} } :root .v4-tr{font-size:var(--blv-fs-sm)} :root .v4-tr small{font-size:var(--blv-fs-xs)} :root .v4-tr--h{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .is-good{font-weight:var(--blv-fw-strong)} :root .is-bad{font-weight:var(--blv-fw-strong)} :root .v4-tg small{font-size:var(--blv-fs-xs)} :root .v4-pol{font-size:var(--blv-fs-sm)} :root .v4-sw{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-md)} :root .v4-bub{font-size:var(--blv-fs-md)} :root .v4-cic>.v4-av{font-size:var(--blv-fs-lg)} :root .v4-cic__t small{font-size:var(--blv-fs-sm)} :root .v4-cic__t p{font-size:var(--blv-fs-sm)} :root .v4-cio{font-size:var(--blv-fs-sm)} :root .v4-ciq p{font-size:var(--blv-fs-sm)} :root .v4-rlst{font-size:var(--blv-fs-sm)} :root .v4-cib em{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .v4-steps button{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-medium) !important} :root .v4-steps span{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-xs)} :root .v4-logo{font-weight:var(--blv-fw-regular)} :root .v4-done h2{font-size:var(--blv-fs-3xl) !important;font-weight:var(--blv-fw-strong) !important} :root .v4-idag .v4-act{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .v4-idag .v4-act b{font-weight:var(--blv-fw-strong)} :root .v4-h2r .v4-lnk{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .v4-wlr>b{font-weight:var(--blv-fw-strong)} :root .v4-wlr>small{font-size:var(--blv-fs-sm)} :root .v4-cibn small{font-size:var(--blv-fs-sm)} :root .v4-cibn em{font-weight:var(--blv-fw-strong)} :root .v4-gw h2{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .v4-gw--big h2{font-size:var(--blv-fs-2xl)} :root .v4-late{font-weight:var(--blv-fw-strong)} :root .v4-pay{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .v4-ldj button{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-sm)} :root .v4-wg__h{font-size:var(--blv-fs-xs)} :root .v4-wg__n{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} :root .v4-wg__c small{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .v4-cis{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .v4-cis b{font-weight:var(--blv-fw-strong)} :root .v4-cis__l button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .v4-cis a{font-weight:var(--blv-fw-strong)} :root .v4-nb{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} @media (max-width:768px){ :root .v4-inl .v4-sec .fx-empty b{font-size:var(--blv-fs-md)} :root .v4-inl .v4-sec .fx-empty p{font-size:var(--blv-fs-sm)} } /* legal.css */ :root .blv-lg{font-size:inherit;font-weight:inherit} :root .blv-lg__lg{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-lg)} :root .blv-lg__n,:root .blv-lg__h{font-size:var(--blv-fs-sm)} :root .blv-lg__n a{font-weight:var(--blv-fw-medium)} :root .blv-lg__c{font-size:var(--blv-fs-md)} :root .blv-lg__mk legend{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-md)} :root .blv-lg__e{font-weight:var(--blv-fw-medium);font-size:var(--blv-fs-md)} :root .blv-lg__e::before{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-res{font-size:var(--blv-fs-md)} :root .blv-res__t{font-size:var(--blv-fs-lg)} :root .blv-party{font-weight:var(--blv-fw-medium)} :root .blv-nr{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} :root .blv-ovr{font-size:var(--blv-fs-md)} :root .blv-ovr b{font-size:var(--blv-fs-sm)} :root .blv-appr{font-size:var(--blv-fs-sm)} :root .blv-pv-tbl{font-size:var(--blv-fs-sm)} :root .blv-pv-tbl th{font-weight:var(--blv-fw-strong)} :root .blv-pv-row label{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .blv-pv-row input{font-size:inherit;font-weight:inherit} :root .blv-pv-tag{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} @media print{ :root .blv-nr{font-size:12pt} } :root .blv-vc__b{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-vc__s{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .blv-vc__pv,:root .blv-vc__hint{font-size:var(--blv-fs-sm)} /* camscan.css */ :root .blv-cs-btn{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-md)} :root .blv-cs.is-ok .blv-cs__st{font-weight:var(--blv-fw-strong)} :root .blv-cs .blv-cs__h{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .blv-cs .blv-cs__x{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-lg)} :root .blv-cs .blv-cs__st{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-medium)} :root .blv-cs.is-err .blv-cs__st{font-weight:var(--blv-fw-medium)} :root .blv-cs .blv-cs__dbg{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-regular)} :root .blv-cs .blv-cs__b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-lg)} :root .blv-cs .blv-cs__tap{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-lg)} /* fx.js (injisert) */ :root .fx-ringw{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .fx-empty{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-regular)} :root .fx-empty b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-lg)} /* icons.js (injisert) */ :root .blv-lm{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} /* i18n.js (injisert) */ :root .blv-lang button{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} /* sync.js (injisert) */ :root .blv-sync{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-medium)} /* p4.js (injisert) */ :root .blv-cal .hd{font-size:var(--blv-fs-2xs);font-weight:var(--heading-font-weight,500)} :root .blv-cal .mh{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} :root .blv-cal .mh small{font-weight:var(--blv-fw-regular);font-size:var(--blv-fs-2xs)} :root .blv-capt{font-size:var(--blv-fs-2xs)} :root .blv-chip{font-size:var(--blv-fs-xs)} :root .blv-chip b{font-weight:var(--blv-fw-strong)} :root .blv-bulk{font-size:var(--blv-fs-sm)} :root .blv-bulk select,:root .blv-bulk input{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-regular)} :root .blv-bulk button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-conv{font-size:inherit;font-weight:inherit} :root .blv-conv small{font-size:var(--blv-fs-xs)} :root .blv-bub{font-size:var(--blv-fs-sm)} :root .blv-bub small{font-size:var(--blv-fs-2xs)} :root .blv-bub.sys{font-size:var(--blv-fs-xs)} :root .blv-guide{font-size:var(--blv-fs-sm)} :root .blv-guide th{font-size:var(--blv-fs-2xs);font-weight:var(--heading-font-weight,500)} :root .blv-app h2{font-size:var(--blv-fs-sm);font-weight:var(--heading-font-weight,500)} :root .blv-hist li{font-size:var(--blv-fs-sm)} :root .blv-hist .d{font-size:var(--blv-fs-xs)} :root .blv-abtn{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .blv-plan ul{font-size:var(--blv-fs-sm)} :root .blv-toast{font-size:var(--blv-fs-sm)} :root .blv-lbox{font-size:var(--blv-fs-sm)} /* fravaer.css */ :root .blv-fv__eb{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-fv__hd h2{font-size:var(--blv-fs-2xl);font-weight:var(--blv-fw-strong)} :root .blv-fv__sub{font-size:var(--blv-fs-md)} :root .blv-fv__x{font-size:var(--blv-fs-2xl)} :root .blv-fv__steps li{font-size:var(--blv-fs-sm)} :root .blv-fv__steps i{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-fv__steps .is-cur{font-weight:var(--blv-fw-strong)} :root .blv-fv__fs{font-size:var(--blv-fs-sm)} :root .blv-fv-btn,:root .blv-fv-btn2{font-size:inherit;font-weight:inherit;font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-lg)} :root .blv-fv-btn--s{font-size:var(--blv-fs-md)} :root .blv-fv-lnk{font-size:inherit;font-weight:inherit;font-weight:var(--blv-fw-strong)} :root .blv-fv-hint{font-size:var(--blv-fs-sm)} :root .blv-fv-warn{font-size:var(--blv-fs-md)} :root .blv-fv-av{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-xs)} :root .blv-fv-bdg{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-fv-cap{font-size:var(--blv-fs-md)} :root .blv-fv-cap b{font-size:var(--blv-fs-2xl)} :root .blv-fv-m__t small{font-size:var(--blv-fs-sm)} :root .blv-fv-seg__b{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .blv-fv-seg__b em{font-size:var(--blv-fs-2xs)} :root .blv-fv-dur legend{font-size:var(--blv-fs-sm)} :root .blv-fv-rad,:root .blv-fv-chk{font-size:var(--blv-fs-md)} :root .blv-fv-in{font-size:var(--blv-fs-md)} :root .blv-fv-in input{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-lg)} :root .blv-fv-fut h3,:root .blv-fv-ld h3,:root .blv-fv-list h3,:root .blv-fv-pv h3,:root .blv-fv-tpl h3{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-fv-fut h3 small,:root .blv-fv-ld h3 small,:root .blv-fv-list h3 small,:root .blv-fv-pv h3 small{font-weight:var(--blv-fw-regular);font-size:var(--blv-fs-sm)} :root .blv-fv-fut li{font-size:var(--blv-fs-md)} :root .blv-fv-set summary{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-md)} :root .blv-fv-ldr small{font-size:var(--blv-fs-sm)} :root .blv-fv-grid__d{font-size:var(--blv-fs-sm)} :root .blv-fv-grid__m{font-size:var(--blv-fs-md)} :root .blv-fv-cell__h small{font-size:var(--blv-fs-xs)} :root .blv-fv-card{font-size:var(--blv-fs-sm)} :root .blv-fv-card b{font-weight:var(--blv-fw-strong)} :root .blv-fv-card small{font-size:var(--blv-fs-xs)} :root .blv-fv-grip{font-size:var(--blv-fs-md)} :root .blv-fv-out,:root .blv-fv-oth{font-size:var(--blv-fs-xs)} :root .blv-fv-row__j small{font-size:var(--blv-fs-sm)} :root .blv-fv-row__j code{font-size:var(--blv-fs-xs)} :root .blv-fv-row__ba p{font-size:var(--blv-fs-sm)} :root .blv-fv-k{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .blv-fv-ok{font-size:var(--blv-fs-xs)} :root .blv-fv-row__s label:not(.blv-fv-chk){font-size:var(--blv-fs-xs)} :root .blv-fv-row__s select{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-md)} :root .blv-fv-st{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-fv-done__big{font-size:var(--blv-fs-2xl)} :root .blv-fv-done__big b{font-size:34px} :root .blv-fv-done li{font-size:var(--blv-fs-md)} :root .blv-fv-ta{font-size:var(--blv-fs-sm)} :root .blv-fv-ta textarea{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-md)} :root .blv-fv-tpl code,:root .blv-fv-hint code{font-size:var(--blv-fs-xs)} :root .blv-fv-pvm__h{font-size:var(--blv-fs-sm)} :root .blv-fv-lg{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-fv-bub{font-size:var(--blv-fs-md)} :root .blv-fv-open{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .blv-fv-open em{font-size:var(--blv-fs-xs)} :root .blv-fv-alert small{font-size:var(--blv-fs-sm)} :root .blv-fv-alert .blv-fv-btn{font-size:inherit;font-weight:inherit;font-weight:var(--blv-fw-strong)} :root .v4-wlr.is-fv-abs>small{font-weight:var(--blv-fw-strong)} :root .v4-me [data-v4me] .blv-fv-bdg{font-size:var(--blv-fs-2xs)} :root .blv-fv-jc{font-size:var(--blv-fs-sm)} @media (max-width:600px){ :root .blv-fv__hd h2{font-size:var(--blv-fs-2xl)} } :root #blv-delay-col .blv-fv-dsub{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root #blv-delay-col .blv-fv-dbar .blv-fv-btn{font-size:inherit;font-weight:inherit;font-weight:var(--blv-fw-strong)} :root .blv-fv-dchk{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-fv-dday select{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-sm)} :root .blv-fv-keep{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-fv-dbadge{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} /* innsjekk.css */ :root body.ci-body{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-regular)} :root .ci-nm{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .ci-demo{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .ci-lang button{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .ci-t{font-size:var(--blv-fs-3xl);font-weight:var(--blv-fw-strong)} :root .ci-steps li{font-size:var(--blv-fs-xs)} :root .ci-steps li.is-on{font-weight:var(--blv-fw-strong)} :root .ci-card h2{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .ci-l{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .ci-l em{font-weight:var(--blv-fw-regular)} :root .ci-card input:not([type=checkbox]):not([type=file]),:root .ci-card textarea{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-medium)} :root .ci-e{font-size:var(--blv-fs-sm)} :root .ci-chips button{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-medium)} :root .ci-add{font-weight:var(--blv-fw-medium)} :root .ci-ph button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .ci-chk{font-size:var(--blv-fs-sm)} :root .ci-b1{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .ci-b2{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-medium)} :root .ci-ok h1{font-size:var(--blv-fs-3xl);font-weight:var(--blv-fw-strong)} :root .ci-pos{font-weight:var(--blv-fw-strong)} :root .ci-sum div{font-size:var(--blv-fs-md)} :root .ci-sum dd{font-weight:var(--blv-fw-strong)} :root .ci-mu{font-size:var(--blv-fs-sm)} :root .ci-foot{font-size:var(--blv-fs-xs)} :root .blv-vc__b{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-vc__s{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .blv-vc__pv,:root .blv-vc__hint{font-size:var(--blv-fs-sm)} /* nav.css */ html:root body .blv-nav .nv-it>a,html:root body .blv-nav .nv-gb{font-size:var(--blv-fs-2xs);font-weight:var(--heading-font-weight,500)} :root .nv-dots{font-size:var(--blv-fs-lg)} html:root body .blv-nav .nv-menu a{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-medium) !important} :root .nv-sh{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} @media (max-width:768px){ :root .nv-bottom a,:root .nv-bottom button{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-medium)} :root .nv-bottom a[aria-current=page],:root .nv-bottom .nv-bmenu.is-cur,:root .nv-bottom .nv-bmenu[aria-expanded=true]{font-weight:var(--blv-fw-strong)} :root .nv-ph h2{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .nv-x{font-size:var(--blv-fs-lg)} :root .nv-ss h3{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .nv-sg a{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} } :root .nv-lock span{font-size:var(--blv-fs-2xl);font-weight:var(--heading-font-weight,500)} /* side.css */ :root .sb-av{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .sb-wt b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} :root .sb-wt small{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-medium)} :root .sb-col,:root .sb-x{font-size:var(--blv-fs-lg)} :root .sb-a,:root .sb-gb{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-medium)} :root .sb-gb .sb-l{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root .sb-a--sub{font-size:var(--blv-fs-sm)} :root .sb-a[aria-current=page]{font-weight:var(--blv-fw-strong)} :root .sb-b,:root .sb-gn{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .sb-col2{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} html:root.sb-c:not(.sb-fly) .sb-b{font-size:var(--blv-fs-2xs)} @media (max-width:768px){ :root .sb-bot a,:root .sb-bot button{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-medium)} :root .sb-bi .sb-b{font-size:var(--blv-fs-2xs)} :root .sb-bot a[aria-current=page],:root .sb-bot .sb-mb.is-cur{font-weight:var(--blv-fw-strong)} } :root .sbp .sbp-sub{font-size:var(--blv-fs-md)} :root .sbp-ph b{font-size:var(--blv-fs-lg)} :root .sbr{font-size:inherit;font-weight:inherit} :root .sbr-t{font-weight:var(--blv-fw-medium)} :root .sbr-go{font-size:var(--blv-fs-2xl)} /* theme.css */ :root .blv-demo{font-size:var(--blv-fs-xs) !important} :root .blv-hero__bike figcaption{font-size:var(--blv-fs-2xs);font-weight:var(--heading-font-weight,600)} :root .blv-hero__eb{font-size:var(--blv-fs-2xs);font-weight:var(--heading-font-weight,500)} :root .blv-hero h1{font-size:var(--blv-fs-3xl) !important;font-weight:var(--heading-font-weight,500) !important} :root .blv-hero__g{font-size:var(--blv-fs-sm)} :root .blv-kpi b{font-size:var(--blv-fs-2xl);font-weight:var(--blv-fw-strong)} :root .blv-kpi span{font-size:var(--blv-fs-xs)} @media (max-width:760px){ :root .blv-hero h1{font-size:var(--blv-fs-2xl) !important} :root .blv-kpi b{font-size:var(--blv-fs-xl)} :root .blv-hero__bike figcaption{font-size:var(--blv-fs-2xs);font-weight:var(--heading-font-weight,600)} } :root .pill,:root .bt-pill{font-weight:var(--blv-fw-medium) !important} :root #blv-pane input:not([type=checkbox]):not([type=radio]):not([type=file]),:root #blv-pane select,:root #blv-pane textarea,:root .search input,:root .bbk input[type=text],:root .bbk input[type=tel],:root .bbk input[type=email],:root .bbk textarea,:root .bbk select,:root .send input{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-regular)} :root .blv-vt button{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root .blv-kb-col h3{font-size:var(--blv-fs-2xs);font-weight:var(--heading-font-weight,500)} :root .blv-kb-col h3 em{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .blv-kb-card{font-size:inherit;font-weight:inherit} :root .blv-kb-b b{font-size:var(--blv-fs-sm)} :root .blv-kb-b small{font-size:var(--blv-fs-xs)} :root .blv-kb-f{font-size:var(--blv-fs-xs)} :root .blv-kb-f .due.late{font-weight:var(--blv-fw-strong)} :root .blv-av{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .blv-paid{font-weight:var(--blv-fw-strong)} :root .blv-kb-empty{font-size:var(--blv-fs-xs)} :root .blv-sum h3{font-size:var(--blv-fs-xs);font-weight:var(--heading-font-weight,500)} :root .blv-sum li{font-size:var(--blv-fs-sm)} :root .blv-sum .tot{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .blv-sum p{font-size:var(--blv-fs-xs)} :root .blv-sum .ok{font-size:var(--blv-fs-xs)} :root .bbk__short{font-size:var(--blv-fs-xs) !important} :root .bbk__card-price{font-size:var(--blv-fs-sm) !important} :root .bbk__pnum{font-weight:var(--blv-fw-strong)} :root .tl li.c span{font-weight:var(--blv-fw-strong)} :root .tl li small{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-regular)} :root #est h1{font-size:var(--blv-fs-2xl) !important;font-weight:var(--heading-font-weight,500) !important} :root #est .tot{font-weight:var(--blv-fw-strong)} @media (max-width:760px){ :root .blv-hero--cust .blv-kpi span{font-size:var(--blv-fs-2xs)} } :root .blv-kfoot button{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-regular)} :root .blv-kfoot kbd{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root #panel .ph .x{font-size:var(--blv-fs-lg)} :root #panel .ph .pbc span{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root #panel .ph h2{font-size:var(--blv-fs-2xl);font-weight:var(--heading-font-weight,500)} :root #panel .ph .muted{font-size:var(--blv-fs-sm)} :root .blv-dtabs button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .blv-dtabs button[aria-selected=true]{font-weight:var(--blv-fw-strong)} :root .blv-dtabs button em{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root #panel .sec h4{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-dsum__c small{font-size:var(--blv-fs-2xs)} :root .blv-dsum__c b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} :root .blv-av{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .blv-chip{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root #panel .tog button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root #panel .tog button[aria-pressed=true]{font-weight:var(--blv-fw-medium)} :root #panel #scan{font-size:inherit;font-weight:inherit} :root #panel #notes,:root #panel #mtext{font-size:inherit;font-weight:inherit} :root .blv-tl2 b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} :root .blv-tl2 span{font-size:var(--blv-fs-sm)} :root .blv-tl2 time{font-size:var(--blv-fs-xs)} :root .blv-dempty p{font-size:var(--blv-fs-sm)} :root .blv-dlog__i p{font-size:var(--blv-fs-sm)} :root .blv-dlog__i small{font-size:var(--blv-fs-xs)} :root #panel .pf .btn{font-size:var(--blv-fs-sm)} :root #panel .blv-more__m .btn{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} @media (max-width:640px){ :root #panel .ph h2{font-size:var(--blv-fs-xl)} } @media (max-width:560px){ :root .blv-dtabs button span{font-size:var(--blv-fs-sm)} } html:root body .fchip{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} html:root body .fchip b{font-size:var(--blv-fs-md) !important;font-weight:var(--heading-font-weight,600) !important} :root .blv-wkt{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root .blv-wkt i{font-size:var(--blv-fs-2xs)} html:root body .wk-nav{font-size:var(--blv-fs-lg) !important} html:root body .wd-d{font-size:var(--blv-fs-xs) !important;font-weight:var(--blv-fw-medium) !important} html:root body .wd-n{font-size:var(--blv-fs-xs) !important} html:root body .wd-n b{font-size:var(--blv-fs-xs) !important;font-weight:var(--blv-fw-strong) !important} html:root body .bar .btn,html:root body .seg button,html:root body .blv-vt button{font-weight:var(--blv-fw-medium) !important;font-size:var(--blv-fs-sm) !important} :root .rp-kpi__h{font-size:var(--blv-fs-xs)} :root .rp-kpi b{font-size:var(--blv-fs-3xl);font-weight:var(--blv-fw-strong)} :root .rp-kpi small{font-size:var(--blv-fs-xs)} :root .rp-hint{font-size:var(--blv-fs-xs)} :root .rp-seg3 button{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root .rp-rev__sum b{font-size:var(--blv-fs-2xl);font-weight:var(--blv-fw-strong)} :root .rp-rev__sum span{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .rp-y{font-size:var(--blv-fs-2xs)} :root .rp-x{font-size:var(--blv-fs-2xs)} :root .rp-tip{font-size:var(--blv-fs-xs)} :root .rp-tip span{font-size:var(--blv-fs-2xs)} :root .rp-note{font-size:var(--blv-fs-2xs)} :root .rp-donut__n{font-size:var(--blv-fs-3xl);font-weight:var(--blv-fw-strong)} :root .rp-donut__l{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-medium)} :root .rp-leg button{font-size:var(--blv-fs-sm)} :root .rp-leg small{font-size:var(--blv-fs-2xs)} :root .rp-ring text{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .rp-ring b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-md)} :root .rp-ring small{font-size:var(--blv-fs-xs)} :root .rp-hbars li{font-size:var(--blv-fs-sm)} :root .rp-hbars b{font-weight:var(--blv-fw-strong)} :root .rp-av{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .rp-mech li>div b{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .rp-mech li>span{font-size:var(--blv-fs-xs)} :root .rp-mech li>span b{font-size:var(--blv-fs-md)} :root .rp-mech small{font-size:var(--blv-fs-2xs)} @media (max-width:640px){ :root .rp-kpi b{font-size:var(--blv-fs-2xl)} } :root .ins-hint{font-size:var(--blv-fs-sm)} :root .ins-all{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .ins-leg{font-size:var(--blv-fs-xs)} :root .ins-g h3{font-size:var(--blv-fs-2xs);font-weight:var(--heading-font-weight,500)} :root .ins-n{font-size:var(--blv-fs-sm)} :root .ins-d{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .ins-x label{font-size:var(--blv-fs-2xs)} :root .ins-x input:not([type=file]){font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-regular)} :root .ins-kr em{font-size:var(--blv-fs-xs)} :root .ins-ph{font-size:var(--blv-fs-xs) !important} :root .ins-f__s b{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .ins-f__s span{font-size:var(--blv-fs-xs)} html:root body .blv-kb-f .pill{font-size:var(--blv-fs-2xs) !important} :root .gw-form legend{font-size:var(--blv-fs-2xs);font-weight:var(--heading-font-weight,500)} :root .gw-f{font-size:var(--blv-fs-xs)} :root .gw-f input,:root .gw-f select,:root .gw-f textarea{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-regular) !important} :root .gw-up b{font-size:var(--blv-fs-sm)} :root .gw-up small{font-size:var(--blv-fs-xs)} :root .gw-up em{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .gw-note{font-size:var(--blv-fs-xs)} :root .gw-err{font-size:var(--blv-fs-sm)} :root .gw-done h3{font-size:var(--blv-fs-2xl);font-weight:var(--heading-font-weight,500)} :root .gw-id{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .bk-f{font-size:var(--blv-fs-xs)} :root .bk-f input,:root .bk-f select{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-regular) !important} :root .bk-ig .bt-btn{font-size:var(--blv-fs-sm) !important} :root .bk-hint{font-size:var(--blv-fs-xs)} :root .bk-demo{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-medium)} :root .bk-up b{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .bk-up em{font-size:var(--blv-fs-xs)} html:root body .blv-kb-f .pill--svar i{font-size:var(--blv-fs-2xs)} :root .rv-help{font-size:var(--blv-fs-sm)} :root .rv-help summary{font-weight:var(--blv-fw-strong)} :root .rv-help code{font-size:var(--blv-fs-xs)} :root .rv-lab{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} html:root body .rv-rad{font-size:var(--blv-fs-sm)} :root .rv-hint{font-size:var(--blv-fs-xs)} :root .rv-seg button{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} html:root body .rv-ta{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-regular)} :root .rv-vars button{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root .rv-prev small{font-size:var(--blv-fs-2xs)} :root .rv-bub{font-size:var(--blv-fs-sm)} :root .rv-pol{font-size:var(--blv-fs-sm)} :root .rv-stat{font-size:var(--blv-fs-sm)} :root .rv-stat b{font-size:var(--blv-fs-xl)} :root .rv-stat em{font-size:var(--blv-fs-2xs)} :root .rv-fbq{font-size:var(--blv-fs-xs)} :root .rv-top{font-size:var(--blv-fs-2xs)} :root .rv-brand{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .rv-tabs{font-size:var(--blv-fs-2xs)} :root .rv-mail small{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-xs)} :root .rv-mail p{font-size:var(--blv-fs-sm)} :root .rv-g{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .rv-stars button{font-size:34px} :root .rv-in h3{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .rv-ok{font-size:var(--blv-fs-3xl)} :root .rv-url{font-size:var(--blv-fs-xs)} :root .rv-note{font-size:var(--blv-fs-2xs)} html:root body .rv-fbt{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-regular)} :root .rv-pub{font-size:var(--blv-fs-xs)} :root .rp-rvn{font-size:var(--blv-fs-xs)} :root .rp-rvn b{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .rp-rvl{font-size:var(--blv-fs-sm)} :root .rv-lnk{font-size:inherit;font-weight:inherit} :root .rv-sec{font-size:var(--blv-fs-2xs)} :root .rv-tap{font-size:var(--blv-fs-xs)} :root .rv-in h3{font-size:var(--blv-fs-xl) !important;font-weight:var(--blv-fw-strong) !important} html:root body .vd-hd h3{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .vd-who{font-size:var(--blv-fs-sm)} :root .vd-x{font-size:var(--blv-fs-lg)} :root .vd-ex{font-size:var(--blv-fs-md)} :root .vd-chip b{font-size:var(--blv-fs-2xl);font-weight:var(--blv-fw-strong)} :root .vd-chip span{font-size:var(--blv-fs-xs)} :root .vd-chip--c b{font-size:var(--blv-fs-lg)} :root .vd-cus label{font-size:var(--blv-fs-sm)} html:root body .vd-cus input{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-regular)} :root .vd-ic{font-size:var(--blv-fs-2xl)} :root .vd-res small{font-size:var(--blv-fs-2xs)} :root .vd-res b{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .vd-res span{font-size:var(--blv-fs-sm)} :root .vd-f{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .vd-f i{font-weight:var(--blv-fw-regular)} html:root body .vd-f input,html:root body .vd-pane input{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-regular)} :root .vd-pvh{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} html:root body .vd-tabs button{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .vd-to{font-size:var(--blv-fs-xs)} html:root body .vd-pane textarea{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-regular)} :root .vd-meta{font-size:var(--blv-fs-xs)} :root .vd-rs{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} html:root body .mk-av{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .mk-ava{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .mk-avc{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} html:root body .mk-h .bt-h{font-size:var(--blv-fs-2xl)} :root .mk-stats{font-size:var(--blv-fs-sm)} :root .mk-stats b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-md)} :root .mk-live{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .mk-link{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .mk-now__t b{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .mk-now__t span{font-size:var(--blv-fs-sm)} :root .mk-nx{font-size:var(--blv-fs-2xs) !important} :root .mk-chk__h{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} html:root body .mk-task{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-medium)} html:root body .mk-ins{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .mk-ins em{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} html:root body .mk-act .bt-btn{font-size:var(--blv-fs-lg)} html:root body .mk-f button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .mk-f button span{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .mk-swipe{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .mk-rt b{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .mk-rt span{font-size:var(--blv-fs-sm)} :root .mk-due{font-size:var(--blv-fs-xs)} :root .mk-due.late{font-weight:var(--blv-fw-strong)} :root .mk-tip{font-size:var(--blv-fs-xs)} :root .mk-empty{font-size:var(--blv-fs-sm)} :root .mk-done-l summary{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-md)} :root .mk-done-l summary span{font-size:var(--blv-fs-xs)} html:root body .mk-done-l li button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .mk-done-l li span{font-size:var(--blv-fs-xs)} :root .mk-done-l li em{font-size:var(--blv-fs-sm)} :root .bk-f--q input{font-size:var(--blv-fs-lg) !important} :root .bk-f--q>span{font-weight:var(--blv-fw-strong)} :root .bk-serial2 small{font-weight:var(--blv-fw-regular)} :root .kl-ck legend,:root .kl-sh{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .kl-ck label{font-size:var(--blv-fs-md)} :root .kl-pt{font-size:var(--blv-fs-sm)} :root .kl-pt .kl-tot td{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-lg)} :root .kl-jobs li{font-size:var(--blv-fs-sm)} :root .kl-jobs small{font-size:var(--blv-fs-xs)} :root .kl-jobs .kl-tot{font-weight:var(--blv-fw-strong)} :root .kl-ref{font-size:.95em} :root .kl-n{font-size:var(--blv-fs-sm)} :root .kl-n--ok{font-weight:var(--blv-fw-strong)} html:root body .vd-hd h3{font-weight:var(--heading-font-weight,500);font-size:var(--blv-fs-lg)} html:root body .bar .brand>span{font-size:var(--blv-fs-2xl)} html:root body .sv-d textarea{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-regular)} :root .sv-dc{font-size:var(--blv-fs-2xs)} :root .sv-dc--max{font-weight:var(--blv-fw-strong)} :root .ah-t th[scope=row]{font-weight:var(--blv-fw-strong)} :root .ah-tg{font-size:var(--blv-fs-sm)} :root .ah-tg--s{font-size:var(--blv-fs-sm)} html:root body .ah-tt input{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-regular)} :root .ah-l li{font-size:var(--blv-fs-sm)} :root .ah-l small{font-size:var(--blv-fs-xs)} :root .ah-add label{font-size:var(--blv-fs-xs)} :root .ah-mt{font-size:var(--blv-fs-sm)} html:root body .ah-day{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} @media (max-width:640px){ :root .ah-lu::before{font-size:var(--blv-fs-xs)} } :root .blv-chip-i{font-size:9px;font-weight:var(--blv-fw-strong)} :root .blv-chip--tip:hover::after,:root .blv-chip--tip:focus::after{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-regular)} :root .fchip--clr span{font-size:var(--blv-fs-lg)} :root .blv-svb{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .svar-man .muted{font-size:var(--blv-fs-sm)} :root .mappr-l small{font-size:var(--blv-fs-xs)} :root .mappr-l em{font-weight:var(--blv-fw-strong)} :root .mappr-c{font-size:var(--blv-fs-sm)} :root .mk-note h2{font-size:var(--blv-fs-xs);font-weight:var(--heading-font-weight,500)} :root .mk-note h2 em{font-size:var(--blv-fs-2xs)} :root .mk-note__t b{font-size:var(--blv-fs-sm)} :root .mk-note__t small{font-size:var(--blv-fs-xs)} :root .mk-x{font-size:var(--blv-fs-xl)} :root .blv-appr__h b{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-appr__h small{font-size:var(--blv-fs-sm)} :root .blv-appr__sum{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .blv-appr__sum small{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root .blv-appr__l li{font-size:var(--blv-fs-sm)} :root .blv-appr__l small{font-size:var(--blv-fs-xs)} :root .blv-appr__m{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .blv-appr__meta{font-size:var(--blv-fs-sm)} :root .blv-appr__meta .is-seen{font-weight:var(--blv-fw-strong)} :root .blv-appr__b .btn{font-size:var(--blv-fs-sm)} :root .blv-apb{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-rep-live{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-rep-live b{font-weight:var(--blv-fw-strong)} :root .blv-rep-live em{font-weight:var(--blv-fw-medium)} :root .blv-rep-live--h{font-size:var(--blv-fs-xs)} :root .blv-qa{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .rep-pk h3{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .rep-pk p{font-size:var(--blv-fs-md)} :root .rep-pk p span{font-size:var(--blv-fs-sm)} :root .rep-pk__m{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .rep-pk__m span{font-size:var(--blv-fs-xs)} :root .rep-pk__me{font-size:var(--blv-fs-sm)} :root .kl-l{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .kl-cust>div{font-size:var(--blv-fs-sm)} :root .kl-cust b{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .kl-mono{font-size:var(--blv-fs-xs)} :root .kl-tm{font-size:var(--blv-fs-sm) !important} :root .kl-st{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .kl-sm{font-size:var(--blv-fs-sm)} :root .kl-sm b{font-size:var(--blv-fs-md)} :root .kl-svc li{font-size:var(--blv-fs-sm)} :root .kl-svc b{font-weight:var(--blv-fw-strong)} :root .kl-svc small{font-size:var(--blv-fs-sm)} :root .kl-desc,:root .kl-notes p{font-size:var(--blv-fs-sm)} :root .kl-ins li{font-size:var(--blv-fs-sm)} :root .kl-ins em{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .kl-dotc{font-weight:var(--blv-fw-strong)} :root .kl-add li{font-size:var(--blv-fs-sm)} :root .kl-am{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .kl-an small{font-size:var(--blv-fs-xs)} :root .kl-ap{font-weight:var(--blv-fw-strong)} :root .kl-add li.is-no b{font-weight:var(--blv-fw-medium)} :root .kl-add li.is-no .kl-ap{font-weight:var(--blv-fw-medium)} :root .kl-none{font-size:var(--blv-fs-sm)} :root .kl-lines>summary{font-size:var(--blv-fs-sm)} :root .kl-lines .kl-pt{font-size:var(--blv-fs-sm)} :root .mk-id code{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .mk-id--l code{font-size:var(--blv-fs-sm)} :root .mk-fr{font-size:var(--blv-fs-xs) !important;font-weight:var(--blv-fw-medium) !important} :root .mk-now__t .mk-r1 b{font-size:var(--blv-fs-xl)} html:root body .mk .mk-srch input{font-size:var(--blv-fs-md) !important;font-weight:var(--blv-fw-medium) !important} :root .mk-sres{font-size:var(--blv-fs-sm)} @media (max-width:560px){ :root .mk-id code{font-size:var(--blv-fs-2xs)} } html:root body .bar .btn.hdr-drop{font-weight:var(--blv-fw-strong) !important} :root .hdr-drop kbd{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .hdr-drop__p{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-medium)} html:root body .blv-hero__eb{font-weight:var(--blv-fw-strong)} html:root body .blv-kpi span{font-weight:var(--blv-fw-medium)} html:root body .blv-kb-col h3{font-weight:var(--blv-fw-strong)} html:root body #chips .fchip{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-strong) !important} html:root body #chips .fchip b{font-size:var(--blv-fs-md) !important;font-weight:var(--blv-fw-strong) !important} html:root body #chips .fchip[aria-pressed=true]::after{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} html:root body .blv-wkt{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} html:root body .wk-nav{font-size:var(--blv-fs-2xl) !important;font-weight:var(--blv-fw-strong)} html:root body .wd-d{font-size:var(--blv-fs-xs) !important;font-weight:var(--blv-fw-strong) !important} html:root body .wd-n{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-medium)} html:root body .wd-n b{font-size:var(--blv-fs-3xl) !important;font-weight:var(--blv-fw-strong) !important} html:root body .wd::after{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} /* topbar.css */ :root .blv-hero__logo b{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-hero__logo span{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-tb-l,html:root body.blv-tb #chips::before{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} html:root body.blv-tb .blv-tb-act #q{font-size:var(--blv-fs-md)} html:root body.blv-tb .blv-tb-vis .blv-bmode button{font-size:var(--blv-fs-sm)} html:root body.blv-tb #chips .fchip{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-strong) !important} html:root body.blv-tb #chips .fchip b{font-size:var(--blv-fs-sm) !important} html:root body.blv-tb #chips .fchip[aria-pressed=true]::after{font-size:var(--blv-fs-2xs) !important} :root .blv-tb-wsum{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root .blv-tb-wsum b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} html:root body.blv-tb .top2 .wd-n b{font-size:var(--blv-fs-2xl) !important} @media (max-width:900px){ html:root body.blv-tb .top2 .wd-d{font-size:var(--blv-fs-sm) !important} html:root body.blv-tb .top2 .wd-n{font-size:var(--blv-fs-xs) !important} } @media (max-width:760px){ html:root body.blv-tb .blv-tb-act #q{font-size:var(--blv-fs-lg)} html:root body.blv-tb .top2 .wd-d{font-size:var(--blv-fs-2xs) !important} html:root body.blv-tb .top2 .wd-n{font-size:var(--blv-fs-2xs) !important} html:root body.blv-tb .top2 .wd-n b{font-size:var(--blv-fs-xl) !important} } @media (max-width:767px){ :root .blv-tb-vbtn{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .blv-tb-vbtn i{font-size:var(--blv-fs-2xs)} :root .blv-tb-vbadge{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .blv-tb-sht{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .blv-tb-shx{font-size:var(--blv-fs-3xl)} html:root body.blv-tb .blv-tb-shl{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} html:root body.blv-tb .blv-tb-more .blv-vt button{font-size:var(--blv-fs-md) !important} html:root body.blv-tb .blv-tb-more .blv-bmode button{font-size:var(--blv-fs-md)} html:root body.blv-tb .blv-tb-more .blv-plf select{font-size:var(--blv-fs-lg)} html:root body.blv-tb .blv-tb-more .blv-cols-btn{font-size:var(--blv-fs-md) !important} html:root body.blv-tb .blv-tb-colsx{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .blv-tb-colsx small{font-weight:var(--blv-fw-medium);font-size:var(--blv-fs-xs)} html:root body.blv-tb .blv-tb-act .btn,html:root body.blv-tb .blv-tb-act .blv-kbt__b,html:root body.blv-tb .blv-tb-act .blv-place-btn{font-size:0 !important} html:root body.blv-tb .blv-tb-act .btn>span:not(.hdr-drop__p),html:root body.blv-tb .blv-tb-act .blv-kbt__b>span{font-size:0 !important} html:root body.blv-tb .blv-tb-act .hdr-drop__p{font-size:var(--blv-fs-2xl) !important;font-weight:var(--blv-fw-strong) !important} html:root body.blv-tb .blv-tb-act [data-tb-s]::after{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} } :root .blv-tb-ri{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .blv-tb-rt{font-size:var(--blv-fs-sm)} :root .blv-tb-rt b{font-weight:var(--blv-fw-strong)} :root .blv-tb-rn{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-tb-rv b{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-tb-rv small{font-size:var(--blv-fs-xs)} :root .blv-tb-rs.is-out .blv-tb-rv b{font-weight:var(--blv-fw-strong)} @media (max-width:767px){ :root .blv-tb-rt{font-size:var(--blv-fs-sm)} :root .blv-tb-rv b{font-size:var(--blv-fs-md)} } /* jobcard.css */ html:root body #panel .ph .pbc .jc-bl{font-size:inherit;font-weight:inherit} html:root body #panel .ph .jc-bl small{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} html:root body #panel .ph .jc-bl code{font-size:var(--blv-fs-2xl);font-weight:var(--blv-fw-strong)} html:root body #panel .ph .jc-copy{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} html:root body #panel .ph .pbc .jc-copy span,html:root body #panel .ph .pbc .jc-blrow{font-size:inherit;font-weight:inherit} @container jcpanel (min-width:540px){ html:root body #panel .ph .jc-bl code{font-size:var(--blv-fs-2xl)} html:root body #panel .ph .jc-wrap .jc-bl code{font-size:var(--blv-fs-2xl)} } @media (max-width:560px){ html:root body #panel .ph .jc-bl code{font-size:var(--blv-fs-2xl)} } html:root body #pb .jc-tile{font-size:inherit;font-weight:inherit} html:root body #pb .jc-tx b{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} html:root body #pb .jc-tx small{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-regular)} html:root body #pb .jc-chev{font-size:var(--blv-fs-2xl);font-weight:var(--blv-fw-medium)} html:root body #pb .jc-ist{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} html:root body #pb .jc-chip{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} html:root body .mk-rowin .mk-r1>b{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} html:root body .mk-rowin .mk-rt>span:not(.mk-r1):not(.mk-fr){font-size:var(--blv-fs-sm)} html:root body .mk-rowin .mk-fr{font-size:var(--blv-fs-xs) !important} html:root body .mk-rowin .mk-id code,html:root body .mk-done-l .mk-id code{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} html:root body .jc-pill{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} html:root body .mk-rowin .mk-due{font-size:var(--blv-fs-sm)} @container jcrows (max-width:520px){ html:root body .mk-rowin .mk-id code{font-size:var(--blv-fs-xl)} html:root body .mk-row .mk-go{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} } html:root body .mk-done-l .mk-id code{font-size:var(--blv-fs-sm)} html:root body .mk-now__t .mk-id--l code{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} /* plass.css */ :root .blv-loc{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .blv-kbt__b{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-kbt__n{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .blv-kbt__f{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-kbt__f button{font-size:var(--blv-fs-xl)} :root .blv-plf{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-plf select{font-size:inherit;font-weight:inherit} :root .blv-plf>i{font-size:var(--blv-fs-2xs)} :root .blv-plf__x{font-size:var(--blv-fs-xl)} :root .blv-plm__c{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-regular)} :root .blv-plm__h h2{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .blv-plm__h p{font-size:var(--blv-fs-sm)} :root .blv-plm__tip{font-size:var(--blv-fs-sm)} :root .blv-btn2{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .blv-lnk{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-plcol__n b{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .blv-plcol__n small{font-size:var(--blv-fs-xs)} :root .blv-sw em{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-plsel select{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .blv-plsel>i{font-size:var(--blv-fs-2xs)} :root .blv-plp-sec__m{font-size:var(--blv-fs-sm)} :root .blv-pls__locs legend,:root .blv-pls__f>label{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-pls__lg button{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .blv-pls__lg button small{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root .blv-pls__none,:root .blv-pls__empty{font-size:var(--blv-fs-sm)} :root .blv-pls__pend{font-size:var(--blv-fs-sm)} :root .blv-pls__pend code{font-size:var(--blv-fs-xs)} :root .blv-pls__ir input{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-pls__cam{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-pls__auto{font-size:var(--blv-fs-sm)} :root .blv-pls__st{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .blv-pls__log h3{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-pls__log h3 span{font-size:var(--blv-fs-xs)} :root .blv-pls__ok{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} :root .blv-pls__t b{font-size:var(--blv-fs-sm)} :root .blv-pls__t small{font-size:var(--blv-fs-xs)} :root .blv-pls__mv{font-size:var(--blv-fs-sm)} :root .blv-pls__sum{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-plset__sum{font-size:var(--blv-fs-sm)} :root .blv-plset__i{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-plset__n input{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-plset__c{font-size:var(--blv-fs-sm)} :root .blv-plset__c em{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .blv-plset__a>button[data-pllbl],:root .blv-plset__a>button[data-pdlbl]{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-plset__add label,:root .blv-plset__def{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-plset__err{font-size:var(--blv-fs-sm)} :root .blv-plset__def small{font-weight:var(--blv-fw-regular)} :root .blv-plset2__how{font-size:var(--blv-fs-sm)} :root .blv-plp__bar>div:first-child{font-size:var(--blv-fs-md)} :root .blv-plp__fmt button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-lbl header{font-size:9pt} :root .blv-lbl__k{font-weight:var(--blv-fw-strong);font-size:8pt} :root .blv-lbl h2{font-size:24pt;font-weight:var(--blv-fw-strong)} :root .blv-plp__sheet[data-fmt=tag] .blv-lbl h2{font-size:20pt} :root .blv-lbl__bc code{font-size:7.5pt;font-weight:var(--blv-fw-medium)} :root .blv-lbl p{font-size:8pt} :root .blv-act-place small{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} @media (max-width:900px){ :root .v4-idag .blv-act-place b{font-size:var(--blv-fs-lg)} } :root .blv-benk-place{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-benk-place small{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root .blv-bj-place{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-bj-place em{font-weight:var(--blv-fw-medium)} :root .blv-bmode button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} @media (max-width:640px){ :root .blv-bmode button{font-size:var(--blv-fs-md)} } :root .blv-stp{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .blv-ptabs button{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .blv-dstock select{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-hentes{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-plukk-btn{font-weight:var(--blv-fw-strong)} :root .blv-shelf__q{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-shelf em{font-size:var(--blv-fs-2xs)} :root .blv-pfind__w{font-size:var(--blv-fs-xl)} :root .blv-pfind__w small{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-lbl--part h2{font-size:var(--blv-fs-xl)} :root .blv-lbl__where{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-lbl__meta{font-size:var(--blv-fs-xs)} :root .blv-plhd__t{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-plhd__t b{font-weight:var(--blv-fw-strong)} :root .blv-plhd__t span{font-weight:var(--blv-fw-medium)} :root .blv-btn2--sm{font-size:var(--blv-fs-sm)} :root .blv-plgrp{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root button.blv-plset__c{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-plex__e{font-size:var(--blv-fs-sm)} :root .blv-plex__j{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .blv-plex__j b{font-weight:650} :root .blv-plex__j code{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .blv-plex__j em{font-weight:var(--blv-fw-strong)} :root .blv-pltpl>span{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-chipbtn{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-hyn input,:root .blv-rack input{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-steps i{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-steps b{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .blv-steps small{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-regular)} :root .blv-pdnew h3{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .blv-pdnew label{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .blv-pdnew label span{font-weight:var(--blv-fw-medium)} :root .blv-pdnew input,:root .blv-pdnew select{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-medium)} :root .blv-pdnew__shelf{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-medium)} :root .blv-pdnew__err{font-size:var(--blv-fs-sm)} @media (max-width:340px){ :root button.blv-plset__c{font-size:var(--blv-fs-xs)} } /* pickup.css */ :root .pk h4{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .pk-hd__t b{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .pk-hd__t small{font-size:var(--blv-fs-sm)} :root .pk-st{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .pk-hp .pk-st{font-size:var(--blv-fs-xs)} :root .pk-facts dt{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .pk-facts dd{font-size:var(--blv-fs-md)} :root .pk-facts dd b{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .pk-facts dd a{font-weight:var(--blv-fw-strong)} :root .pk-facts code{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .pk-ord__h code{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .pk-t{font-size:var(--blv-fs-md)} :root .pk-t thead th{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .pk-t td small{font-size:var(--blv-fs-xs)} :root .pk-g th{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .pk-t tfoot th{font-weight:var(--blv-fw-medium)} :root .pk .pk-t .pk-tot>th,:root .pk .pk-t .pk-tot>td{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong) !important} :root .pk-vat th,:root .pk-vat td{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .pk-dctl label{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .pk-dctl input{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-lg)} :root .pk-est{font-size:var(--blv-fs-sm)} :root .pk-est__p{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} :root .pk-btn{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .pk-btn--s{font-size:var(--blv-fs-sm)} :root .pk-btn--xl b{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .pk-btn--xl small{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .pk-link{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .pk-prov{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .pk-prov select{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-md)} :root .pk-hint{font-size:var(--blv-fs-sm)} :root .pk-open b,:root .pk-paid b{font-size:var(--blv-fs-lg)} :root .pk-open small,:root .pk-paid small{font-size:var(--blv-fs-sm)} :root .pk-open strong,:root .pk-paid strong{font-size:var(--blv-fs-xl)} :root .pk-warn{font-size:var(--blv-fs-sm)} :root .pk-mock__h{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .pk-mock__h small{font-weight:var(--blv-fw-medium)} :root .pk-till__l{font-size:var(--blv-fs-md)} :root .pk-till__t{font-weight:var(--blv-fw-strong)} :root .pk-man label{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .pk-man select,:root .pk-man input{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-lg)} :root .pk-err{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} @media (max-width:560px){ :root .pk-hd__t b{font-size:var(--blv-fs-xl)} :root .pk-t{font-size:var(--blv-fs-sm)} } :root .pk-kb .pk-st{font-size:var(--blv-fs-xs)} :root .pk-kb__t{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .pk-dlg h3{font-size:var(--blv-fs-2xl)} :root .pk-dlg__p{font-size:var(--blv-fs-md)} :root .pk-dlg__w{font-size:var(--blv-fs-sm)} :root .pk-dlg__rs legend{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} :root .pk-rad{font-size:var(--blv-fs-lg)} :root .pk-dlg__n{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .pk-dlg__n textarea{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-lg)} :root .pk-set__d{font-size:var(--blv-fs-md)} :root .pk-step{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .pk-seg span,:root .pk-ch span{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .pk-mode__t b{font-size:var(--blv-fs-lg)} :root .pk-mode__t small{font-size:var(--blv-fs-sm)} :root .pk-set__sub h3,:root .pk-help h3,:root .pk-ed__h{font-size:var(--blv-fs-lg)} :root .pk-set__g label,:root .pk-ed__f label{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .pk-set__g select,:root .pk-ed__f input,:root .pk-ed__f textarea{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-lg)} :root .pk-chk span{font-size:var(--blv-fs-md)} :root .pk-chk small{font-size:var(--blv-fs-sm)} :root .pk-demo{font-size:var(--blv-fs-sm)} :root .pk-help ul{font-size:var(--blv-fs-md)} :root .pk-tabs [role=tab]{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .pk-lg [role=radio]{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .pk-ed__f code{font-size:var(--blv-fs-xs)} :root .pk-pv__l{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .pk-sms{font-size:var(--blv-fs-md)} :root .pk-klnote{font-size:var(--blv-fs-sm)} /* kalender.css */ :root .kp-lab{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-medium)} :root .kp-ib{font-size:var(--blv-fs-2xl)} :root .kp-seg button{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .kp-alt,:root .kp-back{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .kp-trh{font-size:inherit;font-weight:inherit} :root .kp-trh b{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-medium)} :root .kp-n{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .kp-hint{font-size:var(--blv-fs-xs)} :root .kp-empty{font-size:var(--blv-fs-sm)} :root .kp-tm{font-size:var(--blv-fs-xs)} :root .kp-job{font-size:inherit;font-weight:inherit} :root .kp-jt{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .kp-jt b{font-weight:var(--blv-fw-strong)} :root .kp-js{font-size:var(--blv-fs-xs)} :root .kp-av{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .kp-week thead th{font-weight:var(--blv-fw-medium)} :root .kp-week thead th small{font-size:var(--blv-fs-xs)} :root .kp-week tbody th b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} :root .kp-dl{font-size:inherit;font-weight:inherit} :root .kp-dl span{font-size:var(--blv-fs-sm)} :root .kp-dl b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} :root .kp-wm{font-size:var(--blv-fs-2xs)} :root .kp-off2{font-size:var(--blv-fs-xs)} :root .kp-dh .kp-nc{font-size:var(--blv-fs-xs)} :root .kp-hrs span{font-size:var(--blv-fs-xs)} :root .kp-nn b{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .kp-nn small{font-size:var(--blv-fs-xs)} :root .kp-lunch{font-size:var(--blv-fs-2xs)} :root .kp-off{font-size:var(--blv-fs-xs)} :root .kp-tip{font-size:var(--blv-fs-2xs)} :root .kp-utl{font-size:var(--blv-fs-xs)} :root .kp-dlgh h2{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-medium)} :root .kp-dlgj{font-size:var(--blv-fs-sm)} :root .kp-dlgj span{font-size:var(--blv-fs-sm)} :root .kp-dlgp label{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .kp-dlgp select,:root .kp-dlgp input{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-regular)} :root .kp-dlgn{font-size:var(--blv-fs-xs)} :root .kp-utn{font-size:var(--blv-fs-xs)} /* mekanikere.css */ :root .mk-av{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .mk-nm input{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .mk-sum{font-size:var(--blv-fs-sm)} :root .mk-cal{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .mk-sl{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .mk-sl b{font-weight:var(--blv-fw-strong)} :root .mk-sl small{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-regular)} :root .mk-sw{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .mk-wkh{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-medium)} :root .mk-wkh small{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-regular)} :root .mk-dt{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .mk-dh{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .mk-cl{font-size:var(--blv-fs-xs)} :root .mk-mn b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-sm)} :root .mk-gh span{font-size:var(--blv-fs-2xs)} :root .mk-c{font-size:inherit;font-weight:inherit} :root .mk-cn{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .mk-ch2{font-size:var(--blv-fs-xs)} :root .mk-tg{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .mk-leg{font-size:var(--blv-fs-xs)} @media (max-width:768px){ :root .mk-dt{font-size:var(--blv-fs-xs)} :root .mk-dh{font-size:var(--blv-fs-xs)} :root .mk-tg{font-size:9px} } :root #blv-pane .mk-nm input{font-size:var(--blv-fs-lg) !important;font-weight:var(--blv-fw-strong) !important} :root #blv-pane .mk-dh{font-size:var(--blv-fs-sm) !important;font-weight:var(--blv-fw-medium) !important} /* statuser.css */ :root .stx-g{font-size:var(--blv-fs-md)} :root .stx-mv button{font-size:9px} :root #blv-pane .stx-n input{font-size:var(--blv-fs-md) !important;font-weight:var(--blv-fw-medium) !important} :root .stx-d{font-size:var(--blv-fs-xs)} :root .stx-cnt{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .stx-sw{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-medium)} :root .stx-fx{font-size:var(--blv-fs-xs)} :root .stx-pvl{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-medium)} :root .stx-chip{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .stx-note{font-size:var(--blv-fs-xs)} /* innst.css */ :root .stg-h{font-size:var(--blv-fs-xs,12px);font-weight:var(--blv-fw-strong,600)} :root .stg-r{font-size:inherit;font-weight:inherit} :root .stg-tx b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-lg)} :root .stg-tx span{font-size:var(--blv-fs-sm)} :root .stg-st{font-size:var(--blv-fs-sm)} :root .stg-go{font-size:var(--blv-fs-2xl)} :root .stg-note{font-size:var(--blv-fs-sm)} :root .stg-logo{font-weight:var(--blv-fw-strong,600);font-size:var(--blv-fs-xl,18px)} :root .stg-pill{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} :root .stg-tile__n{font-size:var(--blv-fs-lg,16px);font-weight:var(--blv-fw-strong,600)} :root .stg-tile__d{font-size:var(--blv-fs-sm)} :root .stg-tile__s{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .stg-more{font-size:inherit;font-weight:inherit;font-weight:var(--blv-fw-strong)} :root .stg-back{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .stg-sub__h{font-size:var(--blv-fs-2xl)} :root .stg-sub__d{font-size:var(--blv-fs-md)} :root .stg-tab[aria-current=page]{font-weight:var(--blv-fw-strong,600)} :root .stg-ar{font-size:var(--blv-fs-xl)} :root .stg-g[aria-current]{font-weight:var(--blv-fw-strong,600)} :root .stg-sum{font-size:var(--blv-fs-md,14px)} :root .stg-sum b{font-weight:var(--blv-fw-strong,600);font-size:var(--blv-fs-lg,16px)} :root .stg-pc__t b{font-weight:var(--blv-fw-strong,600);font-size:var(--blv-fs-md,14px)} :root .stg-pc__t span{font-size:var(--blv-fs-xs,12px)} :root .stg-pc__go{font-size:var(--blv-fs-2xl)} :root .stg-lg{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong,600)} :root .stg-lg--b{font-size:var(--blv-fs-lg)} :root .stg-pl__d{font-size:var(--blv-fs-sm,13px)} :root .stg-pv__x{font-size:var(--blv-fs-lg)} :root .stg-pv__b{font-size:var(--blv-fs-md,14px)} :root .stg-pv__d{font-size:var(--blv-fs-md,14px)} :root .stg-pv__res{font-size:var(--blv-fs-sm,13px)} :root .stg-pv__demo,:root .stg-pv__sec{font-size:var(--blv-fs-xs,12px)} :root #blv-pane .stg-kr__go{font-size:var(--blv-fs-xl,18px)} :root #blv-pane .stg-kn{font-size:var(--blv-fs-sm,13px)} :root #blv-pane .stg-kauto{font-size:var(--blv-fs-xs,12px)} /* meldinger.css */ :root .msx-p{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .msx-note{font-size:var(--blv-fs-sm)} :root .msx-k b{font-size:var(--blv-fs-3xl);font-weight:var(--blv-fw-strong,600)} :root .msx-k span{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .msx-k small{font-size:var(--blv-fs-xs)} :root .msx-h{font-size:var(--blv-fs-xs,12px);font-weight:var(--blv-fw-strong,600)} :root .msx-r{font-size:inherit;font-weight:inherit} :root .msx-rt b{font-weight:var(--blv-fw-strong);font-size:var(--blv-fs-lg)} :root .msx-rt span{font-size:var(--blv-fs-sm)} :root .msx-go{font-size:var(--blv-fs-2xl)} :root .msx-j{font-size:inherit;font-weight:inherit;font-weight:var(--blv-fw-strong)} :root .msx-s{font-size:var(--blv-fs-xs);font-weight:var(--blv-fw-strong)} @media (max-width:700px){ :root .msx-k b{font-size:var(--blv-fs-3xl)} } /* godkjenning.css */ :root .gd-big b{font-size:var(--blv-fs-lg,16px) !important} @media (min-width:901px){ :root .gd-big b{font-size:var(--blv-fs-xl,18px) !important} } :root .gd-mut{font-size:var(--blv-fs-xs,12px)} :root .gd-mono{font-size:.95em} :root .gd-ntl__r small{font-size:var(--blv-fs-xs,12px)} :root .gd-bdg{font-size:var(--blv-fs-2xs);font-weight:var(--blv-fw-strong)} :root .gd-pop b{font-weight:var(--blv-fw-strong)} :root .gd-pop small{font-size:var(--blv-fs-xs,12px)} :root .gd-pop__x{font-size:var(--blv-fs-2xl)} :root .gd-hent__pr{font-size:var(--blv-fs-sm,13px)} :root .gd-hscan input{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-medium)} :root .gd-pl__t small{font-size:var(--blv-fs-xs,12px)} :root .gd-dash__h small{font-size:var(--blv-fs-xs,12px)} :root .gd-dash__t small{font-size:var(--blv-fs-xs,12px)} :root .gd-empty{font-size:var(--blv-fs-md,14px)} :root .gd-ln__h small{font-size:var(--blv-fs-xs,12px)} :root .gd-part__t small{font-size:var(--blv-fs-xs,12px)} :root .gd-part__a .v4-lnk{font-size:var(--blv-fs-xs,12px)} :root .gd-pick__r input{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-medium)} :root .gd-hits button{font-size:inherit;font-weight:inherit} :root .gd-hits small{font-size:var(--blv-fs-xs,12px)} :root .gd-qty{font-size:var(--blv-fs-xs,12px)} :root .gd-qty button{font-size:var(--blv-fs-xl);font-weight:var(--blv-fw-strong)} :root .gd-kr{font-size:var(--blv-fs-xs,12px)} :root .gd-kr input{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .gd-sum>div{font-size:var(--blv-fs-md,14px)} :root .gd-sum b{font-weight:var(--blv-fw-strong)} :root .gd-sum__t{font-size:var(--blv-fs-lg,16px) !important} :root .gd-sum__t small{font-size:var(--blv-fs-xs,12px);font-weight:var(--blv-fw-regular)} :root .gd-wait small{font-size:var(--blv-fs-xs,12px)} :root .gd-set__in input{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .gd-demo__sms{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-regular)} :root .gd-demo__late{font-size:var(--blv-fs-sm)} :root .gd-demo__how{font-size:var(--blv-fs-sm)} :root .gd-conf{font-size:var(--blv-fs-sm,13px);font-weight:var(--blv-fw-medium,500)} :root .gd-conf--none{font-weight:var(--blv-fw-regular)} :root .gd-fp summary{font-weight:var(--blv-fw-semibold,600)} :root .gd-fch{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-md)} :root .gd-fp__ol{font-weight:var(--blv-fw-semibold,600);font-size:var(--blv-fs-md)} :root .gd-seg button{font-size:inherit;font-weight:inherit;font-size:var(--blv-fs-md)} :root .gd-rm{font-size:var(--blv-fs-xl)} /* scan.js (injisert) */ :root body.sc-body{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-regular)} :root .sc-h b{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .sc-dot{font-size:var(--blv-fs-xs)} :root .sc-seg button{font-size:var(--blv-fs-md);font-weight:var(--blv-fw-strong)} :root .sc-cam button{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .sc-cam p{font-size:var(--blv-fs-sm)} :root .sc-man input{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-medium)} :root .sc-man button{font-size:var(--blv-fs-lg);font-weight:var(--blv-fw-strong)} :root .sc-l li{font-size:var(--blv-fs-md)} :root .sc-l code{font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong)} :root .sc-l small{font-size:var(--blv-fs-xs)} :root .sc-note{font-size:var(--blv-fs-xs)} /* ============================ Del 3: komponenter ============================ */ /* grunnlag: én familie, tabelltall, skjemaelementer arver font (noen sto i Arial) */ html:root body{font-family:var(--blv-font);font-size:var(--blv-fs-body);font-variant-numeric:var(--blv-num)} :where(button,input,select,textarea,optgroup){font-family:inherit} :where(b,strong,th){font-weight:var(--blv-fw-strong)} /* ---------- etiketter i VERSALER: én stil overalt ---------- */ :root body .blv-tb-l,html:root body.blv-tb #chips::before, :root body #pb .sec>h4,:root body .pk-ord__h h4,:root body .pk-facts dt,:root body .pk table thead th,:root body .pk table .pk-g th, :root body #list .rhead span,:root body .blv-dsum__c small,:root body .jc-bl small, :root body .blv-hero__eb,:root body .blv-fv__eb,:root body .blv-pls__locs>legend,:root body .blv-pls__f>label,:root body .blv-pls__log>h3{ font-size:var(--blv-fs-label)!important;font-weight:var(--blv-fw-strong)!important;letter-spacing:var(--blv-ls-label)!important;line-height:var(--blv-lh-tight)} /* store merkevare-overskrifter (Jost) – samme sperring */ :root body .blv-hero__t h1,:root body #blv-pane .bt-h,:root body #blv-pane .bt-h3{letter-spacing:var(--blv-ls-head)!important} /* ---------- tavle: samme rutenett for kolonner og omsetningsstripe ---------- */ @media (min-width:700px){ :root body .blv-kb{grid-auto-columns:minmax(var(--blv-col-min),var(--blv-col-max));column-gap:var(--blv-col-gap);padding-left:var(--blv-board-px);padding-right:var(--blv-board-px)} } :root body .blv-kb-col{border-radius:var(--blv-r-card);padding:var(--blv-card-pad)} /* kolonneoverskrift = samme stil som omsetningsstripen (setningsform, 13/600) */ html:root body .blv-kb-col h3{font-family:var(--blv-font-head)!important;font-size:var(--blv-fs-title)!important;font-weight:var(--blv-fw-head)!important;line-height:var(--blv-lh-tight)!important; letter-spacing:var(--blv-ls-0)!important;text-transform:none!important;min-height:var(--blv-col-head-h);box-sizing:border-box;padding:6px 10px!important;margin:calc(-1*var(--blv-card-pad)) calc(-1*var(--blv-card-pad)) var(--blv-card-pad)!important;gap:6px;justify-content:flex-start!important} html:root body .blv-kb-col h3 em{margin-left:auto;flex:none;display:inline-grid;place-items:center;min-width:22px;height:var(--blv-chip-h);padding:0 7px;box-sizing:border-box;border-radius:var(--blv-r-pill); font:var(--blv-fw-strong) var(--blv-fs-2xs)/1 var(--blv-font)!important;font-variant-numeric:var(--blv-num)} html:root body .blv-kb-col h3 .blv-cg{flex:none} #blv-delay-col .blv-fv-dsub{font-size:var(--blv-fs-xs)!important;font-weight:var(--blv-fw-strong)!important;line-height:var(--blv-lh-snug)!important;margin:0 0 var(--blv-card-pad)!important} /* omsetningsstripe: følger kolonnene (samme spor, mellomrom og innrykk som tavla) */ :root body .blv-tb-rev{padding-left:var(--blv-board-px);padding-right:var(--blv-board-px);font-family:var(--blv-font)} :root body .blv-tb-rh{padding:0 0 6px!important;gap:8px} :root body .blv-tb-rt{font-size:var(--blv-fs-sm)!important;color:var(--blv-muted,#5b6575)} :root body .blv-tb-rt b{font-weight:var(--blv-fw-strong)!important;color:var(--blv-ink,#1e293b)} :root body .blv-tb-rs{padding:8px 10px!important;gap:2px;border-radius:var(--blv-r-card)!important;min-width:0} :root body .blv-tb-rn{font-size:var(--blv-fs-title)!important;font-weight:var(--blv-fw-strong)!important;line-height:var(--blv-lh-tight)!important;letter-spacing:0;text-transform:none} :root body .blv-tb-rv{flex-wrap:nowrap!important;min-width:0} :root body .blv-tb-rv b{font-size:var(--blv-fs-number)!important;font-weight:var(--blv-fw-strong)!important;line-height:var(--blv-lh-tight)!important;white-space:nowrap} :root body .blv-tb-rv small{font-size:var(--blv-fs-xs)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media (min-width:700px){ :root body .blv-tb-rev:has(+ #blv-kb:not([hidden])){container-type:inline-size;overflow:hidden} :root body .blv-tb-rev:has(+ #blv-kb:not([hidden])) .blv-tb-rg{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(var(--blv-col-min),var(--blv-col-max));column-gap:var(--blv-col-gap)!important;padding-left:0!important;padding-right:0!important} body.blv-kb-filt .blv-tb-rev:has(+ #blv-kb:not([hidden])) .blv-tb-rg,body.blv-kb-filt .blv-kb{justify-content:start} /* når tavla ruller sidelengs: stripa følger rullingen (scroll-drevet animasjon) */ @supports (animation-timeline:--a) and (timeline-scope:--a){ :root :has(> #blv-kb){timeline-scope:--blv-kbx} :root body #blv-kb{scroll-timeline:--blv-kbx inline} :root body .blv-tb-rev:has(+ #blv-kb:not([hidden])) .blv-tb-rg{--blv-kbn:var(--blv-cols,6); --blv-kbd:max(0px,calc(var(--blv-kbn) * (var(--blv-col-min) + var(--blv-col-gap)) - var(--blv-col-gap) - 100cqw)); animation:blv-kbx linear both;animation-timeline:--blv-kbx} } @supports not ((animation-timeline:--a) and (timeline-scope:--a)){ :root body .blv-tb-rev:has(+ #blv-kb:not([hidden])){overflow-x:auto} } } @keyframes blv-kbx{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--blv-kbd,0px)))}} :root :has(> #blv-kb[data-n="2"]){--blv-cols:2} :root :has(> #blv-kb[data-n="3"]){--blv-cols:3} :root :has(> #blv-kb[data-n="4"]){--blv-cols:4} :root :has(> #blv-kb[data-n="5"]){--blv-cols:5} :root :has(> #blv-kb[data-n="6"]){--blv-cols:6} :root :has(> #blv-kb[data-n="7"]){--blv-cols:7} :root :has(> #blv-kb[data-n="8"]){--blv-cols:8} :root :has(> #blv-kb[data-n="9"]){--blv-cols:9} :root :has(> #blv-kb[data-n="10"]){--blv-cols:10} :root :has(> #blv-kb[data-n="11"]){--blv-cols:11} :root :has(> #blv-kb[data-n="12"]){--blv-cols:12} /* ---------- jobbkort: likt i alle kolonner ---------- */ html:root body .blv-kb-card{padding:var(--blv-card-pad)!important;gap:var(--blv-card-gap);border-radius:var(--blv-r-card)!important;margin-bottom:var(--blv-card-gap);line-height:var(--blv-lh-snug)} html:root body .blv-kb-b b{font-size:var(--blv-fs-sm)!important;font-weight:var(--blv-fw-strong)!important;line-height:var(--blv-lh-snug)} html:root body .blv-kb-b small{font-size:var(--blv-fs-xs)!important;font-weight:var(--blv-fw-regular);line-height:var(--blv-lh-snug)} html:root body .blv-kb-b>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} html:root body .blv-kb-f{font-size:var(--blv-fs-xs)!important;line-height:var(--blv-lh-tight);min-height:30px;box-sizing:border-box;padding-top:var(--blv-card-gap)!important;gap:6px} html:root body .blv-kb-f .due{font-weight:var(--blv-fw-medium)} html:root body .blv-kb-f .due.late{font-weight:var(--blv-fw-strong)} html:root body .blv-av{width:22px!important;height:22px!important;font:var(--blv-fw-strong) var(--blv-fs-2xs)/1 var(--blv-font)!important;letter-spacing:0} /* chips: én høyde, størrelse og radius (plassering, overslag, betaling, venter svar, beholdes, forsinket, pause/timer) */ html:root body .blv-kb-card .blv-loc,html:root body .blv-kb-card .blv-svb,html:root body .blv-kb-card .pk-st,html:root body .blv-kb-f .pill, html:root body .blv-kb-card .blv-fv-keep,html:root body .blv-kb-card .blv-fv-dbadge,html:root body .blv-kb-card .blv-rep-live,html:root body .blv-kb-f .fx-ringw,html:root body .blv-kb-f .blv-paid{ box-sizing:border-box;min-height:0!important;height:var(--blv-chip-h)!important;padding:0 var(--blv-chip-px)!important;border-radius:var(--blv-r-pill)!important; font-family:var(--blv-font)!important;font-size:var(--blv-fs-2xs)!important;font-weight:var(--blv-fw-strong)!important;line-height:1!important;letter-spacing:0!important; display:inline-flex!important;align-items:center;gap:4px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis} html:root body .blv-kb-f .fx-ringw{padding:0 6px 0 1px!important} html:root body .blv-kb-f .blv-paid{padding:0!important;height:auto!important} html:root body .blv-kb-card .blv-loc{margin-top:4px} html:root body .blv-kb-card .pk-kb{margin:2px 0 0!important;padding:4px 6px 4px 4px!important;border-radius:var(--blv-r-btn-sm)!important;min-height:28px;box-sizing:border-box} html:root body .blv-kb-card .pk-kb__t{font-size:var(--blv-fs-sm)!important;font-weight:var(--blv-fw-strong)!important;font-variant-numeric:var(--blv-num)} /* knapper i kort: lik høyde og radius */ html:root body .blv-kb-card .blv-qa{min-height:var(--blv-btn-h-sm)!important;height:var(--blv-btn-h-sm);min-width:var(--blv-btn-h-sm)!important;padding:0 12px;border-radius:var(--blv-r-btn-sm)!important;font:var(--blv-fw-strong) var(--blv-fs-xs)/1 var(--blv-font)!important;white-space:nowrap} html:root body .blv-kb-card .blv-qa[data-rep="pause"]{padding:0!important;width:var(--blv-btn-h-sm)} html:root body .blv-kb-rep{margin-top:0!important;min-height:0} html:root body .blv-kb-card .blv-rep-live b{font-weight:var(--blv-fw-strong)!important} /* «Forsinket – sykdom»: samme kortbredde/innrykk som de andre kolonnene */ html:root body .blv-kb-card.blv-fv-dc{border-left-width:1px!important} html:root body .blv-kb-card.blv-fv-dc .blv-fv-dchk{top:var(--blv-card-pad)!important;right:var(--blv-card-pad)!important;padding:0!important;min-height:0!important;background:none!important} html:root body .blv-kb-card.blv-fv-dc .blv-fv-dchk input{width:18px!important;height:18px!important} html:root body .blv-kb-card.blv-fv-dc .blv-kb-f{flex-wrap:wrap!important;row-gap:6px} html:root body .blv-kb-card.blv-fv-dc .blv-kb-f .due{flex:1 1 100%} html:root body .blv-kb-card.blv-fv-dc .blv-fv-dday{flex:1 1 auto;min-width:0;display:flex} html:root body .blv-kb-card.blv-fv-dc .blv-fv-dday select{width:100%;max-width:none!important;min-height:var(--blv-btn-h-sm)!important;height:var(--blv-btn-h-sm);font-size:var(--blv-fs-xs)!important;border-radius:var(--blv-r-btn-sm)!important;text-overflow:ellipsis} #blv-delay-col .blv-fv-dbar{margin:var(--blv-card-gap) 0 0!important;padding:var(--blv-card-gap) 0 0!important;gap:6px} #blv-delay-col .blv-fv-dbar .blv-fv-dchk--all{min-height:28px;font-size:var(--blv-fs-xs)!important} html:root body #blv-delay-col .blv-fv-dbar .blv-fv-btn{min-height:var(--blv-btn-h)!important;padding:0 10px!important;border-radius:var(--blv-r-btn)!important;font-size:var(--blv-fs-sm)!important;font-weight:var(--blv-fw-strong)!important;line-height:var(--blv-lh-tight);white-space:nowrap;gap:6px} html:root body #blv-delay-col .blv-fv-dbar .blv-fv-btn>span{overflow:hidden;text-overflow:ellipsis;min-width:0} @media (max-width:767px){html:root body #blv-delay-col .blv-fv-dbar .blv-fv-btn{white-space:normal;text-align:center}} /* ---------- knapper generelt: radius og høyder ---------- */ html:root body .btn:not(.btn--icon){border-radius:var(--blv-r-btn)} html:root body .blv-fv-btn,html:root body .blv-fv-btn2{border-radius:var(--blv-r-btn)!important;font-weight:var(--blv-fw-strong)} html:root body .blv-kbt__b--p,html:root body .hdr-drop,html:root body .hdr-kasse{min-height:var(--blv-btn-h);border-radius:var(--blv-r-btn)} @media (min-width:768px){ html:root body .btn,html:root body .bt-btn,html:root body .blv-fv-btn,html:root body .blv-fv-btn2,html:root body .pk-btn--s,html:root body .blv-kbt__b,html:root body .v4-act,html:root body .v4-btn{white-space:nowrap} } /* ---------- desktop-tavle: start/fortsett/pause tas fra telefonen ---------- Skjul knappene i kortene (passiv info – ring %, «Pauset 0:xx», «Under reparasjon» – står). Telefon/nettbrett (<1024 px eller berøring) og jobbkortet beholder knappene. */ @media (min-width:1024px) and (pointer:fine){ html:root body .blv-kb-card .blv-kb-rep [data-rep]{display:none!important} html:root body .blv-kb-card .blv-kb-rep:not(:has(.blv-rep-live)){display:none!important} html:root body .blv-kb-card .blv-kb-rep:has(.blv-rep-live){justify-content:flex-start} } /* ---------- I dag: handlingsraden – samme skrift/størrelse i alle fliser (kamera-knappen sto i egen stil og ble kuttet) ---------- */ html:root body .v4-act b{font-family:var(--blv-font)!important;font-size:var(--blv-fs-md)!important;font-weight:var(--blv-fw-strong)!important;line-height:var(--blv-lh-tight)!important} html:root body .v4-acts .blv-cs-btn{font-family:var(--blv-font)!important;font-size:var(--blv-fs-md)!important;font-weight:var(--blv-fw-strong)!important;line-height:var(--blv-lh-tight);border-radius:var(--v4r,14px);min-width:0;white-space:normal!important;text-align:left;justify-content:flex-start} /* ---------- Verktøy-panelene (Lager, Leverandører, Innstillinger …): knappetekst og tabellhoder som resten ---------- */ html:root body .bt-btn{font-family:var(--blv-font);font-size:var(--blv-fs-sm);font-weight:var(--blv-fw-strong);letter-spacing:var(--blv-ls-0);text-transform:none;line-height:var(--blv-lh-tight);min-height:var(--blv-btn-h)} html:root body .bt-btn--s{font-size:var(--blv-fs-caption);min-height:var(--blv-btn-h-sm);border-radius:var(--blv-r-btn-sm)} html:root body .bt-more>summary.bt-btn{font-size:var(--blv-fs-xl);letter-spacing:0} html:root body .bt-t{font-size:var(--blv-fs-sm)} html:root body .bt-t th{font-family:var(--blv-font);font-size:var(--blv-fs-label);font-weight:var(--blv-fw-strong);letter-spacing:var(--blv-ls-label);text-transform:uppercase;line-height:var(--blv-lh-tight)} html:root body .bt-t td b{font-weight:var(--blv-fw-strong)} html:root body .bt-t td .bt-muted{font-size:var(--blv-fs-caption)} html:root body .bt-t--stock .blv-dshelf .blv-loc{height:var(--blv-chip-h);font-size:var(--blv-fs-label)} /* ---------- Innstillinger → Tjenester og kapasitet: tjenestemeny-tabellen ---------- */ :root{--blv-sw-w:40px;--blv-sw-h:23px;--blv-field-h:40px;--blv-num-w:88px} html:root body .sv-t .sv-ml{display:none} html:root body .sv-t td{vertical-align:top} html:root body .sv-t input[data-svn],html:root body .sv-t input[data-svp],html:root body .sv-t input[data-svm]{height:var(--blv-field-h);min-height:var(--blv-field-h)!important;box-sizing:border-box;font-size:var(--blv-fs-body)} html:root body .sv-t input[data-svp],html:root body .sv-t input[data-svm]{width:var(--blv-num-w)!important;text-align:right;font-variant-numeric:var(--blv-num);padding-left:8px;padding-right:10px} html:root body .sv-t .sv-exv{display:inline-flex;align-items:center;justify-content:flex-end;min-height:var(--blv-field-h);font-size:var(--blv-fs-sm);font-variant-numeric:var(--blv-num);white-space:nowrap;color:var(--blv-muted,#5b6575)} html:root body .sv-t .sv-on{width:1%;text-align:center;padding-left:12px;padding-right:12px} html:root body #blv-pane .sv-t input[type=checkbox][data-svo]{width:var(--blv-sw-w)!important;height:var(--blv-sw-h)!important;min-height:0!important;margin:calc((var(--blv-field-h) - var(--blv-sw-h))/2) 0 0!important;display:inline-block} @media (max-width:767px){ html:root body .bt-tw:has(>.sv-t){overflow:visible;border:0;background:none} html:root body .sv-t{min-width:0!important;display:block} html:root body .sv-t thead{display:none} html:root body .sv-t tbody{display:block} html:root body .sv-t tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;padding:12px;margin:0 0 10px;border:1px solid var(--blv-line,#e2e8f0);border-radius:var(--blv-r-card);background:#fff} html:root body .sv-t td{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0;border:0;min-width:0;width:auto;text-align:left} html:root body .sv-t td.sv-nd{grid-column:1/-1;min-width:0;width:100%} html:root body .sv-t td.sv-nd>input{width:100%;box-sizing:border-box} html:root body .sv-t .sv-ml{display:block;font-size:var(--blv-fs-label);font-weight:var(--blv-fw-strong);letter-spacing:var(--blv-ls-label);text-transform:uppercase;line-height:var(--blv-lh-tight);color:var(--blv-muted,#5b6575)} html:root body .sv-t input[data-svp],html:root body .sv-t input[data-svm]{width:100%!important} html:root body .sv-t .sv-on{width:auto;padding:0} html:root body #blv-pane .sv-t input[type=checkbox][data-svo]{margin:calc((var(--blv-field-h) - var(--blv-sw-h))/2) 0 0!important} } /* ---------- Visuelt skjulte etiketter: festes øverst til venstre i sin blokk slik at de aldri gir ekstra rullehøyde (body er rulleflaten på mobil) ---------- */ :root :is(.v4-vh,.blv-vh,.bt-vh,.nv-vh,.stg-vh,.pk-vh,.di-vh,.mk-vh,.jb2-vh,.msx-vh,.blv-fv-sr,.blv-lg__sr,.blv-tb-vh,.sv-dl,.bbk__live){position:absolute!important;top:0!important;left:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important} :root .bt-t--stock .bt-use .bt-ul,:root html body .blv-wkt>span{top:0;left:0} /* ---------- Smale telefoner (≤360px): dialoger (#mdl, f.eks. «Melding» fra jobbkortet) skal ikke bli høyere enn med modulstilene alene ---------- */ @media (max-width:360px){ html:root body .mdl__b h3{font-size:var(--blv-fs-xl);line-height:var(--blv-lh-tight)} html:root body .mdl__b .btn{font-size:var(--blv-fs-md);line-height:var(--blv-lh-tight)} html:root body .mdl__b h4{margin-top:12px} } /* ---------- v17 Tavle: sammenslått kolonnehode (topbar.js legger inn .blv-kb-hn + .blv-kb-hrev) – [grep] Navn (antall) / estimert omsetning ---------- */ :root{--blv-col-head-h2:48px} html:root body .blv-kb-col>h3:has(>.blv-kb-hrev){position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:6px;row-gap:2px;align-items:center;align-content:center;height:auto!important;min-height:var(--blv-col-head-h2)} html:root body .blv-kb-col>h3:has(>.blv-kb-hrev):has(>.blv-cg){padding-left:22px!important} html:root body .blv-kb-col>h3:has(>.blv-kb-hrev)>.blv-cg{position:absolute;left:4px;top:50%;transform:translateY(-50%);margin:0} html:root body .blv-kb-col>h3>.blv-kb-hn{grid-column:1;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html:root body .blv-kb-col>h3:has(>.blv-kb-hrev)>em{grid-column:2;grid-row:1;margin-left:0} html:root body .blv-kb-col>h3>.blv-kb-hrev{grid-column:1/3;grid-row:2;min-width:0;font:var(--blv-fw-medium) var(--blv-fs-xs)/var(--blv-lh-tight) var(--blv-font)!important;color:var(--blv-muted,#5b6575);font-variant-numeric:var(--blv-num);letter-spacing:0;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html:root body .blv-kb-col>h3>.blv-kb-hrev.is-out{opacity:.65} /* slank linje over tavla: «Estimert omsetning (i)» … «Totalt i verkstedet: …» */ :root body .blv-tb-rev.is-merged{padding-top:2px!important;padding-bottom:8px!important} :root body .blv-tb-rev.is-merged .blv-tb-rh{flex-wrap:nowrap;min-height:24px;padding:0!important} :root body .blv-tb-rev.is-merged .blv-tb-rt{margin-left:auto!important;flex-basis:auto!important;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media (max-width:767px){:root body .blv-tb-rev.is-merged .blv-tb-rh{flex-wrap:wrap;row-gap:2px}:root body .blv-tb-rev.is-merged .blv-tb-rt{white-space:normal;margin-left:0!important}} /* ===== v18 tavlebredde: lesbare kort, sidelengs rulling (BLV_KBX i topbar.js) ===== */ /* navn og sykkelmodell får inntil 2 linjer (tjenestelinja er fortsatt 1 linje med …) */ @media (min-width:769px){ html:root body .blv-kb-card .blv-kb-b>b,html:root body .blv-kb-card .blv-kb-b>b+small{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis} } @media (min-width:1024px) and (pointer:fine){ /* myk rulling med styreflate / shift+hjul: «proximity» i stedet for «mandatory», ingen tilbake-sveip i nettleseren */ :root body .blv-kb{scroll-snap-type:x proximity;overscroll-behavior-x:contain;scroll-padding-inline:var(--blv-board-px)} /* rullekanter: mykt utfall i kanten der det er mer å se */ :root body .blv-kb.blv-sl,:root body .blv-kb.blv-sr{--blv-fl:0px;--blv-fr:0px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--blv-fl),#000 calc(100% - var(--blv-fr)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--blv-fl),#000 calc(100% - var(--blv-fr)),transparent 100%)} :root body .blv-kb.blv-sl{--blv-fl:36px} :root body .blv-kb.blv-sr{--blv-fr:36px} /* faste kolonnehoder: topbar.js setter --blv-hy per kolonne når siden rulles forbi toppen av tavla */ html:root body .blv-kb>.blv-kb-col>h3{transform:translateY(var(--blv-hy,0px));z-index:4} html:root body .blv-kb>.blv-kb-col>h3:not(:has(>.blv-kb-hrev)){position:relative} html:root body .blv-kb>.blv-kb-col.blv-hstk>h3{box-shadow:inset 0 4px 0 var(--c,transparent),0 8px 12px -10px rgba(28,28,28,.45)} } /* ============ v19 BRAND – Spokes-palett og -typografi (én bryter) ============ Overstyrer v15 FARGETEMA-blokken i theme.css (samme tokennavn, html:root > :root), så alle moduler som bruker tokenene får paletten. Gjelder kun page.verksted. Ink #1c1c1c · Hvit · Stone #f4f4f2 · Teal #0d4a57 (h #093843, t #e2edef, l #a5e8fd) Suksess #307a07 · Advarsel #ed8a00 (kun flater/prikker; tekst = #9a5200) · Feil #cb2b2b Alle tekstpar ≥ 4.5:1 (se TYPE-SYSTEM.md). */ html:root{ --blv-brand-ink:#1c1c1c;--blv-brand-stone:#f4f4f2;--blv-ok:#307a07;--blv-warn:#ed8a00;--blv-warn-i:#9a5200;--blv-warn-b:#fdf1e0;--blv-err:#cb2b2b; --blv-primary:#0d4a57;--blv-primary-h:#093843;--blv-primary-t:#e2edef;--blv-primary-i:#0b5566;--blv-primary-l:#a5e8fd;--blv-on-primary:#fff; --blv-ink:#1c1c1c;--blv-muted:#5c5c57;--blv-faint:#6b6b66;--blv-line:#e4e4df;--blv-line2:#d4d4ce;--blv-bg:#f4f4f2;--blv-card:#fff;--blv-soft:#efefec; --blv-hdr:linear-gradient(115deg,#e2edef 0%,#eef6f6 40%,#f4f4f2 100%);--blv-hdr-ink:#1c1c1c;--blv-hdr-eb:#0b5566; --blv-sh:0 1px 2px rgba(28,28,28,.04),0 4px 14px rgba(28,28,28,.06);--blv-sh2:0 2px 4px rgba(28,28,28,.06),0 12px 28px rgba(28,28,28,.10); --blv-danger:#cb2b2b;--blv-danger-b:#fbeaea; /* status: farge (prikk/kant/ikon/tekst på hvitt) · -b lys flate · -i mørk tekst på flaten */ --s-book:#0e7490;--s-book-b:#e6f6f9;--s-book-i:#0b5566; /* booket – teal */ --s-mot:#57534e;--s-mot-b:#efeeec;--s-mot-i:#3a3733; /* mottatt – varm grå */ --s-arb:#1c1c1c;--s-arb-b:#ebebe8;--s-arb-i:#1c1c1c; /* på benken – ink */ --s-del:#9a5200;--s-del-b:#fdf1e0;--s-del-i:#6b3900; /* venter deler – advarsel */ --s-svar:#cb2b2b;--s-svar-b:#fbeaea;--s-svar-i:#8f1d1d; /* venter kundesvar – feil/handling */ --s-klar:#307a07;--s-klar-b:#ebf4e4;--s-klar-i:#1f5205; /* klar – suksess */ --s-hent:#6b6b66;--s-hent-b:#f0f0ee;--s-hent-i:#3a3a37} /* hentet – nøytral */ html:root body{font-synthesis-weight:none;-webkit-font-smoothing:antialiased} /* fargeprikk/-stripe for advarselsstatus bruker merkevarens #ed8a00 (ikke tekst) */ html:root body .blv-kb-col[data-col="del"],html:root body .blv-kb-col[data-col="fvdelay"]{--c:var(--blv-warn)} html:root body #blv-delay-col.blv-fv-dcol{--c:var(--blv-warn);background:#fffaf2;border-top-color:var(--blv-warn)} html:root body .blv-kb-col[data-col="avb"],html:root body .blv-kb-col[data-col="avbrutt"]{--c:var(--blv-err)} /* typografi: Jost for overskrifter, titler, knapper og store tall; Poppins for resten; mono for koder */ html:root body :is(h1,h2,h3,h4,h5,h6,legend,.blv-h,.bt-h,.blv-kb-hn,.blv-tb-rn,.jb2-t,.mdl__t){font-family:var(--blv-font-head)!important;font-weight:var(--blv-fw-head)!important} html:root body :is(button,.btn,.bt-btn,a.v4-act,[role="tab"],.fchip,.blv-qa,.blv-fv-btn,.blv-fv-btn2,.blv-cs-btn):not(.v4-tile,.blv-kb-card,.sb-a,.blv-av,.kc-ib,.blv-tb-ri,[class*="mono"],[class*="code"]){font-family:var(--blv-font-head)!important} html:root body :is(.blv-kpi>b,.v4-tile>b,.blv-tb-rv b,.v4-act b){font-family:var(--blv-font-num)!important;font-weight:var(--blv-fw-num)!important} html:root body :is(code,kbd,samp,pre,.mono,[class*="-mono"],[class*="__code"],[class*="-code"]){font-family:var(--blv-font-mono)!important} html:root body :is(.kc-ib,.blv-tb-ri){font-family:var(--blv-font-head)!important;font-style:normal!important;font-weight:var(--blv-fw-head)!important} /* løse farger utenfor paletten → token-avledet */ html:root body :is(.blv-vt,.blv-bmode){background:var(--blv-soft)!important} html:root body .blv-tb-in{background-color:var(--blv-bg)} html:root body #chips .blv-tb-div{background:var(--blv-line2)!important} html:root body .blv-more__t svg{fill:currentColor} html:root body .jb2-sc{background:var(--blv-soft)!important;border-color:var(--blv-line)!important} html:root body .jb2-c--ok{background:var(--s-klar-b)!important;border-color:color-mix(in srgb,var(--s-klar) 30%,#fff)!important;color:var(--s-klar-i)!important} html:root body :is(.jb2-c--info,.jb2-c--blue){background:var(--blv-primary-t)!important;border-color:var(--blv-primary-l)!important;color:var(--blv-primary-i)!important} html:root body .bt-warn{background:var(--blv-warn-b)!important;border-color:color-mix(in srgb,var(--blv-warn) 45%,#fff)!important;color:var(--s-del-i)!important} html:root body .bt-note{background:var(--blv-primary-t)!important;border-color:var(--blv-primary-l)!important;color:var(--blv-primary-i)!important} html:root body .bt-note a{color:var(--blv-primary-i)!important} html:root body .bt-pill--low{background:var(--blv-warn-b)!important;color:var(--s-del-i)!important} html:root body #dropin kbd{background:var(--blv-primary-i)!important;color:#fff!important;border-color:transparent!important} html:root{--blv-ink2:#3a3a37} html:root body.blv-tb .blv-tb-vis :is(.blv-vt,.blv-bmode){background:var(--blv-soft)!important} .sb-a,.sb-gb,.sb-gb .sb-l{color:var(--blv-ink2)} .sb-a--sub,.sb-bot a,.sb-bot button{color:var(--blv-muted)} html body .blv-hero__g{color:var(--blv-ink2)} html body .blv-nav a{color:var(--blv-ink2)!important} html body .seg button{color:var(--blv-ink2)} .blv-kb-empty{color:var(--blv-faint);border-color:var(--blv-line2)} .di__h,.di__f{border-color:var(--blv-line)} .di-s h3>span,.di-res__new>svg{background:var(--blv-soft);color:var(--blv-muted)} .di-res li+li{border-top-color:var(--blv-line)} .di-prev,.di-ok__m li{background:var(--blv-bg);color:var(--blv-ink2)} .di__x:hover,.di__x:focus-visible,.di-res button:hover,.di-res button:focus-visible,.di-btn--g:hover,.di-btn--o:hover,.di-date__p button:hover,.di-date__p button:focus-visible{background:var(--blv-soft)} html:root body .jb2-t em{background:var(--blv-soft)} html:root body #panel .jb2-svc select.jb2-sa{border-color:var(--blv-line2)!important} .stg-note{background:var(--blv-primary-t);border-color:var(--blv-primary-l)} .stg-pill{background:var(--blv-soft);color:var(--blv-muted)} .stg-pv__b{color:var(--blv-ink2)} .stg-pv__sec{color:var(--blv-muted)} /* ============ v19 SELVINNSJEKK – synlig kø (Spokes teal) ============ Kortene i «Sjekket inn selv» (Innlevering) og «Innsjekk» får teal flate, 4px stripe og ramme; «Ny»/«Sjekket inn»-pille og «for N min siden» settes av BLV19-ci i topbar.js. Puls < 10 min / usett, av ved prefers-reduced-motion. Antall som teal merke i overskriften, på «I dag» og Drop-in. */ html:root body li.v4-cic.blv-ci{background:var(--blv-primary-t);border:1px solid var(--blv-primary);border-left:4px solid var(--blv-primary);padding-left:9px;box-shadow:var(--blv-sh)} html:root body li.v4-cic.blv-ci .v4-cic__t small,html:root body li.v4-cic.blv-ci .v4-cic__t .v4-mut{color:#3d4f54} html:root body li.v4-cic.blv-ci .v4-cic__t a{color:var(--blv-primary-i)!important} html:root body li.v4-cic.blv-ci .v4-av{background:var(--blv-primary);color:#fff} html:root body li.v4-cic.blv-ci .v4-cic__a .v4-lnk{color:var(--blv-primary-i)!important;margin-top:0} html:root body .blv-ci-pill{display:inline-flex;align-items:center;height:20px;padding:0 8px;margin-left:8px;border-radius:var(--blv-r-pill,999px);vertical-align:2px;background:#fff;color:var(--blv-primary-i);border:1px solid var(--blv-primary-l);font:var(--blv-fw-btn) var(--blv-fs-2xs)/1 var(--blv-font-head);letter-spacing:.02em;white-space:nowrap} html:root body .blv-ci-pill.is-new{background:var(--blv-primary);border-color:var(--blv-primary);color:#fff} html:root body time.blv-ci-ago{font-weight:var(--blv-fw-strong);color:var(--blv-primary-i);font-variant-numeric:var(--blv-num)} @keyframes blv-ci-pulse{0%,100%{box-shadow:0 0 0 0 rgba(13,74,87,0),var(--blv-sh)}50%{box-shadow:0 0 0 6px rgba(13,74,87,.2),var(--blv-sh)}} html:root body li.v4-cic.blv-ci.is-fresh{animation:v4in .35s ease-out,blv-ci-pulse 2.4s ease-in-out .4s infinite} html:root body li.v4-cic.blv-ci.is-unseen:not(.is-fresh){animation:v4in .35s ease-out,blv-ci-pulse 2.4s ease-in-out .4s 3} @media (prefers-reduced-motion:reduce){html:root body li.v4-cic.blv-ci:is(.is-fresh,.is-unseen){animation:none!important;box-shadow:0 0 0 3px rgba(13,74,87,.25),var(--blv-sh)}} html:root body :is(.v4-sec:has(>.v4-cil)>.v4-h2r>span>small,.v4-card:has(>.v4-cil)>h2>small){display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;margin-left:6px;box-sizing:border-box;border-radius:var(--blv-r-pill,999px);background:var(--blv-primary);color:#fff;font:var(--blv-fw-num) var(--blv-fs-xs)/1 var(--blv-font-head);vertical-align:2px;letter-spacing:0} @media (max-width:600px){ html:root body li.v4-cic.blv-ci .v4-cic__a{flex-wrap:nowrap;gap:12px} html:root body li.v4-cic.blv-ci .v4-cic__a .v4-btn{white-space:nowrap} html:root body li.v4-cic.blv-ci .v4-cic__a .v4-lnk{min-height:44px!important;display:inline-flex;align-items:center;padding:0 8px!important;white-space:nowrap} } /* teller på I dag/Drop-in + eksisterende innsjekk-varsler i teal (var oransje/rosa) */ html:root body .blv-ci-dot{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;box-sizing:border-box;border-radius:999px;background:var(--blv-primary);color:#fff;box-shadow:0 0 0 2px #fff;font:var(--blv-fw-num) 11px/1 var(--blv-font-head);font-style:normal;letter-spacing:0;flex:none;pointer-events:none} html:root body .blv-ci-dot>b{font:inherit} html:root body .blv-ci-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} html:root body :is(#dropin,.v4-act[data-v4a="dropin"],a[data-sbk="idag"]:not(.sb-a),a[data-nvk="idag"]):has(>.blv-ci-dot){position:relative} html:root body :is(#dropin,.v4-act[data-v4a="dropin"])>.blv-ci-dot{position:absolute;top:-7px;right:-7px;margin:0} html:root body :is(a[data-sbk="idag"]:not(.sb-a),a[data-nvk="idag"])>.blv-ci-dot{position:absolute;top:4px;left:calc(50% + 6px);margin:0} html.sb-c:not(.sb-fly) body a.sb-a[data-sbk="idag"]>.blv-ci-dot{position:absolute;top:3px;right:6px;margin:0;min-width:16px;height:16px;padding:0 4px;font-size:10px} html:root body .v4-nb{background:var(--blv-primary)!important;color:#fff!important} html:root body .v4-cibn{background:var(--blv-primary-t)!important;border:1px solid var(--blv-primary)!important;border-left:4px solid var(--blv-primary)!important;color:var(--blv-primary-i)!important} html:root body .v4-cibn small{color:#3d4f54!important} html:root body .v4-cibn em{color:var(--blv-primary-i);font-family:var(--blv-font-head)} html:root body .v4-cis{background:var(--blv-primary-t)!important;border:1px solid var(--blv-primary)!important;border-left:4px solid var(--blv-primary)!important;color:var(--blv-primary-i)!important} html:root body .v4-cis a{color:var(--blv-primary-i)!important} html:root body .v4-cis__l button{border-color:var(--blv-primary-l)!important;color:var(--blv-primary-i)!important;background:#fff} html:root body .v4-cis__l button:hover{background:var(--blv-primary-t)} html:root body .v4-cib em{background:var(--blv-primary)!important} html:root body .v4-cib.is-new{border-color:var(--blv-primary)!important} /* egne (ikke tredjeparts) logobrikker: «Ingen», «Annet», e-post, regnskap → paletten; leverandørlogoer beholder sine farger */ html:root body .blv-lm[style^="background:#999;"]{background:var(--blv-faint)!important} html:root body .blv-lm[style^="background:#555;"]{background:var(--blv-muted)!important} html:root body .blv-lm[style^="background:#475569;"]{background:var(--blv-ink2)!important} html:root body .blv-lm[style^="background:#eef0f3;"]{background:var(--blv-soft)!important;color:var(--blv-muted)!important} html:root body :is(a[data-sbk="innlevering"],a[data-sbk="innsjekk"]) .sb-b{background:var(--blv-primary)} .sb a:focus-visible,.sb button:focus-visible,.sb-bot a:focus-visible,.sb-bot button:focus-visible{outline-color:var(--blv-primary)} html body .blv-vt button,.blv-bmode button{color:var(--blv-ink2)} #blv-delay-col.blv-fv-dcol h3{background:var(--blv-warn-b);color:var(--s-del-i)} #blv-delay-col .blv-fv-dsub,.blv-fv-dchk{color:var(--s-del-i)} .blv-fv-jc,.blv-fv-dbadge{background:var(--blv-warn-b);color:var(--s-del-i)} .blv-fv-dbadge,.blv-fv-warn{border-color:color-mix(in srgb,var(--blv-warn) 40%,#fff)} #blv-delay-col .blv-fv-dbar .blv-fv-btn{background:var(--s-klar);border-color:var(--s-klar)} #blv-delay-col .blv-fv-dbar .blv-fv-btn:hover{background:var(--s-klar-i);border-color:var(--s-klar-i)} /* bikelink-verksted-tavle-v2.css */ /* ===== Tavle v2 – calm Spokes dashboard (COPY only) ========================== Loads AFTER bikelink-verksted-type.css. Does not edit shared modules. · Restores original status (notification) hues the desk already knows · Calms chrome: fewer boxes, no shouty section labels, slimmer KPI/capacity · Spokes palette for non-status UI; Jost/Poppins already from type.css ========================================================================== */ /* --- 1) Status colours (restore theme.css v15; override type.css v19 remaps) --- */ html:root{ --s-book:#1d4ed8;--s-book-b:#eaf1ff;--s-book-i:#1e3a8a; --s-mot:#475569;--s-mot-b:#eef2f6;--s-mot-i:#334155; --s-arb:#6d28d9;--s-arb-b:#f2edff;--s-arb-i:#4c1d95; --s-del:#b45309;--s-del-b:#fff3df;--s-del-i:#7c2d12; --s-svar:#be185d;--s-svar-b:#fdedf5;--s-svar-i:#831843; --s-klar:#15803d;--s-klar-b:#e9f7ee;--s-klar-i:#14532d; --s-hent:#5b6675;--s-hent-b:#eff1f4;--s-hent-i:#334155; --s-avb:#b42318;--s-avb-b:#fde8e8;--s-avb-i:#911f1f; --blv-tavle-gap:8px; --blv-tavle-pad:var(--sp-5,20px); --blv-tavle-r:var(--r-lg,12px); --blv-tavle-r-sm:var(--r-md,10px); --blv-tavle-sh:0 1px 2px rgba(28,28,28,.04),0 4px 12px rgba(28,28,28,.05); } html:root body .blv-kb-col[data-col="del"], html:root body .blv-kb-col[data-col="fvdelay"]{--c:var(--s-del)} html:root body #blv-delay-col.blv-fv-dcol{--c:var(--s-del);background:#fffaf2;border-top-color:var(--s-del)} html:root body .blv-kb-col[data-col="avb"], html:root body .blv-kb-col[data-col="avbrutt"]{--c:var(--s-avb)} html body #chips .fchip[data-chip=avb]{--dc:var(--s-avb);--db:var(--s-avb-b);--di:var(--s-avb-i)} /* --- 2) Page calm --- */ html body.blv-tb{background:var(--blv-bg,#f4f4f2);font-synthesis-weight:none} html body.blv-tb .blv-tb-l, html body.blv-tb #chips::before, html body.blv-tb .blv-tb-wsum b, html body.blv-tb .blv-tb-rt b, html body.blv-tb .blv-tb-rv b{font-weight:600!important} /* Hide shouty section labels (aria-labels on groups remain) */ html body.blv-tb .blv-tb-act>.blv-tb-l, html body.blv-tb .blv-tb-vis>.blv-tb-l{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important} html body.blv-tb #chips::before{content:none!important;display:none!important} /* --- 3) Hero --- */ html body.blv-tb:not(.blv-tools) .blv-hero{ background:linear-gradient(115deg,#e2edef 0%,#eef6f6 42%,#f4f4f2 100%)!important; border-bottom:1px solid var(--blv-line,#e4e4df); } html body.blv-tb:not(.blv-tools) .blv-hero__in{ padding-top:18px!important;padding-bottom:16px!important;gap:16px 24px!important; } html body.blv-tb .blv-hero h1{ font:600 22px/1.15 var(--blv-font-head,Jost,sans-serif)!important; letter-spacing:.04em!important;text-transform:none!important; } html body.blv-tb .blv-hero__eb{ font:500 11px/1.2 var(--blv-font-head,Jost,sans-serif)!important; letter-spacing:.08em;text-transform:uppercase;color:var(--blv-primary-i,#0b5566)!important;opacity:1; } html body.blv-tb .blv-hero__g{font:400 13px/1.4 var(--blv-font,Poppins,sans-serif);opacity:.9;margin-top:6px} html body.blv-tb .blv-hero__logo.blv-spk{margin:0 0 8px} /* KPI: Spokes chrome only */ html body.blv-tb .blv-kpis{gap:8px!important} html body.blv-tb .blv-kpi{ --kc:var(--blv-primary,#0d4a57)!important; --kb:var(--blv-primary-t,#e2edef)!important; --ki:var(--blv-primary-i,#0b5566)!important; min-height:56px!important;padding:8px 12px 8px 52px!important; border:1px solid var(--blv-line,#e4e4df)!important; border-radius:var(--blv-tavle-r)!important; box-shadow:var(--blv-tavle-sh)!important; background:#fff!important; } html body.blv-tb .blv-kpi:nth-child(1), html body.blv-tb .blv-kpi:nth-child(4){ --kc:var(--blv-primary,#0d4a57)!important; --kb:var(--blv-primary-t,#e2edef)!important; --ki:var(--blv-primary-i,#0b5566)!important; } html body.blv-tb .blv-kpi:nth-child(2), html body.blv-tb .blv-kpi:nth-child(3){ --kc:var(--blv-ink,#1c1c1c)!important; --kb:var(--blv-soft,#efefec)!important; --ki:var(--blv-ink,#1c1c1c)!important; } html body.blv-tb .blv-kpi::before{ width:32px!important;height:32px!important;margin-top:-16px!important;left:10px!important; box-shadow:0 0 0 3px var(--kb)!important; } html body.blv-tb .blv-kpi b{ font:600 20px/1.1 var(--blv-font-num,Jost,sans-serif)!important; font-variant-numeric:tabular-nums; } html body.blv-tb .blv-kpi span{ font:500 11.5px/1.25 var(--blv-font,Poppins,sans-serif)!important; color:var(--blv-muted,#5c5c57)!important;opacity:1!important; } html body.blv-tb .blv-kpi .blv-i{color:#fff!important} /* --- 4) Toolbar --- */ html body.blv-tb .bar.blv-tb-bar{ position:sticky;top:0;z-index:35; background:color-mix(in srgb,var(--blv-bg,#f4f4f2) 92%,#fff); backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px); border-bottom:1px solid var(--blv-line,#e4e4df); padding:10px var(--blv-tavle-pad) 10px!important; gap:8px 12px!important;align-items:center!important; box-shadow:0 1px 0 rgba(28,28,28,.03); } html body.blv-tb .blv-tb-g{gap:0} html body.blv-tb .blv-tb-in{ padding:0!important;border:0!important;border-radius:0!important; background:transparent!important;gap:8px!important; } html body.blv-tb .blv-tb-act>.blv-tb-in, html body.blv-tb .blv-tb-vis>.blv-tb-in{ background:transparent!important;border:0!important; } html body.blv-tb .blv-tb-act{flex:1 1 520px} html body.blv-tb .blv-tb-vis{flex:0 1 auto;margin-left:auto} html body.blv-tb .blv-tb-act #q{ height:40px!important;min-height:40px!important; border-radius:var(--blv-tavle-r-sm)!important; border:1px solid var(--blv-line2,#d4d4ce)!important; background:#fff!important;box-shadow:none!important; font:400 14px/1.2 var(--blv-font,Poppins,sans-serif)!important; } html body.blv-tb .blv-tb-act #q:focus{ border-color:var(--blv-primary,#0d4a57)!important; outline:2px solid rgba(13,74,87,.22);outline-offset:0; } html body.blv-tb .bar .btn.hdr-drop, html body.blv-tb #dropin.hdr-drop{ background:var(--blv-primary,#0d4a57)!important; border-color:var(--blv-primary,#0d4a57)!important; color:#fff!important;font-weight:500!important; border-radius:var(--blv-tavle-r-sm)!important; height:40px;min-height:40px!important; box-shadow:none!important; } html body.blv-tb .bar .btn.hdr-drop:hover{background:var(--blv-primary-h,#093843)!important;border-color:var(--blv-primary-h,#093843)!important} html body.blv-tb .bar .btn.hdr-drop:focus-visible{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:2px} html body.blv-tb .blv-tb-act #kasse, html body.blv-tb .blv-tb-act .blv-place-btn, html body.blv-tb .blv-tb-act .btn:not(.hdr-drop){ background:#fff!important;color:var(--blv-ink,#1c1c1c)!important; border:1px solid var(--blv-line2,#d4d4ce)!important; border-radius:var(--blv-tavle-r-sm)!important; box-shadow:none!important;font-weight:500!important; height:40px;min-height:40px!important; } html body.blv-tb .blv-tb-act #kasse:hover, html body.blv-tb .blv-tb-act .blv-place-btn:hover, html body.blv-tb .blv-tb-act .btn:not(.hdr-drop):hover{ background:var(--blv-soft,#efefec)!important;border-color:var(--blv-line2,#d4d4ce)!important; } html body.blv-tb .blv-tb-act .blv-place-btn svg{color:var(--blv-muted,#5c5c57)!important} html body.blv-tb .blv-tb-vis .seg, html body.blv-tb .blv-tb-vis .blv-vt, html body.blv-tb .blv-tb-vis .blv-bmode{ height:36px!important;margin:0!important;padding:2px!important; background:var(--blv-soft,#efefec)!important; border:1px solid var(--blv-line,#e4e4df)!important; border-radius:var(--blv-tavle-r-sm)!important; box-shadow:none!important; } html body.blv-tb .blv-tb-vis .seg button, html body.blv-tb .blv-tb-vis .blv-vt button, html body.blv-tb .blv-tb-vis .blv-bmode button{ min-height:30px!important;border-radius:8px!important; font:500 13px/1 var(--blv-font-head,Jost,sans-serif)!important; color:var(--blv-ink2,#3a3a37)!important; } html body.blv-tb .blv-tb-vis .seg button[aria-pressed=true], html body.blv-tb .blv-tb-vis .blv-vt button[aria-pressed=true], html body.blv-tb .blv-tb-vis .blv-bmode button[aria-pressed=true]{ background:#fff!important;color:var(--blv-ink,#1c1c1c)!important; box-shadow:0 1px 2px rgba(28,28,28,.06)!important; } html body.blv-tb .blv-tb-vis .blv-cols-btn, html body.blv-tb .blv-tb-vis .blv-plf{ height:36px!important;min-height:36px!important; border-radius:var(--blv-tavle-r-sm)!important; background:#fff!important;border:1px solid var(--blv-line,#e4e4df)!important; } /* --- 5) Status chips --- */ html body.blv-tb #chips{ padding:8px var(--blv-tavle-pad) 6px!important; gap:6px!important;background:transparent; } html body.blv-tb #chips .fchip{ min-height:30px!important;height:30px!important; padding:0 10px 0 4px!important; font:500 12.5px/1 var(--blv-font,Poppins,sans-serif)!important; border:1px solid transparent!important; box-shadow:none!important; } html body.blv-tb #chips .fchip:hover{transform:none;border-color:var(--blv-line2,#d4d4ce)!important} html body.blv-tb #chips .fchip[aria-pressed=true]{ box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dc) 55%,transparent)!important; } html body.blv-tb #chips .fchip b{ font:600 12px/1 var(--blv-font-num,Jost,sans-serif)!important; font-variant-numeric:tabular-nums; } html body.blv-tb #chips .blv-tb-div{height:18px;margin:0 2px;background:var(--blv-line2,#d4d4ce)} /* --- 6) Capacity --- */ html body.blv-tb .top2{ padding:2px var(--blv-tavle-pad) 10px!important; gap:10px!important;align-items:center!important; } html body.blv-tb .blv-tb-cl{min-width:120px;gap:4px} html body.blv-tb .blv-tb-wsum{ font:500 12px/1.25 var(--blv-font,Poppins,sans-serif)!important; color:var(--blv-muted,#5c5c57)!important; } html body.blv-tb .top2 .week{ border:1px solid var(--blv-line,#e4e4df)!important; border-radius:var(--blv-tavle-r)!important; box-shadow:none!important;background:#fff!important; } html body.blv-tb .top2 .wk-nav{ background:var(--blv-soft,#efefec)!important; color:var(--blv-ink,#1c1c1c)!important; min-height:40px!important; } html body.blv-tb .top2 .wd{ padding:6px 10px 8px!important;row-gap:3px!important; border-left-color:var(--blv-line,#e4e4df)!important; } html body.blv-tb .top2 .wd-n b{font:600 16px/1.1 var(--blv-font-num,Jost,sans-serif)!important} html body.blv-tb .top2 .wd-bar{height:4px!important;border-radius:999px} html body.blv-tb .top2 .wd--today{ background:var(--blv-primary-t,#e2edef)!important; box-shadow:inset 0 2px 0 var(--blv-primary,#0d4a57)!important; } html body.blv-tb .top2 .wd[aria-pressed=true]{ background:var(--blv-primary,#0d4a57)!important;color:#fff!important; } html body.blv-tb .top2 .wd:hover{background:var(--blv-soft,#efefec)!important} /* --- 7) Revenue whisper --- */ html body.blv-tb #blv-tb-rev.is-merged{padding:0 var(--blv-tavle-pad) 8px!important} html body.blv-tb #blv-tb-rev.is-merged .blv-tb-rh{padding:0 2px 0!important;gap:6px} html body.blv-tb #blv-tb-rev .blv-tb-l{ position:static!important;width:auto!important;height:auto!important; clip:auto!important;overflow:visible!important;margin:0!important; font:500 12px/1.2 var(--blv-font,Poppins,sans-serif)!important; letter-spacing:0!important;text-transform:none!important; color:var(--blv-muted,#5c5c57)!important; } html body.blv-tb #blv-tb-rev .blv-tb-rt{ font:400 12.5px/1.2 var(--blv-font,Poppins,sans-serif)!important; color:var(--blv-muted,#5c5c57)!important; } html body.blv-tb #blv-tb-rev .blv-tb-rt b{ font:600 12.5px/1.2 var(--blv-font-num,Jost,sans-serif)!important; color:var(--blv-ink,#1c1c1c)!important; } /* --- 8) Kanban: soft status tint, equal height, white cards --- */ html body.blv-tb #blv-kb, html body.blv-tb .blv-kb{ padding:0 var(--blv-tavle-pad) 24px!important; gap:var(--blv-tavle-gap)!important; align-items:stretch!important; } html body.blv-tb .blv-kb-col{ /* ~8% status tint – premium, not heavy */ background:color-mix(in srgb,var(--c,#94a3b8) 8%,#fff)!important; border:1px solid color-mix(in srgb,var(--c,#94a3b8) 18%,var(--blv-line,#e4e4df))!important; border-top:0!important; border-radius:var(--blv-tavle-r)!important; padding:0 0 10px!important; box-shadow:none!important; min-width:var(--blv-col-min,208px); align-self:stretch!important; min-height:100%!important; height:auto!important; transition:background-color .18s ease,box-shadow .18s ease,outline-color .18s ease; outline:2px dashed transparent;outline-offset:-3px; } html body.blv-tb .blv-kb-col>h3{ background:color-mix(in srgb,var(--c,#94a3b8) 14%,#fff)!important; color:var(--blv-ink,#1c1c1c)!important; border-bottom:1px solid color-mix(in srgb,var(--c,#94a3b8) 22%,var(--blv-line,#e4e4df))!important; border-radius:var(--blv-tavle-r) var(--blv-tavle-r) 0 0!important; box-shadow:inset 0 3px 0 var(--c,var(--blv-primary))!important; margin:0!important; padding:10px 12px 10px 22px!important; text-transform:none!important; letter-spacing:0!important; font:600 13px/1.2 var(--blv-font-head,Jost,sans-serif)!important; } /* drag target: intensify tint + visible drop zone */ html body.blv-tb .blv-kb-col.blv-kb-over{ background:color-mix(in srgb,var(--c,#94a3b8) 22%,#fff)!important; outline-color:color-mix(in srgb,var(--c,#94a3b8) 65%,transparent)!important; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c,#94a3b8) 45%,transparent),0 8px 24px color-mix(in srgb,var(--c,#94a3b8) 18%,transparent)!important; min-height:max(100%,280px)!important; padding-bottom:28px!important; } html body.blv-dragging .blv-kb-col{min-height:max(100%,200px)} html body.blv-tb .blv-kb-col>h3 em{ background:color-mix(in srgb,var(--c) 12%,#fff)!important; color:var(--c)!important; font:600 11px/1 var(--blv-font-num,Jost,sans-serif)!important; border:1px solid color-mix(in srgb,var(--c) 28%,#fff)!important; } html body.blv-tb .blv-kb-col>h3>.blv-kb-hrev{ color:var(--blv-muted,#5c5c57)!important; font:500 12px/1.2 var(--blv-font,Poppins,sans-serif)!important; } html body.blv-tb .blv-kb-col.blv-hstk>h3{ box-shadow:inset 0 3px 0 var(--c,transparent),0 6px 10px -8px rgba(28,28,28,.35)!important; } /* cards pure white */ html body.blv-tb .blv-kb-card:not(.blv-kb-ghost){ margin:8px!important; border:1px solid var(--blv-line,#e4e4df)!important; border-radius:var(--blv-tavle-r-sm)!important; box-shadow:var(--blv-tavle-sh)!important; background:#fff!important; padding:10px!important; gap:8px!important; } html body.blv-tb .blv-kb-card:hover{ border-color:var(--blv-line2,#d4d4ce)!important; box-shadow:0 2px 8px rgba(28,28,28,.08)!important; } html body.blv-tb .blv-kb-card:focus-visible{ outline:2px solid var(--blv-primary,#0d4a57)!important;outline-offset:2px; } html body.blv-tb .blv-kb-card b, html body.blv-tb .blv-kb-b>b{ font:600 13px/1.25 var(--blv-font-head,Jost,sans-serif)!important; color:var(--blv-ink,#1c1c1c)!important; } html body.blv-tb .blv-kb-empty{ margin:16px 8px!important; padding:18px 12px!important; border:1px dashed var(--blv-line2,#d4d4ce)!important; border-radius:var(--blv-tavle-r-sm)!important; background:transparent!important; color:var(--blv-faint,#6b6b66)!important; font:500 12.5px/1.35 var(--blv-font,Poppins,sans-serif)!important; text-align:center; } /* --- 9) Responsive --- */ /* ≥1680: keep search + view on one row; below, view row wraps under actions */ @media (min-width:1680px){ html body.blv-tb .blv-tb-act{flex:1 1 0;min-width:360px} html body.blv-tb .blv-tb-vis{flex:0 1 auto;margin-left:auto;width:auto} html body.blv-tb .blv-tb-vis .blv-cols-btn>span{/* allow icon-only if needed */} html body.blv-tb .bar.blv-tb-bar{flex-wrap:nowrap!important} html body.blv-tb .blv-tb-act>.blv-tb-in,html body.blv-tb .blv-tb-vis>.blv-tb-in{flex-wrap:nowrap!important} } @media (max-width:1679px){ html body.blv-tb .blv-tb-act{flex-basis:100%} html body.blv-tb .blv-tb-vis{margin-left:0;width:100%} } @media (max-width:1024px){ html body.blv-tb{--blv-tavle-pad:16px} html body.blv-tb .blv-hero h1{font-size:20px!important} } @media (max-width:767px){ html body.blv-tb{--blv-tavle-pad:14px} html body.blv-tb .bar.blv-tb-bar{position:static;backdrop-filter:none;padding:10px 14px!important} html body.blv-tb .blv-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important} html body.blv-tb .blv-kpi{min-height:52px!important;padding:8px 10px 8px 48px!important} html body.blv-tb .blv-kpi b{font-size:18px!important} html body.blv-tb #chips{padding:8px 14px 4px!important} html body.blv-tb .top2{padding:2px 14px 10px!important} html body.blv-tb #blv-kb{padding:0 8px 20px!important} html body.blv-tb .blv-kb-card{margin:6px!important} html body.blv-tb .blv-tb-act .btn, html body.blv-tb .blv-tb-act .blv-kbt__b, html body.blv-tb .blv-tb-act .blv-place-btn{min-height:44px!important} } @media (max-width:360px){ html body.blv-tb .blv-hero h1{font-size:18px!important} html body.blv-tb .blv-kpi{padding-left:44px!important} html body.blv-tb .blv-kpi::before{width:28px!important;height:28px!important;margin-top:-14px!important} } html body.blv-tb :is(button,.btn,.fchip,.seg button,.wd,#q):focus-visible{ outline:2px solid var(--blv-primary,#0d4a57)!important;outline-offset:2px; } @media (prefers-reduced-motion:reduce){ html body.blv-tb #chips .fchip, html body.blv-tb .blv-kb-card{transition:none!important} } html body.blv-tb.blv-tools .bar.blv-tb-bar{position:static;border:0;box-shadow:none;backdrop-filter:none} /* --- 11) Round-2 polish: denser capacity, quieter hero, column gutters --- */ html body.blv-tb:not(.blv-tools) .blv-hero__in{padding-top:14px!important;padding-bottom:12px!important} html body.blv-tb .blv-hero h1{font-size:20px!important} html body.blv-tb .blv-hero__g{font-size:12.5px;margin-top:4px} html body.blv-tb .blv-kpi{min-height:52px!important;padding:6px 12px 6px 50px!important} html body.blv-tb .blv-kpi b{font-size:18px!important} html body.blv-tb .top2{padding:0 var(--blv-tavle-pad) 8px!important} html body.blv-tb .top2 .wd{padding:5px 8px 6px!important} html body.blv-tb .top2 .wd-n b{font-size:14px!important} html body.blv-tb .top2 .wd-bar{height:3px!important;margin-top:2px} html body.blv-tb .top2 .week{border-radius:10px!important} html body.blv-tb .blv-kb-col{padding-bottom:8px!important} html body.blv-tb .blv-kb-col>h3{padding-top:9px!important;padding-bottom:9px!important} html body.blv-tb #chips{padding-top:6px!important;padding-bottom:4px!important} html body.blv-tb #blv-tb-rev.is-merged{padding-bottom:6px!important} /* soft page edge under sticky bar */ html body.blv-tb .bar.blv-tb-bar{border-bottom-color:var(--blv-line,#e4e4df)!important} /* --- 12) Status filter collapse + active pills + Godkjent chip --- */ html body.blv-tb .blv-sf-tog{ display:inline-flex;align-items:center;gap:6px;flex:none; height:36px;padding:0 12px;margin:0; border:1px solid var(--blv-line,#e4e4df);border-radius:var(--blv-tavle-r-sm); background:#fff;color:var(--blv-ink2,#3a3a37); font:500 13px/1 var(--blv-font-head,Jost,sans-serif);cursor:pointer; } html body.blv-tb .blv-sf-tog:hover{background:var(--blv-soft,#efefec)} html body.blv-tb .blv-sf-tog:focus-visible{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:2px} html body.blv-tb .blv-sf-tog i{font-style:normal;font-size:11px;transition:transform .2s ease;display:inline-block} html body.blv-tb.blv-sfc .blv-sf-tog i{transform:rotate(-90deg)} html body.blv-tb #chips{ overflow:hidden; max-height:56px; opacity:1; transition:max-height .22s ease,opacity .18s ease,padding .22s ease,margin .22s ease; } html body.blv-tb.blv-sfc #chips{ max-height:0!important;opacity:0;padding-top:0!important;padding-bottom:0!important;margin:0!important; pointer-events:none;border:0!important; } html body.blv-tb .blv-sf-active{ display:none;align-items:center;gap:6px;flex-wrap:wrap; padding:4px var(--blv-tavle-pad) 6px; } html body.blv-tb.blv-sfc .blv-sf-active{display:flex} html body.blv-tb .blv-sf-pill{ display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px 0 10px; border-radius:999px;border:1px solid color-mix(in srgb,var(--dc,#0d4a57) 35%,#fff); background:color-mix(in srgb,var(--dc,#0d4a57) 10%,#fff);color:var(--di,var(--blv-ink)); font:500 12px/1 var(--blv-font,Poppins,sans-serif); } html body.blv-tb .blv-sf-pill button{ width:22px;height:22px;border:0;border-radius:50%;background:transparent; color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0; } html body.blv-tb .blv-sf-pill button:hover{background:rgba(0,0,0,.06)} /* Godkjent av kunde */ html body.blv-tb .blv-apchip{ display:none;align-items:center;gap:6px;flex:none; height:36px;padding:0 12px;margin:0; border:1px solid color-mix(in srgb,#307a07 35%,#fff); border-radius:var(--blv-tavle-r-sm); background:#ebf4e4;color:#1f5205; font:500 13px/1 var(--blv-font-head,Jost,sans-serif);cursor:pointer; box-shadow:none; } html body.blv-tb .blv-apchip.is-on{display:inline-flex} html body.blv-tb .blv-apchip[aria-pressed=true]{ background:#307a07;color:#fff;border-color:#307a07; } html body.blv-tb .blv-apchip b{ display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px; border-radius:999px;background:rgba(255,255,255,.85);color:#1f5205; font:600 11px/1 var(--blv-font-num,Jost,sans-serif); } html body.blv-tb .blv-apchip[aria-pressed=true] b{background:rgba(255,255,255,.22);color:#fff} @keyframes blv-ap-pulse{0%,100%{box-shadow:0 0 0 0 rgba(48,122,7,0)}50%{box-shadow:0 0 0 6px rgba(48,122,7,.22)}} html body.blv-tb .blv-apchip.is-fresh{animation:blv-ap-pulse 1.8s ease-in-out 2} @media (prefers-reduced-motion:reduce){ html body.blv-tb #chips,html body.blv-tb .blv-sf-tog i{transition:none!important} html body.blv-tb .blv-apchip.is-fresh{animation:none!important} } /* partial approval amber mark on cards when filtering */ html body.blv-tb.blv-apf .blv-kb-card[data-apst=delvis]{ box-shadow:inset 4px 0 0 #ed8a00,var(--blv-tavle-sh)!important; } html body.blv-tb.blv-apf .blv-kb-card[data-apst=godkjent], html body.blv-tb.blv-apf .blv-kb-card[data-apst=ok]{ box-shadow:inset 4px 0 0 #307a07,var(--blv-tavle-sh)!important; } /* --- 13) Sidebar menu: aligned icons, sentence case, calm rows --- */ html.sb-on .sb .sb-a, html.sb-on .sb .sb-gb, html.sb-on .sb .sb-col2{ display:grid!important; grid-template-columns:20px minmax(0,1fr) 16px; align-items:center; column-gap:12px; min-height:44px!important; padding:0 12px!important; border-radius:10px!important; font:500 14px/1.2 var(--blv-font,Poppins,sans-serif)!important; letter-spacing:0!important; text-transform:none!important; color:var(--blv-ink2,#3a3a37)!important; } html.sb-on .sb .sb-gb .sb-l{ font:500 13px/1.2 var(--blv-font-head,Jost,sans-serif)!important; text-transform:none!important; letter-spacing:0!important; color:inherit!important; } html.sb-on .sb .sb-i, html.sb-on .sb .sb-a>svg, html.sb-on .sb .sb-gb>svg{ width:20px!important;height:20px!important; grid-column:1;justify-self:center; color:var(--blv-muted,#5c5c57); } html.sb-on .sb .sb-t, html.sb-on .sb .sb-l, html.sb-on .sb .sb-wt{grid-column:2;min-width:0} html.sb-on .sb .sb-car, html.sb-on .sb .sb-gn{ grid-column:3;justify-self:center; width:16px;height:16px;margin:0!important; transition:transform .2s ease; } html.sb-on .sb .sb-gb[aria-expanded=true] .sb-car{transform:rotate(90deg)!important} html.sb-on .sb .sb-a--sub{ grid-template-columns:20px minmax(0,1fr); min-height:40px!important; padding-left:24px!important; margin-left:20px!important; border-left:1px solid var(--blv-line,#e4e4df); border-radius:0 10px 10px 0!important; font-size:13.5px!important; } html.sb-on .sb .sb-a--sub .sb-i{width:18px!important;height:18px!important} html.sb-on .sb .sb-a[aria-current=page], html.sb-on .sb .sb-a.is-on{ background:var(--blv-primary-t,#e2edef)!important; color:var(--blv-primary-i,#0b5566)!important; } html.sb-on .sb .sb-a[aria-current=page] .sb-i, html.sb-on .sb .sb-a.is-on .sb-i{color:var(--blv-primary,#0d4a57)!important} html.sb-on .sb .sb-a[aria-current=page]::before{display:none!important} html.sb-on .sb .sb-a:hover, html.sb-on .sb .sb-gb:hover{background:var(--blv-soft,#efefec)!important} /* header: workshop primary */ html.sb-on .sb .sb-top{ display:flex;align-items:center;gap:8px;padding:12px 10px 10px; } html.sb-on .sb .sb-ws{ display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center; flex:1;min-width:0;text-decoration:none!important;color:inherit; } html.sb-on .sb .sb-wt b{ display:block;font:600 14px/1.2 var(--blv-font-head,Jost,sans-serif)!important; color:var(--blv-ink,#1c1c1c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } html.sb-on .sb .sb-wt small{ display:block;font:500 11.5px/1.2 var(--blv-font,Poppins,sans-serif)!important; color:var(--blv-muted,#5c5c57);text-transform:none!important;letter-spacing:0!important; } html.sb-on .sb .sb-col2{ margin:4px 8px 8px;color:var(--blv-muted,#5c5c57)!important;font-size:12.5px!important; } html.sb-on .sb .blv-spk-sb{padding:8px 12px 14px!important;justify-content:flex-start} /* collapsed icon-only: single centred icon column */ html.sb-c:not(.sb-fly) .sb .sb-a, html.sb-c:not(.sb-fly) .sb .sb-gb, html.sb-c:not(.sb-fly) .sb .sb-col2{ grid-template-columns:20px!important;justify-content:center!important; padding:0!important;width:44px;margin-left:auto;margin-right:auto; } html.sb-c:not(.sb-fly) .sb .sb-t, html.sb-c:not(.sb-fly) .sb .sb-l, html.sb-c:not(.sb-fly) .sb .sb-car, html.sb-c:not(.sb-fly) .sb .sb-gn, html.sb-c:not(.sb-fly) .sb .sb-wt{display:none!important} html.sb-c:not(.sb-fly) .sb .sb-a--sub{display:none!important} html.sb-c:not(.sb-fly) .sb .sb-i{grid-column:1} /* Toolbar / KPI / card meta icon alignment */ html body.blv-tb .blv-tb-act .btn>svg, html body.blv-tb .blv-tb-act .blv-kbt__b>svg, html body.blv-tb .blv-tb-act .blv-place-btn>svg{ width:18px!important;height:18px!important;flex:none; } html body.blv-tb .blv-kpi .blv-i{width:16px!important;height:16px!important} html body.blv-tb .blv-kb-f svg.blv-i{width:14px!important;height:14px!important;flex:none} /* --- 14) Card inset inside tinted columns --- */ /* cards pure white – fully inset inside tinted column (equal L/R) */ html body.blv-tb .blv-kb-col{ box-sizing:border-box!important; overflow-x:clip;overflow-y:visible; } html body.blv-tb .blv-kb-col>h3{ /* header spans full column width (bleed over body inset) */ } html body.blv-tb .blv-kb-card{ margin:8px!important; width:calc(100% - 16px)!important; max-width:calc(100% - 16px)!important; box-sizing:border-box!important; border:1px solid var(--blv-line,#e4e4df)!important; border-radius:var(--blv-tavle-r-sm)!important; box-shadow:var(--blv-tavle-sh)!important; background:#fff!important; padding:10px!important; gap:8px!important; min-width:0!important; } html body.blv-tb .blv-kb-card:hover{ border-color:var(--blv-line2,#d4d4ce)!important; box-shadow:0 2px 8px rgba(28,28,28,.08)!important; } html body.blv-dragging .blv-kb-card:not(.blv-kb-ghost), html body.blv-tb .blv-kb-card.blv-kb-src{ width:calc(100% - 16px)!important; max-width:calc(100% - 16px)!important; box-sizing:border-box!important; } html body.blv-tb .blv-kb-empty{ margin:16px 8px!important; width:calc(100% - 16px)!important; max-width:calc(100% - 16px)!important; box-sizing:border-box!important; } /* --- 15) Drag glow: card glows in the hovered column's status colour --- */ html body .blv-kb-ghost,html body.blv-tb .blv-kb-card.blv-kb-ghost{ background:#fff!important; border:1px solid color-mix(in srgb,var(--glow,#94a3b8) 55%,#fff)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--glow,#94a3b8) 22%,transparent),0 10px 28px color-mix(in srgb,var(--glow,#94a3b8) 35%,transparent),0 2px 6px rgba(28,28,28,.12)!important; transition:box-shadow .15s ease,border-color .15s ease; } html body.blv-tb .blv-kb-card.blv-kb-src{ background:#fff!important; border:1px dashed color-mix(in srgb,var(--glow,#94a3b8) 60%,#fff)!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--glow,#94a3b8) 18%,transparent)!important; opacity:.75; } @keyframes blv-land{0%{box-shadow:0 0 0 4px color-mix(in srgb,var(--glow,#94a3b8) 35%,transparent),0 8px 24px color-mix(in srgb,var(--glow,#94a3b8) 30%,transparent)}100%{box-shadow:0 0 0 0 transparent}} html body.blv-tb .blv-kb-card.blv-kb-landed{position:relative} html body.blv-tb .blv-kb-card.blv-kb-landed::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;animation:blv-land .42s ease-out 1 forwards} html body.blv-tb .blv-kb-card.blv-kb-landed{border-color:color-mix(in srgb,var(--glow,#94a3b8) 45%,var(--blv-line,#e4e4df))!important} @media (prefers-reduced-motion:reduce){ html body .blv-kb-ghost,html body.blv-tb .blv-kb-card.blv-kb-ghost{transition:none!important;box-shadow:0 2px 6px rgba(28,28,28,.12)!important;border:2px solid var(--glow,#94a3b8)!important} html body.blv-tb .blv-kb-card.blv-kb-landed::after{animation:none!important} html body.blv-tb .blv-kb-card.blv-kb-landed{border:2px solid var(--glow,#94a3b8)!important} } /* 16) toolbar segments never squash */ html body.blv-tb .blv-tb-g .seg{flex:0 0 auto} html body.blv-tb .blv-tb-g .seg>button,html body.blv-tb .blv-tb-g .seg>a{white-space:nowrap} html body.blv-tb .blv-tb-act>.blv-tb-in>*,html body.blv-tb .blv-tb-vis>.blv-tb-in>*{flex-shrink:0} html body.blv-tb .blv-tb-act>.blv-tb-in>.sbox{flex:1 1 200px;min-width:160px;max-width:440px} /* 17) compact sidebar chevron (border chevron, right → down) */ html.sb-on .sb .sb-car{ width:7px!important;height:7px!important;box-sizing:border-box!important; border:0!important;border-right:1.6px solid currentColor!important;border-bottom:1.6px solid currentColor!important; background:none!important;align-self:center;justify-self:center; color:#6b7280;transform:rotate(-45deg)!important;transition:transform .2s ease!important; } html.sb-on .sb .sb-car::before,html.sb-on .sb .sb-car::after{content:none!important} html.sb-on .sb .sb-gb[aria-expanded=true] .sb-car{transform:rotate(45deg) translate(-1px,-1px)!important;color:var(--blv-teal,#0d4a57)} @media (prefers-reduced-motion:reduce){html.sb-on .sb .sb-car{transition:none!important}} /* 18) ghost keeps theme.js inline width (card width at pick-up) */ html body .blv-kb-card.blv-kb-ghost{margin:0!important;max-width:none!important;box-sizing:border-box!important;padding:10px!important;border-radius:var(--blv-tavle-r-sm,10px)!important} @media (max-width:767px){ html body.blv-tb .blv-tb-act>.blv-tb-in{flex-wrap:wrap!important;row-gap:8px} html body.blv-tb .blv-tb-act>.blv-tb-in>.sbox{flex:1 1 100%!important;max-width:none!important} html body.blv-tb .blv-tb-act>.blv-tb-in>.btn,html body.blv-tb .blv-tb-act>.blv-tb-in>button{flex:1 1 0!important;min-width:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} } /* 19) sidebar label rhythm: one family (Jost 500), top 15px / sub 14px; full pill active + inset focus */ html.sb-on .sb a.sb-a:not(.sb-a--sub) .sb-l,html.sb-on .sb button.sb-gb .sb-l{font:500 15px/1.25 var(--font-heading-family,Jost),Jost,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--blv-ink,#1c1c1c)} html.sb-on .sb a.sb-a--sub .sb-l{font:500 14px/1.25 var(--font-heading-family,Jost),Jost,system-ui,sans-serif!important;letter-spacing:0!important;color:#3a3a37} html.sb-on .sb a.sb-a--sub[aria-current=page]{border-radius:10px!important} html.sb-on .sb a.sb-a--sub[aria-current=page] .sb-l{color:var(--blv-teal-h,#093843)!important} html.sb-on .sb .sb-a:focus,html.sb-on .sb .sb-gb:focus{outline:none!important} html.sb-on .sb .sb-a:focus-visible,html.sb-on .sb .sb-gb:focus-visible{outline:2px solid var(--blv-teal,#0d4a57)!important;outline-offset:-2px!important;border-radius:10px!important} /* ===== 20) r2 – calm header: one source of counts (column heads) ===== */ html body.blv-tb .blv-hero__logo, html body.blv-tb .blv-hero__g, html body.blv-tb .blv-kpis, html body.blv-tb:not(.blv-tools) #blv-tb-rev{display:none!important} html body.blv-tb .blv-hero{padding:14px var(--blv-tavle-pad,24px) 10px!important;min-height:0!important;background:#fff!important;border-bottom:1px solid var(--blv-line,#e4e4df)!important} html body.blv-tb .blv-hero__in{display:block!important;min-height:0!important;padding:0!important} html body.blv-tb .blv-hero__t{display:grid!important;grid-template-columns:auto minmax(0,1fr);column-gap:20px;row-gap:2px;align-items:baseline;max-width:none!important} html body.blv-tb .blv-hero__eb{grid-column:1 / -1;margin:0!important;font:500 12px/1.3 var(--font-heading-family,Jost),Jost,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--blv-teal,#0d4a57)!important} html body.blv-tb .blv-hero h1{grid-column:1;margin:0!important;font:600 24px/1.2 var(--font-heading-family,Jost),Jost,sans-serif!important;color:var(--blv-ink,#1c1c1c)!important} html body.blv-tb .blv-hsum{grid-column:2;justify-self:end;margin:0!important;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:2px 0;font:400 13px/1.5 var(--blv-font,Poppins),Poppins,sans-serif;color:#5b5b57;min-width:0} html body.blv-tb .blv-hsum b{font-weight:500;color:var(--blv-ink,#1c1c1c)} html body.blv-tb .blv-hs-i+.blv-hs-i::before{content:"·";margin:0 10px;color:#b8b8b2} html body.blv-tb .blv-hs-info{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid #c9c9c3;font:500 10px/1 var(--blv-font,Poppins),sans-serif;font-style:normal;color:#5b5b57;cursor:help;vertical-align:1px;margin-left:2px} html body.blv-tb .blv-hs-info:focus-visible{outline:2px solid var(--blv-teal,#0d4a57);outline-offset:2px} @media (max-width:900px){ html body.blv-tb .blv-hero__t{grid-template-columns:minmax(0,1fr)} html body.blv-tb .blv-hsum{grid-column:1;justify-self:start;justify-content:flex-start} html body.blv-tb .blv-hero h1{font-size:20px!important} } /* column header sum reads as an estimate (replaces the separate revenue line) */ html body.blv-tb .blv-kb-hrev::before{content:"≈ ";opacity:.7} /* ===== 21) r2 – capacity: one compact line by default ===== */ html body.blv-tb .blv-wk-sum{display:none;align-items:center;gap:0;border:0;background:none;padding:4px 6px;border-radius:8px;cursor:pointer;font:400 13px/1.3 var(--blv-font,Poppins),Poppins,sans-serif;color:#3a3a37;white-space:nowrap} html body.blv-tb .blv-wk-sum span+span::before{content:"·";margin:0 8px;color:#b8b8b2} html body.blv-tb .blv-wk-sum span:first-child{font-weight:500;color:var(--blv-ink,#1c1c1c)} html body.blv-tb .blv-wk-sum:hover{background:var(--blv-stone,#f4f4f2)} html body.blv-tb .blv-wk-sum:focus-visible{outline:2px solid var(--blv-teal,#0d4a57);outline-offset:1px} html body.blv-tb.blv-wkc .blv-wk-sum{display:inline-flex} html body.blv-tb.blv-wkc .blv-tb-wsum{display:none!important} html body.blv-tb.blv-wkc .top2{padding-top:6px!important;padding-bottom:6px!important;min-height:0!important;gap:8px!important} html body.blv-tb.blv-wkc .top2 #week,html body.blv-tb.blv-wkc .top2 .tiles{display:none!important} html body.blv-tb.blv-wkc .blv-tb-cl{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;width:auto!important} html body.blv-tb .blv-wkt i{display:inline-block;transition:transform .2s ease} html body.blv-tb.blv-wkc .blv-wkt i{transform:rotate(-90deg)} @media (prefers-reduced-motion:reduce){html body.blv-tb .blv-wkt i{transition:none}} /* ===== 22) r2 – toolbar: location filter is icon-only until a location is chosen ===== */ html body.blv-tb .blv-plf{position:relative} html body.blv-tb .blv-plf:has(select option[value=""]:checked){width:52px!important;min-width:52px!important;max-width:52px!important;padding:0 8px!important;justify-content:center;gap:2px!important} html body.blv-tb .blv-plf:has(select option[value=""]:checked) select{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer} html body.blv-tb .blv-plf:not(:has(select option[value=""]:checked)){max-width:240px!important} html body.blv-tb section.blv-hero{padding:12px var(--blv-tavle-pad,20px) 10px!important;background:#fff!important;background-image:none!important} html body.blv-tb section.blv-hero .blv-hero__in{padding:0!important;margin:0!important;max-width:none!important} html body.blv-tb section.blv-hero::before,html body.blv-tb section.blv-hero::after{content:none!important} html body.blv-tb .blv-kb-col>h3{padding-top:7px!important;padding-bottom:7px!important;min-height:44px!important} @media (max-width:900px){ html body.blv-tb .blv-hsum{gap:2px 14px;font-size:12.5px} html body.blv-tb .blv-hs-i+.blv-hs-i::before{content:none} html body.blv-tb .blv-hs-i{white-space:nowrap} } /* 23 · r3 section tabs (side.js SEC): one «Meldinger» destination, Innboks/SMS/Påminnelser as tabs */ #blv-pane>.sb-tabs{display:flex;align-items:center;gap:12px;max-width:1180px;margin:0 auto 4px;padding:0 16px;border-bottom:1px solid #e6e6e1;font:500 14px/1.2 var(--blv-font,Poppins),Poppins,sans-serif} #blv-pane>.sb-tabs ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;min-width:0} #blv-pane>.sb-tabs ul::-webkit-scrollbar{display:none} #blv-pane>.sb-tabs li{flex:none} #blv-pane>.sb-tabs ul a{display:flex;align-items:center;min-height:44px;padding:0 12px;color:#5c5c57;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px} #blv-pane>.sb-tabs ul a:hover{color:#1c1c1c} #blv-pane>.sb-tabs ul a[aria-current=page]{color:#1c1c1c;border-bottom-color:#0d4a57} #blv-pane>.sb-tabs a:focus-visible{outline:2px solid #0d4a57;outline-offset:-2px;border-radius:6px} #blv-pane>.sb-tabs__more,#blv-pane>.sb-tabs .sb-tabs__more{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;color:#0d4a57;text-decoration:none;white-space:nowrap;font-size:13px} #blv-pane>.sb-tabs .sb-tabs__more:hover{color:#093843;text-decoration:underline} @media (max-width:767px){#blv-pane>.sb-tabs{padding:0 8px;gap:4px}#blv-pane>.sb-tabs .sb-tabs__more span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}#blv-pane>.sb-tabs .sb-tabs__more{min-width:44px;justify-content:center}} /* Utlevering is an action (opens Kasse dialog), never the current page */ #blv-sb a[data-act=kasse][aria-current]{background:none} /* hsum 2026-10-09: stabil oppsummeringslinje – fast linjehøyde, tabelltall, (i) tar samme plass før/etter oppgradering til info-tips, ingen brudd inne i et ledd */ html body.blv-tb .blv-hsum{line-height:22px;min-height:22px} html body.blv-tb .blv-hsum b{font-variant-numeric:tabular-nums;white-space:nowrap} html body.blv-tb .blv-hs-i{white-space:nowrap} html body.blv-tb .blv-hs-info{box-sizing:border-box;margin:0 5px 0 9px;vertical-align:middle} html body.blv-tb .blv-hsum .blv-tip{vertical-align:middle} /* «Godkjent av kunde»: glødende grønn ramme + «Vis alle ×» (2026-10-09) */ @keyframes blv-ap-glow{0%,100%{box-shadow:0 0 0 1px rgba(48,122,7,.55),0 0 6px 1px rgba(76,175,30,.35);border-color:#4caf1e}50%{box-shadow:0 0 0 2px rgba(48,122,7,.8),0 0 16px 4px rgba(76,175,30,.55);border-color:#307a07}} html body .blv-apchip.is-on{position:relative;border-color:#4caf1e;animation:blv-ap-glow 2.2s ease-in-out infinite} html body .blv-apchip.is-on[aria-pressed=true]{animation:none;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(48,122,7,.45)} html body .blv-apchip.is-on:focus-visible{outline:2px solid #0d4a57;outline-offset:3px} html body .blv-apclr{display:inline-flex;align-items:center;gap:6px;flex:none;height:36px;padding:0 12px;margin:0 0 0 6px;border:1px solid #c9d8cf;border-radius:var(--blv-tavle-r-sm,10px);background:#fff;color:#1c1c1c;font:500 13px/1 var(--blv-font-head,Jost,sans-serif);cursor:pointer} html body .blv-apclr span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#eef2ef;font-size:14px;line-height:1} html body .blv-apclr:hover{background:#e2edef;border-color:#a5e8fd} html body .blv-apclr:focus-visible{outline:2px solid #0d4a57;outline-offset:2px} @media (prefers-reduced-motion:reduce){html body .blv-apchip.is-on{animation:none!important;box-shadow:0 0 0 2px rgba(48,122,7,.55),0 0 10px 2px rgba(76,175,30,.4)}} /* «Godkjent av kunde»-filter i listevisning (mobil) */ html body.blv-tb.blv-apf #list .jrow[data-id]:not([data-apst]){display:none!important} html body.blv-tb.blv-apf #list .jrow[data-apst]{box-shadow:inset 4px 0 0 #307a07} html body.blv-tb.blv-apf #list .jrow[data-apst=delvis]{box-shadow:inset 4px 0 0 #ed8a00} /* bikelink-verksted-kapasitet.css */ /* Spokes – Kapasitet view (#kapasitet) · tavle-v2 r2. Teal ramp for load, red only over capacity, striped grey = fravær. */ .kap{--k-ink:var(--blv-ink,#1c1c1c);--k-mut:#5b5b57;--k-line:var(--blv-line,#e4e4df);--k-stone:var(--blv-stone,#f4f4f2);--k-teal:var(--blv-primary,#0d4a57);--k-teal-h:#093843;--k-t1:#e2edef;--k-t2:#a5e8fd;--k-red:#b42318;--k-redt:#fdecea;--k-r:var(--r-md,10px); max-width:1280px;margin:0 auto;padding:var(--sp-5,20px) var(--sp-5,20px) 48px;font:400 14px/1.45 var(--blv-font,Poppins),Poppins,system-ui,sans-serif;color:var(--k-ink)} .kap h1,.kap h2{font-family:var(--font-heading-family,Jost),Jost,system-ui,sans-serif;font-weight:600;margin:0;color:var(--k-ink)} .kap h1{font-size:26px;line-height:1.15}.kap h2{font-size:18px} .kap-eb{margin:0 0 2px;font:500 12px/1.3 var(--font-heading-family,Jost),Jost,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--k-teal)} .kap-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px} .kap-wk{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--k-line);border-radius:999px;padding:4px} .kap-wk__b{width:36px;height:36px;border-radius:50%;border:0;background:none;font-size:20px;line-height:1;color:var(--k-ink);cursor:pointer} .kap-wk__b:hover{background:var(--k-stone)} .kap-wk__l{display:flex;flex-direction:column;align-items:center;min-width:120px;line-height:1.2} .kap-wk__l b{font:500 15px/1.2 var(--font-heading-family,Jost),Jost,sans-serif}.kap-wk__l small{color:var(--k-mut);font-size:12px} .kap-wk__now{border:0;background:var(--k-t1);color:var(--k-teal-h);border-radius:999px;padding:6px 12px;font:500 13px/1 var(--blv-font,Poppins),sans-serif;cursor:pointer} .kap-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px} .kap-kpi__i{background:#fff;border:1px solid var(--k-line);border-radius:var(--k-r);padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0} .kap-kpi__i span{font-size:12.5px;color:var(--k-mut)} .kap-kpi__i b{font:600 24px/1.15 var(--font-heading-family,Jost),Jost,sans-serif;color:var(--k-ink)} .kap-kpi__i small{font-size:12px;color:var(--k-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .kap-kpi__i.is-risk b{color:var(--k-red)} .kap-lnk{border:0;background:none;padding:0;color:var(--k-teal);font:500 12px/1.3 var(--blv-font,Poppins),sans-serif;text-decoration:underline;text-underline-offset:2px;cursor:pointer} .kap-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start} .kap-main{background:#fff;border:1px solid var(--k-line);border-radius:12px;padding:12px;min-width:0} .kap-grid{display:grid;grid-template-columns:minmax(150px,200px) repeat(var(--n),minmax(72px,1fr));gap:6px;align-items:stretch} .kap-g__corner{font-size:12px;color:var(--k-mut);align-self:end;padding:0 6px 4px} .kap-g__d{border:0;background:none;border-radius:8px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:0;cursor:pointer;color:var(--k-mut);font:400 12px/1.2 var(--blv-font,Poppins),sans-serif} .kap-g__d b{font:500 16px/1.2 var(--font-heading-family,Jost),Jost,sans-serif;color:var(--k-ink)} .kap-g__d.is-today b{color:#fff;background:var(--k-teal);border-radius:999px;min-width:28px;padding:1px 6px} .kap-g__d.is-sel{background:var(--k-stone)} .kap-g__d:hover{background:var(--k-stone)} .kap-g__m{display:flex;align-items:center;gap:10px;padding:0 6px;min-width:0} .kap-g__m b{font:500 14px/1.25 var(--font-heading-family,Jost),Jost,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .kap-av{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--k-t1,#e2edef);color:var(--k-teal-h,#093843);font:500 12px/1 var(--font-heading-family,Jost),Jost,sans-serif} /* cells: teal ramp; text always present */ .kap-c{position:relative;min-height:56px;border:1px solid transparent;border-radius:8px;background:var(--k-stone);display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:4px;padding:6px 8px;cursor:pointer;text-align:left;color:var(--k-ink);overflow:hidden;font:inherit} .kap-c__t{font:500 13px/1.2 var(--blv-font,Poppins),sans-serif;white-space:nowrap} .kap-c__a{font-size:11px;color:var(--k-mut)} .kap-c__bar{height:4px;border-radius:2px;background:rgba(28,28,28,.08);overflow:hidden} .kap-c__bar i{display:block;height:100%;width:var(--p,0%);background:var(--k-teal);border-radius:2px} .kap-c--l0{background:#fafaf8;border-color:var(--k-line)} .kap-c--l1{background:var(--k-t1)} .kap-c--l2{background:color-mix(in srgb,var(--k-t2) 70%,#fff)} .kap-c--l3{background:var(--k-t2)} .kap-c--l3 .kap-c__bar i{background:var(--k-teal-h)} .kap-c--over{background:var(--k-redt);border-color:color-mix(in srgb,var(--k-red) 45%,#fff)} .kap-c--over .kap-c__t{color:var(--k-red)} .kap-c--over .kap-c__bar i{background:var(--k-red);width:100%} .kap-c--off,.kap-c--closed{background:repeating-linear-gradient(135deg,#ecece8 0 6px,#f6f6f3 6px 12px);color:var(--k-mut)} .kap-c--off .kap-c__bar,.kap-c--closed .kap-c__bar{visibility:hidden} .kap-c.has-abs::after{content:"";position:absolute;right:0;top:0;bottom:0;width:var(--pa,0%);background:repeating-linear-gradient(135deg,rgba(28,28,28,.10) 0 5px,transparent 5px 10px);pointer-events:none} .kap-c.is-past{opacity:.55} .kap-c.is-sel{outline:2px solid var(--k-teal);outline-offset:1px} .kap-c:hover{border-color:var(--k-teal)} .kap-c:focus-visible,.kap-g__d:focus-visible,.kap-wk__b:focus-visible,.kap-btn:focus-visible,.kap-dp__b:focus-visible,.kap-jobs button:focus-visible{outline:2px solid var(--k-teal);outline-offset:2px} .kap-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 6px 0;padding:0;font-size:12.5px;color:var(--k-mut)} .kap-legend li{display:flex;align-items:center;gap:6px} .kap-sw{display:inline-block;width:18px;height:12px;border-radius:3px;border:1px solid rgba(28,28,28,.06)} .kap-src{margin:8px 6px 0;font-size:12px;color:var(--k-mut)} /* day panel */ .kap-panel{background:#fff;border:1px solid var(--k-line);border-radius:12px;padding:16px;position:sticky;top:12px;display:flex;flex-direction:column;gap:12px} .kap-panel__h h2{text-transform:none} .kap-pm{border-top:1px solid var(--k-line);padding-top:10px} .kap-pm__h{display:flex;align-items:center;gap:8px} .kap-pm__h b{font:500 14px/1.2 var(--font-heading-family,Jost),Jost,sans-serif;flex:1;min-width:0} .kap-pm__n{font-size:13px;color:var(--k-mut);white-space:nowrap}.kap-pm__n.is-over{color:var(--k-red);font-weight:500} .kap-meter{height:6px;border-radius:3px;background:var(--k-stone);margin:8px 0 6px;overflow:hidden;position:relative} .kap-meter i{display:block;height:100%;width:var(--p,0%);background:var(--k-teal);border-radius:3px} .kap-meter.kap-c--over i{background:var(--k-red);width:100%} .kap-meter.kap-c--off{background:repeating-linear-gradient(135deg,#e4e4df 0 5px,#f4f4f2 5px 10px)} .kap-abs{margin:0 0 6px;font-size:12px;color:var(--k-mut)} .kap-jobs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px} .kap-jobs button{width:100%;display:flex;align-items:center;gap:8px;border:0;background:var(--k-stone);border-radius:8px;padding:8px 10px;cursor:pointer;text-align:left;font:inherit;color:inherit} .kap-jobs button:hover{background:var(--k-t1)} .kap-j__t{flex:1;min-width:0;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .kap-j__t small{display:block;color:var(--k-mut);font-size:12px} .kap-j__h{font-size:12.5px;color:var(--k-mut);white-space:nowrap} .kap-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#94a3b8} .kap-dot--bekreftet{background:var(--s-book,#1d4ed8)}.kap-dot--innlevert{background:var(--s-mot,#475569)}.kap-dot--venter_deler{background:var(--s-del,#b45309)}.kap-dot--ny{background:var(--s-book,#1d4ed8)} .kap-mut{margin:0;font-size:12.5px;color:var(--k-mut)} .kap-tip{background:var(--k-t1);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px} .kap-tip p{margin:0;font-size:13px} .kap-panel__act{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--k-line);padding-top:12px} .kap-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--k-teal);background:var(--k-teal);color:#fff;font:500 13.5px/1 var(--blv-font,Poppins),sans-serif;cursor:pointer;text-decoration:none} .kap-btn:hover{background:var(--k-teal-h)} .kap-btn--q{background:#fff;color:var(--k-ink);border-color:var(--k-line)}.kap-btn--q:hover{background:var(--k-stone)} .kap-btn--s{min-height:34px;font-size:13px;align-self:flex-start} .kap-empty{background:#fff;border:1px dashed var(--k-line);border-radius:12px;padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px} .kap-empty p{margin:0;color:var(--k-mut)} /* mobile day picker (hidden on desktop) */ .kap-mday{display:none} .kap-dp{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px} .kap-dp__b{flex:1 0 46px;min-height:52px;border:1px solid var(--k-line);background:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font:400 12px/1.2 var(--blv-font,Poppins),sans-serif;color:var(--k-mut);cursor:pointer} .kap-dp__b b{font:500 16px/1.2 var(--font-heading-family,Jost),Jost,sans-serif;color:var(--k-ink)} .kap-dp__b[aria-selected=true]{background:var(--k-teal);border-color:var(--k-teal);color:#e2edef} .kap-dp__b[aria-selected=true] b{color:#fff} .kap-dp__b.is-today:not([aria-selected=true]){border-color:var(--k-teal)} @media (max-width:1100px){.kap-body{grid-template-columns:minmax(0,1fr)}.kap-panel{position:static}.kap-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:760px){ .kap{padding:14px 14px 96px}.kap h1{font-size:22px} .kap-hd{align-items:center} .kap-mday{display:block;margin-bottom:12px} .kap-main{display:none} .kap-kpi{gap:8px}.kap-kpi__i{padding:10px 12px}.kap-kpi__i b{font-size:20px} .kap-panel{padding:14px} } @media (prefers-reduced-motion:reduce){.kap *{transition:none!important;animation:none!important}} /* ---- I dag: short summary card replaces per-mechanic bars ---- */ .kap-today{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--k-line,#e4e4df);border-radius:12px;padding:14px 16px;font:400 14px/1.4 var(--blv-font,Poppins),Poppins,sans-serif;color:var(--blv-ink,#1c1c1c)} .kap-today__n{display:flex;flex-direction:column;min-width:140px} .kap-today__n b{font:600 22px/1.15 var(--font-heading-family,Jost),Jost,sans-serif} .kap-today__n small{font-size:12.5px;color:#5b5b57} .kap-today__m{display:flex;gap:14px;flex:1;min-width:200px;flex-wrap:wrap} .kap-today__m>span{display:flex;align-items:center;gap:8px;font-size:13px;color:#3a3a37;min-width:150px;flex:1} .kap-today__m i{flex:1;height:6px;border-radius:3px;background:#f4f4f2;overflow:hidden;min-width:60px} .kap-today__m i::before{content:"";display:block;height:100%;width:var(--p,0%);background:#0d4a57;border-radius:3px} .kap-today__m>span.is-over i::before{background:#b42318;width:100%} .kap-today__m>span.is-off i{background:repeating-linear-gradient(135deg,#e4e4df 0 5px,#f4f4f2 5px 10px)} .kap-today a{margin-left:auto;color:#0d4a57;font-weight:500;text-decoration:none;white-space:nowrap} .kap-today a:hover{text-decoration:underline} body .v4-idag .v4-sec.kap-has-sum .v4-wl{display:none!important} /* ---- Tavle: one compact capacity pill (opens #kapasitet) ---- */ html body.blv-tb .top2{display:none!important} .kap-pill{grid-column:1 / -1;justify-self:start;display:inline-flex;align-items:center;gap:0;margin-top:6px;padding:5px 12px 5px 8px;border-radius:999px;background:var(--blv-stone,#f4f4f2);border:1px solid var(--blv-line,#e4e4df);color:#3a3a37;font:400 13px/1.3 var(--blv-font,Poppins),Poppins,sans-serif;text-decoration:none;white-space:nowrap;max-width:100%;overflow:hidden} .kap-pill span+span::before{content:"·";margin:0 8px;color:#b8b8b2} .kap-pill span:nth-child(2){font-weight:500;color:var(--blv-ink,#1c1c1c)} .kap-pill__i{width:8px;height:8px;border-radius:50%;background:#0d4a57;margin-right:8px} .kap-pill__i+span::before{content:none!important} .kap-pill.is-risk .kap-pill__i{background:#b42318} .kap-pill i{font-style:normal;margin-left:8px;color:#0d4a57;font-size:15px;line-height:1} .kap-pill:hover{background:#e2edef;border-color:#a5e8fd} .kap-pill:focus-visible{outline:2px solid #0d4a57;outline-offset:2px} @media (min-width:901px){html body.blv-tb .blv-hero__t{grid-template-columns:auto auto minmax(0,1fr)}html body.blv-tb .blv-hero__t .kap-pill{grid-column:2;grid-row:2;margin:0;align-self:center}html body.blv-tb .blv-hsum{grid-column:3}} /* search «Gå til Kapasitet» */ .kap-goto{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid var(--blv-line,#e4e4df);border-radius:10px;box-shadow:0 8px 24px rgba(28,28,28,.10);color:var(--blv-ink,#1c1c1c);font:500 14px/1.2 var(--blv-font,Poppins),sans-serif;text-decoration:none} .kap-goto[hidden]{display:none} .kap-goto span{color:#0d4a57}.kap-goto kbd{margin-left:auto;font:500 11px/1 var(--blv-font,Poppins),sans-serif;border:1px solid var(--blv-line,#e4e4df);border-radius:4px;padding:3px 6px;color:#5b5b57} .kap-goto:hover{background:#e2edef} .kap-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .kap-hd{justify-content:flex-start;align-items:center;margin-bottom:14px} .kap-c--past{background:#fafaf8;border-color:transparent;color:#a3a39e} .kap-c--past .kap-c__bar{visibility:hidden} .kap-c.is-past{opacity:1} .kap-today .kap-av{width:28px;height:28px;font-size:11px} body .v4-idag .v4-sec.kap-has-sum .v4-h2r .v4-lnk{display:none!important} .kap-wk__now{min-height:36px} .kap-lnk{padding:6px 0;min-height:32px} .kap-c--past .kap-c__t{text-align:center} @media (max-width:760px){ .kap-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px} .kap-kpi__i{padding:8px 10px;gap:0}.kap-kpi__i b{font-size:18px}.kap-kpi__i span{font-size:12px} .kap-kpi__i small{font-size:11.5px} .kap-wk{width:100%;justify-content:space-between} } /* r3 polish: quiet empty/past cells, subtle today column, one-row legend */ .kap{--k-band:#eef7f9} .kap-c.is-empty,.kap-c--past{background:transparent!important;border-color:transparent!important;justify-content:center;align-items:center} .kap-c.is-empty .kap-c__bar,.kap-c--past .kap-c__bar{display:none} .kap-c.is-empty .kap-c__t,.kap-c--past .kap-c__t{color:#c4c4bf;font-weight:400;text-align:center} .kap-c.is-empty:hover,.kap-c--past:hover{background:var(--k-stone)!important} .kap-g__d.is-today{background:var(--k-band);box-shadow:0 0 0 4px var(--k-band);border-radius:10px 10px 4px 4px} .kap-g__d.is-today.is-sel{background:var(--k-band)} .kap-c.is-today{box-shadow:0 0 0 4px var(--k-band)} .kap-c.is-today.is-empty{background:var(--k-band)!important} .kap-legend{flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;scrollbar-width:none} .kap-legend::-webkit-scrollbar{display:none} .kap-legend li{flex:none} /* ferie 2026-10-09: godkjent ferie i rolig grønnblått, ikke grå/rød */ .kap-c--off.is-ferie,.kap-meter.kap-c--off.is-ferie{background:repeating-linear-gradient(135deg,#e2f1ea 0 6px,#f1f9f5 6px 12px);color:#1f6b52} .kap-c.has-abs.is-ferie .kap-c__a{color:#1f6b52} .kap-today__m>span.is-off.is-ferie i{background:repeating-linear-gradient(135deg,#cfe8dc 0 5px,#eaf6f0 5px 10px)} .kap-today__m>span.is-off.is-ferie .kap-av{background:#e7f4ef;color:#1f6b52} /* bikelink-verksted-app-v2.css */ /* ===== Spokes app v2 – design system layer (COPY only) ========================================= Loads after type.css + tavle-v2.css. Shares tokens with type.css (--blv-*) and tavle-v2 (status --s-*). Scope: every view EXCEPT the Tavle board and the sidebar (tavle-v2 owns those). Selector root: html.av2 (set by app-v2.js); views: html[data-av2v=""]; non-board pane: body.blv-tools #blv-pane Docs: /workspace/bikelink/verksted/app-v2/DESIGN-SYSTEM.md =============================================================================================== */ html.av2{ /* spacing 4/8 */ --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px; /* radii (match tavle-v2: 12 / 10) */ --r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:16px;--r-pill:999px; /* elevation: e1 = tavle-v2 card shadow */ --e0:none;--e1:0 1px 2px rgba(28,28,28,.04),0 4px 12px rgba(28,28,28,.05);--e2:0 2px 6px rgba(28,28,28,.06),0 16px 40px rgba(28,28,28,.12);--e3:0 24px 64px rgba(28,28,28,.22); /* surfaces + text (aliases of type.css) */ --av2-bg:var(--blv-bg,#f4f4f2);--av2-card:#fff;--av2-line:var(--blv-line,#e4e4df);--av2-line2:var(--blv-line2,#d4d4ce); --av2-ink:var(--blv-ink,#1c1c1c);--av2-ink2:var(--blv-ink2,#3a3a37);--av2-muted:var(--blv-muted,#5c5c57); --av2-p:var(--blv-primary,#0d4a57);--av2-ph:var(--blv-primary-h,#093843);--av2-pt:var(--blv-primary-t,#e2edef);--av2-pl:var(--blv-primary-l,#a5e8fd);--av2-pi:var(--blv-primary-i,#0b5566); --av2-hover:#f7f7f5; --av2-ring:0 0 0 2px #fff,0 0 0 4px var(--blv-primary,#0d4a57); /* motion */ --av2-ease:cubic-bezier(.2,.7,.2,1);--av2-fast:120ms;--av2-med:200ms; --av2-head:var(--blv-font-head,Jost,system-ui,sans-serif);--av2-body:var(--blv-font,Poppins,system-ui,sans-serif); --av2-maxw:1160px;--av2-px:32px; } @media (max-width:1023px){html.av2{--av2-px:24px}} @media (max-width:600px){html.av2{--av2-px:16px}} /* ---------- 1. Page header (hero → Polaris-style header on non-board views) ---------- */ html.av2.av2-ph body.blv-tools .blv-hero{background:#fff!important;border-bottom:1px solid var(--av2-line)!important;box-shadow:none!important} html.av2.av2-ph body.blv-tools .blv-hero::before,html.av2.av2-ph body.blv-tools .blv-hero::after{display:none!important} html.av2.av2-ph body.blv-tools .blv-hero__in{max-width:calc(var(--av2-maxw) + 2*var(--av2-px));margin:0 auto;padding:var(--sp-5) var(--av2-px) var(--sp-5)!important;box-sizing:border-box;align-items:flex-end!important} html.av2.av2-ph body.blv-tools .blv-hero__eb,html.av2.av2-ph body.blv-tools .blv-hero__logo{display:none!important} html.av2.av2-ph body.blv-tools .blv-hero h1{font:600 28px/1.15 var(--av2-head)!important;letter-spacing:0!important;color:var(--av2-ink)!important;margin:var(--sp-1) 0 0!important;text-transform:none!important} html.av2.av2-ph body.blv-tools .blv-hero__g{font:400 14px/1.5 var(--av2-body)!important;color:var(--av2-muted)!important;opacity:1!important;margin:var(--sp-1) 0 0!important;max-width:72ch} html.av2.av2-ph body.blv-tools .blv-hero__g:not(.av2-desc){display:none!important} .av2-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px;font:500 12px/1.4 var(--av2-body,Poppins,sans-serif);color:var(--av2-muted,#5c5c57);min-height:20px} .av2-crumb a{color:var(--av2-muted,#5c5c57);text-decoration:none;border-radius:var(--r-xs,6px);padding:2px 4px;margin:-2px -4px} .av2-crumb a:hover{color:var(--av2-ink,#1c1c1c);background:var(--av2-hover,#f7f7f5)} .av2-crumb .blv-i{margin:0!important;vertical-align:-2px;color:#a3a39c} .av2-crumb [aria-current]{color:var(--av2-ink2,#3a3a37)} html.av2 body.blv-tb:not(.blv-tools) .av2-crumb{display:none} /* in-page duplicates moved into the header */ html.av2.av2-ph #blv-pane .av2-dup{display:none!important} /* ---------- 2. Page body / container ---------- */ html.av2.av2-ph body.blv-tools{background:var(--av2-bg)!important} html.av2.av2-ph body.blv-tools #blv-pane>.bt-in{max-width:calc(var(--av2-maxw) + 2*var(--av2-px))!important;margin:0 auto!important;padding:var(--sp-6) var(--av2-px) var(--sp-12)!important;box-sizing:border-box} html.av2.av2-ph body.blv-tools #blv-pane{font-family:var(--av2-body);color:var(--av2-ink);background:transparent!important} /* section headings: calm sentence case */ html.av2.av2-ph #blv-pane .bt-h3,html.av2.av2-ph #blv-pane .rp-card__h,html.av2.av2-ph #blv-pane .v4-sec>h2,html.av2.av2-ph #blv-pane .v4-h2r h2{font:600 15px/1.3 var(--av2-head)!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--av2-ink)!important;display:flex;align-items:center;gap:var(--sp-2)} html.av2.av2-ph #blv-pane .bt-h3 .blv-i,html.av2.av2-ph #blv-pane .rp-card__h .blv-i{color:var(--av2-p);margin:0!important;flex:none} html.av2.av2-ph #blv-pane .bt-in>.bt-h:not(.av2-dup){font:600 22px/1.2 var(--av2-head)!important;letter-spacing:0!important;text-transform:none!important} html.av2.av2-ph #blv-pane .stg-l,html.av2.av2-ph #blv-pane .stg-h,html.av2.av2-ph #blv-pane .v4-k{font:600 12px/1.3 var(--av2-head)!important;letter-spacing:.06em!important;color:var(--av2-muted)!important} /* ---------- 3. Cards / sections ---------- */ html.av2.av2-ph #blv-pane :is(.bt-card,.v4-card,.rp-card,.mk-card,.kp-card){background:var(--av2-card)!important;border:1px solid var(--av2-line)!important;border-radius:var(--r-xl)!important;box-shadow:var(--e1)!important} html.av2.av2-ph #blv-pane .bt-card{padding:var(--sp-5) var(--sp-6)!important} @media (max-width:600px){html.av2.av2-ph #blv-pane .bt-card{padding:var(--sp-4)!important}} /* rows inside cards: flat list, hairline separators (no boxes-in-boxes) */ html.av2.av2-ph #blv-pane .bt-card .bt-sup{background:transparent!important;border:0!important;border-bottom:1px solid var(--av2-line)!important;border-radius:0!important;box-shadow:none!important;padding:var(--sp-3) var(--sp-1)!important;margin:0!important;transition:background var(--av2-fast) var(--av2-ease)} html.av2.av2-ph #blv-pane .bt-card .bt-sup:last-child{border-bottom:0!important} html.av2.av2-ph #blv-pane .bt-card .bt-sup:hover{background:var(--av2-hover)!important} html.av2.av2-ph #blv-pane .bt-sup b{font-weight:500!important} html.av2.av2-ph #blv-pane .bt-muted{color:var(--av2-muted)!important} html.av2.av2-ph #blv-pane .bt-grid{gap:var(--sp-5)!important} /* ---------- 4. Buttons ---------- */ html.av2.av2-ph #blv-pane :is(.bt-btn,.v4-btn,.blv-btn2),.av2-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-4)!important;border-radius:var(--r-md)!important;font:500 13.5px/1 var(--av2-body)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;transition:background var(--av2-fast) var(--av2-ease),border-color var(--av2-fast) var(--av2-ease),color var(--av2-fast) var(--av2-ease),transform var(--av2-fast) var(--av2-ease);cursor:pointer;white-space:nowrap} html.av2.av2-ph #blv-pane :is(.bt-btn:not(.bt-btn--g):not(.bt-btn--s),.v4-btn:not(.v4-btn--g),.blv-btn2--p),.av2-btn--p{background:var(--av2-p)!important;color:#fff!important;border:1px solid var(--av2-p)!important} html.av2.av2-ph #blv-pane :is(.bt-btn:not(.bt-btn--g):not(.bt-btn--s),.v4-btn:not(.v4-btn--g),.blv-btn2--p):hover,.av2-btn--p:hover{background:var(--av2-ph)!important;border-color:var(--av2-ph)!important} html.av2.av2-ph #blv-pane :is(.bt-btn--g,.bt-btn--s,.v4-btn--g,.blv-btn2:not(.blv-btn2--p)),.av2-btn--g{background:#fff!important;color:var(--av2-ink)!important;border:1px solid var(--av2-line2)!important} html.av2.av2-ph #blv-pane :is(.bt-btn--g,.bt-btn--s,.v4-btn--g,.blv-btn2:not(.blv-btn2--p)):hover,.av2-btn--g:hover{background:var(--av2-hover)!important;border-color:#bdbdb6!important} html.av2.av2-ph #blv-pane .bt-btn--s{min-height:34px;padding:0 var(--sp-3)!important;font-size:13px!important} html.av2.av2-ph #blv-pane :is(.bt-btn,.v4-btn,.blv-btn2):active,.av2-btn:active{transform:translateY(1px)} html.av2.av2-ph #blv-pane :is(.bt-btn,.v4-btn,.blv-btn2) .blv-i{margin:0!important;flex:none} @media (pointer:coarse){html.av2.av2-ph #blv-pane :is(.bt-btn,.v4-btn,.blv-btn2),.av2-btn{min-height:44px}} /* ---------- 5. Forms ---------- */ html.av2.av2-ph #blv-pane :is(input[type=text],input[type=search],input[type=number],input[type=email],input[type=tel],input[type=url],input[type=date],input[type=time],input:not([type]),select,textarea){min-height:40px;border:1px solid var(--av2-line2)!important;border-radius:var(--r-md)!important;background:#fff!important;font:400 14px/1.3 var(--av2-body)!important;color:var(--av2-ink)!important;box-shadow:none!important;transition:border-color var(--av2-fast) var(--av2-ease),box-shadow var(--av2-fast) var(--av2-ease)} html.av2.av2-ph #blv-pane :is(input,select,textarea):hover:not(:focus):not([type=checkbox]):not([type=radio]){border-color:#bdbdb6!important} html.av2.av2-ph #blv-pane :is(input,select,textarea):focus{border-color:var(--av2-p)!important;box-shadow:0 0 0 3px rgba(13,74,87,.18)!important;outline:none!important} html.av2.av2-ph #blv-pane :is(input,textarea)::placeholder{color:#8a8a84} html.av2.av2-ph #blv-pane .bt-tools{gap:var(--sp-3)!important;align-items:center} html.av2.av2-ph #blv-pane .bt-f label,html.av2.av2-ph #blv-pane .v4-fld>span{font:500 12.5px/1.3 var(--av2-body)!important;color:var(--av2-ink2)!important} /* ---------- 6. Tables ---------- */ html.av2.av2-ph #blv-pane :is(table.bt-t,.v4-tbl,.bt-tw table,table){border-collapse:separate;border-spacing:0} html.av2.av2-ph #blv-pane :is(.bt-t,.v4-tbl,.bt-tw table) th{position:sticky;top:0;z-index:1;background:#fafaf8!important;font:500 12px/1.3 var(--av2-body)!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--av2-muted)!important;border-bottom:1px solid var(--av2-line)!important;padding:10px 12px!important;text-align:left} html.av2.av2-ph #blv-pane :is(.bt-t,.v4-tbl,.bt-tw table) td{border-bottom:1px solid var(--av2-line)!important;padding:10px 12px!important;font-size:13.5px;vertical-align:middle} html.av2.av2-ph #blv-pane :is(.bt-t,.v4-tbl,.bt-tw table) tbody tr{transition:background var(--av2-fast) var(--av2-ease)} html.av2.av2-ph #blv-pane :is(.bt-t,.v4-tbl,.bt-tw table) tbody tr:hover td{background:var(--av2-hover)} html.av2.av2-ph #blv-pane :is(.bt-t,.v4-tbl,.bt-tw table) td.n,html.av2.av2-ph #blv-pane :is(.bt-t,.v4-tbl) th.n,html.av2.av2-ph #blv-pane td:is(.c-cost,.c-price,.c-qty,.c-res,.c-inc,.c-min){font-variant-numeric:tabular-nums} html.av2.av2-ph #blv-pane .bt-tw{border:1px solid var(--av2-line);border-radius:var(--r-xl);background:#fff;box-shadow:var(--e1);overflow:auto} /* ---------- 7. Pills / badges (non-status) ---------- */ html.av2.av2-ph #blv-pane .bt-pill{border-radius:var(--r-pill)!important;font:500 12px/1 var(--av2-body)!important;padding:5px 10px!important;letter-spacing:0!important;text-transform:none!important} /* ---------- 8. Segmented controls / tabs ---------- */ html.av2.av2-ph #blv-pane :is(.v4-seg,.rp-seg3,.stg-gs){background:#efefec!important;border:0!important;border-radius:var(--r-md)!important;padding:3px!important;gap:2px!important} html.av2.av2-ph #blv-pane :is(.v4-seg,.rp-seg3,.stg-gs) button{border-radius:var(--r-sm)!important;font:500 13px/1 var(--av2-body)!important;min-height:34px} html.av2.av2-ph #blv-pane :is(.v4-seg,.rp-seg3,.stg-gs) :is(button[aria-pressed=true],button[aria-current],button.on,button.is-on){background:#fff!important;color:var(--av2-ink)!important;box-shadow:0 1px 2px rgba(28,28,28,.08)!important} html.av2.av2-ph #blv-pane .stg-tabs .stg-tab{font:500 13.5px/1 var(--av2-body)!important;border-radius:0!important;min-height:44px} html.av2.av2-ph #blv-pane .stg-tabs .stg-tab[aria-current]{color:var(--av2-ink)!important;box-shadow:inset 0 -2px 0 var(--av2-p)!important} /* ---------- 9. Switches ---------- */ html.av2.av2-ph #blv-pane .bt-sw input:checked+*,html.av2.av2-ph #blv-pane .bt-sw[aria-checked=true],html.av2.av2-ph #blv-pane .bt-sw.on{background:var(--av2-p)!important;border-color:var(--av2-p)!important} /* ---------- 10. Empty states ---------- */ html.av2.av2-ph #blv-pane :is(.blv-empty,.fx-empty,.v4-empty){display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4)!important;text-align:center;color:var(--av2-muted)!important;font:400 13.5px/1.5 var(--av2-body)!important} html.av2.av2-ph #blv-pane td.blv-empty{display:table-cell!important} html.av2.av2-ph #blv-pane :is(.blv-empty,.fx-empty) svg.blv-i:first-child{width:22px;height:22px;padding:13px;box-sizing:content-box;border-radius:50%;background:var(--av2-pt);color:var(--av2-p)!important;margin:0 0 var(--sp-1)!important} .av2-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-4);color:var(--av2-muted);font:400 14px/1.5 var(--av2-body)} .av2-empty p{margin:0;max-width:44ch} .av2-empty__i{display:inline-flex;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;background:var(--av2-pt);color:var(--av2-p)} .av2-empty__i .blv-i{margin:0!important} /* ---------- 11. Notes / warnings ---------- */ html.av2.av2-ph #blv-pane :is(.bt-note,.bt-warn){border-radius:var(--r-lg)!important;padding:var(--sp-3) var(--sp-4)!important;font:400 13.5px/1.5 var(--av2-body)!important;border:1px solid var(--av2-line)!important;background:#fafaf8!important;color:var(--av2-ink2)!important} html.av2.av2-ph #blv-pane .bt-note{background:var(--av2-pt)!important;border-color:#c7e9ef!important} html.av2.av2-ph #blv-pane .bt-warn{background:var(--blv-warn-b,#fdf1e0)!important;border-color:#f5d6a6!important;color:#5a3a00!important} /* ---------- 12. Focus rings (keyboard only) ---------- */ html.av2 #blv-pane :is(a,button,[role=button],[tabindex]):focus-visible,html.av2 :is(.av2-pal,.av2-modal,.av2-help,.av2-srail,.av2-save,.blv-tour) :is(a,button,input):focus-visible{outline:none!important;box-shadow:var(--av2-ring)!important} /* ---------- 13. Toast ---------- */ html.av2 #toast.toast{background:var(--av2-ink)!important;color:#fff!important;border-radius:var(--r-lg)!important;box-shadow:var(--e2)!important;font:500 13.5px/1.4 var(--av2-body)!important;padding:12px 16px!important} /* ---------- 14. Settings: index rail + page ---------- */ html.av2.av2-set body.blv-tools #blv-pane{display:grid;grid-template-columns:248px minmax(0,1fr);gap:0 var(--sp-8);max-width:calc(var(--av2-maxw) + 2*var(--av2-px));margin:0 auto;padding:0 var(--av2-px);box-sizing:border-box} html.av2.av2-set body.blv-tools #blv-pane>.bt-in{padding-left:0!important;padding-right:0!important;max-width:880px!important;margin:0!important;width:100%} .av2-srail{position:sticky;top:12px;align-self:start;padding:var(--sp-6) 0 var(--sp-8);max-height:calc(100vh - 24px);overflow:auto;font-family:var(--av2-body)} .av2-srail__hd{font:600 13px/1.2 var(--av2-head);letter-spacing:.06em;text-transform:uppercase;color:var(--av2-muted);margin:0 0 var(--sp-3) var(--sp-3)} .av2-srail__f{display:flex;align-items:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-3);border:1px solid var(--av2-line2);border-radius:var(--r-md);background:#fff;color:var(--av2-muted);margin-bottom:var(--sp-4)} .av2-srail__f:focus-within{border-color:var(--av2-p);box-shadow:0 0 0 3px rgba(13,74,87,.18)} .av2-srail__f .blv-i{margin:0!important} .av2-srail__f input,html.av2.av2-ph #blv-pane .av2-srail__f input{border:0!important;min-height:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;font:400 14px var(--av2-body);width:100%;min-height:0!important;box-shadow:none!important;padding:0!important;color:var(--av2-ink)} .av2-srail__g{margin-bottom:var(--sp-4)} .av2-srail__gl{font:500 12px/1.3 var(--av2-body);color:#7a7a74;margin:0 0 var(--sp-1) var(--sp-3)} .av2-srail a{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--av2-ink2);text-decoration:none;font:400 14px/1.2 var(--av2-body);transition:background var(--av2-fast) var(--av2-ease)} .av2-srail a .blv-i{margin:0!important;color:#7a7a74;flex:none} .av2-srail a:hover{background:#ebebe7;color:var(--av2-ink)} .av2-srail a[aria-current]{background:#fff;color:var(--av2-ink);font-weight:500;box-shadow:inset 3px 0 0 var(--av2-p),0 1px 2px rgba(28,28,28,.06)} .av2-srail a[aria-current] .blv-i{color:var(--av2-p)} .av2-srail a[hidden],.av2-srail__g[hidden]{display:none} /* the old group/tab bar + back link are replaced by the rail on wide screens */ @media (min-width:1100px){html.av2.av2-set #blv-pane .stg-nav{display:none!important}} @media (max-width:1099px){html.av2.av2-set body.blv-tools #blv-pane{display:block;padding:0}html.av2.av2-set body.blv-tools #blv-pane>.bt-in{padding-left:var(--av2-px)!important;padding-right:var(--av2-px)!important;max-width:none!important}.av2-srail{display:none}} /* settings rows (Alle innstillinger) */ html.av2.av2-ph #blv-pane .stg-c{border-radius:var(--r-xl)!important;border:1px solid var(--av2-line)!important;box-shadow:var(--e1)!important;overflow:hidden;background:#fff} html.av2.av2-ph #blv-pane .stg-r{min-height:64px;padding:var(--sp-3) var(--sp-5)!important;transition:background var(--av2-fast) var(--av2-ease)} html.av2.av2-ph #blv-pane .stg-r:hover{background:var(--av2-hover)!important} html.av2.av2-ph #blv-pane .stg-i{background:var(--av2-pt)!important;color:var(--av2-p)!important;border-radius:var(--r-md)!important} html.av2.av2-ph #blv-pane .stg-tx b,html.av2.av2-ph #blv-pane .stg-tx strong{font:500 14.5px/1.3 var(--av2-body)!important} html.av2.av2-ph #blv-pane .stg-st{background:#f1f1ee!important;color:var(--av2-ink2)!important;border-radius:var(--r-pill)!important;font:500 12px/1 var(--av2-body)!important} /* integration tiles: provider marks keep their own brand colours */ html.av2.av2-ph #blv-pane .stg-pc{border-radius:var(--r-xl)!important;border:1px solid var(--av2-line)!important;box-shadow:none!important;background:#fff!important;padding:var(--sp-4) var(--sp-5)!important;transition:border-color var(--av2-fast) var(--av2-ease),box-shadow var(--av2-fast) var(--av2-ease),transform var(--av2-fast) var(--av2-ease)} html.av2.av2-ph #blv-pane .stg-pc:hover{border-color:var(--av2-pl)!important;box-shadow:var(--e1)!important} html.av2.av2-ph #blv-pane .stg-pc .blv-lm,html.av2.av2-ph #blv-pane .stg-lg{border-radius:10px!important;width:40px;height:40px;min-width:40px;font:600 12px/1 var(--av2-body)!important} /* sticky save / autosave bar */ .av2-save{position:fixed;z-index:60;right:24px;bottom:20px;display:flex;align-items:center;gap:var(--sp-3);font:500 13px/1.3 var(--av2-body,Poppins,sans-serif);border-radius:var(--r-pill);transition:opacity var(--av2-med) var(--av2-ease)} .av2-save .blv-i{margin:0!important} .av2-save.is-none{display:none} .av2-save.is-quiet{background:rgba(255,255,255,.92);border:1px solid var(--av2-line);color:var(--av2-muted);padding:8px 14px;box-shadow:var(--e1);backdrop-filter:blur(6px)} .av2-save.is-quiet .blv-i{color:var(--blv-ok,#307a07)} .av2-save.is-ok{background:#fff;border:1px solid #cfe5c6;color:#245c06;padding:8px 14px;box-shadow:var(--e1)} .av2-save.is-dirty{right:50%;transform:translateX(50%);background:var(--av2-ink);color:#fff;padding:8px 8px 8px 18px;box-shadow:var(--e2)} .av2-save.is-dirty .av2-btn{min-height:36px!important} .av2-save.is-dirty .av2-btn--g{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important} .av2-save__dot{width:8px;height:8px;border-radius:50%;background:var(--blv-warn,#ed8a00)} @media (max-width:768px){.av2-save{right:50%;transform:translateX(50%);bottom:calc(76px + env(safe-area-inset-bottom,0px))}.av2-save.is-quiet{display:none}} /* ---------- 15. Top bar: command button + help ---------- */ .av2-help{position:relative;display:inline-flex;align-items:center;gap:var(--sp-2);margin-left:auto;margin-right:var(--sp-2);text-transform:none;letter-spacing:0} .blv-nav .av2-help~.blv-lang{margin-left:0!important} .av2-cmdk{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 6px 0 12px;border:1px solid var(--av2-line2,#d4d4ce);border-radius:var(--r-md,10px);background:#fff;color:var(--av2-muted,#5c5c57);font:400 13px/1 var(--av2-body,Poppins,sans-serif);cursor:pointer;min-width:220px;transition:border-color var(--av2-fast) var(--av2-ease)} .av2-cmdk:hover{border-color:#bdbdb6;color:var(--av2-ink,#1c1c1c)} .av2-cmdk span{flex:1;text-align:left} .av2-cmdk .blv-i{margin:0!important} .av2-cmdk kbd,.av2-pal kbd,.av2-keys kbd{font:500 11px/1 var(--av2-body,Poppins,sans-serif);color:var(--av2-muted,#5c5c57);background:#f4f4f2;border:1px solid var(--av2-line,#e4e4df);border-bottom-width:2px;border-radius:6px;padding:4px 6px} .av2-hb{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--av2-line2,#d4d4ce);background:#fff;color:var(--av2-ink,#1c1c1c);cursor:pointer;position:relative} .av2-hb::after{content:"";position:absolute;inset:-4px} .av2-hb:hover,.av2-hb[aria-expanded=true]{background:var(--av2-pt,#e2edef);border-color:var(--av2-pl,#a5e8fd);color:var(--av2-pi,#0b5566)} .av2-hb .blv-i{margin:0!important} .av2-hm{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:300px;background:#fff;border:1px solid var(--av2-line,#e4e4df);border-radius:var(--r-xl,16px);box-shadow:var(--e2);padding:var(--sp-2);font-family:var(--av2-body,Poppins,sans-serif)} .av2-hm__h{font:600 12px/1.3 var(--av2-head,Jost,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--av2-muted,#5c5c57);padding:8px 10px 6px} .av2-hm [role=menuitem]{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:44px;padding:10px;border:0;background:transparent;border-radius:var(--r-md,10px);text-align:left;cursor:pointer;color:var(--av2-ink,#1c1c1c);text-decoration:none;font:inherit} .av2-hm [role=menuitem]:hover,.av2-hm [role=menuitem]:focus{background:#f4f4f2;outline:none} .av2-hm b{display:block;font:500 14px/1.3 var(--av2-body,Poppins,sans-serif)} .av2-hm small{display:block;font:400 12px/1.35 var(--av2-body,Poppins,sans-serif);color:var(--av2-muted,#5c5c57);margin-top:2px} .av2-hm__i{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-md,10px);background:var(--av2-pt,#e2edef);color:var(--av2-p,#0d4a57);flex:none} .av2-hm__i .blv-i{margin:0!important} @media (max-width:900px){.av2-cmdk{min-width:0;width:36px;height:36px;padding:0;justify-content:center;border-radius:50%}.av2-cmdk span,.av2-cmdk kbd{display:none}} @media (max-width:600px){.av2-hm{position:fixed;left:8px;right:8px;top:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:auto}} /* ---------- 16. Command palette + modal ---------- */ .av2-pal,.av2-modal{position:fixed;inset:0;z-index:1000;font-family:var(--av2-body,Poppins,sans-serif)} .av2-pal__bg,.av2-modal__bg{position:absolute;inset:0;background:rgba(28,28,28,.32);backdrop-filter:blur(2px);animation:av2-fade var(--av2-med,200ms) var(--av2-ease)} .av2-pal__box{position:relative;margin:12vh auto 0;width:min(640px,calc(100vw - 24px));background:#fff;border-radius:var(--r-xl,16px);box-shadow:var(--e3);overflow:hidden;animation:av2-pop var(--av2-med,200ms) var(--av2-ease)} .av2-pal__in{display:flex;align-items:center;gap:12px;padding:0 16px;height:56px;border-bottom:1px solid var(--av2-line,#e4e4df);color:var(--av2-muted,#5c5c57)} .av2-pal__in .blv-i{margin:0!important} .av2-pal__in input{flex:1;border:0;outline:0;font:400 16px/1 var(--av2-body,Poppins,sans-serif);color:var(--av2-ink,#1c1c1c);background:transparent;min-width:0} .av2-pal__l{max-height:min(420px,60vh);overflow:auto;padding:6px} .av2-pal__h{font:500 11.5px/1.2 var(--av2-body,Poppins,sans-serif);color:#7a7a74;padding:10px 12px 4px} .av2-pal__r{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:var(--r-md,10px);cursor:pointer;color:var(--av2-ink,#1c1c1c);font:400 14px/1.25 var(--av2-body,Poppins,sans-serif)} .av2-pal__r.is-on{background:var(--av2-pt,#e2edef)} .av2-pal__i{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:8px;background:#f4f4f2;color:var(--av2-ink2,#3a3a37);flex:none} .av2-pal__r.is-on .av2-pal__i{background:#fff;color:var(--av2-p,#0d4a57)} .av2-pal__i .blv-i{margin:0!important} .av2-pal__t{flex:1;min-width:0} .av2-pal__t small{display:inline;margin-left:8px;color:#7a7a74;font-size:12px} .av2-pal__none{padding:28px 16px;text-align:center;color:var(--av2-muted,#5c5c57);font-size:14px} .av2-pal__f{border-top:1px solid var(--av2-line,#e4e4df);padding:10px 16px;font-size:12px;color:#7a7a74;background:#fafaf8} @media (max-width:600px){.av2-pal__box{margin:8px auto 0;width:calc(100vw - 16px)}} .av2-modal__box{position:relative;margin:10vh auto 0;width:min(560px,calc(100vw - 24px));max-height:80vh;overflow:auto;background:#fff;border-radius:var(--r-xl,16px);box-shadow:var(--e3);animation:av2-pop var(--av2-med,200ms) var(--av2-ease)} .av2-modal--v .av2-modal__box{width:min(960px,calc(100vw - 24px))} .av2-modal--s .av2-modal__box{width:min(440px,calc(100vw - 24px))} .av2-modal__hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px 24px;border-bottom:1px solid var(--av2-line,#e4e4df)} .av2-modal__hd h2{margin:0;font:600 18px/1.2 var(--av2-head,Jost,sans-serif);color:var(--av2-ink,#1c1c1c)} .av2-modal__bd{padding:20px 24px 24px} .av2-ib{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--av2-ink,#1c1c1c);cursor:pointer} .av2-ib:hover{background:#f4f4f2}.av2-ib .blv-i{margin:0!important} .av2-vid video{display:block;width:100%;border-radius:var(--r-lg,12px);background:#1c1c1c;aspect-ratio:16/9} .av2-keys{margin:0;display:grid;gap:2px} .av2-keys>div{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px;border-bottom:1px solid #f0f0ec} .av2-keys dt{display:flex;gap:4px}.av2-keys dd{margin:0;color:var(--av2-ink2,#3a3a37);font-size:14px} @media (max-width:600px){.av2-modal__box{position:absolute;left:0;right:0;bottom:0;margin:0;width:auto;max-height:88vh;border-radius:20px 20px 0 0}} @keyframes av2-fade{from{opacity:0}to{opacity:1}} @keyframes av2-pop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}} /* ---------- 17. Motion: respect reduced motion ---------- */ @media (prefers-reduced-motion:reduce){html.av2 *,html.av2 *::before,html.av2 *::after{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}} /* ---------- 18. Small fixes found in the audit ---------- */ /* buttons whose label already starts with «+»: no extra plus icon (icons.js) – keep spacing tidy */ html.av2 #blv-pane .blv-plus-t{gap:6px} /* no horizontal page overflow on narrow screens */ @media (max-width:600px){html.av2.av2-ph body.blv-tools #blv-pane{overflow-x:clip}html.av2.av2-ph body.blv-tools .blv-hero h1{font-size:24px!important}html.av2.av2-ph body.blv-tools .blv-hero__in{padding-top:var(--sp-4)!important;padding-bottom:var(--sp-4)!important}} /* 390: kompakt topp og tomtilstand, så første handling (f.eks. «Mottatt») står over bunnmenyen */ @media (max-width:600px){html.av2.av2-ph body.blv-tools .blv-hero__in{padding-top:var(--sp-3)!important;padding-bottom:var(--sp-3)!important}html.av2.av2-ph body.blv-tools .blv-hero h1{font-size:22px!important;margin-top:2px!important}html.av2.av2-ph body.blv-tools .blv-hero__g.av2-desc{display:none!important}html.av2.av2-ph #blv-pane :is(.blv-empty,.fx-empty,.v4-empty){padding:var(--sp-4) var(--sp-3)!important}.av2-empty{padding:var(--sp-4) var(--sp-3)}} /* tavle-v2 r3 skjuler .blv-hero__g (hilsenen) – vi viser bare vår egen én-linjes sidebeskrivelse, og kun på brede skjermer */ @media (min-width:601px){html.av2.av2-ph body.blv-tb.blv-tools .blv-hero .blv-hero__g.av2-desc{display:block!important;grid-column:1/-1;margin-top:2px!important}} /* mekswitch 2026-10-09: Mekanikervisning – mekaniker-brytere som rene piller (rotårsak: .mk-av-kollisjon med Mekanikere-siden, scopet i mekanikere.css) */ html body .mk-who{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:0 0 14px;padding:2px 0 4px;justify-content:flex-start} html body .mk-who .mk-av{flex:none;box-sizing:border-box;width:auto;height:auto;min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:1px solid #e1e1dc;border-radius:999px;background:#fff;color:#1c1c1c;font:500 13.5px/1.2 var(--av2-body,Poppins,sans-serif);white-space:nowrap;place-items:initial;position:relative;overflow:visible;transform:none} html body .mk-who .mk-av:hover{border-color:#a5e8fd;background:#fafaf8} html body .mk-who .mk-ava{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e2edef;color:#0d4a57;font:600 12.5px/1 var(--av2-head,Jost,sans-serif);letter-spacing:.02em;position:static} html body .mk-who .mk-ava .blv-i{margin:0!important;width:16px;height:16px} html body .mk-who .mk-avn{position:static;display:inline-block;align-self:center;height:auto;min-height:0;padding:0;margin:0;font-size:inherit;font-weight:inherit;line-height:1.2;color:inherit;max-width:none;overflow:visible} html body .mk-who .mk-avc{flex:none;position:static;min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;background:#f4f4f2;color:#55534e;font:600 11.5px/1 var(--av2-body,Poppins,sans-serif);font-variant-numeric:tabular-nums;transform:none} html body .mk-who .mk-av[aria-checked=true]{background:#0d4a57!important;border-color:#0d4a57!important;color:#fff!important;box-shadow:0 2px 8px rgba(13,74,87,.22)} html body .mk-who .mk-av[aria-checked=true] .mk-ava{background:#fff;color:#0d4a57} html body .mk-who .mk-av[aria-checked=true] .mk-avc{background:rgba(255,255,255,.2);color:#fff} html body .mk-who .mk-av:focus-visible{outline:2px solid #0d4a57;outline-offset:2px} @media (max-width:600px){html body .mk-who{flex-wrap:wrap;gap:6px}html body .mk-who .mk-av{min-height:40px;font-size:13px;padding:3px 10px 3px 3px;gap:6px}html body .mk-who .mk-ava{width:32px;height:32px}} /* mekswitch: kommandomeny – søkefeltet uten egen ramme, holder seg innenfor headeren */ html body .av2-pal .av2-pal__in{box-sizing:border-box;width:100%;height:56px;padding:0 14px 0 16px;gap:12px;overflow:hidden;transition:background-color .15s} html body .av2-pal .av2-pal__in:focus-within{background:#fafaf8;box-shadow:inset 0 -2px 0 #0d4a57} html body .av2-pal .av2-pal__in input,html body .av2-pal .av2-pal__in input[type=text],html body .av2-pal .av2-pal__in input:focus,html body .av2-pal .av2-pal__in input:focus-visible{flex:1 1 auto;box-sizing:border-box;width:auto;min-width:0;height:40px;min-height:0!important;margin:0!important;padding:0 2px!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font:400 16px/1.2 var(--av2-body,Poppins,sans-serif);color:#1c1c1c;-webkit-appearance:none;appearance:none} html body .av2-pal .av2-pal__in input::placeholder{color:#8a8a84} html body .av2-pal .av2-pal__in kbd{flex:none} /* mekswitch: aktivitet – alle ikoner i like store sirkler, sentrert på linja og på høyde med tittelen */ html body .jb2-tl{position:relative} html body .jb2-tl::before{left:12px;width:1px;transform:translateX(-.5px);top:12px;bottom:12px;background:#dcdcd6} html body .jb2-tl .jb2-ev{grid-template-columns:24px minmax(0,1fr);column-gap:10px;align-items:start} html body .jb2-tl .jb2-ev__i{box-sizing:border-box;width:24px;height:24px;min-width:24px;margin:-3px 0 0;padding:0;justify-self:center;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #d6d6d0;box-shadow:0 0 0 3px var(--jb2-side-bg,#f7f7f5);color:#5f5f5b;position:relative;z-index:1;line-height:0} html body .jb2-tl .jb2-ev__i svg,html body .jb2-tl .jb2-ev__i .blv-i{width:13px!important;height:13px!important;margin:0!important;display:block;flex:none;position:static;transform:none} html body .jb2-tl .jb2-ev--c .jb2-ev__i{background:#e2edef;border-color:#a5e8fd;color:#0d4a57} /* bikelink-verksted-tour.css */ /* Spokes – guidet omvisning + info-tips (app-v2). Tokens fra type.css / app-v2.css. */ .blv-tour{position:fixed;inset:0;z-index:2147483600;pointer-events:none;font-family:var(--blv-font,Poppins,system-ui,sans-serif)} .blv-tour__spot{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px rgba(28,28,28,.55),0 0 0 2px var(--blv-primary-l,#a5e8fd);transition:top .25s cubic-bezier(.2,.7,.2,1),left .25s cubic-bezier(.2,.7,.2,1),width .25s cubic-bezier(.2,.7,.2,1),height .25s cubic-bezier(.2,.7,.2,1);pointer-events:none} .blv-tour__shade{position:fixed;inset:0;background:rgba(28,28,28,.55);display:none;pointer-events:auto} .blv-tour.is-center .blv-tour__shade,.blv-tour.is-wait .blv-tour__shade{display:block} .blv-tour.is-center .blv-tour__spot{display:none!important} .blv-tour__tip{position:fixed;pointer-events:auto;background:#fff;color:var(--blv-ink,#1c1c1c);border-radius:16px;box-shadow:0 24px 64px rgba(28,28,28,.28);padding:16px 18px 16px;width:380px;max-width:calc(100vw - 24px);box-sizing:border-box;animation:blv-tour-in .2s cubic-bezier(.2,.7,.2,1)} .blv-tour.is-wait .blv-tour__tip{opacity:.0} .blv-tour.is-center .blv-tour__tip{top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 24px))!important} .blv-tour.is-cap .blv-tour__tip{width:min(560px,calc(100vw - 24px))!important} .blv-tour__top{display:flex;align-items:center;justify-content:space-between;margin:-4px -8px 6px 0} .blv-tour__n{font:500 12px/1 var(--blv-font,Poppins,sans-serif);color:var(--blv-primary-i,#0b5566);background:var(--blv-primary-t,#e2edef);border-radius:999px;padding:5px 9px} .blv-tour__x{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--blv-muted,#5c5c57);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative} .blv-tour__x::after{content:"";position:absolute;inset:-4px} .blv-tour__x:hover{background:#f4f4f2;color:var(--blv-ink,#1c1c1c)} .blv-tour .blv-i{margin:0!important} .blv-tour__bar{height:3px;background:#efefec;border-radius:3px;overflow:hidden;margin:0 0 12px} .blv-tour__bar i{display:block;height:100%;background:var(--blv-primary,#0d4a57);border-radius:3px;transition:width .25s} .blv-tour__tip h3{margin:0 0 6px;font:600 19px/1.25 var(--blv-font-head,Jost,sans-serif);letter-spacing:0;color:var(--blv-ink,#1c1c1c)} .blv-tour__tip p{margin:0;font:400 14px/1.55 var(--blv-font,Poppins,sans-serif);color:var(--blv-ink2,#3a3a37)} .blv-tour__ft{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:16px} .blv-tour__b{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border-radius:10px;border:1px solid transparent;font:500 13.5px/1 var(--blv-font,Poppins,sans-serif);cursor:pointer;white-space:nowrap} .blv-tour__b--p{background:var(--blv-primary,#0d4a57);color:#fff} .blv-tour__b--p:hover{background:var(--blv-primary-h,#093843)} .blv-tour__b--g{background:#fff;color:var(--blv-ink,#1c1c1c);border-color:var(--blv-line2,#d4d4ce)} .blv-tour__b--g:hover{background:#f7f7f5} .blv-tour__b--q{background:transparent;color:var(--blv-muted,#5c5c57);margin-right:auto;padding:0 8px} .blv-tour__b--q:hover{color:var(--blv-ink,#1c1c1c)} .blv-tour__b:focus-visible,.blv-tour__x:focus-visible,.blv-tip:focus-visible,.blv-tipb button:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blv-primary,#0d4a57)} .blv-tour__caps{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px} .blv-tour__caps li{display:flex;align-items:center;gap:10px;font:400 13.5px/1.35 var(--blv-font,Poppins,sans-serif);color:var(--blv-ink2,#3a3a37);min-height:32px} .blv-tour__caps li .blv-i{flex:none;width:28px;height:28px;padding:6px;box-sizing:border-box;border-radius:8px;background:var(--blv-primary-t,#e2edef);color:var(--blv-primary,#0d4a57)} @media (max-width:600px){ .blv-tour__tip,.blv-tour.is-center .blv-tour__tip{top:auto!important;left:0!important;right:0;bottom:0;transform:none;width:auto!important;max-width:none;border-radius:20px 20px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));animation:blv-tour-up .22s cubic-bezier(.2,.7,.2,1)} .blv-tour__caps{grid-template-columns:1fr} .blv-tour__b{min-height:44px} } @keyframes blv-tour-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} .blv-tour.is-center .blv-tour__tip{animation:none} @keyframes blv-tour-up{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}} /* menu */ .blv-tour__menu{display:grid;gap:6px} .blv-tour__mi{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 12px;border:1px solid var(--blv-line,#e4e4df);border-radius:12px;background:#fff;text-align:left;cursor:pointer;font:inherit;color:var(--blv-ink,#1c1c1c)} .blv-tour__mi:hover{border-color:var(--blv-primary-l,#a5e8fd);background:#fbfefe} .blv-tour__mi>span:nth-child(2){flex:1} .blv-tour__mi b{display:block;font:500 14.5px/1.3 var(--blv-font,Poppins,sans-serif)} .blv-tour__mi small{display:block;font:400 12px/1.3 var(--blv-font,Poppins,sans-serif);color:var(--blv-muted,#5c5c57);margin-top:2px} .blv-tour__mic{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:var(--blv-primary-t,#e2edef);color:var(--blv-primary,#0d4a57);flex:none} .blv-tour__mi.is-done .blv-tour__mic{background:#e9f4e3;color:var(--blv-ok,#307a07)} .blv-tour__mi .blv-i{margin:0!important} /* first-time card on I dag */ .blv-tour-card{display:flex;align-items:center;gap:14px;background:linear-gradient(110deg,#e2edef,#fff 70%);border:1px solid #c7e9ef;border-radius:16px;padding:14px 16px;margin:0 0 16px;font-family:var(--blv-font,Poppins,sans-serif)} .blv-tour-card>div{flex:1;min-width:0} .blv-tour-card b{display:block;font:600 16px/1.3 var(--blv-font-head,Jost,sans-serif);color:var(--blv-ink,#1c1c1c)} .blv-tour-card span{font:400 13.5px/1.4 var(--blv-font,Poppins,sans-serif);color:var(--blv-ink2,#3a3a37)} .blv-tour-card__i{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:#fff;color:var(--blv-primary,#0d4a57);box-shadow:0 1px 2px rgba(28,28,28,.06);flex:none} .blv-tour-card .blv-i{margin:0!important} @media (max-width:600px){.blv-tour-card{flex-wrap:wrap}.blv-tour-card>div{flex-basis:calc(100% - 60px)}.blv-tour-card .blv-tour__b{flex:1;justify-content:center}} /* ---------- info-tip ---------- */ .blv-tip{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0 2px 0 6px;padding:0;border:0;border-radius:50%;background:transparent;color:#7a7a74;cursor:pointer;vertical-align:middle;position:relative;flex:none;text-transform:none;letter-spacing:0} .blv-tip::after{content:"";position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%,-50%)} .blv-tip:hover,.blv-tip[aria-expanded=true]{color:var(--blv-primary,#0d4a57);background:var(--blv-primary-t,#e2edef)} .blv-tip .blv-i{margin:0!important;vertical-align:0} .blv-tip-old{display:none!important} #chips>.blv-tip,#week>.blv-tip{align-self:center;margin:0 4px 0 0} .blv-tipb{position:fixed;z-index:2147483500;background:var(--blv-ink,#1c1c1c);color:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 12px 32px rgba(28,28,28,.25);font:400 13px/1.5 var(--blv-font,Poppins,sans-serif);max-width:calc(100vw - 24px);box-sizing:border-box} .blv-tipb p{margin:0} .blv-tipb__l{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;min-height:32px;border-radius:8px;border:0;background:rgba(255,255,255,.12);color:#fff;font:500 12.5px/1 var(--blv-font,Poppins,sans-serif);cursor:pointer} .blv-tipb__l:hover{background:rgba(255,255,255,.2)} .blv-tipb .blv-i{margin:0!important} .blv-tipb.is-sheet{left:0!important;right:0;bottom:0;top:auto!important;width:auto!important;border-radius:20px 20px 0 0;padding:18px 56px calc(20px + env(safe-area-inset-bottom,0px)) 18px;font-size:14.5px} .blv-tipb__x{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer} @media (prefers-reduced-motion:reduce){.blv-tour__spot,.blv-tour__bar i{transition:none!important}.blv-tour__tip{animation:none!important}} body:has(.blv-tour) .blv-tour-card{display:none} /* bikelink-verksted-regnskap.css */ /* Spokes – regnskapslag (Tripletex/Fiken): leverandørpanel, jobbkort-boks og send-dialog. Bruker app-v2-tokens. */ .stg-pv.stg-pv--acc{width:min(560px,100vw)} .acc-wrap{--a-p:var(--blv-primary,#0d4a57);--a-pt:var(--blv-primary-t,#e2edef);--a-line:var(--blv-line,#e4e4df);--a-mut:var(--blv-muted,#5c5c57);--a-ink:var(--blv-ink,#1c1c1c);color:var(--a-ink)} .acc-wrap h3,.acc-dlg h2{text-transform:none;letter-spacing:0;font:500 17px/1.25 var(--heading-font-family,Jost,sans-serif);margin:0 0 12px;color:var(--a-ink)} .acc-wrap h4{font:500 14px/1.3 var(--heading-font-family,Jost,sans-serif);margin:0 0 8px;color:var(--a-ink);letter-spacing:.01em} .acc-sec{border:1px solid var(--a-line);border-radius:14px;padding:16px;margin:14px 0;background:#fff} .acc-sec--flow{background:linear-gradient(180deg,#fbfdfd,#fff)} .acc-steps{display:flex;gap:6px;list-style:none;margin:0 0 14px;padding:0;counter-reset:s} .acc-steps li{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#f4f4f2;color:var(--a-mut);font:500 13px var(--text-font-family,Poppins,sans-serif);min-width:0} .acc-steps li span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .acc-steps__n{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid var(--a-line);font-size:12px} .acc-steps li.is-on{background:var(--a-pt);color:var(--blv-primary-h,#093843)} .acc-steps li.is-on .acc-steps__n{background:var(--a-p);border-color:var(--a-p);color:#fff} .acc-steps li.is-done{color:var(--a-ink)}.acc-steps li.is-done .acc-steps__n{background:#e7f6ee;border-color:#bfe5cf;color:#166534} .acc-help{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#f4f4f2;font-size:13px;line-height:1.5;margin:0 0 14px} .acc-help>svg{flex:none;margin-top:2px;color:var(--a-p)} .acc-help p{margin:0 0 6px}.acc-help__c{color:var(--a-mut)} .acc-help a{display:inline-flex;align-items:center;gap:6px;color:var(--a-p);font-weight:500;text-decoration:none}.acc-help a:hover{text-decoration:underline} .acc-f{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;font:500 13px var(--text-font-family,Poppins,sans-serif);color:var(--a-ink)} .acc-f>span{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .acc-f select,.acc-f input{min-height:44px;box-sizing:border-box;width:100%;padding:0 12px;border:1px solid var(--blv-line2,#d4d4ce);border-radius:10px;background:#fff;font:400 14px var(--text-font-family,Poppins,sans-serif);color:var(--a-ink)} .acc-f select:focus,.acc-f input:focus{outline:none;border-color:var(--a-p);box-shadow:0 0 0 3px var(--a-pt)} .acc-f--s input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em} .acc-enc{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#e7f6ee;color:#166534;font:500 11px var(--text-font-family,Poppins,sans-serif);font-style:normal} .acc-mut{margin:-4px 0 12px;font-size:12.5px;line-height:1.5;color:var(--a-mut)} .acc-demo{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff7e6;color:#7c4a03;font-size:12.5px;line-height:1.45} .acc-demo svg{flex:none;margin-top:1px} .acc-ok{display:flex;gap:8px;align-items:center;margin:0 0 12px;color:#166534;font-size:13px} .acc-test{display:flex;flex-direction:column;gap:6px;margin:0 0 4px} .acc-test:empty{display:none} .acc-test__r{display:flex;gap:8px;align-items:center;font-size:13px;color:#166534}.acc-test__r.is-err{color:#b42318} .acc-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.acc-act--end{justify-content:flex-end} .acc-wrap .bt-btn,.acc-dlg .bt-btn{min-height:44px;border-radius:10px} .acc-pri{background:var(--blv-primary,#0d4a57)!important;border-color:var(--blv-primary,#0d4a57)!important;color:#fff!important} .acc-pri:hover{background:var(--blv-primary-h,#093843)!important} .acc-co{border:0;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px} .acc-co legend{font:500 13px var(--text-font-family,Poppins,sans-serif);margin-bottom:6px;padding:0} .acc-co__o{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--a-line);border-radius:12px;cursor:pointer} .acc-co__o:has(input:checked){border-color:var(--a-p);background:var(--a-pt)} .acc-co__o input{accent-color:var(--a-p);width:18px;height:18px;flex:none} .acc-co__o span{display:flex;flex-direction:column;gap:2px;min-width:0}.acc-co__o small{color:var(--a-mut);font-size:12px} .acc-co__o code{font-size:11.5px;background:#f4f4f2;padding:1px 5px;border-radius:5px} .acc-grp{padding:12px 0;border-top:1px solid var(--a-line)}.acc-grp:first-child{border-top:0;padding-top:0} .acc-2{display:grid;grid-template-columns:1fr 1fr;gap:10px} .acc-tg{display:flex;gap:12px;align-items:flex-start;padding:8px 0;cursor:pointer} .acc-tg input{position:absolute;opacity:0;width:1px;height:1px} .acc-tg__s{flex:none;position:relative;width:38px;height:22px;border-radius:999px;background:#d4d4ce;transition:background .15s;margin-top:1px} .acc-tg__s::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s} .acc-tg input:checked+.acc-tg__s{background:var(--a-p)}.acc-tg input:checked+.acc-tg__s::after{transform:translateX(16px)} .acc-tg input:focus-visible+.acc-tg__s{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--a-p)} .acc-tg__t{display:flex;flex-direction:column;gap:2px;font-size:13.5px}.acc-tg__t b{font-weight:500}.acc-tg__t small{font-size:12px;color:var(--a-mut);line-height:1.45} .acc-sum{border-radius:14px;padding:14px 16px;background:linear-gradient(135deg,var(--a-pt),#fff);border:1px solid var(--blv-primary-l,#a5e8fd);margin:4px 0 14px} .acc-sum>div:first-child{display:flex;align-items:center;gap:8px;font-size:14px} .acc-sum__m{font-size:12.5px;color:var(--a-mut);margin:4px 0 10px} .acc-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px #dcfce7;flex:none} .acc-tag{padding:2px 8px;border-radius:999px;background:#fff;border:1px solid var(--a-line);font-size:11px;color:var(--a-mut)} .acc-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .acc-kpi>div{background:#fff;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;border:1px solid var(--a-line)} .acc-kpi b{font:500 16px var(--heading-font-family,Jost,sans-serif)}.acc-kpi span{font-size:11.5px;color:var(--a-mut)} details.acc-sec>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:28px} details.acc-sec>summary::-webkit-details-marker{display:none} details.acc-sec>summary h3{margin:0}details.acc-sec>summary svg{transition:transform .15s} details.acc-sec[open]>summary{margin-bottom:12px}details.acc-sec[open]>summary svg{transform:rotate(90deg)} .acc-lh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.acc-lh h3{margin:0} .acc-lnk{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 4px;min-height:32px;color:var(--blv-primary,#0d4a57);font:500 12.5px var(--text-font-family,Poppins,sans-serif);cursor:pointer;text-decoration:none} .acc-lnk:hover{text-decoration:underline} .acc-empty{margin:0;font-size:13px;color:var(--a-mut)} .acc-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .acc-log li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--a-line)}.acc-log li:first-child{border-top:0} .acc-log__i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e7f6ee;color:#166534} .acc-log li.is-err .acc-log__i{background:#fdecea;color:#b42318} .acc-log__t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px}.acc-log__t b{font-weight:500}.acc-log__t small{color:var(--a-mut);font-size:12px} .acc-log details summary{cursor:pointer;color:var(--blv-primary,#0d4a57);font-size:12px;margin-top:2px} .acc-log pre,.acc-pl pre{margin:6px 0 0;max-height:240px;overflow:auto;padding:10px;border-radius:8px;background:#1c1c1c;color:#e2edef;font:11.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre} /* jobbkort */ .acc-jsec .acc-js{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#f4f4f2;margin:0 0 10px;font-size:13px} .acc-jsec .acc-js>span:last-child{display:flex;flex-direction:column;gap:2px}.acc-jsec .acc-js b{font-weight:500}.acc-jsec .acc-js small{color:var(--blv-muted,#5c5c57);font-size:12px} .acc-jsec .acc-js.is-err{background:#fdecea}.acc-jsec .acc-js.is-err .acc-dot{background:#d92d20;box-shadow:0 0 0 3px #fee4e2} .acc-jsec .acc-js.is-paid{background:#e7f6ee} .acc-jsec .acc-mut{margin:0 0 10px;font-size:13px;color:var(--blv-muted,#5c5c57)} .acc-send{min-height:44px} /* dialog */ .acc-dlg{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:16px} .acc-dlg__s{position:absolute;inset:0;background:rgba(28,28,28,.45)} .acc-dlg__b{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 24px 64px rgba(0,0,0,.25);outline:none;overflow:hidden} .acc-dlg__hd{display:flex;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--blv-line,#e4e4df)} .acc-dlg__hd>div{flex:1;min-width:0}.acc-dlg__hd h2{margin:0}.acc-dlg__hd small{color:var(--blv-muted,#5c5c57);font-size:12.5px} .acc-dlg__c{padding:16px 18px;overflow:auto} .acc-dlg__f{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--blv-line,#e4e4df);background:#fafaf9} .acc-tbl{width:100%;border-collapse:collapse;font-size:13px;margin:0 0 12px} .acc-tbl th{text-align:left;font:500 11.5px var(--text-font-family,Poppins,sans-serif);color:var(--blv-muted,#5c5c57);text-transform:uppercase;letter-spacing:.04em;padding:6px 6px;border-bottom:1px solid var(--blv-line,#e4e4df)} .acc-tbl td{padding:9px 6px;border-bottom:1px solid #f0f0ec;vertical-align:top} .acc-tbl th:nth-child(n+2),.acc-tbl td:nth-child(n+2){text-align:right;white-space:nowrap} .acc-tbl tfoot td{font-weight:500;border-bottom:0}.acc-tbl tfoot td[colspan]{text-align:left}.acc-tbl__m td{font-weight:400!important;color:var(--blv-muted,#5c5c57);padding-top:0} .acc-k{display:inline-block;padding:1px 7px;border-radius:999px;font-size:11px;margin-right:4px;background:#f4f4f2;color:#3a3a37} .acc-k--labour{background:var(--blv-primary-t,#e2edef);color:var(--blv-primary-h,#093843)} .acc-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px} .acc-meta>div{background:#f4f4f2;border-radius:10px;padding:8px 10px}.acc-meta dt{font-size:11.5px;color:var(--blv-muted,#5c5c57)}.acc-meta dd{margin:2px 0 0;font-size:13px} .acc-pl summary{cursor:pointer;color:var(--blv-primary,#0d4a57);font:500 13px var(--text-font-family,Poppins,sans-serif);min-height:32px;display:flex;align-items:center} @media (max-width:600px){.stg-pv.stg-pv--acc{width:100vw}.acc-steps li{padding:7px 8px;font-size:12px}.acc-2,.acc-meta{grid-template-columns:1fr}.acc-dlg{padding:0;place-items:end stretch}.acc-dlg__b{width:100%;max-height:92vh;border-radius:18px 18px 0 0}.acc-tbl th:nth-child(3),.acc-tbl td:nth-child(3){display:none}.acc-dlg__f .bt-btn{flex:1;justify-content:center}} @media (prefers-reduced-motion:reduce){.acc-tg__s,.acc-tg__s::after,details.acc-sec>summary svg{transition:none}} /* v2: automatisk synk */ .acc-auto{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--blv-primary-t,#e2edef);color:var(--blv-primary-h,#093843);margin:0 0 12px} .acc-auto>svg{flex:none;margin-top:2px}.acc-auto span{display:flex;flex-direction:column;gap:3px}.acc-auto b{font-weight:500;font-size:13.5px}.acc-auto small{font-size:12.5px;line-height:1.45;color:#3a3a37} .acc-dot--idle{background:var(--blv-primary,#0d4a57);box-shadow:0 0 0 3px var(--blv-primary-t,#e2edef)} .acc-jsec .acc-js.is-sent{background:#e7f6ee} .acc-evd{margin:4px 0 0} .acc-evd>summary{cursor:pointer;color:var(--blv-primary,#0d4a57);font:500 12px var(--blv-font,Poppins,sans-serif);list-style:none;display:inline-flex;align-items:center;min-height:24px} .acc-evd>summary::-webkit-details-marker{display:none}.acc-evd>summary::after{content:"›";margin-left:5px;transition:transform .15s}.acc-evd[open]>summary::after{transform:rotate(90deg)} .acc-evd pre{margin:6px 0 0;max-height:260px;overflow:auto;padding:10px;border-radius:8px;background:#1c1c1c;color:#e2edef;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre} .acc-evd p{margin:4px 0;font-size:12px;color:var(--blv-muted,#5c5c57)} /* bikelink-verksted-venteliste.css */ /* Spokes verksted – Venteliste (demo). Teal #0d4a57, ink #1C1C1C, stone #F4F4F2, Jost/Poppins. */ .wl-i{display:inline-block;vertical-align:-3px;flex:none} .wl-demo{font-size:12px;color:#6b6b6b;margin:14px 0 0} .wl-lnk{background:none;border:0;padding:4px 0;color:#0d4a57;font:500 14px/1.3 var(--text-font-family,Poppins,sans-serif);text-decoration:underline;text-underline-offset:3px;cursor:pointer} .wl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:10px;border:1px solid #d6d6d2;background:#fff;color:#1c1c1c;font:500 15px/1 var(--text-font-family,Poppins,sans-serif);cursor:pointer;text-decoration:none} .wl-btn--p{background:#1c1c1c;border-color:#1c1c1c;color:#fff} .wl-btn:focus-visible,.wl-b:focus-visible,.wl-ib:focus-visible,.wl-card:focus-visible,.wl-today:focus-visible{outline:2px solid #0d4a57;outline-offset:2px} /* ---- customer booking step 3 ---- */ .bbk__day.is-full{cursor:pointer} .bbk__day.is-full:hover{border-color:#0d4a57} .wl-bk{margin:16px 0 4px;border:1px solid #cfe3e7;background:#f3fafb;border-radius:12px;padding:16px 18px;transition:box-shadow .3s} .wl-bk.is-flash{box-shadow:0 0 0 3px rgba(13,74,87,.25)} .wl-bk__hd{display:flex;gap:12px;align-items:flex-start} .wl-bk__hd b{display:block;font:600 16px/1.3 var(--heading-font-family,Jost,sans-serif);color:#1c1c1c} .wl-bk__hd p{margin:2px 0 0;font-size:14px;color:#4a4a48} .wl-bk__ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#0d4a57;border:1px solid #cfe3e7;flex:none} .wl-bk__opts{display:flex;flex-direction:column;gap:8px;margin:14px 0 0 46px} .wl-opt{display:flex;align-items:center;gap:10px;font-size:14.5px;cursor:pointer;min-height:32px} .wl-opt input{accent-color:#0d4a57;width:18px;height:18px;margin:0} .wl-bk__range{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 4px 28px} .wl-bk__range label{display:flex;flex-direction:column;font-size:12.5px;color:#4a4a48;gap:3px} .wl-bk__range input{font:15px var(--text-font-family,Poppins,sans-serif);padding:8px 10px;border:1px solid #d6d6d2;border-radius:8px;background:#fff;min-height:42px;box-sizing:border-box} .wl-bk__ft{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 0 46px} .wl-bk__pv{margin:0;font:500 14px/1.4 var(--text-font-family,Poppins,sans-serif);color:#0b5566} .wl-bk.is-sel{background:#e2edef;border-color:#0d4a57} .wl-bk__sel{display:flex;align-items:center;gap:12px} .wl-bk__sel>div{flex:1}.wl-bk__sel b{display:block;font-weight:600}.wl-bk__sel small{display:block;color:#0b5566;font-size:13.5px} .wl-ok__n{display:flex;align-items:center;gap:12px;background:#e2edef;border:1px solid #0d4a57;border-radius:12px;padding:14px 16px;margin:6px 0 12px} .wl-ok__n>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0d4a57;color:#fff;flex:none} .wl-ok__n b{font:600 18px/1.3 var(--heading-font-family,Jost,sans-serif);color:#0b5566} @media (max-width:640px){.wl-bk{padding:14px}.wl-bk__opts,.wl-bk__ft{margin-left:0}.wl-bk__range{margin-left:28px}.wl-bk__range label{flex:1 1 120px}.wl-join{width:100%}} /* ---- customer status page ---- */ .wl-st{max-width:640px;margin:8px 0 0} .wl-st__eb{font:500 12px/1.2 var(--heading-font-family,Jost,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#6b6b6b;margin:0 0 12px} .wl-st__q{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid #e6e6e2;border-radius:14px;padding:18px} .wl-st__num{display:flex;flex-direction:column;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:#e2edef;border:2px solid #0d4a57;color:#0b5566;flex:none} .wl-st__num small{font-size:11px;text-transform:uppercase;letter-spacing:.12em} .wl-st__num b{font:600 34px/1 var(--heading-font-family,Jost,sans-serif)} .wl-st__h{font:600 20px/1.3 var(--heading-font-family,Jost,sans-serif);margin:0 0 4px;letter-spacing:0;text-transform:none} .wl-st__mu,.wl-mu{color:#6b6b6b;margin:0;font-size:14px} .wl-st__live{display:flex;align-items:center;gap:6px;font-size:12px;color:#307A07;margin:6px 0 0} .wl-st__live i{width:8px;height:8px;border-radius:50%;background:#307A07;animation:wlp 1.6s infinite} @keyframes wlp{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.wl-st__live i{animation:none}} .wl-st__how{font-size:14px;color:#4a4a48;margin:14px 0 8px} .wl-st__note{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:10px 12px;font-size:14px;margin:12px 0 0} .wl-st__offer{background:#e2edef;border:2px solid #0d4a57;border-radius:14px;padding:18px;margin:0 0 14px} .wl-st__offer h2{font:600 20px/1.3 var(--heading-font-family,Jost,sans-serif);margin:0 0 6px;text-transform:none;letter-spacing:0} .wl-st__offer p{margin:0 0 14px} .wl-st__btns{display:flex;gap:10px;flex-wrap:wrap} .wl-st__card{background:#fff;border:1px solid #e6e6e2;border-radius:14px;padding:22px} .wl-st__card.is-ok{border-color:#307A07} .wl-st__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#307A07;color:#fff;font-weight:700;margin:0 0 10px} @media (max-width:640px){.wl-st__q{padding:14px;gap:12px}.wl-st__num{width:68px;height:68px}.wl-st__num b{font-size:28px}.wl-st__btns .wl-btn{flex:1}} /* ---- workshop view ---- */ .wl{font-family:var(--text-font-family,Poppins,sans-serif);color:#1c1c1c;padding:4px 0 32px} .wl-hd{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:0 0 18px} .wl-eb{font:500 11.5px/1.2 var(--heading-font-family,Jost,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#6b6b6b;margin:0 0 4px} .wl-hd h2{font:600 24px/1.2 var(--heading-font-family,Jost,sans-serif);margin:0;letter-spacing:-.01em;text-transform:none} .wl-sub{margin:6px 0 0;color:#4a4a48;font-size:14px;max-width:560px} .wl-kpis{display:flex;gap:10px} .wl-kpis>div{background:#fff;border:1px solid #e6e6e2;border-radius:12px;padding:10px 16px;min-width:108px} .wl-kpis b{display:block;font:600 24px/1.1 var(--heading-font-family,Jost,sans-serif)} .wl-kpis span{font-size:12.5px;color:#6b6b6b} .wl-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start} .wl-day{background:#fff;border:1px solid #e6e6e2;border-radius:12px;margin:0 0 14px;overflow:hidden} .wl-day>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:#f7f7f5;border-bottom:1px solid #ececea} .wl-day>header>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .wl-day>header b{font:600 15px/1.2 var(--heading-font-family,Jost,sans-serif)} .wl-day>header em{font-style:normal;font-size:12.5px;color:#0b5566;background:#e2edef;border-radius:99px;padding:2px 9px} .wl-full{font-size:11.5px;font-weight:500;color:#9a3412;background:#fff1e6;border-radius:99px;padding:2px 8px} .wl-full.is-free{display:none} .wl-day ol{list-style:none;margin:0;padding:0} .wl-row{display:flex;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid #f0f0ee} .wl-row:first-child{border-top:0} .wl-pos{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1c1c1c;color:#fff;font:600 14px/1 var(--heading-font-family,Jost,sans-serif);flex:none} .wl-row__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px} .wl-row__b b{font-weight:500;font-size:14.5px} .wl-row__b small{font-size:12.5px;color:#6b6b6b} .wl-chip{align-self:flex-start;margin-top:4px;font-size:11.5px;border-radius:99px;padding:2px 8px;background:#f1f1ef;color:#4a4a48} .wl-chip.is-off{background:#fff7ed;color:#9a3412} .wl-row__a{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end} .wl-ib{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid #e0e0dc;background:#fff;color:#1c1c1c;cursor:pointer} .wl-ib[disabled]{opacity:.35;cursor:default} .wl-b{min-height:32px;padding:0 12px;border-radius:8px;border:1px solid #e0e0dc;background:#fff;font:500 13px/1 var(--text-font-family,Poppins,sans-serif);color:#1c1c1c;cursor:pointer;white-space:nowrap} .wl-b--p{background:#0d4a57;border-color:#0d4a57;color:#fff} .wl-b--q{border-color:transparent;background:transparent;color:#6b6b6b;text-decoration:underline;text-underline-offset:3px} .wl-b[disabled]{opacity:.5} .wl-empty{display:flex;gap:10px;align-items:center;background:#fff;border:1px dashed #d6d6d2;border-radius:12px;padding:22px;color:#4a4a48} .wl-side{background:#fff;border:1px solid #e6e6e2;border-radius:12px;padding:14px 16px;position:sticky;top:calc(var(--blv-top,0px) + 12px)} .wl-side h3{font:600 14px/1.2 var(--heading-font-family,Jost,sans-serif);margin:0 0 10px;text-transform:none;letter-spacing:0} .wl-msgs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px} .wl-msg{display:flex;gap:10px} .wl-msg__i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e2edef;color:#0d4a57;flex:none} .wl-msg--sys .wl-msg__i{background:#f1f1ef;color:#4a4a48} .wl-msg small{font-size:11.5px;color:#6b6b6b} .wl-msg p{margin:1px 0 0;font-size:13px;line-height:1.4;word-break:break-word} @media (max-width:1100px){.wl-body{grid-template-columns:1fr}.wl-side{position:static}} @media (max-width:640px){.wl-hd h2{font-size:21px}.wl-kpis{width:100%}.wl-kpis>div{flex:1;min-width:0;padding:8px 10px}.wl-kpis b{font-size:20px} .wl-row{flex-wrap:wrap;align-items:flex-start}.wl-row__b{flex:1 1 calc(100% - 44px)}.wl-row__a{width:100%;justify-content:flex-start;padding-left:42px} .wl-day>header{flex-wrap:wrap}} /* ---- I dag indicator ---- */ .wl-today{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 14px;border-radius:99px;background:#fff;border:1px solid #cfe3e7;color:#0b5566;text-decoration:none;font:500 14px/1.2 var(--text-font-family,Poppins,sans-serif)} .wl-today:hover{background:#e2edef} .wl-today i{font-style:normal;color:#0d4a57} /* ---- sidebar count ---- */ .sb a.sb-a[data-sbk="venteliste"]{position:relative} .wl-sbn{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#e2edef;color:#0b5566;font:600 11.5px/20px var(--text-font-family,Poppins,sans-serif);text-align:center;box-sizing:border-box} /* ---- calendar badge ---- */ .wl-cbdg{position:static;margin-left:6px;vertical-align:1px;display:inline-flex;align-items:center;gap:2px;padding:1px 6px 1px 4px;border-radius:99px;background:#e2edef;color:#0b5566;border:1px solid #b9dde4;font:600 11px/16px var(--text-font-family,Poppins,sans-serif);text-decoration:none;z-index:2} .wl-cbdg .wl-i{width:11px;height:11px;vertical-align:0} /* ---- board column «På venteliste» ---- */ .blv-kb-col.wl-col{--c:#8a8f98;background:color-mix(in srgb,#8a8f98 8%,#fff)} .wl-col h3{display:flex;align-items:center;gap:8px} .wl-col__hint{font-size:11.5px;color:#6b6b6b;margin:0 0 8px} .wl-card{position:relative;display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid #e3e3e0;border-radius:10px;padding:10px 12px;margin:0 0 8px;cursor:grab;box-shadow:0 1px 2px rgba(0,0,0,.04)} .wl-card b{font-weight:500;font-size:14px;padding-right:34px} .wl-card small{font-size:12px;color:#6b6b6b} .wl-card__r{display:flex;align-items:center;gap:4px;color:#0b5566!important} .wl-card__n{position:absolute;top:8px;right:10px;font:600 12px/1 var(--heading-font-family,Jost,sans-serif);color:#4a4a48;background:#f1f1ef;border-radius:99px;padding:3px 7px} .wl-card__a{align-self:flex-start;margin-top:6px;border:0;background:none;padding:2px 0;color:#0d4a57;font:500 12.5px/1.2 var(--text-font-family,Poppins,sans-serif);cursor:pointer} .wl-card.is-drag{opacity:.55} body.wl-dragging .blv-kb-col[data-col="book"]{outline:2px dashed color-mix(in srgb,var(--c) 60%,transparent);outline-offset:-2px} .blv-kb-col[data-col="book"].wl-over{background:color-mix(in srgb,var(--c) 18%,#fff)!important} .wl-listbar{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,#8a8f98 8%,#fff);border:1px solid #e0e1e4;border-left:4px solid #8a8f98;color:#1c1c1c;text-decoration:none;font:14px/1.3 var(--text-font-family,Poppins,sans-serif)} .wl-listbar b{font-weight:500}.wl-listbar span{color:#6b6b6b}.wl-listbar i{margin-left:auto;font-style:normal;color:#0d4a57} .wl-col .blv-kb-hrev{display:none} .sb a.sb-a[data-sbk="venteliste"] .sb-b.wl-sbn{margin-left:auto} .sb-b.wl-sbn::after{content:attr(data-n)} .wl-cday{display:flex;align-items:center;gap:8px;margin:8px 0;padding:8px 12px;border-radius:10px;background:#e2edef;border:1px solid #b9dde4;color:#0b5566;text-decoration:none;font:500 13.5px/1.3 var(--text-font-family,Poppins,sans-serif)}.wl-cday i{margin-left:auto;font-style:normal} /* ---- inline slot suggestion per row ---- */ .wl-sugg{display:inline-flex!important;align-items:center;gap:5px;margin-top:3px;color:#0b5566!important;font-weight:500} .wl-sugg.is-out{color:#9a3412!important}.wl-sugg.is-none{color:#9a3412!important;font-weight:400} /* ---- assign-slot dialog: right side panel, bottom sheet on phones ---- */ html.wl-dlg-open{overflow:hidden} .wl-dlg-bg{position:fixed;inset:0;z-index:10050;background:rgba(20,20,20,.38);display:flex;justify-content:flex-end;animation:wlfade .15s ease-out} @keyframes wlfade{from{opacity:0}}@keyframes wlin{from{transform:translateX(24px);opacity:.6}}@keyframes wlup{from{transform:translateY(30px);opacity:.6}} .wl-dlg{width:min(560px,100%);height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-12px 0 32px rgba(0,0,0,.14);animation:wlin .18s ease-out;font-family:var(--text-font-family,Poppins,sans-serif);color:#1c1c1c;outline:none} @media (prefers-reduced-motion:reduce){.wl-dlg,.wl-dlg-bg{animation:none}} .wl-dlg__hd{display:flex;justify-content:space-between;gap:12px;padding:20px 22px 14px;border-bottom:1px solid #ececea} .wl-dlg__hd h2{font:600 21px/1.25 var(--heading-font-family,Jost,sans-serif);margin:0 0 4px;letter-spacing:0;text-transform:none} .wl-dlg__hd h2 span{font-weight:500;color:#4a4a48} .wl-x{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid #e0e0dc;background:#fff;font-size:22px;line-height:1;cursor:pointer;color:#1c1c1c} .wl-dlg__bd{flex:1;overflow:auto;padding:16px 22px} .wl-dlg__bd h3{font:600 14px/1.2 var(--heading-font-family,Jost,sans-serif);margin:0 0 10px;text-transform:none;letter-spacing:0} .wl-cal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px} .wl-day-c{position:relative;display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:left;min-height:92px;padding:8px 7px 7px;border:1px solid #e3e3e0;border-radius:10px;background:#fff;cursor:pointer;font:inherit;color:inherit} .wl-day-c:hover:not(.is-full){border-color:#0d4a57} .wl-day-c:focus-visible{outline:2px solid #0d4a57;outline-offset:2px} .wl-dc__d{display:flex;align-items:baseline;gap:4px;line-height:1} .wl-dc__d small{font-size:11px;color:#6b6b6b}.wl-dc__d b{font:600 16px/1 var(--heading-font-family,Jost,sans-serif)} .wl-dc__m{display:flex;flex-direction:column;gap:3px} .wl-mb{display:flex;flex-direction:column;gap:1px} .wl-mb i{display:block;height:4px;border-radius:99px;background:#ecece9;overflow:hidden;position:relative} .wl-mb i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p);background:#2f855a;border-radius:99px} .wl-mb.is-low i::after{background:#d97706} .wl-mb em{font-style:normal;font-size:10.5px;color:#4a4a48;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .wl-dc__f{font-size:11.5px;color:#6b6b6b;margin-top:auto} .wl-dc__w{position:absolute;top:6px;right:6px;font-size:9.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#0b5566} .wl-day-c.is-want{background:#f0f9fa;border-color:#9fd0da} .wl-day-c.is-full{background:#f4f4f2;color:#9a9a96;cursor:not-allowed;border-style:dashed} .wl-day-c.is-full .wl-mb i::after{background:#c9c9c4} .wl-day-c.is-sel{border:2px solid #0d4a57;padding:7px 6px 6px;box-shadow:0 0 0 3px rgba(13,74,87,.15);background:#e2edef} .wl-leg{display:flex;gap:14px;list-style:none;padding:0;margin:10px 0 16px;font-size:12px;color:#4a4a48;flex-wrap:wrap} .wl-leg li{display:flex;align-items:center;gap:6px}.wl-leg i{width:14px;height:14px;border-radius:4px;border:1px solid #e3e3e0;background:#fff} .wl-leg i.is-want{background:#f0f9fa;border-color:#9fd0da}.wl-leg i.is-sel{border:2px solid #0d4a57;background:#e2edef}.wl-leg i.is-full{background:#f4f4f2;border-style:dashed} .wl-dlg__opts{display:grid;grid-template-columns:1fr 1fr;gap:12px} .wl-dlg__opts label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#4a4a48} .wl-dlg__opts select{font:14.5px var(--text-font-family,Poppins,sans-serif);min-height:44px;padding:0 10px;border:1px solid #d6d6d2;border-radius:8px;background:#fff;color:#1c1c1c} .wl-dlg__ft{border-top:1px solid #ececea;padding:14px 22px 18px;background:#fafaf8} .wl-pv{display:flex;gap:8px;align-items:flex-start;margin:0 0 12px;font:500 14px/1.45 var(--text-font-family,Poppins,sans-serif);color:#0b5566} .wl-pv .wl-i{margin-top:3px} .wl-dlg__btns{display:flex;gap:10px;justify-content:flex-end} .wl-btn--t{background:#0d4a57;border-color:#0d4a57;color:#fff}.wl-btn[disabled]{opacity:.5;cursor:default} @media (max-width:640px){.wl-dlg-bg{align-items:flex-end}.wl-dlg{height:auto;max-height:92vh;border-radius:16px 16px 0 0;animation:wlup .2s ease-out} .wl-dlg__hd{padding:16px 16px 12px}.wl-dlg__bd{padding:12px 16px}.wl-dlg__ft{padding:12px 16px 16px} .wl-cal{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:auto}.wl-day-c{min-height:84px;padding:6px 5px}.wl-dc__w{display:none}.wl-day-c.is-want{box-shadow:inset 0 3px 0 #0d4a57} .wl-dlg__opts{grid-template-columns:1fr}.wl-dlg__btns .wl-btn{flex:1}} /* ---- toast ---- */ .wl-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:10060;display:flex;align-items:center;gap:12px;max-width:min(620px,calc(100vw - 24px));padding:12px 14px 12px 12px;background:#1c1c1c;color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);font:14px/1.35 var(--text-font-family,Poppins,sans-serif)} .wl-toast>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#2f855a;flex:none;font-weight:700} .wl-toast p{margin:0;flex:1}.wl-toast a{color:#7dd3e0;font-weight:500;white-space:nowrap;text-decoration:none} .wl-toast button{background:none;border:0;color:#bbb;font-size:20px;cursor:pointer;padding:0 2px} @media (max-width:640px){.wl-toast{bottom:84px;flex-wrap:wrap}} /* ---- origin chip + highlight ---- */ .wl-from{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:4px;padding:2px 8px 2px 6px;border-radius:99px;background:#eef0f2;color:#4a5260;font:500 11px/16px var(--text-font-family,Poppins,sans-serif);white-space:nowrap} .wl-from .wl-i{width:11px;height:11px;vertical-align:0} .jb2-hd .wl-from{margin:4px 0 0} .blv-kb-card.wl-hl,.jrow.wl-hl,[data-open].wl-hl{animation:wlhl 1s ease-in-out 3;outline:2px solid #0d4a57;outline-offset:2px} @keyframes wlhl{50%{box-shadow:0 0 0 6px rgba(13,74,87,.25)}} @media (prefers-reduced-motion:reduce){.wl-hl{animation:none}} .jrow .c-cu .wl-from{display:flex;width:max-content} /* spokes-mobile.css */ /* Spokes mobile/tablet shell + sheets. Loaded after theme CSS; everything mobile-only is scoped to html.spk-m (≤900px). */ :root{--spk-p:var(--blv-primary,#0d4a57);--spk-pt:var(--blv-primary-t,#e2edef);--spk-pi:var(--blv-primary-i,#0b5566);--spk-ink:var(--blv-ink,#1c1c1c);--spk-mu:var(--blv-muted,#5c5c57);--spk-line:var(--blv-line,#e4e4df);--spk-r:14px} html.spk-lock,html.spk-lock body{overflow:hidden!important} /* ---- shell ---- */ html.spk-m body .blv-demo,html.spk-m body nav.blv-nav,html.spk-m body .sb-bot,html.spk-m body #blv-sb,html.spk-m body .sb-scrim{display:none!important} html.spk-m body{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important} html.spk-m.spk-m.spk-m[class] body[class][class]{padding-left:0!important;margin-left:0!important} html.spk-m #blv-pane,html.spk-m .blv-hero,html.spk-m main{margin-left:0!important} #spk-mh,#spk-fab{display:none} html.spk-m #spk-mh{display:flex;align-items:center;gap:4px;position:sticky;top:0;z-index:60;height:60px;padding:0 6px 0 12px;padding-top:env(safe-area-inset-top);background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--spk-line)} .spk-mh__b{display:flex;align-items:center;gap:10px;min-width:0;flex:1;min-height:48px;color:var(--spk-ink);text-decoration:none} .spk-mh__av{flex:0 0 36px;height:36px;border-radius:10px;background:var(--spk-p);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;letter-spacing:.02em} .spk-mh__n{font-weight:650;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .spk-mh__sync{width:8px;height:8px;border-radius:50%;background:#9ca3af;margin:0 6px}.spk-mh__sync[data-s=ok]{background:var(--blv-ok,#307a07)}.spk-mh__sync[data-s=off],.spk-mh__sync[data-s=auth]{background:var(--blv-warn,#ed8a00)} .spk-mh__i{flex:0 0 48px;height:48px;border:0;background:none;border-radius:12px;display:grid;place-items:center;color:var(--spk-ink);cursor:pointer} .spk-mh__i:active,.spk-mh__i:focus-visible{background:var(--spk-pt)} html.spk-m #spk-fab{display:inline-flex;align-items:center;gap:8px;position:fixed;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:55;height:56px;padding:0 22px 0 18px;border:0;border-radius:28px;background:var(--spk-p);color:#fff;font:inherit;font-weight:650;font-size:16px;box-shadow:0 8px 24px rgba(13,74,87,.32),0 2px 6px rgba(0,0,0,.12);cursor:pointer} html.spk-m #spk-fab:active{transform:scale(.97)} html.spk-m.spk-lock #spk-fab,html.spk-m body:has(#panel.open) #spk-fab{display:none} /* other floating actions: only Drop-in stays */ html.spk-m .blv-fab,html.spk-m .av2-fab,html.spk-m .tb-fab,html.spk-m [class*="-fab"]:not(#spk-fab):not(.jb2-fab):not([class*="jb2-fab"]){display:none!important} /* ---- tap targets ≥44px + bigger common buttons ---- */ html.spk-m body button:not(.spk-tile__b):not([data-sq]),html.spk-m body .btn,html.spk-m body a.btn,html.spk-m body [role=button],html.spk-m body .v4-btn,html.spk-m body .bt-btn,html.spk-m body select,html.spk-m body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),html.spk-m body textarea{min-height:44px} html.spk-m body button,html.spk-m body .btn,html.spk-m body .v4-btn,html.spk-m body .bt-btn{min-width:44px} html.spk-m body input[type=checkbox],html.spk-m body input[type=radio]{width:22px;height:22px} html.spk-m body input,html.spk-m body select,html.spk-m body textarea{font-size:16px} html.spk-m .v4-bigs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px} html.spk-m .v4-big{min-height:96px} html.spk-m #panel .pf .btn,html.spk-m #panel .pf button{min-height:52px;font-size:16px} html.spk-m .gd-bf__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px} html.spk-m .gd-bt{min-height:84px} @media (min-width:600px){html.spk-m .gd-bf__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} /* ---- sheet primitive ---- */ .spk-sh{position:fixed;inset:0;z-index:2147483000;font-family:inherit;color:var(--spk-ink)} .spk-sh__bd{position:absolute;inset:0;background:rgba(15,23,42,.42);opacity:0;transition:opacity .2s} .spk-sh__p{position:absolute;left:0;right:0;bottom:0;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.18);transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1);outline:none;padding-bottom:env(safe-area-inset-bottom)} .spk-sh.on .spk-sh__bd{opacity:1}.spk-sh.on .spk-sh__p{transform:none} .spk-sh__grab{width:44px;height:5px;border-radius:3px;background:#d4d4ce;margin:8px auto 2px;flex:0 0 auto} .spk-sh__sc{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1 1 auto;padding:4px 16px 16px} @media (min-width:901px){.spk-sh__p{left:50%;right:auto;bottom:50%;width:min(680px,92vw);max-height:84vh;border-radius:20px;transform:translate(-50%,calc(50% + 24px));opacity:0;transition:transform .2s,opacity .2s}.spk-sh.on .spk-sh__p{transform:translate(-50%,50%);opacity:1}.spk-sh__grab{display:none}} .spk-x{flex:0 0 48px;width:48px;height:48px;border:0;border-radius:12px;background:var(--blv-soft,#efefec);display:grid;place-items:center;cursor:pointer;color:var(--spk-ink)} .spk-big{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px;border:1px solid var(--spk-line);border-radius:var(--spk-r);background:#fff;font:inherit;font-size:16px;font-weight:600;color:var(--spk-ink);cursor:pointer;text-align:left} .spk-big--p{justify-content:center;background:var(--spk-p);border-color:var(--spk-p);color:#fff;min-height:56px}.spk-big--p:disabled{opacity:.45;cursor:not-allowed} .spk-big--out{color:var(--blv-danger,#cb2b2b)} .spk-link{display:block;margin:14px 0 4px;min-height:44px;border:0;background:none;color:var(--spk-pi);font:inherit;font-weight:600;cursor:pointer;padding:0} #spk-toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:#1c1c1c;color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;opacity:0;pointer-events:none;transition:.2s;z-index:2147483001}#spk-toast.on{opacity:1;transform:translate(-50%,0)} /* ---- menu sheet ---- */ .spk-ms .spk-sh__p{height:100vh;height:100dvh;max-height:none;border-radius:0} @media (min-width:600px) and (max-width:900px){.spk-ms .spk-sh__p{left:auto;width:420px;border-radius:20px 0 0 20px;transform:translateX(100%)}.spk-ms.on .spk-sh__p{transform:none}} @media (min-width:901px){.spk-ms .spk-sh__p{height:84vh}} .spk-ms__h{display:flex;align-items:center;gap:12px;padding:6px 16px 10px;border-bottom:1px solid var(--spk-line)} .spk-ms__ws{flex:1;min-width:0}.spk-ms__ws b{display:block;font-size:18px}.spk-ms__ws small{color:var(--spk-mu)} .spk-ms__s{display:grid;gap:8px;margin:12px 0} .spk-ms__f{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--spk-line);border-radius:12px;font:inherit;font-size:16px;box-sizing:border-box} .spk-mg{border-bottom:1px solid var(--spk-line)}.spk-mg--top{padding:4px 0} .spk-mg summary{display:flex;align-items:center;gap:12px;min-height:52px;list-style:none;cursor:pointer;font-weight:650;font-size:16px} .spk-mg summary::-webkit-details-marker{display:none} .spk-mg summary::after{content:'';width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 6px 4px 0;opacity:.55;transition:transform .15s}.spk-mg[open] summary::after{transform:rotate(-135deg);margin-bottom:-4px} .spk-mg__n{margin-left:auto;color:var(--spk-mu);font-weight:500;font-size:13px} .spk-mg__l{padding:0 0 8px 8px} .spk-mi{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 10px;border-radius:12px;color:var(--spk-ink);text-decoration:none;font-size:16px} .spk-mi:active,.spk-mi:focus-visible{background:var(--spk-pt)}.spk-mi.is-cur{background:var(--spk-pt);color:var(--spk-pi);font-weight:650} .spk-mi__i{display:grid;place-items:center;width:24px;height:24px;color:var(--spk-pi)}.spk-mi__i svg{width:20px;height:20px} .spk-ms__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 10px} .spk-ms__lbl{font-weight:650} .spk-seg{display:inline-flex;background:var(--blv-soft,#efefec);border-radius:12px;padding:3px} .spk-seg button{min-width:56px;min-height:44px;border:0;border-radius:10px;background:none;font:inherit;font-weight:650;cursor:pointer;color:var(--spk-mu)} .spk-seg button[aria-checked=true]{background:var(--spk-p);color:#fff} .spk-ms__acts{display:grid;gap:8px;margin-top:8px} .spk-ms__pilot{display:flex;gap:8px;align-items:flex-start;margin:16px 0 4px;padding:10px 12px;border-radius:12px;background:#fff7e6;color:#7a4b00;font-size:13px} /* ---- service-category sheet ---- */ .spk-ss__h{display:flex;align-items:center;gap:12px;padding:4px 16px 12px} .spk-ss__h h2{margin:0;font-size:20px;line-height:1.2}.spk-ss__h small{color:var(--spk-mu)}.spk-ss__h>div{flex:1;min-width:0} .spk-ss__ci{flex:0 0 44px;height:44px;border-radius:12px;background:var(--spk-pt);color:var(--spk-pi);display:grid;place-items:center} .spk-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} @media (min-width:600px){.spk-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}} .spk-tile{display:flex;flex-direction:column;border:1.5px solid var(--spk-line);border-radius:16px;background:#fff;overflow:hidden;transition:border-color .12s,box-shadow .12s} .spk-tile.is-on{border-color:var(--spk-p);box-shadow:0 0 0 3px var(--spk-pt)} .spk-tile__b{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:118px;padding:14px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;color:var(--spk-ink)} .spk-tile__i{width:44px;height:44px;border-radius:12px;background:var(--spk-pt);color:var(--spk-pi);display:grid;place-items:center} .spk-tile__b b{font-size:15px;line-height:1.25} .spk-tile__p{color:var(--spk-mu);font-weight:600;font-size:14px;margin-top:auto} .spk-tile__on{font-size:12px;color:var(--blv-ok,#307a07);font-weight:600} .spk-tile__ck{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--spk-line);display:grid;place-items:center;color:transparent;background:#fff} .spk-tile.is-on .spk-tile__ck{background:var(--spk-p);border-color:var(--spk-p);color:#fff} .spk-qty{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--spk-line);background:var(--spk-pt)} .spk-qty button{width:52px;height:48px;border:0;background:none;font-size:24px;font-weight:600;color:var(--spk-pi);cursor:pointer} .spk-qty output{font-weight:700;font-size:17px} .spk-empty{color:var(--spk-mu);padding:12px 0} .spk-ss__f{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--spk-line);background:#fff} .spk-ss__f .spk-big{flex-direction:column;gap:2px}.spk-ss__sum{font-size:13px;font-weight:500;opacity:.9} /* Tjenester settings: category + icon */ .spk-svx{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:8px} .spk-svx label{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--spk-mu)} .spk-svx select{min-height:36px;margin:0;font-size:14px} .spk-svx__i{width:36px;height:36px;border-radius:10px;background:var(--spk-pt);color:var(--spk-pi);display:grid;place-items:center} /* «Ukjent kode» sheet */ .spk-uk__i{font-weight:800;font-size:22px;background:#fff4e5!important;color:#9a5200!important} .spk-uk__f{display:grid;gap:6px;margin:12px 0}.spk-uk__f label{font-weight:650} .spk-uk__row{display:flex;gap:8px}.spk-uk__row input{flex:1;min-width:0;min-height:52px;padding:0 14px;border:1px solid var(--spk-line);border-radius:12px;font:inherit;font-size:17px;font-family:ui-monospace,Menlo,monospace;text-transform:uppercase} .spk-uk__row .spk-big{width:auto;flex:0 0 auto} .spk-uk__e{color:var(--blv-danger,#cb2b2b);margin:4px 0 0} /* staff logins card */ .spk-tm{margin-bottom:16px}.spk-tm__l{display:grid;gap:8px;margin-top:10px} .spk-tm__r{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--spk-line,#e5e7eb);border-radius:12px;min-height:56px} .spk-tm__r.is-off{opacity:.55}.spk-tm__av{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e8f3f5;color:#0e5f6e;font-weight:700;font-size:13px} .spk-tm__n{flex:1;min-width:0;display:grid}.spk-tm__n small{color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .spk-tm__b{min-height:44px;white-space:nowrap}.spk-tm__f{margin:10px 0 0;font-size:13px} @media (max-width:600px){.spk-tm__r{flex-wrap:wrap}.spk-tm__b{width:100%}} /* ---- service sheet: variant drill-down ---- */ .spk-tile.has-v .spk-tile__ck{color:var(--spk-pi)} .spk-tile__vn{font-size:12px;font-weight:600;color:var(--spk-pi)} .spk-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 8px;margin:0 0 8px -6px;border:0;border-radius:12px;background:none;font:inherit;font-weight:600;color:var(--spk-pi);cursor:pointer} .spk-back:hover{background:var(--spk-pt)} .spk-dr__h{margin:0 0 12px;font-size:19px} .spk-vl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} @media (min-width:600px){.spk-vl{grid-template-columns:repeat(3,minmax(0,1fr))}} .spk-vt .spk-tile__b{min-height:92px} .spk-vt__st{font-size:12px;font-weight:600;color:var(--blv-ok,#307a07)}.spk-vt__st.is-out{color:#b42318}.spk-vt__st.is-na{color:var(--spk-mu);font-weight:500;font-family:ui-monospace,Menlo,monospace} .spk-note{display:grid;gap:6px;margin:16px 0 4px;font-weight:600;font-size:14px} .spk-note textarea{font:inherit;font-size:16px;font-weight:400;padding:10px 12px;border:1px solid var(--spk-line);border-radius:12px;resize:vertical;min-height:64px} .spk-ss__ap{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:12.5px;color:#9a3412} /* ---- Tjenester: variants editor ---- */ .spk-vx{flex-basis:100%;width:100%;margin-top:8px;border:1px dashed var(--spk-line,#d9d9d6);border-radius:12px;padding:6px 10px} .spk-vx summary{cursor:pointer;font-weight:600;min-height:40px;display:flex;align-items:center;gap:6px} .spk-vx__n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--spk-pt,#e8f3f5);font-size:12px}.spk-vx__n:empty{display:none} .spk-vx__h,.spk-vx__r{display:grid;grid-template-columns:minmax(0,2fr) 90px minmax(0,1fr) 40px;gap:6px;align-items:center} .spk-vx__h{font-size:11.5px;color:#6b7280;margin:4px 0} .spk-vx__r{margin-bottom:6px}.spk-vx__r input{min-width:0;width:100%;min-height:40px;padding:6px 8px;border:1px solid var(--spk-line,#d9d9d6);border-radius:8px;font:inherit} .spk-vx__d{width:40px;height:40px;border:0;border-radius:8px;background:none;cursor:pointer;color:#b42318} .spk-vx__a{min-height:40px;border:0;background:none;color:var(--spk-pi,#0e5f6e);font:inherit;font-weight:600;cursor:pointer;padding:0 4px} @media (max-width:600px){.spk-vx__h{display:none}.spk-vx__r{grid-template-columns:minmax(0,1fr) 84px 40px}.spk-vx__r input[data-svvs]{grid-column:1/3;grid-row:2}} /* ---- customer approval prompt ---- */ .spk-apv{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 12px;padding:12px 14px;border-radius:14px;border:1px solid} .spk-apv__t{flex:1 1 180px;min-width:0;display:grid}.spk-apv__t b{font-size:15px}.spk-apv__t small{font-size:12.5px;opacity:.85} .spk-apv.is-need{background:#fff7ed;border-color:#fdba74;color:#7c2d12} .spk-apv.is-sent,.spk-apv.is-ok{background:#f0fdf4;border-color:#86efac;color:#14532d} .spk-apv.is-no{background:#f5f5f4;border-color:#d6d3d1;color:#44403c} .spk-apv__b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border:0;border-radius:var(--spk-r,12px);font:inherit;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap} .spk-apv__b--o{background:#f97316;color:#fff;box-shadow:0 0 0 0 rgba(249,115,22,.55),0 0 18px rgba(249,115,22,.55);animation:spk-glow 1.6s ease-in-out infinite} .spk-apv__b--o:hover{background:#ea580c}.spk-apv__b--o:focus-visible{outline:3px solid #7c2d12;outline-offset:2px}.spk-apv__b--o[disabled]{opacity:.7;animation:none;cursor:wait} .spk-apv__b--g{background:#16a34a;color:#fff}.spk-apv__b--x{background:#78716c;color:#fff;cursor:default} span.spk-apv__b--g{cursor:default} @keyframes spk-glow{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,.55),0 0 10px rgba(249,115,22,.45)}50%{box-shadow:0 0 0 8px rgba(249,115,22,0),0 0 24px rgba(249,115,22,.8)}} @media (prefers-reduced-motion:reduce){.spk-apv__b--o{animation:none;box-shadow:0 0 0 3px rgba(249,115,22,.35)}} @media (max-width:600px){.spk-apv__b{width:100%}} /* ================= nav v3: slim header, bottom tab bar, compact I dag ================= */ :root{--spk-tbh:64px} html.spk-m #spk-fab{display:none!important} html.spk-m #spk-mh{height:52px} html.spk-m .spk-mh__av{flex-basis:30px;height:30px;font-size:12px;border-radius:9px} html.spk-m .spk-mh__n{font-size:15px;font-weight:600} #spk-tb{display:none} html.spk-m #spk-tb{display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;position:fixed;left:0;right:0;bottom:0;z-index:90;height:calc(var(--spk-tbh) + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(10px);border-top:1px solid var(--spk-line);box-shadow:0 -4px 18px rgba(0,0,0,.05)} .spk-tb__a,.spk-tb__c{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;border:0;background:none;font:inherit;color:var(--spk-mu,#6b7280);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent} .spk-tb__l{font-size:11.5px;font-weight:600;line-height:1} .spk-tb__a.is-on{color:var(--spk-pi,#0e5f6e)}.spk-tb__a.is-on .spk-tb__l{font-weight:700} .spk-tb__a:focus-visible,.spk-tb__c:focus-visible{outline:2px solid var(--spk-p);outline-offset:-4px;border-radius:12px} .spk-tb__ci{display:grid;place-items:center;width:52px;height:40px;border-radius:14px;background:var(--spk-p,#0d4a57);color:#fff;box-shadow:0 4px 12px rgba(13,74,87,.35)} .spk-tb__c .spk-tb__l{color:var(--spk-ink)} html.spk-m body{padding-bottom:calc(var(--spk-tbh) + env(safe-area-inset-bottom) + 8px)!important} /* sheets and drawers end above the tab bar so it stays visible and tappable */ html.spk-m .spk-sh{bottom:calc(var(--spk-tbh) + env(safe-area-inset-bottom))!important} html.spk-m .spk-sh__p{max-height:calc(100% - 24px)!important} html.spk-m .spk-ss__f{padding-bottom:12px} html.spk-m #panel{bottom:calc(var(--spk-tbh) + env(safe-area-inset-bottom))!important;height:auto!important;max-height:none!important} html.spk-m #scrim{bottom:calc(var(--spk-tbh) + env(safe-area-inset-bottom))!important} html.spk-m .jb2-fab{bottom:calc(var(--spk-tbh) + env(safe-area-inset-bottom) + 12px)!important} /* page header: one slim line (no breadcrumb/subtitle) */ html.spk-m .blv-hero{padding:8px 14px!important;min-height:0!important} html.spk-m .blv-hero .blv-crumbs,html.spk-m .blv-hero [class*="crumb"],html.spk-m .blv-hero__sub,html.spk-m .blv-hero p{display:none!important} html.spk-m .blv-hero h1{font-size:20px!important;line-height:1.25!important;margin:0!important} html.spk-m .blv-hero__in{gap:8px!important;flex-wrap:wrap} /* I dag: KPI tiles as compact horizontally scrollable chips */ html.spk-m .v4-idag .v4-hd{display:none} html.spk-m .v4-idag .v4-tiles{display:flex!important;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 6px;margin:0 -2px 6px;scrollbar-width:none} html.spk-m .v4-idag .v4-tiles::-webkit-scrollbar{display:none} html.spk-m .v4-idag .v4-tile{flex:0 0 auto;min-width:0;width:auto;min-height:48px!important;height:auto!important;padding:6px 12px 6px 8px!important;display:grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;border-radius:var(--spk-r,12px)!important;scroll-snap-align:start;text-align:left} html.spk-m .v4-idag .v4-tile .v4-tile__i{grid-row:1/3;width:30px!important;height:30px!important;position:static!important} html.spk-m .v4-idag .v4-tile b{font-size:18px!important;line-height:1!important;grid-column:2} html.spk-m .v4-idag .v4-tile span:not(.v4-tile__i){font-size:12px!important;line-height:1.1;grid-column:2;white-space:nowrap} html.spk-m .v4-idag .v4-tile small{display:none!important} html.spk-m .v4-idag .v4-tile b{display:inline} html.spk-m .v4-idag .v4-tile{grid-template-columns:auto auto} html.spk-m .v4-idag .v4-acts{grid-template-columns:repeat(2,minmax(0,1fr))!important} /* quick-action sheet (center tab) */ .spk-qa{display:grid;gap:12px;padding-bottom:16px}.spk-qa__f{display:grid;gap:6px}.spk-qa__f label{font-weight:600;font-size:14px} .spk-qa__f input{flex:1;min-width:0;min-height:52px;padding:0 14px;border:1px solid var(--spk-line);border-radius:12px;font:inherit;font-size:17px;font-family:ui-monospace,Menlo,monospace;text-transform:uppercase} /* ================= 4-week capacity strip ================= */ .spk-cap{margin:8px 0 4px;font-size:13px;max-width:760px} .blv-hero__t .spk-cap{flex-basis:100%;width:100%} .spk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .spk-cap__s{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .spk-cap__w{position:relative;display:grid;gap:4px;min-height:58px;padding:8px 10px;border:1px solid var(--spk-line,#e3e3e0);border-radius:12px;background:#fff;font:inherit;text-align:left;cursor:pointer;color:var(--spk-ink,#1c1c1c)} .spk-cap__w:hover{border-color:#cfcfcb}.spk-cap__w.is-open{border-color:var(--spk-p,#0d4a57);box-shadow:0 0 0 2px var(--spk-pt,#e6f3f6)} .spk-cap__w:focus-visible,.spk-cap__day:focus-visible,.spk-cap__mb:focus-visible{outline:2px solid var(--spk-p,#0d4a57);outline-offset:2px} .spk-cap__wl{display:flex;justify-content:space-between;gap:6px;align-items:baseline}.spk-cap__wl b{font-size:13px}.spk-cap__wl span{font-weight:700;font-size:14px} .spk-cap__w small,.spk-cap__rb small{color:#6b7280;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .spk-cap__bar{display:block;height:6px;border-radius:3px;background:#eceae6;overflow:hidden}.spk-cap__bar i{display:block;height:100%;border-radius:3px;background:#16a34a} .is-a .spk-cap__bar i,.spk-cap__w.is-a .spk-cap__bar i{background:#f59e0b}.is-r .spk-cap__bar i,.spk-cap__w.is-r .spk-cap__bar i{background:#dc2626} .spk-cap__w.is-r .spk-cap__wl span{color:#b91c1c}.spk-cap__w.is-a .spk-cap__wl span{color:#b45309}.spk-cap__w.is-g .spk-cap__wl span{color:#15803d} .spk-cap__d{margin-top:8px;border:1px solid var(--spk-line,#e3e3e0);border-radius:12px;background:#fff;padding:4px 8px} .spk-cap__r{display:grid;grid-template-columns:76px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid #f1f0ed} .spk-cap__r:last-of-type{border-bottom:0}.spk-cap__r.is-cl,.spk-cap__r.is-past{opacity:.6} .spk-cap__r.is-td .spk-cap__day b{color:var(--spk-pi,#0e5f6e)} .spk-cap__day{display:grid;justify-items:start;min-height:44px;padding:4px 6px;border:0;border-radius:8px;background:none;font:inherit;cursor:pointer;color:inherit;text-align:left} .spk-cap__day:hover{background:#f4f4f2}.spk-cap__day b{font-size:13px;text-transform:capitalize}.spk-cap__day span{font-size:11.5px;color:#6b7280} .spk-cap__rb{display:grid;gap:3px;min-width:0}.spk-cap__abs{color:#9a3412}.spk-cap__ov{color:#b91c1c;font-weight:600} .spk-cap__mb{width:44px;height:44px;border:0;border-radius:10px;background:none;cursor:pointer;color:#6b7280;display:grid;place-items:center}.spk-cap__mb:hover{background:#f4f4f2} .spk-cap__m{list-style:none;margin:4px 0 2px;padding:0;display:grid;gap:4px}.spk-cap__m li{display:grid;grid-template-columns:minmax(0,1fr) 70px auto;gap:8px;align-items:center;font-size:12px} .spk-cap__all{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font-weight:600;color:var(--spk-pi,#0e5f6e);text-decoration:none} @media (max-width:900px){ .spk-cap__s{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:4px;scrollbar-width:none;margin:0 -2px} .spk-cap__s::-webkit-scrollbar{display:none} .spk-cap__w{flex:0 0 42%;scroll-snap-align:start;min-height:56px} } @media (min-width:600px) and (max-width:900px){.spk-cap__w{flex-basis:30%}} html.spk-m h1.spk-h1-sub{font-size:17px!important;line-height:1.3!important;margin:4px 0 8px!important} #spk-pv{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 12px;background:#1c1c1c;color:#fff;font:500 13px/1.3 Poppins,system-ui,sans-serif} .spk-pv__b{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px 0 6px;border-radius:10px;color:#fff;text-decoration:none;font-weight:600}.spk-pv__b:hover,.spk-pv__b:focus-visible{background:rgba(255,255,255,.12)} .spk-pv__t{opacity:.75} /* compact onboarding banner on phones */ @media (max-width:600px){html.spk-m .blv-tour-card{padding:8px 10px!important;gap:8px!important;margin-bottom:8px!important}html.spk-m .blv-tour-card p,html.spk-m .blv-tour-card > div > span{display:none!important}html.spk-m .blv-tour-card{display:flex!important;align-items:center;flex-wrap:nowrap!important}html.spk-m .blv-tour-card > div{flex:1 1 auto;min-width:0}html.spk-m .blv-tour-card .blv-tour__b{min-height:44px;padding:0 12px!important;flex:0 0 auto;width:auto!important}} /* capacity strip v2: compact single-line chips inline with the page title */ .spk-cap{position:relative;max-width:none;margin:0;font-size:13px} .spk-cap__s{display:flex!important;gap:6px;flex-wrap:nowrap} .spk-cap__w{display:inline-flex!important;flex:0 0 auto!important;align-items:center;gap:0;min-height:32px!important;padding:4px 10px 7px!important;border-radius:var(--spk-r,12px)!important;overflow:hidden} .spk-cap__wl{gap:6px!important;white-space:nowrap}.spk-cap__wl b{font-size:12.5px!important;font-weight:600}.spk-cap__wl span{font-size:12.5px!important} .spk-cap__w .spk-cap__bar{position:absolute;left:10px;right:10px;bottom:4px;height:3px} .spk-cap__w small{display:none} .spk-cap__d{min-width:min(520px,calc(100vw - 32px))} @media (min-width:901px){ .blv-hero__t:has(> .spk-cap){display:flex!important;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:4px} .blv-hero__t:has(> .spk-cap) > h1{order:1;margin:0!important} .blv-hero__t:has(> .spk-cap) > .spk-cap{order:2;flex:0 1 auto} .blv-hero__t:has(> .spk-cap) > .blv-hsum{order:3;margin:0 0 0 auto!important} .blv-hero__t:has(> .spk-cap) > .blv-hero__eb{order:0;flex-basis:100%} .blv-hero__t:has(> .spk-cap) > .blv-hero__g{order:4;flex-basis:100%} .blv-hero__t:has(> .spk-cap) > :not(h1):not(.spk-cap):not(.blv-hsum):not(.blv-hero__eb):not(.blv-hero__g){order:5} .blv-hero__t > .spk-cap .spk-cap__d{position:absolute;top:calc(100% + 6px);left:0;z-index:40;box-shadow:0 12px 32px rgba(0,0,0,.14)} } @media (max-width:900px){ .spk-cap{flex-basis:100%;width:100%;margin:4px 0 2px} .spk-cap__s{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0} .spk-cap__w{scroll-snap-align:start;min-height:44px!important} } @media (min-width:901px){.blv-hero:has(.spk-cap__d),.blv-hero:has(.spk-cap__d) .blv-hero__in,.blv-hero:has(.spk-cap__d) .blv-hero__t{overflow:visible!important;contain:none!important}.blv-hero:has(.spk-cap__d){position:relative;z-index:45}} /* ---- unified shape + icon system (one radius token for chips, KPI tiles, buttons, filter pills) ---- */ :root{--spk-r:12px;--spk-ic:20px} html body:not(#spk-z):not(#spk-y) .spk-cap__w,html body:not(#spk-z):not(#spk-y) .v4-tile,html body:not(#spk-z):not(#spk-y) .v4-act,html body:not(#spk-z):not(#spk-y) .blv-cs-btn,html body:not(#spk-z):not(#spk-y) .blv-fv-open,html body:not(#spk-z):not(#spk-y) .btn,html body:not(#spk-z):not(#spk-y) .blv-kbt__b,html body:not(#spk-z):not(#spk-y) .blv-tb-vbtn,html body:not(#spk-z):not(#spk-y) .blv-tb-colsx,html body:not(#spk-z):not(#spk-y) .blv-sf-tog,html body:not(#spk-z):not(#spk-y) .blv-apchip,html body:not(#spk-z):not(#spk-y) .fchip,html body:not(#spk-z):not(#spk-y) .blv-plf,html body:not(#spk-z):not(#spk-y) .blv-tour__b,html body:not(#spk-z):not(#spk-y) .spk-big,html body:not(#spk-z):not(#spk-y) .spk-tile,html body:not(#spk-z):not(#spk-y) .spk-tile__b,html body:not(#spk-z):not(#spk-y) .spk-thseg,html body:not(#spk-z):not(#spk-y) .spk-thseg button,html body:not(#spk-z):not(#spk-y) .spk-seg,html body:not(#spk-z):not(#spk-y) .spk-seg button,html body:not(#spk-z):not(#spk-y) .v4-big,html body:not(#spk-z):not(#spk-y) .v4-btn,html body:not(#spk-z):not(#spk-y) .v4-qa,html body:not(#spk-z):not(#spk-y) .blv-tb-seg,html body:not(#spk-z):not(#spk-y) .blv-tb-seg button,html body:not(#spk-z):not(#spk-y) .spk-apv__b,html body:not(#spk-z):not(#spk-y) .spk-cap__all,html body:not(#spk-z):not(#spk-y) .spk-cap__day,html body:not(#spk-z):not(#spk-y) .spk-cap__mb,html body:not(#spk-z):not(#spk-y) .jb2-t,html body:not(#spk-z):not(#spk-y) .blv-more__t{border-radius:var(--spk-r)!important} html body:not(#spk-z):not(#spk-y) .blv-tb-shx,html body:not(#spk-z):not(#spk-y) .blv-tip{border-radius:50%!important} html body:not(#spk-z):not(#spk-y) .spk-cap__w .spk-cap__bar{left:10px;right:10px} /* icons: one size, optically centred with the label */ html body:not(#spk-z):not(#spk-y) .v4-tile svg,html body:not(#spk-z):not(#spk-y) .v4-act svg,html body:not(#spk-z):not(#spk-y) .blv-cs-btn svg,html body:not(#spk-z):not(#spk-y) .btn>svg,html body:not(#spk-z):not(#spk-y) .blv-kbt__b>svg,html body:not(#spk-z):not(#spk-y) .spk-big svg,html body:not(#spk-z):not(#spk-y) .v4-big svg,html body:not(#spk-z):not(#spk-y) .blv-fv-open svg,html body:not(#spk-z):not(#spk-y) .blv-tb-vbtn svg,html body:not(#spk-z):not(#spk-y) .blv-tb-colsx svg,html body:not(#spk-z):not(#spk-y) .fchip svg,html body:not(#spk-z):not(#spk-y) .blv-plf svg:not(:only-child){width:var(--spk-ic)!important;height:var(--spk-ic)!important;flex:none;display:block} html body:not(#spk-z):not(#spk-y) .fchip svg,html body:not(#spk-z):not(#spk-y) .blv-tb-vbtn svg,html body:not(#spk-z):not(#spk-y) .blv-tb-colsx svg,html body:not(#spk-z):not(#spk-y) .blv-fv-open svg{--spk-ic:18px} html body:not(#spk-z):not(#spk-y) .v4-act,html body:not(#spk-z):not(#spk-y) .blv-cs-btn,html body:not(#spk-z):not(#spk-y) .btn,html body:not(#spk-z):not(#spk-y) .blv-kbt__b,html body:not(#spk-z):not(#spk-y) .spk-big,html body:not(#spk-z):not(#spk-y) .v4-tile,html body:not(#spk-z):not(#spk-y) .blv-fv-open,html body:not(#spk-z):not(#spk-y) .blv-tb-vbtn,html body:not(#spk-z):not(#spk-y) .blv-tb-colsx,html body:not(#spk-z):not(#spk-y) .fchip{align-items:center} @media (max-width:900px){ /* stacked icon-over-label trio on the board (Drop-in, Kasse, Plasser): same icon slot, same baseline */ html body:not(#spk-z):not(#spk-y) .btn.hdr-drop,html body:not(#spk-z):not(#spk-y) .btn.hdr-kasse,html body:not(#spk-z):not(#spk-y) .blv-kbt__b.blv-place-btn{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-height:56px;line-height:1.2} html body:not(#spk-z):not(#spk-y) .btn.hdr-drop .hdr-drop__p{display:grid!important;place-items:center;width:var(--spk-ic);height:var(--spk-ic);font-size:24px;line-height:1;font-weight:400;margin:0!important} html body:not(#spk-z):not(#spk-y) .btn.hdr-drop kbd{display:none!important} html body:not(#spk-z):not(#spk-y) .btn.hdr-kasse>svg,html body:not(#spk-z):not(#spk-y) .blv-kbt__b.blv-place-btn>svg{margin:0!important} } /* ---- job drawer v4 (≤900px): compact header, 4 tab groups, one action bar ---- */ @media (max-width:900px){ html body:not(#spk-z) #panel.jb2{display:flex!important;flex-direction:column!important;overflow:hidden} html body:not(#spk-z) #panel.jb2 #ph{position:sticky;top:0;z-index:5;flex:none;padding:10px 12px 8px!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:6px!important;border-bottom:1px solid var(--blv-line,#e2e8f0);background:var(--blv-card,#fff)} html body:not(#spk-z) #panel.jb2 #ph .jb2-hd{order:1;display:block!important;padding:0 96px 0 0!important;min-height:44px;margin:0!important} html body:not(#spk-z) #panel.jb2 #ph .jb2-ttl{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:6px;margin:0!important;min-height:44px;font-size:17px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden} html body:not(#spk-z) #panel.jb2 #ph .jb2-ttl .jb2-no{flex:none} html body:not(#spk-z) #panel.jb2 #ph .jb2-ttl .jb2-nm{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html body:not(#spk-z) #panel.jb2 #ph .jb2-chips,html body:not(#spk-z) #panel.jb2 #ph > .pill,html body:not(#spk-z) #panel.jb2 #ph > h2:not(.jb2-ttl),html body:not(#spk-z) #panel.jb2 #ph > .muted{display:none!important} html body:not(#spk-z) #panel.jb2 #ph .jb2-mw{position:absolute!important;top:10px!important;right:60px!important} html body:not(#spk-z) #panel.jb2 #ph > .x{position:absolute!important;top:10px!important;right:12px!important;width:44px;height:44px} .spk-jh2{order:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0} .spk-jst{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 10px 0 12px;border:1px solid var(--blv-line2,#cfd8e3);border-radius:var(--spk-r,12px);background:var(--blv-soft,#eef2f7);color:var(--blv-ink,#1e293b);font:600 13px/1 var(--blv-font,Poppins),sans-serif;cursor:pointer} .spk-jst i{width:10px;height:10px;border-radius:50%;flex:none;background:#94a3b8} .spk-jst:focus-visible{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:2px} .spk-jh2 .blv-rep-live{margin:0!important;min-height:36px;display:inline-flex!important;align-items:center;gap:6px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:var(--spk-r,12px)!important;font-size:12.5px!important} /* barcode collapsed to one row */ html body:not(#spk-z) #panel.jb2 #ph .pbc.jc-bc{order:3;margin:0!important;padding:4px 4px 4px 12px!important;gap:6px!important;border-radius:var(--spk-r,12px)!important;min-height:0} html body:not(#spk-z) #panel.jb2 #ph .pbc.jc-bc:not(.spk-open) .jc-bars{display:none!important} html body:not(#spk-z) #panel.jb2 #ph .pbc.jc-bc.spk-open .jc-bars{display:block!important;width:100%;order:2;padding:6px 0;background:#fff;border-radius:8px} html body:not(#spk-z) #panel.jb2 #ph .pbc .jc-blrow{display:flex!important;align-items:center;gap:6px;width:100%;flex-wrap:nowrap} html body:not(#spk-z) #panel.jb2 #ph .pbc .jc-bl{display:flex!important;flex-direction:row!important;align-items:baseline;gap:8px;flex:1;min-width:0} html body:not(#spk-z) #panel.jb2 #ph .pbc .jc-bl small{font-size:12px!important;white-space:nowrap} html body:not(#spk-z) #panel.jb2 #ph .pbc .jc-bl code{font-size:15px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html body:not(#spk-z) #panel.jb2 #ph .pbc .jc-copy{min-height:36px!important;height:36px;padding:0 10px!important} html body:not(#spk-z) #panel.jb2 #ph .pbc.jc-bc{padding-top:2px!important;padding-bottom:2px!important} html body:not(#spk-z) #panel.jb2 #ph .pbc .jc-bl small{text-transform:none!important;letter-spacing:0!important;color:var(--blv-muted,#5b6575)} .spk-bct{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:var(--blv-muted,#5b6575);cursor:pointer} .spk-bct svg{transition:transform .15s}.spk-bct[aria-expanded="true"] svg{transform:rotate(180deg)} /* tabs: 4 groups that always fit + sub-chips */ html body:not(#spk-z) #panel.jb2 nav.jb2-tabs{display:none!important} .spk-jtabs{flex:none;padding:8px 12px 6px;border-bottom:1px solid var(--blv-line,#e2e8f0);background:var(--blv-card,#fff)} .spk-jseg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px;border-radius:var(--spk-r,12px);background:var(--blv-soft,#eef2f7)} .spk-jseg button{min-height:40px;padding:2px 4px;border:0;border-radius:10px;background:none;color:var(--blv-muted,#5b6575);font:600 12.5px/1.15 var(--blv-font,Poppins),sans-serif;cursor:pointer;white-space:normal;text-align:center;overflow-wrap:anywhere} .spk-jseg button[aria-selected="true"]{background:var(--blv-card,#fff);color:var(--blv-ink,#1e293b);box-shadow:0 1px 3px rgba(0,0,0,.12)} .spk-jsub{display:flex;gap:6px;margin-top:6px;overflow-x:auto;scrollbar-width:none} .spk-jsub::-webkit-scrollbar{display:none} .spk-jsub button{flex:none;min-height:34px;padding:0 12px;border:1px solid var(--blv-line,#e2e8f0);border-radius:var(--spk-r,12px);background:none;color:var(--blv-muted,#5b6575);font:500 12.5px var(--blv-font,Poppins),sans-serif;cursor:pointer} .spk-jsub button[aria-selected="true"]{border-color:var(--blv-primary,#0d4a57);color:var(--blv-primary-i,#0b5566);background:var(--blv-primary-t,#e2edef)} .spk-jseg button:focus-visible,.spk-jsub button:focus-visible{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:1px} /* content: the scrolling area; long text wraps */ html body:not(#spk-z) #panel.jb2 #pb{flex:1 1 auto!important;min-height:0;overflow-y:auto!important;overflow-x:hidden;padding-bottom:16px!important;overflow-wrap:anywhere} html body:not(#spk-z) #panel.jb2 #pb a,html body:not(#spk-z) #panel.jb2 #pb td,html body:not(#spk-z) #panel.jb2 #pb dd{overflow-wrap:anywhere;word-break:break-word} /* no floating status bar – status lives in the header pill; its menu opens as a bottom sheet */ html body:not(#spk-z) #panel.jb2 .jb2-fab{position:static!important;width:0!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:none!important;overflow:visible!important} html body:not(#spk-z) #panel.jb2 .jb2-fab > :not(.jb2-stm){display:none!important} html body:not(#spk-z) #panel.jb2 .jb2-stm:not([hidden]){position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:60vh;overflow:auto;z-index:60;border-radius:16px!important;box-shadow:0 -8px 32px rgba(0,0,0,.25)!important} html body:not(#spk-z) #panel.jb2 .jb2-stm:not([hidden]) > *{min-height:48px;display:flex!important;align-items:center} /* one action bar */ html body:not(#spk-z) #panel.jb2 #pf.spk-pf{position:relative!important;flex:none;display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:8px!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid var(--blv-line,#e2e8f0);background:var(--blv-card,#fff);min-height:0!important} html.spk-m body:not(#spk-z) #panel.jb2 #pf.spk-pf{padding-bottom:10px!important} html body:not(#spk-z) #panel.jb2 #pf .blv-fsec,html body:not(#spk-z) #panel.jb2 #pf .spk-pfx,html body:not(#spk-z) #panel.jb2 #pf .bt-pro{display:contents!important} html body:not(#spk-z) #panel.jb2 #pf .btn.spk-pf-ic{order:1;flex:none;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;display:grid!important;place-items:center;font-size:0!important;gap:0!important} html body:not(#spk-z) #panel.jb2 #pf .btn.spk-pf-ic > :not(svg){display:none!important} html body:not(#spk-z) #panel.jb2 #pf .btn.spk-pf-ic svg{width:20px!important;height:20px!important} html body:not(#spk-z) #panel.jb2 #pf .blv-more{order:2;flex:none} .spk-pfb{order:1;flex:none;text-decoration:none;box-sizing:border-box;width:48px;height:48px;display:grid;place-items:center;padding:0;border:1px solid var(--blv-line2,#cfd8e3);border-radius:var(--spk-r,12px);background:var(--blv-card,#fff);color:var(--blv-ink,#1e293b);cursor:pointer} .spk-pfb svg{width:20px;height:20px}.spk-pfb:focus-visible{outline:2px solid var(--blv-primary,#0d4a57);outline-offset:2px} html body:not(#spk-z) #panel.jb2 #pf .btn.spk-pf-prim{order:3;flex:1 1 auto!important;min-width:0;height:48px!important;min-height:48px!important;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important;position:static!important} html body:not(#spk-z) #panel.jb2 #pf .btn.spk-pf-prim ~ .btn.spk-pf-prim{display:none!important} html body:not(#spk-z) #panel.jb2 #pf .blv-rep-live{display:none!important} html body:not(#spk-z) #panel.jb2 #pf .btn.spk-pf-ic.spk-pf-txt{width:auto!important;min-width:0!important;padding:0 12px!important;font-size:13px!important} html body:not(#spk-z) #panel.jb2 #pf .btn.spk-pf-ic.spk-pf-txt > *{display:inline!important} html body:not(#spk-z) #panel.jb2 #pf a.spk-pfsyn{display:inline-flex!important;align-items:center;gap:8px;text-decoration:none} html body:not(#spk-z) #panel.jb2 #ph .jb2-ttl .spk-jw{display:none} html body:not(#spk-z) #panel.jb2 #ph .jb2-hd{min-height:40px!important} html body:not(#spk-z) #panel.jb2 #ph .jb2-ttl{min-height:40px!important} .spk-jst{min-height:32px!important} .spk-jh2 .blv-rep-live{min-height:32px!important} } @media (max-width:440px){ html body:not(#spk-z) #panel.jb2 #pf.spk-pf{gap:6px!important;padding-left:10px!important;padding-right:10px!important} html body:not(#spk-z) #panel.jb2 #pf .btn.spk-pf-ic,html body:not(#spk-z) #panel.jb2 .spk-pfb{width:44px!important;min-width:44px!important} html body:not(#spk-z) #panel.jb2 #pf .btn.spk-pf-prim{padding:0 10px!important;font-size:15px!important;gap:6px!important} html body:not(#spk-z) #panel.jb2 #pf .btn.spk-pf-prim svg{width:18px!important;height:18px!important} } html[data-theme="dark"] .spk-jseg button[aria-selected="true"]{background:#093843;color:#fff} html[data-theme="dark"] .spk-jsub button[aria-selected="true"]{color:#a5e8fd;background:rgba(13,74,87,.22)} /* ===== «Velkommen» home (≤900px, I dag): greeting, compact KPIs, app-style tile grid ===== */ #spk-home{display:none} @media (max-width:900px){ html.spk-home-on #spk-home{display:block;padding:18px 20px 28px;max-width:760px;margin:0 auto} html.spk-home-on body .blv-hero,html.spk-home-on body #blv-pane{display:none!important} .spk-home__hd{margin:2px 2px 16px} .spk-home__h{margin:0;font:700 26px/1.15 var(--blv-font,Poppins),sans-serif;letter-spacing:-.01em;color:var(--blv-ink,#1c1c1c)} .spk-home__d{margin:4px 0 0;font-size:15px;color:var(--blv-muted,#5b6575)} .spk-home__k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 22px} .spk-hk{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-height:60px;padding:8px 10px;border:1px solid var(--spk-line,#e3e3e0);border-radius:var(--spk-r,12px);background:var(--blv-card,#fff);font:inherit;text-align:left;cursor:pointer;color:var(--blv-ink,#1c1c1c);min-width:0} .spk-hk__i{grid-row:1/3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--hb1);color:var(--hc)} .spk-hk__i svg{width:17px;height:17px} .spk-hk b{font-size:20px;line-height:1.05;font-weight:700} .spk-hk span:last-child{font-size:12px;line-height:1.2;color:var(--blv-muted,#5b6575);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .spk-home__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px;justify-items:center} .spk-app{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:116px;padding:0;border:0;background:none;font:inherit;cursor:pointer;color:var(--blv-ink,#1c1c1c);-webkit-tap-highlight-color:transparent} .spk-app__ic{position:relative;width:100%;aspect-ratio:1;max-width:96px;border-radius:24px;display:grid;place-items:center;color:var(--hc);background:linear-gradient(155deg,var(--hb1),var(--hb2));box-shadow:0 1px 2px rgba(15,23,42,.06),0 4px 14px -6px var(--hs),inset 0 0 0 1px rgba(255,255,255,.5);transition:transform .12s ease} .spk-app__ic svg{width:38px;height:38px;stroke-width:2.3} .spk-app:active .spk-app__ic{transform:scale(.94)} .spk-app:focus-visible{outline:none}.spk-app:focus-visible .spk-app__ic{outline:3px solid var(--blv-primary,#0d4a57);outline-offset:3px} .spk-app__l{font-size:13.5px;font-weight:600;line-height:1.2;text-align:center;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:break-word;min-height:2.4em} .spk-app__bd{position:absolute;top:-7px;right:-7px;min-width:26px;height:26px;padding:0 7px;box-sizing:border-box;border-radius:13px;background:#d70015;color:#fff;font:700 14px/26px var(--blv-font,Poppins),sans-serif;text-align:center;box-shadow:0 0 0 2px var(--blv-bg,#f6f6f4)} /* colour families (status colours) */ .spk-c-blue{--hc:#1d4ed8;--hb1:#e6eeff;--hb2:#cddcff;--hs:rgba(29,78,216,.45)} .spk-c-teal{--hc:#093843;--hb1:#dff4f7;--hb2:#bfe6ec;--hs:rgba(13,74,87,.45)} .spk-c-violet{--hc:#6d28d9;--hb1:#efe8ff;--hb2:#ddd0fb;--hs:rgba(109,40,217,.4)} .spk-c-green{--hc:#15803d;--hb1:#e3f6ea;--hb2:#c6ebd3;--hs:rgba(21,128,61,.4)} .spk-c-slate{--hc:#334155;--hb1:#eef1f5;--hb2:#d9dfe7;--hs:rgba(51,65,85,.35)} .spk-c-purple{--hc:#7e22ce;--hb1:#f4e8ff;--hb2:#e6d0fb;--hs:rgba(126,34,206,.4)} .spk-c-lime{--hc:#3f6212;--hb1:#eef7dc;--hb2:#d9edb5;--hs:rgba(77,124,15,.4)} .spk-c-amber{--hc:#b45309;--hb1:#fff3dc;--hb2:#fde2b0;--hs:rgba(180,83,9,.4)} .spk-c-sky{--hc:#0369a1;--hb1:#e0f2fe;--hb2:#bfe3fb;--hs:rgba(3,105,161,.4)} :where(html[data-theme="dark"]) .spk-hk{background:#14181c;border-color:#262c33;color:#f1f5f9} :where(html[data-theme="dark"]) .spk-hk span:last-child,:where(html[data-theme="dark"]) .spk-home__d{color:#a7b0bb} :where(html[data-theme="dark"]) .spk-home__h,:where(html[data-theme="dark"]) .spk-app{color:#f8fafc} :where(html[data-theme="dark"]) .spk-app__ic{box-shadow:0 4px 18px -8px var(--hs),inset 0 0 0 1px rgba(255,255,255,.08)} :where(html[data-theme="dark"]) .spk-app__bd{box-shadow:0 0 0 2px #252b2d} :where(html[data-theme="dark"]) .spk-c-blue{--hc:#a9c4ff;--hb1:#1b2a4d;--hb2:#14203b} :where(html[data-theme="dark"]) .spk-c-teal{--hc:#a5e8fd;--hb1:#0f3a45;--hb2:#0b2c35} :where(html[data-theme="dark"]) .spk-c-violet{--hc:#c9b3ff;--hb1:#2d2150;--hb2:#21183c} :where(html[data-theme="dark"]) .spk-c-green{--hc:#8fe0ad;--hb1:#123522;--hb2:#0d2819} :where(html[data-theme="dark"]) .spk-c-slate{--hc:#cbd5e1;--hb1:#273241;--hb2:#1c2531} :where(html[data-theme="dark"]) .spk-c-purple{--hc:#ddb8ff;--hb1:#33204a;--hb2:#261738} :where(html[data-theme="dark"]) .spk-c-lime{--hc:#c2e58a;--hb1:#26360f;--hb2:#1c290b} :where(html[data-theme="dark"]) .spk-c-amber{--hc:#fcd08a;--hb1:#3f2a0c;--hb2:#301f08} :where(html[data-theme="dark"]) .spk-c-sky{--hc:#9fd6fb;--hb1:#0f3049;--hb2:#0b2438} } @media (min-width:600px) and (max-width:900px){ html.spk-home-on #spk-home{padding:28px 32px 36px} .spk-home__g{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 18px} .spk-app{max-width:120px}.spk-app__ic{max-width:104px;border-radius:26px} .spk-home__k{max-width:560px} } /* ===== phone (≤600px) = mechanic tool ===== */ #spk-pv2{display:none} @media (max-width:600px){ .spk-cap,#spk-cap-d{display:none!important} .spk-home__g--ph{gap:24px 14px} .spk-home__g--ph .spk-app__ic{max-width:100px;border-radius:26px} html.spk-pvon #spk-pv2{display:block;position:fixed;left:0;right:0;top:52px;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:20;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px 24px;background:var(--blv-bg,#f6f6f4);color:var(--blv-ink,#1c1c1c)} .spk-pc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:420px;margin:12vh auto 0} .spk-pc__i{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:var(--blv-primary-t,#e2edef);color:var(--blv-primary,#0d4a57)} .spk-pc h1{margin:6px 0 0;font:700 22px/1.2 var(--blv-font,Poppins),sans-serif} .spk-pc p{margin:0 0 10px;color:var(--blv-muted,#5b6575);line-height:1.45} .spk-pc .spk-big{width:auto;justify-content:center} .spk-mj__h{margin:0 0 12px;font:700 24px/1.2 var(--blv-font,Poppins),sans-serif} .spk-mj__who{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px} .spk-mj__who > span{font-size:13px;color:var(--blv-muted,#5b6575);margin-right:4px} .spk-mj__who button{min-height:40px;padding:0 14px;border:1px solid var(--spk-line,#e3e3e0);border-radius:var(--spk-r,12px);background:var(--blv-card,#fff);color:inherit;font:600 14px var(--blv-font,Poppins),sans-serif;cursor:pointer} .spk-mj__who button[aria-checked="true"]{border-color:var(--blv-primary,#0d4a57);background:var(--blv-primary-t,#e2edef);color:var(--blv-primary-i,#0b5566)} .spk-mj__l{list-style:none;margin:0;padding:0;display:grid;gap:10px} .spk-mj__c{display:grid;gap:4px;width:100%;padding:12px 14px;border:1px solid var(--spk-line,#e3e3e0);border-radius:var(--spk-r,12px);background:var(--blv-card,#fff);color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:64px} .spk-mj__t{display:flex;gap:8px;align-items:baseline;min-width:0}.spk-mj__t b{flex:none;font-family:ui-monospace,Menlo,monospace} .spk-mj__t span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600} .spk-mj__b{font-size:13.5px;color:var(--blv-muted,#5b6575);overflow-wrap:anywhere} .spk-mj__s{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px} .spk-mj__s i{font-style:normal;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--blv-soft,#eef2f7);color:var(--blv-ink,#1e293b);display:inline-flex;align-items:center;gap:4px} .spk-mj__p--venter_deler{background:#fff1db!important;color:#8a4b00!important} .spk-mj__p--under_arbeid{background:#e0f2fe!important;color:#075985!important} .spk-mj__run{background:#fff4d6!important;color:#8a5a00!important} .spk-mj__e{color:var(--blv-muted,#5b6575);margin:24px 2px} :where(html[data-theme="dark"]) #spk-pv2{background:#252b2d;color:#f1f5f9} :where(html[data-theme="dark"]) .spk-mj__c,:where(html[data-theme="dark"]) .spk-mj__who button{background:#14181c;border-color:#262c33} :where(html[data-theme="dark"]) .spk-mj__b,:where(html[data-theme="dark"]) .spk-mj__e,:where(html[data-theme="dark"]) .spk-pc p,:where(html[data-theme="dark"]) .spk-mj__who>span{color:#a7b0bb} :where(html[data-theme="dark"]) .spk-mj__s i{background:#1f262d;color:#e2e8f0} :where(html[data-theme="dark"]) .spk-mj__p--venter_deler{background:#3f2a0c!important;color:#fcd08a!important} :where(html[data-theme="dark"]) .spk-mj__p--under_arbeid{background:#0f3049!important;color:#9fd6fb!important} :where(html[data-theme="dark"]) .spk-mj__run{background:#3a2f0a!important;color:#fde68a!important} :where(html[data-theme="dark"]) .spk-pc__i{background:#0f3a45;color:#a5e8fd} :where(html[data-theme="dark"]) .spk-mj__who button[aria-checked="true"]{background:#0f3a45;border-color:#2aa3b8;color:#a5e8fd} .spk-me{display:flex!important;flex-direction:row!important;align-items:center;gap:12px} .spk-me__av{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--blv-primary,#0d4a57);color:#fff;font-weight:700} .spk-me > span:last-child{display:grid;min-width:0}.spk-me small{overflow-wrap:anywhere} /* job card on the phone: mechanic focus – Oversikt + Arbeid only; no office shortcuts in the action bar */ html body:not(#spk-z) #panel.jb2 .spk-jseg{grid-template-columns:repeat(2,minmax(0,1fr))} html body:not(#spk-z) #panel.jb2 .spk-jseg [data-spk-g="kun"],html body:not(#spk-z) #panel.jb2 .spk-jseg [data-spk-g="his"]{display:none!important} html body:not(#spk-z) #panel.jb2 #pf .spk-pfb[data-spk-px="print"]{display:none!important} } /* ===== home tiles: edit mode (long-press → jiggle, drag, −/+ , Ferdig) ===== */ @media (max-width:900px){ #spk-home .spk-app{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none} .spk-home__g.is-edit .spk-app{touch-action:none;cursor:grab} .spk-home__g.is-edit .spk-app__ic{animation:spk-jig .32s ease-in-out infinite alternate} .spk-home__g.is-edit .spk-app:nth-child(2n) .spk-app__ic{animation-delay:-.16s;animation-duration:.36s} .spk-home__g.is-edit .spk-app:nth-child(3n) .spk-app__ic{animation-delay:-.08s} @keyframes spk-jig{from{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}} .spk-app.is-drag{position:relative;z-index:5;cursor:grabbing;transition:none} .spk-app.is-drag .spk-app__ic{animation:none;box-shadow:0 14px 30px -10px rgba(0,0,0,.45)} .spk-app.is-hid .spk-app__ic{opacity:.38;filter:saturate(.3)} .spk-app.is-hid .spk-app__l{opacity:.55} .spk-app__eb{position:absolute;top:-8px;left:-8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#3f4650;color:#fff;font:700 20px/1 var(--blv-font,Poppins),sans-serif;box-shadow:0 0 0 2px var(--blv-bg,#f6f6f4);cursor:pointer;z-index:2} .spk-app.is-hid .spk-app__eb{background:#16a34a} .spk-app__eb::after{content:"";position:absolute;inset:-9px} .spk-app__hd{display:none;position:absolute;bottom:6px;left:50%;transform:translateX(-50%);gap:3px} .spk-app__hd i{display:block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6} .spk-home__eb{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:-4px 0 18px;padding:10px 12px;border-radius:var(--spk-r,12px);background:var(--blv-soft,#eef2f7);font-size:13px;color:var(--blv-muted,#5b6575)} .spk-home__ebb{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto} .spk-home__eb button{min-height:40px;padding:0 14px;border-radius:var(--spk-r,12px);font:600 14px var(--blv-font,Poppins),sans-serif;cursor:pointer;border:1px solid var(--spk-line,#d8dde3);background:var(--blv-card,#fff);color:var(--blv-ink,#1c1c1c)} .spk-home__eb .spk-home__ok{background:var(--blv-primary,#0d4a57);border-color:transparent;color:#fff;min-width:88px} :where(html[data-theme="dark"]) .spk-home__eb{background:#14181c;color:#a7b0bb} :where(html[data-theme="dark"]) .spk-home__eb button{background:#1b2127;border-color:#2b333b;color:#f1f5f9} :where(html[data-theme="dark"]) .spk-home__eb .spk-home__ok{background:#093843;color:#fff} :where(html[data-theme="dark"]) .spk-app__eb{background:#5b6573;box-shadow:0 0 0 2px #252b2d} } @media (max-width:900px) and (prefers-reduced-motion:reduce){ .spk-home__g.is-edit .spk-app__ic{animation:none!important;outline:2px dashed color-mix(in srgb,var(--hc) 55%,transparent);outline-offset:3px} .spk-home__g.is-edit .spk-app__hd{display:flex} } /* ===== phone «Meg» = slide-in panel from the right (2×2 tiles + list rows, Spokes teal) ===== */ @media (max-width:600px){ .spk-ms--me .spk-sh__p{left:auto!important;right:0;top:0;bottom:0;width:84%;max-width:400px;height:100%!important;max-height:none!important;border-radius:20px 0 0 20px;transform:translateX(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1);background:var(--blv-card,#fff)} .spk-ms--me.on .spk-sh__p{transform:none} .spk-ms--me .spk-sh__bd{background:rgba(8,12,16,.55)} .spk-ms--me .spk-sh__grab{display:none} .spk-dw__hd{display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 12px 10px 18px} .spk-dw__who{display:grid;min-width:0;flex:1}.spk-dw__who b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .spk-dw__who small{color:var(--blv-muted,#5b6575);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .spk-dw{padding:6px 16px calc(20px + env(safe-area-inset-bottom,0px))!important} .spk-dw__g{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 14px} .spk-dw__t{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;padding:12px 8px;border:0;border-radius:16px;background:var(--blv-soft,#eef2f5);color:var(--blv-ink,#1c1c1c);font:600 15px var(--blv-font,Poppins),sans-serif;cursor:pointer} .spk-dw__t svg{color:var(--blv-primary,#0d4a57);stroke-width:1.6} .spk-dw__t[aria-expanded="true"]{box-shadow:inset 0 0 0 2px var(--blv-primary,#0d4a57)} .spk-dw__t:active{transform:scale(.97)} .spk-dw__prof{margin:-4px 0 14px;padding:12px 14px;border-radius:14px;background:var(--blv-soft,#eef2f5);font-size:14px} .spk-dw__prof dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.spk-dw__prof dt{color:var(--blv-muted,#5b6575)}.spk-dw__prof dd{margin:0;overflow-wrap:anywhere} .spk-dw__pl{margin:12px 0 6px;font-weight:600} .spk-dw__mk{display:flex;flex-wrap:wrap;gap:6px} .spk-dw__mk button,.spk-dw__wsb{min-height:40px;padding:0 14px;border:1px solid var(--spk-line,#d8dde3);border-radius:var(--spk-r,12px);background:var(--blv-card,#fff);color:inherit;font:600 14px var(--blv-font,Poppins),sans-serif;cursor:pointer} .spk-dw__mk button[aria-checked="true"],.spk-dw__wsb[aria-current="true"]{border-color:var(--blv-primary,#0d4a57);color:var(--blv-primary-i,#0b5566);background:var(--blv-primary-t,#e2edef)} .spk-dw__l{display:flex;flex-direction:column} .spk-dw__r{display:flex;align-items:center;gap:14px;width:100%;min-height:58px;padding:6px 2px;border:0;border-bottom:1px solid var(--spk-line,#e6e9ed);background:none;color:var(--blv-ink,#1c1c1c);font:500 16px var(--blv-font,Poppins),sans-serif;text-align:left;cursor:pointer;flex-wrap:wrap} .spk-dw__r:last-child{border-bottom:0} .spk-dw__ri{flex:none;width:28px;display:grid;place-items:center;color:var(--blv-primary,#0d4a57)}.spk-dw__ri svg{stroke-width:1.6} .spk-dw__rl{flex:1;min-width:0} div.spk-dw__r{cursor:default} .spk-dw__r .spk-seg{margin-left:auto} .spk-dw__rs{color:var(--blv-muted,#5b6575);font-size:13px;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .spk-dw__ws{display:flex;flex-direction:column;gap:6px;padding:6px 0 12px 42px} .spk-dw__wsb{text-align:left} :where(html[data-theme="dark"]) .spk-ms--me .spk-sh__p{background:#0b0e10} :where(html[data-theme="dark"]) .spk-dw__t,:where(html[data-theme="dark"]) .spk-dw__prof{background:#1a1f24;color:#f1f5f9} :where(html[data-theme="dark"]) .spk-dw__t svg,:where(html[data-theme="dark"]) .spk-dw__ri{color:#a5e8fd} :where(html[data-theme="dark"]) .spk-dw__r{color:#f1f5f9;border-color:#232a31} :where(html[data-theme="dark"]) .spk-dw__who small,:where(html[data-theme="dark"]) .spk-dw__rs,:where(html[data-theme="dark"]) .spk-dw__prof dt{color:#a7b0bb} :where(html[data-theme="dark"]) .spk-dw__mk button,:where(html[data-theme="dark"]) .spk-dw__wsb{background:#14181c;border-color:#2b333b} :where(html[data-theme="dark"]) .spk-dw__mk button[aria-checked="true"],:where(html[data-theme="dark"]) .spk-dw__wsb[aria-current="true"]{background:#0f3a45;border-color:#2aa3b8;color:#a5e8fd} } @media (max-width:600px) and (prefers-reduced-motion:reduce){.spk-ms--me .spk-sh__p{transition:none}} /* ===== phone mechanic job card (single scroll, no tabs) ===== */ #spk-mc{display:none} @media (max-width:600px){ html.spk-mcard body:not(#spk-z) #panel.jb2 .spk-jtabs,html.spk-mcard body:not(#spk-z) #panel.jb2 #pb,html.spk-mcard body:not(#spk-z) #panel.jb2 #pf,html.spk-mcard body:not(#spk-z) #panel.jb2 #ph .spk-apv{display:none!important} html.spk-mcard #panel.jb2 #spk-mc{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 14px calc(24px + env(safe-area-inset-bottom,0px));overflow-wrap:anywhere;background:var(--blv-bg,#f6f6f4)} .spk-mc__top{display:grid;gap:6px;padding:12px 14px;border-radius:var(--spk-r,12px);background:var(--blv-card,#fff);border:1px solid var(--spk-line,#e3e3e0)} .spk-mc__cu{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.spk-mc__cu b{font-size:17px} .spk-mc__tel{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:999px;background:var(--blv-primary-t,#e2edef);color:var(--blv-primary-i,#0b5566);font-weight:600;text-decoration:none;margin-left:auto} .spk-mc__bk{display:flex;gap:8px;align-items:center;color:var(--blv-muted,#5b6575)} .spk-mc__s{margin-top:12px;padding:12px 14px;border-radius:var(--spk-r,12px);background:var(--blv-card,#fff);border:1px solid var(--spk-line,#e3e3e0)} .spk-mc__s h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:700 15px var(--blv-font,Poppins),sans-serif}.spk-mc__s h3 svg{color:var(--blv-primary,#0d4a57)} .spk-mc__m{margin:0;color:var(--blv-muted,#5b6575);font-size:14px} .spk-mc__ck{list-style:none;margin:0;padding:0;display:grid} .spk-mc__ck label{display:flex;gap:12px;align-items:flex-start;min-height:48px;padding:10px 0;border-bottom:1px solid var(--spk-line,#eceeea);cursor:pointer} .spk-mc__ck li:last-child label{border-bottom:0} .spk-mc__ck input{flex:none;width:24px;height:24px;margin:0;accent-color:var(--blv-primary,#0d4a57)} .spk-mc__ck input:checked + span{text-decoration:line-through;color:var(--blv-muted,#5b6575)} .spk-mc__ck small{display:block;font-size:12px;color:var(--blv-muted,#5b6575);text-decoration:none} .spk-mc__tm{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.spk-mc__tm output{font:700 30px/1 ui-monospace,Menlo,monospace} .spk-mc__tm.is-run output{color:#b45309}.spk-mc__tm small{color:var(--blv-muted,#5b6575)} .spk-mc__tb{display:flex;gap:8px} .spk-mc__b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border:1px solid var(--spk-line,#d8dde3);border-radius:var(--spk-r,12px);background:var(--blv-card,#fff);color:var(--blv-ink,#1c1c1c);font:600 15px var(--blv-font,Poppins),sans-serif;cursor:pointer;flex:1} .spk-mc__b--go{background:var(--blv-primary,#0d4a57);border-color:transparent;color:#fff} .spk-mc__cat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .spk-mc__cat button{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:84px;padding:10px 4px;border:1px solid var(--spk-line,#e3e3e0);border-radius:var(--spk-r,12px);background:var(--blv-soft,#f3f5f7);color:var(--blv-ink,#1c1c1c);font:600 12.5px/1.2 var(--blv-font,Poppins),sans-serif;text-align:center;cursor:pointer} .spk-mc__cat svg{color:var(--blv-primary,#0d4a57)} .spk-mc__q{display:flex;gap:8px}.spk-mc__q input{flex:1;min-width:0;min-height:48px;padding:0 12px;border:1px solid var(--spk-line,#d8dde3);border-radius:var(--spk-r,12px);font:inherit;font-size:16px;background:var(--blv-card,#fff);color:inherit} .spk-mc__q .spk-mc__b{flex:none;width:48px;padding:0} [data-mcs="parts"]:not(:empty){margin-top:10px} .spk-mc__pl{list-style:none;margin:0;padding:0;display:grid;gap:8px} .spk-mc__pl li{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:10px;border:1px solid var(--spk-line,#eceeea);border-radius:10px} .spk-mc__pl li > span:first-child{display:grid;gap:2px}.spk-mc__pl small{font-size:12px;color:var(--blv-muted,#5b6575)}.spk-mc__pl small.is-in{color:#15803d}.spk-mc__pl small.is-out{color:#b42318} .spk-mc__pl .spk-mc__b{grid-column:1/-1} .spk-mc__man{display:grid;grid-template-columns:1fr 90px;gap:8px;margin-top:8px}.spk-mc__man input{min-height:48px;padding:0 12px;border:1px solid var(--spk-line,#d8dde3);border-radius:var(--spk-r,12px);font:inherit;font-size:16px;min-width:0;background:var(--blv-card,#fff);color:inherit} .spk-mc__man .spk-mc__b{grid-column:1/-1} .spk-mc__s--req .spk-apv{margin:0} .spk-mc__ph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .spk-mc__ph figure{position:relative;margin:0;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#000}.spk-mc__ph img{width:100%;height:100%;object-fit:cover} .spk-mc__ph figure button{position:absolute;top:4px;right:4px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:20px;cursor:pointer} .spk-mc__pa{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1;border:1.5px dashed var(--spk-line,#c9d0d8);border-radius:10px;color:var(--blv-primary,#0d4a57);font-size:13px;font-weight:600;cursor:pointer;position:relative} .spk-mc__pa input{position:absolute;inset:0;opacity:0;cursor:pointer} .spk-mc__s--note textarea{width:100%;box-sizing:border-box;min-height:84px;padding:10px 12px;border:1px solid var(--spk-line,#d8dde3);border-radius:var(--spk-r,12px);font:inherit;font-size:16px;resize:vertical;background:var(--blv-card,#fff);color:inherit} .spk-mc__end{margin-top:16px} .spk-mc__rd{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:var(--spk-r,12px);background:#15803d;color:#fff;font:700 17px var(--blv-font,Poppins),sans-serif;cursor:pointer} .spk-mc__ok{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;margin:0;border-radius:var(--spk-r,12px);background:#e3f6ea;color:#15803d;font-weight:700} :where(html[data-theme="dark"]) #panel.jb2 #spk-mc{background:#252b2d} :where(html[data-theme="dark"]) .spk-mc__top,:where(html[data-theme="dark"]) .spk-mc__s{background:#14181c;border-color:#262c33} :where(html[data-theme="dark"]) .spk-mc__cat button{background:#1a1f24;border-color:#2b333b;color:#f1f5f9} :where(html[data-theme="dark"]) .spk-mc__s h3 svg,:where(html[data-theme="dark"]) .spk-mc__cat svg,:where(html[data-theme="dark"]) .spk-mc__pa{color:#a5e8fd} :where(html[data-theme="dark"]) .spk-mc__b,:where(html[data-theme="dark"]) .spk-mc__q input,:where(html[data-theme="dark"]) .spk-mc__man input,:where(html[data-theme="dark"]) .spk-mc__s--note textarea{background:#1b2127;border-color:#2b333b;color:#f1f5f9} :where(html[data-theme="dark"]) .spk-mc__b--go{background:#093843;color:#fff} :where(html[data-theme="dark"]) .spk-mc__tel{background:#0f3a45;color:#a5e8fd} :where(html[data-theme="dark"]) .spk-mc__tm.is-run output{color:#fcd08a} :where(html[data-theme="dark"]) .spk-mc__ck label{border-color:#232a31} :where(html[data-theme="dark"]) .spk-mc__m,:where(html[data-theme="dark"]) .spk-mc__bk,:where(html[data-theme="dark"]) .spk-mc__ck small,:where(html[data-theme="dark"]) .spk-mc__tm small,:where(html[data-theme="dark"]) .spk-mc__pl small{color:#a7b0bb} :where(html[data-theme="dark"]) .spk-mc__pl small.is-in{color:#8fe0ad}:where(html[data-theme="dark"]) .spk-mc__pl small.is-out{color:#ff8f87} :where(html[data-theme="dark"]) .spk-mc__ok{background:#123522;color:#8fe0ad} :where(html[data-theme="dark"]) .spk-mc__rd{background:#166534} } /* Meg panel – compact typography (fits 390×844 without scrolling) */ @media (max-width:600px){ .spk-dw__hd{padding:calc(10px + env(safe-area-inset-top,0px)) 10px 6px 16px;gap:10px} .spk-dw__hd .spk-me__av{width:36px;height:36px;font-size:13px} .spk-dw__who b{font-size:16px;font-weight:600}.spk-dw__who small{font-size:12.5px} .spk-dw__hd .spk-x{width:40px;height:40px;flex-basis:40px} .spk-dw{padding:2px 14px calc(14px + env(safe-area-inset-bottom,0px))!important} .spk-dw__g{gap:8px;margin:2px 0 8px} .spk-dw__t{min-height:84px;gap:6px;padding:10px 6px;font:500 14px var(--blv-font,Poppins),sans-serif;border-radius:14px} .spk-dw__t svg{width:20px;height:20px} .spk-dw__r{min-height:48px;padding:12px 2px;gap:12px;font:400 15px var(--blv-font,Poppins),sans-serif;flex-wrap:nowrap} .spk-dw__ri{width:22px}.spk-dw__ri svg{width:18px;height:18px} .spk-dw__r .spk-seg,.spk-dw__r .spk-thseg{margin-left:auto;flex:none;padding:2px;border-radius:10px;gap:2px} .spk-dw__r .spk-seg button,.spk-dw__r .spk-thseg button,.spk-dw__r [data-spk-theme]{min-height:32px!important;height:32px;min-width:0!important;padding:0 9px!important;font-size:12.5px!important;font-weight:600;border-radius:8px!important;gap:4px} .spk-dw__r .spk-thseg svg{width:14px;height:14px} .spk-dw__r .spk-thseg [data-spk-theme] span{font-size:12.5px} .spk-dw__rl{white-space:nowrap} .spk-dw .spk-ms__pilot{margin:10px 0 0;font-size:12.5px;padding:8px 10px} } @media (max-width:600px){.spk-dw__r .spk-thseg--ic [data-spk-theme]{width:38px;padding:0!important;display:grid;place-items:center}.spk-dw__r .spk-thseg--ic svg{width:16px;height:16px}} /* home tiles – compact (≈76–84px, 4 per row on phones) */ @media (max-width:600px){ html.spk-home-on #spk-home{padding:16px 16px 24px} .spk-home__g,.spk-home__g--ph{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 10px} .spk-app,.spk-home__g--ph .spk-app{max-width:84px;gap:6px} .spk-app__ic,.spk-home__g--ph .spk-app__ic{max-width:84px;border-radius:20px} .spk-app__ic svg{width:26px;height:26px;stroke-width:2.2} .spk-app__l{font-size:13px;font-weight:600} .spk-app__bd{top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;font-size:12px;line-height:22px} .spk-app__eb{width:24px;height:24px;font-size:17px;top:-7px;left:-7px} } @media (min-width:601px) and (max-width:900px){.spk-app__ic svg{width:30px;height:30px}} @media (max-width:600px){html body .spk-dw__r .spk-thseg.spk-thseg--ms{width:auto!important}html body .spk-dw__r .spk-thseg.spk-thseg--ms button{flex:none!important;min-height:32px!important}} /* part-request lines */ .spk-apv__ls{flex:1 1 100%;order:1;list-style:none;margin:2px 0 0;padding:0;display:grid;gap:0} .spk-apv>.spk-apv__b{order:2;flex:1 1 100%;justify-content:center} .spk-apv__l{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(60,67,70,.14)} .spk-apv__ln{flex:1 1 auto;min-width:0;display:grid}.spk-apv__ln b{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spk-apv__ln small{font-size:13px;opacity:.75} .spk-apv__lp{flex:0 0 auto;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums} .spk-apv__q{display:inline-flex;align-items:center;gap:2px}.spk-apv__q output{min-width:20px;text-align:center;font-size:15px} .spk-apv__q button,.spk-apv__rm{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;border:1px solid rgba(60,67,70,.2);background:transparent;color:inherit;font-size:18px;cursor:pointer;padding:0} .spk-apv__q button:disabled{opacity:.35}.spk-apv__rm{border:0;color:#b42318} .spk-apv__l.is-ok .spk-apv__lp{color:#16a34a}.spk-apv__l.is-no .spk-apv__ln b,.spk-apv__l.is-no .spk-apv__lp{text-decoration:line-through;opacity:.6} .spk-apv__tot{display:flex;justify-content:space-between;padding:10px 0 2px;border-top:1px solid rgba(60,67,70,.3);font-size:15px}.spk-apv__tot b{font-size:16px} html[data-theme="dark"] .spk-apv__rm{color:#f97066} html.spk-ios #panel .pbc,html.spk-ios #ph{position:static!important;top:auto!important} .spk-apv__l{display:grid!important;grid-template-columns:1fr auto auto;grid-template-areas:"n n n" "q p r";row-gap:6px;align-items:center} .spk-apv__ln{grid-area:n}.spk-apv__ln b{white-space:normal!important}.spk-apv__q{grid-area:q;justify-self:start}.spk-apv__lp{grid-area:p}.spk-apv__rm{grid-area:r} .spk-apv__l:not(:has(.spk-apv__q)){grid-template-areas:"n p"} /* spokes-ios.css */ /* Spokes – phone shell (≤600px), iOS navigation patterns. Own module: everything is scoped to html.spk-ios / #ios and does not patch desktop CSS. Spokes palette + fonts, light and dark. */ html.spk-ios{--io-bg:#F4F4F2;--io-card:#fff;--io-fill:#e8e8e4;--io-sep:rgba(60,67,70,.2);--io-ink:#0b1f26;--io-mu:#4c5f65;--io-tint:#0d4a57;--io-tint-ink:#fff;--io-bar:rgba(248,248,246,.88);--io-press:#e6e6e2;--io-danger:#c4271c;--io-ease:cubic-bezier(.32,.72,0,1)} html.spk-ios:where([data-theme="dark"]){--io-bg:#252b2d;--io-card:#2f3638;--io-fill:#3d474a;--io-sep:rgba(255,255,255,.14);--io-ink:#edf7f9;--io-mu:#9db4ba;--io-tint:#a5e8fd;--io-tint-ink:#06232a;--io-bar:rgba(37,43,45,.9);--io-press:#3a4346;--io-danger:#ff8f87} html.spk-ios,html.spk-ios body{overflow:hidden!important;overscroll-behavior:none;background:var(--io-bg)} html.spk-ios #spk-tb,html.spk-ios #spk-mh,html.spk-ios #blv-sb,html.spk-ios .sb-bot,html.spk-ios .sb-scrim,html.spk-ios .nv-bottom,html.spk-ios #spk-pv2{display:none!important} #ios{position:fixed;inset:0;z-index:880;background:var(--io-bg);color:var(--io-ink);font-family:inherit;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden} #ios[hidden]{display:none} #ios button,#ios input{font:inherit;color:inherit} .ios-stk{position:absolute;inset:0;overflow:hidden} /* pages + push navigation */ .ios-pg{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--io-bg);transition:transform .35s var(--io-ease),opacity .35s var(--io-ease);will-change:transform} .ios-pg.is-in{transform:translateX(100%)} .ios-pg.is-out{transform:translateX(100%);box-shadow:none} .ios-pg.is-under{transform:translateX(-28%);pointer-events:none} .ios-pg.is-under::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.06)} .ios-pg.is-top,.ios-pg.is-in,.ios-pg.is-out{box-shadow:-10px 0 28px rgba(0,0,0,.08)} .ios-stk>.ios-pg:first-child{box-shadow:none} html.ios-swiping .ios-pg.is-under,html.ios-swiping.ios-job #ios .ios-pg.is-top{transform:translateX(-14%)} html.ios-job #ios .ios-pg.is-top{transform:translateX(-28%)} /* nav bar: transparent over the large title, blurred bar + small title once collapsed */ .ios-nb{position:relative;z-index:2;flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;padding:env(safe-area-inset-top) 8px 0;background:transparent;border-bottom:.5px solid transparent;transition:background .2s,border-color .2s} .ios-pg.is-s .ios-nb,#panel.is-s .ios-nb--job{background:var(--io-bar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)} .ios-pg.is-c .ios-nb,#panel.ios-jc .ios-nb--job{border-bottom-color:var(--io-sep)} .ios-nb__t{margin:0;max-width:56vw;font-size:17px;font-weight:600;line-height:22px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s} .ios-pg.is-c .ios-nb__t,#panel.ios-jc .ios-nb--job .ios-nb__t{opacity:1;transform:none} .ios-nb__l{justify-self:start;min-width:0}.ios-nb__r{justify-self:end;display:flex;gap:4px} .ios-back,.ios-nbb{display:inline-flex;align-items:center;gap:5px;min-height:44px;max-width:38vw;padding:0 8px 0 4px;border:0;background:none;color:var(--io-tint)!important;font-size:17px;font-weight:400;cursor:pointer;border-radius:10px} .ios-back span,.ios-nbb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ios-nbb{padding:0 8px;font-size:15px}.ios-nbb--b{font-weight:600;font-size:17px}.ios-nbb--i{padding:0 6px;min-width:44px;justify-content:center} .ios-back:active,.ios-nbb:active{opacity:.45} .ios-sc{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(96px + env(safe-area-inset-bottom))} .ios-in{min-height:calc(100% + 60px)} .ios-lt{margin:2px 16px 0;font-size:32px!important;line-height:40px!important;font-weight:700;letter-spacing:-.02em;color:var(--io-ink);overflow-wrap:anywhere} .ios-lt:focus{outline:none}.ios-lt:focus-visible{outline:2px solid var(--io-tint);outline-offset:2px;border-radius:6px} .ios-lt__s{margin:2px 16px 0;font-size:15px;color:var(--io-mu)} /* pull-down search */ .ios-sb{padding:6px 16px 4px} .ios-sb__f{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:10px;background:var(--io-fill);color:var(--io-mu)} .ios-sb__f input{flex:1;min-width:0;height:36px;border:0;background:none;outline:none;font-size:17px!important;color:var(--io-ink)!important;-webkit-appearance:none;appearance:none} .ios-sb__f input::placeholder{color:var(--io-mu)} .ios-sb__f:focus-within{box-shadow:0 0 0 2px var(--io-tint)} .ios-body{padding:6px 0 0} /* segmented control */ .ios-seg{display:flex;margin:6px 16px 4px;padding:2px;border-radius:9px;background:var(--io-fill)} .ios-seg button{flex:1;min-height:32px!important;height:32px;padding:0 10px;border:0;border-radius:7px;background:none;font-size:13px!important;font-weight:500;color:var(--io-ink)!important;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:4px} .ios-seg button[aria-checked="true"]{background:var(--io-card);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.14),0 0 0 .5px rgba(0,0,0,.04)} html.spk-ios:where([data-theme="dark"]) .ios-seg button[aria-checked="true"]{background:#5b6266;color:#fff!important} .ios-seg--s{margin:0;flex:0 0 auto;width:auto!important} .ios-seg--s button{flex:0 0 auto;min-width:40px;min-height:30px!important;height:30px;padding:0 8px} .ios-seg--th.spk-thseg{border:0!important;gap:0!important;height:auto!important} .ios-seg--th button svg{width:15px;height:15px} /* grouped inset lists */ .ios-gh{margin:20px 32px 6px;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:.02em;color:var(--io-mu)} .ios-g{list-style:none;margin:10px 16px 0;padding:0;border-radius:12px;background:var(--io-card);overflow:hidden} .ios-gh+.ios-g{margin-top:0} .ios-g>li{margin:0;padding:0;position:relative}.ios-g>li.ios-row{padding:10px 16px} .ios-g>li+li::before{content:"";position:absolute;top:0;left:16px;right:0;border-top:.5px solid var(--io-sep);z-index:1} .ios-g>li:has(.ios-ri)+li::before{left:56px} .ios-gf{margin:8px 32px 0;font-size:13px;line-height:18px;color:var(--io-mu)} .ios-row{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 16px;border:0;background:none;text-align:left;cursor:pointer;color:var(--io-ink)!important;box-sizing:border-box;transition:background .12s} button.ios-row:active,a.ios-row:active{background:var(--io-press)} .ios-row__m{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px} .ios-row__t{font-size:17px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ios-row__t b{font-weight:600} .ios-row__s{font-size:15px;line-height:20px;color:var(--io-mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ios-row__v{flex:0 1 auto;min-width:0;font-size:17px;color:var(--io-mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%} .ios-row__x{flex:0 0 auto} .ios-chev{flex:0 0 auto;color:var(--io-mu);opacity:.6} .ios-row--kv{cursor:default}.ios-row--kv .ios-row__t{flex:1} .ios-row--seg{cursor:default;flex-wrap:nowrap} #ios .ios-row--danger{justify-content:center;color:var(--io-danger)!important;font-size:17px!important;font-weight:400} .ios-ri{flex:0 0 auto;display:grid;place-items:center;width:29px;height:29px;border-radius:7px;color:#fff;background:#0d4a57} .ios-ri svg{stroke:currentColor} .ios-ri--blue{background:#1f6fd1}.ios-ri--slate{background:#55606a}.ios-ri--violet{background:#6b4fd0}.ios-ri--amber{background:#b45f06} .ios-pill{display:inline-block;padding:3px 8px;border-radius:999px;font-style:normal;font-size:12px;font-weight:600;line-height:16px;background:var(--io-fill);color:var(--io-mu)} .ios-pill--under_arbeid,.ios-pill--run{background:#dcf1f4;color:#0b5566}.ios-pill--venter_deler,.ios-pill--venter_svar{background:#fdecd2;color:#7a3e00}.ios-pill--ferdig{background:#dcf5e3;color:#145c2c}.ios-pill--innlevert,.ios-pill--bekreftet{background:#e3ebfb;color:#1b4a9a} html.spk-ios:where([data-theme="dark"]) .ios-pill--under_arbeid,html.spk-ios:where([data-theme="dark"]) .ios-pill--run{background:#103a43;color:#a5e8fd} html.spk-ios:where([data-theme="dark"]) .ios-pill--venter_deler,html.spk-ios:where([data-theme="dark"]) .ios-pill--venter_svar{background:#432a0b;color:#ffcf8f} html.spk-ios:where([data-theme="dark"]) .ios-pill--ferdig{background:#123a20;color:#9fe3b4} html.spk-ios:where([data-theme="dark"]) .ios-pill--innlevert,html.spk-ios:where([data-theme="dark"]) .ios-pill--bekreftet{background:#16264a;color:#b6ccf6} .ios-empty{margin:28px 32px;text-align:center;font-size:15px;color:var(--io-mu)} /* Meg */ .ios-me{display:flex;align-items:center;gap:12px;margin:8px 16px 0;padding:10px 16px;border-radius:12px;background:var(--io-card)} .ios-me__av{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--io-tint);color:var(--io-tint-ink);font-weight:700;font-size:17px} .ios-me__w{display:flex;flex-direction:column;min-width:0}.ios-me__w b{font-size:17px;font-weight:600}.ios-me__w small{font-size:14px;color:var(--io-mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ios-mts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 16px 0} .ios-mt{display:flex;flex-direction:row;align-items:center;gap:10px;height:56px;padding:0 12px;border:0;border-radius:12px;background:var(--io-card);cursor:pointer;font-size:14px!important;font-weight:500;text-align:left;transition:transform .12s,background .12s} .ios-mt:active{transform:scale(.97);background:var(--io-press)} .ios-mt__i{color:var(--io-tint)}.ios-mt__i svg{stroke:currentColor} /* «Bruk PC» */ .ios-pc{margin:24px 16px;padding:28px 20px;border-radius:12px;background:var(--io-card);text-align:center} .ios-pc__i{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--io-fill);color:var(--io-tint)} .ios-pc h1{margin:14px 0 6px;font-size:22px;font-weight:700}.ios-pc p{margin:0;font-size:15px;line-height:21px;color:var(--io-mu)} /* tab bar */ .ios-tab{position:absolute;left:0;right:0;bottom:0;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);padding:4px 4px calc(2px + env(safe-area-inset-bottom));background:var(--io-bar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--io-sep)} .ios-tab__b{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:50px;padding:3px 0 2px;border:0;background:none;color:var(--io-mu)!important;font-size:10px!important;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:transform .1s} .ios-tab__b:active{transform:scale(.92)} .ios-tab__b[aria-selected="true"]{color:var(--io-tint)!important} .ios-tab__b[aria-selected="true"] svg{stroke-width:2.1} .ios-tab__b--skann svg{width:30px;height:30px} .ios-tab__b:focus-visible,.ios-row:focus-visible,.ios-back:focus-visible,.ios-nbb:focus-visible,.ios-mt:focus-visible,.ios-seg button:focus-visible{outline:2px solid var(--io-tint);outline-offset:-2px} /* home tiles inside the shell (SPK_HOME keeps owning the grid + long-press edit mode) */ #ios #spk-home{margin:0;padding:8px 16px 0;background:none} #ios #spk-home .spk-home__hd{display:none} #ios .spk-app:active:not(.is-edit *){transform:scale(.94)} #ios .spk-app__bd{background:#d70015} /* action sheet */ .ios-as{position:fixed;inset:0;z-index:2147483100;font-family:inherit} .ios-as__bd{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .25s} .ios-as__p{position:absolute;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));transform:translateY(calc(100% + 16px));transition:transform .32s var(--io-ease)} .ios-as.on .ios-as__bd{opacity:1}.ios-as.on .ios-as__p{transform:none} .ios-as__g{border-radius:14px;overflow:hidden;background:rgba(249,250,251,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)} .ios-as__t{margin:0;padding:13px 16px;text-align:center;font-size:13px;color:#5d666b;border-bottom:.5px solid rgba(60,67,70,.2)} .ios-as__b{display:flex;align-items:center;justify-content:center;width:100%;min-height:57px;padding:0 16px;border:0;border-top:.5px solid rgba(60,67,70,.2);background:none;color:#0d4a57;font:inherit;font-size:19px;text-decoration:none;cursor:pointer;box-sizing:border-box} .ios-as__g>.ios-as__b:first-child,.ios-as__t+.ios-as__b{border-top:0} .ios-as__b:active{background:rgba(0,0,0,.08)} .ios-as__b.is-danger{color:#c4271c}.ios-as__b.is-on{font-weight:600} .ios-as__c{margin-top:8px;border:0;border-radius:14px;background:#fff;font-weight:600} html:where([data-theme="dark"]) .ios-as__g{background:rgba(36,40,43,.94)} html:where([data-theme="dark"]) .ios-as__t{color:#a2adb2;border-color:rgba(255,255,255,.12)} html:where([data-theme="dark"]) .ios-as__b{color:#a5e8fd;border-color:rgba(255,255,255,.12)} html:where([data-theme="dark"]) .ios-as__b.is-danger{color:#ff8f87} html:where([data-theme="dark"]) .ios-as__c{background:#24282b} .ios-as__b:focus-visible{outline:2px solid currentColor;outline-offset:-3px} /* modal sheets (existing sheet primitive) get the iOS card look + grabber */ html.spk-ios .spk-sh__p{border-radius:12px 12px 0 0;background:var(--io-bg)} html.spk-ios .spk-sh__grab{width:36px;height:5px;margin:6px auto 4px;border-radius:3px;background:var(--io-sep);display:block} html.spk-ios .spk-sh__bd{background:rgba(0,0,0,.4)} /* job page = the existing panel + mechanic card, presented as a pushed page */ html.spk-ios #scrim{display:none!important} html.spk-ios #panel{top:0!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;height:100%!important;border-radius:0!important;display:flex!important;flex-direction:column;background:var(--io-bg)!important;transform:translateX(100%);visibility:hidden;transition:transform .35s var(--io-ease),visibility 0s .35s;box-shadow:-10px 0 28px rgba(0,0,0,.1)} html.spk-ios #panel.open{transform:none;visibility:visible;transition:transform .35s var(--io-ease)} html.spk-ios body:not(#spk-z) #panel.jb2#panel #ph>:not(.pbc){display:none!important} html.spk-ios #panel #ph{order:0;flex:0 0 auto;position:static!important;padding:0 16px 6px!important;background:transparent!important;border:0!important;box-shadow:none!important} html.spk-ios #panel>#spk-mc{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:calc(16px + env(safe-area-inset-bottom))} .ios-nb--job{order:-2} .ios-jlt{order:-1;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:0 16px 4px;overflow:hidden;max-height:56px;transition:max-height .22s var(--io-ease),opacity .18s} .ios-jlt .ios-lt{margin:0;font-size:30px!important;line-height:40px!important} #panel.ios-jc .ios-jlt{max-height:0;opacity:0;padding-bottom:0} @media (prefers-reduced-motion:reduce){.ios-pg,html.spk-ios #panel,.ios-as__p,.ios-jlt,.ios-nb__t{transition:none!important}} /* job page + sheets on the phone follow the shell surfaces (light Stone / soft slate, never black) */ html.spk-ios #spk-mc,html.spk-ios #panel #ph{background:var(--io-bg)!important} html.spk-ios #spk-mc .spk-mc__s,html.spk-ios #spk-mc .spk-mc__top{background:var(--io-card)!important;border-color:transparent!important} html.spk-ios .spk-sh__p{background:var(--io-bg)!important;color:var(--io-ink)} html.spk-ios:where([data-theme="dark"]) .ios-as__g{background:rgba(47,54,56,.96)} html.spk-ios:where([data-theme="dark"]) .ios-as__c{background:#2f3638} html.spk-ios:where([data-theme="dark"]) body{background:#252b2d!important} #ios .ios-sb__f input{background:transparent!important;border:0!important;box-shadow:none!important} html.spk-ios:where([data-theme="dark"]) #spk-mc .spk-tile,html.spk-ios:where([data-theme="dark"]) .spk-sh .spk-tile{background:#3d474a!important} /* one type scale on every phone page: Poppins 15 rows/tiles, Jost 600 names + section headers, 13 secondary */ html.spk-ios #ios .ios-row,html.spk-ios #ios .ios-row__t,html.spk-ios #ios .ios-mt,html.spk-ios #ios .ios-mt span,html.spk-ios #ios .ios-row--danger,html.spk-ios #ios .ios-empty,html.spk-ios #ios .ios-seg button,html.spk-ios #ios .ios-sb input{font-family:Poppins,system-ui,sans-serif!important;font-size:15px!important;font-weight:400!important;line-height:1.3!important;letter-spacing:0!important} html.spk-ios #ios .ios-seg button{font-size:13px!important;font-weight:500!important} html.spk-ios #ios .ios-row__t b{font-weight:600} html.spk-ios #ios .ios-row__s,html.spk-ios #ios .ios-row__v,html.spk-ios #ios .ios-me__w small,html.spk-ios #ios .ios-gf,html.spk-ios #ios .ios-lt__s,html.spk-ios #ios .ios-pill{font-family:Poppins,system-ui,sans-serif!important;font-size:13px!important;font-weight:400!important} html.spk-ios #ios .ios-me__w b,html.spk-ios #ios .ios-gh,html.spk-ios #ios .ios-lt,html.spk-ios #ios .ios-nb__t,html.spk-ios #ios .ios-pc h1{font-family:Jost,Poppins,system-ui,sans-serif!important;font-weight:600!important} html.spk-ios #ios .ios-me__w b{font-size:17px!important}html.spk-ios #ios .ios-gh{font-size:13px!important;letter-spacing:.04em} html.spk-ios #ios .ios-g>li>.ios-row,html.spk-ios #ios .ios-g>li.ios-row,html.spk-ios #ios .ios-mt{min-height:48px!important;box-sizing:border-box} html.spk-ios #ios .ios-g>li>.ios-row,html.spk-ios #ios .ios-g>li.ios-row{padding-top:8px!important;padding-bottom:8px!important} html.spk-ios #ios .ios-ri,html.spk-ios #ios .ios-mt__i{width:30px!important;height:30px!important;flex:0 0 30px} html.spk-ios #ios .ios-ri svg,html.spk-ios #ios .ios-mt__i svg{width:18px!important;height:18px!important} html.spk-ios #ios .ios-row--danger{font-weight:500!important;justify-content:center} html.spk-ios #ios .ios-sc{padding-bottom:calc(132px + env(safe-area-inset-bottom))!important} html.spk-ios #ios .ios-mt{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 12px!important}html.spk-ios #ios .ios-mt__i{display:grid!important;place-items:center!important;margin:0!important} /* phone job card: alignment + icon consistency */ #spk-mc .spk-mc__s,#spk-mc .spk-mc__top{padding:14px 16px!important;box-sizing:border-box} #spk-mc .spk-mc__s>h3{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 10px!important;font-family:Jost,Poppins,sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:22px!important} #spk-mc .spk-mc__s>h3>svg{width:20px!important;height:20px!important;flex:0 0 20px;display:block;margin:0!important} #spk-mc .spk-mc__ck label{display:flex!important;align-items:center!important;gap:12px!important;min-height:44px;margin:0!important;padding:0!important} #spk-mc .spk-mc__ck input[type=checkbox]{flex:0 0 24px;width:24px!important;height:24px!important;margin:0!important;align-self:center!important} #spk-mc .spk-mc__ck label>span{font-family:Poppins,sans-serif!important;font-size:15px!important;line-height:1.35!important;padding:0!important;margin:0!important} #spk-mc .spk-mc__tel{display:inline-flex!important;align-items:center!important;gap:6px!important} #spk-mc .spk-mc__tel svg{width:18px!important;height:18px!important;flex:0 0 18px} #spk-mc .spk-mc__cat{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:1fr!important;gap:8px!important} #spk-mc .spk-mc__cat button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:84px!important;height:100%!important;padding:10px 6px!important;text-align:center!important} #spk-mc .spk-mc__cat button svg{width:26px!important;height:26px!important;flex:0 0 26px;display:block} #spk-mc .spk-mc__cat button span{font-family:Poppins,sans-serif!important;font-size:13px!important;font-weight:500!important;line-height:1.25!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #spk-mc .spk-mc__tm{font-family:Jost,Poppins,sans-serif!important;font-weight:600!important;font-size:32px!important;line-height:1.1!important;font-variant-numeric:tabular-nums;letter-spacing:0!important} html.spk-ios #panel .pbc{display:flex!important;align-items:center!important;gap:10px} html.spk-ios #panel .pbc *{vertical-align:middle} html.spk-ios #panel .pbc button,html.spk-ios #panel .pbc .pbc__c,html.spk-ios #panel .pbc [data-copy]{display:inline-flex!important;align-items:center!important;line-height:1!important;margin-top:0!important;margin-bottom:0!important} #spk-mc .spk-mc__tm{display:flex!important;align-items:baseline!important;gap:10px!important;flex-wrap:wrap} #spk-mc .spk-mc__tm output{font-family:Jost,Poppins,sans-serif!important;font-weight:600!important;font-size:32px!important;line-height:1.1!important;font-variant-numeric:tabular-nums;letter-spacing:0!important} #spk-mc .spk-mc__tm small{font-family:Poppins,sans-serif!important;font-size:13px!important;font-weight:400!important;opacity:.75} html.spk-ios .ios-nb .ios-back{max-width:38vw;min-width:0}html.spk-ios .ios-nb .ios-back span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} html.spk-ios .ios-nb__t{max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html.spk-ios body:not(#spk-z) #panel #ph{display:none!important} html.spk-ios #spk-mc>.ios-pbc{display:flex!important;margin:0 16px 12px!important} html.spk-ios .ios-nb .ios-back span{display:inline-block;max-width:110px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle} /* ---- floating glass tab bar ---- */ html.spk-ios #ios .ios-tab{left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 4px)!important;max-width:560px;margin:0 auto;padding:6px!important;border-radius:26px!important;border:.5px solid rgba(255,255,255,.55)!important;background:rgba(250,252,252,.72)!important;-webkit-backdrop-filter:saturate(180%) blur(22px)!important;backdrop-filter:saturate(180%) blur(22px)!important;box-shadow:0 10px 30px rgba(11,31,38,.16),0 1px 0 rgba(255,255,255,.6) inset!important;overflow:visible} html.spk-ios[data-theme="dark"] #ios .ios-tab{background:rgba(47,54,56,.72)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important} html.spk-ios #ios .ios-tab__ind{position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px)/5);border-radius:20px;background:rgba(13,74,87,.1);transform:translateX(calc(var(--ti,0)*100%));transition:transform .36s cubic-bezier(.32,1.25,.5,1);pointer-events:none} html.spk-ios[data-theme="dark"] #ios .ios-tab__ind{background:rgba(165,232,253,.14)} html.spk-ios #ios[style*="--ti: 2"] .ios-tab__ind,html.spk-ios #ios[style*="--ti:2"] .ios-tab__ind{opacity:0} html.spk-ios #ios .ios-tab__b{position:relative;z-index:1;min-height:48px!important;color:#5B6C71!important;font-size:clamp(10px,2.6vw,11px)!important} html.spk-ios #ios .ios-tab__b[aria-selected="true"]{color:#0D4A57!important} html.spk-ios[data-theme="dark"] #ios .ios-tab__b{color:#9DB0B5!important}html.spk-ios[data-theme="dark"] #ios .ios-tab__b[aria-selected="true"]{color:#A5E8FD!important} html.spk-ios #ios .ios-tab__b[aria-selected="true"] svg path,html.spk-ios #ios .ios-tab__b[aria-selected="true"] svg rect,html.spk-ios #ios .ios-tab__b[aria-selected="true"] svg circle:first-child{fill:currentColor;fill-opacity:.16} html.spk-ios #ios .ios-tab__b.is-pop svg{animation:ioPop .42s cubic-bezier(.3,1.6,.5,1)} @keyframes ioPop{0%{transform:scale(1)}35%{transform:scale(.82) translateY(1px)}100%{transform:scale(1)}} html.spk-ios #ios .ios-tab__b--skann{margin-top:-18px} html.spk-ios #ios .ios-tab__b--skann svg{box-sizing:content-box;width:28px!important;height:28px!important;padding:12px;border-radius:50%;background:#0D4A57;color:#fff;box-shadow:0 6px 16px rgba(13,74,87,.35),0 0 0 4px rgba(250,252,252,.9)} html.spk-ios[data-theme="dark"] #ios .ios-tab__b--skann svg{background:#A5E8FD;color:#0B1F26;box-shadow:0 6px 16px rgba(0,0,0,.4),0 0 0 4px rgba(47,54,56,.9)} html.spk-ios #ios .ios-tab__b--skann[aria-selected] svg path{fill:none!important} @media (prefers-reduced-motion:reduce){html.spk-ios #ios .ios-tab__ind{transition:none}html.spk-ios #ios .ios-tab__b.is-pop svg{animation:none}} html.spk-ios #ios .ios-sc{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)} html.spk-ios #ios .ios-nb{padding-top:env(safe-area-inset-top)!important;padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important} html.spk-ios #ios{height:100dvh} /* ---- fluid home grid ---- */ html.spk-ios #spk-home .spk-home__g--ph{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(clamp(72px,21vw,92px),1fr))!important;gap:clamp(10px,3vw,18px) clamp(8px,2.4vw,14px)!important;justify-items:center} html.spk-ios #spk-home .spk-app{width:100%!important;max-width:96px} html.spk-ios #spk-home .spk-app__ic{width:clamp(58px,16vw,72px)!important;height:clamp(58px,16vw,72px)!important;border-radius:clamp(14px,4vw,18px)!important} html.spk-ios #spk-home .spk-app__l{font-size:clamp(11px,3.1vw,13px)!important;line-height:1.2!important} html.spk-ios #spk-home .spk-home__h{font-size:clamp(24px,7.5vw,34px)!important} html.spk-ios #spk-home .spk-app--add .spk-app__ic{background:transparent!important;border:2px dashed rgba(13,74,87,.35)!important;color:#0D4A57!important;box-shadow:none!important} html.spk-ios[data-theme="dark"] #spk-home .spk-app--add .spk-app__ic{border-color:rgba(165,232,253,.35)!important;color:#A5E8FD!important} /* ---- shortcut sheet ---- */ .spk-scs{position:fixed;inset:0;z-index:2147482000} .spk-scs__bd{position:absolute;inset:0;background:rgba(11,31,38,.35);opacity:0;transition:opacity .22s} .spk-scs__p{position:absolute;left:max(0px,env(safe-area-inset-left));right:max(0px,env(safe-area-inset-right));bottom:0;max-width:640px;margin:0 auto;max-height:86dvh;overflow:auto;background:#F4F6F7;color:#0B1F26;border-radius:16px 16px 0 0;padding:6px 16px calc(16px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);outline:none;font-family:Poppins,system-ui,sans-serif} .spk-scs.on .spk-scs__bd{opacity:1}.spk-scs.on .spk-scs__p{transform:none} .spk-scs__g{width:36px;height:5px;border-radius:3px;background:rgba(60,67,70,.3);margin:4px auto 6px} .spk-scs__h{display:flex;align-items:center;justify-content:space-between;margin:2px 0 10px}.spk-scs__h h2{margin:0;font:600 18px Jost,Poppins,sans-serif} .spk-scs__ok{border:0;background:none;color:#0D4A57;font:600 16px Poppins,sans-serif;min-height:44px;padding:0 4px;cursor:pointer} .spk-scs__ls{list-style:none;margin:0;padding:0;background:#fff;border-radius:12px;overflow:hidden} .spk-scs__ls li{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 12px;border-bottom:.5px solid rgba(60,67,70,.18)}.spk-scs__ls li:last-child{border-bottom:0} .spk-scs__i{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex:0 0 32px} .spk-scs__l{flex:1;font-size:15px} .spk-scs__b{width:30px;height:30px;border-radius:50%;border:0;display:grid;place-items:center;font:600 20px/1 Poppins,sans-serif;color:#fff;background:#16a34a;cursor:pointer} .spk-scs__b.is-on{background:#dc2626} .spk-scs__b:focus-visible,.spk-scs__ok:focus-visible{outline:2px solid #0D4A57;outline-offset:2px} html[data-theme="dark"] .spk-scs__p{background:#252b2d;color:#EDF3F4}html[data-theme="dark"] .spk-scs__ls{background:#2f3638}html[data-theme="dark"] .spk-scs__ok{color:#A5E8FD} @media (prefers-reduced-motion:reduce){.spk-scs__p{transition:none}} /* ---- iOS-like home: centred grid, squircle icons, folders ---- */ html.spk-ios #ios .ios-pg[data-pg="hjem"]{--hp:clamp(16px,6vw,28px)} html.spk-ios #ios .ios-pg[data-pg="hjem"] .ios-lt,html.spk-ios #ios .ios-pg[data-pg="hjem"] .ios-lt__s{padding-left:var(--hp)!important;padding-right:var(--hp)!important;margin-left:0!important} html.spk-ios #ios .ios-pg[data-pg="hjem"] .ios-body{padding:0 var(--hp)!important} html.spk-ios #spk-home{padding:0!important;margin:0!important;width:auto!important} html.spk-ios #spk-home .spk-home__hd{display:none!important} html.spk-ios #spk-home .spk-home__g--ph{grid-template-columns:repeat(4,minmax(0,1fr))!important;justify-items:center!important;column-gap:0!important;row-gap:clamp(14px,4vw,22px)!important;margin:8px 0 0!important;padding:0!important} @media (max-width:339px){html.spk-ios #spk-home .spk-home__g--ph{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media (min-width:480px){html.spk-ios #spk-home .spk-home__g--ph{grid-template-columns:repeat(5,minmax(0,1fr))!important}} html.spk-ios #spk-home .spk-app,html.spk-gov .spk-app{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;width:100%!important;max-width:92px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important} html.spk-ios #spk-home .spk-app__ic,.spk-gov .spk-app__ic{--ic:clamp(56px,15.5vw,68px);position:relative;width:var(--ic)!important;height:var(--ic)!important;border-radius:calc(var(--ic)*.225)!important;display:grid!important;place-items:center!important;color:#fff!important; background:linear-gradient(180deg,var(--g1,#1f6f80),var(--g2,#0D4A57))!important;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.35),0 2px 6px rgba(11,31,38,.16),0 8px 18px -8px rgba(11,31,38,.3)!important;border:0!important} html.spk-ios #spk-home .spk-app__ic>svg,.spk-gov .spk-app__ic>svg{width:50%!important;height:50%!important;stroke-width:1.9!important;shape-rendering:geometricPrecision;filter:drop-shadow(0 1px 0 rgba(0,0,0,.12))} html.spk-ios #spk-home .spk-c-teal .spk-app__ic,.spk-gov .spk-c-teal .spk-app__ic{--g1:#2a7f91;--g2:#0D4A57} html.spk-ios #spk-home .spk-c-slate .spk-app__ic,.spk-gov .spk-c-slate .spk-app__ic{--g1:#6b7d84;--g2:#3c4b51} html.spk-ios #spk-home .spk-c-blue .spk-app__ic,.spk-gov .spk-c-blue .spk-app__ic{--g1:#5aa2f5;--g2:#2563eb} html.spk-ios #spk-home .spk-c-violet .spk-app__ic,.spk-gov .spk-c-violet .spk-app__ic{--g1:#a78bfa;--g2:#7c3aed} html.spk-ios #spk-home .spk-c-purple .spk-app__ic,.spk-gov .spk-c-purple .spk-app__ic{--g1:#c084fc;--g2:#9333ea} html.spk-ios #spk-home .spk-c-lime .spk-app__ic,.spk-gov .spk-c-lime .spk-app__ic{--g1:#5fd08a;--g2:#16a34a} html.spk-ios #spk-home .spk-c-green .spk-app__ic,.spk-gov .spk-c-green .spk-app__ic{--g1:#34d399;--g2:#059669} html.spk-ios #spk-home .spk-c-amber .spk-app__ic,.spk-gov .spk-c-amber .spk-app__ic{--g1:#fbbf5a;--g2:#ea8a0c} html.spk-ios #spk-home .spk-c-sky .spk-app__ic,.spk-gov .spk-c-sky .spk-app__ic{--g1:#7fd8f5;--g2:#0ea5e9} html.spk-ios #spk-home .spk-app__l,.spk-gov .spk-app__l{font:500 clamp(11.5px,3.2vw,13px)/1.2 Poppins,system-ui,sans-serif!important;text-align:center!important;max-width:100%;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:inherit} html.spk-ios #spk-home .spk-app__bd,.spk-gov .spk-app__bd{position:absolute!important;top:-6px!important;right:-6px!important;min-width:22px!important;height:22px!important;padding:0 6px!important;border-radius:11px!important;background:#ff3b30!important;color:#fff!important;font:600 13px/22px -apple-system,Poppins,sans-serif!important;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.25)!important;border:0!important} html.spk-ios #spk-home .spk-app--add .spk-app__ic{background:transparent!important;box-shadow:none!important;color:#0D4A57!important;border:2px dashed rgba(13,74,87,.4)!important} html.spk-ios #spk-home .spk-app--grp .spk-app__ic{background:rgba(120,140,146,.22)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:calc(var(--ic)*.12)!important;place-items:stretch!important} .spk-app__mini{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--ic)*.06);width:100%;height:100%;align-content:start} .spk-app__mini i{aspect-ratio:1;border-radius:22%;background:linear-gradient(180deg,var(--g1,#2a7f91),var(--g2,#0D4A57));display:grid;place-items:center;color:#fff} .spk-app__mini i svg{width:62%;height:62%} .spk-app__mini .spk-c-teal{--g1:#2a7f91;--g2:#0D4A57}.spk-app__mini .spk-c-slate{--g1:#6b7d84;--g2:#3c4b51}.spk-app__mini .spk-c-blue{--g1:#5aa2f5;--g2:#2563eb}.spk-app__mini .spk-c-violet{--g1:#a78bfa;--g2:#7c3aed}.spk-app__mini .spk-c-purple{--g1:#c084fc;--g2:#9333ea}.spk-app__mini .spk-c-lime{--g1:#5fd08a;--g2:#16a34a}.spk-app__mini .spk-c-green{--g1:#34d399;--g2:#059669}.spk-app__mini .spk-c-amber{--g1:#fbbf5a;--g2:#ea8a0c}.spk-app__mini .spk-c-sky{--g1:#7fd8f5;--g2:#0ea5e9} html.spk-ios #spk-home .spk-app.is-merge .spk-app__ic{transform:scale(1.12);box-shadow:0 0 0 4px rgba(165,232,253,.9),0 8px 18px rgba(11,31,38,.3)!important;transition:transform .15s} html.spk-ios[data-theme="dark"] #spk-home .spk-app--add .spk-app__ic{color:#A5E8FD!important;border-color:rgba(165,232,253,.4)!important} html.spk-ios[data-theme="dark"] #spk-home .spk-app--grp .spk-app__ic{background:rgba(220,235,240,.16)!important} /* folder overlay */ .spk-gov{position:fixed;inset:0;z-index:2147481000;display:grid;place-items:center;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px,env(safe-area-inset-left))} .spk-gov__bd{position:absolute;inset:0;background:rgba(20,30,34,.28);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);opacity:0;transition:opacity .22s} .spk-gov__w{position:relative;width:min(340px,100%);opacity:0;transform:scale(.85);transition:transform .28s cubic-bezier(.3,1.3,.5,1),opacity .2s} .spk-gov.on .spk-gov__bd,.spk-gov.on .spk-gov__w{opacity:1}.spk-gov.on .spk-gov__w{transform:none} .spk-gov__n{display:block;width:100%;box-sizing:border-box;margin:0 0 14px;border:0;background:transparent;color:#fff;font:600 clamp(24px,7vw,30px) Jost,Poppins,sans-serif;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.25);outline:none} .spk-gov__n:focus{background:rgba(255,255,255,.18);border-radius:12px} .spk-gov__p{background:rgba(250,252,252,.62);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:32px;padding:20px 14px;box-shadow:0 20px 50px rgba(0,0,0,.25)} html[data-theme="dark"] .spk-gov__p{background:rgba(60,70,74,.6);color:#EDF3F4} .spk-gov__g{display:grid!important;grid-template-columns:repeat(3,1fr)!important;row-gap:16px!important;justify-items:center} .spk-gov .spk-app{color:#0B1F26}html[data-theme="dark"] .spk-gov .spk-app{color:#EDF3F4} .spk-gov .spk-app.is-drag{z-index:2;opacity:.9} .spk-app__eb--out{position:absolute;top:-7px;left:-7px;width:22px;height:22px;border-radius:50%;background:rgba(60,67,70,.75);color:#fff;font:600 16px/22px Poppins,sans-serif;text-align:center} @media (prefers-reduced-motion:reduce){.spk-gov__w,.spk-gov__bd{transition:none}} html.spk-ios #spk-home .spk-app__eb{position:absolute!important;top:-7px!important;left:-7px!important;width:22px!important;height:22px!important;min-width:0!important;padding:0!important;border-radius:50%!important;background:rgba(60,67,70,.82)!important;color:#fff!important;font:600 16px/22px Poppins,sans-serif!important;text-align:center!important;display:block!important} html.spk-ios #spk-home .spk-app:focus-visible{outline:none}html.spk-ios #spk-home .spk-app:focus-visible .spk-app__ic{outline:2px solid #0D4A57;outline-offset:3px} html.spk-ios #spk-home .spk-home__eb{margin:0 0 12px!important} .spk-gov .spk-app__eb--out{width:22px!important;height:22px!important;min-width:0!important;padding:0!important;border-radius:50%!important;display:block!important;top:-7px!important;left:-7px!important;font:600 16px/22px Poppins,sans-serif!important} /* servicenr card (clone inside the phone job card) */ html.spk-ios #spk-mc>.ios-pbc{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin:0 16px 12px!important;padding:10px 12px!important;box-sizing:border-box;width:auto!important;max-width:none!important;background:var(--io-card,#fff);border-radius:14px;border:1px solid rgba(60,67,70,.12)} html.spk-ios #spk-mc>.ios-pbc .jc-bars{align-self:center;width:100%;max-width:320px;text-align:center} html.spk-ios #spk-mc>.ios-pbc .jc-bars svg{width:100%!important;height:auto;max-height:56px} html.spk-ios #spk-mc>.ios-pbc .jc-blrow{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0} html.spk-ios #spk-mc>.ios-pbc .jc-bl{flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:8px!important;white-space:nowrap!important;width:auto!important} html.spk-ios #spk-mc>.ios-pbc .jc-bl small{flex:0 0 auto;font:500 13px Poppins,sans-serif!important;opacity:.7} html.spk-ios #spk-mc>.ios-pbc .jc-bl code{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;font:600 15px ui-monospace,Menlo,monospace!important;word-break:normal!important} html.spk-ios #spk-mc>.ios-pbc .jc-copy{flex:0 0 auto!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;height:32px!important;min-height:32px!important;width:auto!important;padding:0 12px!important;border-radius:16px!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;font:500 13px Poppins,sans-serif!important} html.spk-ios #spk-mc>.ios-pbc .spk-bct{flex:0 0 32px!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;padding:0!important} html.spk-ios body:not(#spk-z) #spk-mc>.ios-pbc{margin:0 0 12px!important} html.spk-ios body:not(#spk-z) #spk-mc>.ios-pbc .jc-bl small{font:500 12px Poppins,sans-serif!important;letter-spacing:0!important} html.spk-ios body:not(#spk-z) #spk-mc>.ios-pbc .jc-bl code{font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:0!important;overflow:visible!important;text-overflow:clip!important} html.spk-ios body:not(#spk-z) #spk-mc>.ios-pbc .jc-copy{font:500 13px Poppins,sans-serif!important;letter-spacing:0!important;padding:0 10px!important;box-shadow:none!important;border:1px solid rgba(13,74,87,.25)!important;background:rgba(165,232,253,.35)!important;color:#0D4A57!important} @media (max-width:360px){html.spk-ios body:not(#spk-z) #spk-mc>.ios-pbc .jc-bl small{display:none}} html.spk-ios #ios .spk-app__bd,html.spk-ios #spk-home .spk-app__bd,.spk-gov .spk-app__bd{background:#d70015!important} html.spk-ios body:not(#spk-z) #spk-mc>.ios-pbc .jc-copy,html.spk-ios body:not(#spk-z) #spk-mc>.ios-pbc .jc-copy span{font-family:Poppins,system-ui,sans-serif!important;font-weight:500!important;font-size:13px!important;letter-spacing:0!important} /* 2026-10-10 strict phone home grid (owner): 4 equal columns 320–599px, icons on one line per row, fixed 2-line labels */ html.spk-ios #spk-home .spk-home__g--ph,html.spk-ios .spk-gov .spk-home__g--ph{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:auto!important;column-gap:clamp(4px,1.6vw,10px)!important;row-gap:clamp(14px,4vw,20px)!important;justify-items:stretch!important;align-items:start!important;padding:0!important} @media (max-width:339px){html.spk-ios #spk-home .spk-home__g--ph{grid-template-columns:repeat(4,minmax(0,1fr))!important;column-gap:2px!important}} @media (min-width:480px){html.spk-ios #spk-home .spk-home__g--ph{grid-template-columns:repeat(4,minmax(0,1fr))!important}} html.spk-ios #spk-home .spk-home__g--ph>.spk-app,html.spk-ios .spk-gov .spk-home__g--ph>.spk-app{display:grid!important;grid-template-rows:var(--ic,64px) auto!important;justify-items:center!important;align-content:start!important;row-gap:6px!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;align-self:start!important;justify-self:stretch!important} html.spk-ios #spk-home .spk-home__g--ph .spk-app__ic,html.spk-ios .spk-gov .spk-home__g--ph .spk-app__ic{--ic:clamp(52px,15vw,64px);margin:0!important;flex:none!important} html.spk-ios #spk-home .spk-home__g--ph>.spk-app{--ic:clamp(52px,15vw,64px)} html.spk-ios #spk-home .spk-home__g--ph .spk-app__l,html.spk-ios .spk-gov .spk-home__g--ph .spk-app__l{font-size:clamp(11px,3.05vw,12.5px)!important;line-height:1.25!important;height:2.5em!important;width:100%!important;max-width:100%!important;padding:0 1px!important;margin:0!important;text-align:center!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:anywhere;hyphens:auto} html.spk-ios #spk-home .spk-home__g--ph .spk-app__bd{top:-6px!important;right:-6px!important;left:auto!important} /* search fix 2026-10-10: no iOS focus-zoom (>=16px), no horizontal drift, one clean ring */ html.spk-ios,html.spk-ios body{overflow-x:clip;max-width:100%} html.spk-ios #ios{overflow-x:clip;max-width:100vw} html.spk-ios #ios .ios-sb{padding:6px max(16px,env(safe-area-inset-right)) 4px max(16px,env(safe-area-inset-left));box-sizing:border-box;width:100%;max-width:100%} html.spk-ios #ios .ios-sb__f{box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:40px;border-radius:12px;outline:none!important;transition:box-shadow .15s ease,background-color .15s ease} html.spk-ios #ios .ios-sb__f:focus-within{box-shadow:0 0 0 2px var(--io-tint)!important;background:var(--io-card,var(--io-fill))} html.spk-ios #ios .ios-sb input,html.spk-ios #ios .ios-sb__f input{font-size:16px!important;height:40px;width:100%;min-width:0;outline:none!important;box-shadow:none!important;border:0!important;transform:none} html.spk-ios #ios .ios-sb__f input:focus,html.spk-ios #ios .ios-sb__f input:focus-visible,html.dx body:not(#dx-a):not(#dx-b):not(#dx-c) #ios .ios-sb__f input:focus-visible{outline:none!important;box-shadow:none!important} /* spokes-desktop-ios.css */ /* Spokes desktop/tablet layer (>600px) – iPadOS/macOS-inspired, platform-neutral (Android tablets/Chromebooks). Havbris. PREVIEW ONLY. */ @media (min-width:601px){ :root{--dx-bg:#F4F4F2;--dx-surf:#FFFFFF;--dx-surf2:#FAFAF8;--dx-ink:#1B2426;--dx-ink2:#5B6669;--dx-line:rgba(13,74,87,.10); --dx-brand:#0D4A57;--dx-brand-ink:#fff;--dx-tint:rgba(13,74,87,.08);--dx-acc:#A5E8FD;--dx-shell:#F7E7C6; --dx-sb:rgba(244,244,242,.72);--dx-r:16px;--dx-r2:12px;--dx-sh:0 1px 2px rgba(16,40,46,.06),0 4px 16px rgba(16,40,46,.06); --dx-sh2:0 12px 48px rgba(16,40,46,.18);--dx-tap:48px} html[data-theme=dark]{--dx-bg:#252B2D;--dx-surf:#2F3638;--dx-surf2:#343C3E;--dx-ink:#EEF3F4;--dx-ink2:#A9B6B9;--dx-line:rgba(165,232,253,.12); --dx-brand:#A5E8FD;--dx-brand-ink:#0D2F37;--dx-tint:rgba(165,232,253,.12);--dx-sb:rgba(37,43,45,.72);--dx-sh:0 1px 2px rgba(0,0,0,.25),0 4px 16px rgba(0,0,0,.18);--dx-sh2:0 16px 56px rgba(0,0,0,.45)} html.dx body{background:var(--dx-bg)!important;color:var(--dx-ink);font-family:Poppins,system-ui,"Roboto","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} html.dx h1,html.dx h2,html.dx h3{font-family:Jost,Poppins,system-ui,sans-serif;letter-spacing:-.01em} /* ---- Sidebar: frosted, pill active ---- */ html.dx #blv-sb.sb{background:var(--dx-sb)!important;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-right:1px solid var(--dx-line)!important;box-shadow:none!important} html.dx #blv-sb .sb-a,html.dx #blv-sb .sb-ws{min-height:var(--dx-tap);border-radius:12px!important;color:var(--dx-ink)!important;font-weight:500;transition:background .18s,color .18s} html.dx #blv-sb .sb-a:hover{background:var(--dx-tint)!important} html.dx #blv-sb .sb-a[aria-current=page]{background:var(--dx-brand)!important;color:var(--dx-brand-ink)!important;box-shadow:0 2px 8px rgba(13,74,87,.25)} html.dx #blv-sb .sb-a[aria-current=page] *{color:var(--dx-brand-ink)!important} html.dx #blv-sb .sb-ul{padding-right:8px!important} html.dx #blv-sb .sb-a{width:auto!important;max-width:calc(100% - 4px)} html.dx #blv-sb .sb-i svg{stroke-width:1.6} html.dx #blv-sb .sb-av{border-radius:12px!important;background:var(--dx-brand)!important;color:var(--dx-brand-ink)!important} html.dx #blv-sb .sb-col,html.dx #blv-sb .sb-x{min-width:var(--dx-tap);min-height:var(--dx-tap);border-radius:12px} /* ---- Toolbar (top nav) translucent; search field ---- */ html.dx .blv-nav{background:color-mix(in srgb,var(--dx-bg) 78%,transparent)!important;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--dx-line)!important;position:sticky;top:0;z-index:40;min-height:56px} html.dx .av2-cmdk{background:var(--dx-tint)!important;border:0!important;border-radius:12px!important;min-height:40px;color:var(--dx-ink2)!important} html.dx .blv-demo{background:var(--dx-shell)!important;color:#4a3b17!important;border:0!important} html[data-theme=dark].dx .blv-demo{background:#3a3a30!important;color:#f3e3bf!important} /* segmented controls */ html.dx .spk-thseg,html.dx .blv-lang,html.dx .v4-me,html.dx .seg,html.dx [role=tablist]{background:var(--dx-tint)!important;border:0!important;border-radius:12px!important;padding:3px!important;gap:2px} html.dx .spk-thseg button,html.dx .blv-lang button{border-radius:9px!important;border:0!important;background:transparent!important;color:var(--dx-ink2)!important;min-height:36px;min-width:44px;font-weight:500} html.dx .spk-thseg button[aria-checked=true],html.dx .blv-lang button[aria-pressed=true],html.dx .blv-lang button.on,html.dx .blv-lang button.is-on{background:var(--dx-surf)!important;color:var(--dx-ink)!important;box-shadow:0 1px 3px rgba(0,0,0,.12)} /* ---- Large title collapsing into toolbar ---- */ html.dx .blv-hero{background:transparent!important;border:0!important;box-shadow:none!important} html.dx .blv-hero h1{font-size:34px!important;font-weight:600!important;line-height:1.15;transition:font-size .2s,opacity .2s;color:var(--dx-ink)!important} html.dx .av2-crumb{opacity:.7} html.dx.dx-scrolled .blv-hero h1{font-size:20px!important} html.dx.dx-scrolled .blv-hero{padding-top:0!important;padding-bottom:0!important} html.dx #blv-pane{background:transparent!important} /* ---- Grouped inset cards ---- */ html.dx .blv-tour-card,html.dx .v4-tile,html.dx .v4-gw,html.dx .kap-today,html.dx .bt-card,html.dx .spk-thc,html.dx .kap-kpi__i,html.dx .kap-main,html.dx .kap-panel,html.dx .bt-note,html.dx .v4-act,html.dx .blv-cs-btn,html.dx .wl-today{background:var(--dx-surf)!important;border:1px solid var(--dx-line)!important;border-radius:var(--dx-r)!important;box-shadow:var(--dx-sh)!important;color:var(--dx-ink)} html.dx .v4-act,html.dx .blv-cs-btn{min-height:var(--dx-tap);border-radius:var(--dx-r2)!important} html.dx .v4-act--k,html.dx .blv-cs-btn{background:var(--dx-brand)!important;color:var(--dx-brand-ink)!important;border-color:transparent!important} html.dx .v4-act--k *,html.dx .blv-cs-btn *{color:inherit!important} html.dx .v4-tiles,html.dx .v4-acts,html.dx .kap-kpi{gap:16px!important} html.dx .v4-idag>*+*{margin-top:16px} html.dx .v4-tile b{font-family:Jost,sans-serif} /* settings rail as iPad Settings list */ html.dx .av2-srail{background:var(--dx-surf)!important;border:1px solid var(--dx-line)!important;border-radius:var(--dx-r)!important;box-shadow:var(--dx-sh);padding:8px!important} html.dx .av2-srail a{min-height:var(--dx-tap);border-radius:10px!important;display:flex;align-items:center} html.dx .av2-srail a[aria-current],html.dx .av2-srail a.is-on,html.dx .av2-srail a.on{background:var(--dx-brand)!important;color:var(--dx-brand-ink)!important} html.dx .av2-srail__f{background:var(--dx-tint)!important;border:0!important;border-radius:10px!important;min-height:40px} html.dx .av2-srail__gl{text-transform:uppercase;font-size:11px;letter-spacing:.06em;color:var(--dx-ink2)!important} /* ---- Board columns ---- */ html.dx .blv-kb{gap:16px!important;padding:8px 0 24px} html.dx .blv-kb-col{background:var(--dx-tint)!important;border:0!important;border-radius:18px!important;padding:8px!important;box-shadow:none!important} html.dx .blv-kb-col h3{font-family:Jost,sans-serif;font-size:15px!important;font-weight:600;padding:8px!important;color:var(--dx-ink)!important} html.dx .blv-kb-card{background:var(--dx-surf)!important;border:1px solid var(--dx-line)!important;border-radius:14px!important;box-shadow:var(--dx-sh)!important;margin:0 0 8px!important;transition:transform .15s,box-shadow .15s} html.dx .blv-kb-card:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(16,40,46,.08),0 10px 24px rgba(16,40,46,.10)!important} html.dx .fchip{min-height:40px;border-radius:999px!important;border:1px solid var(--dx-line)!important;background:var(--dx-surf)!important} /* ---- Job drawer as sheet from right ---- */ html.dx #panel.panel.open{border-radius:20px 0 0 20px!important;box-shadow:var(--dx-sh2)!important;background:var(--dx-surf)!important;border:0!important;animation:dxIn .32s cubic-bezier(.2,.8,.2,1)} html.dx .jb2-side{background:var(--dx-surf2)!important;border-left:1px solid var(--dx-line)!important} html.dx #panel button{min-height:40px} html.dx #panel input,html.dx #panel select,html.dx #panel textarea{border-radius:12px!important;border:1px solid var(--dx-line)!important;background:var(--dx-surf2)!important;min-height:44px;color:var(--dx-ink)} @keyframes dxIn{from{transform:translateX(40px);opacity:.4}to{transform:none;opacity:1}} @media (prefers-reduced-motion:reduce){html.dx *{animation:none!important;transition:none!important}} /* inputs/buttons global */ html.dx button,html.dx a.v4-act{border-radius:12px} } /* iPad portrait / Android tablet portrait: icon rail sidebar keeps content room */ @media (min-width:601px) and (max-width:1023px){ html.dx #blv-sb .sb-a{margin:4px 6px!important;justify-content:center} html.dx .blv-hero h1{font-size:30px!important} } /* ===== v2 (deploy): polish + portrait tablets 601–900 ===== */ @media (min-width:601px){ /* sidebar sub-items: pill stays inside the sidebar */ html.dx #blv-sb .sb-sc{overflow-x:hidden} html.dx #blv-sb li ul{margin-right:0!important;padding-right:0!important} html.dx #blv-sb li ul .sb-a,html.dx #blv-sb li ul a{box-sizing:border-box;width:auto!important;max-width:100%;margin-right:8px!important} html.dx #blv-sb .sb-a{box-sizing:border-box} /* dim backdrop behind the job sheet */ html.dx body::after{content:"";position:fixed;inset:0;background:rgba(10,30,36,.32);opacity:0;pointer-events:none;transition:opacity .25s;z-index:1190} html.dx body:has(#panel.panel.open)::after{opacity:1} html[data-theme=dark].dx body::after{background:rgba(0,0,0,.45)} html.dx #panel.panel.open{z-index:1200!important} /* board: first column never hidden under the left edge */ html.dx #blv-kb.blv-kb{padding-left:16px!important;padding-right:16px!important;scroll-padding-inline:16px;box-sizing:border-box} html.dx #blv-kb.blv-kb>.blv-kb-col:first-child{margin-left:0!important} /* list view: header first, never overlapping rows; scroll sideways on narrow widths */ html.dx main.list{overflow-x:auto} html.dx main.list>.rhead{position:relative!important;top:0!important;order:-1;background:transparent!important} html.dx main.list>.jrow{background:var(--dx-surf)!important;border:1px solid var(--dx-line)!important;border-radius:14px!important;box-shadow:var(--dx-sh)!important;margin:0 0 8px!important} /* «Tilpass kolonner» & other plass dialogs: iPad sheet style */ html.dx .blv-plm{background:rgba(10,30,36,.32)!important;backdrop-filter:blur(2px)} html.dx .blv-plm__c{background:var(--dx-bg)!important;border:0!important;border-radius:20px!important;box-shadow:var(--dx-sh2)!important;color:var(--dx-ink)} html.dx .blv-plm__h{background:transparent!important;border-bottom:1px solid var(--dx-line)!important;padding:20px 24px 16px!important} html.dx .blv-plm__h h2{font-family:Jost,sans-serif;font-size:22px!important;font-weight:600;color:var(--dx-ink)!important} html.dx .blv-plm__h p{color:var(--dx-ink2)!important;font-size:14px!important} html.dx .blv-plm__x{width:44px!important;height:44px!important;border-radius:50%!important;border:0!important;background:var(--dx-tint)!important;color:var(--dx-ink)!important;box-shadow:none!important} html.dx .blv-plcol__l{background:var(--dx-surf)!important;border-radius:16px!important;margin:16px 24px!important;padding:0!important;overflow:hidden;box-shadow:var(--dx-sh);border:1px solid var(--dx-line)} html.dx .blv-plcol__l>li{background:transparent!important;border:0!important;border-radius:0!important;margin:0!important;min-height:64px;padding:8px 16px!important;border-bottom:1px solid var(--dx-line)!important;box-shadow:none!important;display:flex;align-items:center;gap:12px} html.dx .blv-plcol__l>li:last-child{border-bottom:0!important} html.dx .blv-plcol__dot{width:10px!important;height:10px!important;border-radius:50%!important;background:var(--c)!important;flex:none;display:block!important} html.dx .blv-plcol__l>li::before{display:none!important} html.dx .blv-plcol__n b{color:var(--dx-ink)!important;font-weight:500} html.dx .blv-plcol__n small{color:var(--dx-ink2)!important} html.dx .blv-plcol__a button{width:44px!important;height:44px!important;border-radius:12px!important;border:0!important;background:var(--dx-tint)!important;color:var(--dx-ink)!important} html.dx .blv-plcol__a button:disabled{opacity:.35} html.dx .blv-plcol__l>li.is-off .blv-plcol__n{opacity:.55} html.dx .blv-plm__tip{margin:0 24px 8px!important;color:var(--dx-ink2)!important} html.dx .blv-plm__f{border-top:1px solid var(--dx-line)!important;background:transparent!important;padding:16px 24px!important} html.dx .blv-plm__f .blv-btn2{min-height:48px;border-radius:12px!important} html.dx .blv-plm__f .blv-btn2--p{background:var(--dx-brand)!important;color:var(--dx-brand-ink)!important;border-color:transparent!important} html.dx .blv-sw input:checked+span{background:var(--dx-brand)!important} } /* I dag action buttons: one tidy row/grid, no wrapped labels */ @media (min-width:601px){ html.dx .v4-acts{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px!important} html.dx .v4-acts>*{width:auto!important;min-width:0;white-space:nowrap} html.dx .v4-acts b,html.dx .v4-acts span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} } @media (min-width:1024px) and (max-width:1199px){html.dx .v4-acts{grid-template-columns:repeat(3,1fr)}} /* ===== portrait tablets 601–900: icon rail + slide-over ===== */ @media (min-width:601px) and (max-width:900px){ html.dx #blv-sb.sb{width:72px!important;z-index:950} html.dx:not(.sb-c) #blv-sb.sb{width:300px!important;box-shadow:var(--dx-sh2)!important;background:color-mix(in srgb,var(--dx-bg) 88%,transparent)!important} html.dx:not(.sb-c) body::before{content:"";position:fixed;inset:0;background:rgba(10,30,36,.28);z-index:940} html.dx body{padding-left:0} html.dx.sb-c #blv-sb .sb-a{justify-content:center;padding-left:0!important;padding-right:0!important;margin:4px 8px!important} html.dx .blv-hero h1{font-size:30px!important} html.dx .v4-acts{grid-template-columns:repeat(3,1fr)} } /* ===== v3: sidebar rows, icons, badge, resize handle ===== */ @media (min-width:601px){ html.dx #blv-sb .sb-sub,html.dx #blv-sb .sb-sub li,html.dx #blv-sb .sb-g{border:0!important;box-shadow:none!important;background-image:none!important} html.dx #blv-sb .sb-sub::before,html.dx #blv-sb .sb-sub::after,html.dx #blv-sb .sb-sub li::before,html.dx #blv-sb .sb-sub li::after,html.dx #blv-sb .sb-g::before{display:none!important;content:none!important} html.dx #blv-sb .sb-sub{margin:0!important;padding:2px 0 6px!important} html.dx #blv-sb a.sb-a,html.dx #blv-sb button.sb-gb{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto auto;column-gap:12px;align-items:center;box-sizing:border-box;width:auto!important;max-width:none!important;margin:2px 8px!important;padding:0 12px!important;min-height:44px;border-radius:12px!important;text-align:left;overflow:hidden} html.dx #blv-sb a.sb-a--sub{padding-left:24px!important;min-height:40px} html.dx #blv-sb .sb-i{width:24px!important;height:24px!important;display:grid!important;place-items:center;margin:0!important;flex:none} html.dx #blv-sb .sb-i svg{width:20px!important;height:20px!important;stroke-width:1.6!important;display:block} html.dx #blv-sb .sb-l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-column:2} html.dx #blv-sb .sb-b:not([hidden]),html.dx #blv-sb .sb-gn:not([hidden]){grid-column:3;grid-row:1;justify-self:end;position:static!important;margin:0!important;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid!important;place-items:center;font:600 11px/1 Poppins,system-ui,sans-serif;background:var(--dx-tint);color:var(--dx-ink)} html.dx #blv-sb .sb-car{grid-column:4;grid-row:1} html.dx #blv-sb [aria-current=page] .sb-b{background:rgba(255,255,255,.25);color:inherit} /* icon rail */ html.dx.sb-c:not(.sb-fly) #blv-sb a.sb-a,html.dx.sb-c:not(.sb-fly) #blv-sb button.sb-gb{grid-template-columns:24px;justify-content:center;padding:0!important;margin:4px 10px!important;min-height:48px} html.dx.sb-c:not(.sb-fly) #blv-sb .sb-l,html.dx.sb-c:not(.sb-fly) #blv-sb .sb-car,html.dx.sb-c:not(.sb-fly) #blv-sb .sb-b{display:none!important} /* resize handle */ .dx-sbr{display:none} html.dx:not(.sb-c) .dx-sbr{display:block;position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:5;touch-action:none} html.dx .dx-sbr::after{content:"";position:absolute;top:50%;left:3px;width:2px;height:40px;margin-top:-20px;border-radius:2px;background:var(--dx-line);transition:background .15s,height .15s} html.dx .dx-sbr:hover::after,html.dx .dx-sbr:focus-visible::after,html.dx.dx-resizing .dx-sbr::after{background:var(--dx-brand);height:64px;margin-top:-32px} html.dx.dx-resizing,html.dx.dx-resizing *{cursor:col-resize!important;user-select:none!important} html.dx.dx-resizing body,html.dx.dx-resizing #blv-sb{transition:none!important} } @media (min-width:601px) and (max-width:900px){html.dx .dx-sbr{display:none!important}} @media (min-width:601px){html.dx #blv-sb a.sb-a,html.dx #blv-sb button.sb-gb{border:0!important;outline-offset:-2px}html.dx #blv-sb a.sb-a:not([aria-current=page]){box-shadow:none!important}html.dx #blv-sb a.sb-a::before,html.dx #blv-sb a.sb-a::after{display:none!important}} /* board header KPI grid */ @media (min-width:601px){ html.dx.dx-kg-on .blv-hero:not(.blv-hero--slim) .blv-hero__t{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;align-items:stretch} html.dx.dx-kg-on .blv-hero__t>*{grid-column:1/-1} html.dx.dx-kg-on .blv-hero__t>.dx-kg,html.dx.dx-kg-on .blv-hero__t>.spk-cap,html.dx.dx-kg-on .blv-hero__t>.spk-cap>.spk-cap__s{display:contents!important} html.dx.dx-kg-on .blv-hero .blv-hsum,html.dx.dx-kg-on .blv-hero .blv-kpis{display:none!important} html.dx .dx-kt,html.dx.dx-kg-on .blv-hero .spk-cap__w{grid-column:auto!important;aspect-ratio:auto;min-height:104px;box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:4px;padding:12px 16px!important;margin:0!important;background:var(--dx-surf)!important;border:1px solid var(--dx-line)!important;border-radius:16px!important;box-shadow:var(--dx-sh)!important;color:var(--dx-ink)!important;text-align:left;width:auto!important;max-width:none!important;flex-basis:auto!important} html.dx .dx-kt__l{font-size:12px;font-weight:500;color:var(--dx-ink2);display:flex;gap:6px;align-items:center;line-height:1.3} html.dx .dx-kt__i{font:600 10px/16px Poppins,sans-serif;font-style:normal;width:16px;height:16px;border-radius:50%;background:var(--dx-tint);text-align:center;cursor:help} html.dx .dx-kt__v{font:600 28px/1.1 Jost,Poppins,sans-serif;color:var(--dx-ink);white-space:nowrap} html.dx .dx-kt__s{font-size:12px;color:var(--dx-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} html.dx .dx-kt--svar{box-shadow:inset 3px 0 0 var(--s-svar,#be185d),var(--dx-sh)!important} html.dx .dx-kt--del{box-shadow:inset 3px 0 0 var(--s-del,#c2410c),var(--dx-sh)!important} html.dx .dx-kt--klar{box-shadow:inset 3px 0 0 var(--s-klar,#15803d),var(--dx-sh)!important} html.dx.dx-kg-on .blv-hero .spk-cap__wl{display:flex!important;flex-direction:column;gap:4px;width:100%} html.dx.dx-kg-on .blv-hero .spk-cap__wl b{font-size:12px!important;font-weight:500!important;color:var(--dx-ink2)!important} html.dx.dx-kg-on .blv-hero .spk-cap__wl span{font:600 28px/1.1 Jost,Poppins,sans-serif!important;color:var(--dx-ink)!important} html.dx.dx-kg-on .blv-hero .spk-cap__w.is-r .spk-cap__wl span{color:#d70015!important} html[data-theme=dark].dx.dx-kg-on .blv-hero .spk-cap__w.is-r .spk-cap__wl span{color:#ff6b6b!important} html.dx.dx-kg-on .blv-hero .spk-cap__w.is-r{border-color:rgba(215,0,21,.35)!important} html.dx.dx-kg-on .blv-hero .spk-cap__bar{display:block!important;width:100%!important;height:4px!important;border-radius:4px;background:var(--dx-tint)!important;overflow:hidden;margin:0!important} html.dx.dx-kg-on .blv-hero .spk-cap__bar i{display:block;height:100%;border-radius:4px} html.dx .dx-wh{font-size:12px;color:var(--dx-ink2);white-space:nowrap} } @media (min-width:601px) and (max-width:900px){html.dx.dx-kg-on .blv-hero:not(.blv-hero--slim) .blv-hero__t{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (min-width:601px){ html.dx.dx-kg-on .blv-hero .spk-cap__w .dx-wh{display:block!important;order:3} html.dx.dx-kg-on .blv-hero .spk-cap__bar{order:2} html.dx.dx-kg-on .blv-hero__eb{order:-2}html.dx.dx-kg-on .blv-hero__t>h1{order:-1;margin:0 0 8px!important} html.dx.dx-kg-on .blv-hero:not(.blv-hero--slim) .blv-hero__t{grid-template-columns:repeat(5,minmax(0,1fr))} } @media (min-width:601px) and (max-width:900px){ html.dx.dx-kg-on .blv-hero:not(.blv-hero--slim) .blv-hero__t{grid-template-columns:repeat(12,minmax(0,1fr))} html.dx.dx-kg-on .blv-hero .dx-kt{grid-column:span 4!important} html.dx.dx-kg-on .blv-hero .spk-cap__w{grid-column:span 3!important;min-height:96px} html.dx .dx-kt__v,html.dx.dx-kg-on .blv-hero .spk-cap__wl span{font-size:24px!important} } /* tabs / segmented controls / buttons: hairline + filled active, unclipped focus */ @media (min-width:601px){ html.dx .jb2-tabs,html.dx [role=tablist]{padding-top:6px!important;padding-bottom:6px!important;gap:4px!important;align-items:center;scroll-padding-inline:8px} html.dx .jb2-tabs .jb2-t,html.dx [role=tab]{border:1px solid transparent!important;border-radius:10px!important;min-height:36px;outline:none!important;box-shadow:none!important;background:transparent!important;color:var(--dx-ink2)!important;margin:0!important} html.dx .jb2-tabs .jb2-t:hover,html.dx [role=tab]:hover{background:var(--dx-tint)!important} html.dx .jb2-tabs .jb2-t[aria-selected=true],html.dx .jb2-tabs .jb2-t.on,html.dx .jb2-tabs .jb2-t.is-on,html.dx [role=tab][aria-selected=true]{background:var(--dx-tint)!important;border-color:var(--dx-line)!important;color:var(--dx-ink)!important;font-weight:600} html.dx .jb2-tabs .jb2-t::after,html.dx .jb2-tabs .jb2-t::before{display:none!important} html.dx button,html.dx [role=tab],html.dx .btn,html.dx .blv-btn2,html.dx a.v4-act{outline:none} html.dx button:focus-visible,html.dx [role=tab]:focus-visible,html.dx [role=radio]:focus-visible,html.dx a:focus-visible,html.dx .btn:focus-visible,html.dx input:focus-visible,html.dx select:focus-visible{outline:none!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--dx-brand) 70%,transparent)!important} html.dx .btn,html.dx .blv-btn2{border-width:1px!important;border-radius:12px!important} } @media (min-width:601px){ html.dx body:not(#dx-a):not(#dx-b):not(#dx-c) :is(button,[role=tab],[role=radio],a,.btn,input,select,textarea,summary):focus-visible{outline:none!important;box-shadow:inset 0 0 0 2px var(--dx-brand),0 0 0 3px color-mix(in srgb,var(--dx-brand) 18%,transparent)!important} html.dx body:not(#dx-a):not(#dx-b):not(#dx-c) :is(button,[role=tab],a,.btn):focus:not(:focus-visible){outline:none!important} } /* check-in sheet (all widths) */ .dx-ci{position:fixed;inset:0;z-index:1300;background:rgba(10,30,36,.32);display:flex;justify-content:flex-end;opacity:0;transition:opacity .2s} .dx-ci.on{opacity:1} .dx-ci__p{width:min(480px,100%);height:100%;background:var(--dx-bg,#F4F4F2);color:var(--dx-ink,#1B2426);display:flex;flex-direction:column;border-radius:20px 0 0 20px;box-shadow:0 12px 48px rgba(16,40,46,.18);transform:translateX(24px);transition:transform .25s cubic-bezier(.2,.8,.2,1);font-family:Poppins,system-ui,Roboto,sans-serif} .dx-ci.on .dx-ci__p{transform:none} html[data-theme=dark] .dx-ci__p{background:#252B2D;color:#EEF3F4} .dx-ci__h{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;border-bottom:1px solid rgba(13,74,87,.1)} .dx-ci__h h2{margin:0;font:600 22px Jost,sans-serif}.dx-ci__h p{margin:4px 0 0;opacity:.7;font-size:13px} .dx-ci__x{width:44px;height:44px;border-radius:50%;border:0;background:rgba(13,74,87,.08);color:inherit;font-size:16px;cursor:pointer} .dx-ci__b{flex:1;overflow:auto;padding:16px 24px;display:grid;gap:12px;align-content:start} .dx-ci__g{background:#fff;border:1px solid rgba(13,74,87,.1);border-radius:16px;padding:12px 16px} html[data-theme=dark] .dx-ci__g{background:#2F3638;border-color:rgba(165,232,253,.12)} .dx-ci__g h3{margin:0 0 8px;font:600 12px Poppins,sans-serif;text-transform:uppercase;letter-spacing:.06em;opacity:.65}.dx-ci__g p{margin:0;line-height:1.5} .dx-ci__m{opacity:.75;font-size:13px;margin-top:6px!important} .dx-ci__c{display:flex;gap:12px;align-items:center;min-height:48px;border-top:1px solid rgba(13,74,87,.08);cursor:pointer}.dx-ci__c:first-of-type{border-top:0} .dx-ci__c input{width:22px;height:22px;accent-color:#0D4A57} .dx-ci__f{display:flex;gap:8px;justify-content:flex-end;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid rgba(13,74,87,.1)} .dx-ci__f button{min-height:48px;padding:0 20px;border-radius:12px;font:600 14px Poppins,sans-serif;cursor:pointer;border:1px solid rgba(13,74,87,.15);background:transparent;color:inherit} .dx-ci__f .dx-ci__ok{background:#0D4A57;color:#fff;border-color:transparent} html[data-theme=dark] .dx-ci__f .dx-ci__ok{background:#A5E8FD;color:#0D2F37} @media (max-width:600px){.dx-ci{align-items:flex-end}.dx-ci__p{height:auto;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(24px)}} /* I dag week chips as square tiles */ @media (min-width:601px){ html.dx .v4-idag .spk-cap{height:auto!important} html.dx .v4-idag .spk-cap__s{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;overflow:visible!important;height:auto!important} html.dx .v4-idag .spk-cap__w{min-height:96px!important;display:flex!important;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:12px 16px!important;background:var(--dx-surf)!important;border:1px solid var(--dx-line)!important;border-radius:16px!important;box-shadow:var(--dx-sh)!important;width:auto!important;flex:none!important} html.dx .v4-idag .spk-cap__wl{display:flex!important;flex-direction:column;gap:4px;width:100%} html.dx .v4-idag .spk-cap__wl b{font-size:12px!important;font-weight:500!important;color:var(--dx-ink2)!important} html.dx .v4-idag .spk-cap__wl span{font:600 26px/1.1 Jost,sans-serif!important;color:var(--dx-ink)!important} html.dx .v4-idag .spk-cap__w.is-r .spk-cap__wl span{color:#d70015!important} html[data-theme=dark].dx .v4-idag .spk-cap__w.is-r .spk-cap__wl span{color:#ff6b6b!important} html.dx .v4-idag .spk-cap__bar{display:block!important;width:100%!important;height:4px!important;border-radius:4px;background:var(--dx-tint)!important;overflow:hidden} html.dx .v4-idag .spk-cap__w .dx-wh{display:block!important} } /* location badge */ .dx-loc{flex:none;width:64px;height:64px;min-width:64px;box-sizing:border-box;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;border:1px solid transparent;background:#0D4A57;color:#fff;font:700 18px/1.05 Jost,Poppins,sans-serif;cursor:pointer;padding:4px;text-align:center;margin-right:12px;overflow:hidden} .dx-loc b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700} .dx-loc svg{opacity:.85} .dx-loc--none{background:transparent;color:var(--dx-ink2,#5B6669);border:2px dashed rgba(13,74,87,.35);font:600 12px Poppins,sans-serif} html[data-theme=dark] .dx-loc{background:#A5E8FD;color:#0D2F37} html[data-theme=dark] .dx-loc--none{background:transparent;color:#A9B6B9;border-color:rgba(165,232,253,.35)} .mk-rowin:has(>.dx-loc)>.mk-th,.mk-now__b:has(>.dx-loc)>.mk-th{display:none!important} .mk-rowin>.dx-loc,.mk-now__b>.dx-loc{margin-right:0;align-self:center} /* I dag header slot */ @media (min-width:601px){ html.dx.dx-idag .blv-hero--slim .blv-hero__in{display:grid!important;grid-template-columns:minmax(200px,1fr) minmax(0,2.2fr);gap:16px;align-items:center} html.dx .dx-hs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px} html.dx .dx-hs .spk-cap,html.dx .dx-hs .spk-cap__s{display:contents!important} html.dx .dx-hs .spk-cap__w,html.dx .dx-ls{min-height:96px!important;display:flex!important;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:4px;padding:12px 14px!important;margin:0!important;background:var(--dx-surf)!important;border:1px solid var(--dx-line)!important;border-radius:16px!important;box-shadow:var(--dx-sh)!important;color:var(--dx-ink)!important;width:auto!important;flex:none!important;text-align:left;cursor:pointer;font:inherit} html.dx .dx-hs .spk-cap__wl{display:flex!important;flex-direction:column;gap:2px;width:100%} html.dx .dx-hs .spk-cap__wl b,html.dx .dx-ls__l{font-size:12px!important;font-weight:500!important;color:var(--dx-ink2)!important} html.dx .dx-hs .spk-cap__wl span,html.dx .dx-ls__v{font:600 24px/1.1 Jost,sans-serif!important;color:var(--dx-ink)!important} html.dx .dx-hs .spk-cap__w.is-r .spk-cap__wl span{color:#d70015!important} html[data-theme=dark].dx .dx-hs .spk-cap__w.is-r .spk-cap__wl span{color:#ff6b6b!important} html.dx .dx-hs .spk-cap__bar{display:block!important;width:100%!important;height:4px!important;border-radius:4px;background:var(--dx-tint)!important;overflow:hidden} html.dx .dx-hs .spk-cap__w .dx-wh{display:block!important;font-size:11px} html.dx .dx-ls__s{font-size:11px;color:var(--dx-ink2)} html.dx .dx-ls.is-low{border-color:rgba(180,83,9,.45)!important;box-shadow:inset 3px 0 0 #b45309,var(--dx-sh)!important} html.dx .dx-ls.is-low .dx-ls__v{color:#b45309!important} html.dx .dx-ls.is-out{border-color:rgba(215,0,21,.45)!important;box-shadow:inset 3px 0 0 #d70015,var(--dx-sh)!important} html.dx .dx-ls.is-out .dx-ls__v{color:#d70015!important} html[data-theme=dark].dx .dx-ls.is-low .dx-ls__v{color:#fbbf24!important}html[data-theme=dark].dx .dx-ls.is-out .dx-ls__v{color:#ff6b6b!important} } @media (min-width:601px) and (max-width:1100px){html.dx.dx-idag .blv-hero--slim .blv-hero__in{grid-template-columns:1fr}} /* reorder sheet */ .dx-rs__p{width:min(860px,100%)} .dx-rs__t{overflow-x:auto;padding:0!important} .dx-rs__t table{width:100%;border-collapse:collapse;font-size:13px} .dx-rs__t th{text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;opacity:.65;padding:10px 12px;border-bottom:1px solid rgba(13,74,87,.1)} .dx-rs__t td{padding:10px 12px;border-bottom:1px solid rgba(13,74,87,.06);white-space:nowrap}.dx-rs__t td.n{text-align:right;font-variant-numeric:tabular-nums} .dx-rs__t tr.is-out td:nth-child(4){color:#d70015;font-weight:700} .dx-rs__b{min-height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(13,74,87,.2);background:transparent;color:inherit;font:600 12px Poppins,sans-serif;cursor:pointer} .dx-rs__ok{font-size:12px;color:#15803d;font-weight:600} .dx-rs__m{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;border-top:1px solid rgba(13,74,87,.08)} .dx-rs__m small{opacity:.65}.dx-rs__m input{width:88px;min-height:44px;border-radius:10px;border:1px solid rgba(13,74,87,.2);padding:0 10px;font:inherit;background:transparent;color:inherit;text-align:right} @media (min-width:601px){ html.dx.dx-idag .v4-idag .spk-cap{display:none!important} html.dx .dx-wk{min-height:96px;display:flex;flex-direction:column;justify-content:space-between;gap:4px;padding:12px 14px;background:var(--dx-surf);border:1px solid var(--dx-line);border-radius:16px;box-shadow:var(--dx-sh);color:var(--dx-ink);text-decoration:none;box-sizing:border-box} html.dx .dx-wk.is-r{border-color:rgba(215,0,21,.35)}html.dx .dx-wk.is-r .dx-ls__v{color:#d70015!important}html[data-theme=dark].dx .dx-wk.is-r .dx-ls__v{color:#ff6b6b!important} html.dx .dx-wk__bar{display:block;width:100%;height:4px;border-radius:4px;background:var(--dx-tint);overflow:hidden}html.dx .dx-wk__bar i{display:block;height:100%;max-width:100%;border-radius:4px;background:var(--dx-brand)} html.dx .dx-wk.is-r .dx-wk__bar i{background:#d70015} html.dx .dx-ls{min-height:96px} } @media (min-width:601px){html.dx.dx-idag .blv-hero--slim .blv-hero__t{grid-column:1;grid-row:1;min-width:0}html.dx.dx-idag .blv-hero--slim .dx-hs{grid-column:2;grid-row:1;min-width:0}html.dx.dx-idag .blv-hero--slim .blv-kpis{display:none!important}} @media (min-width:601px) and (max-width:1100px){html.dx.dx-idag .blv-hero--slim .dx-hs{grid-column:1;grid-row:2}} @media (min-width:901px) and (max-width:1199px){html.dx .v4-idag .v4-acts{grid-template-columns:repeat(3,minmax(0,1fr))!important}} /* onboarding sheet */ html.dx-onb #blv-sb,html.dx-onb .blv-nav,html.dx-onb .blv-demo,html.dx-onb #spk-tb,html.dx-onb #spk-mh,html.dx-onb .ios-tb,html.dx-onb .blv-hero{display:none!important} html.dx-onb body{padding:0!important;background:#F4F4F2!important} html[data-theme=dark].dx-onb body{background:#252B2D!important} html.dx-onb #blv-pane{position:relative;z-index:1;padding:88px 16px 48px!important;max-width:860px;margin:0 auto!important} html.dx-onb .v4-ob .v4-hd,html.dx-onb .v4-ob .v4-steps{display:none!important} html.dx-onb .v4-ob__p{border-radius:20px!important;border:1px solid rgba(13,74,87,.1)!important;box-shadow:0 1px 2px rgba(16,40,46,.06),0 4px 16px rgba(16,40,46,.06)!important;padding:24px!important} html.dx-onb .v4-ob__p h2{font:600 24px Jost,sans-serif!important} .dx-onb__top{position:fixed;top:0;left:0;right:0;z-index:1250;display:flex;align-items:center;gap:16px;padding:12px 24px;padding-top:calc(12px + env(safe-area-inset-top));background:rgba(244,244,242,.82);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(13,74,87,.1)} html[data-theme=dark] .dx-onb__top{background:rgba(37,43,45,.85);border-color:rgba(165,232,253,.12);color:#EEF3F4} .dx-onb__logo,.dx-onb__wl{font:600 22px Jost,sans-serif;color:#0D4A57}html[data-theme=dark] .dx-onb__logo,html[data-theme=dark] .dx-onb__wl{color:#A5E8FD} .dx-onb__bar{flex:1;height:6px;border-radius:6px;background:rgba(13,74,87,.1);overflow:hidden}.dx-onb__bar i{display:block;height:100%;background:#0D4A57;border-radius:6px;transition:width .3s} html[data-theme=dark] .dx-onb__bar i{background:#A5E8FD} .dx-onb__skip{min-height:44px;padding:0 14px;border:0;border-radius:12px;background:transparent;color:inherit;font:500 14px Poppins,sans-serif;cursor:pointer;opacity:.75} .dx-onb__w{position:fixed;inset:0;z-index:1260;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#F4F4F2,#e6f3f6)} html[data-theme=dark] .dx-onb__w{background:linear-gradient(160deg,#252B2D,#1f3338)} .dx-onb__wc{max-width:520px;text-align:center;display:grid;gap:16px;justify-items:center;color:#1B2426} html[data-theme=dark] .dx-onb__wc{color:#EEF3F4} .dx-onb__wl{font-size:40px}.dx-onb__wc h1{margin:0;font:600 34px/1.15 Jost,sans-serif}.dx-onb__wc p{margin:0;font-size:16px;line-height:1.55;opacity:.8} .dx-onb__wc .v4-btn{min-height:52px;padding:0 32px;font-size:16px} .dx-sug{margin-top:16px;border:1px dashed rgba(13,74,87,.3);border-radius:16px;padding:12px 16px;display:grid;gap:8px} .dx-sug__h{margin:0;font-weight:600}.dx-sug ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px}.dx-sug li{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;border-bottom:1px solid rgba(13,74,87,.06)}.dx-sug small{opacity:.65} .dx-fin{display:grid;gap:12px;margin-top:16px;text-align:left} .dx-fin__g{border:1px solid rgba(13,74,87,.1);border-radius:16px;padding:16px;background:rgba(255,255,255,.6)}html[data-theme=dark] .dx-fin__g{background:#2F3638} .dx-fin__g h3{margin:0 0 8px;font:600 16px Jost,sans-serif}.dx-fin__g p{margin:0 0 8px;opacity:.8} .dx-fin__l{display:flex;gap:8px}.dx-fin__l input{flex:1;min-height:44px;border-radius:12px;border:1px solid rgba(13,74,87,.2);padding:0 12px;font:inherit;background:transparent;color:inherit} .dx-fin__qr svg,.dx-fin__qr img,.dx-fin__qr canvas{width:160px;height:160px;margin-top:12px;background:#fff;padding:8px;border-radius:12px} .dx-fin__t{display:flex;gap:10px;align-items:center;min-height:48px;cursor:pointer}.dx-fin__t input{width:22px;height:22px;accent-color:#0D4A57} .dx-brreg{display:block;margin-top:4px;color:#15803d;font-size:12px} .dx-onb__help{display:block;width:100%;text-align:left;min-height:44px;padding:0 12px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;border-radius:10px}.dx-onb__help:hover{background:rgba(13,74,87,.08)} html.dx-onb .av2-srail,html.dx-onb .v4-done>.v4-btns{display:none!important}html.dx-onb .av2-sl,html.dx-onb .av2-swrap,html.dx-onb #blv-pane>*{grid-template-columns:1fr!important}html.dx-onb .bt-in{max-width:none!important;margin:0!important;padding:0!important} .dx-onb__f{margin:4px 0 8px;display:grid;justify-items:center;gap:10px;max-width:480px} .dx-onb__av{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#0D4A57;color:#fff;font:600 18px Jost,sans-serif;letter-spacing:.04em} html[data-theme=dark] .dx-onb__av{background:#A5E8FD;color:#0D2F37} .dx-onb__f blockquote{margin:0;font-size:15px;line-height:1.6;font-style:italic;opacity:.85} .dx-onb__f figcaption{font:600 13px Poppins,sans-serif;opacity:.75} .dx-onb__ph{width:120px;height:150px;object-fit:cover;border-radius:20px;box-shadow:0 4px 16px rgba(16,40,46,.15)} html.dx-onb #blv-pane :has(>.av2-srail){display:block!important}html.dx-onb .v4-ob{max-width:760px;margin:0 auto} html.dx-onb :has(>.bt-in>.v4-ob){display:block!important}html.dx-onb .bt-in:has(>.v4-ob){width:auto!important;max-width:none!important} html .dx-onb__top .dx-onb__skip{min-height:44px;padding:0 18px;border-radius:12px;border:1px solid rgba(13,74,87,.22);background:#E3F2F2;color:#0D4A57;font:600 15px/1 Poppins,system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s} html .dx-onb__top .dx-onb__skip:hover{background:#D2EAEA;border-color:rgba(13,74,87,.4)} html .dx-onb__top .dx-onb__skip:active{background:#C3E2E2} html[data-theme=dark] .dx-onb__top .dx-onb__skip{background:rgba(165,232,253,.1);border-color:rgba(165,232,253,.25);color:#CFEFF5} html[data-theme=dark] .dx-onb__top .dx-onb__skip:hover{background:rgba(165,232,253,.18)} /* Ferdig step redesign */ .v4-done{max-width:640px;margin:0 auto} .v4-done__i{display:grid!important;place-items:center!important;line-height:0} .v4-done__i svg{display:block;margin:0!important;transform:none} .dx-fin__sub{margin:4px auto 16px;max-width:520px;text-align:center;opacity:.8;line-height:1.5} html .v4-done .v4-sum2{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px;padding:0;margin:0 0 8px;list-style:none} html .v4-done .v4-sum2 li{padding:8px 14px;border-radius:999px;background:#E3F2F2;color:#0D4A57;font-size:14px;margin:0} html[data-theme=dark] .v4-done .v4-sum2 li{background:rgba(165,232,253,.1);color:#CFEFF5} .dx-fin{gap:16px} .dx-fin__g{padding:20px} .dx-fin__qr{display:flex;justify-content:center} .dx-fin__row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;justify-content:center} .dx-fin__g:not(:first-child) .dx-fin__row{justify-content:flex-start} .dx-fin__row .v4-btn{min-height:44px;text-decoration:none;display:inline-flex;align-items:center} .dx-fin__code{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid rgba(13,74,87,.2);padding:10px 12px;font:13px/1.4 ui-monospace,Menlo,monospace;background:rgba(13,74,87,.04);color:inherit;resize:none} .dx-fin__end{justify-content:center;margin-top:8px} /* global switch fix: knob always inside track */ html input[type=checkbox][role=switch],html .v4-sw input[type=checkbox]{-webkit-appearance:none;appearance:none;box-sizing:border-box!important;width:44px!important;height:26px!important;min-width:44px!important;min-height:0!important;max-height:26px;padding:0!important;border:0!important;border-radius:99px!important;position:relative;flex:0 0 44px;background:#D4D3CE;margin:0;cursor:pointer} html input[type=checkbox][role=switch]::before{content:none!important} html input[type=checkbox][role=switch]::after,html .v4-sw input[type=checkbox]::after{content:""!important;position:absolute!important;top:3px!important;left:3px!important;width:20px!important;height:20px!important;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transform:none;transition:transform .15s} html input[type=checkbox][role=switch]:checked,html .v4-sw input[type=checkbox]:checked{background:#0D4A57} html input[type=checkbox][role=switch]:checked::after,html .v4-sw input[type=checkbox]:checked::after{transform:translateX(18px)!important} html .v4-done .v4-sum2 li{display:inline-flex!important;width:auto!important;flex:0 0 auto;gap:4px} html .v4-done .v4-done__i{margin:0 auto 12px!important;width:64px!important;height:64px!important;border-radius:50%} .v4-done>h2{text-align:center} .dx-fin__code{min-height:96px} html .blv-tour__x{width:44px!important;height:44px!important;min-width:44px;display:inline-grid!important;place-items:center;border-radius:12px!important;border:1px solid rgba(13,74,87,.18)!important;background:rgba(13,74,87,.06)!important;color:#0D4A57!important;cursor:pointer;opacity:1!important;visibility:visible!important} html .blv-tour__x:hover{background:rgba(13,74,87,.14)!important} html[data-theme=dark] .blv-tour__x{color:#CFEFF5!important;border-color:rgba(165,232,253,.25)!important;background:rgba(165,232,253,.08)!important} .dx-toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,16px);opacity:0;z-index:3000;background:#0D4A57;color:#fff;padding:12px 18px;border-radius:14px;font:500 15px Poppins,system-ui,sans-serif;box-shadow:0 8px 24px rgba(16,40,46,.25);transition:opacity .25s,transform .25s;pointer-events:none} .dx-toast.on{opacity:1;transform:translate(-50%,0)} .dx-hl{box-shadow:0 0 0 3px #7FD3D3,0 0 0 6px rgba(127,211,211,.35)!important;border-radius:12px;transition:box-shadow .3s} .emb-pvh .dx-embo{margin-left:8px;min-height:40px;white-space:nowrap} html body .v4-done ul.v4-sum2{flex-direction:row!important;align-items:center!important} html body .v4-done ul.v4-sum2>li{width:auto!important;max-width:100%;flex:0 0 auto!important} html body .dx-fin textarea.dx-fin__code{min-height:112px!important;height:112px!important} /* compact KPI row: all tiles in one row on desktop */ html.dx.dx-kg-on .blv-hero:not(.blv-hero--slim) .blv-hero__t{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important;gap:8px!important} html.dx.dx-kg-on .blv-hero .dx-kt,html.dx.dx-kg-on .blv-hero .spk-cap__w{grid-column:span 1!important;min-height:76px!important;padding:8px 10px!important;border-radius:12px!important;gap:2px!important} @media (min-width:1200px){html.dx.dx-kg-on .blv-hero:not(.blv-hero--slim) .blv-hero__t{grid-template-columns:repeat(10,minmax(0,1fr))!important}} @media (min-width:901px) and (max-width:1199px){html.dx.dx-kg-on .blv-hero:not(.blv-hero--slim) .blv-hero__t{grid-template-columns:repeat(5,minmax(0,1fr))!important}} html.dx.dx-kg-on .blv-hero .dx-kt__v,html.dx.dx-kg-on .blv-hero .spk-cap__wl span{font-size:20px!important;line-height:1.1!important} html.dx.dx-kg-on .blv-hero .dx-kt__l,html.dx.dx-kg-on .blv-hero .spk-cap__wl b{font-size:11px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} html.dx.dx-kg-on .blv-hero .dx-kt__s,html.dx.dx-kg-on .blv-hero .spk-cap__w .dx-wh{font-size:10.5px!important} html.dx.dx-kg-on .blv-hero .dx-kt__i{display:none} html.dx.dx-kg-on .blv-hero .dx-kt__l{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical} html.dx-board .blv-hero .dx-kg,html.dx-board .blv-hero .spk-cap,html.dx-board .blv-hero .blv-hsum,html.dx-board .blv-hero .blv-kpis,html.dx-board .blv-hero .dx-kt{display:none!important} html.dx.dx-board.dx-kg-on .blv-hero:not(.blv-hero--slim) .blv-hero__t{display:block!important} html.dx.dx-board .blv-hero .spk-cap__w,html.dx.dx-board.dx-kg-on .blv-hero .spk-cap__w,html.dx.dx-board.dx-kg-on .blv-hero .dx-kt{display:none!important} html.dx .dx-kg,html.dx .dx-kt,html.dx.dx-kg-on .blv-hero .dx-kt{display:none!important} /* spokes-mech.css */ /* Spokes – mechanic view desktop polish (html.spk-mk set by spokes-mech.js, ≥601px) */ @media (min-width:601px){ html.spk-mk .mk{max-width:none!important;width:100%;display:flex!important;flex-direction:column;gap:16px;box-sizing:border-box} html.spk-mk .mk>.mk-top{order:0}html.spk-mk .mk>.mk-now{order:1;position:static!important;top:auto}html.spk-mk .mk>.mk-note{order:2;margin:0}html.spk-mk .mk>.mk-q{order:3}html.spk-mk .mk>.mk-done-l{order:4} /* location tile: full name, smaller type, centered pin */ html.spk-mk .mk .dx-loc{width:84px;min-width:84px;height:72px;gap:3px;padding:6px 5px;font-size:13px;line-height:1.1} html.spk-mk .mk .dx-loc svg{display:block;flex:none;margin:0 auto} html.spk-mk .mk .dx-loc b{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.3em;text-align:center} html.spk-mk .mk .dx-loc[data-len=s] b{font-size:18px}html.spk-mk .mk .dx-loc[data-len=m] b{font-size:13.5px}html.spk-mk .mk .dx-loc[data-len=l] b{font-size:11.5px} html.spk-mk .mk .dx-loc--none b{font-size:12px} /* QR instead of barcode */ html.spk-mk .mk .mk-id.spk-mq-on>:not(.spk-mq):not(code){display:none!important} html.spk-mk .mk .mk-id.spk-mq-on{flex-direction:column;align-items:center;gap:4px;width:auto!important;padding:6px 8px 5px!important} html.spk-mk .mk .spk-mq{display:block;line-height:0;background:#fff;border-radius:6px;padding:2px} html.spk-mk .mk .spk-mq svg{display:block;width:76px;height:76px} html.spk-mk .mk .mk-now .spk-mq svg{width:104px;height:104px} html.spk-mk .mk .mk-done-l .spk-mq svg{width:56px;height:56px} html.spk-mk .mk .mk-id.spk-mq-on code{font-size:11.5px;letter-spacing:.02em} html.spk-mk .mk .mk-rowin .mk-id.spk-mq-on,html.spk-mk .mk .mk-done-l .mk-id.spk-mq-on{width:120px!important} /* next in queue: top, full width, green */ html.spk-mk .mk-now.spk-mk-next{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h h" "b a";align-items:center;gap:6px 20px;border:1px solid rgba(48,122,7,.35);border-left:6px solid #307A07;border-top-width:1px;background:linear-gradient(90deg,rgba(48,122,7,.09),rgba(48,122,7,.03) 60%,#fff);border-radius:18px;padding:14px 20px;box-shadow:0 6px 20px rgba(48,122,7,.10)} html.spk-mk .mk-now.spk-mk-next>.mk-now__h{grid-area:h}html.spk-mk .mk-now.spk-mk-next>.mk-now__b{grid-area:b}html.spk-mk .mk-now.spk-mk-next>.mk-act{grid-area:a;margin:0} html.spk-mk .mk-now.spk-mk-next .mk-now__b{display:flex;align-items:center;gap:16px} html.spk-mk .mk-now.spk-mk-next .mk-now__t{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:center;flex:1;min-width:0} html.spk-mk .mk-now.spk-mk-next .mk-now__t>*{grid-column:1}html.spk-mk .mk-now.spk-mk-next .mk-now__t .mk-r1{display:contents} html.spk-mk .mk-now.spk-mk-next .mk-now__t .mk-r1>b{grid-column:1;font-size:19px} html.spk-mk .mk-now.spk-mk-next .mk-now__t .mk-id{grid-column:2;grid-row:1/span 4;margin:0} html.spk-mk .mk-now.spk-mk-next .mk-nx{color:#307A07;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px} html.spk-mk #blv-pane .mk .mk-now.spk-mk-next .mk-act .mk-done.bt-btn{background:#307A07!important;border-color:#307A07!important;color:#fff!important;min-width:200px;height:52px} html.spk-mk #blv-pane .mk .mk-now.spk-mk-next .mk-act .mk-done.bt-btn:hover{background:#25600a!important} /* full width */ html.av2.spk-mk body.blv-tools #blv-pane>.bt-in:has(>.mk),html.spk-mk body #blv-pane>.bt-in:has(>.mk){max-width:none!important} html.spk-mk .mk>*{width:100%;max-width:none!important;align-self:stretch;box-sizing:border-box} html.spk-mk .mk .mk-srch{max-width:none} /* job rows: location | text | QR | status */ html.spk-mk #blv-pane .mk .mk-rowin{display:flex!important;align-items:center;gap:18px;grid-template-columns:none} html.spk-mk #blv-pane .mk .mk-rowin>.mk-rt{flex:1;min-width:0;display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;row-gap:2px;align-items:center} html.spk-mk #blv-pane .mk .mk-rowin>.mk-rt>*,html.spk-mk #blv-pane .mk .mk-rowin .mk-rt>span:not(.mk-r1){grid-column:1!important;grid-row:auto!important;white-space:normal} html.spk-mk #blv-pane .mk .mk-rowin>.mk-rt>.mk-r1{display:contents} html.spk-mk #blv-pane .mk .mk-rowin>.mk-rt>.mk-r1>b{grid-column:1;font-size:17px} html.spk-mk #blv-pane .mk .mk-rowin>.mk-rt .mk-id{grid-column:2!important;grid-row:1/span 4!important;margin:0} html.spk-mk #blv-pane .mk .mk-rowin>.mk-rm{flex:none;grid-column:auto;grid-row:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:130px} /* status groups */ html.spk-mk .mk-rows li.spk-mkg{display:flex;align-items:center;gap:8px;margin:14px 2px 2px;padding:0;border:0;background:none;box-shadow:none;font:600 13px/1.2 Jost,Poppins,sans-serif;color:#0D4A57;text-transform:uppercase;letter-spacing:.05em;list-style:none} html.spk-mk .mk-rows li.spk-mkg:first-child{margin-top:4px} html.spk-mk .spk-mkg__d{width:10px;height:10px;border-radius:50%;background:var(--gc,#0D4A57)} html.spk-mk .spk-mkg__n{min-width:22px;height:20px;padding:0 7px;border-radius:99px;background:#EEF8FB;color:#0D4A57;display:inline-grid;place-items:center;font:600 11.5px Poppins,sans-serif;letter-spacing:0} html.spk-mk .mk-rows li.mk-row{border-left:4px solid var(--gc,transparent)} } @media (min-width:601px){ html[data-theme=dark].spk-mk .mk-now.spk-mk-next{background:linear-gradient(90deg,rgba(124,201,80,.16),rgba(124,201,80,.05) 60%,#2e3638);border-color:rgba(124,201,80,.4);border-left-color:#7CC950} html[data-theme=dark].spk-mk .mk-now.spk-mk-next .mk-nx{color:#9BDB72} html[data-theme=dark].spk-mk #blv-pane .mk .mk-now.spk-mk-next .mk-act .mk-done.bt-btn{background:#3E8E12!important;border-color:#3E8E12!important} html[data-theme=dark].spk-mk .mk-rows li.spk-mkg{color:#A5E8FD} html[data-theme=dark].spk-mk .spk-mkg__n{background:rgba(165,232,253,.14);color:#A5E8FD} } /* 2026-10-10 «Venter» group: waiting jobs out of the queue */ .mk-wait-l{margin:12px 0 0;border:1px solid var(--line,#e2e2e2);border-radius:14px;background:var(--card,#fff);padding:0} .mk-wait-l>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:12px 16px;font-weight:600} .mk-wait-l>summary::-webkit-details-marker{display:none} .mk-wait-l>summary::before{content:'›';display:inline-block;transition:transform .15s;opacity:.6} .mk-wait-l[open]>summary::before{transform:rotate(90deg)} .mk-wait-l>summary>span{font-size:12px;padding:1px 8px;border-radius:99px;background:color-mix(in srgb,var(--s-svar,#b7791f) 18%,transparent)} .mk-wait-l>summary>small{flex-basis:100%;font-weight:400;opacity:.65;font-size:12px} .mk-wait-l ul{list-style:none;margin:0;padding:0 8px 8px} .mk-wait-l li>button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 8px;border-top:1px solid var(--line,#eee)} .mk-wait-l li>button>span:nth-child(2){grid-column:1;opacity:.7;font-size:13px} .mk-wait-l li>button>em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:12px;display:flex;align-items:center;gap:6px} .mk-wait-l .mk-id .spk-mq,.mk-wait-l .mk-id svg{display:none} html.spk-mk .mk>.mk-wait-l,.mk>.mk-wait-l{order:3;margin-top:0}html.spk-mk .mk>.mk-q{order:3} /* 2026-10-10 Alle: mechanic initials per row */ .mk-whob{flex:0 0 28px;width:28px;height:28px;border-radius:99px;display:inline-grid;place-items:center;font:600 11px/1 Poppins,system-ui,sans-serif;background:#0D4A57;color:#fff;align-self:center} .mk-whob.is-none{background:transparent;color:#6b7378;border:1.5px dashed #8a9599} /* 2026-10-10 mkid: job number chip, notification QR, plain X */ .mk .mk-jid{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:6px;font:700 12.5px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.03em;white-space:nowrap;background:#e8eef0;color:#0D4A57;border:1px solid #c9d6da;vertical-align:middle} .mk .mk-jid--l{display:table;margin:4px 0 6px;font-size:15px;padding:3px 9px} .mk .mk-note__t .mk-jid{margin:0 8px 0 0} .mk .mk-nqr{flex:0 0 44px;width:44px;height:44px;border-radius:6px;overflow:hidden;background:#fff;padding:2px;box-sizing:border-box} .mk .mk-nqr svg{width:100%;height:100%;display:block} .mk .mk-note li{align-items:center} .mk .mk-x .mk-xi{display:block} .mk .mk-jid{width:max-content!important;max-width:max-content;align-self:flex-start;justify-self:start;flex:0 0 auto} html[data-theme="dark"] .mk .mk-jid{background:#16323a;color:#d8f1f4;border-color:#2c5560} /*MQFIX-BEGIN*/ /* 2026-10-12 mech-qr-fix: «Neste i køen» hero – QR + Start reparasjon tidy row inside the card */ html:root .mk.mk .mk-now.mq-hero.spk-mk-next.spk-mk-next{grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:"h h h" "c q a"!important;column-gap:24px!important;row-gap:12px!important;padding:16px 24px!important;align-items:center!important;box-sizing:border-box!important;max-width:100%!important;overflow:hidden} html:root .mk.mk .mk-now.mq-hero.spk-mk-next.spk-mk-next>.mk-now__h{padding-right:0!important} html:root .mk.mk .mk-now.mq-hero.spk-mk-next.spk-mk-next>.mq-qrw{grid-area:q!important;align-self:center!important;justify-self:end!important;margin:0!important} html:root .mk.mk .mk-now.mq-hero.spk-mk-next.spk-mk-next>.mk-act{grid-area:a!important;align-self:center!important;margin:0!important;min-width:0!important;display:flex!important} html.spk-mk #blv-pane .mk .mk-now.mq-hero.spk-mk-next.spk-mk-next .mk-act .mk-done.bt-btn{min-width:200px!important;width:auto!important;max-width:100%;padding:0 24px!important;box-sizing:border-box} @media (max-width:900px){html:root .mk.mk .mk-now.mq-hero.spk-mk-next.spk-mk-next{grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"h h" "c c" "q a"!important;column-gap:16px!important} html:root .mk.mk .mk-now.mq-hero.spk-mk-next.spk-mk-next>.mq-qrw{justify-self:start!important} html:root .mk.mk .mk-now.mq-hero.spk-mk-next.spk-mk-next>.mk-act{justify-self:stretch!important} html.spk-mk #blv-pane .mk .mk-now.mq-hero.spk-mk-next.spk-mk-next .mk-act .mk-done.bt-btn{width:100%!important;min-width:0!important}} @media (max-width:560px){html:root .mk.mk .mk-now.mq-hero.spk-mk-next.spk-mk-next{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"h" "c" "q" "a"!important;padding:16px!important} html:root .mk.mk .mk-now.mq-hero.spk-mk-next.spk-mk-next>.mq-qrw{justify-self:center!important}} /* TV / big-screen view: ID chip first above the title (same place in every card), approval badge beside chip, location tile fit-text */ html.mq-tv .mk .mk-rowin>.mk-rt{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:center;row-gap:6px} html.mq-tv .mk .mk-rowin>.mk-rt>.mk-r1{display:contents!important} html.spk-mk.mq-tv #blv-pane .mk .mk-rowin>.mk-rt code.mk-jid,html.mq-tv .mk .mk-rowin>.mk-rt code.mk-jid{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:start;margin:0!important;position:relative;order:-1} html.mq-tv .mk .mk-rowin>.mk-rt>.mk-r1>b{grid-column:1!important;grid-row:2!important} html.mq-tv .mk .mk-rowin>.mk-rt>span:not(.mk-r1){grid-column:1!important;grid-row:auto!important} html.mq-tv .mk .mk-rowin>.mk-rt .mk-id{display:none!important} html.mq-tv .mk .mk-now .mk-now__t code.mk-jid{justify-self:start!important;margin:0 0 6px!important;position:relative} html.mq-tv .mk .mk-rows li.mq-card[data-mqa]::before{content:none!important;display:none!important} html.mq-tv .mk code.mk-jid[data-mqat]::after{content:attr(data-mqat);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:12px;white-space:nowrap;font:800 14px/1 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#052e12;background:#4ade80;border-radius:999px;padding:6px 12px} html.mq-tv .mk code.mk-jid[data-mqa=no]::after{background:#f87171;color:#3b0707} html.mq-tv .mk .dx-loc b[data-fit]{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;max-width:100%;display:block;word-break:normal!important} /* paused job stays in view */ html .mk .mk-live.mk-live--pz{color:#B45309!important} html .mk .mk-live.mk-live--pz i{background:#F59E0B!important;animation:none!important;box-shadow:none!important} html .mk .mk-timer.mk-timer--pz{opacity:.55} /* TV: «Trenger ny mekaniker» badge must not push tile/text – float it top-right of the text area */ html.mq-tv .mk li.mq-card .mk-rowin{position:relative!important} html.mq-tv .mk li.mq-card .mk-rowin>.ho-sick--b{position:absolute!important;top:8px;right:8px;left:auto!important;margin:0!important;z-index:2;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none!important;order:0!important} /* ===== TV dispatch board (2026-10-12 22:00): large type, consistent columns, uniform cards ===== */ html.mq-tv{--tv-s:clamp(20px,1.2vw,26px);--tv-m:clamp(24px,1.5vw,32px);--tv-l:clamp(30px,2.1vw,44px);--tv-box:clamp(150px,9.5vw,190px)} html.mq-tv .mq-tvbar{min-height:clamp(64px,5vw,96px)!important;padding:0 clamp(16px,1.6vw,32px)!important;gap:24px!important;align-items:center!important} html.mq-tv .mq-tvbar .mq-tvws,html.mq-tv .mq-tvbar .mq-tvwho{font-size:var(--tv-m)!important;font-weight:800!important;color:#fff!important} html.mq-tv .mq-tvbar .mq-tvclk{font-size:clamp(40px,3vw,64px)!important;font-weight:800!important;letter-spacing:.02em} html.mq-tv .mq-tvbar button{font-size:var(--tv-s)!important;min-height:48px;padding:0 16px!important} html.mq-tv .mk{padding:clamp(12px,1.2vw,28px) clamp(16px,1.6vw,32px)!important} html.mq-tv .mk .mk-top .bt-h{font-size:var(--tv-m)!important;font-weight:800!important;color:#fff!important} html.mq-tv .mk .mk-stats{gap:clamp(16px,1.6vw,36px)!important;font-size:var(--tv-s)!important} html.mq-tv .mk .mk-stats>span{font-size:var(--tv-s)!important;color:#c9d4de!important;display:inline-flex;align-items:baseline;gap:8px} html.mq-tv .mk .mk-stats b{font-size:var(--tv-l)!important;font-weight:800!important;color:#fff!important} html.mq-tv .mk .mk-q__h .bt-h3,html.mq-tv .mk .spk-mkg__t,html.mq-tv .mk .mk-nx{font-size:var(--tv-s)!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase;color:#e6edf3!important} html.mq-tv .mk .spk-mkg{margin:clamp(16px,1.4vw,28px) 0 10px!important} html.mq-tv .mk .spk-mkg__n{font-size:var(--tv-s)!important;min-width:1.6em;padding:2px 10px!important} html.mq-tv .mk .spk-mkg__d{width:14px!important;height:14px!important} html.mq-tv .mk .mk-live{font-size:var(--tv-s)!important;font-weight:800!important;letter-spacing:.06em} /* cards: tile | id+bike+customer | status+date | QR */ html.mq-tv .mk .mk-rows{display:flex!important;flex-direction:column;gap:clamp(12px,1vw,20px)!important} html.mq-tv .mk li.mq-card{min-height:calc(var(--tv-box) + 32px)!important;grid-template-columns:minmax(0,1fr) calc(var(--tv-box) + 8px)!important;grid-template-areas:"c q"!important;column-gap:clamp(16px,1.4vw,28px)!important;padding:16px clamp(16px,1.4vw,28px)!important;align-items:center!important;margin:0!important} html.mq-tv .mk li.mq-card .mk-rowin{display:grid!important;grid-template-columns:var(--tv-box) 48px minmax(0,1fr) clamp(220px,17vw,340px)!important;column-gap:clamp(16px,1.4vw,28px)!important;align-items:center!important;min-height:var(--tv-box);padding:0!important} html.mq-tv .mk .dx-loc{width:var(--tv-box)!important;min-width:var(--tv-box)!important;height:var(--tv-box)!important;margin:0!important} html.mq-tv .mk li.mq-card .mk-rowin>.mk-th{grid-column:2!important;grid-row:1!important;justify-self:center} html.mq-tv .mk li.mq-card .mk-rowin>.mk-rt{grid-column:3!important;grid-row:1!important;min-width:0} html.mq-tv .mk li.mq-card .mk-rowin>.mk-rm{grid-column:4!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:12px!important;text-align:right;min-width:0} html.mq-tv .mk li.mq-card .mk-rowin>.dx-loc{grid-column:1!important;grid-row:1!important} html.mq-tv .mk .mq-card .mk-r1 b,html.mq-tv .mk .mk-now .mk-r1 b,html.mq-tv .mk .mk-now .mk-now__t b{font-size:var(--tv-l)!important;font-weight:800!important;color:#fff!important;line-height:1.15!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html.mq-tv .mk .mq-card .mk-rt>span,html.mq-tv .mk .mk-now .mk-now__t>span:not(.mk-nx){font-size:var(--tv-s)!important;color:#dbe4ec!important;font-weight:600!important;line-height:1.3!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html.mq-tv .mk .mk-fr{font-size:var(--tv-s)!important;color:#aab8c4!important} html.mq-tv .mk code.mk-jid{font-size:var(--tv-m)!important;font-weight:800!important;padding:4px 12px!important;border-radius:8px!important} html.mq-tv .mk code.mk-jid[data-mqat]::after{font-size:var(--tv-s)!important;padding:6px 14px} html.mq-tv .mk .jc-pill{font-size:var(--tv-s)!important;font-weight:800!important;padding:6px 16px!important;border-radius:999px!important;background:var(--jc-c,#64748b)!important;color:#fff!important;border:0!important} html.mq-tv .mk .jc-pill::before{display:none!important} html.mq-tv .mk .mk-due{font-size:var(--tv-m)!important;font-weight:800!important;color:#fff!important;white-space:nowrap} html.mq-tv .mk li.mq-card{border-left-width:10px!important;border-left-color:var(--jc-c,var(--gc))!important} html.mq-tv .mk li.mq-card .mq-qrw,html.mq-tv .mk .mk-now .mq-qrw{width:calc(var(--tv-box) + 8px)!important;justify-self:end} html.mq-tv .mk .mq-qr svg{width:var(--tv-box)!important;height:auto!important} html.mq-tv .mk .mq-qr figcaption{font-size:clamp(14px,.9vw,18px)!important;font-weight:700} html.mq-tv .mk li.mq-card .mk-rowin>.ho-sick--b{font-size:var(--tv-s)!important;padding:6px 14px!important} /* «Nå» hero */ html.mq-tv .mk .mk-now{padding:20px clamp(16px,1.4vw,28px)!important;margin-bottom:8px!important} html.mq-tv .mk .mk-now .mk-now__b{gap:clamp(16px,1.4vw,28px)!important;align-items:center!important} html.mq-tv .mk .mk-timer{font-size:clamp(56px,5vw,110px)!important;font-weight:800!important} html.mq-tv .mk .mk-now{height:auto!important;min-height:0!important;overflow:visible!important} html.mq-tv .mk .mk-now.mk-now--idle:not(:has(.mk-now__b)){padding:12px 24px!important} html.mq-tv .mk .spk-mkg__n{display:inline-flex!important;align-items:center;justify-content:center;line-height:1!important;height:1.5em} /* TV/dark contrast (WCAG AA on tinted dark cards) */ html.mq-tv .mk .mq-card .mk-rt>span,html.mq-tv .mk .mk-now .mk-now__t>span:not(.mk-nx){color:#E8EEF2!important;opacity:1!important} html.mq-tv .mk .mk-fr,html.mq-tv .mk .mq-card .mk-rt>span.mk-fr,html.mq-tv .mk .mk-stats>span,html.mq-tv .mk .mk-live,html.mq-tv .mk .mk-nx,html.mq-tv .mk .spk-mkg__t{color:#D5DEE5!important;opacity:1!important} html.mq-tv .mk li.mq-card *,html.mq-tv .mk .mk-now *{opacity:1!important} html.mq-tv .mk li.mq-card .mk-rowin,html.mq-tv .mk li.mq-card{text-shadow:0 1px 2px rgba(0,0,0,.6)} html.mq-tv .mk li.mq-card code.mk-jid{text-shadow:none} html[data-theme=dark] .mk .mk-rowin .mk-rt>span,html[data-theme=dark] .mk .mk-now__t>span:not(.mk-nx){color:#E8EEF2!important;opacity:1!important} html[data-theme=dark] .mk .mk-fr{color:#C9D3DA!important;opacity:1!important} html.mq-tv .mk .mk-now{flex-shrink:0!important} /*MQFIX-END*/ /* spokes-assign.css */ /* 2026-10-10 tildeling + statistikk */ .asg-dlg{position:fixed;inset:0;z-index:9999;background:rgba(10,20,25,.45);display:grid;place-items:center;padding:16px} .asg-dlg__c{background:#fff;color:#1b2427;border-radius:14px;max-width:420px;width:100%;padding:20px 20px 16px;box-shadow:0 20px 50px rgba(0,0,0,.25)} .asg-dlg__c h3{margin:0 0 8px;font:600 18px/1.3 Poppins,system-ui,sans-serif}.asg-dlg__b{display:flex;gap:8px;justify-content:flex-end;margin-top:16px} .st-wrap{max-width:1180px;margin:0 auto;padding:8px 4px 40px;display:grid;gap:14px} .st-h{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.st-h h1{font:600 22px/1.2 Poppins,system-ui,sans-serif;margin:0} .st-f{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.st-f select,.st-f input{min-height:36px;border-radius:8px;border:1px solid #cfd6d8;padding:0 8px;background:#fff}.st-hc input{width:80px} .st-note{margin:0;color:#5b666a;font-size:13px} .st-c{background:var(--card,#fff);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:14px 16px}.st-c h2{font:600 15px/1.3 Poppins,system-ui,sans-serif;margin:0 0 10px} .st-r{display:grid;grid-template-columns:140px 1fr;gap:4px 12px;align-items:center;margin:6px 0}.st-r span:last-child{grid-column:2;color:#5b666a;font-size:12.5px} .st-bar{display:block;height:8px;background:rgba(13,74,87,.1);border-radius:99px;overflow:hidden;margin-top:4px;min-width:60px}.st-bar i{display:block;height:100%;background:#13a39b;border-radius:99px}.st-bar i.is-bad{background:#d9822b} .st-tw{overflow-x:auto}.st-t{width:100%;border-collapse:collapse;font-size:13px}.st-t th,.st-t td{padding:7px 8px;border-bottom:1px solid rgba(0,0,0,.07);text-align:right;white-space:nowrap}.st-t th:first-child,.st-t td:first-child{text-align:left;white-space:normal;min-width:150px} .st-t th{font-weight:600;color:#5b666a;font-size:12px}.st-t .neg{color:#c0392b}.st-t .pos{color:#1e8a4c} .st-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.st-two ol{margin:0;padding-left:18px}@media(max-width:700px){.st-two{grid-template-columns:1fr}.st-r{grid-template-columns:1fr}.st-r span:last-child{grid-column:1}} .st-imp{border-left:4px solid #d9822b}.st-imp ul{margin:0;padding-left:18px;display:grid;gap:6px} .asg-row select{min-height:34px;border-radius:8px} /* spokes-stats.css */ /* 2026-10-10 Statistikk v2 – Spokes brand (teal #13a39b, petrol #0D4A57, amber #d9822b) */ html.spk-stat #blv-kb.blv-kb,html.spk-stat #blv-kb,html.spk-stat .blv-kfoot{display:none!important} .sx{--sx-t:#13a39b;--sx-p:#0D4A57;--sx-a:#d9822b;--sx-m:#5b666a;max-width:1220px;margin:0 auto;padding:6px 4px 48px;display:grid;gap:14px;color:inherit} .sx-h{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:flex-end;justify-content:space-between}.sx-h h1{margin:0;font:600 24px/1.2 Poppins,system-ui,sans-serif}.sx-h p{margin:2px 0 0;color:var(--sx-m);font-size:13.5px} .sx-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sx-chips{display:flex;gap:4px;flex-wrap:wrap;background:rgba(13,74,87,.06);padding:3px;border-radius:99px} .sx-chip{border:0;background:transparent;border-radius:99px;padding:6px 12px;font:500 13px/1 Poppins,system-ui,sans-serif;color:var(--sx-p);cursor:pointer;min-height:32px}.sx-chip:hover{background:rgba(19,163,155,.12)}.sx-chip.is-on{background:var(--sx-p);color:#fff} .sx-hc{font-size:13px;color:var(--sx-m);display:flex;align-items:center;gap:6px}.sx-hc input{width:78px;min-height:34px;border-radius:8px;border:1px solid #cfd6d8;padding:0 8px} .sx-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}@media(max-width:1000px){.sx-kpis{grid-template-columns:repeat(2,1fr)}} .sx-k{background:var(--card,#fff);border:1px solid rgba(0,0,0,.07);border-radius:14px;padding:14px 16px;display:grid;gap:4px;position:relative;overflow:hidden}.sx-k:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--sx-t)} .sx-k span{color:var(--sx-m);font-size:12.5px}.sx-k b{font:600 22px/1.15 Poppins,system-ui,sans-serif;color:var(--sx-p);white-space:nowrap} .sx-tr{font-size:12px;color:var(--sx-m)}.sx-tr span{opacity:.8}.sx-tr.is-up{color:#1e8a4c}.sx-tr.is-dn{color:#c0392b}.sx-tr.is-na{opacity:.7} .sx-g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:860px){.sx-g2{grid-template-columns:1fr}} .sx-c{background:var(--card,#fff);border:1px solid rgba(0,0,0,.07);border-radius:14px;padding:16px 18px}.sx-c h2{margin:0 0 12px;font:600 15px/1.3 Poppins,system-ui,sans-serif;color:var(--sx-p)} .sx-donut{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.sx-donut svg{width:170px;height:170px;flex:0 0 170px}.sx-donut path{cursor:pointer;transition:opacity .15s,transform .15s;transform-origin:90px 90px}.sx-donut path:hover{transform:scale(1.04)}.sx-donut svg:hover path:not(:hover){opacity:.55} .sx-donut text{pointer-events:none}.sx-dn-v{font:600 22px Poppins,system-ui,sans-serif;fill:var(--sx-p)}.sx-dn-l{font-size:11px;fill:var(--sx-m)} .sx-donut ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;flex:1;min-width:180px}.sx-donut li{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.sx-donut li i{width:10px;height:10px;border-radius:3px;flex:0 0 10px}.sx-donut li b{margin-left:auto;font-weight:600} .sx-mc{display:grid;gap:12px}.sx-mr{display:grid;grid-template-columns:120px 1fr auto;gap:2px 10px;align-items:center}.sx-mr small{grid-column:1/-1;color:var(--sx-m);font-size:12px} .sx-hb{height:12px;background:rgba(13,74,87,.08);border-radius:99px;overflow:hidden}.sx-hb i{display:block;height:100%;border-radius:99px;transition:width .5s}.sx-mv{font-weight:600;font-size:13px} .sx-tabs{display:flex;gap:6px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.sx-tabs small{color:var(--sx-m);margin-left:auto;font-size:12px} .sx-tw{overflow-x:auto}.sx-t{width:100%;border-collapse:collapse;font-size:13px}.sx-t th,.sx-t td{padding:8px;border-bottom:1px solid rgba(0,0,0,.06);text-align:right;white-space:nowrap}.sx-t th:first-child,.sx-t td:first-child{text-align:left;white-space:normal;min-width:190px} .sx-t th{font-weight:600;color:var(--sx-m);font-size:12px;cursor:pointer;user-select:none}.sx-t th:hover{color:var(--sx-p)}.sx-t th.is-s{color:var(--sx-p)}.sx-t th.is-s:after{content:" ▼";font-size:9px}.sx-t th.is-s.is-asc:after{content:" ▲"} .sx-row{cursor:pointer}.sx-row:hover td{background:rgba(19,163,155,.06)}.sx-row.is-open td{background:rgba(19,163,155,.1)}.sx-n{font-weight:500} .sx-bar{display:block;position:relative;height:6px;background:rgba(13,74,87,.08);border-radius:99px;margin-top:5px}.sx-bar i{display:block;height:100%;background:var(--sx-t);border-radius:99px}.sx-bar i.is-bad{background:var(--sx-a)}.sx-bar em{position:absolute;top:-3px;width:2px;height:12px;background:var(--sx-p)} .sx-miss,.sx-flag{display:inline-block;margin-top:4px;font-size:11px;color:#8a5a17;background:#fbecd7;border-radius:99px;padding:1px 7px} .sx-none td{color:#9aa3a6}.sx-none small{display:block;font-size:11px;font-style:italic} .sx-t .neg{color:#c0392b}.sx-t .pos{color:#1e8a4c} .sx-drill>td{background:rgba(13,74,87,.04);padding:6px 10px 12px!important}.sx-drill table{width:100%;border-collapse:collapse;font-size:12.5px}.sx-drill th,.sx-drill td{padding:5px 8px;text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}.sx-drill a{color:var(--sx-t);font-weight:600}.sx-off td{opacity:.7} .sx-note{margin:10px 0 0;color:var(--sx-m);font-size:12px}.sx-empty{color:var(--sx-m);font-size:13px;margin:0} .sx-top ol,.sx-bot ol{margin:0;padding:0;list-style:none;display:grid;gap:8px}.sx-top li,.sx-bot li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:13px}.sx-top li{background:rgba(19,163,155,.08)}.sx-bot li{background:rgba(217,130,43,.1)} .sx-imp{border-left:4px solid var(--sx-a)}.sx-imp ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px}.sx-imp li{cursor:pointer} .sx-tip{position:fixed;z-index:9999;pointer-events:none;background:var(--sx-p);color:#fff;font-size:12px;padding:6px 9px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.2);max-width:260px} [data-theme=dark] .sx-k b,[data-theme=dark] .sx-c h2,[data-theme=dark] .sx-dn-v{color:#e6f2f1;fill:#e6f2f1} /* spokes-mq2.css */ /* 2026-10-11 mekaniker-kø v2 (spokes-mq2.js) */ :root{--mq-g:#3f7d20;--mq-gbg:#eef6e7;--mq-o:#c76a0a;--mq-obg:#fff4e6} .mq-qr{margin:0;display:inline-flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:1px solid #e3e6ea;border-radius:12px;padding:8px 8px 6px;flex:none;color:#111} .mq-qr svg,.mq-qr img{display:block;width:var(--qs,112px);height:var(--qs,112px)} .mq-qr figcaption{font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;color:#333;white-space:nowrap} .mq-qr--n{--qs:96px}.mq-qr--s{--qs:76px;padding:6px 6px 4px}.mq-qr--s figcaption{font-size:10px} /* mekaniker-kort */ .mk .mk-rows li.mq-card{list-style:none;position:relative;display:flex;flex-direction:column;margin:0 0 12px;border-radius:18px;border:1px solid #e6e8eb;border-left:6px solid var(--mqc,#ccc)!important;background:linear-gradient(90deg,var(--mqbg,#fff),#fff 60%)!important;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:border-color .6s ease,background .6s ease,box-shadow .6s ease,transform .45s cubic-bezier(.2,.8,.2,1)} .mk .mk-rows li.mq-card[data-mq=next]{--mqc:var(--mq-g);--mqbg:var(--mq-gbg);box-shadow:0 6px 22px rgba(63,125,32,.16)} .mk .mk-rows li.mq-card[data-mq=later]{--mqc:var(--mq-o);--mqbg:var(--mq-obg)} .mk .mk-rows li.mq-card[data-mq=wait]{--mqc:#9aa3ad;--mqbg:#f4f5f7} .mk .mq-card .mk-rowin{display:flex;align-items:center;gap:16px;padding:16px 18px;min-height:140px} .mk .mq-card .mk-th{width:84px;height:84px;border-radius:14px;flex:none} .mk .mq-card .mk-rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px} .mk .mq-card .mk-r1 b{font-size:20px;line-height:1.2} .mk .mq-card .mk-id,.mk .mq-card .spk-mq{display:none!important} .mk .mq-card .mk-jid{order:-1;align-self:flex-start;font-size:13px} .mk .mq-card .mk-rm{display:flex;flex-direction:column;align-items:flex-end;gap:6px} .mk .mq-card .mq-qrw{flex:none} .mk .mq-card .mk-go.mq-go{position:absolute;right:18px;bottom:14px;width:auto;height:auto;border-radius:12px;padding:10px 16px;display:inline-flex;gap:8px;align-items:center;font-weight:600;background:var(--mqc);color:#fff;border:0;transition:background .6s ease} .mk .mq-card[data-mq=later] .mk-go.mq-go{background:#fff;color:var(--mq-o);border:1.5px solid var(--mq-o)} .mk .mq-card .mk-rowin{padding-right:200px} .mq-more{border-top:1px dashed #e3e6ea;margin:0 18px} .mq-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 0;font-weight:600;font-size:14px;color:#34495e} .mq-more>summary::-webkit-details-marker{display:none} .mq-chev{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .25s} .mq-more[open] .mq-chev{transform:rotate(-135deg)} .mq-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 20px;padding:0 0 16px;animation:mqIn .3s ease} .mq-d h4{margin:0 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#6b7785} .mq-d p,.mq-d ul{margin:0;font-size:14px}.mq-d ul{padding-left:18px}.mq-mut{color:#8a95a1} .mq-ph{display:flex;gap:6px;flex-wrap:wrap}.mq-ph img{width:64px;height:64px;object-fit:cover;border-radius:8px} .mk .mk-now[data-mq=next]{border-left:6px solid var(--mq-g)!important;background:linear-gradient(90deg,var(--mq-gbg),#fff 70%)} .mq-promo{animation:mqPromo 1.3s cubic-bezier(.2,.8,.2,1)} @keyframes mqPromo{0%{transform:translateY(16px) scale(.98);--mqc:var(--mq-o);box-shadow:0 0 0 0 rgba(63,125,32,.0)}40%{box-shadow:0 0 0 8px rgba(63,125,32,.18)}100%{transform:none}} @keyframes mqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}} .mq-sick{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1.5px solid #c0392b;color:#c0392b;background:#fff;border-radius:999px;padding:7px 14px;font-weight:600;font-size:14px;cursor:pointer} .mq-sick:hover{background:#fdecea} /* varsler */ .mk .mk-note .mk-nqr{width:auto;height:auto} /* tavle / lister */ .blv-kb-card.mq-hasq{position:relative} .blv-kb-card .mq-bq{display:flex;justify-content:center;padding-top:8px;width:100%} td.mq-tdq{width:96px;padding:6px!important} @media (max-width:600px){ .mk .mq-card .mk-rowin{flex-wrap:wrap;padding:14px;padding-right:14px;min-height:0;gap:12px} .mk .mq-card .mk-th{width:60px;height:60px} .mk .mq-card .mk-rt{flex-basis:calc(100% - 76px)} .mk .mq-card .mk-rm{flex-direction:row;align-items:center;order:3} .mk .mq-card .mq-qrw{order:4;width:100%;display:flex;justify-content:center} .mq-qr{--qs:104px} .mk .mq-card .mk-go.mq-go{position:static;margin:0 14px 12px;justify-content:center} .mq-more{margin:0 14px} .mq-sick{margin:8px 0 0} .blv-kb-card .mq-qr--s{--qs:84px} } @media (prefers-reduced-motion:reduce){.mq-promo,.mq-body{animation:none}.mk .mq-card{transition:none}} /* listevisning + mobil «Mine jobber» */ .jrow .c-id .mq-lq{display:block;margin-top:6px} .ios-row--job .mq-iq{flex:none;margin-left:8px} .ios-row--job .mq-qr--i{--qs:96px} .ios-g>li[data-mq]{border-left:6px solid var(--mqc);background:linear-gradient(90deg,var(--mqbg),transparent 70%);transition:border-color .6s ease,background .6s ease} .ios-g>li[data-mq=next]{--mqc:var(--mq-g);--mqbg:var(--mq-gbg)} .ios-g>li[data-mq=later]{--mqc:var(--mq-o);--mqbg:var(--mq-obg)} .ios-g .ios-row--job:has(.mq-iq){display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"m q" "x q";align-items:center;column-gap:12px;row-gap:6px} .ios-g .ios-row--job:has(.mq-iq) .ios-row__m{grid-area:m;min-width:0;display:flex;flex-direction:column;gap:2px} .ios-g .ios-row--job:has(.mq-iq) .ios-row__t,.ios-g .ios-row--job:has(.mq-iq) .ios-row__s{white-space:normal!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .ios-g .ios-row--job:has(.mq-iq) .ios-row__t b{display:block} .ios-g .ios-row--job:has(.mq-iq) .ios-row__x{grid-area:x;justify-self:start} .ios-g .ios-row--job .mq-iq{grid-area:q;margin:0} .mq-sent{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#eef6e7;color:#2f5f17;font-weight:600} /* v2 01:30 fixed columns: [content][QR 140][action 210] – same on every card incl. Neste i køen */ :root{--mq-qcol:140px;--mq-acol:210px} .mk .mk-rows li.mq-card{display:grid!important;grid-template-columns:minmax(0,1fr) var(--mq-qcol) var(--mq-acol);grid-template-areas:"c q a" "d d d";align-items:center} .mk .mq-card>.mk-rowin{grid-area:c;padding-right:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;min-height:136px} .mk .mq-card>.mq-qrw{grid-area:q;justify-self:center;align-self:center;cursor:pointer} .mk .mq-card>.mk-go.mq-go{grid-area:a;position:static!important;justify-self:stretch;margin:0 18px;justify-content:center} .mk .mq-card>.mq-more{grid-area:d} .mk .mq-card>.mk-swipe{grid-area:c} .mk .mq-card .mk-rm{min-width:110px} .mk .mk-now.mq-hero.mq-hero,html.spk-mk .mk .mk-now.spk-mk-next.mq-hero{display:grid!important;grid-template-columns:minmax(0,1fr) var(--mq-qcol) var(--mq-acol)!important;grid-template-areas:"h h h" "c q a"!important;align-items:center;column-gap:0!important;padding:14px 0 14px 20px!important} .mk .mk-now.mq-hero.mq-hero>.mk-now__h{grid-area:h!important;padding-right:20px} .mk .mk-now.mq-hero.mq-hero>.mk-now__b{grid-area:c!important;min-width:0} .mk .mk-now.mq-hero.mq-hero>.mq-qrw{grid-area:q!important;justify-self:center} .mk .mk-now.mq-hero.mq-hero>.mk-act{grid-area:a!important;margin:0 18px!important;display:flex} .mk .mk-now.mq-hero>.mk-act>button{flex:1;justify-content:center} .mk .mk-now.mq-hero .mk-id,.mk .mk-now.mq-hero .spk-mq{display:none!important} .mq-tvb{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #0e7490;color:#0e7490;background:#fff;border-radius:999px;padding:7px 14px;font-weight:600;font-size:14px;cursor:pointer;margin-left:8px} @media (max-width:600px){ .mk .mk-rows li.mq-card,.mk .mk-now.mq-hero.mq-hero{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"c c" "a q" "d d"} .mk .mk-now.mq-hero.mq-hero,html.spk-mk .mk .mk-now.spk-mk-next.mq-hero{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"h h" "c c" "a q"!important} .mk .mq-card>.mk-go.mq-go,.mk .mk-now.mq-hero>.mk-act{margin:0 0 12px 14px} .mk .mq-card>.mq-qrw,.mk .mk-now.mq-hero>.mq-qrw{margin:0 14px 12px} .mq-tvb{display:none} } /* TV / wall screen (/skjerm) */ html.mq-tv body{background:#0f1720} html.mq-tv :is(aside,nav,header,.bt-side,.blv-side,#spk-mh,.spk-topbar,.blv-topbar,[class*="topbar"],[class*="sidebar"],.spk-pilot,.mk-srch,.mk-sres,.mk-f,.mk-note,.mk-wait-l,.mk-done-l,.mk-tip,.mq-more,.mq-sick,.mq-tvb,.mk-who,.mk-go,.mk-act,.mk-swipe,[class*="tour"],[class*="kom-i-gang"],.bt-crumbs,.bt-ph){display:none!important} html.mq-tv .mk{position:fixed;inset:72px 0 0 0;overflow:auto;z-index:9000;background:#0f1720;padding:24px 40px;color:#e8eef3;font-size:22px} html.mq-tv .mk .bt-h{color:#fff;font-size:34px} html.mq-tv .mk .mk-stats{font-size:22px;color:#b9c6d2} html.mq-tv .mk .mk-rows li.mq-card{grid-template-columns:minmax(0,1fr) 180px;grid-template-areas:"c q";background:#16212c!important;border-color:#24313d;border-left-width:12px!important;color:#fff;margin-bottom:16px} html.mq-tv .mk .mk-rows li.mq-card[data-mq=next]{background:linear-gradient(90deg,#1e3a12,#16212c 70%)!important;box-shadow:0 0 0 3px rgba(103,190,60,.5)} html.mq-tv .mk .mk-rows li.mq-card[data-mq=later]{background:linear-gradient(90deg,#3a2508,#16212c 70%)!important} html.mq-tv .mk .mq-card .mk-r1 b{font-size:34px;color:#fff} html.mq-tv .mk .mq-card .mk-rt>span,html.mq-tv .mk .mq-card .mk-due{font-size:22px;color:#c9d4de} html.mq-tv .mk .mq-card .mk-jid{font-size:20px} html.mq-tv .mq-qr{--qs:132px} html.mq-tv .mk .mk-now{background:#16212c!important;color:#fff;border-color:#24313d} html.mq-tv .mk .mk-now.mq-hero.mq-hero{grid-template-columns:minmax(0,1fr) 180px!important;grid-template-areas:"h h" "c q"!important} html.mq-tv .mk .mk-now *{color:inherit} html.mq-tv .mk .mk-timer{font-size:64px} html.mq-tv .spk-mkg{color:#b9c6d2;font-size:20px} .mq-tvbar{display:none} html.mq-tv .mq-tvbar{display:flex;position:fixed;top:0;left:0;right:0;height:72px;z-index:9001;align-items:center;gap:24px;padding:0 40px;background:#0b121a;color:#fff;font-size:24px;border-bottom:1px solid #1f2b36} .mq-tvbar .mq-tvwho{color:#9fb3c4}.mq-tvbar .mq-tvclk{margin-left:auto;font:700 36px/1 ui-monospace,monospace} .mq-tvbar button{background:transparent;color:#9fb3c4;border:1px solid #33424f;border-radius:10px;padding:8px 14px;font-size:16px;cursor:pointer} html.mq-tv:fullscreen .mq-tvbar button,html.mq-tv:fullscreen .mq-tvbar [data-tv]{opacity:.35} /* TV live varsel-kort (under Neste i køen, ikke blokkerende) */ .mq-tvns{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:14px} .mq-tvn{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 56px;align-items:center;gap:24px;padding:22px 28px;border-radius:20px;background:#13261a;color:#fff;border:4px solid var(--pc);animation:mqIn2 .5s cubic-bezier(.2,1.2,.4,1),mqGlow 1.8s ease-in-out infinite} .mq-tvn.is-ok{--pc:#4ade80}.mq-tvn.is-part{--pc:#4ade80}.mq-tvn.is-no{--pc:#f87171;background:#2a1414} .mq-tvn__t small{font-size:20px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--pc)} .mq-tvn__t h3{font-size:32px;margin:6px 0 8px;line-height:1.2}.mq-tvn__t p{font-size:22px;margin:0;color:#cfe3d6} .mq-tvn .mq-qr{--qs:110px} .mq-tvn__x{width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:24px;cursor:pointer} @keyframes mqGlow{0%,100%{box-shadow:0 0 0 0 var(--pc),0 0 18px 2px color-mix(in srgb,var(--pc) 60%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--pc) 35%,transparent),0 0 46px 12px color-mix(in srgb,var(--pc) 55%,transparent)}} @keyframes mqIn2{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}} .mq-tvbar [data-tv=snd][aria-pressed=false]{opacity:.4;text-decoration:line-through} /* brighter borders */ :root{--mq-g:#22c55e;--mq-o:#f97316} .mk .mk-rows li.mq-card[data-mq=next]{box-shadow:0 0 0 2px var(--mq-g),0 6px 22px rgba(34,197,94,.25)} .mk .mk-rows li.mq-card[data-mq=later]{box-shadow:0 0 0 1.5px var(--mq-o)} html.mq-tv .mk .mk-rows li.mq-card[data-mq=next]{box-shadow:0 0 0 4px var(--mq-g),0 0 30px rgba(34,197,94,.45)} html.mq-tv .mk .mk-rows li.mq-card[data-mq=later]{box-shadow:0 0 0 3px var(--mq-o)} html.mq-tv .mk .mk-now[data-mq=next]{box-shadow:0 0 0 4px var(--mq-g),0 0 30px rgba(34,197,94,.45);border-left-color:var(--mq-g)!important} @media (prefers-reduced-motion:reduce){.mq-tvn{animation:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--pc) 50%,transparent)}} .mk .mk-now.mq-hero.mq-hero>.mk-act>button{min-width:0;width:100%;white-space:nowrap} html.mq-tv .mk .mk-stats b{color:#fff} html.mq-tv .mk .mk-now .mk-now__t b,html.mq-tv .mk .mk-now .mk-r1 b{font-size:38px} html.mq-tv .mk .mk-now .mk-now__t span{font-size:22px} html.mq-tv .mk .mk-now .mk-jid{font-size:22px} .ios-g .ios-row--job:has(.mq-iq) .ios-row__x{display:flex;align-items:center;gap:6px;flex-wrap:wrap} .mk .mk-note .mk-nqr .mq-qr svg,.mk .mk-note .mk-nqr .mq-qr img{width:var(--qs)!important;height:var(--qs)!important;max-width:none!important} .mk .mk-note .mk-nqr{width:auto!important;height:auto!important;max-width:none!important;flex:none} .mk .mk-note .mk-nqr{overflow:visible!important;padding:0!important;background:transparent!important;border-radius:0!important} /* 2026-10-11 tv2 (owner 01:55): stor plass-rute = QR-størrelse, QR litt til venstre, godkjenninger 2./3. med pulserende kant */ html.mq-tv{--mq-tvbox:176px} html.mq-tv .mq-qr{--qs:140px;width:var(--mq-tvbox);height:calc(var(--mq-tvbox) + 16px);box-sizing:border-box;justify-content:center;padding:10px} html.mq-tv .mq-qr figcaption{font-size:14px} html.mq-tv .mk .dx-loc{width:var(--mq-tvbox)!important;min-width:var(--mq-tvbox)!important;height:calc(var(--mq-tvbox) + 16px)!important;border-radius:20px;font:800 46px/1.05 Jost,Poppins,sans-serif;gap:8px;padding:10px;margin-right:12px!important;box-shadow:0 0 0 3px rgba(165,232,253,.35)} html.mq-tv .mk .dx-loc b{white-space:normal;overflow-wrap:anywhere;line-height:1.05} html.mq-tv .mk .dx-loc svg{width:36px;height:36px} html.mq-tv .mk .dx-loc--none{font:700 26px/1.1 Poppins,sans-serif;border-width:3px} html.mq-tv .mk .mk-rowin,html.mq-tv .mk .mk-now__b{gap:28px!important;min-height:0} html.mq-tv .mk .mk-rows li.mq-card{grid-template-columns:minmax(0,1fr) calc(var(--mq-tvbox) + 96px)!important} html.mq-tv .mk .mk-now.mq-hero.mq-hero{grid-template-columns:minmax(0,1fr) calc(var(--mq-tvbox) + 96px)!important} html.mq-tv .mk .mq-card>.mq-qrw,html.mq-tv .mk .mk-now.mq-hero>.mq-qrw{justify-self:start!important;margin:12px 0} /* godkjente deler: pulserende grønn (avslått = rød) kant, aldri først */ html.mq-tv .mk .mk-rows li.mq-card[data-mqa]{--pc:#4ade80;border-color:var(--pc)!important;border-left-color:var(--pc)!important;animation:mqGlow 1.8s ease-in-out infinite} html.mq-tv .mk .mk-rows li.mq-card[data-mqa=no]{--pc:#f87171} html.mq-tv .mk .mk-rows li.mq-card[data-mqa]::before{content:attr(data-mqat);position:absolute;top:10px;right:24px;font:800 16px/1 Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--pc)} @media (prefers-reduced-motion:reduce){html.mq-tv .mk .mk-rows li.mq-card[data-mqa]{animation:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--pc) 50%,transparent)!important}} html.mq-tv .mk .dx-loc :not(svg):not(svg *){font-size:44px!important;font-weight:800!important;line-height:1.05!important;color:inherit!important} html.mq-tv .mk .dx-loc--none :not(svg):not(svg *){font-size:24px!important} html.mq-tv .mk .dx-loc{background:#A5E8FD!important;color:#0D2F37!important} html.mq-tv .mk .dx-loc--none{background:transparent!important;color:#A9B6B9!important} /* 2026-10-11 boardqr (owner 21:5x): ingen QR på tavlekort – kun kø, skjerm, jobbkort, utskrift */ .blv-kb-card .mq-bq,.kcard .mq-bq{display:none!important} /* spokes-handover-815b114c1d.css */ /* Spokes 2026-10-11 – Overlever jobb */ .ho-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:12px;border:2px solid #0D4A57;background:#fff;color:#0D4A57;font:inherit;font-weight:700;cursor:pointer;margin:6px 0 0 8px} .ho-btn--solo{width:100%;margin:8px 0} .ho-badge{display:inline-block;background:#efe9fb;color:#5b3fa8;border:1px solid #cbbcf0;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700;margin:0 6px 4px 0} .ho-badge.is-new{background:#5b3fa8;color:#fff;border-color:#5b3fa8;box-shadow:0 0 0 3px rgba(91,63,168,.2)} .ho-pin{border:2px solid #7a5cc2;background:#f7f4fc;border-radius:14px;padding:12px 14px;margin:0 0 12px}.ho-pin.is-read{border-width:1px;opacity:.92} .ho-pin__h{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.ho-pin__h small{color:#6b7a7e}.ho-pin p{margin:6px 0 8px;white-space:pre-wrap} .ho-ov{position:fixed;inset:0;z-index:2147483100;background:rgba(9,24,29,.5);display:flex;align-items:center;justify-content:center;padding:24px} .ho-c{background:#fff;color:#14232a;border-radius:16px;width:min(640px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.25)} .ho-h{display:flex;justify-content:space-between;gap:10px;padding:16px 20px 10px;border-bottom:1px solid #e7ece9}.ho-h h2{margin:0;color:#0D4A57;font-size:1.3rem}.ho-h p{margin:4px 0 0;color:#5b6b70;font-size:.9rem} .ho-x{border:0;background:#f1f4f2;border-radius:10px;width:38px;height:38px;font-size:22px;cursor:pointer} .ho-b{overflow:auto;padding:12px 20px 16px;flex:1}.ho-b h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7a7e;margin:16px 0 6px} .ho-l{font-weight:700;display:block;margin-bottom:6px}.ho-nw{display:flex;flex-direction:column;gap:8px} .ho-nw textarea{font:inherit;font-size:1rem;padding:10px 12px;border:2px solid #0D4A57;border-radius:12px;resize:vertical;min-height:96px} .ho-mic{align-self:flex-start;border:1px solid #cdd8d4;background:#f5faf9;border-radius:999px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;color:#0D4A57}.ho-mic.is-rec{background:#b3261e;color:#fff;border-color:#b3261e} .ho-to{display:grid;gap:8px}.ho-r{display:flex;gap:10px;align-items:center;border:1px solid #dfe6e3;border-radius:12px;padding:10px 12px;cursor:pointer;min-height:52px}.ho-r:has(input:checked){border:2px solid #0D4A57;background:#eef7f8} .ho-r input{width:20px;height:20px}.ho-r span{display:flex;flex-direction:column}.ho-r small{color:#6b7a7e}.ho-r--auto b{color:#1d7a43} .ho-sum{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:.9rem;background:#fafbfa;border:1px solid #eef2f0;border-radius:12px;padding:10px 12px}.ho-sum dt{color:#6b7a7e;font-weight:600}.ho-sum dd{margin:0} .ho-f{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px;border-top:1px solid #e7ece9;background:#fafbfa} .ho-b2{border:1px solid #cdd8d4;background:#fff;color:#0D4A57;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;min-height:44px}.ho-b2.ho-p{background:#0D4A57;border-color:#0D4A57;color:#fff}.ho-b2:disabled{opacity:.5} .ho-hint{color:#5b3fa8;font-weight:600}.ho-note{margin:0 0 12px;border-left:4px solid #7a5cc2;background:#f7f4fc;padding:10px 14px;border-radius:0 10px 10px 0;white-space:pre-wrap;font-size:1.05rem} .ho-ban{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;z-index:2147483050;width:min(560px,calc(100% - 24px));background:#fff8e6;border:2px solid #e08a00;border-radius:16px;padding:12px 14px;box-shadow:0 14px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:8px} .ho-ban>div{display:flex;flex-direction:column}.ho-ban span{color:#6b5a2a;font-size:.9rem}.ho-ban ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ho-ban li{display:flex;justify-content:space-between;align-items:center;gap:8px}.ho-ban>.ho-b2{align-self:flex-end} @media (max-width:600px){.ho-ov{padding:0;align-items:stretch}.ho-c{border-radius:0;max-height:none;height:100%}.ho-h{padding-top:max(14px,env(safe-area-inset-top))}.ho-f{padding-bottom:max(12px,env(safe-area-inset-bottom))}.ho-f .ho-b2{flex:1}.ho-btn{width:100%;margin:8px 0 0}.ho-ban{bottom:calc(84px + env(safe-area-inset-bottom))}} html[data-theme=dark] .ho-c{background:#0f1e23;color:#e6eef0}html[data-theme=dark] .ho-h h2{color:#A5E8FD}html[data-theme=dark] .ho-f,html[data-theme=dark] .ho-sum{background:#0b1a1f;border-color:#21383f} html[data-theme=dark] .ho-b2,html[data-theme=dark] .ho-btn,html[data-theme=dark] .ho-nw textarea,html[data-theme=dark] .ho-r{background:#132a31;color:#e6eef0;border-color:#2b4750}html[data-theme=dark] .ho-b2.ho-p{background:#A5E8FD;color:#0b1f26} html[data-theme=dark] .ho-pin,html[data-theme=dark] .ho-note{background:rgba(122,92,194,.14)} /* 19:01/19:02 sykdom + fortsetter selv */ @keyframes hoPulse{0%,100%{box-shadow:0 0 0 0 rgba(226,90,20,.55)}50%{box-shadow:0 0 0 7px rgba(226,90,20,0)}} .ho-sick{display:inline-block;background:linear-gradient(90deg,#e08a00,#d0371f);color:#fff;font-weight:800;font-size:.78rem;border-radius:999px;padding:4px 11px;animation:hoPulse 1.6s ease-in-out infinite;margin:0 6px 4px 0;white-space:nowrap} .ho-flag{outline:3px solid #e2631a;outline-offset:-1px;border-radius:12px} .ho-sq{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px} .ho-sq__i,.ho-spin>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:2px solid #e2631a;background:#fff4ec;border-radius:14px;padding:12px 14px;animation:hoPulse 1.6s ease-in-out infinite} .ho-sq__t{display:flex;flex-direction:column;flex:1;min-width:180px}.ho-sq__t small{color:#8a4a1c} .ho-spin{margin:0 0 12px}.ho-ban__a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} .ho-ban--sick{border-color:#d0371f;background:#fff1ec} .ho-cnt{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;background:linear-gradient(90deg,#e08a00,#d0371f);color:#fff;font:inherit;font-weight:800;padding:8px 16px;margin:8px 0 10px;cursor:pointer;animation:hoPulse 1.6s ease-in-out infinite} html[data-theme=dark] .ho-sq__i,html[data-theme=dark] .ho-spin>div,html[data-theme=dark] .ho-ban--sick{background:#3a1d12} @media (max-width:600px){.ho-sq__i .ho-b2{flex:1}.ho-ban--sick{top:auto;bottom:calc(84px + env(safe-area-inset-bottom))}} h1 .ho-cnt{font-size:.9rem;margin:0 0 0 14px;vertical-align:middle;letter-spacing:0} .blv-kb-card .ho-sick--b{white-space:normal;font-size:.72rem;display:block;margin:0 0 6px} .ho-sq__i .ho-b2{white-space:nowrap}.blv-kb-card .ho-sick--b{align-self:stretch;text-align:center} @media (max-width:600px){.ho-sq__t{flex-basis:100%}} .blv-kb-card.ho-flag{flex-wrap:wrap}.blv-kb-card .ho-sick--b{flex:0 0 100%;width:100%;box-sizing:border-box;writing-mode:horizontal-tb} .blv-kb-card.ho-flag{position:relative;padding-top:34px!important}.blv-kb-card .ho-sick--b{position:absolute;top:6px;left:6px;right:6px;width:auto!important;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7rem;padding:4px 8px} html.mq-tv .ho-sq__i,html[data-theme=dark] .ho-sq__i{background:#3a1d12;color:#fff3ea}html.mq-tv .ho-sq__t b,html.mq-tv .ho-sq__t code,html[data-theme=dark] .ho-sq__t b,html[data-theme=dark] .ho-sq__t code{color:#fff}html.mq-tv .ho-sq__t small,html[data-theme=dark] .ho-sq__t small{color:#ffc9a8}html.mq-tv .ho-sq__i{font-size:1.25rem} /* 20:03 selv-sykmelding + automatisk plan */ html.ho-auto .blv-fv{opacity:0!important;pointer-events:none!important} .ho-sickbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);margin:8px 16px 12px;min-height:48px;border-radius:14px;border:2px solid #d0371f;background:#fff;color:#b3261e;font:inherit;font-weight:700;cursor:pointer} .ho-danger{background:#b3261e!important;border-color:#b3261e!important}.ho-res{margin:0;padding-left:18px;display:grid;gap:6px;font-size:1.02rem} .ho-ban--plan{border-color:#0D4A57;background:#eef7f8}.ho-ban--plan>div{gap:2px} html[data-theme=dark] .ho-sickbtn{background:#2a1512;color:#ffb4a8}html[data-theme=dark] .ho-ban--plan{background:#0f2a31} html body .ho-b2.ho-p{color:#fff!important}html[data-theme=dark] body .ho-b2.ho-p{color:#0b1f26!important} .ho-map{margin:20px 0;padding:16px;border:1px solid #dfe6e3;border-radius:14px;background:#fff}.ho-map h3{margin:0 0 4px}.ho-mut{color:#6b7a7e;margin:0 0 10px;font-size:.9rem} .ho-mapr{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid #eef2f0}.ho-mapr select{min-height:40px;max-width:60%;font:inherit} html[data-theme=dark] .ho-map{background:#0f1e23;border-color:#21383f} /* 2026-10-11 boardqr: badge above card content (html body .blv-kb-card padding:10px!important won the old rule) */ html:root body .blv-kb-card.ho-flag{padding-top:36px!important} /* SPK-SICKRE */ .ho-ban{max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:hidden;box-sizing:border-box} .ho-ban>div,.ho-ban>.ho-b2,.ho-ban__a{flex:0 0 auto} .ho-ban ul{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:2px} .ho-ban li{flex-wrap:wrap}.ho-ban li>span{min-width:0;flex:1 1 180px;overflow-wrap:anywhere}.ho-ban li>.ho-b2{flex:0 0 auto} @media (max-width:900px){.ho-ban{max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px - env(safe-area-inset-bottom))}} /* spokes-telling.css */ /* Spokes 2026-10-11 – Lagerplass + Telling (spokes-telling.js) */ .tl-ov{position:fixed;inset:0;z-index:2147483000;background:rgba(9,24,29,.48);display:flex;align-items:center;justify-content:center;padding:24px} .tl-c{background:#fff;color:#14232a;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.25);width:min(980px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;font-family:inherit} .tl-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 22px 12px;border-bottom:1px solid #e7ece9} .tl-h h2{margin:0;font-size:1.35rem;display:flex;align-items:center;gap:8px;color:#0D4A57}.tl-h p{margin:4px 0 0;color:#5b6b70;font-size:.9rem}.tl-mode{color:#0a7d3b} .tl-x{border:0;background:#f1f4f2;border-radius:10px;width:38px;height:38px;font-size:22px;line-height:1;cursor:pointer;color:#14232a} .tl-b{overflow:auto;padding:8px 22px 16px;flex:1} .tl-f{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;padding:12px 22px;border-top:1px solid #e7ece9;background:#fafbfa} .tl-b2{border:1px solid #cdd8d4;background:#fff;color:#0D4A57;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;min-height:44px} .tl-b2.tl-p{background:#0D4A57;border-color:#0D4A57;color:#fff}.tl-b2:disabled{opacity:.5} .tl-sum{margin-right:auto;color:#5b6b70;font-size:.9rem} .tl-t{width:100%;border-collapse:collapse;font-size:.95rem}.tl-t th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7a7e;text-align:left;padding:8px 6px;border-bottom:1px solid #e7ece9} .tl-t td{padding:10px 6px;border-bottom:1px solid #f0f3f1;vertical-align:middle}.tl-t .n{text-align:right;white-space:nowrap}.tl-t small{display:block;color:#6b7a7e;font-size:.8rem;margin-top:2px} .tl-pp{display:none!important}.tl-q{display:inline-block;min-width:44px;text-align:center;font-weight:700;font-size:1.15rem;background:#eaf6f8;color:#0D4A57;border-radius:10px;padding:4px 10px}.tl-q.is-0{background:#fdeceb;color:#b3261e} .tl-empty{color:#6b7a7e;padding:24px 0;text-align:center} .tl-scan{padding:12px 22px;border-bottom:1px solid #e7ece9;background:#f5faf9}.tl-scan label{display:block;font-size:.8rem;color:#5b6b70;margin-bottom:6px;font-weight:600} .tl-scan div{display:flex;gap:8px}.tl-scan input{flex:1;font:inherit;font-size:1.05rem;padding:10px 12px;border:2px solid #0D4A57;border-radius:10px;min-height:44px} .tl-cl{list-style:none;margin:0;padding:0} .tl-cl li{display:grid;grid-template-columns:minmax(0,1fr) 110px 150px 120px;grid-template-areas:"i e s st" "qa qa qa qa";gap:6px 12px;align-items:center;padding:12px 8px;border-bottom:1px solid #eef2f0;border-left:4px solid transparent;transition:background .3s} .tl-cl li.is-ok{border-left-color:#2e9d5b}.tl-cl li.is-diff{border-left-color:#e08a00;background:#fffaf0}.tl-cl li.is-hit{background:#e3f6ea} .tl-ci{grid-area:i;min-width:0}.tl-ci b{display:block}.tl-ci small{display:block;color:#6b7a7e;font-size:.8rem;margin-top:2px}.tl-ex{color:#8a5a00!important;font-weight:600} .tl-exp{grid-area:e;color:#5b6b70;font-size:.85rem}.tl-exp b{font-size:1.1rem;color:#14232a} .tl-step{grid-area:s;display:flex;align-items:center;border:1px solid #cdd8d4;border-radius:12px;overflow:hidden;height:46px} .tl-step button{width:44px;height:100%;border:0;background:#f1f4f2;font-size:1.4rem;cursor:pointer;color:#0D4A57} .tl-step input{flex:1;min-width:0;width:50px;height:100%;border:0;text-align:center;font:inherit;font-size:1.2rem;font-weight:700;-moz-appearance:textfield} .tl-step input::-webkit-inner-spin-button{-webkit-appearance:none} .tl-st{grid-area:st;text-align:right}.tl-s{display:inline-block;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700} .tl-s.is-n{background:#f1f4f2;color:#6b7a7e}.tl-s.is-ok{background:#e3f6ea;color:#1d7a43}.tl-s.is-d{background:#fff1d6;color:#8a5a00}.tl-s.is-m{background:#fdeceb;color:#b3261e} .tl-qa{grid-area:qa;display:flex;gap:8px;align-items:center;flex-wrap:wrap} .tl-mini{border:1px solid #cdd8d4;background:#fff;border-radius:8px;padding:6px 10px;font:inherit;font-size:.85rem;cursor:pointer;color:#0D4A57;min-height:34px}.tl-mini--m{color:#b3261e} .tl-mv{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#5b6b70;margin-left:auto}.tl-mv select{font:inherit;font-size:.85rem;padding:6px;border:1px solid #cdd8d4;border-radius:8px;max-width:200px} .tl-unk{margin-top:14px;border:1px solid #f0c36d;background:#fff8e6;border-radius:12px;padding:10px 14px}.tl-unk h3{margin:0 0 6px;font-size:.95rem;color:#8a5a00} .tl-unk ul{list-style:none;margin:0;padding:0}.tl-unk li{display:flex;gap:12px;align-items:center;padding:4px 0}.tl-unk li span{font-weight:700} .tl-last{margin-top:14px;border-radius:12px;background:#e3f6ea;color:#1d5a35;padding:10px 14px;font-size:.9rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tl-last.is-undone{background:#f1f4f2;color:#5b6b70}.tl-last small{color:#5b6b70} .tl-cf{position:absolute;inset:0;background:rgba(9,24,29,.4);display:flex;align-items:center;justify-content:center;padding:16px;z-index:2} .tl-cfc{background:#fff;border-radius:14px;padding:20px 22px;width:min(420px,100%);box-shadow:0 18px 40px rgba(0,0,0,.25)}.tl-cfc h3{margin:0 0 10px;color:#0D4A57}.tl-cfc ul{margin:0 0 8px;padding-left:18px;line-height:1.7}.tl-why{color:#5b6b70;font-size:.85rem}.tl-cfc div{display:flex;gap:10px;justify-content:flex-end} .tl-ov .tl-c{position:relative} .tl-rf{display:flex;gap:14px;padding:10px 22px;border-bottom:1px solid #e7ece9;flex-wrap:wrap}.tl-rf input{font:inherit;padding:6px;border:1px solid #cdd8d4;border-radius:8px} .tl-ra{border:1px solid #e7ece9;border-radius:12px;padding:10px 14px;margin:10px 0}.tl-ra h3{margin:0 0 4px;font-size:.95rem}.tl-ra.is-undone{opacity:.6}.tl-ra tr.is-diff td{font-weight:600}.tl-ra tr.is-unk td{color:#8a5a00} @media (max-width:600px){ .tl-ov{padding:0;align-items:stretch}.tl-c{border-radius:0;max-height:none;height:100%;width:100%} .tl-h{padding:max(14px,env(safe-area-inset-top)) 16px 10px}.tl-b{padding:6px 12px 14px}.tl-scan{padding:10px 12px} .tl-f{padding:10px 12px max(10px,env(safe-area-inset-bottom));gap:8px}.tl-f .tl-b2{flex:1 1 auto}.tl-sum{flex-basis:100%;text-align:center} .tl-hp{display:none}.tl-pp{display:block!important} .tl-cl li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"i i" "e st" "s s" "qa qa";padding:12px 4px} .tl-step{height:52px}.tl-step button{width:60px}.tl-mv{margin-left:0;width:100%}.tl-mv select{flex:1;max-width:none} } html[data-theme=dark] .tl-c,html[data-theme=dark] .tl-cfc{background:#0f1e23;color:#e6eef0}html[data-theme=dark] .tl-h h2{color:#A5E8FD} html[data-theme=dark] .tl-f,html[data-theme=dark] .tl-scan{background:#0b1a1f}html[data-theme=dark] .tl-b2,html[data-theme=dark] .tl-mini,html[data-theme=dark] .tl-step input,html[data-theme=dark] .tl-scan input,html[data-theme=dark] .tl-mv select{background:#132a31;color:#e6eef0;border-color:#2b4750} html[data-theme=dark] .tl-b2.tl-p{background:#A5E8FD;color:#0b1f26;border-color:#A5E8FD}html[data-theme=dark] .tl-step button,html[data-theme=dark] .tl-x{background:#1a333b;color:#A5E8FD} html[data-theme=dark] .tl-cl li.is-diff{background:rgba(224,138,0,.1)}html[data-theme=dark] .tl-q{background:rgba(165,232,253,.12);color:#A5E8FD} .tl-found{grid-area:s;color:#5b6b70;font-size:.9rem}.tl-found b{font-size:1.15rem;color:#14232a}.tl-here{display:flex;align-items:center;gap:6px;font-weight:600;color:#0D4A57}.tl-here input{width:20px;height:20px}.tl-qa small{color:#6b7a7e;font-size:.8rem}.tl-cl li:has(.tl-found){border-left-color:#7a5cc2;background:#f7f4fc}html[data-theme=dark] .tl-cl li:has(.tl-found){background:rgba(122,92,194,.12)} .tl-mv span{white-space:nowrap} /* spokes-labelwiz-d454e23e3d.css */ /* Spokes etikettveiviser + «Hvilken sykkel?» (2026-10-11) */ .spk-lw{position:fixed;inset:0;z-index:2147483000;background:rgba(10,30,35,.45);display:flex;align-items:center;justify-content:center;padding:16px} .spk-lw__c{background:#fff;color:#14262b;border-radius:18px;width:min(760px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:22px 24px;box-shadow:0 24px 60px rgba(0,0,0,.25);font-size:15px} .lw-h{display:flex;justify-content:space-between;gap:12px}.lw-h h2{margin:2px 0 4px;font-size:22px}.lw-h p{margin:0;color:#4b5f64}.lw-k{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#4f7d80!important} .lw-x{border:0;background:#eef3f3;border-radius:50%;width:38px;height:38px;font-size:22px;cursor:pointer;flex:none} .lw-st{display:flex;gap:6px;list-style:none;padding:0;margin:16px 0}.lw-st li{flex:1}.lw-st button{width:100%;border:0;border-radius:999px;padding:7px 4px;background:#eef3f3;color:#4b5f64;font:inherit;font-size:12.5px;cursor:pointer}.lw-st .is-on button{background:#1f4a50;color:#fff}.lw-st .is-d button{background:#cfe6e2;color:#1f4a50}.lw-st button:disabled{opacity:.55;cursor:default} .lw-kind{display:flex;background:#eef3f3;border-radius:12px;padding:4px;margin-bottom:14px}.lw-kind button{flex:1;border:0;background:none;padding:9px;border-radius:9px;font:inherit;cursor:pointer}.lw-kind [aria-checked=true]{background:#fff;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)} .lw-q{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px} .lw-num{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}.lw-num__r{display:flex;align-items:center;border:1px solid #cfdcdc;border-radius:12px;overflow:hidden;background:#fff;width:max-content} .lw-num__r button{border:0;background:#f3f7f7;width:44px;height:44px;font-size:20px;cursor:pointer}.lw-num__r input{width:64px;height:44px;border:0;text-align:center;font:inherit;font-size:18px;font-weight:600;-moz-appearance:textfield}.lw-num__r input::-webkit-inner-spin-button{display:none} .lw-chk{display:flex;gap:8px;align-items:center;margin:14px 0 6px} .lw-ov{border-collapse:collapse;margin:6px 0}.lw-ov th,.lw-ov td{padding:4px 10px 4px 0;text-align:left}.lw-ov input{width:70px;height:36px;border:1px solid #cfdcdc;border-radius:8px;text-align:center;font:inherit} .lw-sum{margin:16px 0 4px;padding:12px 14px;background:#e9f4f1;border-radius:12px;font-size:16px}.lw-sum b{font-size:22px;color:#1f4a50}.lw-sum span{color:#4b5f64;font-size:14px} .lw-f{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px;position:sticky;bottom:-22px;background:#fff;padding:12px 0 4px} .lw-b{border:1px solid #cfdcdc;background:#fff;border-radius:12px;padding:11px 16px;font:inherit;font-weight:600;cursor:pointer;min-height:44px}.lw-p{background:#1f4a50;color:#fff;border-color:#1f4a50}.lw-b:disabled{opacity:.5} .lw-txt{display:flex;flex-direction:column;gap:6px;font-weight:600;margin-bottom:10px}.lw-txt input{width:120px;height:42px;border:1px solid #cfdcdc;border-radius:10px;padding:0 10px;font:inherit} .lw-ex code,.lw-prev code{background:#eef3f3;border-radius:6px;padding:2px 7px;font-size:13px;margin:0 4px 4px 0;display:inline-block} .lw-prev{display:grid;gap:10px;max-height:300px;overflow:auto}.lw-prev h3{margin:0 0 4px;font-size:14px}.lw-prev h3 small{color:#4b5f64;font-weight:400}.lw-prev p{margin:0}.lw-prev code.is-ex{opacity:.4;text-decoration:line-through} .lw-note{color:#4b5f64;font-size:13px} .lw-dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lw-dl div{background:#f3f7f7;border-radius:12px;padding:12px}.lw-dl dt{font-size:13px;color:#4b5f64}.lw-dl dd{margin:2px 0 0;font-size:26px;font-weight:700} .lw-quick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.lw-chip{border:1px solid #cfdcdc;background:#fff;border-radius:999px;padding:7px 12px;font:inherit;font-size:13.5px;cursor:pointer} .lw-pick{display:grid;gap:6px;max-height:230px;overflow:auto;margin-bottom:12px}.lw-pick details{border:1px solid #e1e9e9;border-radius:10px;padding:6px 10px}.lw-pick summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:600}.lw-pick p{display:flex;flex-wrap:wrap;gap:4px 10px;margin:8px 0 2px}.lw-pk{display:flex;gap:5px;align-items:center;font-size:14px}.lw-pk i{color:#d97706;font-style:normal} .lw-sel{display:flex;flex-direction:column;gap:6px;font-weight:600;margin-bottom:10px}.lw-sel select{height:44px;border:1px solid #cfdcdc;border-radius:10px;padding:0 10px;font:inherit;max-width:340px} .lw-pv{background:#e9eeee;border-radius:12px;padding:12px;overflow:auto;max-height:340px}.lw-pv__in{zoom:.55;display:flex;flex-wrap:wrap;gap:12px} .lw-pv .lw-pg{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)} .lw-pg--a4{width:210mm;height:297mm;box-sizing:border-box;display:grid;align-content:start} .lw-l{box-sizing:border-box;display:flex;align-items:center;gap:2.5mm;padding:2.5mm 3mm;overflow:hidden;color:#000;font-family:system-ui,sans-serif;border:.2mm dashed #d0d0d0} .lw-l__qr{height:100%;aspect-ratio:1;flex:none;max-width:45%}.lw-l__qr svg{width:100%;height:100%;display:block} .lw-l__t{display:flex;flex-direction:column;min-width:0;flex:1}.lw-l__t small{font-size:2.4mm;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lw-l__t b{font-size:8mm;line-height:1.05;letter-spacing:-.02em;white-space:nowrap}.lw-l__t span{font-size:2.4mm;text-transform:uppercase;letter-spacing:.08em;color:#555} .lw-l__bc{margin-top:1mm;height:5mm}.lw-l__bc svg{width:100%;height:100%;display:block} .lw-l--s .lw-l__t b{font-size:6.5mm}.lw-l--s .lw-l__t small{display:none} .lw-card{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(90deg,#e9f4f1,#f6faf9);border:1px solid #cfe6e2;border-radius:14px;padding:14px 16px;margin:12px 0} .lw-card b{display:block;font-size:16px}.lw-card small{color:#4b5f64}.lw-card__a{display:flex;gap:8px;flex-wrap:wrap} .lw-hide{display:none!important} .lw-more{margin-top:10px;border-top:1px solid #e1e9e9;padding-top:8px}.lw-more summary{cursor:pointer;color:#4b5f64;font-size:14px;padding:6px 0} @media (max-width:600px){.spk-lw{padding:0;align-items:stretch}.spk-lw__c{border-radius:0;max-height:100dvh;height:100dvh;padding:16px}.lw-st button{font-size:0}.lw-st button::first-letter{font-size:13px}.lw-dl dd{font-size:20px}.lw-f{justify-content:stretch}.lw-f .lw-b{flex:1}.lw-card__a{width:100%}.lw-card__a .blv-btn2{flex:1}.lw-pv__in{zoom:.36}} /* «Hvilken sykkel?» */ .lw-fit__q{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;color:#4b5f64} .lw-fit__l{list-style:none;margin:0;padding:0;display:grid;gap:8px} .lw-fit__r{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1.5px solid #dbe5e5;background:#fff;border-radius:14px;padding:12px 14px;font:inherit;cursor:pointer;min-height:60px} .lw-fit__r.is-own{border-color:#22a06b;box-shadow:0 0 0 3px rgba(34,160,107,.15)}.lw-fit__r em{font-style:normal;background:#22a06b;color:#fff;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600} .lw-fit__b{flex:1;min-width:0;display:flex;flex-direction:column}.lw-fit__m{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.lw-fit__r small{color:#4b5f64;font-size:13px}.lw-fit__r code{font-weight:600} .lw-fit__0{padding:14px;background:#fff7ed;border-radius:12px} /* utskrift */ #spk-lw-pr{display:none} @media print{body.spk-lw-printing>*:not(#spk-lw-pr){display:none!important}body.spk-lw-printing #spk-lw-pr{display:block}body.spk-lw-printing{margin:0;background:#fff} #spk-lw-pr .lw-pg{page-break-after:always;break-after:page;overflow:hidden}#spk-lw-pr .lw-l{border:0}#spk-lw-pr .lw-pg:last-child{page-break-after:auto}} .spk-lw input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;margin:0;flex:none;appearance:auto;-webkit-appearance:checkbox} .lw-pick summary label{display:flex;gap:8px;align-items:center} /* lwfix 09:22 */ .lw-q{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;align-items:start!important} .lw-num>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px;min-height:20px} .lw-num__r{width:100%!important;max-width:240px} .lw-num__r input{flex:1 1 auto;min-width:0} .lw-num:has([data-lwn=boxes])::after{content:"0 = ingen kasser";font-size:12px;font-weight:400;color:#5d7378;margin-top:-2px} html[lang=en] .lw-num:has([data-lwn=boxes])::after{content:"0 = no boxes"} html[data-theme=dark] .lw-num:has([data-lwn=boxes])::after{color:#9fb3b8} @media print{ html:root,html:root body{height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important} html:root body.spk-lw-printing>*:not(#spk-lw-pr):not(#x#x#x),html:root body.blv-plp-on>*:not(#blv-plp):not(#x#x#x){display:none!important} html:root body.spk-lw-printing>#spk-lw-pr#spk-lw-pr,html:root body.blv-plp-on>#blv-plp#blv-plp{display:block!important;position:static!important;visibility:visible!important} html:root body.spk-lw-printing,html:root body.blv-plp-on{padding:0!important;margin:0!important} #spk-lw-pr .lw-lbl,#spk-lw-pr [class*=lbl],#blv-plp .blv-lbl{break-inside:avoid;page-break-inside:avoid} } /* spokes-b1011.css */ /* Spokes batch 2026-10-11 – see spokes-b1011.js */ .b11-hide{display:none!important} .b11-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid #cfd8da;background:#fff;color:#0D4A57;font:600 15px Jost,Poppins,sans-serif;cursor:pointer} .b11-btn--go,.b11-btn--pc{background:#0D4A57;border-color:#0D4A57;color:#fff} .b11-btn--g{background:#fff} .b11-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#0D4A57;color:#fff;padding:10px 16px;border-radius:12px;z-index:2147483000;font:500 14px Poppins,sans-serif} /* 1 Send til PC (phone) */ .b11-send{position:sticky;bottom:0;margin:12px -4px 0;padding:10px 4px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#fff 18%);display:grid;gap:6px} .b11-send .b11-btn{width:100%;min-height:52px;font-size:16px} .b11-send i{font-style:normal;background:#A5E8FD;color:#0D4A57;border-radius:999px;min-width:24px;padding:1px 8px;font-size:13px} .b11-send small{color:#5b6b6e;font-size:12.5px;text-align:center} /* 1 PC pop-up */ .b11-rx{border:0;padding:0;border-radius:18px;width:min(920px,94vw);max-height:88vh;box-shadow:0 24px 70px rgba(13,74,87,.35);font-family:Poppins,sans-serif} .b11-rx::backdrop{background:rgba(13,74,87,.35)} .b11-rx__c{display:flex;flex-direction:column;max-height:88vh} .b11-rx header{display:flex;gap:12px;align-items:center;padding:18px 22px;border-bottom:1px solid #e3e8e9} .b11-rx header h2{margin:0;font:600 20px Jost,sans-serif;color:#0D4A57}.b11-rx header p{margin:2px 0 0;color:#5b6b6e;font-size:13.5px} .b11-rx__i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#A5E8FD;color:#0D4A57} .b11-rx__tw{overflow:auto;padding:4px 22px} .b11-rx table{width:100%;border-collapse:collapse;font-size:14px} .b11-rx th{text-align:left;font-weight:600;color:#5b6b6e;font-size:12.5px;padding:10px 6px;border-bottom:1px solid #e3e8e9} .b11-rx td{padding:8px 6px;border-bottom:1px solid #eef1f2;vertical-align:middle} .b11-rx td small{display:block;color:#7a888b;font-size:12px} .b11-rx input,.b11-rx select{height:38px;border:1px solid #cfd8da;border-radius:9px;padding:0 8px;font:inherit;width:100%;box-sizing:border-box} .b11-rx input[data-f=qty]{max-width:80px}.b11-rx input[data-f=cost]{max-width:110px} .b11-new{background:#F7E7C6;color:#7a5200;border-radius:6px;padding:0 5px;font-size:11px} .b11-x{border:0;background:none;font-size:22px;color:#8a9699;cursor:pointer;width:36px;height:36px} .b11-rx__sum{margin:10px 22px 0;color:#0D4A57;font-weight:600} .b11-rx footer{display:flex;gap:10px;justify-content:flex-end;padding:14px 22px 18px} /* 2 Drop-in services as tiles + compact notes (phone) */ @media (max-width:600px){ .di .di-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .di .di-chip{flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:78px!important;height:auto!important;padding:8px 6px;border-radius:14px;gap:4px;font-size:13px;line-height:1.2;white-space:normal;word-break:break-word} .di .di-chip span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .di .di-chip small{font-size:11.5px} .di .di-chip[aria-pressed=true] small{color:rgba(255,255,255,.85)} .di textarea[name=desc]{min-height:44px;height:44px;max-height:120px;font-size:15px;padding:8px 10px} .di .blv-vc{max-width:100%;padding:4px 6px;gap:6px;min-height:0} .di .blv-vc__b{min-height:36px;padding:0 12px;font-size:13.5px} .di .blv-vc__hint,.di .blv-vc__s{font-size:12px} } @media (max-width:380px){.di .di-svc{grid-template-columns:repeat(2,minmax(0,1fr))}} /* 3 Drop-in registrert */ .b11-qr{margin-top:14px;padding:12px;border:1px solid #dfe6e7;border-radius:14px;background:#f6fafb;text-align:left} .b11-qr h3{margin:0 0 8px;font:600 15px Jost,sans-serif;color:#0D4A57;display:flex;align-items:center;gap:6px} .b11-qr__row{display:flex;gap:8px;flex-wrap:wrap}.b11-qr__row input{flex:1 1 160px;min-height:42px;border:1px solid #cfd8da;border-radius:10px;padding:0 10px;font:15px ui-monospace,monospace} .b11-qr small{display:block;margin-top:6px;color:#5b6b6e;font-size:12.5px}.b11-qr__ok{margin:0 0 8px;color:#1f7a4d;font-weight:600} .b11-di .di__f{display:flex;gap:10px;flex-wrap:wrap} .b11-di .b11-di__r{flex:1 1 200px}.b11-di .b11-di__p{flex:1 1 160px} @media (max-width:600px){ .b11-di .di__c{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0;display:flex;flex-direction:column} .b11-di .di__b{flex:1;overflow:auto;padding:14px 16px} .b11-di .di-ok h2{font-size:22px} .b11-di .di-ok__id svg,.b11-di .di-ok__id img{max-width:100%;height:auto} .b11-di .di-ok__m{grid-template-columns:1fr 1fr;gap:6px} .b11-di .di__f{position:sticky;bottom:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e3e8e9} .b11-di .di__f .di-btn{width:100%;min-height:50px;justify-content:center} } /* 5 Delvis ferdig */ .b11-part{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border-radius:12px;border:2px solid #d98a00;background:#fff6e5;color:#7a4b00;font:600 15px Jost,Poppins,sans-serif;cursor:pointer;width:100%;box-sizing:border-box} .b11-part--on{cursor:default;border-style:dashed} #pf .b11-part{width:auto} /* 6 approved parts location */ .b11-pl{margin:8px 0 0;padding:8px 10px;border:2px solid #2fbf71;border-radius:12px;background:#ecfbf2;font-size:13.5px;color:#0d3b28;grid-column:1/-1} .b11-pl>b{display:flex;align-items:center;gap:6px;font:600 13.5px Jost,sans-serif} .b11-pl ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px} .b11-pl li{display:flex;justify-content:space-between;gap:10px} .b11-pl em{font-style:normal;font-weight:700;background:#0D4A57;color:#fff;border-radius:8px;padding:1px 8px;white-space:nowrap} .b11-pl em.is-out{background:#b3261e} .b11-pl li.is-picked span{text-decoration:line-through;opacity:.7} html.mq-tv .b11-pl{font-size:20px}html.mq-tv .b11-pl em{font-size:22px} @media (max-width:600px){.di .blv-vc{display:inline-flex!important;width:auto!important;max-width:220px;margin:4px 0 0}.di .blv-vc__b{width:auto!important}} /* 18:30 bigger Delvis ferdig + confirmation */ .b11-part{min-height:58px!important;font-size:17px!important;padding:8px 18px!important;border-radius:14px!important} #pf .b11-part{min-height:56px!important;min-width:260px} .b11-hd{position:fixed;inset:0;z-index:2147483100;display:grid;place-items:center;background:rgba(13,74,87,.4);animation:b11f .15s ease-out} .b11-hd__c{position:relative;overflow:hidden;width:min(360px,88vw);background:#fff;border-radius:20px;padding:26px 22px 22px;text-align:center;box-shadow:0 24px 60px rgba(13,74,87,.35);font-family:Poppins,sans-serif} .b11-hd__i{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e2f7ec;color:#1f7a4d;margin-bottom:8px} .b11-hd h2{margin:4px 0 6px;font:600 21px Jost,sans-serif;color:#0D4A57}.b11-hd p{margin:0;color:#3f5155} .b11-hd code{display:inline-block;margin:8px 0 16px;padding:3px 10px;border-radius:8px;background:#eef4f5;color:#0D4A57;font:600 15px ui-monospace,monospace} .b11-hd .b11-btn{width:100%;min-height:52px} .b11-hd__bar{position:absolute;left:0;bottom:0;height:4px;width:100%;background:#2fbf71;transform-origin:left;animation:b11bar 3s linear forwards} @keyframes b11bar{to{transform:scaleX(0)}}@keyframes b11f{from{opacity:0}} /* 19:06 My jobs: compact pills + review */ #ios .ios-row--job .b11-pills{display:flex;flex-wrap:nowrap;gap:5px;margin-top:5px;min-width:0;max-width:100%;overflow:hidden} #ios .ios-row--job .b11-pills>*{flex:0 1 auto;min-width:0;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;font-size:11.5px!important;line-height:1.25!important;padding:2px 8px!important;border-radius:999px!important;margin:0!important;height:auto!important;min-height:0!important;max-width:100%;display:inline-block!important;font-weight:600} #ios .ios-row--job .b11-pills .b11-chip--ap{flex-shrink:2} #ios .ios-row--job .ios-row__x:empty{display:none} #ios .ios-row--job .b11-exp{display:inline-grid;place-items:center;min-width:40px;min-height:40px;margin:0 -4px;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent} #ios .ios-row--job .b11-exp:active{background:rgba(13,74,87,.08)} #ios .ios-row--job .b11-exp svg{transition:transform .18s ease} #ios .ios-row--job .b11-exp[aria-expanded=true] svg{transform:rotate(90deg)} .b11-rv{margin:0 12px 10px 16px;padding:10px 12px;border:1px solid #dfe6e7;border-radius:12px;background:#f7fafb;display:grid;gap:8px;font-size:13px;color:#24363a;animation:b11f .15s ease-out} .b11-rv__s h4{margin:0 0 3px;font:600 11.5px Jost,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#5b6b6e} .b11-rv ul{list-style:none;margin:0;padding:0;display:grid;gap:3px} .b11-rv li{display:flex;align-items:center;gap:6px;min-width:0}.b11-rv li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .b11-rv p{margin:0}.b11-rv em{font-style:normal;font-weight:700;font-size:11.5px;background:#0D4A57;color:#fff;border-radius:6px;padding:1px 6px;white-space:nowrap} .b11-st{font-style:normal;font-size:11px;font-weight:600;border-radius:999px;padding:1px 7px;white-space:nowrap} .b11-st--ok{background:#e2f7ec;color:#1f7a4d}.b11-st--no{background:#fde8e6;color:#b3261e}.b11-st--wait{background:#fff3dc;color:#8a5a00} .b11-mut{color:#8a9699} #ios .ios-row--job .b11-src{display:none!important} /* 19:21 dark mode: solid card surfaces + AA contrast */ [data-theme=dark] li[data-mq]{background:#15252a!important;border-left-width:6px} [data-theme=dark] li[data-mq=next]{box-shadow:inset 3px 0 0 rgba(47,191,113,.25)} [data-theme=dark] li[data-mq=later]{box-shadow:inset 3px 0 0 rgba(242,140,40,.22)} [data-theme=dark] #ios li[data-mq] .ios-row--job{background:transparent!important;color:#f2f7f8!important} [data-theme=dark] #ios .ios-row--job .ios-row__t,[data-theme=dark] #ios .ios-row--job .ios-row__t b{color:#ffffff!important} [data-theme=dark] #ios .ios-row--job .ios-row__s{color:#c4d3d6!important} [data-theme=dark] #ios .ios-row--job .b11-exp svg{color:#c4d3d6;stroke:currentColor} [data-theme=dark] #ios .b11-chip{background:#2a3b40!important;color:#eef5f6!important;border:1px solid #4a5f64!important;box-shadow:none!important} [data-theme=dark] #ios .b11-chip--ap{background:#3b2a08!important;color:#ffd58a!important;border-color:#8a6420!important} [data-theme=dark] #ios .b11-chip.ios-pill{background:#1c3350!important;color:#d4e6ff!important;border-color:#3d5f8c!important} [data-theme=dark] .b11-rv{background:#1d2f34;border-color:#35494e;color:#e6eff1} [data-theme=dark] .b11-rv__s h4{color:#a9bcc0}[data-theme=dark] .b11-mut{color:#9fb1b5} [data-theme=dark] .b11-rv em,[data-theme=dark] .b11-pl em{background:#A5E8FD;color:#0D4A57} [data-theme=dark] .b11-st--ok{background:#163d2a;color:#8ef0b8}[data-theme=dark] .b11-st--no{background:#4a1c19;color:#ffb4ab}[data-theme=dark] .b11-st--wait{background:#45330c;color:#ffd58a} [data-theme=dark] .b11-pl{background:#12301f;color:#d9f7e6;border-color:#2fbf71} [data-theme=dark] .b11-part{background:#3a2a08!important;color:#ffd58a!important;border-color:#d98a00!important} [data-theme=dark] .b11-hd__c,[data-theme=dark] .b11-rx,[data-theme=dark] .b11-rx__c{background:#15252a;color:#e6eff1} [data-theme=dark] .b11-hd h2,[data-theme=dark] .b11-rx header h2{color:#ffffff}[data-theme=dark] .b11-hd p,[data-theme=dark] .b11-rx header p,[data-theme=dark] .b11-rx th,[data-theme=dark] .b11-rx td small{color:#c4d3d6} [data-theme=dark] .b11-hd code{background:#24363a;color:#A5E8FD} [data-theme=dark] .b11-rx input,[data-theme=dark] .b11-rx select,[data-theme=dark] .b11-qr__row input{background:#0f1c20;color:#f2f7f8;border-color:#4a5f64} [data-theme=dark] .b11-rx header,[data-theme=dark] .b11-rx th,[data-theme=dark] .b11-rx td{border-color:#2c3f44} [data-theme=dark] .b11-rx__sum{color:#A5E8FD} [data-theme=dark] .b11-btn{background:#1d2f34;color:#e6eff1;border-color:#4a5f64} [data-theme=dark] .b11-btn--go,[data-theme=dark] .b11-btn--pc{background:#A5E8FD;color:#0D4A57;border-color:#A5E8FD} [data-theme=dark] .b11-qr{background:#1d2f34;border-color:#35494e}[data-theme=dark] .b11-qr h3{color:#A5E8FD}[data-theme=dark] .b11-qr small{color:#c4d3d6} [data-theme=dark] .b11-send{background:linear-gradient(transparent,#15252a 18%)}[data-theme=dark] .b11-send small{color:#c4d3d6} #ios .ios-row--job .b11-pills>.b11-chip{width:auto!important;flex:0 1 auto!important;max-width:62%} #ios .ios-row--job .b11-pills>.b11-chip.ios-pill{flex-shrink:0!important} .b11-mut{color:#5f6e71} [data-theme=dark] #ios .ios-lt__s,[data-theme=dark] #ios .ios-gh{color:#c9d6d9!important} #ios .b11-chip--ap{background:#fff3dc;color:#6e4300;border:1px solid #e7b65c} #ios .b11-chip--ap.b11-chip{max-width:62%} /* spokes-brain.css */ /* Spokes Brain */ .bn{position:fixed;inset:0;z-index:2147483000;display:none;font:15px/1.55 inherit} .bn.is-open{display:block} html.bn-lock{overflow:hidden} .bn__bg{position:absolute;inset:0;background:rgba(20,30,45,.45)} .bn__p{position:absolute;right:0;top:0;bottom:0;width:min(760px,100%);background:var(--bg,#fff);color:var(--ink,#1d2733);display:flex;flex-direction:column;box-shadow:-12px 0 40px rgba(0,0,0,.2)} html[data-theme=dark] .bn__p{background:#1f2a37;color:#e6edf3} .bn__h{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid rgba(127,140,160,.25)} .bn__h b{font-size:18px}.bn__em{font-size:18px} .bn__plan{font-size:12px;padding:2px 8px;border-radius:99px;background:rgba(46,125,220,.12);color:#2e6fc0} .bn__lang{margin-left:auto;display:flex;border:1px solid rgba(127,140,160,.4);border-radius:8px;overflow:hidden} .bn__lang button{border:0;background:none;padding:4px 10px;cursor:pointer;color:inherit;font-weight:600} .bn__lang button[aria-pressed=true]{background:#2e6fc0;color:#fff} .bn__x{border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:inherit;padding:0 4px} .bn__b{overflow:auto;padding:18px;flex:1} .bn__ask{background:rgba(46,125,220,.07);border:1px solid rgba(46,125,220,.25);border-radius:12px;padding:12px;margin-bottom:14px} .bn__ask label{font-weight:700;display:block;margin-bottom:6px} .bn__row{display:flex;gap:8px} .bn__row input,.bn__srch input{flex:1;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid rgba(127,140,160,.45);border-radius:9px;font:inherit;background:transparent;color:inherit} .bn__btn{border:0;background:#2e6fc0;color:#fff;border-radius:9px;padding:9px 16px;font-weight:600;cursor:pointer} .bn__srch{margin-bottom:10px} .bn__cat h3{font-size:13px;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin:18px 0 8px} .bn__g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px} .bn__c{text-align:left;border:1px solid rgba(127,140,160,.3);background:transparent;color:inherit;border-radius:10px;padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:3px;font:inherit} .bn__c:hover,.bn__c:focus-visible{border-color:#2e6fc0} .bn__c span{font-size:13px;opacity:.75} .bn__c.is-lock{opacity:.7} .bn__tag{font-style:normal;font-size:11px;padding:1px 6px;border-radius:99px;background:rgba(40,160,90,.15);color:#1f7a45;font-weight:600} .bn__tag--up{background:rgba(230,140,20,.15);color:#a35b00} .bn__back{border:0;background:none;color:#2e6fc0;cursor:pointer;padding:0;margin-bottom:10px;font:inherit} .bn__md table{border-collapse:collapse;width:100%;font-size:14px}.bn__md td,.bn__md th{border-bottom:1px solid rgba(127,140,160,.3);padding:5px;text-align:left} .bn__fig{margin:14px 0}.bn__fig img{max-width:100%;border:1px solid rgba(127,140,160,.3);border-radius:8px} .bn__up{border:1px solid rgba(230,140,20,.45);background:rgba(230,140,20,.07);border-radius:12px;padding:14px} .bn__fb{margin-top:22px;padding-top:12px;border-top:1px solid rgba(127,140,160,.25);display:flex;gap:8px;align-items:center} .bn__fb button{border:1px solid rgba(127,140,160,.4);background:none;color:inherit;border-radius:8px;padding:4px 10px;cursor:pointer} .bn__aw{margin-top:10px}.bn__at{white-space:normal} .bn__src{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px} .bn__cite{border:1px solid rgba(46,125,220,.4);background:none;color:#2e6fc0;border-radius:99px;padding:2px 9px;cursor:pointer;font-size:13px} .bn__mt{opacity:.75}.bn__small{font-size:12px} .bn-q{position:fixed;right:18px;bottom:18px;z-index:2147482000;height:40px;min-width:40px;border-radius:20px;border:0;background:#2e6fc0;color:#fff;font-weight:800;font-size:18px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.2);display:flex;align-items:center;gap:8px;padding:0 14px} .bn-q__t{font-size:13px;font-weight:600;max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .2s} .bn-q:hover .bn-q__t,.bn-q:focus-visible .bn-q__t{max-width:260px} @media (max-width:600px){.bn__p{width:100%}.bn-q{bottom:84px;right:12px}} @media (prefers-reduced-motion:reduce){.bn-q__t{transition:none}} .bn__news{border:1px solid rgba(127,140,160,.3);border-radius:12px;padding:8px 12px;margin-bottom:12px}.bn__news summary{font-weight:700;cursor:pointer}.bn__news ul{margin:6px 0 0;padding:0;list-style:none}.bn__news li{padding:4px 0;font-size:14px}.bn__news time{opacity:.6;margin-right:6px;font-variant-numeric:tabular-nums} /* brain icon (2026-10-11 19:1x): Havbris line brain */ .bn-ic{color:#0D4A57;flex:none;overflow:visible}.bn-ic .bn-ic__f{stroke:#0E7490} html[data-theme=dark] .bn-ic{color:#A5E8FD}html[data-theme=dark] .bn-ic .bn-ic__f{stroke:#7FD3EA} .is-active .bn-ic,[aria-current] .bn-ic,.active .bn-ic{color:currentColor}.is-active .bn-ic .bn-ic__f,[aria-current] .bn-ic .bn-ic__f,.active .bn-ic .bn-ic__f{stroke:currentColor} /* spokes-wp.css */ /* Spokes phone wallpapers (ops/wp/gen.py). Applied via #ios[data-wp=ID]; default = no attribute (current look). Pages stay opaque; decor is layered under content. */ #ios[data-wp] .ios-pg{background-repeat:no-repeat;background-attachment:scroll} #ios[data-wp] .ios-pg,#ios[data-wp] .ios-stk,.spkwp-t{image-rendering:auto;-webkit-backface-visibility:hidden} #ios[data-wp] .ios-pg.is-top:has(#spk-home)::before{content:none!important} #ios[data-wp] .ios-pg,#ios[data-wp] .ios-stk{isolation:isolate} #ios[data-wp] .ios-pg:has(#spk-home){background:transparent!important}#ios[data-wp] .ios-pg:has(#spk-home)::after{content:none!important} #ios[data-wp] .ios-pg::after,#ios[data-wp] .ios-stk::after{content:'';position:absolute;z-index:-1;pointer-events:none} #ios[data-wp=blueprint] .ios-pg,#ios[data-wp=blueprint] .ios-stk,.spkwp-t[data-wp=blueprint]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' shape-rendering='geometricPrecision'%3E%3Cg opacity='.22'%3E%3Ccircle cx='100' cy='100' r='94' fill='none' stroke='%230D4A57' stroke-width='2.4'/%3E%3Ccircle cx='100' cy='100' r='88' fill='none' stroke='%230D4A57' stroke-width='1.2'/%3E%3Cline x1='107.0' y1='100.0' x2='172.6' y2='50.3' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='108.3' y1='103.4' x2='148.1' y2='173.7' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='104.9' y1='104.9' x2='186.5' y2='116.2' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='103.4' y1='108.3' x2='81.9' y2='186.1' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='100.0' y1='107.0' x2='149.7' y2='172.6' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='96.6' y1='108.3' x2='26.3' y2='148.1' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='95.1' y1='104.9' x2='83.8' y2='186.5' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='91.7' y1='103.4' x2='13.9' y2='81.9' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='93.0' y1='100.0' x2='27.4' y2='149.7' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='91.7' y1='96.6' x2='51.9' y2='26.3' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='95.1' y1='95.1' x2='13.5' y2='83.8' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='96.6' y1='91.7' x2='118.1' y2='13.9' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='100.0' y1='93.0' x2='50.3' y2='27.4' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='103.4' y1='91.7' x2='173.7' y2='51.9' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='104.9' y1='95.1' x2='116.2' y2='13.5' stroke='%230D4A57' stroke-width='1'/%3E%3Cline x1='108.3' y1='96.6' x2='186.1' y2='118.1' stroke='%230D4A57' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='10' fill='none' stroke='%230D4A57' stroke-width='1.6'/%3E%3Ccircle cx='100' cy='100' r='5' fill='%230E7490'/%3E%3C/g%3E%3C/svg%3E") right -150px bottom 40px/460px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' shape-rendering='crispEdges'%3E%3Cpath d='M0 .5H96M.5 0V96' stroke='%230D4A57' stroke-opacity='0.14' fill='none'/%3E%3C/svg%3E") 0 0/96px repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' shape-rendering='crispEdges'%3E%3Cpath d='M0 .5H24M.5 0V24' stroke='%230D4A57' stroke-opacity='0.07' fill='none'/%3E%3Cpath d='M0 .5H96M.5 0V96' stroke='%230D4A57' stroke-opacity='0.14' fill='none'/%3E%3C/svg%3E") 0 0/24px repeat,linear-gradient(#F3F8F9,#EEF5F7)} html[data-theme=dark] #ios[data-wp=blueprint] .ios-pg,html[data-theme=dark] #ios[data-wp=blueprint] .ios-stk,html[data-theme=dark] .spkwp-t[data-wp=blueprint]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' shape-rendering='geometricPrecision'%3E%3Cg opacity='.2'%3E%3Ccircle cx='100' cy='100' r='94' fill='none' stroke='%23A5E8FD' stroke-width='2.4'/%3E%3Ccircle cx='100' cy='100' r='88' fill='none' stroke='%23A5E8FD' stroke-width='1.2'/%3E%3Cline x1='107.0' y1='100.0' x2='172.6' y2='50.3' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='108.3' y1='103.4' x2='148.1' y2='173.7' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='104.9' y1='104.9' x2='186.5' y2='116.2' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='103.4' y1='108.3' x2='81.9' y2='186.1' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='100.0' y1='107.0' x2='149.7' y2='172.6' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='96.6' y1='108.3' x2='26.3' y2='148.1' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='95.1' y1='104.9' x2='83.8' y2='186.5' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='91.7' y1='103.4' x2='13.9' y2='81.9' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='93.0' y1='100.0' x2='27.4' y2='149.7' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='91.7' y1='96.6' x2='51.9' y2='26.3' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='95.1' y1='95.1' x2='13.5' y2='83.8' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='96.6' y1='91.7' x2='118.1' y2='13.9' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='100.0' y1='93.0' x2='50.3' y2='27.4' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='103.4' y1='91.7' x2='173.7' y2='51.9' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='104.9' y1='95.1' x2='116.2' y2='13.5' stroke='%23A5E8FD' stroke-width='1'/%3E%3Cline x1='108.3' y1='96.6' x2='186.1' y2='118.1' stroke='%23A5E8FD' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='10' fill='none' stroke='%23A5E8FD' stroke-width='1.6'/%3E%3Ccircle cx='100' cy='100' r='5' fill='%23A5E8FD'/%3E%3C/g%3E%3C/svg%3E") right -150px bottom 40px/460px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96' shape-rendering='crispEdges'%3E%3Cpath d='M0 .5H96M.5 0V96' stroke='%23A5E8FD' stroke-opacity='0.12' fill='none'/%3E%3C/svg%3E") 0 0/96px repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' shape-rendering='crispEdges'%3E%3Cpath d='M0 .5H24M.5 0V24' stroke='%23A5E8FD' stroke-opacity='0.06' fill='none'/%3E%3Cpath d='M0 .5H96M.5 0V96' stroke='%23A5E8FD' stroke-opacity='0.12' fill='none'/%3E%3C/svg%3E") 0 0/24px repeat,linear-gradient(#0F2C34,#0B2229)} #ios[data-wp=blueprint] .ios-pg{background-blend-mode:normal} #ios[data-wp=eiker] .ios-pg,#ios[data-wp=eiker] .ios-stk,.spkwp-t[data-wp=eiker]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' shape-rendering='geometricPrecision'%3E%3Cline x1='0' y1='400' x2='600' y2='388' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='599' y2='362' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='597' y2='336' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='593' y2='310' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='589' y2='284' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='583' y2='258' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='576' y2='233' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='569' y2='208' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='560' y2='184' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='550' y2='159' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='539' y2='136' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='527' y2='112' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='514' y2='90' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='499' y2='68' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='485' y2='46' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='469' y2='25' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='452' y2='5' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='434' y2='-14' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='416' y2='-33' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='396' y2='-50' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='376' y2='-67' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='356' y2='-83' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='334' y2='-98' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='312' y2='-112' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='290' y2='-126' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='266' y2='-138' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='243' y2='-149' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='218' y2='-159' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='194' y2='-168' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='169' y2='-176' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='144' y2='-183' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='118' y2='-188' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='92' y2='-193' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='66' y2='-196' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='40' y2='-199' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='14' y2='-200' stroke='%230D4A57' stroke-opacity='0.13' stroke-width='1'/%3E%3Ccircle cx='0' cy='400' r='120' fill='none' stroke='%230D4A57' stroke-opacity='0.20800000000000002' stroke-width='2'/%3E%3Ccircle cx='0' cy='400' r='300' fill='none' stroke='%230D4A57' stroke-opacity='0.13'/%3E%3C/svg%3E") left bottom/120% auto no-repeat,radial-gradient(circle at 0 100%,#E3F2F6,#F4F4F2 70%)} html[data-theme=dark] #ios[data-wp=eiker] .ios-pg,html[data-theme=dark] #ios[data-wp=eiker] .ios-stk,html[data-theme=dark] .spkwp-t[data-wp=eiker]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' shape-rendering='geometricPrecision'%3E%3Cline x1='0' y1='400' x2='600' y2='388' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='599' y2='362' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='597' y2='336' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='593' y2='310' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='589' y2='284' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='583' y2='258' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='576' y2='233' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='569' y2='208' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='560' y2='184' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='550' y2='159' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='539' y2='136' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='527' y2='112' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='514' y2='90' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='499' y2='68' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='485' y2='46' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='469' y2='25' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='452' y2='5' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='434' y2='-14' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='416' y2='-33' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='396' y2='-50' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='376' y2='-67' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='356' y2='-83' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='334' y2='-98' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='312' y2='-112' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='290' y2='-126' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='266' y2='-138' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='243' y2='-149' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='218' y2='-159' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='194' y2='-168' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='169' y2='-176' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='144' y2='-183' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='118' y2='-188' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='92' y2='-193' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='66' y2='-196' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='40' y2='-199' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Cline x1='0' y1='400' x2='14' y2='-200' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='1'/%3E%3Ccircle cx='0' cy='400' r='120' fill='none' stroke='%23A5E8FD' stroke-opacity='0.20800000000000002' stroke-width='2'/%3E%3Ccircle cx='0' cy='400' r='300' fill='none' stroke='%23A5E8FD' stroke-opacity='0.13'/%3E%3C/svg%3E") left bottom/120% auto no-repeat,radial-gradient(circle at 0 100%,#16414B,#1E2628 70%)} #ios[data-wp=havbris] .ios-pg,#ios[data-wp=havbris] .ios-stk,.spkwp-t[data-wp=havbris]{background:radial-gradient(120% 60% at 100% 0,#CFEFF8 0,rgba(207,239,248,0) 60%),radial-gradient(90% 50% at 0 100%,#FBF0D9 0,rgba(251,240,217,0) 60%),linear-gradient(#EEF8FB,#F7F7F4)} html[data-theme=dark] #ios[data-wp=havbris] .ios-pg,html[data-theme=dark] #ios[data-wp=havbris] .ios-stk,html[data-theme=dark] .spkwp-t[data-wp=havbris]{background:radial-gradient(120% 60% at 100% 0,#14505D 0,rgba(20,80,93,0) 60%),radial-gradient(90% 50% at 0 100%,#2A2A22 0,rgba(42,42,34,0) 60%),linear-gradient(#0E2A31,#162024)} .spkwp-t[data-wp=havbris]::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;right:8px;bottom:22px;background:#0E7490;box-shadow:0 0 6px #0E7490}html[data-theme=dark] .spkwp-t[data-wp=havbris]::after{background:#A5E8FD} #ios[data-wp=havbris] .ios-pg::after,#ios[data-wp=havbris] .ios-stk::after{width:10px;height:10px;border-radius:50%;right:26px;bottom:170px;background:#0E7490;box-shadow:0 0 0 6px rgba(14,116,144,.14),0 0 18px rgba(14,116,144,.5)} html[data-theme=dark] #ios[data-wp=havbris] .ios-pg::after,#ios[data-wp=havbris] .ios-stk::after{background:#A5E8FD;box-shadow:0 0 0 6px rgba(165,232,253,.12),0 0 18px rgba(165,232,253,.55)} #ios[data-wp=natt] .ios-pg,#ios[data-wp=natt] .ios-stk,.spkwp-t[data-wp=natt]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' shape-rendering='geometricPrecision'%3E%3Ccircle cx='130' cy='60' r='0.6' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='329' cy='38' r='0.6' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='86' cy='34' r='1.3' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='96' cy='220' r='0.6' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='50' cy='89' r='0.6' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='234' cy='20' r='0.8' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='223' cy='53' r='1.3' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='216' cy='228' r='0.8' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='233' cy='256' r='1' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='219' cy='25' r='0.6' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='82' cy='272' r='1.3' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='186' cy='369' r='1' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='99' cy='72' r='0.8' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='230' cy='210' r='1' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='180' cy='244' r='0.6' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='205' cy='66' r='1' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='373' cy='169' r='0.6' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='229' cy='350' r='1' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='278' cy='238' r='1.3' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='336' cy='378' r='1.3' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='266' cy='24' r='1' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='231' cy='272' r='1.3' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='287' cy='355' r='1' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='376' cy='142' r='0.6' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='24' cy='307' r='0.8' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='99' cy='156' r='1.3' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='67' cy='161' r='1' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='328' cy='346' r='1' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='166' cy='144' r='1.3' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='60' cy='70' r='0.8' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='93' cy='194' r='0.8' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='113' cy='58' r='1' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='227' cy='381' r='0.6' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='360' cy='312' r='1.3' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='160' cy='41' r='1.3' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='76' cy='394' r='1.3' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='44' cy='240' r='0.6' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='227' cy='215' r='1' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='10' cy='350' r='1.3' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='254' cy='382' r='1' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='49' cy='340' r='1.3' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='194' cy='34' r='0.6' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='137' cy='106' r='0.8' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='9' cy='380' r='1' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='276' cy='366' r='1' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='345' cy='278' r='1' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='147' cy='67' r='0.8' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='217' cy='201' r='0.8' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='325' cy='394' r='0.8' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='327' cy='296' r='0.8' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='207' cy='142' r='0.6' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='316' cy='189' r='0.8' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='242' cy='138' r='1' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='32' cy='41' r='1.3' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='135' cy='193' r='0.6' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='364' cy='138' r='0.6' fill='%230D4A57' fill-opacity='0.6'/%3E%3Ccircle cx='48' cy='155' r='0.8' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='356' cy='174' r='1' fill='%230D4A57' fill-opacity='0.25'/%3E%3Ccircle cx='320' cy='389' r='1.3' fill='%230D4A57' fill-opacity='0.4'/%3E%3Ccircle cx='161' cy='379' r='0.8' fill='%230D4A57' fill-opacity='0.25'/%3E%3C/svg%3E") 0 0/400px repeat,linear-gradient(#DCEBF0,#F4F1EA)} html[data-theme=dark] #ios[data-wp=natt] .ios-pg,html[data-theme=dark] #ios[data-wp=natt] .ios-stk,html[data-theme=dark] .spkwp-t[data-wp=natt]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' shape-rendering='geometricPrecision'%3E%3Ccircle cx='130' cy='60' r='0.6' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='329' cy='38' r='0.6' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='86' cy='34' r='1.3' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='96' cy='220' r='0.6' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='50' cy='89' r='0.6' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='234' cy='20' r='0.8' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='223' cy='53' r='1.3' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='216' cy='228' r='0.8' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='233' cy='256' r='1' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='219' cy='25' r='0.6' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='82' cy='272' r='1.3' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='186' cy='369' r='1' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='99' cy='72' r='0.8' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='230' cy='210' r='1' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='180' cy='244' r='0.6' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='205' cy='66' r='1' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='373' cy='169' r='0.6' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='229' cy='350' r='1' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='278' cy='238' r='1.3' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='336' cy='378' r='1.3' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='266' cy='24' r='1' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='231' cy='272' r='1.3' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='287' cy='355' r='1' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='376' cy='142' r='0.6' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='24' cy='307' r='0.8' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='99' cy='156' r='1.3' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='67' cy='161' r='1' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='328' cy='346' r='1' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='166' cy='144' r='1.3' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='60' cy='70' r='0.8' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='93' cy='194' r='0.8' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='113' cy='58' r='1' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='227' cy='381' r='0.6' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='360' cy='312' r='1.3' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='160' cy='41' r='1.3' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='76' cy='394' r='1.3' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='44' cy='240' r='0.6' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='227' cy='215' r='1' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='10' cy='350' r='1.3' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='254' cy='382' r='1' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='49' cy='340' r='1.3' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='194' cy='34' r='0.6' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='137' cy='106' r='0.8' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='9' cy='380' r='1' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='276' cy='366' r='1' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='345' cy='278' r='1' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='147' cy='67' r='0.8' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='217' cy='201' r='0.8' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='325' cy='394' r='0.8' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='327' cy='296' r='0.8' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='207' cy='142' r='0.6' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='316' cy='189' r='0.8' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='242' cy='138' r='1' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='32' cy='41' r='1.3' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='135' cy='193' r='0.6' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='364' cy='138' r='0.6' fill='%23A5E8FD' fill-opacity='0.6'/%3E%3Ccircle cx='48' cy='155' r='0.8' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='356' cy='174' r='1' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3Ccircle cx='320' cy='389' r='1.3' fill='%23A5E8FD' fill-opacity='0.4'/%3E%3Ccircle cx='161' cy='379' r='0.8' fill='%23A5E8FD' fill-opacity='0.25'/%3E%3C/svg%3E") 0 0/400px repeat,radial-gradient(80% 40% at 50% 0,#123943,rgba(18,57,67,0)),linear-gradient(#081A20,#0B1F26 60%,#0E252C)} #ios[data-wp=topo] .ios-pg,#ios[data-wp=topo] .ios-stk,.spkwp-t[data-wp=topo]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420' shape-rendering='geometricPrecision'%3E%3Cpolyline points='0,30.0 20,41.9 40,48.2 60,47.0 80,40.9 100,35.2 120,33.6 140,36.1 160,38.8 180,37.2 200,29.3 220,18.1 240,9.2 260,7.4 280,13.5 300,23.8 320,32.5 340,35.8 360,34.1 380,31.7 400,32.8 420,38.7' fill='none' stroke='%230D4A57' stroke-opacity='0.288' stroke-width='1.4'/%3E%3Cpolyline points='0,75.7 20,77.7 40,72.8 60,65.4 80,60.7 100,60.8 120,63.7 140,64.6 160,60.0 180,50.3 200,40.1 220,35.1 240,38.2 260,47.8 280,58.5 300,65.0 320,65.5 340,62.6 360,61.0 380,63.9 400,70.5 420,76.3' fill='none' stroke='%230D4A57' stroke-opacity='0.18' stroke-width='0.8'/%3E%3Cpolyline points='0,104.4 20,96.8 40,89.5 60,86.6 80,88.1 100,90.5 120,89.0 140,82.0 160,71.9 180,64.4 200,64.1 220,71.7 240,83.1 260,92.6 280,96.1 300,94.2 320,90.8 340,90.5 360,94.9 380,101.0 400,103.7 420,99.4' fill='none' stroke='%230D4A57' stroke-opacity='0.18' stroke-width='0.8'/%3E%3Cpolyline points='0,119.9 20,113.8 40,112.9 60,115.3 80,116.4 100,112.5 120,104.0 140,95.2 160,91.7 180,96.2 200,107.0 220,118.5 240,125.3 260,125.6 280,121.8 300,118.9 320,120.2 340,125.2 360,129.7 380,128.7 400,120.5 420,108.2' fill='none' stroke='%230D4A57' stroke-opacity='0.18' stroke-width='0.8'/%3E%3Cpolyline points='0,138.7 20,139.8 40,142.2 60,141.5 80,135.6 100,127.0 120,121.0 140,122.1 160,130.8 180,143.1 200,152.9 220,156.2 240,153.5 260,148.8 280,147.0 300,149.8 320,154.5 340,156.2 360,151.3 380,140.5 400,128.5 420,121.2' fill='none' stroke='%230D4A57' stroke-opacity='0.288' stroke-width='1.4'/%3E%3Cpolyline points='0,167.0 20,168.7 40,166.0 60,158.9 80,151.7 100,149.6 120,155.3 140,166.9 160,178.8 180,185.4 200,185.0 220,180.0 240,175.5 260,175.3 280,178.8 300,182.1 320,180.5 340,172.3 360,160.4 380,150.6 400,147.8 420,152.9' fill='none' stroke='%230D4A57' stroke-opacity='0.18' stroke-width='0.8'/%3E%3Cpolyline points='0,194.8 20,190.3 40,183.3 60,178.8 80,181.1 100,190.7 120,203.3 140,213.0 160,215.6 180,211.7 200,205.6 220,202.2 240,203.4 260,206.9 280,208.0 300,203.0 320,192.6 340,181.5 360,175.5 380,177.6 400,186.1 420,195.9' fill='none' stroke='%230D4A57' stroke-opacity='0.18' stroke-width='0.8'/%3E%3Cpolyline points='0,215.1 20,209.4 40,208.6 60,215.2 80,227.1 100,238.8 120,244.9 140,243.3 160,236.9 180,230.8 200,229.0 220,231.4 240,233.9 260,232.2 280,224.4 300,213.4 320,204.9 340,203.5 360,210.0 380,220.6 400,229.4 420,232.7' fill='none' stroke='%230D4A57' stroke-opacity='0.18' stroke-width='0.8'/%3E%3Cpolyline points='0,237.7 20,240.9 40,250.9 60,263.4 80,272.5 100,274.1 120,268.8 140,261.1 160,256.1 180,256.1 200,258.8 220,259.6 240,255.1 260,245.6 280,235.7 300,231.1 320,234.7 340,244.6 360,255.4 380,262.0 400,262.4 420,259.3' fill='none' stroke='%230D4A57' stroke-opacity='0.288' stroke-width='1.4'/%3E%3Cpolyline points='0,275.4 20,287.2 40,298.4 60,303.4 80,300.5 100,292.5 120,284.9 140,281.8 160,283.3 180,285.6 200,284.1 220,277.2 240,267.5 260,260.4 280,260.5 300,268.4 320,280.1 340,289.6 360,293.0 380,290.9 400,287.3 420,286.8' fill='none' stroke='%230D4A57' stroke-opacity='0.18' stroke-width='0.8'/%3E%3Cpolyline points='0,323.0 20,331.0 40,331.3 60,324.5 80,315.3 100,309.0 120,308.1 140,310.4 160,311.5 180,307.8 200,299.5 220,291.1 240,288.0 260,293.0 280,304.0 300,315.5 320,322.3 340,322.3 360,318.3 380,315.1 400,316.2 420,320.9' fill='none' stroke='%230D4A57' stroke-opacity='0.18' stroke-width='0.8'/%3E%3Cpolyline points='0,360.7 20,356.3 40,346.8 60,337.9 80,333.8 100,334.9 120,337.4 140,336.8 160,331.1 180,322.8 200,317.2 220,318.7 240,327.8 260,340.1 280,349.9 300,353.0 320,350.0 340,345.0 360,343.0 380,345.4 400,349.8 420,351.3' fill='none' stroke='%230D4A57' stroke-opacity='0.18' stroke-width='0.8'/%3E%3Cpolyline points='0,378.9 20,368.4 40,361.1 60,359.7 80,362.2 100,364.0 120,361.5 140,354.7 160,347.9 180,346.2 200,352.2 220,364.0 240,375.8 260,382.3 280,381.5 300,376.2 320,371.4 340,370.9 360,374.2 380,377.3 400,375.5 420,367.3' fill='none' stroke='%230D4A57' stroke-opacity='0.288' stroke-width='1.4'/%3E%3Cpolyline points='0,390.1 20,385.5 40,386.6 60,389.8 80,390.3 100,386.1 120,379.4 140,375.3 160,378.0 180,387.7 200,400.4 220,409.9 240,412.2 260,408.0 280,401.5 300,397.8 320,398.8 340,402.2 360,403.0 380,398.0 400,387.7 420,376.9' fill='none' stroke='%230D4A57' stroke-opacity='0.18' stroke-width='0.8'/%3E%3C/svg%3E") 0 0/420px repeat,#F4F6F4} html[data-theme=dark] #ios[data-wp=topo] .ios-pg,html[data-theme=dark] #ios[data-wp=topo] .ios-stk,html[data-theme=dark] .spkwp-t[data-wp=topo]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 420' shape-rendering='geometricPrecision'%3E%3Cpolyline points='0,30.0 20,41.9 40,48.2 60,47.0 80,40.9 100,35.2 120,33.6 140,36.1 160,38.8 180,37.2 200,29.3 220,18.1 240,9.2 260,7.4 280,13.5 300,23.8 320,32.5 340,35.8 360,34.1 380,31.7 400,32.8 420,38.7' fill='none' stroke='%23A5E8FD' stroke-opacity='0.20800000000000002' stroke-width='1.4'/%3E%3Cpolyline points='0,75.7 20,77.7 40,72.8 60,65.4 80,60.7 100,60.8 120,63.7 140,64.6 160,60.0 180,50.3 200,40.1 220,35.1 240,38.2 260,47.8 280,58.5 300,65.0 320,65.5 340,62.6 360,61.0 380,63.9 400,70.5 420,76.3' fill='none' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='0.8'/%3E%3Cpolyline points='0,104.4 20,96.8 40,89.5 60,86.6 80,88.1 100,90.5 120,89.0 140,82.0 160,71.9 180,64.4 200,64.1 220,71.7 240,83.1 260,92.6 280,96.1 300,94.2 320,90.8 340,90.5 360,94.9 380,101.0 400,103.7 420,99.4' fill='none' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='0.8'/%3E%3Cpolyline points='0,119.9 20,113.8 40,112.9 60,115.3 80,116.4 100,112.5 120,104.0 140,95.2 160,91.7 180,96.2 200,107.0 220,118.5 240,125.3 260,125.6 280,121.8 300,118.9 320,120.2 340,125.2 360,129.7 380,128.7 400,120.5 420,108.2' fill='none' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='0.8'/%3E%3Cpolyline points='0,138.7 20,139.8 40,142.2 60,141.5 80,135.6 100,127.0 120,121.0 140,122.1 160,130.8 180,143.1 200,152.9 220,156.2 240,153.5 260,148.8 280,147.0 300,149.8 320,154.5 340,156.2 360,151.3 380,140.5 400,128.5 420,121.2' fill='none' stroke='%23A5E8FD' stroke-opacity='0.20800000000000002' stroke-width='1.4'/%3E%3Cpolyline points='0,167.0 20,168.7 40,166.0 60,158.9 80,151.7 100,149.6 120,155.3 140,166.9 160,178.8 180,185.4 200,185.0 220,180.0 240,175.5 260,175.3 280,178.8 300,182.1 320,180.5 340,172.3 360,160.4 380,150.6 400,147.8 420,152.9' fill='none' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='0.8'/%3E%3Cpolyline points='0,194.8 20,190.3 40,183.3 60,178.8 80,181.1 100,190.7 120,203.3 140,213.0 160,215.6 180,211.7 200,205.6 220,202.2 240,203.4 260,206.9 280,208.0 300,203.0 320,192.6 340,181.5 360,175.5 380,177.6 400,186.1 420,195.9' fill='none' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='0.8'/%3E%3Cpolyline points='0,215.1 20,209.4 40,208.6 60,215.2 80,227.1 100,238.8 120,244.9 140,243.3 160,236.9 180,230.8 200,229.0 220,231.4 240,233.9 260,232.2 280,224.4 300,213.4 320,204.9 340,203.5 360,210.0 380,220.6 400,229.4 420,232.7' fill='none' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='0.8'/%3E%3Cpolyline points='0,237.7 20,240.9 40,250.9 60,263.4 80,272.5 100,274.1 120,268.8 140,261.1 160,256.1 180,256.1 200,258.8 220,259.6 240,255.1 260,245.6 280,235.7 300,231.1 320,234.7 340,244.6 360,255.4 380,262.0 400,262.4 420,259.3' fill='none' stroke='%23A5E8FD' stroke-opacity='0.20800000000000002' stroke-width='1.4'/%3E%3Cpolyline points='0,275.4 20,287.2 40,298.4 60,303.4 80,300.5 100,292.5 120,284.9 140,281.8 160,283.3 180,285.6 200,284.1 220,277.2 240,267.5 260,260.4 280,260.5 300,268.4 320,280.1 340,289.6 360,293.0 380,290.9 400,287.3 420,286.8' fill='none' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='0.8'/%3E%3Cpolyline points='0,323.0 20,331.0 40,331.3 60,324.5 80,315.3 100,309.0 120,308.1 140,310.4 160,311.5 180,307.8 200,299.5 220,291.1 240,288.0 260,293.0 280,304.0 300,315.5 320,322.3 340,322.3 360,318.3 380,315.1 400,316.2 420,320.9' fill='none' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='0.8'/%3E%3Cpolyline points='0,360.7 20,356.3 40,346.8 60,337.9 80,333.8 100,334.9 120,337.4 140,336.8 160,331.1 180,322.8 200,317.2 220,318.7 240,327.8 260,340.1 280,349.9 300,353.0 320,350.0 340,345.0 360,343.0 380,345.4 400,349.8 420,351.3' fill='none' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='0.8'/%3E%3Cpolyline points='0,378.9 20,368.4 40,361.1 60,359.7 80,362.2 100,364.0 120,361.5 140,354.7 160,347.9 180,346.2 200,352.2 220,364.0 240,375.8 260,382.3 280,381.5 300,376.2 320,371.4 340,370.9 360,374.2 380,377.3 400,375.5 420,367.3' fill='none' stroke='%23A5E8FD' stroke-opacity='0.20800000000000002' stroke-width='1.4'/%3E%3Cpolyline points='0,390.1 20,385.5 40,386.6 60,389.8 80,390.3 100,386.1 120,379.4 140,375.3 160,378.0 180,387.7 200,400.4 220,409.9 240,412.2 260,408.0 280,401.5 300,397.8 320,398.8 340,402.2 360,403.0 380,398.0 400,387.7 420,376.9' fill='none' stroke='%23A5E8FD' stroke-opacity='0.13' stroke-width='0.8'/%3E%3C/svg%3E") 0 0/420px repeat,#1F2729} #ios[data-wp=vei] .ios-pg,#ios[data-wp=vei] .ios-stk,.spkwp-t[data-wp=vei]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 480' shape-rendering='geometricPrecision'%3E%3Cpath d='M-40 520 C 120 380, 60 220, 260 120 S 420 -20, 460 -60' fill='none' stroke='%230D4A57' stroke-opacity='0.08' stroke-width='38'/%3E%3Cpath d='M-40 520 C 120 380, 60 220, 260 120 S 420 -20, 460 -60' fill='none' stroke='%230E7490' stroke-opacity='0.24' stroke-width='2' stroke-dasharray='14 12'/%3E%3Cpath d='M-60 300 C 80 260, 160 330, 460 250' fill='none' stroke='%230D4A57' stroke-opacity='0.064' stroke-width='20'/%3E%3C/svg%3E") center bottom/100% auto no-repeat,linear-gradient(#F4F4F2,#EEF3F2)} html[data-theme=dark] #ios[data-wp=vei] .ios-pg,html[data-theme=dark] #ios[data-wp=vei] .ios-stk,html[data-theme=dark] .spkwp-t[data-wp=vei]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 480' shape-rendering='geometricPrecision'%3E%3Cpath d='M-40 520 C 120 380, 60 220, 260 120 S 420 -20, 460 -60' fill='none' stroke='%23A5E8FD' stroke-opacity='0.07' stroke-width='38'/%3E%3Cpath d='M-40 520 C 120 380, 60 220, 260 120 S 420 -20, 460 -60' fill='none' stroke='%23A5E8FD' stroke-opacity='0.21000000000000002' stroke-width='2' stroke-dasharray='14 12'/%3E%3Cpath d='M-60 300 C 80 260, 160 330, 460 250' fill='none' stroke='%23A5E8FD' stroke-opacity='0.05600000000000001' stroke-width='20'/%3E%3C/svg%3E") center bottom/100% auto no-repeat,linear-gradient(#1F2628,#1A2224)} #ios[data-wp=hjul] .ios-pg,#ios[data-wp=hjul] .ios-stk,.spkwp-t[data-wp=hjul]{background:#F4F4F2} html[data-theme=dark] #ios[data-wp=hjul] .ios-pg,html[data-theme=dark] #ios[data-wp=hjul] .ios-stk,html[data-theme=dark] .spkwp-t[data-wp=hjul]{background:#20282A} .spkwp-t[data-wp=hjul]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' shape-rendering='geometricPrecision'%3E%3Cg opacity='.12'%3E%3Ccircle cx='100' cy='100' r='94' fill='none' stroke='%230D4A57' stroke-width='1.92'/%3E%3Ccircle cx='100' cy='100' r='88' fill='none' stroke='%230D4A57' stroke-width='0.96'/%3E%3Cline x1='107.0' y1='100.0' x2='172.6' y2='50.3' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='108.3' y1='103.4' x2='148.1' y2='173.7' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='104.9' y1='104.9' x2='186.5' y2='116.2' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='103.4' y1='108.3' x2='81.9' y2='186.1' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='100.0' y1='107.0' x2='149.7' y2='172.6' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='96.6' y1='108.3' x2='26.3' y2='148.1' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='95.1' y1='104.9' x2='83.8' y2='186.5' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='91.7' y1='103.4' x2='13.9' y2='81.9' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='93.0' y1='100.0' x2='27.4' y2='149.7' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='91.7' y1='96.6' x2='51.9' y2='26.3' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='95.1' y1='95.1' x2='13.5' y2='83.8' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='96.6' y1='91.7' x2='118.1' y2='13.9' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='100.0' y1='93.0' x2='50.3' y2='27.4' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='103.4' y1='91.7' x2='173.7' y2='51.9' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='104.9' y1='95.1' x2='116.2' y2='13.5' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='108.3' y1='96.6' x2='186.1' y2='118.1' stroke='%230D4A57' stroke-width='0.8'/%3E%3Ccircle cx='100' cy='100' r='10' fill='none' stroke='%230D4A57' stroke-width='1.6'/%3E%3Ccircle cx='100' cy='100' r='5' fill='%230E7490'/%3E%3C/g%3E%3C/svg%3E") center 60%/150% no-repeat,#F4F4F2}html[data-theme=dark] .spkwp-t[data-wp=hjul]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' shape-rendering='geometricPrecision'%3E%3Cg opacity='.14'%3E%3Ccircle cx='100' cy='100' r='94' fill='none' stroke='%23A5E8FD' stroke-width='1.92'/%3E%3Ccircle cx='100' cy='100' r='88' fill='none' stroke='%23A5E8FD' stroke-width='0.96'/%3E%3Cline x1='107.0' y1='100.0' x2='172.6' y2='50.3' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='108.3' y1='103.4' x2='148.1' y2='173.7' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='104.9' y1='104.9' x2='186.5' y2='116.2' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='103.4' y1='108.3' x2='81.9' y2='186.1' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='100.0' y1='107.0' x2='149.7' y2='172.6' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='96.6' y1='108.3' x2='26.3' y2='148.1' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='95.1' y1='104.9' x2='83.8' y2='186.5' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='91.7' y1='103.4' x2='13.9' y2='81.9' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='93.0' y1='100.0' x2='27.4' y2='149.7' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='91.7' y1='96.6' x2='51.9' y2='26.3' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='95.1' y1='95.1' x2='13.5' y2='83.8' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='96.6' y1='91.7' x2='118.1' y2='13.9' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='100.0' y1='93.0' x2='50.3' y2='27.4' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='103.4' y1='91.7' x2='173.7' y2='51.9' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='104.9' y1='95.1' x2='116.2' y2='13.5' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='108.3' y1='96.6' x2='186.1' y2='118.1' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Ccircle cx='100' cy='100' r='10' fill='none' stroke='%23A5E8FD' stroke-width='1.6'/%3E%3Ccircle cx='100' cy='100' r='5' fill='%23A5E8FD'/%3E%3C/g%3E%3C/svg%3E") center 60%/150% no-repeat,#20282A} #ios[data-wp=hjul] .ios-pg::after,#ios[data-wp=hjul] .ios-stk::after{width:150vw;height:150vw;max-width:640px;max-height:640px;left:50%;top:58%;translate:-50% -50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' shape-rendering='geometricPrecision'%3E%3Ccircle cx='100' cy='100' r='94' fill='none' stroke='%230D4A57' stroke-width='1.92'/%3E%3Ccircle cx='100' cy='100' r='88' fill='none' stroke='%230D4A57' stroke-width='0.96'/%3E%3Cline x1='107.0' y1='100.0' x2='172.6' y2='50.3' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='108.3' y1='103.4' x2='148.1' y2='173.7' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='104.9' y1='104.9' x2='186.5' y2='116.2' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='103.4' y1='108.3' x2='81.9' y2='186.1' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='100.0' y1='107.0' x2='149.7' y2='172.6' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='96.6' y1='108.3' x2='26.3' y2='148.1' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='95.1' y1='104.9' x2='83.8' y2='186.5' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='91.7' y1='103.4' x2='13.9' y2='81.9' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='93.0' y1='100.0' x2='27.4' y2='149.7' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='91.7' y1='96.6' x2='51.9' y2='26.3' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='95.1' y1='95.1' x2='13.5' y2='83.8' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='96.6' y1='91.7' x2='118.1' y2='13.9' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='100.0' y1='93.0' x2='50.3' y2='27.4' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='103.4' y1='91.7' x2='173.7' y2='51.9' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='104.9' y1='95.1' x2='116.2' y2='13.5' stroke='%230D4A57' stroke-width='0.8'/%3E%3Cline x1='108.3' y1='96.6' x2='186.1' y2='118.1' stroke='%230D4A57' stroke-width='0.8'/%3E%3Ccircle cx='100' cy='100' r='10' fill='none' stroke='%230D4A57' stroke-width='1.6'/%3E%3Ccircle cx='100' cy='100' r='5' fill='%230E7490'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.18} html[data-theme=dark] #ios[data-wp=hjul] .ios-pg::after,#ios[data-wp=hjul] .ios-stk::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' shape-rendering='geometricPrecision'%3E%3Ccircle cx='100' cy='100' r='94' fill='none' stroke='%23A5E8FD' stroke-width='1.92'/%3E%3Ccircle cx='100' cy='100' r='88' fill='none' stroke='%23A5E8FD' stroke-width='0.96'/%3E%3Cline x1='107.0' y1='100.0' x2='172.6' y2='50.3' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='108.3' y1='103.4' x2='148.1' y2='173.7' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='104.9' y1='104.9' x2='186.5' y2='116.2' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='103.4' y1='108.3' x2='81.9' y2='186.1' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='100.0' y1='107.0' x2='149.7' y2='172.6' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='96.6' y1='108.3' x2='26.3' y2='148.1' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='95.1' y1='104.9' x2='83.8' y2='186.5' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='91.7' y1='103.4' x2='13.9' y2='81.9' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='93.0' y1='100.0' x2='27.4' y2='149.7' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='91.7' y1='96.6' x2='51.9' y2='26.3' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='95.1' y1='95.1' x2='13.5' y2='83.8' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='96.6' y1='91.7' x2='118.1' y2='13.9' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='100.0' y1='93.0' x2='50.3' y2='27.4' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='103.4' y1='91.7' x2='173.7' y2='51.9' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='104.9' y1='95.1' x2='116.2' y2='13.5' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Cline x1='108.3' y1='96.6' x2='186.1' y2='118.1' stroke='%23A5E8FD' stroke-width='0.8'/%3E%3Ccircle cx='100' cy='100' r='10' fill='none' stroke='%23A5E8FD' stroke-width='1.6'/%3E%3Ccircle cx='100' cy='100' r='5' fill='%23A5E8FD'/%3E%3C/svg%3E");opacity:.18} @media (prefers-reduced-motion:no-preference){#ios[data-wpm] .ios-pg.is-top::after,#ios[data-wpm] .ios-stk::after{animation:spkwp-blink 2.4s ease-in-out infinite}#ios[data-wpm][data-wp=hjul] .ios-pg.is-top::after,#ios[data-wpm][data-wp=hjul] .ios-stk::after{animation:spkwp-spin 90s linear infinite}@keyframes spkwp-blink{0%,100%{opacity:1}50%{opacity:.25}}@keyframes spkwp-spin{to{rotate:360deg}}#ios[data-wpm][data-wp=blueprint] .ios-pg.is-top,#ios[data-wpm][data-wp=natt] .ios-pg.is-top,#ios[data-wpm][data-wp=topo] .ios-pg.is-top{animation:spkwp-drift 60s linear infinite alternate}@keyframes spkwp-drift{to{background-position-y:0,40px,40px,0}}} .spkwp-sh{position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.4);display:flex;align-items:flex-end} .spkwp-p{background:var(--io-bg,#F4F4F2);color:var(--io-ink,#1C1C1C);width:100%;max-height:88dvh;overflow:auto;border-radius:18px 18px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.25)} .spkwp-p h2{font:600 18px/1.3 Jost,Poppins,system-ui,sans-serif;margin:6px 0 2px}.spkwp-p p{margin:0 0 12px;font-size:13px;opacity:.75} .spkwp-g{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .spkwp-o{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11.5px;text-align:center} .spkwp-o i{display:block;width:100%;aspect-ratio:9/16;border-radius:12px;border:2px solid transparent;box-shadow:0 0 0 1px rgba(0,0,0,.12);overflow:hidden;position:relative} .spkwp-o[aria-checked=true] i{border-color:#0E7490;box-shadow:0 0 0 3px rgba(14,116,144,.3)} .spkwp-o:focus-visible i{outline:3px solid #0E7490;outline-offset:2px} .spkwp-o i #ios,.spkwp-o i>b{position:absolute;inset:0} .spkwp-mo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 4px;font-size:14px} .spkwp-mo small{display:block;opacity:.65;font-size:12px} .spkwp-d{all:unset;display:block;text-align:center;margin-top:14px;padding:12px;border-radius:12px;background:#1C1C1C;color:#fff;font-weight:600} html[data-theme=dark] .spkwp-d{background:#A5E8FD;color:#0B1F26} /* spokes-icons2.css */ /* Spokes icons v2 (2026-10-11): brand stroke language, Havbris accents, optical centring */ .blv-i{display:inline-block;vertical-align:-0.18em;shape-rendering:geometricPrecision;overflow:visible} .blv-i .a{fill:#0E7490;stroke:none} html[data-theme=dark] .blv-i .a{fill:#A5E8FD} .spk-app__ic .blv-i .a,.ios-ri .blv-i .a,.ios-mt__i .blv-i .a,[class*=spk-c-] .spk-app__ic .a{fill:#A5E8FD} .spk-app__ic,.ios-mt__i,.ios-ri,.sb-i,.spk-hk__i{display:grid!important;place-items:center!important;line-height:0!important} .spk-app__ic>svg,.ios-mt__i>svg,.ios-ri>svg,.sb-i>svg,.spk-hk__i>svg{display:block;margin:0;vertical-align:0} /* Havbris tile palette (keeps per-tile variety) */ .spk-c-teal .spk-app__ic,.spk-c-teal{--g1:#1f7186!important;--g2:#0D4A57!important} .spk-c-slate .spk-app__ic,.spk-c-slate{--g1:#55717a!important;--g2:#2c434a!important} .spk-c-blue .spk-app__ic,.spk-c-blue{--g1:#2a93b0!important;--g2:#0E7490!important} .spk-c-violet .spk-app__ic,.spk-c-violet,.spk-c-purple .spk-app__ic,.spk-c-purple{--g1:#3a6f8f!important;--g2:#1d4a66!important} .spk-c-green .spk-app__ic,.spk-c-green,.spk-c-lime .spk-app__ic,.spk-c-lime{--g1:#38a294!important;--g2:#17695f!important} .spk-c-amber .spk-app__ic,.spk-c-amber{--g1:#d6a650!important;--g2:#a8741d!important} .spk-c-sky .spk-app__ic,.spk-c-sky{--g1:#6fc4da!important;--g2:#2b8fa9!important} .ios-ri--teal{background:#0E7490!important}.ios-ri--blue{background:#155E75!important}.ios-ri--slate{background:#4a636b!important}.ios-ri--violet{background:#1d4a66!important}.ios-ri--amber{background:#a8741d!important} /* desktop KPI tile icons: Havbris family (status text colours unchanged) */ .v4-tile--inn .v4-tile__i{background:#0E7490!important;color:#fff!important}.v4-tile--benk .v4-tile__i{background:#155E75!important;color:#fff!important} .v4-tile--vent .v4-tile__i{background:#a8741d!important;color:#fff!important}.v4-tile--klar .v4-tile__i{background:#17695f!important;color:#fff!important} .v4-tile__i .a{fill:#A5E8FD} /* tab bar + label-below centring (owner 19:30) */ #ios .ios-tab__b{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important} #ios .ios-tab__b>svg{display:block;margin:0 auto!important;shape-rendering:geometricPrecision} #ios .ios-tab__b>span{display:block;text-align:center!important;margin-left:auto;margin-right:auto} #ios .ios-tab__b svg .a{fill:#0E7490;stroke:none}html[data-theme=dark] #ios .ios-tab__b svg .a{fill:#A5E8FD} #ios .ios-tab__b[aria-selected=true] svg .a,#ios .ios-tab__b--skann svg .a{fill:currentColor} .spk-app,.ios-mt{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important} .spk-app__l,.ios-mt>span:last-child{display:block;text-align:center!important;width:100%} /* spokes-vmloc.css */ /* Varemottak hylle-minne (vmloc) */ .vm-i{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;margin-top:4px;font-size:12px;line-height:1.3} .vm-i:empty{display:none} .vm-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-weight:600;font-size:11px;background:#e3f6fb;color:#0D4A57;border:1px solid #a5dde6} .vm-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#0D4A57} .vm-tag--last{background:#f2f4f4;color:#3b5157;border-color:#d6dee0}.vm-tag--last::before{background:#7b9298} .vm-warn{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-weight:600;font-size:11px;background:#fff4dc;color:#8a5a00;border:1px solid #f3c66b} .vm-warn::before{content:"!";display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#e8a317;color:#fff;font-size:9px} tr.vm-nosh select[data-f=loc]{border-color:#e8a317!important;box-shadow:0 0 0 2px rgba(232,163,23,.18)} .vm-sug{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.vm-sug small{color:#5d7378;font-size:11px} .vm-ch{font:inherit;font-size:11.5px;padding:3px 8px;border-radius:8px;border:1px solid #bcd9de;background:#fff;color:#0D4A57;cursor:pointer;min-height:26px} .vm-ch:hover{background:#eef9fc}.vm-ch i{font-style:normal;color:#2f7a4a;font-size:10.5px} .vm-keep{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#3b5157;cursor:pointer}.vm-keep input{width:15px;height:15px;accent-color:#0D4A57;margin:0} .vm-pw{display:block;margin-top:3px;font-size:11px;font-weight:600;color:#a14b00} .vm-new{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.vm-new input{flex:1 1 120px;min-width:0;font:inherit;font-size:13px;padding:5px 8px;border:1px solid #bcd9de;border-radius:8px} .vm-btn{font:inherit;font-size:12px;font-weight:600;padding:5px 10px;border-radius:8px;border:1px solid #0D4A57;background:#0D4A57;color:#fff;cursor:pointer}.vm-btn--g{background:transparent;color:#0D4A57} .vm-bar{display:flex;flex-wrap:wrap;gap:6px 16px;margin:6px 0 8px;font-size:13px} .vm-opt{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#244c55}.vm-opt input{width:16px;height:16px;accent-color:#0D4A57;margin:0} .vm-cnt{margin:8px 0;padding:8px 12px;border-radius:10px;background:#fff8e6;border:1px solid #f3d38c;color:#6d4a00;font-size:13px} html[data-theme=dark] .vm-tag{background:#16343c;color:#bfeefc;border-color:#2f5f6b}html[data-theme=dark] .vm-tag::before{background:#A5E8FD} html[data-theme=dark] .vm-tag--last{background:#1f2c30;color:#c4d3d6;border-color:#3a4b50} html[data-theme=dark] .vm-warn{background:#3b2a08;color:#ffd58a;border-color:#7a5a17} html[data-theme=dark] .vm-ch{background:#15252a;color:#d6f3fb;border-color:#335a63}html[data-theme=dark] .vm-ch i{color:#8fdcaa} html[data-theme=dark] .vm-keep,html[data-theme=dark] .vm-opt,html[data-theme=dark] .vm-sug small{color:#c4d3d6} html[data-theme=dark] .vm-pw{color:#ffb27a}html[data-theme=dark] .vm-cnt{background:#3b2a08;color:#ffd58a;border-color:#7a5a17} html[data-theme=dark] .vm-new input{background:#15252a;color:#fff;border-color:#335a63}html[data-theme=dark] .vm-btn--g{color:#A5E8FD;border-color:#A5E8FD} @media (max-width:600px){.vm-ch{min-height:32px;font-size:12.5px}.vm-keep input,.vm-opt input{width:20px;height:20px}.vm-bar{font-size:14px}} .b11-rx .vm-bar,.b11-rx .vm-cnt{margin-left:20px;margin-right:20px} /* spokes-shelfqr.css */ /* shelfqr */ .shq-acts{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px} .shq-chip{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:600;padding:6px 12px;min-height:34px;border-radius:999px;border:1px solid #bcd9de;background:#fff;color:#0D4A57;cursor:pointer} .shq-chip:hover{background:#eef9fc}.shq-chip.is-on{background:#0D4A57;color:#fff;border-color:#0D4A57} .shq-chip--w{background:#fff4dc;border-color:#f3c66b;color:#8a5a00}.shq-chip--p{background:#0D4A57;border-color:#0D4A57;color:#fff} .shq-place{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 8px;padding:10px 12px;border-radius:12px;border:1.5px dashed #5cc4d9;background:#f1fbfd} .shq-place__cur{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#3b5157;font-size:13px}.shq-place__cur.is-on{color:#0D4A57;font-size:15px} .shq-pf{display:flex;gap:6px;flex:1 1 260px}.shq-place textarea{resize:none;height:40px;line-height:22px;overflow:hidden;flex:1;min-width:0;font:inherit;font-size:14px;padding:8px 10px;border:1px solid #bcd9de;border-radius:10px} .shq-place--big{flex-direction:column;align-items:stretch}.shq-place--big .shq-place__cur{font-size:16px} tr.shq-auto select[data-f=loc]{border-color:#5cc4d9!important;background:#f1fbfd}tr.shq-flash{animation:shqf .9s}@keyframes shqf{0%{background:#c9f1fb}100%{background:transparent}} .shq-placing tr[data-k]{cursor:copy} .shq-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;font-weight:600;padding:9px 16px;border-radius:10px;border:1px solid #0D4A57;background:#0D4A57;color:#fff;cursor:pointer}.shq-btn--g{background:transparent;color:#0D4A57}.shq-btn[disabled]{opacity:.5} .shq-dlg{border:0;padding:0;border-radius:18px;width:min(640px,96vw);max-height:90vh;background:#fff;color:#14262b;box-shadow:0 20px 60px rgba(0,0,0,.25)} .shq-dlg::backdrop{background:rgba(9,30,36,.45)} .shq-c{display:flex;flex-direction:column;max-height:90vh}.shq-c header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 6px}.shq-c h2{margin:0;font:600 19px Jost,sans-serif} .shq-x{border:0;background:none;font-size:24px;cursor:pointer;color:inherit;width:36px;height:36px} .shq-b{padding:4px 20px 12px;overflow:auto}.shq-c footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:12px 20px 16px;border-top:1px solid #e6eeef} .shq-p{margin:4px 0 10px;color:#3b5157;font-size:14px}.shq-h3{font:600 15px Jost,sans-serif;margin:14px 0 6px} .shq-fl{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;margin-bottom:10px}.shq-fl select,.shq-wlist select{font:inherit;font-size:14px;padding:7px 8px;border:1px solid #bcd9de;border-radius:9px;background:#fff;color:inherit} .shq-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shq-two fieldset{border:1px solid #e0eaec;border-radius:12px;padding:8px 10px;max-height:40vh;overflow:auto}.shq-two legend{font-weight:600;font-size:13px;padding:0 4px} .shq-ck{display:flex;gap:6px;align-items:center;font-size:13px;padding:3px 0}.shq-ck small{color:#5d7378} .shq-wlist{list-style:none;margin:8px 0;padding:0}.shq-wlist li{display:grid;grid-template-columns:1fr 180px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf2f3}.shq-wlist li.shq-auto select{border-color:#5cc4d9;background:#f1fbfd} .shq-wlist small{display:block;color:#5d7378;font-size:12px}.shq-wlist--tap li{display:block}.shq-wlist--tap button{all:unset;display:block;width:100%;cursor:pointer;padding:4px 0} .shq-log{list-style:none;padding:0;margin:8px 0;font-size:13px}.shq-log li{padding:4px 0;border-bottom:1px solid #edf2f3} .shq-lnk{border:0;background:none;color:#0D4A57;font-weight:600;text-decoration:underline;cursor:pointer;font:inherit} .shq-page{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0} .shq-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0D4A57;color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;z-index:99999;transition:.25s;max-width:92vw;text-align:center}.shq-toast.is-on{opacity:1;transform:translate(-50%,0)} #spk-lw.shq-inlw{z-index:5} @media (max-width:600px){.shq-dlg{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;margin:0}.shq-c{max-height:100dvh;height:100%}.shq-two{grid-template-columns:1fr}.shq-wlist li{grid-template-columns:1fr}.shq-chip{min-height:40px;font-size:14px}.shq-place textarea{resize:none;height:40px;line-height:22px;overflow:hidden;font-size:16px;padding:10px}} html[data-theme=dark] .shq-chip{background:#15252a;color:#d6f3fb;border-color:#335a63}html[data-theme=dark] .shq-chip.is-on,html[data-theme=dark] .shq-chip--p{background:#A5E8FD;color:#0b2a31;border-color:#A5E8FD} html[data-theme=dark] .shq-chip--w{background:#3b2a08;color:#ffd58a;border-color:#7a5a17} html[data-theme=dark] .shq-place{background:#122a30;border-color:#3f8fa0}html[data-theme=dark] .shq-place__cur{color:#c4d3d6}html[data-theme=dark] .shq-place__cur.is-on{color:#A5E8FD} html[data-theme=dark] .shq-place textarea,html[data-theme=dark] .shq-fl select,html[data-theme=dark] .shq-wlist select{background:#15252a;color:#fff;border-color:#335a63} html[data-theme=dark] .shq-dlg{background:#1b2a2f;color:#e8f1f2}html[data-theme=dark] .shq-p,html[data-theme=dark] .shq-wlist small,html[data-theme=dark] .shq-ck small{color:#b6c7ca} html[data-theme=dark] .shq-c footer,html[data-theme=dark] .shq-wlist li,html[data-theme=dark] .shq-log li{border-color:#2c3e43}html[data-theme=dark] .shq-two fieldset{border-color:#2c3e43} html[data-theme=dark] .shq-btn{background:#A5E8FD;color:#0b2a31;border-color:#A5E8FD}html[data-theme=dark] .shq-btn--g{background:transparent;color:#A5E8FD}html[data-theme=dark] .shq-lnk{color:#A5E8FD} html[data-theme=dark] tr.shq-auto select[data-f=loc],html[data-theme=dark] .shq-wlist li.shq-auto select{background:#122a30} .lw-l--prod .lw-l__t{min-width:0}.lw-l--prod .lw-l__t b{font-size:10.5pt!important;line-height:1.15!important;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.lw-l--prod .lw-l__t span{font-weight:700;font-size:9pt}.lw-l--prod.lw-l--s .lw-l__t b{font-size:8.5pt!important} .shq-pf{align-items:center}.shq-place--big .shq-pf{flex:none} @media (max-width:600px){.shq-b{flex:1}} /* spokes-delepool.css */ /* Delepool v1 – Havbris (light default, dark = sea-dusk, never black) */ .dp-i{width:18px;height:18px;flex:none} .dp-dlg{border:0;padding:0;border-radius:18px;width:min(860px,96vw);max-height:92vh;background:#fff;color:#14262b;box-shadow:0 20px 60px rgba(0,0,0,.25);font-family:Poppins,system-ui,sans-serif} .dp-dlg::backdrop{background:rgba(9,30,36,.45)} .dp-c{display:flex;flex-direction:column;max-height:92vh} .dp-hd{display:flex;align-items:center;gap:10px;padding:16px 20px 8px}.dp-hd h2{display:flex;align-items:center;gap:8px;margin:0;flex:1;font:600 20px Jost,sans-serif;color:#0D4A57}.dp-hd h2 .dp-i{width:24px;height:24px} .dp-x{border:0;background:none;font-size:26px;cursor:pointer;color:inherit;width:40px;height:40px;border-radius:10px}.dp-x:hover{background:#eef6f7} .dp-help{display:inline-flex;align-items:center;gap:6px;border:1px solid #bcd9de;background:#fff;color:#0D4A57;border-radius:999px;padding:6px 12px;font:600 13px Poppins,sans-serif;cursor:pointer} .dp-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid #e3ecee;overflow-x:auto} .dp-tab{border:0;background:none;padding:10px 14px;font:600 14px Jost,sans-serif;color:#3b5157;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}.dp-tab.is-on{color:#0D4A57;border-color:#0D4A57} .dp-badge{background:#D2232A;color:#fff;border-radius:999px;font-size:11px;min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 5px} .dp-disc{display:flex;gap:8px;align-items:flex-start;margin:10px 20px 0;padding:8px 12px;border-radius:10px;background:#f1fbfd;border:1px solid #c9eef8;color:#0D4A57;font-size:12.5px;line-height:1.4} .dp-b{padding:12px 20px 20px;overflow:auto;flex:1} .dp-p{color:#3b5157;font-size:14px;margin:8px 0}.dp-mut{color:#5d7378;font-size:13px;display:flex;gap:6px;align-items:center;flex-wrap:wrap} .dp-hero{text-align:center;padding:10px 10px 4px}.dp-hero>.dp-i{width:44px;height:44px;color:#0D4A57}.dp-hero h3{font:600 20px Jost,sans-serif;margin:6px 0} .dp-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.dp-form h4,.dp-h4{font:600 15px Jost,sans-serif;margin:14px 0 4px} .dp-terms{margin:0;padding-left:18px;font-size:13.5px;line-height:1.5;color:#22383d}.dp-terms li{margin:3px 0} .dp-full summary{cursor:pointer;color:#0D4A57;font-weight:600;font-size:13px}.dp-full__b{font-size:13px;line-height:1.5;max-height:240px;overflow:auto;padding:6px 10px;border:1px solid #e3ecee;border-radius:10px;margin-top:6px} .dp-fl{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.dp-fl small{font-weight:400;color:#5d7378} .dp-fl input,.dp-fl select,.dp-fl textarea,.dp-sbar input,.dp-sbar select,.dp-mf textarea{font:inherit;font-size:14px;padding:9px 10px;border:1px solid #bcd9de;border-radius:10px;background:#fff;color:inherit;min-width:0} .dp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dp-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px} .dp-ck{display:flex;gap:8px;align-items:flex-start;font-size:14px;font-weight:600}.dp-ck input{width:20px;height:20px;margin-top:1px} .dp-rad{border:1px solid #e3ecee;border-radius:10px;display:flex;gap:14px;align-items:center;font-size:14px;padding:6px 10px}.dp-rad legend{font-size:13px;font-weight:600;padding:0 4px} .dp-acts{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:6px}.dp-acts--l{justify-content:flex-start} .dp-btn{display:inline-flex;align-items:center;gap:6px;font:600 14px Jost,sans-serif;padding:10px 16px;border-radius:10px;border:1px solid #0D4A57;background:#0D4A57;color:#fff;cursor:pointer;min-height:40px} .dp-btn--g{background:transparent;color:#0D4A57}.dp-btn--d{color:#a3262b;border-color:#e3a9ab}.dp-btn[disabled]{opacity:.5} .dp-lnk{border:0;background:none;color:#0D4A57;font:600 13px Poppins,sans-serif;text-decoration:underline;cursor:pointer;padding:6px 2px} .dp-chip{display:inline-flex;align-items:center;gap:6px;font:600 13px Poppins,sans-serif;padding:6px 12px;min-height:34px;border-radius:999px;border:1px solid #bcd9de;background:#fff;color:#0D4A57;cursor:pointer} .dp-chip--p{background:#0D4A57;border-color:#0D4A57;color:#fff}.dp-chip--hint{background:#e8f8ee;border-color:#8fd3a7;color:#14532d} .dp-page,.dp-rvhint{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0} .dp-sbar{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:8px;align-items:center} .dp-cards{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px} .dp-card{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;width:100%;height:100%;padding:12px 14px;border:1px solid #dbe8ea;border-radius:14px;background:#fff;cursor:pointer;transition:.15s} .dp-card:hover,.dp-card:focus-visible{border-color:#5cc4d9;box-shadow:0 4px 16px rgba(13,74,87,.1)} .dp-card__t{display:flex;gap:6px;align-items:flex-start;justify-content:space-between}.dp-card__t b{font:600 15px Jost,sans-serif;color:#14262b} .dp-card__m{font-size:12.5px;color:#5d7378}.dp-card__p{font-size:13px;color:#22383d}.dp-card__p b{font-size:15px;color:#0D4A57}.dp-card__s{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px} .dp-sel{display:inline-flex;align-items:center;gap:4px;color:#3b5157;font-size:12.5px}.dp-sel .dp-i{width:14px;height:14px} .dp-tag{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:#eef3f4;color:#2f4549;white-space:nowrap}.dp-tag .dp-i{width:12px;height:12px} .dp-tag--ny{background:#e3f6ea;color:#14532d}.dp-tag--apnet{background:#e6f1fd;color:#1c3a66}.dp-tag--brukt{background:#fff1d6;color:#7a4a00} .dp-tag--v{background:#0D4A57;color:#fff}.dp-tag--w{background:#fff1d6;color:#7a4a00}.dp-tag--s-paused{background:#f1e9d4;color:#6b4e00}.dp-tag--s-sold{background:#e5e7eb;color:#374151} .dp-back{border:0;background:none;color:#0D4A57;font:600 14px Jost,sans-serif;cursor:pointer;padding:4px 0;margin-bottom:6px} .dp-det h3{font:600 19px Jost,sans-serif;margin:0 0 8px;display:flex;gap:8px;align-items:center;flex-wrap:wrap} .dp-dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;font-size:14px;margin:8px 0}.dp-dl dt{color:#5d7378}.dp-dl dd{margin:0;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.dp-dl a{color:#0D4A57} .dp-note{background:#f6f9f9;border-radius:10px;padding:8px 12px;font-size:14px} .dp-ph{display:flex;gap:8px;overflow-x:auto;margin:6px 0}.dp-ph img{height:150px;border-radius:10px;object-fit:cover;border:1px solid #e3ecee}.dp-ph--e img{height:80px} .dp-disc2{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#0D4A57;background:#f1fbfd;border:1px solid #c9eef8;border-radius:10px;padding:8px 10px;margin:8px 0}.dp-disc2--b{font-size:13.5px;font-weight:600} .dp-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.dp-row h3{margin:0;font:600 18px Jost,sans-serif} .dp-list{list-style:none;padding:0;margin:8px 0}.dp-li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid #edf2f3;width:100%;box-sizing:border-box} .dp-li small{display:block;color:#5d7378;font-size:12.5px;margin-top:2px}.dp-li .dp-why{color:#7a4a00}.dp-li__a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} .dp-li--btn{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 6px;border-bottom:1px solid #edf2f3;width:100%;cursor:pointer}.dp-li--btn:hover{background:#f6fafb} .dp-picks{list-style:none;padding:0;margin:-4px 0 0;border:1px solid #bcd9de;border-radius:10px;max-height:240px;overflow:auto}.dp-picks button{all:unset;display:block;width:100%;box-sizing:border-box;padding:8px 10px;cursor:pointer;font-size:14px}.dp-picks button:hover{background:#eef9fc}.dp-picks small{color:#5d7378} .dp-st{font:600 12px Poppins,sans-serif;padding:3px 10px;border-radius:999px;white-space:nowrap;background:#eef3f4;color:#2f4549} .dp-st--requested{background:#fff1d6;color:#7a4a00}.dp-st--accepted{background:#e6f1fd;color:#1c3a66}.dp-st--completed{background:#e3f6ea;color:#14532d}.dp-st--declined,.dp-st--cancelled{background:#f3e3e4;color:#7f1d1d} .dp-steps{display:flex;list-style:none;padding:0;margin:10px 0;counter-reset:s}.dp-steps li{flex:1;text-align:center;font-size:12px;color:#5d7378;position:relative;padding-top:26px;counter-increment:s} .dp-steps li::before{content:counter(s);position:absolute;top:0;left:50%;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;background:#e3ecee;color:#3b5157;display:grid;place-items:center;font-weight:700;font-size:11px;z-index:1} .dp-steps li::after{content:'';position:absolute;top:10px;left:-50%;width:100%;height:2px;background:#e3ecee}.dp-steps li:first-child::after{display:none} .dp-steps li.is-done{color:#0D4A57;font-weight:600}.dp-steps li.is-done::before{background:#0D4A57;color:#fff;content:'✓'}.dp-steps li.is-done::after{background:#0D4A57}.dp-steps li.is-cur::before{background:#A5E8FD;color:#0b2a31} .dp-wait{font-weight:600;color:#7a4a00;font-size:14px} .dp-cp{border:1px solid #e3ecee;border-radius:12px;padding:8px 14px;margin:10px 0}.dp-cp h4{margin:4px 0;font:600 14px Jost,sans-serif} .dp-recv{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap} .dp-rate{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;margin:8px 0}.dp-rate button{border:0;background:none;font-size:26px;cursor:pointer;color:#c9a227;padding:0 2px}.dp-rate button:hover~button{color:#cbd5d8} .dp-msgs ul{list-style:none;padding:0;margin:6px 0;display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto} .dp-msgs li{align-self:flex-start;max-width:80%;background:#eef3f4;border-radius:12px 12px 12px 4px;padding:7px 11px;font-size:14px}.dp-msgs li.is-me{align-self:flex-end;background:#0D4A57;color:#fff;border-radius:12px 12px 4px 12px} .dp-msgs li small{display:block;font-size:10.5px;opacity:.75;margin-top:2px} .dp-mf{display:flex;gap:8px;align-items:flex-end}.dp-mf textarea{flex:1;resize:vertical} .dp-log{font-size:12.5px;color:#5d7378;margin:10px 0}.dp-log summary{cursor:pointer;font-weight:600}.dp-log ul{padding-left:16px} .dp-inv pre{white-space:pre-wrap;background:#f6f9f9;border-radius:10px;padding:10px;font-size:12.5px} .dp-hintbox{border:1px solid #8fd3a7;background:#f2fbf5;border-radius:12px;padding:8px 12px;margin:10px 0}.dp-hintbox ul{list-style:none;padding:0;margin:6px 0;display:flex;flex-wrap:wrap;gap:6px}.dp-hintbox h4{margin:2px 0;font:600 14px Jost,sans-serif;color:#14532d} .dp-guide{width:min(520px,94vw)}.dp-gstep{padding:6px 4px 10px;min-height:150px}.dp-gstep h3{font:600 19px Jost,sans-serif;margin:6px 0;color:#0D4A57}.dp-gstep p{font-size:15px;line-height:1.55;margin:0}.dp-gnum{font-size:12px;color:#5d7378;font-weight:600} .dp-dots{display:flex;gap:6px;justify-content:center;margin:8px 0}.dp-dots i{width:8px;height:8px;border-radius:50%;background:#cfe0e3}.dp-dots i.is-on{background:#0D4A57;width:20px;border-radius:4px} .dp-ft{display:flex;justify-content:space-between;padding:10px 20px 16px;border-top:1px solid #e6eeef} .dp-repf{border:1px solid #f0c9cb;border-radius:12px;padding:10px 12px;background:#fff8f8} .dp-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0D4A57;color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;z-index:99999;transition:.25s;max-width:92vw;text-align:center}.dp-toast.is-on{opacity:1;transform:translate(-50%,0)} @media (max-width:600px){ .dp-dlg{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;margin:0}.dp-c{max-height:100dvh;height:100%} .dp-hd{padding:calc(10px + env(safe-area-inset-top)) 12px 6px}.dp-help span{display:none}.dp-b{padding:10px 12px calc(20px + env(safe-area-inset-bottom))}.dp-disc{margin:8px 12px 0} .dp-sbar{grid-template-columns:1fr 1fr}.dp-sbar input{grid-column:1/-1}.dp-sbar .dp-btn{grid-column:1/-1;justify-content:center} .dp-two,.dp-three{grid-template-columns:1fr}.dp-cards{grid-template-columns:1fr}.dp-fl input,.dp-fl select,.dp-fl textarea,.dp-sbar input,.dp-sbar select,.dp-mf textarea{font-size:16px} .dp-li{flex-direction:column;align-items:stretch}.dp-li__a{justify-content:flex-start}.dp-chip{min-height:40px;font-size:14px}.dp-btn{min-height:44px}.dp-guide{height:auto;max-height:100dvh} } html[data-theme=dark] .dp-dlg{background:#1b2a2f;color:#e8f1f2}html[data-theme=dark] .dp-hd h2,html[data-theme=dark] .dp-gstep h3{color:#A5E8FD} html[data-theme=dark] .dp-x:hover{background:#24373d}html[data-theme=dark] .dp-help,html[data-theme=dark] .dp-chip{background:#15252a;color:#d6f3fb;border-color:#335a63} html[data-theme=dark] .dp-chip--p{background:#A5E8FD;color:#0b2a31;border-color:#A5E8FD}html[data-theme=dark] .dp-chip--hint{background:#123524;color:#bff0cf;border-color:#2f7a4c} html[data-theme=dark] .dp-tabs{border-color:#2c3e43}html[data-theme=dark] .dp-tab{color:#b6c7ca}html[data-theme=dark] .dp-tab.is-on{color:#A5E8FD;border-color:#A5E8FD} html[data-theme=dark] .dp-disc,html[data-theme=dark] .dp-disc2{background:#122a30;border-color:#2f6a78;color:#c9f1fb} html[data-theme=dark] .dp-p,html[data-theme=dark] .dp-mut,html[data-theme=dark] .dp-fl small,html[data-theme=dark] .dp-li small,html[data-theme=dark] .dp-card__m,html[data-theme=dark] .dp-sel,html[data-theme=dark] .dp-dl dt,html[data-theme=dark] .dp-gnum,html[data-theme=dark] .dp-log,html[data-theme=dark] .dp-steps li{color:#b6c7ca} html[data-theme=dark] .dp-terms,html[data-theme=dark] .dp-card__p{color:#d9e5e7}html[data-theme=dark] .dp-card__t b{color:#fff}html[data-theme=dark] .dp-card__p b,html[data-theme=dark] .dp-dl a,html[data-theme=dark] .dp-lnk,html[data-theme=dark] .dp-back,html[data-theme=dark] .dp-full summary{color:#A5E8FD} html[data-theme=dark] .dp-fl input,html[data-theme=dark] .dp-fl select,html[data-theme=dark] .dp-fl textarea,html[data-theme=dark] .dp-sbar input,html[data-theme=dark] .dp-sbar select,html[data-theme=dark] .dp-mf textarea{background:#15252a;color:#fff;border-color:#335a63} html[data-theme=dark] .dp-card{background:#15252a;border-color:#2c3e43}html[data-theme=dark] .dp-card:hover{border-color:#5cc4d9} html[data-theme=dark] .dp-btn{background:#A5E8FD;color:#0b2a31;border-color:#A5E8FD}html[data-theme=dark] .dp-btn--g{background:transparent;color:#A5E8FD}html[data-theme=dark] .dp-btn--d{color:#ffb4b7;border-color:#7a3a3d} html[data-theme=dark] .dp-tag{background:#24373d;color:#d9e5e7}html[data-theme=dark] .dp-tag--ny{background:#123524;color:#bff0cf}html[data-theme=dark] .dp-tag--apnet{background:#1c3350;color:#d4e6ff}html[data-theme=dark] .dp-tag--brukt,html[data-theme=dark] .dp-tag--w{background:#3b2a08;color:#ffd58a}html[data-theme=dark] .dp-tag--v{background:#A5E8FD;color:#0b2a31} html[data-theme=dark] .dp-st{background:#24373d;color:#d9e5e7}html[data-theme=dark] .dp-st--requested{background:#3b2a08;color:#ffd58a}html[data-theme=dark] .dp-st--accepted{background:#1c3350;color:#d4e6ff}html[data-theme=dark] .dp-st--completed{background:#123524;color:#bff0cf}html[data-theme=dark] .dp-st--declined,html[data-theme=dark] .dp-st--cancelled{background:#3d1d20;color:#ffc9cc} html[data-theme=dark] .dp-wait,html[data-theme=dark] .dp-li .dp-why{color:#ffd58a} html[data-theme=dark] .dp-li,html[data-theme=dark] .dp-li--btn,html[data-theme=dark] .dp-cp,html[data-theme=dark] .dp-full__b,html[data-theme=dark] .dp-rad,html[data-theme=dark] .dp-ft{border-color:#2c3e43}html[data-theme=dark] .dp-li--btn:hover{background:#20343a} html[data-theme=dark] .dp-note,html[data-theme=dark] .dp-inv pre,html[data-theme=dark] .dp-msgs li{background:#24373d;color:#e8f1f2}html[data-theme=dark] .dp-msgs li.is-me{background:#A5E8FD;color:#0b2a31} html[data-theme=dark] .dp-steps li::before,html[data-theme=dark] .dp-steps li::after{background:#2c3e43;color:#d9e5e7}html[data-theme=dark] .dp-steps li.is-done{color:#A5E8FD}html[data-theme=dark] .dp-steps li.is-done::before,html[data-theme=dark] .dp-steps li.is-done::after{background:#A5E8FD;color:#0b2a31} html[data-theme=dark] .dp-picks{border-color:#335a63}html[data-theme=dark] .dp-picks button:hover{background:#20343a}html[data-theme=dark] .dp-hintbox{background:#122a20;border-color:#2f7a4c}html[data-theme=dark] .dp-hintbox h4{color:#bff0cf} html[data-theme=dark] .dp-repf{background:#2a1c1e;border-color:#6b3a3d}html[data-theme=dark] .dp-dots i{background:#335a63}html[data-theme=dark] .dp-dots i.is-on{background:#A5E8FD}html[data-theme=dark] .dp-toast{background:#A5E8FD;color:#0b2a31} .dp-phc{margin:12px 0 0;padding:14px;border-radius:16px;background:#f1fbfd;border:1px solid #c9eef8;text-align:center}.dp-phc p{margin:0 0 8px;font-size:14px;color:#22383d}.dp-phc .dp-page{justify-content:center} html[data-theme=dark] .dp-phc{background:#122a30;border-color:#2f6a78}html[data-theme=dark] .dp-phc p{color:#d9e5e7} .dp-hintbox h4{display:flex;align-items:center;gap:6px} #spk-delepool .dp-tabs{display:flex!important;background:transparent!important;height:auto!important;min-height:0!important;margin:0!important;padding:0 16px!important;border-radius:0!important;box-shadow:none!important} #spk-delepool .dp-tab{background:none!important;box-shadow:none!important;border-radius:0!important;padding:10px 14px!important;font:600 14px Jost,sans-serif!important;height:auto!important;color:#3b5157!important;border-bottom:3px solid transparent!important} #spk-delepool .dp-tab.is-on{color:#0D4A57!important;border-bottom-color:#0D4A57!important} html[data-theme=dark] #spk-delepool .dp-tab{color:#b6c7ca!important}html[data-theme=dark] #spk-delepool .dp-tab.is-on{color:#A5E8FD!important;border-bottom-color:#A5E8FD!important} /* Lager: pool badges (2026-10-11) */ .bt-t--stock .dp-sb{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;margin-top:4px} .dp-tag{display:inline-flex;align-items:center;font-size:11.5px;font-weight:600;line-height:1.2;padding:2px 7px;border-radius:999px;white-space:nowrap} .dp-tag--pool{background:#e6f0ff;color:#123d8a;border:1px solid #b9d0f5} .dp-tag--res{background:#fff3d6;color:#6b4300;border:1px solid #f0d08a} [data-theme=dark] .dp-tag--pool{background:#16294a;color:#cfe0ff;border-color:#2c4c80} [data-theme=dark] .dp-tag--res{background:#3a2c0c;color:#ffe2a3;border-color:#6b5320} .bt-t--stock .dp-sl{font-size:12px;color:var(--muted,#5b6472);margin-top:3px;display:flex;flex-wrap:wrap;gap:6px;align-items:center} [data-theme=dark] .bt-t--stock .dp-sl{color:#b9c2cf} .dp-sl b{color:inherit;font-weight:700} .dp-lnk{background:none;border:0;padding:0;font:inherit;font-weight:600;color:#1f5fd1;cursor:pointer;text-decoration:underline;min-height:0} [data-theme=dark] .dp-lnk{color:#8db6ff} .dp-chip[data-dp-only].is-on{background:#1f5fd1;color:#fff;border-color:#1f5fd1} /* Toolbar button (owner 23:30: proper button, brand icon, hover/active, count) */ #blv-pane .dp-page{display:flex!important;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 10px} button.dp-tb{all:unset;box-sizing:border-box;display:inline-flex!important;align-items:center;gap:8px;height:36px;padding:0 12px 0 5px;border-radius:999px;background:#fff;border:1px solid #c9d6ea;color:#0f2f66;font:600 13.5px/1 var(--blv-font,inherit);cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.06);transition:background .15s,box-shadow .15s,transform .05s,border-color .15s;white-space:nowrap;width:auto!important;min-width:0!important;flex-direction:row!important} button.dp-tb:hover{background:#eef4ff;border-color:#8fb0e6;box-shadow:0 2px 8px rgba(31,95,209,.18)} button.dp-tb:active{transform:translateY(1px);background:#e1ebff} button.dp-tb:focus-visible{outline:2px solid #1f5fd1;outline-offset:2px} .dp-tb__i{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#1f5fd1,#0e8f86);color:#fff;flex:none} .dp-tb__i svg{width:16px!important;height:16px!important;display:block} .dp-tb__n{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:#e6f0ff;color:#123d8a;font-size:11.5px;font-weight:700} .dp-tb__a{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#c0392b;color:#fff;font-size:11.5px;font-weight:700} html[data-theme=dark] button.dp-tb{background:#1f2a33;border-color:#36506f;color:#dbe7ff} html[data-theme=dark] button.dp-tb:hover{background:#25364a;border-color:#4d74a8} html[data-theme=dark] .dp-tb__n{background:#16294a;color:#cfe0ff} /* 2026-10-12 owner 00:13: compact results table (no location) */ .dp-cnt{margin:10px 0 4px;font-size:12.5px;color:#5d7378} .dp-rt{width:100%;border-collapse:collapse;font-size:13px;margin:0 0 10px} .dp-rt th{text-align:left;font-size:11.5px;font-weight:700;color:#5d7378;border-bottom:1px solid #dbe8ea;padding:6px 8px;white-space:nowrap} .dp-rt th button{all:unset;cursor:pointer;border-radius:4px}.dp-rt th button:hover{color:#0D4A57;text-decoration:underline}.dp-rt th button:focus-visible{outline:2px solid #5cc4d9;outline-offset:2px} .dp-rt td{padding:6px 8px;border-bottom:1px solid #eef3f4;vertical-align:middle} .dp-rt tbody tr:hover{background:#f4fafb} .dp-rt .n{text-align:right;white-space:nowrap}.dp-rt td.n b{color:#0D4A57;font-size:13.5px} .dp-rt small{display:block;font-size:11.5px;color:#5d7378;margin-top:1px} .dp-rt__ph{width:44px}.dp-rt__ph img,.dp-rt__noph{width:40px;height:40px;border-radius:8px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#eef6f7;color:#8fb2b8} .dp-rt__noph svg{width:18px;height:18px} .dp-rt__lnk{all:unset;cursor:pointer;font-weight:600;color:#14262b;line-height:1.3}.dp-rt__lnk:hover{text-decoration:underline}.dp-rt__lnk:focus-visible{outline:2px solid #5cc4d9;outline-offset:2px} .dp-rt__v{color:#0f7a4f!important}.dp-rt__v svg{width:12px;height:12px;vertical-align:-2px;margin-right:3px} .dp-rt__m{display:none!important} .dp-rt__sku{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all;max-width:150px} .dp-rt__a{width:1%;white-space:nowrap;text-align:right} .dp-btn.dp-btn--sm{min-height:32px;padding:0 12px;font-size:12.5px} .dp-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} @media (max-width:760px){ .dp-rt thead{display:none}.dp-rt,.dp-rt tbody{display:block} .dp-rt tr{display:grid;grid-template-columns:40px minmax(0,1fr) auto 44px;grid-template-areas:"ph n p a" "ph c c a";column-gap:10px;row-gap:2px;padding:8px 2px;border-bottom:1px solid #eef3f4;align-items:center} .dp-rt td{display:block;border:0;padding:0} .dp-rt td.dp-rt__ph{grid-area:ph}.dp-rt td.dp-rt__n{grid-area:n;min-width:0}.dp-rt td.dp-rt__sku,.dp-rt td.dp-rt__cat{display:none} .dp-rt td:nth-child(5){grid-area:c}.dp-rt td:nth-child(6){grid-area:p}.dp-rt td:nth-child(7){display:none}.dp-rt td.dp-rt__a{grid-area:a} .dp-rt__m{display:block!important}.dp-rt__n small:not(.dp-rt__m){display:none} .dp-rt__lnk{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px} .dp-rt .dp-btn.dp-btn--sm{width:44px;height:44px;min-height:44px!important;padding:0!important;justify-content:center;border-radius:12px}.dp-rt .dp-ask-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.dp-rt td.dp-rt__a{align-self:center}.dp-rt tr{padding:7px 0}.dp-rt__ph img,.dp-rt__noph{width:40px;height:40px} .dp-rt td:nth-child(5)::after{content:attr(data-q)} } html[data-theme=dark] .dp-rt th{color:#b6c7ca;border-color:#2c3e43}html[data-theme=dark] .dp-rt td,html[data-theme=dark] .dp-rt tr{border-color:#22343a} html[data-theme=dark] .dp-rt tbody tr:hover{background:#172a2f}html[data-theme=dark] .dp-rt__lnk{color:#fff}html[data-theme=dark] .dp-rt small,html[data-theme=dark] .dp-cnt{color:#b6c7ca} html[data-theme=dark] .dp-rt td.n b{color:#A5E8FD}html[data-theme=dark] .dp-rt__v{color:#7ee0ad!important}html[data-theme=dark] .dp-rt__ph img,html[data-theme=dark] .dp-rt__noph{background:#1d3237;color:#6f9ba3} .dp-ask-i{display:none}@media (max-width:760px){.dp-ask-i{display:block}} /* spokes-lagerfit.css */ /* Lager table fit (2026-10-11 owner 23:30) – only ≥768 px (below that the table is cards) */ @media (min-width:768px){ #blv-pane.lf-on .bt-t--stock{font-size:13px;table-layout:auto;width:100%} #blv-pane.lf-on .bt-t--stock th,#blv-pane.lf-on .bt-t--stock td{padding:7px 5px} #blv-pane.lf-on .bt-t--stock th{font-size:11.5px;white-space:nowrap} #blv-pane.lf-on .bt-t--stock th:first-child,#blv-pane.lf-on .bt-t--stock td:first-child{padding-left:10px} #blv-pane.lf-on .bt-t--stock .c-name{min-width:120px;max-width:230px} #blv-pane.lf-on .bt-t--stock td.c-sku{white-space:normal;word-break:break-all;max-width:120px;font-size:12px} #blv-pane.lf-on .bt-t--stock .c-cat{max-width:90px} #blv-pane.lf-on .bt-t--stock .c-shelf .blv-dshelf summary{max-width:110px;overflow:hidden} #blv-pane.lf-on .bt-t--stock .c-min input{width:46px!important;padding:4px 4px!important;min-height:30px!important;text-align:center} #blv-pane.lf-on .bt-t--stock .bt-qty button{width:26px;height:26px;min-width:26px;min-height:26px;padding:0} #blv-pane.lf-on .bt-t--stock .c-cost{display:none} #blv-pane.lf-on .bt-t--stock .c-price{white-space:nowrap} #blv-pane.lf-on .bt-t--stock .lf-cost{display:block;font-size:11.5px;color:var(--blv-muted,#5b6575);font-weight:400} #blv-pane.lf-on .bt-t--stock .c-act{padding-right:8px} #blv-pane.lf-on .bt-t--stock .c-act>*{vertical-align:middle} #blv-pane.lf-on .bt-t--stock .bt-use{width:34px!important;min-width:34px!important;height:34px;padding:0!important;justify-content:center} #blv-pane.lf-on .bt-t--stock .bt-use .bt-ul{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} #blv-pane.lf-on .bt-t--stock .spk-pk__qr{min-width:0;padding:2px 6px;font-size:11px;margin-left:4px} #blv-pane.lf-h-cat .bt-t--stock .c-cat,#blv-pane.lf-h-shelf .bt-t--stock .c-shelf,#blv-pane.lf-h-res .bt-t--stock .c-res,#blv-pane.lf-h-inc .bt-t--stock .c-inc,#blv-pane.lf-h-min .bt-t--stock .c-min,#blv-pane.lf-h-qr .bt-t--stock .spk-pk__qr{display:none!important} #blv-pane.lf-on .bt-tw{overflow-x:auto} } .lf-cols{position:relative;display:inline-block} .lf-cols>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer} .lf-cols>summary::-webkit-details-marker{display:none} .lf-cols__m{position:absolute;left:0;right:auto;top:calc(100% + 6px);z-index:60;min-width:230px;background:var(--blv-card,#fff);color:inherit;border:1px solid var(--blv-line,#e2e8f0);border-radius:12px;padding:10px 12px;box-shadow:0 12px 32px rgba(15,23,42,.16);display:flex;flex-direction:column;gap:6px} .lf-cols__m p{margin:0 0 2px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blv-muted,#5b6575)} .lf-cols__m label{display:flex;gap:8px;align-items:center;font-size:13.5px;cursor:pointer;min-height:30px} .lf-reset{align-self:flex-start;background:none;border:0;padding:4px 0;color:#1f5fd1;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;min-height:0} html[data-theme=dark] .lf-cols__m{background:#1f2a33;border-color:#2d3f57} html[data-theme=dark] .lf-reset{color:#8db6ff} @media (min-width:768px){#blv-pane.lf-on .bt-tools--stock{flex-wrap:wrap}#blv-pane.lf-on .bt-tools--stock #bt-q{flex:1 1 220px;min-width:200px}} .lf-cols.lf-flip .lf-cols__m{left:auto;right:0} .lf-cols:not([open])>.lf-cols__m{display:none!important} /* spokes-ready.css */ .spk-rdy{position:fixed;inset:0;z-index:2147483200;display:flex;align-items:flex-end;justify-content:center} .spk-rdy__bd{position:absolute;inset:0;background:rgba(13,30,36,.45);opacity:0;transition:opacity .2s} .spk-rdy.on .spk-rdy__bd{opacity:1} .spk-rdy__p{position:relative;width:100%;max-width:480px;box-sizing:border-box;background:var(--io-bg,#fff);color:var(--io-ink,#1c1c1c);border-radius:20px 20px 0 0;padding:8px 20px calc(16px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.8,.2,1);font-family:Poppins,system-ui,sans-serif;text-align:center} .spk-rdy.on .spk-rdy__p{transform:none} @media (min-width:601px){.spk-rdy{align-items:center}.spk-rdy__p{border-radius:20px;padding-bottom:20px;transform:scale(.96);opacity:0;transition:transform .2s,opacity .2s}.spk-rdy.on .spk-rdy__p{transform:none;opacity:1}} .spk-rdy__grab{width:36px;height:5px;border-radius:3px;background:rgba(60,67,70,.25);margin:0 auto 12px} .spk-rdy__ic{width:56px;height:56px;border-radius:50%;margin:4px auto 10px;display:grid;place-items:center;background:#E3F5EA;color:#1F8A4C} .spk-rdy h2{font:600 19px/1.3 Jost,Poppins,sans-serif;margin:0 0 12px} .spk-rdy__s{margin:0 0 12px;padding:4px 14px;border-radius:12px;background:rgba(13,74,87,.06);text-align:left} .spk-rdy__s>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(60,67,70,.12);font-size:15px} .spk-rdy__s>div:last-child{border:0} .spk-rdy__s dt{opacity:.65;font-size:13px;margin:0}.spk-rdy__s dd{margin:0;font-weight:500;text-align:right;min-width:0;overflow-wrap:anywhere} .spk-rdy__s dd.m{font-family:ui-monospace,Menlo,monospace;font-size:14px} .spk-rdy__n{font-size:13px;opacity:.75;margin:0 0 16px} .spk-rdy__y{display:block;width:100%;min-height:58px;border:0;border-radius:14px;background:#1F8A4C;color:#fff;font:600 17px Poppins,sans-serif;cursor:pointer} .spk-rdy__y:active{transform:scale(.98);filter:brightness(.95)} .spk-rdy__c{display:block;width:100%;min-height:48px;margin-top:8px;border:0;background:none;color:#0D4A57;font:500 16px Poppins,sans-serif;cursor:pointer} html[data-theme=dark] .spk-rdy__c{color:#A5E8FD}html[data-theme=dark] .spk-rdy__ic{background:#1f3b2c;color:#6fd69a} #spk-rdt{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;z-index:2147483300;display:flex;align-items:center;gap:14px;background:#1C1C1C;color:#fff;border-radius:14px;padding:10px 10px 10px 16px;font:500 14px Poppins,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:.22s;white-space:nowrap} #spk-rdt.on{opacity:1;transform:translate(-50%,0)} #spk-rdt button{border:0;border-radius:10px;background:#A5E8FD;color:#0D4A57;font:600 14px Poppins,sans-serif;padding:8px 14px;min-height:36px;cursor:pointer} /* phone job card: big sticky ready bar */ html.spk-ios #spk-mc .spk-mc__rd{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:5;display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%!important;min-height:58px!important;border-radius:14px!important;font:600 17px Poppins,sans-serif!important;box-shadow:0 6px 20px rgba(13,74,87,.25)} /* tablet/desktop footer primary */ #panel #pf .spk-pfsyn[data-to=ferdig]{min-height:56px!important;font-size:16px!important;flex:1 1 auto} /* spokes-hold.css */ .spk-hold{margin:10px 0 0;flex:1 1 100%;width:100%;box-sizing:border-box;font-family:Poppins,system-ui,sans-serif} .spk-hold__b{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;box-sizing:border-box;padding:10px 14px;border:1.5px solid #0D4A57;border-radius:14px;background:#fff;color:#0D4A57;text-align:left;cursor:pointer;font:inherit} .spk-hold__b span{display:flex;flex-direction:column;min-width:0}.spk-hold__b b{font:600 15px/1.25 Poppins,sans-serif}.spk-hold__b small{font-size:12.5px;opacity:.75} .spk-hold__b svg{flex:none} .spk-hold__b:active{transform:scale(.99);background:#eef7f9} .spk-hold__a{display:flex;align-items:center;gap:8px;margin:8px 2px 0;font-size:12.5px;color:#4b5a5e;cursor:pointer} .spk-hold__a input{width:18px;height:18px;accent-color:#0D4A57;margin:0} .spk-hold.is-on{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#FFF4E0;border:1px solid #F3C677;color:#7A4B00} .spk-hold__ic{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#FDE3B0} .spk-hold__t{flex:1;min-width:0;display:flex;flex-direction:column}.spk-hold__t b{font:600 14.5px/1.25 Poppins,sans-serif}.spk-hold__t small{font-size:12.5px;opacity:.85;overflow-wrap:anywhere} .spk-hold__x{flex:none;border:0;border-radius:10px;background:#fff;color:#7A4B00;font:600 13px Poppins,sans-serif;padding:8px 12px;min-height:36px;cursor:pointer;box-shadow:inset 0 0 0 1px #F3C677} html[data-theme=dark] .spk-hold__b{background:transparent;color:#A5E8FD;border-color:#A5E8FD} html[data-theme=dark] .spk-hold__a{color:#c9d6d9} html[data-theme=dark] .spk-hold.is-on{background:rgba(243,198,119,.12);border-color:rgba(243,198,119,.4);color:#F3C677} html[data-theme=dark] .spk-hold__ic{background:rgba(243,198,119,.2)}html[data-theme=dark] .spk-hold__x{background:transparent;color:#F3C677} .spk-hold-q .spk-rdy__ic{background:#FFF4E0;color:#B26A00} #spk-rdt.spk-hold-t{white-space:normal;max-width:calc(100vw - 24px);box-sizing:border-box}#spk-rdt.spk-hold-t span{min-width:0;overflow-wrap:anywhere} /* spokes-dropoff.css */ .spk-drop-j{display:flex;gap:10px;align-items:flex-start;margin:10px 0;padding:10px 12px;border-radius:12px;border:1px solid #f5c76b;background:#fff7e6;color:#4a3300} .spk-drop-j.is-levert{background:#ecfdf3;border-color:#86efac;color:#14532d} .spk-drop-j.is-forsinket,.spk-drop-j.is-over{background:#fef2f2;border-color:#fca5a5;color:#7f1d1d} .spk-drop-j__ic{flex:0 0 auto;margin-top:2px}.spk-drop-j__t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0} .spk-drop-j__t small{opacity:.9}.spk-drop-j__m summary{cursor:pointer;font-size:.85em;margin-top:4px;text-decoration:underline} .spk-drop-j__row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px} .spk-drop-j__b,.spk-drop-j__x{border:1px solid currentColor;background:#fff;color:inherit;border-radius:8px;padding:4px 10px;font:inherit;font-size:.85em;cursor:pointer} .spk-drop-chip{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#fff1d6;color:#7a4a00;white-space:nowrap} .spk-drop-chip.is-over,.spk-drop-chip.is-forsinket{background:#fee2e2;color:#991b1b} .spk-drop-set__b{display:flex;flex-direction:column;gap:12px;padding:12px 14px} .spk-drop-set__r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spk-drop-set__r span{display:flex;flex-direction:column}.spk-drop-set__r small{opacity:.7} .spk-drop-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#111;color:#fff;padding:10px 16px;border-radius:10px;z-index:99999} html.dark .spk-drop-j,html.dark .spk-drop{filter:brightness(.92)} /* spokes-alerts.css */ /* approval chip: full card width + soft pulsing glow until opened */ .spk-apchip{display:flex!important;align-items:center;gap:6px;width:100%!important;max-width:none!important;box-sizing:border-box;justify-content:flex-start;margin-top:6px} .spk-apchip--ios{display:flex;margin-top:6px;padding:4px 10px;border-radius:999px;font:500 13px Poppins,sans-serif;background:#E8F7EE;color:#15803d;border:1px solid rgba(21,128,61,.35)} .spk-apchip--ios.spk-glow--warn{background:#FFF3E3;color:#9a4f00;border-color:rgba(237,138,0,.45)} html[data-theme=dark] .spk-apchip--ios{background:#1f3b2c;color:#86e0a8}html[data-theme=dark] .spk-apchip--ios.spk-glow--warn{background:#3f3020;color:#ffc27a} .spk-glow{--gl:21,128,61;animation:spk-apglow 2.2s ease-in-out infinite;position:relative} .spk-glow.spk-glow--warn{--gl:237,138,0} @keyframes spk-apglow{0%,100%{box-shadow:0 0 0 0 rgba(var(--gl),.0),0 0 6px rgba(var(--gl),.25)}50%{box-shadow:0 0 0 4px rgba(var(--gl),.18),0 0 16px rgba(var(--gl),.45)}} @media (prefers-reduced-motion:reduce){.spk-glow{animation:none;box-shadow:0 0 0 3px rgba(var(--gl),.3)}} /* in-app toasts (Havbris glass card, slide-down + fade, swipe-up/X, auto-dismiss bar) */ #spk-apt-w{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:2147483400;display:flex;flex-direction:column;gap:10px;width:min(440px,calc(100vw - 24px));pointer-events:none} .spk-apt{--bg:rgba(255,255,255,.82);--fg:#0B1F26;--ac:#0D4A57;--tile:#E3F7FE;--tilefg:#0D4A57;position:relative;overflow:hidden;pointer-events:auto;touch-action:none;display:flex;align-items:center;gap:12px;padding:12px 8px 12px 12px;border-radius:20px;background:var(--bg);color:var(--fg);border:1px solid rgba(13,74,87,.10);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 2px 6px rgba(11,31,38,.06),0 14px 36px -8px rgba(11,31,38,.28);backdrop-filter:saturate(1.6) blur(20px);-webkit-backdrop-filter:saturate(1.6) blur(20px);font-family:Poppins,system-ui,-apple-system,sans-serif;transform:translateY(calc(-100% - 24px)) scale(.96);opacity:0;transition:transform .48s cubic-bezier(.2,.9,.25,1.15),opacity .3s ease} .spk-apt.on{transform:none;opacity:1} .spk-apt.out{transition:transform .28s ease-in,opacity .25s ease-in;transform:scale(.96);opacity:0} .spk-apt.out-up{transition:transform .3s cubic-bezier(.5,0,.75,0),opacity .28s ease-in;transform:translateY(calc(-100% - 24px));opacity:0} .spk-apt.drag{transition:none} .spk-apt__i{flex:0 0 40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--tile);color:var(--tilefg)} .spk-apt--ok{--tile:#E6F4EA;--tilefg:#307A07} .spk-apt--warn{--tile:#FFF1DC;--tilefg:#A35A00} .spk-apt--note{--tile:linear-gradient(140deg,#A5E8FD,#7FD3EC);--tilefg:#0D4A57} .spk-apt__t{flex:1;min-width:0} .spk-apt__t b{display:block;font:600 14.5px/1.3 Poppins,system-ui,sans-serif;letter-spacing:-.005em} .spk-apt__t small{display:block;margin-top:1px;font:400 12.5px/1.35 Poppins,system-ui,sans-serif;opacity:.68;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .spk-apt__o{flex:0 0 auto;border:0;border-radius:999px;background:#0D4A57;color:#fff;font:600 13px Poppins,sans-serif;padding:0 14px;min-height:34px;cursor:pointer;transition:transform .15s} .spk-apt__o:active{transform:scale(.95)} .spk-apt__x{flex:0 0 32px;border:0;background:transparent;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:inherit;opacity:.5;cursor:pointer} .spk-apt__x:hover,.spk-apt__x:focus-visible{opacity:.9;background:rgba(13,74,87,.08)} .spk-apt__bar{position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:2px;background:var(--tilefg);opacity:.35;transform-origin:left;animation:spkAptBar var(--spk-ms,3s) linear forwards} .spk-apt.paused .spk-apt__bar{animation-play-state:paused} @keyframes spkAptBar{from{transform:scaleX(1)}to{transform:scaleX(0)}} #spk-apt-wb{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);transform:translateX(-50%);z-index:2147483400;display:flex;flex-direction:column;gap:10px;width:min(520px,calc(100vw - 24px));pointer-events:none} #spk-apt-wb .spk-apt{transform:translateY(calc(100% + 24px)) scale(.96)}#spk-apt-wb .spk-apt.on{transform:none}#spk-apt-wb .spk-apt.out-up{transform:translateY(calc(100% + 24px))} /* bell ring + check draw */ .spk-apt.on .spk-apt__bell,.spk-pnb .spk-apt__bell{transform-origin:50% 8%;animation:spkRing 1.1s .25s ease-in-out 2} @keyframes spkRing{0%,100%{transform:rotate(0)}12%{transform:rotate(16deg)}26%{transform:rotate(-13deg)}40%{transform:rotate(9deg)}54%{transform:rotate(-6deg)}68%{transform:rotate(3deg)}80%{transform:rotate(0)}} .spk-apt__ck path{stroke-dasharray:1;stroke-dashoffset:1} .spk-apt.on .spk-apt__ck path{animation:spkCk .45s .22s cubic-bezier(.65,0,.35,1) forwards} .spk-apt--note.on .spk-apt__i{animation:spkPop .5s .15s cubic-bezier(.2,.9,.3,1.4) both} @keyframes spkCk{to{stroke-dashoffset:0}} @keyframes spkPop{0%{transform:scale(.6)}100%{transform:scale(1)}} html[data-theme=dark] .spk-apt{--bg:rgba(37,43,45,.84);--fg:#EEF4F5;border-color:rgba(165,232,253,.14);box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 16px 40px -8px rgba(0,0,0,.55)} html[data-theme=dark] .spk-apt--ok{--tile:rgba(86,190,120,.18);--tilefg:#8EE0A8} html[data-theme=dark] .spk-apt--warn{--tile:rgba(237,138,0,.18);--tilefg:#FFC27A} html[data-theme=dark] .spk-apt--note{--tile:rgba(165,232,253,.16);--tilefg:#A5E8FD} html[data-theme=dark] .spk-apt__o{background:#A5E8FD;color:#0B1F26} html[data-theme=dark] .spk-apt__x:hover{background:rgba(255,255,255,.08)} @media (prefers-reduced-motion:reduce){.spk-apt,.spk-apt.out,.spk-apt.out-up{transform:none!important;transition:opacity .2s}.spk-apt__bell,.spk-apt--note .spk-apt__i{animation:none!important}.spk-apt__ck path{stroke-dashoffset:0;animation:none!important}.spk-apt__bar{animation:none;opacity:0}} /* Varsler sheet */ .spk-pn{padding:4px 16px 20px} .spk-pn__g{list-style:none;margin:0 0 12px;padding:0 14px;border-radius:12px;background:var(--io-card,#fff);border:1px solid rgba(60,67,70,.1)} .spk-pn__g li{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 0;border-bottom:1px solid rgba(60,67,70,.12)}.spk-pn__g li:last-child{border:0} .spk-pn__m{flex:1;min-width:0}.spk-pn__m b{display:block;font:500 15px Poppins,sans-serif}.spk-pn__m small{display:block;font-size:13px;opacity:.65} .spk-sw{flex:0 0 51px;width:51px;height:31px;border-radius:16px;border:0;padding:2px;background:#d6dadc;position:relative;cursor:pointer;transition:background .2s} .spk-sw span{display:block;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s} .spk-sw[aria-checked=true]{background:#1F8A4C}.spk-sw[aria-checked=true] span{transform:translateX(20px)} .spk-sw:disabled{opacity:.5} .spk-pn__n{font-size:13px;line-height:1.45;opacity:.8;margin:0 2px 12px} .spk-pn__test{width:100%;min-height:48px;border-radius:12px;border:1px solid rgba(13,74,87,.3);background:transparent;color:#0D4A57;font:500 15px Poppins,sans-serif;cursor:pointer} html[data-theme=dark] .spk-pn__test{color:#A5E8FD;border-color:rgba(165,232,253,.35)} .ios-ri--red{background:#d70015} /* dark: Kopier pill contrast */ html[data-theme=dark].spk-ios body:not(#spk-z) #spk-mc>.ios-pbc .jc-copy{background:#1f3b44!important;color:#A5E8FD!important;border-color:rgba(165,232,253,.35)!important} html[data-theme=dark].spk-ios body:not(#spk-z) #spk-mc>.ios-pbc .jc-copy span{color:#A5E8FD!important} /* push: device list + install / «Slå på varsler» banner */ .spk-pn__h{font:500 13px Poppins,sans-serif;text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin:20px 2px 8px} .spk-pn__rm{min-height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(215,0,21,.35);background:transparent;color:#d70015;font:500 14px Poppins,sans-serif;cursor:pointer} .spk-pnb{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 92px);z-index:9000;display:grid;grid-template-columns:44px 1fr;column-gap:12px;row-gap:12px;align-items:start;padding:16px 16px 14px;border-radius:22px;background:linear-gradient(150deg,rgba(13,74,87,.94),rgba(11,52,62,.94));color:#fff;border:1px solid rgba(165,232,253,.22);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 18px 44px -10px rgba(11,31,38,.5);backdrop-filter:saturate(1.5) blur(18px);-webkit-backdrop-filter:saturate(1.5) blur(18px);max-width:520px;margin:0 auto;font-family:Poppins,system-ui,sans-serif;animation:spkPnb .5s cubic-bezier(.2,.9,.25,1.15) both} .spk-pnb.out{animation:spkPnbOut .26s ease-in forwards} .spk-pnb__i{grid-row:1;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(165,232,253,.16);color:#A5E8FD} .spk-pnb__tx{grid-row:1;grid-column:2;padding-right:26px} .spk-pnb__tx b{display:block;font:600 16px/1.3 Poppins,sans-serif}.spk-pnb__tx small{display:block;font:400 13.5px/1.45 Poppins,sans-serif;opacity:.86;margin-top:3px} .spk-pnb__x{position:absolute;top:10px;right:10px;width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;opacity:.75;cursor:pointer} .spk-pnb__err{color:#FFD5D5} .spk-pnb__ac{grid-column:1/-1;display:flex;gap:8px} .spk-pnb__go{flex:1;min-height:46px;border:0;border-radius:14px;background:#A5E8FD;color:#0B1F26;font:600 15px Poppins,sans-serif;cursor:pointer;box-shadow:0 6px 16px -6px rgba(165,232,253,.6);transition:transform .15s} .spk-pnb__go:active{transform:scale(.97)} .spk-pnb__later{min-height:46px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:500 15px Poppins,sans-serif;cursor:pointer} .spk-pnb--ios .spk-pnb__later,.spk-pnb--old .spk-pnb__later{flex:1} .spk-pnb--den{background:linear-gradient(150deg,rgba(60,48,32,.95),rgba(42,36,30,.95));border-color:rgba(255,194,122,.25)} .spk-pnb--den .spk-pnb__i{background:rgba(255,194,122,.16);color:#FFC27A} .spk-pnb--den .spk-pnb__go{background:#FFC27A;box-shadow:none} html[data-theme=dark] .spk-pnb{background:linear-gradient(150deg,rgba(37,43,45,.94),rgba(27,40,44,.94))} html[data-theme=dark] .spk-pnb--den{background:linear-gradient(150deg,rgba(60,48,32,.95),rgba(42,36,30,.95))} @keyframes spkPnb{from{transform:translateY(24px) scale(.97);opacity:0}to{transform:none;opacity:1}} @keyframes spkPnbOut{to{transform:translateY(16px);opacity:0}} @media (prefers-reduced-motion:reduce){.spk-pnb,.spk-pnb.out{animation:none}.spk-pnb .spk-apt__bell{animation:none}} /* spokes-pick.css */ .spk-pk{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px} .spk-pk__loc{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:6px;border:1.5px solid #0D4A57;background:#EAF7FC;color:#0D4A57;font:600 12px/1.2 Poppins,sans-serif;white-space:nowrap} .spk-pk__loc.is-none{border-style:dashed;border-color:#8a9599;background:transparent;color:#5b666a} .spk-pk__st{font:500 12px Poppins,sans-serif}.spk-pk__st.is-in{color:#15803d}.spk-pk__st.is-out{color:#b42318} .spk-pk--out{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:6px;background:#FDECEC;color:#b42318;font:600 12px Poppins,sans-serif} .spk-pkr{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-top:8px;padding:8px 10px;border-radius:10px;background:#FFF6E6;border:1px solid rgba(237,138,0,.35);box-sizing:border-box;grid-column:1/-1;flex-basis:100%} .spk-pkr__h{flex:1 1 auto;font:500 13px Poppins,sans-serif;color:#7a4300}.spk-pkr__h b{display:inline-block;padding:1px 6px;border-radius:5px;border:1.5px solid currentColor;font-weight:600} .spk-pkr__b{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:0;border-radius:10px;background:#0D4A57;color:#fff;font:600 14px Poppins,sans-serif;cursor:pointer;white-space:nowrap} .spk-pkr.is-done{background:#E8F7EE;border-color:rgba(21,128,61,.35);color:#15803d;font:600 13px Poppins,sans-serif} .spk-pkr.is-out{background:#FDECEC;border-color:rgba(180,35,24,.3);color:#b42318;font:600 13px Poppins,sans-serif} .spk-apv__l{flex-wrap:wrap} html[data-theme=dark] .spk-pk__loc{background:#1f3b44;color:#A5E8FD;border-color:#A5E8FD} html[data-theme=dark] .spk-pkr{background:#3f3020;color:#ffc27a}html[data-theme=dark] .spk-pkr__h{color:#ffc27a} html[data-theme=dark] .spk-pkr.is-done{background:#1f3b2c;color:#86e0a8}html[data-theme=dark] .spk-pkr.is-out,html[data-theme=dark] .spk-pk--out{background:#43262a;color:#ffaaa3} html[data-theme=dark] .spk-pkr__b{background:#A5E8FD;color:#0D4A57} #spk-pkt{position:fixed;left:50%;width:min(420px,calc(100vw - 24px));box-sizing:border-box;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;z-index:2147483300;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);background:#1C1C1C;color:#fff;border-radius:14px;padding:10px 10px 10px 12px;font:500 14px Poppins,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:.22s} #spk-pkt.on{opacity:1;transform:translate(-50%,0)} .spk-pkt__m{flex:1;min-width:0}.spk-pkt__i{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1F8A4C;color:#fff;font-weight:700} #spk-pkt.is-err .spk-pkt__m{flex:1;min-width:0}.spk-pkt__i{background:#d70015} #spk-pkt button{border:0;border-radius:10px;background:#A5E8FD;color:#0D4A57;font:600 14px Poppins,sans-serif;padding:8px 12px;cursor:pointer} .spk-pk__qr{margin-left:8px;border:1px solid #0D4A57;border-radius:6px;background:#fff;color:#0D4A57;font:600 11px Poppins,sans-serif;padding:3px 7px;cursor:pointer} /* ===== 2026-10-10 compact approval bar (owner: box pushed job card down) ===== */ #ph .spk-apv,.v4-bj .spk-apv,.spk-apv[data-apv]{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 10px!important;padding:8px 10px 8px 14px!important;margin:6px 0!important;border-radius:12px!important;min-height:0!important} .spk-apv[data-apv]>.spk-apv__t{flex:1 1 160px;min-width:0;cursor:pointer;display:flex;flex-direction:column;gap:1px} .spk-apv[data-apv]>.spk-apv__t b{font-size:14px!important;line-height:1.25} .spk-apv[data-apv]>.spk-apv__t small{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .spk-apv[data-apv]>.spk-apv__b{order:2;width:auto!important;flex:0 0 auto;min-height:36px!important;height:36px;padding:0 14px!important;font-size:13px!important;border-radius:10px!important;box-shadow:none!important;margin:0!important} .spk-apv__cv{order:3;all:unset;cursor:pointer;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;color:inherit;opacity:.75;transition:transform .15s} .spk-apv__cv:hover{background:rgba(0,0,0,.06);opacity:1}.spk-apv__cv:focus-visible{outline:2px solid currentColor} .spk-apv.is-open .spk-apv__cv{transform:rotate(180deg)} .spk-apv[data-apv]>.spk-apv__ls{order:4;flex-basis:100%;display:none!important;margin:2px 0 0!important} .spk-apv.is-open>.spk-apv__ls{display:block!important} .spk-apv__ls .spk-apv__l{padding:6px 0!important;gap:4px 8px!important} .spk-apv__ls .spk-apv__ln b{font-size:13px!important}.spk-apv__ls .spk-apv__ln small{font-size:11.5px!important} .spk-apv__ls .spk-pk--out{display:inline-block!important;width:auto!important;margin:2px 0 0 6px!important;padding:1px 6px!important;font-size:11px!important;border-radius:5px!important;vertical-align:middle} .spk-apv__q button{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;font-size:14px!important;padding:0!important;border-radius:7px!important} .spk-apv__q output{min-width:18px!important;font-size:13px!important} .spk-apv__rm{width:26px!important;height:26px!important;min-height:26px!important} .spk-apv__tot{padding:6px 0 0!important;font-size:13px!important} /* spokes-lang.css */ .blv-lang.spk-lg-src{display:none!important} .spk-lg{position:relative;display:inline-block;font-family:Poppins,system-ui,sans-serif} .spk-lg__b{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(13,74,87,.18);background:rgba(255,255,255,.7);color:#0D4A57;font:600 13px Poppins,system-ui,sans-serif;cursor:pointer} .spk-lg__b:hover{background:#E3F2F2} .spk-lg__f{display:inline-block;width:20px;height:14px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:0 0 auto;line-height:0} .spk-lg__f svg{width:100%;height:100%;display:block} .spk-lg__ch{opacity:.6;transition:transform .15s}.spk-lg.open .spk-lg__ch{transform:rotate(180deg)} .spk-lg__m{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:4000;min-width:180px;margin:0;padding:6px;list-style:none;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(16,40,46,.18),0 0 0 1px rgba(13,74,87,.08)} .spk-lg.open .spk-lg__m{display:block} .spk-lg__m li{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:10px;cursor:pointer;color:#1d2a2e;font-size:15px;outline:none} .spk-lg__m li:hover,.spk-lg__m li:focus{background:#E3F2F2} .spk-lg__m li[aria-selected=true]{font-weight:600;color:#0D4A57} .spk-lg__ok{margin-left:auto;color:#0D4A57} html[data-theme=dark] .spk-lg__b{background:rgba(255,255,255,.06);color:#CFEFF5;border-color:rgba(165,232,253,.22)} html[data-theme=dark] .spk-lg__m{background:#2F3638;box-shadow:0 10px 30px rgba(0,0,0,.4)}html[data-theme=dark] .spk-lg__m li{color:#EEF3F4}html[data-theme=dark] .spk-lg__m li:hover,html[data-theme=dark] .spk-lg__m li:focus{background:rgba(165,232,253,.1)} @media (max-width:600px){.spk-lg__b{min-height:44px}} .spk-lg--l .spk-lg__m{left:0;right:auto} /* spokes-voice.css */ .spk-vn{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:8px 0 2px} .spk-vn__b{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line,#d6dde3);background:var(--card,#fff);color:inherit;font:600 14px/1 Poppins,system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent} .spk-vn__b:disabled{opacity:.6;cursor:default} .spk-vn__b.is-rec{background:#d92d20;border-color:#d92d20;color:#fff} .spk-vn__live{display:inline-flex;align-items:center;gap:6px;font:600 14px/1 Poppins,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#d92d20} .spk-vn__live i{width:10px;height:10px;border-radius:50%;background:#d92d20;animation:spkvn 1s ease-in-out infinite} @keyframes spkvn{50%{opacity:.25;transform:scale(.8)}} .spk-vn__spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spkvs .8s linear infinite} @keyframes spkvs{to{transform:rotate(360deg)}} .spk-vn__m{flex-basis:100%;font:500 13px/1.35 Poppins,system-ui,sans-serif;color:var(--muted,#56626c)} .spk-vn__m.is-bad{color:#b42318} @media (prefers-reduced-motion:reduce){.spk-vn__live i,.spk-vn__spin{animation:none}} .v4-note .v4-mic{display:none!important} /* spokes-import.css */ /* Spokes «Importer / flytt data» – Havbris (Deep sea #0D4A57, Glass #A5E8FD, Shell #F7E7C6), Jost headings, Poppins body */ .spi{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;font-family:Poppins,system-ui,sans-serif;color:var(--hb-ink,#0B1F26)} @media (max-width:1100px){.spi{grid-template-columns:1fr}} .spi-hd h1{font:600 28px/1.15 Jost,Poppins,sans-serif;margin:0 0 6px;color:#0D4A57}.spi-hd p{margin:0;color:#4a5d63;max-width:62ch}.spi-eb{font-size:12px!important;text-transform:uppercase;letter-spacing:.08em;color:#0D4A57!important;font-weight:600;margin-bottom:4px!important} .spi-steps{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 14px}.spi-st{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:#fff;border:1px solid rgba(13,74,87,.14);font-size:13px;color:#4a5d63} .spi-st b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#EEF8FB;color:#0D4A57;font-size:12px}.spi-st.is-cur{border-color:#0D4A57;color:#0D4A57;font-weight:600;box-shadow:0 0 0 3px rgba(165,232,253,.45)}.spi-st.is-cur b{background:#0D4A57;color:#fff}.spi-st.is-done b{background:#A5E8FD;color:#0D4A57} .spi-card{background:#fff;border:1px solid rgba(13,74,87,.12);border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(11,31,38,.04),0 8px 24px -16px rgba(13,74,87,.25)}.spi-side{display:grid;gap:16px}.spi-side h3,.spi-how h3,.spi-kr h3{font:600 17px Jost,Poppins,sans-serif;margin:0 0 6px;color:#0D4A57} .spi-h{font:600 21px Jost,Poppins,sans-serif;margin:0 0 6px;color:#0B1F26}.spi-p{color:#4a5d63;margin:0 0 16px}.spi-mut{color:#6b7c81;font-size:13px} .spi-src,.spi-wl{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:16px} .spi-sc{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;border:1.5px solid rgba(13,74,87,.16);background:#fff;font:500 15px Poppins,sans-serif;color:#0B1F26;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s;text-align:left} .spi-sc:hover{border-color:#0D4A57;transform:translateY(-1px)}.spi-sc.is-on{border-color:#0D4A57;background:#EEF8FB;box-shadow:0 0 0 3px rgba(165,232,253,.55)}.spi-sc:focus-visible,.spi button:focus-visible,.spi select:focus-visible,.spi input:focus-visible,.spi textarea:focus-visible{outline:2px solid #0D4A57;outline-offset:2px} .spi-lg{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;font:700 13px Jost,sans-serif;color:#fff;background:#0D4A57;flex:none}.spi-lg--bikedesk{background:#E2522F}.spi-lg--bikebook{background:#1F7A4D}.spi-lg--bikefolder{background:#2B2B2B}.spi-lg--lightspeed{background:#E8412C}.spi-lg--excel{background:#1D6F42} .spi-how{background:#F9FCFD;border:1px solid rgba(13,74,87,.1);border-radius:12px;padding:14px 16px}.spi-how ol{margin:6px 0 8px;padding-left:20px}.spi-how li{margin:4px 0}.spi-how a,.spi-lnk{color:#0D4A57;font-weight:600} .spi-lnk{background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font:inherit;font-weight:600} .spi-f{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.spi-row{display:flex;gap:8px;flex-wrap:wrap}.spi-row--c{justify-content:center;margin:14px 0 6px} .spi-drop{display:grid;place-items:center;gap:6px;padding:28px;border:2px dashed rgba(13,74,87,.3);border-radius:14px;background:#F9FCFD;color:#0D4A57;cursor:pointer;text-align:center;transition:background .15s,border-color .15s}.spi-drop:hover,.spi-drop.is-over{background:#EEF8FB;border-color:#0D4A57}.spi-drop small{color:#6b7c81} .spi-fl{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}.spi-fl li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(13,74,87,.12);border-radius:12px}.spi-fn{flex:1;min-width:0}.spi-fn b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spi-fn small{color:#6b7c81} .spi select,.spi input[type=search],.spi input[type=tel],.spi textarea{font:inherit;font-size:16px;border:1px solid rgba(13,74,87,.22);border-radius:10px;padding:7px 10px;background:#fff;color:inherit;max-width:100%}.spi label{font-size:13px;color:#4a5d63}.spi form label{display:grid;gap:4px;margin-bottom:8px} .spi-x{border:0;background:#EEF8FB;color:#0D4A57;width:30px;height:30px;border-radius:50%;font-size:18px;cursor:pointer;transition:transform .15s,background .15s}.spi-x:hover{background:#0D4A57;color:#fff;transform:rotate(90deg)} .spi-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.spi-tabs button{border:1px solid rgba(13,74,87,.18);background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;font:500 13px Poppins,sans-serif}.spi-tabs [aria-selected=true]{background:#0D4A57;color:#fff;border-color:#0D4A57} .spi-map{width:100%;border-collapse:collapse}.spi-map th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#6b7c81;padding:6px 8px}.spi-map td{padding:6px 8px;border-top:1px solid rgba(13,74,87,.08)}.spi-map select{width:100%}.spi-ex{color:#6b7c81;font-size:13px}.spi-req{color:#C2410C;font-weight:700} .spi-warn,.spi-err{display:flex;gap:8px;align-items:flex-start;color:#9A3412;background:#FFF4EC;border:1px solid #FED7AA;border-radius:10px;padding:10px 12px;margin:12px 0 0}.spi-err{color:#991B1B;background:#FEF2F2;border-color:#FECACA}.spi-ok{display:flex;gap:6px;align-items:center;color:#166534} .spi-cnt{list-style:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.spi-cnt li{background:linear-gradient(160deg,#EEF8FB,#fff);border:1px solid rgba(13,74,87,.12);border-radius:12px;padding:12px}.spi-cnt b{display:block;font:600 24px Jost,sans-serif;color:#0D4A57}.spi-cnt span{font-size:13px}.spi-cnt small{display:block;color:#6b7c81;font-size:12px} .spi-iss,.spi-pv{border:1px solid rgba(13,74,87,.12);border-radius:12px;padding:10px 14px;margin:10px 0}.spi-iss summary,.spi-pv summary,.spi-tpl summary{cursor:pointer;font-weight:600;display:flex;gap:6px;align-items:center}.spi-iss ul{margin:8px 0 0;padding-left:18px;max-height:220px;overflow:auto;font-size:13px}.spi-iss summary{color:#9A3412} .spi-tw{overflow:auto;margin-top:8px}.spi-tw table{border-collapse:collapse;width:100%;font-size:13px}.spi-tw th{text-align:left;background:#EEF8FB;color:#0D4A57;padding:6px 8px;white-space:nowrap}.spi-tw td{padding:6px 8px;border-top:1px solid rgba(13,74,87,.08);white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis} .spi-prog{margin-top:14px}.spi-bar{height:8px;border-radius:99px;background:#EEF8FB;overflow:hidden}.spi-bar i{display:block;height:100%;background:linear-gradient(90deg,#0D4A57,#2A8FA3);border-radius:99px;transition:width .3s}.spi-prog span{font-size:13px;color:#4a5d63} .spi-done{text-align:center}.spi-done .spi-cnt{text-align:left}.spi-done .spi-row{justify-content:center}.spi-done__i{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#A5E8FD;color:#0D4A57;margin-bottom:8px}.spi-done__i svg{width:28px;height:28px} .spi-assist{background:linear-gradient(160deg,#F7E7C6 0%,#fff 70%)}.spi-assist small{display:block;color:#6b7c81;margin-top:6px}.spi-assist textarea{width:100%;box-sizing:border-box}.spi-assist input{width:100%;box-sizing:border-box} .spi-bl{list-style:none;padding:0;margin:0;display:grid;gap:10px}.spi-bl li{font-size:14px}.spi-bl small{display:block;color:#6b7c81} .spi-tpl p{font-size:13px;color:#6b7c81}.spi-tpl{margin-top:16px}.spi-side .spi-tpl{margin:0} .spi-modal{position:fixed;inset:0;z-index:10050;background:rgba(9,56,66,.55);backdrop-filter:blur(6px);display:grid;place-items:start center;overflow:auto;padding:4vh 16px;animation:spiIn .2s ease-out} .spi-modal__in{position:relative;width:min(1180px,100%);background:#F4F8F9;border-radius:20px;padding:28px;box-shadow:0 30px 80px -20px rgba(0,0,0,.45)}.spi-modal__x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:#EEF8FB;color:#0D4A57;font-size:22px;cursor:pointer;transition:transform .15s,background .15s}.spi-modal__x:hover{background:#0D4A57;color:#fff;transform:rotate(90deg)} @keyframes spiIn{from{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.spi-modal{animation:none}.spi-sc,.spi-x,.spi-modal__x{transition:none}} .spi-wc2 .spi-wl{margin:16px 0 4px}.spi-wstep{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#0D4A57;font-weight:600;margin:0 0 4px}.spi-wc2 .spi-mut{text-align:center} .spi-kr{background:#fff;border:1px solid rgba(13,74,87,.12);border-radius:16px;padding:16px 18px;margin:12px 0 16px;font-family:Poppins,system-ui,sans-serif}.spi-kr__h{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:8px}.spi-kr__h small{color:#6b7c81;flex:1}.spi-kr__q{width:100%;box-sizing:border-box;font-size:16px;border:1px solid rgba(13,74,87,.22);border-radius:10px;padding:8px 12px} .spi-kr__l{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px;max-height:420px;overflow:auto}.spi-kr__l button{display:flex;gap:10px;width:100%;text-align:left;border:0;background:#F9FCFD;border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;color:inherit}.spi-kr__l button:hover{background:#EEF8FB}.spi-kr__l span{color:#6b7c81;font-size:13px}.spi-kr__d{padding:6px 12px;font-size:13px}.spi-kr__d p{margin:4px 0} .spi-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#0D4A57;color:#fff;padding:12px 18px;border-radius:12px;z-index:10060;font:500 14px Poppins,sans-serif;box-shadow:0 10px 30px -10px rgba(0,0,0,.4)} /* dark */ html[data-theme=dark] .spi,html[data-theme=dark] .spi-kr{color:#E6F1F3}html[data-theme=dark] .spi-card,html[data-theme=dark] .spi-kr,html[data-theme=dark] .spi-sc,html[data-theme=dark] .spi-st,html[data-theme=dark] .spi-tabs button{background:#13262B;border-color:rgba(165,232,253,.16);color:#E6F1F3} html[data-theme=dark] .spi-hd h1,html[data-theme=dark] .spi-h,html[data-theme=dark] .spi-side h3,html[data-theme=dark] .spi-how h3,html[data-theme=dark] .spi-kr h3,html[data-theme=dark] .spi-cnt b,html[data-theme=dark] .spi-eb,html[data-theme=dark] .spi-lnk,html[data-theme=dark] .spi-how a{color:#A5E8FD!important} html[data-theme=dark] .spi-p,html[data-theme=dark] .spi-hd p{color:#B5C7CC}html[data-theme=dark] .spi-how,html[data-theme=dark] .spi-drop,html[data-theme=dark] .spi-kr__l button,html[data-theme=dark] .spi-cnt li{background:#0F1F23;border-color:rgba(165,232,253,.18);color:#E6F1F3} html[data-theme=dark] .spi-sc.is-on,html[data-theme=dark] .spi-st.is-cur{background:rgba(165,232,253,.12);border-color:#A5E8FD;color:#A5E8FD}html[data-theme=dark] .spi-st b,html[data-theme=dark] .spi-x{background:rgba(165,232,253,.14);color:#A5E8FD}html[data-theme=dark] .spi-st.is-cur b{background:#A5E8FD;color:#0B1F26} html[data-theme=dark] .spi select,html[data-theme=dark] .spi input,html[data-theme=dark] .spi textarea,html[data-theme=dark] .spi-kr__q{background:#0F1F23;color:#E6F1F3;border-color:rgba(165,232,253,.22)}html[data-theme=dark] .spi-tw th{background:rgba(165,232,253,.1);color:#A5E8FD} html[data-theme=dark] .spi-assist{background:linear-gradient(160deg,rgba(247,231,198,.12),#13262B 70%)}html[data-theme=dark] .spi-modal__in{background:#0B1A1E}html[data-theme=dark] .spi-drop{color:#A5E8FD} /*imp3*/.spi-cap{margin-top:14px;padding-top:12px;border-top:1px solid var(--line,#e3e7ec)}.spi-cap h4{margin:0 0 8px;font-size:14px}.spi-cap ul{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px} .spi-cap li{display:grid;grid-template-columns:62px 1fr;column-gap:10px;align-items:start}.spi-cap li b{grid-column:2;font-size:13.5px}.spi-cap li small{grid-column:2;color:var(--muted,#5b6672);font-size:12.5px;line-height:1.45} .spi-capb{grid-row:1/span 2;align-self:start;text-align:center;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.spi-capb--ja{background:#dff3ea;color:#0f6b45}.spi-capb--delvis{background:#fff1d6;color:#8a5a00}.spi-capb--nei{background:#f3e1e1;color:#9b2c2c} @media (prefers-color-scheme:dark){html.dark .spi-capb--ja{background:#123d2c;color:#9fe3c3}html.dark .spi-capb--delvis{background:#3d2f12;color:#f3cf86}html.dark .spi-capb--nei{background:#3d1717;color:#f0a8a8}} /* spokes-pos.css */ /* Spokes – Kasse / POS (2026-10-10). Havbris: deep #0D4A57, glass #A5E8FD, shell #F7E7C6. */ :root{--pos-deep:var(--hb-deep,#0D4A57);--pos-glass:var(--hb-glass,#A5E8FD);--pos-tint:var(--hb-tint,#EEF8FB);--pos-ok:#1F7A4D;--pos-okbg:#E6F4EC;--pos-warn:#9A5B00;--pos-x:#B42318;--pos-card:var(--blv-card,#fff);--pos-ink:var(--blv-ink,#0B1F26);--pos-mu:var(--blv-muted,#5b6b70);--pos-line:var(--blv-line,#e3e8ea)} html[data-theme=dark]{--pos-tint:rgba(165,232,253,.08);--pos-okbg:rgba(31,122,77,.18);--pos-ok:#7BD9A6;--pos-x:#FF8A80} /* 1. Ready jobs: hide payment clutter, keep one POS card */ #panel.spk-pos-ready :is(.jb2-t--betal,.jb2-pay,.jb2-hint,[id^="jb2-payh"]){display:none!important} #panel.spk-pos-ready #pb>.pk>.pk-pay,#panel.spk-pos-ready #pb>.pk .pk-mock,#panel.spk-pos-ready #pb>.pk .pk-seg{display:none!important} #panel.spk-pos-ready .pk-hd .pk-st{display:none} .spk-pc{margin:14px 0;padding:14px 16px 16px;border-radius:16px;background:var(--pos-tint);border:1px solid color-mix(in srgb,var(--pos-deep) 16%,transparent)} .spk-pc__h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font:600 13px/1.2 Jost,Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--pos-deep)} html[data-theme=dark] .spk-pc__h{color:var(--pos-glass)} .spk-pc__set{font:500 13px Poppins,sans-serif;text-transform:none;letter-spacing:0;color:inherit} .spk-pc__send{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;margin-top:12px;padding:12px 18px;border:0;border-radius:14px;background:var(--pos-deep);color:#fff;cursor:pointer;text-align:left;font-family:Poppins,sans-serif;box-shadow:0 10px 24px -14px rgba(13,74,87,.8);transition:transform .15s cubic-bezier(.3,1.4,.6,1),box-shadow .15s} .spk-pc__send b{display:block;font:600 18px/1.2 Jost,Poppins,sans-serif}.spk-pc__send small{opacity:.85;font-size:13px} .spk-pc__send svg{flex:none;width:28px;height:28px;color:var(--pos-glass)} @media (hover:hover){.spk-pc__send:hover{transform:translateY(-1px);box-shadow:0 14px 28px -14px rgba(13,74,87,.9)}} html[data-theme=dark] .spk-pc__send{background:var(--pos-glass);color:#0B1F26}html[data-theme=dark] .spk-pc__send svg{color:#0D4A57} .spk-pc__paid{display:flex;gap:12px;align-items:center;margin-top:12px;padding:12px 16px;border-radius:14px;background:var(--pos-okbg);color:var(--pos-ok)} .spk-pc__paid b{display:block;font:600 17px Jost,Poppins,sans-serif}.spk-pc__paid small{color:var(--pos-mu)} .spk-pc--m{margin:10px 0 14px} /* stepper */ .spk-pst{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0;padding:0;list-style:none;counter-reset:s} .spk-pst li{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;font:500 11.5px/1.2 Poppins,sans-serif;color:var(--pos-mu);text-align:center} .spk-pst li::before{content:"";position:absolute;top:13px;left:-50%;width:100%;height:2px;background:var(--pos-line);z-index:0} .spk-pst li:first-child::before{display:none} .spk-pst li.done::before,.spk-pst li.now::before{background:var(--pos-deep)} .spk-pst i{position:relative;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pos-card);border:2px solid var(--pos-line);font:600 12px/1 Poppins,sans-serif;font-style:normal;color:var(--pos-mu)} .spk-pst li.done i{background:var(--pos-deep);border-color:var(--pos-deep);color:#fff} .spk-pst li.now i{border-color:var(--pos-deep);color:var(--pos-deep);box-shadow:0 0 0 4px color-mix(in srgb,var(--pos-glass) 55%,transparent);animation:spkPulse 1.6s ease-in-out infinite} .spk-pst li.now span{color:var(--pos-ink);font-weight:600} .spk-pst li.x i{border-color:var(--pos-x);color:var(--pos-x);animation:none;box-shadow:none}.spk-pst li.x span{color:var(--pos-x)} .spk-pst li:last-child.done i{background:var(--pos-ok);border-color:var(--pos-ok)} html[data-theme=dark] .spk-pst li.done i{background:var(--pos-glass);border-color:var(--pos-glass);color:#0B1F26} @keyframes spkPulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--pos-glass) 25%,transparent)}} @media (prefers-reduced-motion:reduce){.spk-pst li.now i,.spk-pm__spin{animation:none!important}} /* board chip */ .pk-kb[data-spk] .pk-st{border-radius:999px;padding:2px 8px;font-weight:600} .pk-kb[data-spk=ikke] .pk-st{background:#FFF4E0;color:#8A5300} .pk-kb[data-spk=sendt] .pk-st,.pk-kb[data-spk=venter] .pk-st{background:var(--pos-tint);color:var(--pos-deep);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pos-deep) 25%,transparent)} .pk-kb[data-spk=betalt] .pk-st{background:var(--pos-okbg);color:var(--pos-ok)} html[data-theme=dark] .pk-kb[data-spk=ikke] .pk-st{background:rgba(247,231,198,.12);color:#F7E7C6} html[data-theme=dark] .pk-kb[data-spk=sendt] .pk-st,html[data-theme=dark] .pk-kb[data-spk=venter] .pk-st{color:var(--pos-glass)} /* 2. Pop-up */ .spk-pm{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:16px;background:rgba(9,56,66,.42);backdrop-filter:blur(3px)} .spk-pm[hidden]{display:none} .spk-pm__in{position:relative;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:22px 22px 20px;border-radius:22px;background:var(--pos-card);color:var(--pos-ink);box-shadow:0 30px 80px -30px rgba(9,56,66,.6);font-family:Poppins,sans-serif;animation:spkIn .22s cubic-bezier(.2,1.2,.4,1)} @keyframes spkIn{from{transform:translateY(14px) scale(.98);opacity:0}} .spk-pm__x{position:absolute;top:14px;right:14px;width:36px;height:36px;font-size:20px;line-height:1;cursor:pointer} .spk-pm__h,.spk-ps__hd{display:flex;gap:12px;align-items:center;margin-bottom:16px} .spk-pm__h h2,.spk-ps__hd h2{margin:0;font:600 22px/1.15 Jost,Poppins,sans-serif}.spk-pm__h small{color:var(--pos-mu)} .spk-pm__ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:var(--pos-tint);color:var(--pos-deep)} html[data-theme=dark] .spk-pm__ic{color:var(--pos-glass)} .spk-pm__facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 10px} .spk-pm__facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--pos-mu)}.spk-pm__facts dd{margin:2px 0 0}.spk-pm__facts dd b{display:block}.spk-pm__facts dd span{font-size:13px;color:var(--pos-mu)} .spk-pm__t{width:100%;border-collapse:collapse;font-size:14px} .spk-pm__t th,.spk-pm__t td{padding:7px 0;border-bottom:1px solid var(--pos-line);text-align:left;font-weight:400} .spk-pm__t thead th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--pos-mu)} .spk-pm__t .n{text-align:right;white-space:nowrap} .spk-pm__t tfoot th,.spk-pm__t tfoot td{border:0} .spk-pm__t .tot th,.spk-pm__t .tot td{padding-top:10px;font:600 20px Jost,Poppins,sans-serif}.spk-pm__t .vat th,.spk-pm__t .vat td{padding:0;font-size:12.5px;color:var(--pos-mu)} .spk-pm__ms{border:0;margin:14px 0 4px;padding:0;display:grid;gap:8px}.spk-pm__ms legend{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--pos-mu);margin-bottom:6px} .spk-pm__m{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:12px;border:1.5px solid var(--pos-line);cursor:pointer} .spk-pm__m.on{border-color:var(--pos-deep);background:var(--pos-tint)}html[data-theme=dark] .spk-pm__m.on{border-color:var(--pos-glass)} .spk-pm__m input{margin-top:3px;accent-color:var(--pos-deep)}.spk-pm__m b{display:block;font-weight:600}.spk-pm__m small{color:var(--pos-mu);font-size:12.5px} .spk-pm__ph,.spk-pm__mp label,.spk-ps__f label{display:grid;gap:4px;font-size:13px;margin-top:10px} :is(.spk-pm,.spk-ps) input:not([type=radio]):not([type=checkbox]),:is(.spk-pm,.spk-ps) select{min-height:42px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--pos-line);background:var(--pos-card);color:var(--pos-ink);font:15px Poppins,sans-serif} .spk-pm__mp{display:grid;grid-template-columns:1fr 1.4fr;gap:10px} .spk-pm__row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .spk-pm__b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:12px;border:1.5px solid var(--pos-line);background:var(--pos-card);color:var(--pos-ink);font:500 15px Poppins,sans-serif;cursor:pointer} .spk-pm__b.is-p{flex:1;background:var(--pos-deep);border-color:var(--pos-deep);color:#fff} html[data-theme=dark] .spk-pm__b.is-p{background:var(--pos-glass);border-color:var(--pos-glass);color:#0B1F26} .spk-pm__b.is-xl{min-height:58px;font:600 18px Jost,Poppins,sans-serif}.spk-pm__b.is-g{border-color:transparent;color:var(--pos-mu)} .spk-pm__b[disabled]{opacity:.55;cursor:default} .spk-pm__wait,.spk-pm__ok{display:flex;gap:14px;align-items:center;margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--pos-tint)} .spk-pm__wait b,.spk-pm__ok b{display:block}.spk-pm__wait span,.spk-pm__ok span{font-size:13px;color:var(--pos-mu)} .spk-pm__ok{background:var(--pos-okbg);color:var(--pos-ok)}.spk-pm__ok svg{width:26px;height:26px}.spk-pm__ok b{font:600 20px Jost,Poppins,sans-serif} .spk-pm__spin{flex:none;width:26px;height:26px;border-radius:50%;border:3px solid color-mix(in srgb,var(--pos-deep) 20%,transparent);border-top-color:var(--pos-deep);animation:spkSpin .9s linear infinite} @keyframes spkSpin{to{transform:rotate(360deg)}} .spk-pm__man{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--pos-tint)} .spk-pm__amt small{display:block;font-size:12px;color:var(--pos-mu)}.spk-pm__amt b{display:block;font:600 34px/1.1 Jost,Poppins,sans-serif;color:var(--pos-deep)}.spk-pm__amt span{font-size:12.5px;color:var(--pos-mu)} html[data-theme=dark] .spk-pm__amt b{color:var(--pos-glass)} .spk-pm__qr{background:#fff;border-radius:10px;padding:6px;line-height:0}.spk-pm__qr:empty{display:none}.spk-pm__qr svg{width:116px;height:116px} .spk-pm__note{font-size:12.5px;color:var(--pos-mu);margin:10px 0 0} .spk-pm__err{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--pos-x) 10%,transparent);color:var(--pos-x);font-size:13.5px} @media (max-width:600px){.spk-pm{place-items:end center;padding:0}.spk-pm__in{width:100%;border-radius:22px 22px 0 0;max-height:92dvh;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.spk-pm__mp{grid-template-columns:1fr}} /* 3. Settings */ .spk-ps{max-width:860px;font-family:Poppins,sans-serif;color:var(--pos-ink)} .spk-ps__hd{align-items:flex-start}.spk-ps__hd p{margin:4px 0 0;color:var(--pos-mu);font-size:14px;max-width:62ch} .spk-ps__now{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--pos-tint);font-size:14px}.spk-ps__now span:last-child{color:var(--pos-mu)} .spk-ps__now .dot{width:10px;height:10px;border-radius:50%;background:#C9A227}.spk-ps__now .dot.on{background:var(--pos-ok);box-shadow:0 0 0 4px var(--pos-okbg)} .spk-ps__lock{padding:10px 12px;border-radius:10px;background:#FFF4E0;color:#8A5300;font-size:13.5px} .spk-ps__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:16px 0} .spk-ps__p{display:grid;gap:6px;justify-items:start;padding:14px;border-radius:14px;border:1.5px solid var(--pos-line);background:var(--pos-card);color:var(--pos-ink);cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,box-shadow .15s,transform .15s} .spk-ps__p b{font:600 16px Jost,Poppins,sans-serif}.spk-ps__p.on{border-color:var(--pos-deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--pos-glass) 60%,transparent)} @media (hover:hover){.spk-ps__p:not([disabled]):hover{transform:translateY(-1px)}} .spk-ps__p em{font-style:normal;font-size:11.5px;padding:2px 8px;border-radius:999px}.b-ok{background:var(--pos-okbg);color:var(--pos-ok)}.b-p{background:#FFF4E0;color:#8A5300}.b-m{background:var(--pos-tint);color:var(--pos-deep)} .spk-ps__card{padding:18px;border-radius:16px;border:1px solid var(--pos-line);background:var(--pos-card)}.spk-ps__card h3{margin:0 0 4px;font:600 19px Jost,Poppins,sans-serif} .spk-ps__mu{color:var(--pos-mu);font-size:13.5px}.spk-ps__mu.sm{font-size:12.5px;margin-top:12px} .spk-ps__how{margin:10px 0 4px;padding-left:20px;font-size:14px;line-height:1.5}.spk-ps__how li{margin:4px 0} .spk-ps__f{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.spk-ps__f small{color:var(--pos-mu);font-size:12px}.spk-ps__f .ck{display:flex;gap:8px;align-items:center} .spk-ps__row{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.spk-ps__row .is-p{flex:0 0 auto} .spk-ps__pair{margin-top:18px;padding-top:14px;border-top:1px dashed var(--pos-line)}.spk-ps__pair h4{margin:0;font:600 15px Jost,Poppins,sans-serif}.spk-ps__pair .spk-pm__b{margin-top:10px} .spk-ps__msg{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:var(--pos-okbg);color:var(--pos-ok);font-size:14px}.spk-ps__msg.bad{background:color-mix(in srgb,var(--pos-x) 10%,transparent);color:var(--pos-x)} @media (max-width:600px){.spk-ps__f{grid-template-columns:1fr}} /* fixes: theme input/table globals */ .spk-pm__m input[type=radio]{all:revert;flex:none;width:18px;height:18px;margin:3px 0 0;accent-color:var(--pos-deep)} .spk-pm__m>span{flex:1} .spk-pm__t{table-layout:fixed}.spk-pm__t th:first-child{width:auto}.spk-pm__t th.n,.spk-pm__t td.n{width:90px} .spk-pm__t tfoot th{text-align:left}.spk-pm__t tfoot td{text-align:right} #spk-pm .spk-pm__t tfoot tr>th{text-align:left!important;width:auto} #spk-pm .spk-pm__t tfoot tr>td.n{text-align:right!important;width:110px;white-space:nowrap} #spk-pm .spk-pm__t .tot th{white-space:nowrap} #spk-mc .spk-pc--m{margin:0 0 12px} .spk-pm__sum{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;font:600 20px Jost,Poppins,sans-serif} .spk-pm__sum b{font-weight:600;text-align:right} .spk-pm__sum.is-vat{margin-top:0;font:400 12.5px Poppins,sans-serif;color:var(--pos-mu)} .spk-pc__h{gap:12px} #spk-pm .spk-pm__sum>b{margin-left:auto!important;flex:none!important;display:block!important}#spk-pm .spk-pm__sum>span:first-child{flex:1 1 auto} .spk-rc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0;font-size:13px;color:var(--pos-mu)}.spk-rc.is-x{color:#8A5300} .spk-rc__b{border:1px solid color-mix(in srgb,var(--pos-deep) 25%,transparent);background:transparent;color:var(--pos-deep);border-radius:999px;padding:3px 10px;font:500 12.5px Poppins,sans-serif;cursor:pointer} html[data-theme=dark] .spk-rc__b{color:var(--pos-glass)} /* spk-posno */ .spk-ps__grp{margin:18px 0 0;font:600 13px/1.2 Jost,Poppins,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--pos-deep)} .spk-ps__grp small{display:block;margin-top:3px;font:400 12.5px/1.35 inherit;letter-spacing:0;text-transform:none;opacity:.75} .spk-ps__grp+.spk-ps__grid{margin-top:8px} .b-s{background:#EEF0F4;color:#4A5568} .spk-ps__law{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#FFF8E8;border:1px solid #F1D9A6;color:#5C4200;font-size:13.5px;line-height:1.45} .spk-ps__law b{white-space:nowrap} /* spokes-extras.css */ /* Spokes «Tilleggskostnader» (spokes-extras.js) */ .spk-xt{border:1px solid #d7e6ea;border-radius:12px;padding:12px 14px;margin:12px 0;background:#fff} .spk-xt--c{margin:10px 0} .spk-xt__h{display:flex;align-items:center;gap:8px;color:#0D4A57} .spk-xt__h b{font-size:15px} .spk-xt__tot{margin-left:auto;font-weight:600;font-size:13px;color:#0D4A57} .spk-xt__mu{margin:8px 0;color:#5b6b70;font-size:13px} .spk-xt__warn{margin:8px 0;padding:8px 10px;border-radius:8px;background:#FFF4DC;color:#7a5200;font-size:13px} .spk-xt__ul{list-style:none;margin:8px 0;padding:0} .spk-xt__l{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #edf2f3} .spk-xt__l:first-child{border-top:0} .spk-xt__n{flex:1;min-width:0} .spk-xt__n b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .spk-xt__n small{color:#5b6b70;font-size:12px} .spk-xt__tag{font-style:normal;display:inline-block;margin-right:6px;padding:1px 7px;border-radius:999px;background:#E6F7FD;color:#0D4A57;font-weight:600;font-size:11px} .spk-xt__pw{color:#a26a00;font-weight:600} .spk-xt__l.is-pend{opacity:.85} .spk-xt__s{font-weight:600;white-space:nowrap} .spk-xt__x{border:0;background:none;color:#0D4A57;font-size:15px;cursor:pointer;padding:4px 6px;border-radius:6px} .spk-xt__x:hover{background:#EEF8FB} .spk-xt__dec{display:flex;gap:6px} .spk-xt__dec button{border:1px solid #d7e6ea;background:#fff;border-radius:8px;padding:4px 8px;font-size:12px;cursor:pointer} .spk-xt__dec .spk-xt__ok{background:#0D4A57;color:#fff;border-color:#0D4A57} .spk-xt__add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:6px;padding:10px 12px;border:1.5px dashed #0D4A57;border-radius:10px;background:#F3FBFD;color:#0D4A57;font-weight:600;font-size:14px;cursor:pointer;min-height:44px} .spk-xt__add:hover{background:#E6F7FD} .spk-xth--m{padding:0} .spk-xth--m .spk-xt{margin:0;border:0;padding:0;background:none} #spk-xm{position:fixed;inset:0;z-index:2147483000;background:rgba(10,30,36,.45);display:flex;align-items:center;justify-content:center;padding:16px} #spk-xm[hidden]{display:none} .spk-xm__in{background:#fff;border-radius:16px;width:min(560px,100%);max-height:min(720px,92vh);display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden} .spk-xm__in header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #edf2f3} .spk-xm__in h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px;color:#0D4A57} .spk-xm__c{border:0;background:none;font-size:18px;color:#0D4A57;cursor:pointer;padding:4px 8px;border-radius:8px} .spk-xm__c:hover{background:#EEF8FB} .spk-xm__q{display:flex;gap:8px;padding:12px 16px} .spk-xm__q input{flex:1;min-width:0;font-size:16px;padding:10px 12px;border:1px solid #cfdfe3;border-radius:10px} .spk-xm__scan{display:flex;align-items:center;gap:6px;border:1px solid #0D4A57;background:#0D4A57;color:#fff;border-radius:10px;padding:0 12px;font-weight:600;cursor:pointer;min-height:44px} .spk-xm__res{overflow:auto;padding:0 16px 8px;flex:1} .spk-xm__res h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#5b6b70;margin:10px 0 4px} .spk-xm__res ul{list-style:none;margin:0;padding:0} .spk-xm__res li button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;padding:9px 8px;border-radius:10px;cursor:pointer;font:inherit;color:inherit} .spk-xm__res li button:hover,.spk-xm__res li button:focus-visible{background:#EEF8FB;outline:none;box-shadow:inset 3px 0 0 #0D4A57} .spk-xm__res .n{flex:1;min-width:0}.spk-xm__res .n b{display:block;font-size:14px}.spk-xm__res .n small{color:#5b6b70;font-size:12px} .spk-xm__res .st{font-size:12px;white-space:nowrap}.spk-xm__res .st.in{color:#1d7a46}.spk-xm__res .st.out{color:#b3261e} .spk-xm__res .pr{font-weight:600;white-space:nowrap} .spk-xm__mu{color:#5b6b70;font-size:13px;margin:10px 0} .spk-xm__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-top:1px solid #edf2f3;flex-wrap:wrap} .spk-xm__lnk{color:#0D4A57;font-size:13px;font-weight:600} .spk-xm__b{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfdfe3;background:#fff;color:#0D4A57;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;min-height:44px;font-size:14px} .spk-xm__b.is-p{background:#0D4A57;border-color:#0D4A57;color:#fff} .spk-xm__f{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 16px} .spk-xm__f label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#5b6b70} .spk-xm__f .w{grid-column:1/-1} .spk-xm__f input,.spk-xm__f select{font-size:16px;padding:9px 10px;border:1px solid #cfdfe3;border-radius:10px;color:#13262b;background:#fff;min-width:0} .spk-xm__f input[readonly]{background:#f3f6f7;color:#5b6b70} .spk-xm__sel b{display:block;font-size:16px;color:#13262b}.spk-xm__sel small{color:#5b6b70} .spk-xm__tot{display:flex;justify-content:space-between;padding:4px 16px 10px;font-size:15px} .spk-xm__tot b{color:#0D4A57;font-size:18px} .spk-xm__row{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #edf2f3} #spk-xt-t{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;transition:.2s;background:#0D4A57;color:#fff;padding:10px 16px;border-radius:12px;z-index:2147483001;font-size:14px;max-width:90vw} #spk-xt-t.is-err{background:#b3261e}#spk-xt-t.on{opacity:1;transform:translate(-50%,0)} .spk-xs{max-width:720px} .spk-xs header{display:flex;gap:12px;align-items:flex-start}.spk-xs h2{margin:0 0 4px}.spk-xs header p{margin:0;color:#5b6b70} .spk-xs__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#E6F7FD;color:#0D4A57;flex:none} .spk-xs fieldset{border:1px solid #d7e6ea;border-radius:12px;margin:16px 0;padding:10px 14px}.spk-xs legend{font-weight:600;padding:0 4px} .spk-xs .r{display:block;padding:6px 0}.spk-xs .f{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}.spk-xs .f input{max-width:200px;font-size:16px;padding:9px 10px;border:1px solid #cfdfe3;border-radius:10px} .spk-xs__lock{background:#FFF4DC;color:#7a5200;padding:8px 10px;border-radius:8px}.spk-xs__mu{color:#5b6b70;font-size:13px}.spk-xs__msg{color:#1d7a46;font-weight:600} @media (max-width:600px){#spk-xm{align-items:flex-end;padding:0}.spk-xm__in{border-radius:16px 16px 0 0;max-height:92vh;width:100%}.spk-xm__f{grid-template-columns:1fr 1fr}.spk-xm__scan span{display:none}} html[data-theme=dark] .spk-xt,html[data-theme=dark] .spk-xm__in{background:#13252a;border-color:rgba(165,232,253,.18);color:#e8f2f4} html[data-theme=dark] .spk-xt__h,html[data-theme=dark] .spk-xt__tot,html[data-theme=dark] .spk-xm__in h2,html[data-theme=dark] .spk-xm__tot b,html[data-theme=dark] .spk-xm__lnk,html[data-theme=dark] .spk-xt__x,html[data-theme=dark] .spk-xm__c{color:#A5E8FD} html[data-theme=dark] .spk-xt__add{background:rgba(165,232,253,.08);border-color:#A5E8FD;color:#A5E8FD} html[data-theme=dark] .spk-xt__tag{background:rgba(165,232,253,.16);color:#A5E8FD} html[data-theme=dark] .spk-xt__l{border-color:rgba(255,255,255,.08)} html[data-theme=dark] .spk-xt__n small,html[data-theme=dark] .spk-xt__mu,html[data-theme=dark] .spk-xm__res .n small,html[data-theme=dark] .spk-xm__mu{color:#9fb3b8} html[data-theme=dark] .spk-xm__q input,html[data-theme=dark] .spk-xm__f input,html[data-theme=dark] .spk-xm__f select{background:#0d1c20;border-color:rgba(165,232,253,.22);color:#e8f2f4} html[data-theme=dark] .spk-xm__f input[readonly]{background:#18292e;color:#9fb3b8} html[data-theme=dark] .spk-xm__res li button:hover{background:rgba(165,232,253,.12);box-shadow:inset 3px 0 0 #A5E8FD} html[data-theme=dark] .spk-xm__b{background:#0d1c20;border-color:rgba(165,232,253,.25);color:#A5E8FD} html[data-theme=dark] .spk-xm__b.is-p,html[data-theme=dark] .spk-xm__scan,html[data-theme=dark] .spk-xt__dec .spk-xt__ok{background:#A5E8FD;border-color:#A5E8FD;color:#0D4A57} html[data-theme=dark] .spk-xm__sel b{color:#e8f2f4} html[data-theme=dark] .spk-xm__in header,html[data-theme=dark] .spk-xm__foot,html[data-theme=dark] .spk-xm__row{border-color:rgba(255,255,255,.08)} .spk-xs .r{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer}html body .spk-xs .r input{all:revert;width:18px;height:18px;margin:0;accent-color:#0D4A57;flex:none}html[data-theme=dark] body .spk-xs .r input{accent-color:#A5E8FD} .spk-xs{margin-top:8px}.spk-xs .f{margin:16px 0}.spk-xs .f span{font-weight:600}.spk-xs .f select{max-width:340px;font-size:15px;padding:9px 10px;border:1px solid #cfdfe3;border-radius:10px} /* 2026-10-10 owner: compact «SERVICENR.» barcode banner on desktop so Jobbinfo fits at 1366×768 (no scroll) */ @media (min-width:1024px){ html body:not(#spk-z) #panel #ph .pbc.jc-bc,html body #panel .ph .pbc.jc-bc{margin:2px 0 0!important;padding:4px 10px!important;gap:10px!important;border-radius:10px;flex-wrap:nowrap!important;justify-content:flex-start!important} html body:not(#spk-z) #panel #ph .pbc.jc-bc .jc-bars,html body #panel .ph .pbc.jc-bc .jc-bars{flex:0 0 auto!important;display:block!important} html body:not(#spk-z) #panel #ph .pbc.jc-bc .bc,html body #panel .ph .pbc.jc-bc .bc{height:28px!important;width:150px!important} html body #panel .ph .pbc.jc-bc .jc-bl small{font-size:10px}html body #panel .ph .pbc.jc-bc .jc-bl code{font-size:14px} html body #panel .ph .pbc.jc-bc .jc-copy{padding:4px 10px;min-height:30px;margin-left:auto} } /* spokes-plan.css */ /* Spokes – Abonnement sheet (Havbris) */ .spk-plan{position:fixed;inset:0;z-index:2147483000;display:none;font-family:Poppins,system-ui,sans-serif;color:#0D4A57} .spk-plan.is-open{display:block} .spk-plan__bg{position:absolute;inset:0;background:rgba(13,74,87,.35);backdrop-filter:blur(3px)} .spk-plan__p{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:22px;padding:24px 22px 20px;box-shadow:0 24px 60px rgba(13,74,87,.25)} .spk-plan__p h2{font-family:Jost,sans-serif;font-size:24px;margin:0 0 10px;font-weight:600} .spk-plan__x{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:50%;border:0;background:#E9F8FE;color:#0D4A57;font-size:22px;cursor:pointer;transition:transform .2s} .spk-plan__x:hover{transform:rotate(90deg)} .spk-plan__badge{display:inline-block;background:#F7E7C6;color:#0D4A57;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;margin:0 0 10px} .spk-plan__badge--s{font-size:12px;padding:2px 9px;margin:0 0 0 6px;vertical-align:middle} .spk-plan__trial{background:#E9F8FE;border-radius:12px;padding:10px 12px;font-size:13px;margin:0 0 12px} .spk-plan__use{font-size:14px;margin:0 0 14px} .spk-plan__bar{height:8px;border-radius:8px;background:#E9F1F3;margin-top:6px;overflow:hidden} .spk-plan__bar i{display:block;height:100%;background:#A5E8FD;border-radius:8px} .spk-plan__bar i.is-warn{background:#F2C76E}.spk-plan__bar i.is-full{background:#E07A5F} .spk-plan__plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 16px} .spk-plan__pk{position:relative;text-align:left;border:2px solid #DCEBEF;border-radius:16px;background:#fff;padding:14px 12px;cursor:pointer;color:#0D4A57;font:inherit;display:flex;flex-direction:column;gap:3px} .spk-plan__pk.is-on{border-color:#0D4A57;box-shadow:0 0 0 3px rgba(165,232,253,.6)} .spk-plan__pk b{font-family:Jost,sans-serif;font-size:18px}.spk-plan__pk span{font-size:12px;opacity:.8} .spk-plan__pk strong{font-family:Jost,sans-serif;font-size:24px;margin-top:6px}.spk-plan__pk small{font-size:11px;opacity:.7} .spk-plan__pk em{position:absolute;top:-10px;right:10px;background:#0D4A57;color:#fff;font-style:normal;font-size:11px;border-radius:999px;padding:2px 8px} .spk-plan__sl{display:block;font-size:14px;margin:0 0 6px} .spk-plan__sl input{width:100%;accent-color:#0D4A57;margin:10px 0 2px} .spk-plan__ticks{display:flex;justify-content:space-between;font-size:11px;opacity:.7}.spk-plan__ticks i{font-style:normal} .spk-plan__more{font-size:12px;margin:4px 0 10px}.spk-plan__more a{color:#0D4A57;font-weight:600} .spk-plan__ck{display:flex;gap:8px;align-items:center;font-size:14px;margin:8px 0} .spk-plan__ck input{accent-color:#0D4A57;width:18px;height:18px} .spk-plan__how{font-size:13px;margin:10px 0}.spk-plan__how summary{cursor:pointer;font-weight:600} .spk-plan__fine{font-size:12px;opacity:.75;margin:8px 0} .spk-plan__act{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px} .spk-plan__msg{font-size:13px} .spk-plan__save{font-family:Jost,sans-serif;background:#0D4A57;color:#fff;border:0;border-radius:999px;padding:10px 22px;font-size:15px;cursor:pointer} .spk-plan__save:disabled{opacity:.5} .spk-plc{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #DCEBEF;border-radius:16px;padding:14px 16px;margin:0 0 14px;background:#fff;color:#0D4A57;font-family:Poppins,sans-serif} .spk-plc h2{font-family:Jost,sans-serif;font-size:18px;margin:0 0 2px}.spk-plc p{margin:0;font-size:13px} .spk-plan-n{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2147482000;width:min(480px,calc(100vw - 24px));background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid #F2C76E;border-radius:16px;padding:12px 40px 12px 14px;font-family:Poppins,sans-serif;font-size:13px;color:#0D4A57;box-shadow:0 12px 30px rgba(13,74,87,.18);animation:spkPlIn .35s ease} .spk-plan-n.is-full{border-color:#E07A5F} .spk-plan-n p{margin:0 0 8px} .spk-plan-n [data-spkplan]{background:#0D4A57;color:#fff;border:0;border-radius:999px;padding:6px 14px;font-family:Jost,sans-serif;cursor:pointer} .spk-plan-n__x{position:absolute;right:8px;top:8px;border:0;background:none;font-size:20px;color:#0D4A57;cursor:pointer} @keyframes spkPlIn{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}} @media (prefers-reduced-motion:reduce){.spk-plan-n{animation:none}.spk-plan__x{transition:none}} html.dark .spk-plan__p,html[data-theme=dark] .spk-plan__p,html.spk-dark .spk-plan__p{background:#1d2f38;color:#E6F4F8} html.dark .spk-plan__pk,html[data-theme=dark] .spk-plan__pk,html.spk-dark .spk-plan__pk,html.dark .spk-plc,html.spk-dark .spk-plc{background:#243a44;color:#E6F4F8;border-color:#35525e} html.dark .spk-plan__trial,html.spk-dark .spk-plan__trial{background:#243a44} /* spokes-brand.css */ /* Spokes brand pass (2026-10-10): Havbris accents on top of the app. Colour/shadow/transition only – no layout or logic changes. */ :root{--hb-deep:#0D4A57;--hb-deep2:#093842;--hb-glass:#A5E8FD;--hb-shell:#F7E7C6;--hb-tint:#EEF8FB;--hb-ink:#0B1F26;--hb-x-bg:#EEF8FB;--hb-x-fg:#0D4A57;--hb-x-bd:rgba(13,74,87,.18);--hb-x-hbg:#0D4A57;--hb-x-hfg:#fff;--hb-ring:rgba(13,74,87,.35)} html[data-theme=dark]{--hb-x-bg:rgba(165,232,253,.12);--hb-x-fg:#A5E8FD;--hb-x-bd:rgba(165,232,253,.28);--hb-x-hbg:#A5E8FD;--hb-x-hfg:#0B1F26;--hb-ring:rgba(165,232,253,.55)} /* 1. Close (X) buttons on cards, drawers, sheets and modals */ :is(.mdl__x,.btn--icon.x,.di__x,.spk-x,.v4-x,.blv-tour__x,.mk-x,.stg-pv__x,.qrt-x,.jb2-x,.ins-x,.blv-cs__x,.vd-x,.gd-pop__x,.blv-plf__x,.blv-fv__x,.pdlg__x,.blv-plm__x,.blv-dshelf__x,.wl-x,.rp-x,.spk-apt__x,.stg-x,.spk-hold__x,.spk-bsheet__x,.qrt-hint__x,.spk-pnb__x,.spk-drop-j__x,.blv-tb-shx,.lx,#panel [aria-label="Lukk"]):not(.spk-vn__b){ background:var(--hb-x-bg)!important;color:var(--hb-x-fg)!important;border:1px solid var(--hb-x-bd)!important;border-radius:999px; transition:background-color .16s ease,color .16s ease,transform .16s cubic-bezier(.3,1.4,.6,1),box-shadow .16s ease} :is(.mdl__x,.btn--icon.x,.di__x,.spk-x,.v4-x,.blv-tour__x,.mk-x,.stg-pv__x,.qrt-x,.jb2-x,.ins-x,.blv-cs__x,.vd-x,.gd-pop__x,.blv-plf__x,.blv-fv__x,.pdlg__x,.blv-plm__x,.blv-dshelf__x,.wl-x,.rp-x,.spk-apt__x,.stg-x,.spk-hold__x,.spk-bsheet__x,.qrt-hint__x,.spk-pnb__x,.spk-drop-j__x,.blv-tb-shx,.lx,#panel [aria-label="Lukk"]) svg{stroke:currentColor} @media (hover:hover){:is(.mdl__x,.btn--icon.x,.di__x,.spk-x,.v4-x,.blv-tour__x,.mk-x,.stg-pv__x,.qrt-x,.jb2-x,.ins-x,.blv-cs__x,.vd-x,.gd-pop__x,.blv-plf__x,.blv-fv__x,.pdlg__x,.blv-plm__x,.blv-dshelf__x,.wl-x,.rp-x,.spk-apt__x,.stg-x,.spk-hold__x,.spk-bsheet__x,.qrt-hint__x,.spk-pnb__x,.spk-drop-j__x,.blv-tb-shx,.lx,#panel [aria-label="Lukk"]):hover{background:var(--hb-x-hbg)!important;color:var(--hb-x-hfg)!important;border-color:var(--hb-x-hbg)!important;transform:rotate(90deg)}} :is(.mdl__x,.btn--icon.x,.di__x,.spk-x,.v4-x,.blv-tour__x,.mk-x,.stg-pv__x,.qrt-x,.jb2-x,.ins-x,.blv-cs__x,.vd-x,.gd-pop__x,.blv-plf__x,.blv-fv__x,.pdlg__x,.blv-plm__x,.blv-dshelf__x,.wl-x,.rp-x,.spk-apt__x,.stg-x,.spk-hold__x,.spk-bsheet__x,.qrt-hint__x,.spk-pnb__x,.spk-drop-j__x,.blv-tb-shx,.lx,#panel [aria-label="Lukk"]):active{background:var(--hb-x-hbg)!important;color:var(--hb-x-hfg)!important;transform:scale(.9)} :is(.mdl__x,.btn--icon.x,.di__x,.spk-x,.v4-x,.blv-tour__x,.mk-x,.stg-pv__x,.qrt-x,.jb2-x,.ins-x,.blv-cs__x,.vd-x,.gd-pop__x,.blv-plf__x,.blv-fv__x,.pdlg__x,.blv-plm__x,.blv-dshelf__x,.wl-x,.rp-x,.spk-apt__x,.stg-x,.spk-hold__x,.spk-bsheet__x,.qrt-hint__x,.spk-pnb__x,.spk-drop-j__x,.blv-tb-shx,.lx,#panel [aria-label="Lukk"]):focus-visible{outline:2px solid var(--hb-x-fg)!important;outline-offset:2px;box-shadow:0 0 0 5px var(--hb-ring)} /* 2. Board: column headers get a brand underline + count pill, cards a seaglass hover */ .blv-kb-col>h3{box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--c,#0D4A57) 55%,transparent)} .blv-kb-col .blv-kb-b{transition:color .15s} @media (hover:hover){.blv-kb-list>*{transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease} .blv-kb-list>*:hover{box-shadow:0 0 0 1.5px var(--hb-ring),0 8px 20px -10px rgba(13,74,87,.45);transform:translateY(-1px)}} /* 3. Focus rings + primary buttons */ :is(button,a,[role=button],input,select,textarea):focus-visible{outline-color:var(--hb-x-fg)} .v4-tile{transition:box-shadow .18s ease,transform .18s ease} @media (hover:hover){.v4-tile:hover{box-shadow:0 0 0 1.5px var(--hb-ring),0 10px 24px -14px rgba(13,74,87,.5);transform:translateY(-2px)}} .v4-act{transition:background-color .15s,color .15s,box-shadow .15s} @media (hover:hover){.v4-act:hover{box-shadow:inset 0 0 0 1.5px var(--hb-x-fg)}} .blv-hero{background-image:radial-gradient(120% 140% at 100% 0%,rgba(165,232,253,.35),transparent 55%),radial-gradient(80% 120% at 0% 100%,rgba(247,231,198,.35),transparent 60%)} html[data-theme=dark] .blv-hero{background-image:radial-gradient(120% 140% at 100% 0%,rgba(165,232,253,.10),transparent 55%),radial-gradient(80% 120% at 0% 100%,rgba(247,231,198,.06),transparent 60%)} ::selection{background:rgba(165,232,253,.6);color:#0B1F26} /* 4. Voice note «Snakk inn» – tinted brand pill, readable in light + dark, clear red recording state */ .spk-vn .spk-vn__b{background:#EEF8FB!important;border:1px solid rgba(13,74,87,.28)!important;color:#0D4A57!important;transition:background-color .15s,color .15s,transform .12s} .spk-vn .spk-vn__b svg{stroke:currentColor;color:inherit} @media (hover:hover){.spk-vn .spk-vn__b:not(:disabled):hover{background:#0D4A57!important;color:#fff!important;border-color:#0D4A57!important}} .spk-vn .spk-vn__b:not(:disabled):active{transform:scale(.96);background:#093842!important;color:#fff!important} .spk-vn .spk-vn__b:focus-visible{outline:2px solid #0D4A57;outline-offset:2px} html[data-theme=dark] .spk-vn .spk-vn__b{background:rgba(165,232,253,.14)!important;border-color:rgba(165,232,253,.45)!important;color:#A5E8FD!important} @media (hover:hover){html[data-theme=dark] .spk-vn .spk-vn__b:not(:disabled):hover{background:#A5E8FD!important;color:#0B1F26!important}} html[data-theme=dark] .spk-vn .spk-vn__b:not(:disabled):active{background:#A5E8FD!important;color:#0B1F26!important} html[data-theme=dark] .spk-vn .spk-vn__b:focus-visible{outline-color:#A5E8FD} .spk-vn .spk-vn__b.is-rec,html[data-theme=dark] .spk-vn .spk-vn__b.is-rec{background:#C42B1C!important;border-color:#C42B1C!important;color:#fff!important;box-shadow:0 0 0 0 rgba(196,43,28,.5);animation:spkvnr 1.4s ease-out infinite} @keyframes spkvnr{70%{box-shadow:0 0 0 8px rgba(196,43,28,0)}100%{box-shadow:0 0 0 0 rgba(196,43,28,0)}} html[data-theme=dark] .spk-vn__live{color:#FF8A80}html[data-theme=dark] .spk-vn__live i{background:#FF6B5E} html[data-theme=dark] .spk-vn__m{color:#A9B6B9}html[data-theme=dark] .spk-vn__m.is-bad{color:#FF8A80} @media (prefers-reduced-motion:reduce){.spk-vn .spk-vn__b.is-rec{animation:none}:is(.v4-tile,.blv-kb-list>*):hover{transform:none!important}} /* 5. Sidebar menu hover – sharper Seaglass tint + Deep sea text/icon + left bar (selected unchanged) */ @media (hover:hover) and (min-width:601px){ html.dx #blv-sb a.sb-a:not([aria-current=page]), html.dx #blv-sb button.sb-gb{ transition:background-color .12s ease,color .12s ease,box-shadow .12s ease!important } html.dx #blv-sb a.sb-a:not([aria-current=page]):hover, html.dx #blv-sb button.sb-gb:hover{ background:#EEF8FB!important; color:#0D4A57!important; box-shadow:inset 3px 0 0 #0D4A57!important } html.dx #blv-sb a.sb-a:not([aria-current=page]):hover .sb-i, html.dx #blv-sb a.sb-a:not([aria-current=page]):hover .sb-l, html.dx #blv-sb a.sb-a:not([aria-current=page]):hover .sb-car, html.dx #blv-sb button.sb-gb:hover .sb-i, html.dx #blv-sb button.sb-gb:hover .sb-l, html.dx #blv-sb button.sb-gb:hover .sb-car{ color:#0D4A57!important } html.dx #blv-sb a.sb-a:not([aria-current=page]):hover .sb-i svg, html.dx #blv-sb button.sb-gb:hover .sb-i svg{ stroke:currentColor } html[data-theme=dark].dx #blv-sb a.sb-a:not([aria-current=page]):hover, html[data-theme=dark].dx #blv-sb button.sb-gb:hover{ background:rgba(165,232,253,.16)!important; color:#A5E8FD!important; box-shadow:inset 3px 0 0 #A5E8FD!important } html[data-theme=dark].dx #blv-sb a.sb-a:not([aria-current=page]):hover .sb-i, html[data-theme=dark].dx #blv-sb a.sb-a:not([aria-current=page]):hover .sb-l, html[data-theme=dark].dx #blv-sb a.sb-a:not([aria-current=page]):hover .sb-car, html[data-theme=dark].dx #blv-sb button.sb-gb:hover .sb-i, html[data-theme=dark].dx #blv-sb button.sb-gb:hover .sb-l, html[data-theme=dark].dx #blv-sb button.sb-gb:hover .sb-car{ color:#A5E8FD!important } } @media (prefers-reduced-motion:reduce){ html.dx #blv-sb a.sb-a,html.dx #blv-sb button.sb-gb{transition:none!important} } /* 6. Dark mode: selected segment of segmented controls clearly Seaglass (unselected stays muted). Specificity must beat html body.blv-tb .blv-tb-vis .seg button[aria-pressed=true] (!important white→dark remap). */ html[data-theme=dark] body.blv-tb .blv-tb-vis :is(.seg,.blv-vt,.blv-bmode,.blv-tb-seg) button[aria-pressed=true], html[data-theme=dark] body.blv-tb .blv-tb-vis :is(.seg,.blv-vt,.blv-bmode,.blv-tb-seg) button[aria-checked=true], html[data-theme=dark] body :is( .seg button[aria-pressed=true], .blv-vt button[aria-pressed=true], .blv-bmode button[aria-pressed=true], .blv-tb-seg button[aria-pressed=true], .blv-tb-seg button[aria-checked=true], .spk-thseg button[aria-checked=true], .spk-seg button[aria-checked=true], .ios-seg button[aria-checked=true], .v4-seg button[aria-pressed=true], .v4-seg button[aria-checked=true], .v4-me button[aria-checked=true], .rp-seg3 button[aria-pressed=true], .stg-seg button[aria-pressed=true], .stg-gs button[aria-pressed=true], .kc-seg button[aria-pressed=true], .blv-lang button[aria-pressed=true], .blv-lang button.on, .blv-lang button.is-on, .sc-seg button[aria-pressed=true], .ci-lang button[aria-pressed=true] ){ background:#A5E8FD!important; color:#0B1F26!important; border-color:transparent!important; box-shadow:none!important; font-weight:600!important; } html[data-theme=dark] body.blv-tb .blv-tb-vis :is(.seg,.blv-vt,.blv-bmode,.blv-tb-seg) button[aria-pressed=true] svg, html[data-theme=dark] body.blv-tb .blv-tb-vis :is(.seg,.blv-vt,.blv-bmode,.blv-tb-seg) button[aria-checked=true] svg, html[data-theme=dark] body :is( .seg button[aria-pressed=true], .blv-vt button[aria-pressed=true], .blv-bmode button[aria-pressed=true], .blv-tb-seg button[aria-pressed=true], .spk-thseg button[aria-checked=true], .spk-seg button[aria-checked=true], .ios-seg button[aria-checked=true], .v4-seg button[aria-pressed=true], .v4-me button[aria-checked=true], .rp-seg3 button[aria-pressed=true], .stg-seg button[aria-pressed=true], .blv-lang button[aria-pressed=true] ) svg{ stroke:currentColor!important; color:inherit!important; } html[data-theme=dark] body.blv-tb .blv-tb-vis :is(.seg,.blv-vt,.blv-bmode,.blv-tb-seg){ background:rgba(165,232,253,.08)!important; border-color:rgba(165,232,253,.22)!important; } html[data-theme=dark] body.blv-tb .blv-tb-vis :is(.seg,.blv-vt,.blv-bmode,.blv-tb-seg) button:not([aria-pressed=true]):not([aria-checked=true]){ background:transparent!important; color:#A9B6B9!important; box-shadow:none!important; } html[data-theme=dark].dx body :is(.spk-thseg,.blv-lang,.v4-me,.seg) button[aria-checked=true], html[data-theme=dark].dx body :is(.spk-thseg,.blv-lang) button[aria-pressed=true], html[data-theme=dark].dx body .blv-lang button.on, html[data-theme=dark].dx body .blv-lang button.is-on{ background:#A5E8FD!important; color:#0B1F26!important; box-shadow:none!important; } html[data-theme=dark].spk-ios body .ios-seg button[aria-checked=true], html.spk-ios[data-theme=dark] body .ios-seg button[aria-checked=true]{ background:#A5E8FD!important; color:#0B1F26!important; box-shadow:none!important; } /* Light mode: leave selected as-is (white / Deep sea pills already clear) */ /* spokes-jobcard.css */ /* Spokes job card compact layout (desktop, Job info tab) – 2026-10-10. Layout only; scoped to #panel.jb2[data-jb2tab=info]. */ @media (min-width:1100px){ #panel.jb2[data-jb2tab=info] #pb{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-auto-flow:row dense;grid-auto-rows:min-content;align-content:start;column-gap:16px;row-gap:8px;padding:6px 16px 10px!important} #panel.jb2[data-jb2tab=info] #pb>*{grid-column:2;margin:0!important;padding-top:0!important;padding-bottom:0!important;border-top:0!important;min-width:0;align-self:start} #panel.jb2[data-jb2tab=info] #pb>.jb2-p--info{grid-column:1;grid-row:1/span 30} #panel.jb2[data-jb2tab=info] #pb>.blv-lbox,#panel.jb2[data-jb2tab=info] #pb>.blv-appr{grid-column:1/-1;grid-row:auto} #panel.jb2[data-jb2tab=info] #pb .sec>h4,#panel.jb2[data-jb2tab=info] #pb .jb2-lbl,#panel.jb2[data-jb2tab=info] #pb dt{margin:0 0 3px!important;font-size:11px!important;line-height:1.3!important;letter-spacing:.02em} /* info pane */ #panel.jb2[data-jb2tab=info] .jb2-p--info{display:flex;flex-direction:column;gap:8px} #panel.jb2[data-jb2tab=info] .jb2-p--info .jb2-blk{margin:0!important;padding:8px 10px!important;gap:6px} #panel.jb2[data-jb2tab=info] .jb2-p--info dd{font-size:13px!important;line-height:1.35!important;margin:0!important} #panel.jb2[data-jb2tab=info] .jb2-p--info .jb2-kv{gap:6px 12px!important;row-gap:6px!important} #panel.jb2[data-jb2tab=info] .jb2-p--info .jb2-g4{grid-template-columns:repeat(4,minmax(0,1fr))!important} #panel.jb2[data-jb2tab=info] .jb2-bike{margin:0 0 2px!important;font-size:14px!important;line-height:1.3!important} #panel.jb2[data-jb2tab=info] .jb2-f{margin:0 0 6px!important;gap:3px!important} #panel.jb2[data-jb2tab=info] .jb2-g2{gap:10px!important;margin:0!important} #panel.jb2[data-jb2tab=info] .jb2-g2>.jb2-f{margin:0 0 6px!important} #panel.jb2[data-jb2tab=info] .jb2-p--info :is(select,input:not([type=checkbox]):not([type=radio]),.jb2-ro,.jb2-svc){min-height:34px!important;height:auto;padding-top:4px!important;padding-bottom:4px!important;font-size:13px!important} #panel.jb2[data-jb2tab=info] .jb2-p--info select{height:34px!important} #panel.jb2[data-jb2tab=info] .jb2-svc .jb2-sc{padding:2px 8px!important} #panel.jb2[data-jb2tab=info] .jb2-svc select{min-height:28px!important;height:28px!important} /* slim QR row */ #panel.jb2[data-jb2tab=info] .qra-row{margin:2px 0 6px!important;padding:5px 8px!important;gap:10px!important;border-radius:10px!important} #panel.jb2[data-jb2tab=info] .qra-row .qra-qr{width:30px!important;height:30px!important;flex:0 0 30px!important} #panel.jb2[data-jb2tab=info] .qra-row .qra-qr :is(svg,img,canvas){width:30px!important;height:30px!important} #panel.jb2[data-jb2tab=info] .qra-row .qra-t{font-size:12px!important;line-height:1.3!important;min-width:0;flex:1} #panel.jb2[data-jb2tab=info] .qra-row .qra-t small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #panel.jb2[data-jb2tab=info] .jb2-p--info dd{overflow-wrap:anywhere} #panel.jb2[data-jb2tab=info] .qra-row .qra-btn{min-height:30px!important;height:30px!important;padding:0 10px!important;font-size:12px!important} /* right column sections */ #panel.jb2[data-jb2tab=info] #pb>.blv-plp-sec .blv-plp-sec__r{gap:8px!important} #panel.jb2[data-jb2tab=info] #pb>.blv-plp-sec :is(select,.blv-btn2){min-height:34px!important;height:34px!important;font-size:13px!important} #panel.jb2[data-jb2tab=info] #pb>.blv-plp-sec .blv-plsel{min-height:34px!important} #panel.jb2[data-jb2tab=info] #pb>.blv-plp-sec select{padding-top:0!important;padding-bottom:0!important;line-height:32px!important;font-size:13px!important} #panel.jb2[data-jb2tab=info] #pb>.jb2-p--add .jb2-addb{gap:8px!important;padding:0!important} #panel.jb2[data-jb2tab=info] #pb>.jb2-p--add .btn{min-height:30px!important;height:30px!important;padding:0 10px!important;font-size:12px!important} #panel.jb2[data-jb2tab=info] #pb>.jb2-p--add small{font-size:11.5px!important} #panel.jb2[data-jb2tab=info] #pb .phs{gap:6px!important} #panel.jb2[data-jb2tab=info] #pb .pdrop{min-height:48px!important;padding:6px 10px!important;font-size:12px!important;line-height:1.35!important} #panel.jb2[data-jb2tab=info] #pb #notes{min-height:64px!important;height:64px;max-height:180px;resize:vertical;padding:6px 10px!important;font-size:13px!important} #panel.jb2[data-jb2tab=info] #pb .spk-vn{margin:4px 0 0!important;gap:6px 8px!important} #panel.jb2[data-jb2tab=info] #pb .spk-vn .spk-vn__b{min-height:30px!important;height:30px!important;padding:0 12px!important;font-size:12px!important} /* quick actions: compact row */ #panel.jb2[data-jb2tab=info] #pb .jc-tiles{gap:6px!important} #panel.jb2[data-jb2tab=info] #pb .jc-tile{flex-direction:row!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:6px 8px!important;border-radius:10px!important} #panel.jb2[data-jb2tab=info] #pb .jc-tile .jc-ic{width:26px!important;height:26px!important;flex:0 0 26px!important} #panel.jb2[data-jb2tab=info] #pb .jc-tile .jc-ic svg{width:15px!important;height:15px!important} #panel.jb2[data-jb2tab=info] #pb .jc-tile .jc-tx{min-width:0} #panel.jb2[data-jb2tab=info] #pb .jc-tile .jc-tx b{font-size:12px!important;line-height:1.25!important;display:block} #panel.jb2[data-jb2tab=info] #pb .jc-tile .jc-tx small{display:none!important} #panel.jb2[data-jb2tab=info] #pb .jc-tile .jc-ist{margin:1px 0 0!important;font-size:10.5px!important;padding:0 6px!important} #panel.jb2[data-jb2tab=info] #pb .jc-tile .jc-chev{display:none!important} } @media (min-width:1100px) and (max-height:820px){ #panel.jb2[data-jb2tab=info] #pb .jb2-blk dt{font-size:10.5px!important} #panel.jb2[data-jb2tab=info] #pb #notes{height:52px;min-height:52px!important} } /* ===== 2026-10-10 Jobbinfo redesign (jx) v3: constrained width, main work column + properties sidebar, overflow «Mer» menu ===== */ #panel.jb2[data-jb2tab=info] #pb{--jx-l:#6b7378;--jx-line:rgba(13,74,87,.13);--jx-h:34px;--jx-u:4px;display:grid!important; grid-template-columns:minmax(0,1fr) 236px!important;grid-template-areas:none!important;grid-template-rows:none!important;grid-auto-rows:var(--jx-u)!important;grid-auto-flow:row dense!important; column-gap:16px!important;row-gap:0!important;align-content:start!important;padding:12px max(16px,calc((100% - 940px)/2)) 12px!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} #panel.jb2[data-jb2tab=info] #pb::before{content:none!important} #panel.jb2[data-jb2tab=info] #pb>.jb2-p--info,#panel.jb2[data-jb2tab=info] #pb>.jb2-p--info>.jb2-blk{display:contents!important} #panel.jb2[data-jb2tab=info] #pb>*,#panel.jb2[data-jb2tab=info] #pb>.jb2-p--info>.jb2-blk>*{grid-column-start:auto;grid-row:auto/span var(--jxs,1)!important;align-self:start!important;min-width:0;margin:0 0 12px!important;padding:0!important;border:0!important;box-shadow:none!important;position:relative} /* columns */ #panel.jb2[data-jb2tab=info] #pb>.jx-more{grid-column:1/-1!important} #panel.jb2[data-jb2tab=info] .jb2-p--info .jb2-f:has(.jb2-svc),#panel.jb2[data-jb2tab=info] .jb2-p--info .jb2-g2,#panel.jb2[data-jb2tab=info] #pb>[data-jb2o="3"]{grid-column:1/3!important} #panel.jb2[data-jb2tab=info] #pb>[data-jb2o="6"]{grid-column:1!important} #panel.jb2[data-jb2tab=info] #pb>[data-jb2o="5"]{grid-column:2!important} #panel.jb2[data-jb2tab=info] .jb2-p--info .jb2-kvw,#panel.jb2[data-jb2tab=info] .jb2-p--info .jb2-bike,#panel.jb2[data-jb2tab=info] .jb2-p--info .qra-row,#panel.jb2[data-jb2tab=info] #pb>.blv-plp-sec,#panel.jb2[data-jb2tab=info] .jb2-p--info .jb2-blk>dl.jb2-g3,#panel.jb2[data-jb2tab=info] .jb2-p--info .jb2-f:has(#jb2-mech){grid-column:3!important} #panel.jb2[data-jb2tab=info] #pb>:is(.blv-lbox,.blv-appr){grid-column:1/-1!important} /* sidebar as one card look: each property block gets the same panel style */ #panel.jb2[data-jb2tab=info] :is(.jb2-kvw,.jb2-bike,.qra-row,.jb2-blk>dl.jb2-g3,.jb2-f:has(#jb2-mech)),#panel.jb2[data-jb2tab=info] #pb>.blv-plp-sec{background:var(--jx-side,#F5F7F8)!important;border-radius:12px!important;padding:10px 12px!important} html[data-theme=dark] #panel.jb2[data-jb2tab=info] #pb{--jx-side:rgba(255,255,255,.05);--jx-l:#9aa5aa;--jx-line:rgba(255,255,255,.1)} /* labels */ #panel.jb2[data-jb2tab=info] #pb :is(.sec>h4,.jb2-lbl,dt,.blv-plp-sec>h4,.jx-lbl){display:flex;align-items:center;gap:4px;margin:0 0 6px!important;font:600 10.5px/1.2 Poppins,system-ui,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--jx-l)!important} #panel.jb2[data-jb2tab=info] #pb .blv-plp-sec>h4 svg{width:12px;height:12px} #panel.jb2[data-jb2tab=info] #pb :is(dd,.jb2-ro,select,input,textarea,.jb2-sc){font-weight:400!important;letter-spacing:0!important} /* customer */ #panel.jb2[data-jb2tab=info] .jb2-kvw{display:flex!important;align-items:flex-start;gap:6px} #panel.jb2[data-jb2tab=info] .jx-who{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px} #panel.jb2[data-jb2tab=info] .jx-nm{font:600 15px/1.25 Poppins,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #panel.jb2[data-jb2tab=info] .jb2-kvw dl.jb2-g4{display:flex!important;flex-direction:column;gap:4px!important;margin:0!important} #panel.jb2[data-jb2tab=info] .jb2-kvw dl.jb2-g4>div:nth-child(-n+2){display:none} #panel.jb2[data-jb2tab=info] .jb2-kvw dl.jb2-g4 dt{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} #panel.jb2[data-jb2tab=info] .jb2-kvw dl.jb2-g4 dd{display:flex;align-items:center;gap:4px;margin:0!important;font-size:13px!important;min-width:0} #panel.jb2[data-jb2tab=info] .jb2-kvw dl.jb2-g4 dd>a{min-width:0;flex:0 1 auto;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal!important;color:inherit;text-decoration:none!important} #panel.jb2[data-jb2tab=info] .jb2-kvw dl.jb2-g4 dd>a:hover{text-decoration:underline!important} #panel.jb2[data-jb2tab=info] .jx-cp{all:unset;cursor:pointer;flex:0 0 22px;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;color:var(--jx-l)} #panel.jb2[data-jb2tab=info] .jx-cp:hover{background:rgba(13,74,87,.08);color:inherit}#panel.jb2[data-jb2tab=info] .jx-cp:focus-visible{outline:2px solid #0D4A57}#panel.jb2[data-jb2tab=info] .jx-cp.is-ok{color:#15803d} #panel.jb2[data-jb2tab=info] .jb2-kvw .jb2-edb{flex:0 0 30px;width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;display:inline-grid!important;place-items:center;border-radius:8px!important} #panel.jb2[data-jb2tab=info] .jb2-kvw .jb2-edb>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} /* bike */ #panel.jb2[data-jb2tab=info] .jb2-bike{font:600 13.5px/1.35 Poppins,system-ui,sans-serif!important;letter-spacing:0!important} #panel.jb2[data-jb2tab=info] .jb2-bike::before{content:'Sykkel';display:block;margin-bottom:4px;font:600 10.5px/1.2 Poppins,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--jx-l)} /* QR (real size) */ #panel.jb2[data-jb2tab=info] .qra-row{display:grid!important;grid-template-columns:96px minmax(0,1fr);column-gap:12px!important;row-gap:6px!important;align-items:center} #panel.jb2[data-jb2tab=info] .qra-row .qra-qr,#panel.jb2[data-jb2tab=info] .qra-row .qra-qr :is(svg,img,canvas){width:96px!important;height:96px!important;flex:none!important} #panel.jb2[data-jb2tab=info] .qra-row .qra-qr{grid-row:1/3;background:#fff;border-radius:6px;padding:0} #panel.jb2[data-jb2tab=info] .qra-row .qra-t>b{display:block;font:600 10.5px/1.2 Poppins,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--jx-l)} #panel.jb2[data-jb2tab=info] .qra-row .qra-t small{display:block;white-space:normal!important;font-size:12px!important;line-height:1.35} #panel.jb2[data-jb2tab=info] .qra-row .qra-t code{display:block;font-size:14px;font-weight:600;letter-spacing:.08em;margin:2px 0} #panel.jb2[data-jb2tab=info] .qra-row .qra-a{display:flex;gap:6px} #panel.jb2[data-jb2tab=info] .qra-row .qra-btn{height:30px!important;min-height:30px!important;padding:0 10px!important;font-size:12px!important;border-radius:8px!important} #panel.jb2[data-jb2tab=info] .qra-row .qra-btn[data-qraact=link]{display:none!important} /* location + dates */ #panel.jb2[data-jb2tab=info] #pb>.blv-plp-sec .blv-plp-sec__r{display:flex;gap:6px!important} #panel.jb2[data-jb2tab=info] #pb>.blv-plp-sec .blv-plsel{flex:1;min-width:0} #panel.jb2[data-jb2tab=info] #pb>.blv-plp-sec :is(select,.blv-btn2,.blv-plsel){height:var(--jx-h)!important;min-height:var(--jx-h)!important;font-size:13px!important} #panel.jb2[data-jb2tab=info] #pb>.blv-plp-sec select{padding-top:0!important;padding-bottom:0!important;line-height:calc(var(--jx-h) - 2px)!important} #panel.jb2[data-jb2tab=info] #pb>.blv-plp-sec .blv-btn2{padding:0 10px!important;white-space:nowrap} #panel.jb2[data-jb2tab=info] #pb>.blv-plp-sec .blv-plp-sec__m{display:block;margin-top:4px;font-size:11.5px;color:var(--jx-l)} #panel.jb2[data-jb2tab=info] dl.jb2-g3{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:6px 10px!important;margin:0 0 12px!important} #panel.jb2[data-jb2tab=info] dl.jb2-g3>div{display:contents} #panel.jb2[data-jb2tab=info] dl.jb2-g3 dt{margin:0!important;padding-top:2px} #panel.jb2[data-jb2tab=info] dl.jb2-g3 dd{margin:0!important;font-size:13px!important;line-height:1.35!important;text-align:right} /* main column */ #panel.jb2[data-jb2tab=info] .jb2-svc{display:flex;flex-wrap:wrap;gap:6px;padding:8px!important;min-height:var(--jx-h)!important;border-radius:12px;border:1px solid var(--jx-line)!important} #panel.jb2[data-jb2tab=info] .jb2-svc .jb2-sc{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px!important;font-size:13px!important} #panel.jb2[data-jb2tab=info] .jb2-svc .jb2-sc small{font-weight:600;font-variant-numeric:tabular-nums} #panel.jb2[data-jb2tab=info] .jb2-svc select{height:30px!important;min-height:30px!important;font-size:12.5px!important;flex:1 1 180px;max-width:260px} #panel.jb2[data-jb2tab=info] .jb2-g2{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important} #panel.jb2[data-jb2tab=info] .jb2-g2>.jb2-f,#panel.jb2[data-jb2tab=info] .jb2-p--info .jb2-f{margin:0!important} #panel.jb2[data-jb2tab=info] .jb2-p--info :is(select,input:not([type=checkbox]):not([type=radio]),.jb2-ro){height:var(--jx-h)!important;min-height:var(--jx-h)!important;box-sizing:border-box;font-size:13px!important;border-radius:10px!important;padding-top:0!important;padding-bottom:0!important} #panel.jb2[data-jb2tab=info] .jb2-p--info .jb2-ro{display:flex;align-items:center;gap:8px;padding:0 10px!important} #panel.jb2[data-jb2tab=info] .jb2-f:has(#jb2-mech) select{background-color:var(--card,#fff)!important} #panel.jb2[data-jb2tab=info] #pb>[data-jb2o="3"]:not(:has(>:not(h4))) h4::after{content:'–';margin-left:6px;text-transform:none;font-weight:400} /* notes + photos tiles */ #panel.jb2[data-jb2tab=info] #pb>:is([data-jb2o="6"],[data-jb2o="5"]){display:flex!important;flex-direction:column;height:220px;padding:10px 12px!important;border:1px solid var(--jx-line)!important;border-radius:12px!important;box-sizing:border-box;overflow:hidden} #panel.jb2[data-jb2tab=info] #pb #notes{flex:1 1 auto;min-height:0!important;height:auto!important;border:0!important;background:transparent!important;padding:0!important;resize:none!important;box-shadow:none!important;font-size:13px!important} #panel.jb2[data-jb2tab=info] #pb>[data-jb2o="6"] .spk-vn{margin:6px 0 0!important;align-self:flex-start} #panel.jb2[data-jb2tab=info] #pb>[data-jb2o="6"] .spk-vn__b{height:28px!important;min-height:28px!important;font-size:12px!important} #panel.jb2[data-jb2tab=info] #pb>[data-jb2o="5"] .phs{flex:1 1 auto;display:flex!important;flex-wrap:wrap;gap:6px;align-content:stretch;overflow:auto} #panel.jb2[data-jb2tab=info] #pb>[data-jb2o="5"] .pdrop{flex:1 1 100%;min-height:0!important;height:auto!important;display:grid;place-content:center;gap:2px;font-size:12px!important;border-radius:10px!important} #panel.jb2[data-jb2tab=info] #pb>[data-jb2o="5"] .phs:has(img,.ph) .pdrop{flex:0 0 72px;height:72px!important} /* «Mer» overflow menu */ #panel.jb2[data-jb2tab=info] .jx-more{display:flex;justify-content:flex-end;margin-bottom:8px!important;z-index:5} .jx-more>details{position:relative} .jx-more>details>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--jx-line,#dfe5e7);border-radius:9px;font:600 12.5px Poppins,system-ui,sans-serif;background:var(--card,#fff)} .jx-more>details>summary::-webkit-details-marker{display:none} .jx-more>details[open]>summary{background:rgba(13,74,87,.06)} .jx-more__m{position:absolute;right:0;top:calc(100% + 6px);min-width:260px;padding:6px;border:1px solid var(--jx-line,#dfe5e7);border-radius:12px;background:var(--card,#fff);box-shadow:0 12px 32px rgba(0,0,0,.14);display:flex;flex-direction:column;gap:2px;z-index:50} html[data-theme=dark] .jx-more__m{background:#1f2427} .jx-more__m>*{margin:0!important;padding:0!important;border:0!important;display:block!important} .jx-more__m h4{display:none!important} .jx-more__m .jc-tiles{display:flex!important;flex-direction:column;gap:2px!important} .jx-more__m :is(.jc-tile,.qra-btn,.jb2-addb .btn){all:unset;box-sizing:border-box;cursor:pointer;display:flex!important;align-items:center;gap:10px;width:100%;min-height:36px;padding:6px 10px!important;border-radius:8px;font:500 13px/1.3 Poppins,system-ui,sans-serif;color:inherit} .jx-more__m :is(.jc-tile,.qra-btn,.jb2-addb .btn):hover{background:rgba(13,74,87,.07)} .jx-more__m :is(.jc-tile,.qra-btn,.jb2-addb .btn):focus-visible{outline:2px solid #0D4A57} .jx-more__m .jc-tile .jc-ic{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;background:none!important} .jx-more__m .jc-tile .jc-tx{display:flex!important;flex-direction:column;align-items:flex-start} .jx-more__m .jc-tile .jc-tx small{font-size:11.5px;color:#6b7378} .jx-more__m .jc-tile .jc-chev{display:none!important} .jx-more__m .jc-ist{font-size:11px!important;margin-top:2px} .jx-more__m .jb2-addb small{display:none} .jx-more__m hr{border:0;border-top:1px solid var(--jx-line,#e5e9ea);margin:4px 2px!important} /* wide #pb (>=820px, JS sets data-jxw=w): work column splits notes|photos, sidebar 270px */ #panel.jb2[data-jb2tab=info] #pb[data-jxw=w]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 270px!important} #panel.jb2[data-jb2tab=info] #pb:not([data-jxw=w]) :is(.jb2-f:has(.jb2-svc),.jb2-g2),#panel.jb2[data-jb2tab=info] #pb:not([data-jxw=w])>:is([data-jb2o="3"],[data-jb2o="5"],[data-jb2o="6"]){grid-column:1!important} #panel.jb2[data-jb2tab=info] #pb:not([data-jxw=w]) :is(.jb2-kvw,.jb2-bike,.qra-row,.jb2-blk>dl.jb2-g3,.jb2-f:has(#jb2-mech)),#panel.jb2[data-jb2tab=info] #pb:not([data-jxw=w])>.blv-plp-sec{grid-column:2!important} #panel.jb2[data-jb2tab=info] #pb:not([data-jxw=w])>:is([data-jb2o="6"],[data-jb2o="5"]){height:150px} #panel.jb2[data-jb2tab=info] #pb:not([data-jxw=w]) .qra-row{grid-template-columns:84px minmax(0,1fr)} #panel.jb2[data-jb2tab=info] #pb:not([data-jxw=w]) .qra-row .qra-qr,#panel.jb2[data-jb2tab=info] #pb:not([data-jxw=w]) .qra-row .qra-qr :is(svg,img,canvas){width:84px!important;height:84px!important} #panel.jb2[data-jb2tab=info] #pb:not([data-jxw=w]) .jb2-g2{grid-template-columns:1fr} #panel.jb2 #pb>.jx-more[hidden]{display:none!important} #panel.jb2[data-jb2tab=info] #pb#pb :is(.jb2-kvw,.jb2-bike,.qra-row,.jb2-blk>dl.jb2-g3,.jb2-f:has(#jb2-mech),.blv-plp-sec){padding:8px 10px!important;margin-bottom:8px!important;border-radius:10px!important} #panel.jb2[data-jb2tab=info] #pb#pb .qra-row{grid-template-columns:80px minmax(0,1fr)} #panel.jb2[data-jb2tab=info] #pb#pb .qra-row .qra-qr,#panel.jb2[data-jb2tab=info] #pb#pb .qra-row .qra-qr :is(svg,img,canvas){width:80px!important;height:80px!important} #panel.jb2[data-jb2tab=info] #pb#pb dl.jb2-g3{gap:4px 8px!important}#panel.jb2[data-jb2tab=info] #pb#pb dl.jb2-g3 dd{font-size:12.5px!important} #panel.jb2[data-jb2tab=info] #pb#pb>.jx-more{position:absolute!important;left:max(16px,calc((100% - 940px)/2));bottom:12px;margin:0!important;grid-row:auto!important} #panel.jb2[data-jb2tab=info] #pb .jx-more__m{top:auto;bottom:calc(100% + 6px);left:0;right:auto} #panel.jb2[data-jb2tab=info] #pb#pb .jb2-f:has(#jb2-mech){grid-column:1!important;background:none!important;padding:0!important;margin-bottom:12px!important} #panel.jb2[data-jb2tab=info] #pb#pb[data-jxw=w] .jb2-f:has(#jb2-mech){grid-column:1/3!important} #panel.jb2[data-jb2tab=info] #pb#pb .jb2-f:has(#jb2-mech) select{max-width:320px} #panel.jb2[data-jb2tab=info] #pb#pb[data-jxw=w]{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 260px!important} #panel.jb2[data-jb2tab=info] #pb#pb :is(.jb2-kvw,.jb2-bike,.qra-row,.jb2-blk>dl.jb2-g3,.blv-plp-sec){margin-bottom:6px!important} #panel.jb2[data-jb2tab=info] #pb#pb .jb2-kvw .jx-who{gap:3px} #panel.jb2[data-jb2tab=info] #pb#pb>.jx-more{left:auto;bottom:auto;top:6px;right:calc(max(16px,(100% - 940px)/2) + 252px)} #panel.jb2[data-jb2tab=info] #pb#pb[data-jxw=w]>.jx-more{right:calc(max(16px,(100% - 940px)/2) + 276px)} #panel.jb2[data-jb2tab=info] #pb#pb>.jx-more>details>summary{height:26px;padding:0 10px;font-size:12px} #panel.jb2[data-jb2tab=info] #pb .jx-more__m{top:calc(100% + 6px);bottom:auto;left:auto;right:0} #panel.jb2[data-jb2tab=info] #pb#pb{position:relative!important} #panel.jb2[data-jb2tab=info] #pb#pb .qra-row .qra-t small{font-size:11px!important;line-height:1.3} #panel.jb2[data-jb2tab=info] #pb#pb[data-jxw=w] .qra-row{grid-template-columns:72px minmax(0,1fr)} #panel.jb2[data-jb2tab=info] #pb#pb[data-jxw=w] .qra-row .qra-qr,#panel.jb2[data-jb2tab=info] #pb#pb[data-jxw=w] .qra-row .qra-qr :is(svg,img,canvas){width:72px!important;height:72px!important} #panel.jb2[data-jb2tab=info] #pb .jx-more__m .jc-tile{border:0!important;box-shadow:none!important;background:none!important} #panel.jb2[data-jb2tab=info] #pb .jx-more__m .jc-tile:hover{background:rgba(13,74,87,.07)!important} #panel.jb2[data-jb2tab=info] #pb#pb>.blv-plp-sec .blv-plp-sec__r{flex-wrap:wrap} #panel.jb2[data-jb2tab=info] #pb#pb>.blv-plp-sec .blv-plsel{min-width:110px} #panel.jb2[data-jb2tab=info] #pb#pb[data-jxw=w] :is(.jb2-kvw,.jb2-bike,.qra-row,.jb2-blk>dl.jb2-g3,.blv-plp-sec){padding:6px 10px!important} #panel.jb2[data-jb2tab=info] #pb#pb>.blv-plp-sec{margin-bottom:0!important}#panel.jb2[data-jb2tab=info] #pb#pb{padding-top:8px!important;padding-bottom:8px!important} #panel.jb2[data-jb2tab=info] #pb#pb>:is(.jc-qa,.jb2-p--add){display:none!important} /*JL-BEGIN*/ /* 2026-10-12 Job card layouts (jl) PREVIEW. Order: customer | reference | bicycle → services + dates → mechanic | plassering → problem → notes | photos → QR. 8 px spacing grid. */ html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] {display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;align-content:start!important;grid-auto-rows:auto!important;grid-template-rows:none!important;padding:16px 16px 96px!important;max-width:1180px;margin:0 auto!important;background:#fff!important;box-sizing:border-box;width:100%} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl]>*{grid-row:auto!important;grid-column:1/-1!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl]>*,html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl]>.jb2-p--info>.jb2-blk>*{margin:0!important;align-self:stretch!important;min-width:0;box-sizing:border-box} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl]>.jb2-p--info>.jb2-blk>.jb2-bike{display:none!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla]:not([data-jla=more]):not([data-jla=prob]){background:#fff!important;border:1px solid #E3E8EC!important;border-radius:12px!important;padding:16px!important;box-shadow:0 1px 2px rgba(16,24,40,.04)!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=more]{position:static!important;justify-self:end!important;align-self:center!important;order:-1;grid-row:1!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=ref]{display:block!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust]{display:block!important;position:relative!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust] .jx-who{display:block!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust] .jb2-edb{position:absolute!important;top:12px;right:12px;margin:0!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust] dl{display:flex!important;flex-direction:column;gap:4px;margin:4px 0 0!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust] dl>div{display:flex!important;align-items:center;gap:8px;min-width:0} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust] dl>div:nth-child(-n+2){display:none!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust] dt{display:none!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust] dd{margin:0!important;display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust] dd a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust] .jx-nm{display:block;padding-right:40px} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=ref] dd{max-width:65%} /* row placement */ html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust]{grid-column:1/3!important;grid-row:2!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=ref]{grid-column:3/5!important;grid-row:2!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=bike2]{grid-column:5/7!important;grid-row:2!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=svc]{grid-column:1/4!important;grid-row:3!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=dates]{grid-column:4/7!important;grid-row:3!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=mech]{grid-column:1/4!important;grid-row:4!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=loc]{grid-column:4/7!important;grid-row:4!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=prob]{grid-column:1/-1!important;grid-row:5!important;background:#F7F9FA!important;border-radius:12px!important;padding:12px 16px!important;border:0!important;display:flex!important;gap:16px;align-items:baseline} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=prob] h4{margin:0!important;white-space:nowrap} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=prob]>div{margin:0!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=notes]{grid-column:1/4!important;grid-row:6!important;display:flex!important;flex-direction:column;gap:8px} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=photos]{grid-column:4/7!important;grid-row:6!important;display:flex!important;flex-direction:column;gap:8px} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr]{grid-column:1/-1!important;grid-row:7!important} /* shared card headings */ html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] :is([data-jla=cust],[data-jla=ref])::before{content:attr(data-jlt);display:block;font-size:11px;line-height:16px;font-weight:700;font-family:inherit;letter-spacing:.08em;text-transform:uppercase;color:#5B6B76;margin:0 0 8px} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=ref]::before{content:attr(data-jlt) " " attr(data-jlref)} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] :is([data-jla=loc],[data-jla=notes],[data-jla=photos]) h4,html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] .jl-k,html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla] .jb2-lbl{font-size:11px!important;line-height:16px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#5B6B76!important;font-weight:700!important;margin:0 0 8px!important;display:block} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] .jl-bm{display:block;font-size:16px;line-height:22px;font-weight:700;color:#0F2A33;margin-bottom:8px} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] .jl-bdl,html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=ref]{margin:0!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] .jl-bdl>div,html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=ref]>div{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-top:1px solid #F0F3F5;font-size:13px} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] .jl-bdl>div:first-child,html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=ref]>div:first-child{border-top:0} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] .jl-bdl dt,html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=ref] dt{color:#5B6B76;font-weight:500;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;margin:0!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] .jl-bdl dd,html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=ref] dd{margin:0!important;text-align:right;font-weight:600;color:#0F2A33;word-break:break-word} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=dates]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 16px!important;align-content:start} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=dates] input,html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=mech] select{width:100%!important;max-width:none!important;min-height:40px;box-sizing:border-box} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=svc] .jb2-svc{border:0!important;padding:0!important;background:none!important;display:flex!important;flex-wrap:wrap;gap:8px;align-items:center} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=notes] textarea{flex:1 1 auto;min-height:120px!important;width:100%;box-sizing:border-box;border:1px solid #E3E8EC!important;border-radius:8px!important;padding:12px!important;resize:vertical} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=photos] .phs{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:8px} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=photos] .pdrop{flex:1 1 100%;min-height:120px!important;height:auto!important;border-radius:8px!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr]{display:grid!important;grid-template-columns:96px minmax(0,1fr) auto!important;gap:8px 24px!important;align-items:center!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr]>.qra-qr{grid-column:1!important;grid-row:1!important;margin:0!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr]>.qra-t{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column;gap:4px;margin:0!important;text-align:left} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr]>.qra-t b{font-size:15px} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr]>.qra-t small{font-size:13px;color:#5B6B76} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr]>.qra-t code{font-size:15px;font-weight:700;color:#0F2A33;letter-spacing:.1em} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr]>.qra-a{grid-column:3!important;grid-row:1!important;display:flex!important;gap:8px;margin:0!important;position:static!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr] .qra-btn{min-height:40px;padding:0 16px!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr] .qra-qr svg{width:96px!important;height:96px!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust] .jx-nm{font-size:18px!important;line-height:24px!important} /* tablet */ @media (max-width:1023px){ html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust]{grid-column:1/-1!important;grid-row:2!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=ref]{grid-column:1!important;grid-row:3!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=bike2]{grid-column:2!important;grid-row:3!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=svc]{grid-column:1/-1!important;grid-row:4!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=dates]{grid-column:1/-1!important;grid-row:5!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=mech]{grid-column:1!important;grid-row:6!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=loc]{grid-column:2!important;grid-row:6!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=prob]{grid-row:7!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=notes]{grid-column:1!important;grid-row:8!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=photos]{grid-column:2!important;grid-row:8!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr]{grid-row:9!important} } /* phone */ @media (max-width:639px){ html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl]{grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:8px 8px 96px!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla]{grid-column:1/-1!important;grid-row:auto!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla]:not([data-jla=more]):not([data-jla=prob]){padding:12px!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=more]{order:-1} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=cust]{order:1}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=ref]{order:2}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=bike2]{order:3}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=svc]{order:4}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=dates]{order:5}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=mech]{order:6}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=loc]{order:7}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=prob]{order:8}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=notes]{order:9}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=photos]{order:10}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr]{order:11} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr]{grid-template-columns:80px minmax(0,1fr)!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr]>.qra-a{grid-column:1/-1!important;grid-row:2!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr] .qra-btn{flex:1} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=qr] .qra-qr svg{width:80px!important;height:80px!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb[data-jl] [data-jla=prob]{flex-direction:column;gap:4px} } /* phone: display contents wrapper must not reorder; order needs flex/grid items: blk is display:contents so ok */ /* ===== Layout B: summary strip + sectioned form ===== */ html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b]{gap:0!important;padding:16px 24px 96px!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] [data-jla]:not([data-jla=more]):not([data-jla=prob]){border:0!important;border-radius:0!important;box-shadow:none!important;padding:20px 0!important;border-top:1px solid #E3E8EC!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] :is([data-jla=svc],[data-jla=mech],[data-jla=notes]):not(.zz):not(.zz){padding-right:24px!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] :is([data-jla=cust],[data-jla=ref],[data-jla=bike2]):not(.zz):not(.zz){background:#F7F9FA!important;border-top:0!important;padding:16px 20px!important;margin:8px 0 16px!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] [data-jla=cust]:not(.zz):not(.zz){border-radius:12px 0 0 12px!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] [data-jla=ref]:not(.zz):not(.zz){border-left:1px solid #E3E8EC!important;border-right:1px solid #E3E8EC!important;border-top:0!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] [data-jla=bike2]:not(.zz):not(.zz){border-radius:0 12px 12px 0!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] :is([data-jla=svc],[data-jla=dates]):not(.zz):not(.zz){border-top:0!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] [data-jla=prob]:not(.zz):not(.zz){margin:0 0 16px!important} html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] [data-jla=qr]:not(.zz):not(.zz){background:#F7F9FA!important;border:1px dashed #C9D3DA!important;border-radius:12px!important;padding:16px 20px!important;margin-top:8px!important} @media (max-width:1023px){html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] :is([data-jla=cust],[data-jla=ref],[data-jla=bike2]):not(.zz):not(.zz){border-radius:12px!important;border:0!important;margin:0 0 8px!important}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] [data-jla=ref]:not(.zz):not(.zz){margin-right:8px!important}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] :is([data-jla=svc],[data-jla=mech],[data-jla=notes]):not(.zz):not(.zz){padding-right:16px!important}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] [data-jla=dates]:not(.zz):not(.zz){padding-top:0!important}} @media (max-width:639px){html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b]{padding:8px 12px 96px!important}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] [data-jla]:not([data-jla=more]):not([data-jla=prob]){padding:16px 0!important}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] :is([data-jla=cust],[data-jla=ref],[data-jla=bike2]):not(.zz):not(.zz){margin:0 0 8px!important;padding:12px 16px!important}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] [data-jla=ref]:not(.zz):not(.zz){margin-right:0!important}html[data-jl] #panel.jb2[data-jb2tab=info] #pb#pb#pb#pb[data-jl=b] [data-jla=qr]:not(.zz):not(.zz){padding:12px 16px!important}} /*JL-END*/ /* spokes-board.css */ /* spokes-board.css – responsive desktop workshop board (2026-10-10) Active only when spokes-board.js sets html.spk-kbfit (desktop ≥1024 px, fine pointer, board visible). - board fits the viewport height; page itself doesn't scroll - each column scrolls internally, header sticky at top of its column - responsive column widths, always-visible draggable bottom scroll bar (.spk-kbbar) - waiting-list column collapsible to a slim strip (.wl-col.spk-wl-min) */ html.spk-kbfit{--spk-colw:clamp(190px,calc((100vw - var(--spk-kbx,120px)) / var(--spk-ncol,6) - 10px),300px)} html.spk-kbfit body #blv-kb.blv-kb{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;grid-template-columns:none!important;height:var(--spk-kbh,70vh)!important;max-height:none!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;align-items:stretch!important;scrollbar-width:none!important;-ms-overflow-style:none;padding-bottom:4px!important;margin-bottom:0!important;overscroll-behavior-x:contain;scroll-behavior:auto!important;scroll-snap-type:none!important} html.spk-kbfit body #blv-kb.blv-kb::-webkit-scrollbar{display:none;height:0} html.spk-kbfit body #blv-kb>.blv-kb-col{height:100%!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain;flex:1 0 var(--spk-colw)!important;width:var(--spk-colw)!important;min-width:var(--spk-colw)!important;max-width:340px!important;box-sizing:border-box!important;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--c,#0D4A57) 45%,transparent) transparent} html.spk-kbfit body #blv-kb>.blv-kb-col::-webkit-scrollbar{width:6px} html.spk-kbfit body #blv-kb>.blv-kb-col::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--c,#0D4A57) 45%,transparent);border-radius:6px} html.spk-kbfit body #blv-kb>.blv-kb-col>h3{position:sticky!important;top:0!important;transform:none!important;z-index:6!important;margin-top:0!important} html.spk-kbfit body #blv-kb>.wl-col>h3{background-color:inherit!important} html.spk-kbfit body #blv-kb>.blv-kb-col.spk-kb-sc>h3{box-shadow:inset 0 4px 0 var(--c,transparent),0 8px 12px -10px rgba(28,28,28,.45)!important} /* bottom scroll bar, pinned right under the board (= bottom of viewport) */ .spk-kbbar{display:none} html.spk-kbfit .spk-kbbar{display:block;position:relative;height:16px;margin:2px 0 0;padding:3px 0;box-sizing:border-box;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none} html.spk-kbfit .spk-kbbar[hidden]{display:none} .spk-kbbar__t{position:absolute;left:0;right:0;top:4px;height:8px;border-radius:8px;background:rgba(13,74,87,.10)} .spk-kbbar__h{position:absolute;top:3px;height:10px;min-width:40px;border-radius:10px;background:#0D4A57;opacity:.55;transition:opacity .12s,background-color .12s;cursor:grab} .spk-kbbar:hover .spk-kbbar__h,.spk-kbbar.is-drag .spk-kbbar__h{opacity:.9} .spk-kbbar.is-drag .spk-kbbar__h{cursor:grabbing} html.spk-kbpan,html.spk-kbpan *{cursor:grabbing!important;user-select:none!important} html.spk-kbfit body #blv-kb.spk-kb-panok{cursor:grab} /* waiting list: collapse toggle + slim strip */ .spk-wlx{display:none} html.spk-kbfit #blv-kb>.wl-col>h3{display:flex;align-items:center;gap:6px} html.spk-kbfit #blv-kb>.wl-col>h3 .spk-wlx{display:inline-grid;place-items:center;margin-left:auto;width:24px;height:24px;min-height:0!important;padding:0!important;border:0;border-radius:8px;background:transparent;color:#0D4A57;cursor:pointer;flex:none;order:9} html.spk-kbfit #blv-kb>.wl-col>h3 .spk-wlx:hover{background:rgba(13,74,87,.12)} html.spk-kbfit #blv-kb>.wl-col>h3 .spk-wlx:focus-visible{outline:2px solid #0D4A57;outline-offset:1px} html.spk-kbfit #blv-kb>.wl-col>h3 .spk-wlx svg{width:16px;height:16px;transition:transform .15s} html.spk-kbfit body #blv-kb>.wl-col.spk-wl-min{flex:0 0 46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;overflow:hidden!important;cursor:pointer;padding:0!important} html.spk-kbfit #blv-kb>.wl-col.spk-wl-min>*:not(h3){display:none!important} html.spk-kbfit #blv-kb>.wl-col.spk-wl-min>h3{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;height:100%!important;min-height:0!important;padding:8px 0!important;box-sizing:border-box;box-shadow:inset 0 4px 0 var(--c,transparent)!important} html.spk-kbfit #blv-kb>.wl-col.spk-wl-min>h3 .spk-wlx{order:-1;margin:0} html.spk-kbfit #blv-kb>.wl-col.spk-wl-min>h3 .spk-wlx svg{transform:rotate(180deg)} html.spk-kbfit #blv-kb>.wl-col.spk-wl-min>h3 .blv-kb-hn{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;overflow:visible!important;text-overflow:clip!important;max-width:none!important} html.spk-kbfit #blv-kb>.wl-col.spk-wl-min>h3 em{margin:0!important} /* dark mode */ html.spk-kbfit[data-theme=dark] .spk-kbbar__t,html.spk-kbfit.dark .spk-kbbar__t{background:rgba(165,232,253,.14)} html.spk-kbfit[data-theme=dark] .spk-kbbar__h,html.spk-kbfit.dark .spk-kbbar__h{background:#A5E8FD} html.spk-kbfit[data-theme=dark] #blv-kb>.wl-col>h3 .spk-wlx,html.spk-kbfit.dark #blv-kb>.wl-col>h3 .spk-wlx{color:#A5E8FD} html.spk-kbfit[data-theme=dark] #blv-kb>.wl-col>h3 .spk-wlx:hover,html.spk-kbfit.dark #blv-kb>.wl-col>h3 .spk-wlx:hover{background:rgba(165,232,253,.16)} @media (prefers-reduced-motion:reduce){.spk-kbbar__h,html.spk-kbfit #blv-kb>.wl-col>h3 .spk-wlx svg{transition:none}} /* spokes-offer.css */ .spo-dlg{border:0;padding:0;border-radius:18px;max-width:440px;width:calc(100% - 32px);box-shadow:0 24px 60px rgba(0,0,0,.25);overflow:hidden;background:#fff;color:#1C1C1C;font-family:Poppins,system-ui,sans-serif} .spo-dlg::backdrop{background:rgba(28,28,28,.55)} .spo-in{position:relative;padding:28px 24px 22px;background:linear-gradient(180deg,#e2edef 0,#fff 140px)} .spo-dlg.top .spo-in{background:linear-gradient(180deg,#FDF1DF 0,#fff 150px)} .spo-badge{display:inline-block;font:600 12px/1 Poppins,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#0d4a57;border-radius:20px;padding:7px 12px} .spo-dlg.top .spo-badge{background:#1C1C1C;color:#F2A541} .spo-dlg h2{font:600 28px/1.15 Jost,system-ui,sans-serif;margin:14px 0 6px} .spo-lead{margin:0 0 14px;font-size:15px} .spo-l{list-style:none;margin:0 0 18px;padding:0}.spo-l li{padding:10px 0;border-top:1px solid #E3E3DF}.spo-l b{display:block;font-size:15px}.spo-l span{font-size:13.5px;color:#3d3d3d} .spo-btn{width:100%;border:0;border-radius:10px;background:#1C1C1C;color:#fff;font:600 15px Poppins,sans-serif;padding:13px;cursor:pointer}.spo-btn:focus-visible{outline:3px solid #0d4a57;outline-offset:2px} .spo-cf{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;pointer-events:none;animation:spo-fall linear forwards;z-index:2} @keyframes spo-fall{to{transform:translateY(560px) rotate(540deg);opacity:0}} @media (prefers-reduced-motion:reduce){.spo-cf{display:none}} .spo-fine{margin:-8px 0 14px;font-size:12px;color:#6b6b6b} /* spo-v2 (ops/onboard_patch.py): Blueprint mark, plan line, sub text */ .spo-v2 .spo-in{background:linear-gradient(180deg,#EEF3F4 0,#fff 150px);padding-top:24px} .spo-v2.top .spo-in{background:linear-gradient(180deg,#FDF1DF 0,#fff 160px)} .spo-hero{display:flex;justify-content:flex-start;margin-bottom:10px} .spo-mark{width:56px;height:56px;color:#1C1C1C}.spo-mark .spo-hub{fill:#0E7490;animation:spo-pulse 1.8s ease-in-out infinite} @keyframes spo-pulse{50%{fill:#22B8D6}} .spo-v2 .spo-badge{background:#0D4A57}.spo-v2.top .spo-badge{background:#1C1C1C;color:#F2A541} .spo-v2 h2{margin:10px 0 6px} .spo-v2 .spo-l b{font-weight:600} .spo-v2 .spo-basic{background:#F6F7F5;border-radius:10px;border-top:0;padding:10px 12px;margin-top:4px}.spo-basic a{color:#0D4A57;font-weight:600} .spo-v2 .spo-btn{min-height:46px} .spo-sub{margin:10px 0 0;font-size:12.5px;color:#6b6b6b;text-align:center} @media (max-width:600px){.spo-v2{max-height:calc(100dvh - 24px);overflow:auto}} @media (prefers-reduced-motion:reduce){.spo-mark .spo-hub{animation:none}} /* spokes-guide-db2719a0306e.css */ /* Spokes – Kom i gang-guide (ops/onboard_patch.py) */ .sg-dlg{border:0;padding:0;border-radius:18px;width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 24px);box-shadow:0 24px 60px rgba(0,0,0,.28);background:#fff;color:#1C1C1C;font-family:Poppins,system-ui,sans-serif;overflow:auto} .sg-dlg::backdrop{background:rgba(28,28,28,.55)} .sg-in{position:relative;padding:22px 22px 18px} .sg-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:99px;background:transparent;font-size:24px;line-height:1;color:#555;cursor:pointer}.sg-x:hover{background:#F1F1EE} .sg-hd{display:flex;gap:14px;align-items:center;padding-right:36px} .sg-mark{width:46px;height:46px;flex:0 0 46px;color:#1C1C1C}.sg-mark .sg-hub{fill:#0E7490;animation:sg-pulse 1.8s ease-in-out infinite} @keyframes sg-pulse{50%{fill:#22B8D6}} .sg-hd h2{font:600 22px/1.2 Jost,Poppins,system-ui,sans-serif;margin:0}.sg-hd p{margin:3px 0 0;font-size:13.5px;color:#555} .sg-tabs{display:flex;gap:4px;margin:16px 0 12px;padding:4px;background:#F1F1EE;border-radius:12px} .sg-tabs button{flex:1;border:0;background:transparent;border-radius:9px;padding:9px 8px;font:500 14px Poppins,sans-serif;color:#444;cursor:pointer} .sg-tabs button[aria-selected=true]{background:#fff;color:#1C1C1C;box-shadow:0 1px 3px rgba(0,0,0,.12);font-weight:600} .sg-tabs small{display:inline-block;margin-left:4px;padding:1px 7px;border-radius:99px;background:#E6F6F9;color:#0D4A57;font-size:11.5px;font-weight:600} .sg-plan{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#FDF1DF;font-size:13px;line-height:1.45}.sg-plan a{color:#0D4A57;font-weight:600} .sg-dots{display:flex;gap:6px;list-style:none;margin:4px 0 12px;padding:0}.sg-dots li{flex:1;height:4px;border-radius:4px;background:#E3E3DF}.sg-dots li.is-past{background:#7FC4D2}.sg-dots li.is-on{background:#0E7490} .sg-step{min-height:208px}.sg-ic{width:48px;height:48px;border-radius:14px;background:#E6F6F9;display:grid;place-items:center;font-size:24px} .sg-n{margin:12px 0 2px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#0E7490;font-weight:600} .sg-step h3{font:600 19px/1.25 Jost,Poppins,sans-serif;margin:0 0 6px}.sg-step p{margin:0;font-size:14.5px;line-height:1.55;color:#2b2b2b} .sg-link{display:inline-block;margin-top:10px;color:#0D4A57;font-weight:600;font-size:14px;text-decoration:none}.sg-link:hover{text-decoration:underline} .sg-ft{display:flex;gap:8px;justify-content:space-between;margin-top:16px} .sg-b{flex:1;min-height:44px;border:0;border-radius:10px;background:#1C1C1C;color:#fff;font:600 14.5px Poppins,sans-serif;padding:11px 14px;cursor:pointer} .sg-b--g{background:#F1F1EE;color:#1C1C1C}.sg-b:disabled{opacity:.4;cursor:default}.sg-b:focus-visible,.sg-x:focus-visible,.sg-tabs button:focus-visible{outline:3px solid #0E7490;outline-offset:2px} .sg-prog{height:6px;border-radius:6px;background:#E3E3DF;overflow:hidden;margin:2px 0 8px}.sg-prog i{display:block;height:100%;background:#0E7490;transition:width .3s} .sg-list{list-style:none;margin:0;padding:0}.sg-list li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #EDEDEA} .sg-list label{flex:1;display:flex;gap:12px;align-items:flex-start;cursor:pointer;min-height:44px} .sg-list input{position:absolute;opacity:0;width:1px;height:1px} .sg-box{flex:0 0 22px;height:22px;margin-top:2px;border-radius:7px;border:2px solid #9AA3A6;display:grid;place-items:center;transition:.15s} .sg-list input:checked+.sg-box{background:#0E7490;border-color:#0E7490}.sg-list input:checked+.sg-box::after{content:'';width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)} .sg-list input:focus-visible+.sg-box{outline:3px solid #0E7490;outline-offset:2px} .sg-list b{display:block;font-size:14.5px;font-weight:600}.sg-list small{display:block;font-size:12.5px;color:#5a5a5a;line-height:1.4} .sg-list li.is-done b{color:#6b6b6b;text-decoration:line-through;text-decoration-color:#9AA3A6} .sg-open{flex:0 0 auto;padding:7px 12px;border-radius:9px;background:#E6F6F9;color:#0D4A57;font-size:13px;font-weight:600;text-decoration:none} .sg-fine{margin:10px 0 0;font-size:12px;color:#6b6b6b;text-align:center} #sg-chip{position:fixed;left:16px;bottom:16px;z-index:900;display:flex;align-items:center;background:#1C1C1C;border-radius:99px;box-shadow:0 8px 24px rgba(0,0,0,.25);font-family:Poppins,system-ui,sans-serif} .sg-chip{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#fff;padding:7px 4px 7px 9px;font:500 13.5px Poppins,sans-serif;cursor:pointer;min-height:44px} .sg-chip .sg-mark{width:26px;height:26px;flex-basis:26px;color:#fff}.sg-chip b{color:#7FDCEC} .sg-chipx{border:0;background:transparent;color:#bbb;width:36px;height:44px;font-size:18px;cursor:pointer;border-radius:99px} @media (max-width:900px){#sg-chip{bottom:calc(88px + env(safe-area-inset-bottom,0px));left:12px}} @media (max-width:600px){.sg-dlg{width:100%;max-width:none;margin:auto 0 0;border-radius:18px 18px 0 0;max-height:92dvh}.sg-step{min-height:0}} @media (prefers-reduced-motion:reduce){.sg-mark .sg-hub{animation:none}} html[data-theme=dark] .sg-dlg{background:#1E2224;color:#EDEDEA} html[data-theme=dark] .sg-step p,html[data-theme=dark] .sg-hd p,html[data-theme=dark] .sg-list small,html[data-theme=dark] .sg-x{color:#C9CDCF} html[data-theme=dark] .sg-tabs,html[data-theme=dark] .sg-b--g{background:#2A3033;color:#EDEDEA}html[data-theme=dark] .sg-tabs button[aria-selected=true]{background:#3A4245;color:#fff} html[data-theme=dark] .sg-mark{color:#fff}html[data-theme=dark] .sg-plan{background:#3A3020}html[data-theme=dark] .sg-list li{border-color:#333} /* darkbtn-v1: guide modal contrast (ops/darkbtn) */ .sg-open{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 14px;border:1.5px solid #0E7490;background:#fff;color:#0D4A57!important;transition:background .15s,color .15s} .sg-open:hover{background:#0E7490;color:#fff!important} .sg-open:focus-visible{outline:3px solid #0E7490;outline-offset:2px} html[data-theme=dark] .sg-open{background:#22B8D6!important;border-color:#22B8D6;color:#0B1F24!important} html[data-theme=dark] .sg-open:hover{background:#7FDCEC!important;border-color:#7FDCEC} html[data-theme=dark] .sg-open:focus-visible{outline-color:#7FDCEC} html[data-theme=dark] .sg-prog,html[data-theme=dark] .sg-dots li{background:#3A4245} html[data-theme=dark] .sg-prog i,html[data-theme=dark] .sg-dots li.is-on{background:#22B8D6} html[data-theme=dark] .sg-dots li.is-past{background:#1E6E80} html[data-theme=dark] .sg-box{border-color:#8A979B} html[data-theme=dark] .sg-list input:checked+.sg-box{background:#22B8D6;border-color:#22B8D6} html[data-theme=dark] .sg-list input:checked+.sg-box::after{border-color:#0B1F24} html[data-theme=dark] .sg-list li.is-done b{color:#9AA3A6} html[data-theme=dark] .sg-link,html[data-theme=dark] .sg-plan a{color:#7FDCEC} html[data-theme=dark] .sg-n{color:#7FDCEC} html[data-theme=dark] .sg-ic,html[data-theme=dark] .sg-tabs small{background:#16414B;color:#BFF0F8} html[data-theme=dark] .sg-b{background:#22B8D6;color:#0B1F24} html[data-theme=dark] .sg-b--g{background:#2A3033;color:#EDEDEA} html[data-theme=dark] .sg-fine{color:#9AA3A6} html[data-theme=dark] .sg-x:hover{background:#2A3033} html[data-theme=dark] .sg-b:focus-visible,html[data-theme=dark] .sg-x:focus-visible,html[data-theme=dark] .sg-tabs button:focus-visible,html[data-theme=dark] .sg-list input:focus-visible+.sg-box{outline-color:#7FDCEC} /* darkbtn-v1: dark logo on dark surfaces (lock screen PIN pad, PIN setup, modals) -> white logo */ html[data-theme=dark] #spk-lock .lk-logo,html[data-theme=dark] img[src^="/assets/spokes-logo.svg"]{content:url(/assets/spokes-logo-white.svg)} /* darkbtn-v1: dark-mode modals – lighter surfaces, visible inputs, consistent type */ html[data-theme=dark] .di__c,html[data-theme=dark] dialog:not(.sg-dlg),html[data-theme=dark] [role=dialog]:not(#spk-lock){background:#353C40!important;color:#EDEDEA} html[data-theme=dark] .sg-dlg{background:#353C40} html[data-theme=dark] .di__c input:not([type=checkbox]):not([type=radio]),html[data-theme=dark] .di__c textarea,html[data-theme=dark] .di__c select, html[data-theme=dark] dialog input:not([type=checkbox]):not([type=radio]),html[data-theme=dark] dialog textarea,html[data-theme=dark] dialog select, html[data-theme=dark] [role=dialog] input:not([type=checkbox]):not([type=radio]),html[data-theme=dark] [role=dialog] textarea,html[data-theme=dark] [role=dialog] select{background:#41494D!important;border:1px solid #66737A!important;color:#F2F2F0!important} html[data-theme=dark] .di__c input::placeholder,html[data-theme=dark] .di__c textarea::placeholder,html[data-theme=dark] dialog input::placeholder,html[data-theme=dark] dialog textarea::placeholder{color:#A9B3B7!important} html[data-theme=dark] .di__c input:focus,html[data-theme=dark] .di__c textarea:focus,html[data-theme=dark] .di__c select:focus,html[data-theme=dark] dialog input:focus,html[data-theme=dark] dialog textarea:focus{border-color:#22B8D6!important;outline:2px solid rgba(34,184,214,.35)!important;outline-offset:0} html[data-theme=dark] .di__c h2,html[data-theme=dark] .di__c h3,html[data-theme=dark] .di__c .qrt-di__t b{color:#F2F2F0!important} html[data-theme=dark] .di__c p,html[data-theme=dark] .di__c small,html[data-theme=dark] .di__c .di-opt{color:#C3CBCE!important} html[data-theme=dark] .di__c label,html[data-theme=dark] .di__c .di-l{color:#DDE2E4!important} html[data-theme=dark] .qrt-di--scan{background:#2D4950!important;border-color:#3F6873!important} /* typography (both themes): section titles in modal use the heading font */ .di__c .qrt-di__t b{font-family:Jost,Poppins,system-ui,sans-serif!important;font-weight:600!important;font-size:15px!important} .di__c .di-l{font-size:13px!important;font-weight:500!important} /* «Snakk inn» pill: readable in dark */ html[data-theme=dark] .blv-vc__b:not(.is-on){background:#41494D!important;border-color:#66737A!important;color:#BFF0F8!important} html[data-theme=dark] .blv-vc__b:not(.is-on) *{color:#BFF0F8!important} html[data-theme=dark] .blv-vc__b:not(.is-on):hover{background:#4B555A!important} /* lock screen: guarantee a dark surface in dark mode so the white logo is always visible */ html[data-theme=dark] #spk-lock{background:#1B1F21!important;color:#EDEDEA!important;color-scheme:dark} html[data-theme=dark] #spk-lock :is(h1,h2,h3,p,span,small,div,b,strong,time){color:inherit} html[data-theme=dark] #spk-lock button{background:transparent;color:#EDEDEA;border-color:#3E474B} html[data-theme=dark] #spk-lock .lk-logo,html[data-theme=dark] img[src*="spokes-logo-white"],html[data-theme=dark] img[src^="/assets/spokes-logo.svg"]{filter:none!important} /* darkbtn-v1 cards (option C): card #41494D, border #5C686E, inside/fields #343B3F */ html[data-theme=dark] body:not(#spk-z) .acc-sec,html[data-theme=dark] body:not(#spk-z) .bbk__card,html[data-theme=dark] body:not(#spk-z) .blv-fv-card,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost),html[data-theme=dark] body:not(#spk-z) .bt-card,html[data-theme=dark] body:not(#spk-z) .bt-tile,html[data-theme=dark] body:not(#spk-z) .ci-card,html[data-theme=dark] body:not(#spk-z) .fe-card,html[data-theme=dark] body:not(#spk-z) .kap-panel,html[data-theme=dark] body:not(#spk-z) .kl-sec,html[data-theme=dark] body:not(#spk-z) .mk-box,html[data-theme=dark] body:not(#spk-z) .mk-card,html[data-theme=dark] body:not(#spk-z) .kp-card,html[data-theme=dark] body:not(#spk-z) .nv-panel,html[data-theme=dark] body:not(#spk-z) .panel,html[data-theme=dark] body:not(#spk-z) .rp-card,html[data-theme=dark] body:not(#spk-z) .spk-tile,html[data-theme=dark] body:not(#spk-z) .stg-tile,html[data-theme=dark] body:not(#spk-z) .tile,html[data-theme=dark] body:not(#spk-z) .v4-card,html[data-theme=dark] body:not(#spk-z) .v4-tile,html[data-theme=dark] body:not(#spk-z) .wl-card,html[data-theme=dark] body:not(#spk-z) .wl-st__card,html[data-theme=dark] body:not(#spk-z) .spk-qlab,html[data-theme=dark] body:not(#spk-z) .ql-order,html[data-theme=dark] body:not(#spk-z) .ql-oprev,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev{background:#41494D!important;background-image:none!important;border-color:#5C686E!important;color:#EDEDEA!important} html[data-theme=dark] body:not(#spk-z) .acc-sec input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .acc-sec select,html[data-theme=dark] body:not(#spk-z) .acc-sec textarea,html[data-theme=dark] body:not(#spk-z) .bbk__card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .bbk__card select,html[data-theme=dark] body:not(#spk-z) .bbk__card textarea,html[data-theme=dark] body:not(#spk-z) .blv-fv-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .blv-fv-card select,html[data-theme=dark] body:not(#spk-z) .blv-fv-card textarea,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) select,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) textarea,html[data-theme=dark] body:not(#spk-z) .bt-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .bt-card select,html[data-theme=dark] body:not(#spk-z) .bt-card textarea,html[data-theme=dark] body:not(#spk-z) .bt-tile input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .bt-tile select,html[data-theme=dark] body:not(#spk-z) .bt-tile textarea,html[data-theme=dark] body:not(#spk-z) .ci-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .ci-card select,html[data-theme=dark] body:not(#spk-z) .ci-card textarea,html[data-theme=dark] body:not(#spk-z) .fe-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .fe-card select,html[data-theme=dark] body:not(#spk-z) .fe-card textarea,html[data-theme=dark] body:not(#spk-z) .kap-panel input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .kap-panel select,html[data-theme=dark] body:not(#spk-z) .kap-panel textarea,html[data-theme=dark] body:not(#spk-z) .kl-sec input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .kl-sec select,html[data-theme=dark] body:not(#spk-z) .kl-sec textarea,html[data-theme=dark] body:not(#spk-z) .mk-box input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .mk-box select,html[data-theme=dark] body:not(#spk-z) .mk-box textarea,html[data-theme=dark] body:not(#spk-z) .mk-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .mk-card select,html[data-theme=dark] body:not(#spk-z) .mk-card textarea,html[data-theme=dark] body:not(#spk-z) .kp-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .kp-card select,html[data-theme=dark] body:not(#spk-z) .kp-card textarea,html[data-theme=dark] body:not(#spk-z) .nv-panel input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .nv-panel select,html[data-theme=dark] body:not(#spk-z) .nv-panel textarea,html[data-theme=dark] body:not(#spk-z) .panel input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .panel select,html[data-theme=dark] body:not(#spk-z) .panel textarea,html[data-theme=dark] body:not(#spk-z) .rp-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .rp-card select,html[data-theme=dark] body:not(#spk-z) .rp-card textarea,html[data-theme=dark] body:not(#spk-z) .spk-tile input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .spk-tile select,html[data-theme=dark] body:not(#spk-z) .spk-tile textarea,html[data-theme=dark] body:not(#spk-z) .stg-tile input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .stg-tile select,html[data-theme=dark] body:not(#spk-z) .stg-tile textarea,html[data-theme=dark] body:not(#spk-z) .tile input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .tile select,html[data-theme=dark] body:not(#spk-z) .tile textarea,html[data-theme=dark] body:not(#spk-z) .v4-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .v4-card select,html[data-theme=dark] body:not(#spk-z) .v4-card textarea,html[data-theme=dark] body:not(#spk-z) .v4-tile input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .v4-tile select,html[data-theme=dark] body:not(#spk-z) .v4-tile textarea,html[data-theme=dark] body:not(#spk-z) .wl-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .wl-card select,html[data-theme=dark] body:not(#spk-z) .wl-card textarea,html[data-theme=dark] body:not(#spk-z) .wl-st__card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .wl-st__card select,html[data-theme=dark] body:not(#spk-z) .wl-st__card textarea,html[data-theme=dark] body:not(#spk-z) .spk-qlab input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .spk-qlab select,html[data-theme=dark] body:not(#spk-z) .spk-qlab textarea,html[data-theme=dark] body:not(#spk-z) .ql-order input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .ql-order select,html[data-theme=dark] body:not(#spk-z) .ql-order textarea,html[data-theme=dark] body:not(#spk-z) .ql-oprev input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark] body:not(#spk-z) .ql-oprev select,html[data-theme=dark] body:not(#spk-z) .ql-oprev textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order textarea,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev select,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev textarea{background:#343B3F!important;border:1px solid #5C686E!important;color:#F2F2F0!important} html[data-theme=dark] body:not(#spk-z) .acc-sec [class*=prev],html[data-theme=dark] body:not(#spk-z) .acc-sec [class*=pv],html[data-theme=dark] body:not(#spk-z) .acc-sec .ql-grid,html[data-theme=dark] body:not(#spk-z) .acc-sec table,html[data-theme=dark] body:not(#spk-z) .acc-sec tr,html[data-theme=dark] body:not(#spk-z) .acc-sec .ql-oq,html[data-theme=dark] body:not(#spk-z) .bbk__card [class*=prev],html[data-theme=dark] body:not(#spk-z) .bbk__card [class*=pv],html[data-theme=dark] body:not(#spk-z) .bbk__card .ql-grid,html[data-theme=dark] body:not(#spk-z) .bbk__card table,html[data-theme=dark] body:not(#spk-z) .bbk__card tr,html[data-theme=dark] body:not(#spk-z) .bbk__card .ql-oq,html[data-theme=dark] body:not(#spk-z) .blv-fv-card [class*=prev],html[data-theme=dark] body:not(#spk-z) .blv-fv-card [class*=pv],html[data-theme=dark] body:not(#spk-z) .blv-fv-card .ql-grid,html[data-theme=dark] body:not(#spk-z) .blv-fv-card table,html[data-theme=dark] body:not(#spk-z) .blv-fv-card tr,html[data-theme=dark] body:not(#spk-z) .blv-fv-card .ql-oq,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) [class*=prev],html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) [class*=pv],html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) .ql-grid,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) table,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) tr,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) .ql-oq,html[data-theme=dark] body:not(#spk-z) .bt-card [class*=prev],html[data-theme=dark] body:not(#spk-z) .bt-card [class*=pv],html[data-theme=dark] body:not(#spk-z) .bt-card .ql-grid,html[data-theme=dark] body:not(#spk-z) .bt-card table,html[data-theme=dark] body:not(#spk-z) .bt-card tr,html[data-theme=dark] body:not(#spk-z) .bt-card .ql-oq,html[data-theme=dark] body:not(#spk-z) .bt-tile [class*=prev],html[data-theme=dark] body:not(#spk-z) .bt-tile [class*=pv],html[data-theme=dark] body:not(#spk-z) .bt-tile .ql-grid,html[data-theme=dark] body:not(#spk-z) .bt-tile table,html[data-theme=dark] body:not(#spk-z) .bt-tile tr,html[data-theme=dark] body:not(#spk-z) .bt-tile .ql-oq,html[data-theme=dark] body:not(#spk-z) .ci-card [class*=prev],html[data-theme=dark] body:not(#spk-z) .ci-card [class*=pv],html[data-theme=dark] body:not(#spk-z) .ci-card .ql-grid,html[data-theme=dark] body:not(#spk-z) .ci-card table,html[data-theme=dark] body:not(#spk-z) .ci-card tr,html[data-theme=dark] body:not(#spk-z) .ci-card .ql-oq,html[data-theme=dark] body:not(#spk-z) .fe-card [class*=prev],html[data-theme=dark] body:not(#spk-z) .fe-card [class*=pv],html[data-theme=dark] body:not(#spk-z) .fe-card .ql-grid,html[data-theme=dark] body:not(#spk-z) .fe-card table,html[data-theme=dark] body:not(#spk-z) .fe-card tr,html[data-theme=dark] body:not(#spk-z) .fe-card .ql-oq,html[data-theme=dark] body:not(#spk-z) .kap-panel [class*=prev],html[data-theme=dark] body:not(#spk-z) .kap-panel [class*=pv],html[data-theme=dark] body:not(#spk-z) .kap-panel .ql-grid,html[data-theme=dark] body:not(#spk-z) .kap-panel table,html[data-theme=dark] body:not(#spk-z) .kap-panel tr,html[data-theme=dark] body:not(#spk-z) .kap-panel .ql-oq,html[data-theme=dark] body:not(#spk-z) .kl-sec [class*=prev],html[data-theme=dark] body:not(#spk-z) .kl-sec [class*=pv],html[data-theme=dark] body:not(#spk-z) .kl-sec .ql-grid,html[data-theme=dark] body:not(#spk-z) .kl-sec table,html[data-theme=dark] body:not(#spk-z) .kl-sec tr,html[data-theme=dark] body:not(#spk-z) .kl-sec .ql-oq,html[data-theme=dark] body:not(#spk-z) .mk-box [class*=prev],html[data-theme=dark] body:not(#spk-z) .mk-box [class*=pv],html[data-theme=dark] body:not(#spk-z) .mk-box .ql-grid,html[data-theme=dark] body:not(#spk-z) .mk-box table,html[data-theme=dark] body:not(#spk-z) .mk-box tr,html[data-theme=dark] body:not(#spk-z) .mk-box .ql-oq,html[data-theme=dark] body:not(#spk-z) .mk-card [class*=prev],html[data-theme=dark] body:not(#spk-z) .mk-card [class*=pv],html[data-theme=dark] body:not(#spk-z) .mk-card .ql-grid,html[data-theme=dark] body:not(#spk-z) .mk-card table,html[data-theme=dark] body:not(#spk-z) .mk-card tr,html[data-theme=dark] body:not(#spk-z) .mk-card .ql-oq,html[data-theme=dark] body:not(#spk-z) .kp-card [class*=prev],html[data-theme=dark] body:not(#spk-z) .kp-card [class*=pv],html[data-theme=dark] body:not(#spk-z) .kp-card .ql-grid,html[data-theme=dark] body:not(#spk-z) .kp-card table,html[data-theme=dark] body:not(#spk-z) .kp-card tr,html[data-theme=dark] body:not(#spk-z) .kp-card .ql-oq,html[data-theme=dark] body:not(#spk-z) .nv-panel [class*=prev],html[data-theme=dark] body:not(#spk-z) .nv-panel [class*=pv],html[data-theme=dark] body:not(#spk-z) .nv-panel .ql-grid,html[data-theme=dark] body:not(#spk-z) .nv-panel table,html[data-theme=dark] body:not(#spk-z) .nv-panel tr,html[data-theme=dark] body:not(#spk-z) .nv-panel .ql-oq,html[data-theme=dark] body:not(#spk-z) .panel [class*=prev],html[data-theme=dark] body:not(#spk-z) .panel [class*=pv],html[data-theme=dark] body:not(#spk-z) .panel .ql-grid,html[data-theme=dark] body:not(#spk-z) .panel table,html[data-theme=dark] body:not(#spk-z) .panel tr,html[data-theme=dark] body:not(#spk-z) .panel .ql-oq,html[data-theme=dark] body:not(#spk-z) .rp-card [class*=prev],html[data-theme=dark] body:not(#spk-z) .rp-card [class*=pv],html[data-theme=dark] body:not(#spk-z) .rp-card .ql-grid,html[data-theme=dark] body:not(#spk-z) .rp-card table,html[data-theme=dark] body:not(#spk-z) .rp-card tr,html[data-theme=dark] body:not(#spk-z) .rp-card .ql-oq,html[data-theme=dark] body:not(#spk-z) .spk-tile [class*=prev],html[data-theme=dark] body:not(#spk-z) .spk-tile [class*=pv],html[data-theme=dark] body:not(#spk-z) .spk-tile .ql-grid,html[data-theme=dark] body:not(#spk-z) .spk-tile table,html[data-theme=dark] body:not(#spk-z) .spk-tile tr,html[data-theme=dark] body:not(#spk-z) .spk-tile .ql-oq,html[data-theme=dark] body:not(#spk-z) .stg-tile [class*=prev],html[data-theme=dark] body:not(#spk-z) .stg-tile [class*=pv],html[data-theme=dark] body:not(#spk-z) .stg-tile .ql-grid,html[data-theme=dark] body:not(#spk-z) .stg-tile table,html[data-theme=dark] body:not(#spk-z) .stg-tile tr,html[data-theme=dark] body:not(#spk-z) .stg-tile .ql-oq,html[data-theme=dark] body:not(#spk-z) .tile [class*=prev],html[data-theme=dark] body:not(#spk-z) .tile [class*=pv],html[data-theme=dark] body:not(#spk-z) .tile .ql-grid,html[data-theme=dark] body:not(#spk-z) .tile table,html[data-theme=dark] body:not(#spk-z) .tile tr,html[data-theme=dark] body:not(#spk-z) .tile .ql-oq,html[data-theme=dark] body:not(#spk-z) .v4-card [class*=prev],html[data-theme=dark] body:not(#spk-z) .v4-card [class*=pv],html[data-theme=dark] body:not(#spk-z) .v4-card .ql-grid,html[data-theme=dark] body:not(#spk-z) .v4-card table,html[data-theme=dark] body:not(#spk-z) .v4-card tr,html[data-theme=dark] body:not(#spk-z) .v4-card .ql-oq,html[data-theme=dark] body:not(#spk-z) .v4-tile [class*=prev],html[data-theme=dark] body:not(#spk-z) .v4-tile [class*=pv],html[data-theme=dark] body:not(#spk-z) .v4-tile .ql-grid,html[data-theme=dark] body:not(#spk-z) .v4-tile table,html[data-theme=dark] body:not(#spk-z) .v4-tile tr,html[data-theme=dark] body:not(#spk-z) .v4-tile .ql-oq,html[data-theme=dark] body:not(#spk-z) .wl-card [class*=prev],html[data-theme=dark] body:not(#spk-z) .wl-card [class*=pv],html[data-theme=dark] body:not(#spk-z) .wl-card .ql-grid,html[data-theme=dark] body:not(#spk-z) .wl-card table,html[data-theme=dark] body:not(#spk-z) .wl-card tr,html[data-theme=dark] body:not(#spk-z) .wl-card .ql-oq,html[data-theme=dark] body:not(#spk-z) .wl-st__card [class*=prev],html[data-theme=dark] body:not(#spk-z) .wl-st__card [class*=pv],html[data-theme=dark] body:not(#spk-z) .wl-st__card .ql-grid,html[data-theme=dark] body:not(#spk-z) .wl-st__card table,html[data-theme=dark] body:not(#spk-z) .wl-st__card tr,html[data-theme=dark] body:not(#spk-z) .wl-st__card .ql-oq,html[data-theme=dark] body:not(#spk-z) .spk-qlab [class*=prev],html[data-theme=dark] body:not(#spk-z) .spk-qlab [class*=pv],html[data-theme=dark] body:not(#spk-z) .spk-qlab .ql-grid,html[data-theme=dark] body:not(#spk-z) .spk-qlab table,html[data-theme=dark] body:not(#spk-z) .spk-qlab tr,html[data-theme=dark] body:not(#spk-z) .spk-qlab .ql-oq,html[data-theme=dark] body:not(#spk-z) .ql-order [class*=prev],html[data-theme=dark] body:not(#spk-z) .ql-order [class*=pv],html[data-theme=dark] body:not(#spk-z) .ql-order .ql-grid,html[data-theme=dark] body:not(#spk-z) .ql-order table,html[data-theme=dark] body:not(#spk-z) .ql-order tr,html[data-theme=dark] body:not(#spk-z) .ql-order .ql-oq,html[data-theme=dark] body:not(#spk-z) .ql-oprev [class*=prev],html[data-theme=dark] body:not(#spk-z) .ql-oprev [class*=pv],html[data-theme=dark] body:not(#spk-z) .ql-oprev .ql-grid,html[data-theme=dark] body:not(#spk-z) .ql-oprev table,html[data-theme=dark] body:not(#spk-z) .ql-oprev tr,html[data-theme=dark] body:not(#spk-z) .ql-oprev .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order .ql-oq,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev [class*=prev],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev [class*=pv],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev .ql-grid,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev table,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev tr,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev .ql-oq{background-color:#343B3F!important;border-color:#5C686E!important} html[data-theme=dark] body:not(#spk-z) .acc-sec tr:hover,html[data-theme=dark] body:not(#spk-z) .acc-sec td,html[data-theme=dark] body:not(#spk-z) .acc-sec th,html[data-theme=dark] body:not(#spk-z) .bbk__card tr:hover,html[data-theme=dark] body:not(#spk-z) .bbk__card td,html[data-theme=dark] body:not(#spk-z) .bbk__card th,html[data-theme=dark] body:not(#spk-z) .blv-fv-card tr:hover,html[data-theme=dark] body:not(#spk-z) .blv-fv-card td,html[data-theme=dark] body:not(#spk-z) .blv-fv-card th,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) tr:hover,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) td,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) th,html[data-theme=dark] body:not(#spk-z) .bt-card tr:hover,html[data-theme=dark] body:not(#spk-z) .bt-card td,html[data-theme=dark] body:not(#spk-z) .bt-card th,html[data-theme=dark] body:not(#spk-z) .bt-tile tr:hover,html[data-theme=dark] body:not(#spk-z) .bt-tile td,html[data-theme=dark] body:not(#spk-z) .bt-tile th,html[data-theme=dark] body:not(#spk-z) .ci-card tr:hover,html[data-theme=dark] body:not(#spk-z) .ci-card td,html[data-theme=dark] body:not(#spk-z) .ci-card th,html[data-theme=dark] body:not(#spk-z) .fe-card tr:hover,html[data-theme=dark] body:not(#spk-z) .fe-card td,html[data-theme=dark] body:not(#spk-z) .fe-card th,html[data-theme=dark] body:not(#spk-z) .kap-panel tr:hover,html[data-theme=dark] body:not(#spk-z) .kap-panel td,html[data-theme=dark] body:not(#spk-z) .kap-panel th,html[data-theme=dark] body:not(#spk-z) .kl-sec tr:hover,html[data-theme=dark] body:not(#spk-z) .kl-sec td,html[data-theme=dark] body:not(#spk-z) .kl-sec th,html[data-theme=dark] body:not(#spk-z) .mk-box tr:hover,html[data-theme=dark] body:not(#spk-z) .mk-box td,html[data-theme=dark] body:not(#spk-z) .mk-box th,html[data-theme=dark] body:not(#spk-z) .mk-card tr:hover,html[data-theme=dark] body:not(#spk-z) .mk-card td,html[data-theme=dark] body:not(#spk-z) .mk-card th,html[data-theme=dark] body:not(#spk-z) .kp-card tr:hover,html[data-theme=dark] body:not(#spk-z) .kp-card td,html[data-theme=dark] body:not(#spk-z) .kp-card th,html[data-theme=dark] body:not(#spk-z) .nv-panel tr:hover,html[data-theme=dark] body:not(#spk-z) .nv-panel td,html[data-theme=dark] body:not(#spk-z) .nv-panel th,html[data-theme=dark] body:not(#spk-z) .panel tr:hover,html[data-theme=dark] body:not(#spk-z) .panel td,html[data-theme=dark] body:not(#spk-z) .panel th,html[data-theme=dark] body:not(#spk-z) .rp-card tr:hover,html[data-theme=dark] body:not(#spk-z) .rp-card td,html[data-theme=dark] body:not(#spk-z) .rp-card th,html[data-theme=dark] body:not(#spk-z) .spk-tile tr:hover,html[data-theme=dark] body:not(#spk-z) .spk-tile td,html[data-theme=dark] body:not(#spk-z) .spk-tile th,html[data-theme=dark] body:not(#spk-z) .stg-tile tr:hover,html[data-theme=dark] body:not(#spk-z) .stg-tile td,html[data-theme=dark] body:not(#spk-z) .stg-tile th,html[data-theme=dark] body:not(#spk-z) .tile tr:hover,html[data-theme=dark] body:not(#spk-z) .tile td,html[data-theme=dark] body:not(#spk-z) .tile th,html[data-theme=dark] body:not(#spk-z) .v4-card tr:hover,html[data-theme=dark] body:not(#spk-z) .v4-card td,html[data-theme=dark] body:not(#spk-z) .v4-card th,html[data-theme=dark] body:not(#spk-z) .v4-tile tr:hover,html[data-theme=dark] body:not(#spk-z) .v4-tile td,html[data-theme=dark] body:not(#spk-z) .v4-tile th,html[data-theme=dark] body:not(#spk-z) .wl-card tr:hover,html[data-theme=dark] body:not(#spk-z) .wl-card td,html[data-theme=dark] body:not(#spk-z) .wl-card th,html[data-theme=dark] body:not(#spk-z) .wl-st__card tr:hover,html[data-theme=dark] body:not(#spk-z) .wl-st__card td,html[data-theme=dark] body:not(#spk-z) .wl-st__card th,html[data-theme=dark] body:not(#spk-z) .spk-qlab tr:hover,html[data-theme=dark] body:not(#spk-z) .spk-qlab td,html[data-theme=dark] body:not(#spk-z) .spk-qlab th,html[data-theme=dark] body:not(#spk-z) .ql-order tr:hover,html[data-theme=dark] body:not(#spk-z) .ql-order td,html[data-theme=dark] body:not(#spk-z) .ql-order th,html[data-theme=dark] body:not(#spk-z) .ql-oprev tr:hover,html[data-theme=dark] body:not(#spk-z) .ql-oprev td,html[data-theme=dark] body:not(#spk-z) .ql-oprev th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev tr:hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev th{background-color:transparent!important} /* darkbtn-v1 card text contrast (AA on #41494D / #343B3F) */ html[data-theme=dark] body:not(#spk-z) .acc-sec h1,html[data-theme=dark] body:not(#spk-z) .acc-sec h2,html[data-theme=dark] body:not(#spk-z) .acc-sec h3,html[data-theme=dark] body:not(#spk-z) .acc-sec h4,html[data-theme=dark] body:not(#spk-z) .acc-sec b,html[data-theme=dark] body:not(#spk-z) .acc-sec strong,html[data-theme=dark] body:not(#spk-z) .acc-sec th,html[data-theme=dark] body:not(#spk-z) .acc-sec td,html[data-theme=dark] body:not(#spk-z) .acc-sec dt,html[data-theme=dark] body:not(#spk-z) .acc-sec dd,html[data-theme=dark] body:not(#spk-z) .acc-sec label,html[data-theme=dark] body:not(#spk-z) .acc-sec li,html[data-theme=dark] body:not(#spk-z) .acc-sec span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .bbk__card h1,html[data-theme=dark] body:not(#spk-z) .bbk__card h2,html[data-theme=dark] body:not(#spk-z) .bbk__card h3,html[data-theme=dark] body:not(#spk-z) .bbk__card h4,html[data-theme=dark] body:not(#spk-z) .bbk__card b,html[data-theme=dark] body:not(#spk-z) .bbk__card strong,html[data-theme=dark] body:not(#spk-z) .bbk__card th,html[data-theme=dark] body:not(#spk-z) .bbk__card td,html[data-theme=dark] body:not(#spk-z) .bbk__card dt,html[data-theme=dark] body:not(#spk-z) .bbk__card dd,html[data-theme=dark] body:not(#spk-z) .bbk__card label,html[data-theme=dark] body:not(#spk-z) .bbk__card li,html[data-theme=dark] body:not(#spk-z) .bbk__card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .blv-fv-card h1,html[data-theme=dark] body:not(#spk-z) .blv-fv-card h2,html[data-theme=dark] body:not(#spk-z) .blv-fv-card h3,html[data-theme=dark] body:not(#spk-z) .blv-fv-card h4,html[data-theme=dark] body:not(#spk-z) .blv-fv-card b,html[data-theme=dark] body:not(#spk-z) .blv-fv-card strong,html[data-theme=dark] body:not(#spk-z) .blv-fv-card th,html[data-theme=dark] body:not(#spk-z) .blv-fv-card td,html[data-theme=dark] body:not(#spk-z) .blv-fv-card dt,html[data-theme=dark] body:not(#spk-z) .blv-fv-card dd,html[data-theme=dark] body:not(#spk-z) .blv-fv-card label,html[data-theme=dark] body:not(#spk-z) .blv-fv-card li,html[data-theme=dark] body:not(#spk-z) .blv-fv-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) h1,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) h2,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) h3,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) h4,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) b,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) strong,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) th,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) td,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) dt,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) dd,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) label,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) li,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .bt-card h1,html[data-theme=dark] body:not(#spk-z) .bt-card h2,html[data-theme=dark] body:not(#spk-z) .bt-card h3,html[data-theme=dark] body:not(#spk-z) .bt-card h4,html[data-theme=dark] body:not(#spk-z) .bt-card b,html[data-theme=dark] body:not(#spk-z) .bt-card strong,html[data-theme=dark] body:not(#spk-z) .bt-card th,html[data-theme=dark] body:not(#spk-z) .bt-card td,html[data-theme=dark] body:not(#spk-z) .bt-card dt,html[data-theme=dark] body:not(#spk-z) .bt-card dd,html[data-theme=dark] body:not(#spk-z) .bt-card label,html[data-theme=dark] body:not(#spk-z) .bt-card li,html[data-theme=dark] body:not(#spk-z) .bt-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .bt-tile h1,html[data-theme=dark] body:not(#spk-z) .bt-tile h2,html[data-theme=dark] body:not(#spk-z) .bt-tile h3,html[data-theme=dark] body:not(#spk-z) .bt-tile h4,html[data-theme=dark] body:not(#spk-z) .bt-tile b,html[data-theme=dark] body:not(#spk-z) .bt-tile strong,html[data-theme=dark] body:not(#spk-z) .bt-tile th,html[data-theme=dark] body:not(#spk-z) .bt-tile td,html[data-theme=dark] body:not(#spk-z) .bt-tile dt,html[data-theme=dark] body:not(#spk-z) .bt-tile dd,html[data-theme=dark] body:not(#spk-z) .bt-tile label,html[data-theme=dark] body:not(#spk-z) .bt-tile li,html[data-theme=dark] body:not(#spk-z) .bt-tile span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .ci-card h1,html[data-theme=dark] body:not(#spk-z) .ci-card h2,html[data-theme=dark] body:not(#spk-z) .ci-card h3,html[data-theme=dark] body:not(#spk-z) .ci-card h4,html[data-theme=dark] body:not(#spk-z) .ci-card b,html[data-theme=dark] body:not(#spk-z) .ci-card strong,html[data-theme=dark] body:not(#spk-z) .ci-card th,html[data-theme=dark] body:not(#spk-z) .ci-card td,html[data-theme=dark] body:not(#spk-z) .ci-card dt,html[data-theme=dark] body:not(#spk-z) .ci-card dd,html[data-theme=dark] body:not(#spk-z) .ci-card label,html[data-theme=dark] body:not(#spk-z) .ci-card li,html[data-theme=dark] body:not(#spk-z) .ci-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .fe-card h1,html[data-theme=dark] body:not(#spk-z) .fe-card h2,html[data-theme=dark] body:not(#spk-z) .fe-card h3,html[data-theme=dark] body:not(#spk-z) .fe-card h4,html[data-theme=dark] body:not(#spk-z) .fe-card b,html[data-theme=dark] body:not(#spk-z) .fe-card strong,html[data-theme=dark] body:not(#spk-z) .fe-card th,html[data-theme=dark] body:not(#spk-z) .fe-card td,html[data-theme=dark] body:not(#spk-z) .fe-card dt,html[data-theme=dark] body:not(#spk-z) .fe-card dd,html[data-theme=dark] body:not(#spk-z) .fe-card label,html[data-theme=dark] body:not(#spk-z) .fe-card li,html[data-theme=dark] body:not(#spk-z) .fe-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .kap-panel h1,html[data-theme=dark] body:not(#spk-z) .kap-panel h2,html[data-theme=dark] body:not(#spk-z) .kap-panel h3,html[data-theme=dark] body:not(#spk-z) .kap-panel h4,html[data-theme=dark] body:not(#spk-z) .kap-panel b,html[data-theme=dark] body:not(#spk-z) .kap-panel strong,html[data-theme=dark] body:not(#spk-z) .kap-panel th,html[data-theme=dark] body:not(#spk-z) .kap-panel td,html[data-theme=dark] body:not(#spk-z) .kap-panel dt,html[data-theme=dark] body:not(#spk-z) .kap-panel dd,html[data-theme=dark] body:not(#spk-z) .kap-panel label,html[data-theme=dark] body:not(#spk-z) .kap-panel li,html[data-theme=dark] body:not(#spk-z) .kap-panel span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .kl-sec h1,html[data-theme=dark] body:not(#spk-z) .kl-sec h2,html[data-theme=dark] body:not(#spk-z) .kl-sec h3,html[data-theme=dark] body:not(#spk-z) .kl-sec h4,html[data-theme=dark] body:not(#spk-z) .kl-sec b,html[data-theme=dark] body:not(#spk-z) .kl-sec strong,html[data-theme=dark] body:not(#spk-z) .kl-sec th,html[data-theme=dark] body:not(#spk-z) .kl-sec td,html[data-theme=dark] body:not(#spk-z) .kl-sec dt,html[data-theme=dark] body:not(#spk-z) .kl-sec dd,html[data-theme=dark] body:not(#spk-z) .kl-sec label,html[data-theme=dark] body:not(#spk-z) .kl-sec li,html[data-theme=dark] body:not(#spk-z) .kl-sec span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .mk-box h1,html[data-theme=dark] body:not(#spk-z) .mk-box h2,html[data-theme=dark] body:not(#spk-z) .mk-box h3,html[data-theme=dark] body:not(#spk-z) .mk-box h4,html[data-theme=dark] body:not(#spk-z) .mk-box b,html[data-theme=dark] body:not(#spk-z) .mk-box strong,html[data-theme=dark] body:not(#spk-z) .mk-box th,html[data-theme=dark] body:not(#spk-z) .mk-box td,html[data-theme=dark] body:not(#spk-z) .mk-box dt,html[data-theme=dark] body:not(#spk-z) .mk-box dd,html[data-theme=dark] body:not(#spk-z) .mk-box label,html[data-theme=dark] body:not(#spk-z) .mk-box li,html[data-theme=dark] body:not(#spk-z) .mk-box span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .mk-card h1,html[data-theme=dark] body:not(#spk-z) .mk-card h2,html[data-theme=dark] body:not(#spk-z) .mk-card h3,html[data-theme=dark] body:not(#spk-z) .mk-card h4,html[data-theme=dark] body:not(#spk-z) .mk-card b,html[data-theme=dark] body:not(#spk-z) .mk-card strong,html[data-theme=dark] body:not(#spk-z) .mk-card th,html[data-theme=dark] body:not(#spk-z) .mk-card td,html[data-theme=dark] body:not(#spk-z) .mk-card dt,html[data-theme=dark] body:not(#spk-z) .mk-card dd,html[data-theme=dark] body:not(#spk-z) .mk-card label,html[data-theme=dark] body:not(#spk-z) .mk-card li,html[data-theme=dark] body:not(#spk-z) .mk-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .kp-card h1,html[data-theme=dark] body:not(#spk-z) .kp-card h2,html[data-theme=dark] body:not(#spk-z) .kp-card h3,html[data-theme=dark] body:not(#spk-z) .kp-card h4,html[data-theme=dark] body:not(#spk-z) .kp-card b,html[data-theme=dark] body:not(#spk-z) .kp-card strong,html[data-theme=dark] body:not(#spk-z) .kp-card th,html[data-theme=dark] body:not(#spk-z) .kp-card td,html[data-theme=dark] body:not(#spk-z) .kp-card dt,html[data-theme=dark] body:not(#spk-z) .kp-card dd,html[data-theme=dark] body:not(#spk-z) .kp-card label,html[data-theme=dark] body:not(#spk-z) .kp-card li,html[data-theme=dark] body:not(#spk-z) .kp-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .nv-panel h1,html[data-theme=dark] body:not(#spk-z) .nv-panel h2,html[data-theme=dark] body:not(#spk-z) .nv-panel h3,html[data-theme=dark] body:not(#spk-z) .nv-panel h4,html[data-theme=dark] body:not(#spk-z) .nv-panel b,html[data-theme=dark] body:not(#spk-z) .nv-panel strong,html[data-theme=dark] body:not(#spk-z) .nv-panel th,html[data-theme=dark] body:not(#spk-z) .nv-panel td,html[data-theme=dark] body:not(#spk-z) .nv-panel dt,html[data-theme=dark] body:not(#spk-z) .nv-panel dd,html[data-theme=dark] body:not(#spk-z) .nv-panel label,html[data-theme=dark] body:not(#spk-z) .nv-panel li,html[data-theme=dark] body:not(#spk-z) .nv-panel span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .panel h1,html[data-theme=dark] body:not(#spk-z) .panel h2,html[data-theme=dark] body:not(#spk-z) .panel h3,html[data-theme=dark] body:not(#spk-z) .panel h4,html[data-theme=dark] body:not(#spk-z) .panel b,html[data-theme=dark] body:not(#spk-z) .panel strong,html[data-theme=dark] body:not(#spk-z) .panel th,html[data-theme=dark] body:not(#spk-z) .panel td,html[data-theme=dark] body:not(#spk-z) .panel dt,html[data-theme=dark] body:not(#spk-z) .panel dd,html[data-theme=dark] body:not(#spk-z) .panel label,html[data-theme=dark] body:not(#spk-z) .panel li,html[data-theme=dark] body:not(#spk-z) .panel span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .rp-card h1,html[data-theme=dark] body:not(#spk-z) .rp-card h2,html[data-theme=dark] body:not(#spk-z) .rp-card h3,html[data-theme=dark] body:not(#spk-z) .rp-card h4,html[data-theme=dark] body:not(#spk-z) .rp-card b,html[data-theme=dark] body:not(#spk-z) .rp-card strong,html[data-theme=dark] body:not(#spk-z) .rp-card th,html[data-theme=dark] body:not(#spk-z) .rp-card td,html[data-theme=dark] body:not(#spk-z) .rp-card dt,html[data-theme=dark] body:not(#spk-z) .rp-card dd,html[data-theme=dark] body:not(#spk-z) .rp-card label,html[data-theme=dark] body:not(#spk-z) .rp-card li,html[data-theme=dark] body:not(#spk-z) .rp-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .spk-tile h1,html[data-theme=dark] body:not(#spk-z) .spk-tile h2,html[data-theme=dark] body:not(#spk-z) .spk-tile h3,html[data-theme=dark] body:not(#spk-z) .spk-tile h4,html[data-theme=dark] body:not(#spk-z) .spk-tile b,html[data-theme=dark] body:not(#spk-z) .spk-tile strong,html[data-theme=dark] body:not(#spk-z) .spk-tile th,html[data-theme=dark] body:not(#spk-z) .spk-tile td,html[data-theme=dark] body:not(#spk-z) .spk-tile dt,html[data-theme=dark] body:not(#spk-z) .spk-tile dd,html[data-theme=dark] body:not(#spk-z) .spk-tile label,html[data-theme=dark] body:not(#spk-z) .spk-tile li,html[data-theme=dark] body:not(#spk-z) .spk-tile span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .stg-tile h1,html[data-theme=dark] body:not(#spk-z) .stg-tile h2,html[data-theme=dark] body:not(#spk-z) .stg-tile h3,html[data-theme=dark] body:not(#spk-z) .stg-tile h4,html[data-theme=dark] body:not(#spk-z) .stg-tile b,html[data-theme=dark] body:not(#spk-z) .stg-tile strong,html[data-theme=dark] body:not(#spk-z) .stg-tile th,html[data-theme=dark] body:not(#spk-z) .stg-tile td,html[data-theme=dark] body:not(#spk-z) .stg-tile dt,html[data-theme=dark] body:not(#spk-z) .stg-tile dd,html[data-theme=dark] body:not(#spk-z) .stg-tile label,html[data-theme=dark] body:not(#spk-z) .stg-tile li,html[data-theme=dark] body:not(#spk-z) .stg-tile span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .tile h1,html[data-theme=dark] body:not(#spk-z) .tile h2,html[data-theme=dark] body:not(#spk-z) .tile h3,html[data-theme=dark] body:not(#spk-z) .tile h4,html[data-theme=dark] body:not(#spk-z) .tile b,html[data-theme=dark] body:not(#spk-z) .tile strong,html[data-theme=dark] body:not(#spk-z) .tile th,html[data-theme=dark] body:not(#spk-z) .tile td,html[data-theme=dark] body:not(#spk-z) .tile dt,html[data-theme=dark] body:not(#spk-z) .tile dd,html[data-theme=dark] body:not(#spk-z) .tile label,html[data-theme=dark] body:not(#spk-z) .tile li,html[data-theme=dark] body:not(#spk-z) .tile span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .v4-card h1,html[data-theme=dark] body:not(#spk-z) .v4-card h2,html[data-theme=dark] body:not(#spk-z) .v4-card h3,html[data-theme=dark] body:not(#spk-z) .v4-card h4,html[data-theme=dark] body:not(#spk-z) .v4-card b,html[data-theme=dark] body:not(#spk-z) .v4-card strong,html[data-theme=dark] body:not(#spk-z) .v4-card th,html[data-theme=dark] body:not(#spk-z) .v4-card td,html[data-theme=dark] body:not(#spk-z) .v4-card dt,html[data-theme=dark] body:not(#spk-z) .v4-card dd,html[data-theme=dark] body:not(#spk-z) .v4-card label,html[data-theme=dark] body:not(#spk-z) .v4-card li,html[data-theme=dark] body:not(#spk-z) .v4-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .v4-tile h1,html[data-theme=dark] body:not(#spk-z) .v4-tile h2,html[data-theme=dark] body:not(#spk-z) .v4-tile h3,html[data-theme=dark] body:not(#spk-z) .v4-tile h4,html[data-theme=dark] body:not(#spk-z) .v4-tile b,html[data-theme=dark] body:not(#spk-z) .v4-tile strong,html[data-theme=dark] body:not(#spk-z) .v4-tile th,html[data-theme=dark] body:not(#spk-z) .v4-tile td,html[data-theme=dark] body:not(#spk-z) .v4-tile dt,html[data-theme=dark] body:not(#spk-z) .v4-tile dd,html[data-theme=dark] body:not(#spk-z) .v4-tile label,html[data-theme=dark] body:not(#spk-z) .v4-tile li,html[data-theme=dark] body:not(#spk-z) .v4-tile span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .wl-card h1,html[data-theme=dark] body:not(#spk-z) .wl-card h2,html[data-theme=dark] body:not(#spk-z) .wl-card h3,html[data-theme=dark] body:not(#spk-z) .wl-card h4,html[data-theme=dark] body:not(#spk-z) .wl-card b,html[data-theme=dark] body:not(#spk-z) .wl-card strong,html[data-theme=dark] body:not(#spk-z) .wl-card th,html[data-theme=dark] body:not(#spk-z) .wl-card td,html[data-theme=dark] body:not(#spk-z) .wl-card dt,html[data-theme=dark] body:not(#spk-z) .wl-card dd,html[data-theme=dark] body:not(#spk-z) .wl-card label,html[data-theme=dark] body:not(#spk-z) .wl-card li,html[data-theme=dark] body:not(#spk-z) .wl-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .wl-st__card h1,html[data-theme=dark] body:not(#spk-z) .wl-st__card h2,html[data-theme=dark] body:not(#spk-z) .wl-st__card h3,html[data-theme=dark] body:not(#spk-z) .wl-st__card h4,html[data-theme=dark] body:not(#spk-z) .wl-st__card b,html[data-theme=dark] body:not(#spk-z) .wl-st__card strong,html[data-theme=dark] body:not(#spk-z) .wl-st__card th,html[data-theme=dark] body:not(#spk-z) .wl-st__card td,html[data-theme=dark] body:not(#spk-z) .wl-st__card dt,html[data-theme=dark] body:not(#spk-z) .wl-st__card dd,html[data-theme=dark] body:not(#spk-z) .wl-st__card label,html[data-theme=dark] body:not(#spk-z) .wl-st__card li,html[data-theme=dark] body:not(#spk-z) .wl-st__card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .spk-qlab h1,html[data-theme=dark] body:not(#spk-z) .spk-qlab h2,html[data-theme=dark] body:not(#spk-z) .spk-qlab h3,html[data-theme=dark] body:not(#spk-z) .spk-qlab h4,html[data-theme=dark] body:not(#spk-z) .spk-qlab b,html[data-theme=dark] body:not(#spk-z) .spk-qlab strong,html[data-theme=dark] body:not(#spk-z) .spk-qlab th,html[data-theme=dark] body:not(#spk-z) .spk-qlab td,html[data-theme=dark] body:not(#spk-z) .spk-qlab dt,html[data-theme=dark] body:not(#spk-z) .spk-qlab dd,html[data-theme=dark] body:not(#spk-z) .spk-qlab label,html[data-theme=dark] body:not(#spk-z) .spk-qlab li,html[data-theme=dark] body:not(#spk-z) .spk-qlab span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .ql-order h1,html[data-theme=dark] body:not(#spk-z) .ql-order h2,html[data-theme=dark] body:not(#spk-z) .ql-order h3,html[data-theme=dark] body:not(#spk-z) .ql-order h4,html[data-theme=dark] body:not(#spk-z) .ql-order b,html[data-theme=dark] body:not(#spk-z) .ql-order strong,html[data-theme=dark] body:not(#spk-z) .ql-order th,html[data-theme=dark] body:not(#spk-z) .ql-order td,html[data-theme=dark] body:not(#spk-z) .ql-order dt,html[data-theme=dark] body:not(#spk-z) .ql-order dd,html[data-theme=dark] body:not(#spk-z) .ql-order label,html[data-theme=dark] body:not(#spk-z) .ql-order li,html[data-theme=dark] body:not(#spk-z) .ql-order span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark] body:not(#spk-z) .ql-oprev h1,html[data-theme=dark] body:not(#spk-z) .ql-oprev h2,html[data-theme=dark] body:not(#spk-z) .ql-oprev h3,html[data-theme=dark] body:not(#spk-z) .ql-oprev h4,html[data-theme=dark] body:not(#spk-z) .ql-oprev b,html[data-theme=dark] body:not(#spk-z) .ql-oprev strong,html[data-theme=dark] body:not(#spk-z) .ql-oprev th,html[data-theme=dark] body:not(#spk-z) .ql-oprev td,html[data-theme=dark] body:not(#spk-z) .ql-oprev dt,html[data-theme=dark] body:not(#spk-z) .ql-oprev dd,html[data-theme=dark] body:not(#spk-z) .ql-oprev label,html[data-theme=dark] body:not(#spk-z) .ql-oprev li,html[data-theme=dark] body:not(#spk-z) .ql-oprev span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order span:not([class*=badge]):not([class*=pill]):not([class*=chip]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev h1,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev h2,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev h3,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev h4,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev b,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev strong,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev th,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev td,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev dt,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev dd,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev label,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev li,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev span:not([class*=badge]):not([class*=pill]):not([class*=chip]){color:#F2F2F0} html[data-theme=dark] body:not(#spk-z) .acc-sec p,html[data-theme=dark] body:not(#spk-z) .acc-sec small,html[data-theme=dark] body:not(#spk-z) .acc-sec .muted,html[data-theme=dark] body:not(#spk-z) .acc-sec .bt-muted,html[data-theme=dark] body:not(#spk-z) .acc-sec [class*=muted],html[data-theme=dark] body:not(#spk-z) .acc-sec [class*=sub],html[data-theme=dark] body:not(#spk-z) .acc-sec [class*=hint],html[data-theme=dark] body:not(#spk-z) .acc-sec [class*=note],html[data-theme=dark] body:not(#spk-z) .acc-sec [class*=desc],html[data-theme=dark] body:not(#spk-z) .acc-sec [class*=est],html[data-theme=dark] body:not(#spk-z) .acc-sec em,html[data-theme=dark] body:not(#spk-z) .bbk__card p,html[data-theme=dark] body:not(#spk-z) .bbk__card small,html[data-theme=dark] body:not(#spk-z) .bbk__card .muted,html[data-theme=dark] body:not(#spk-z) .bbk__card .bt-muted,html[data-theme=dark] body:not(#spk-z) .bbk__card [class*=muted],html[data-theme=dark] body:not(#spk-z) .bbk__card [class*=sub],html[data-theme=dark] body:not(#spk-z) .bbk__card [class*=hint],html[data-theme=dark] body:not(#spk-z) .bbk__card [class*=note],html[data-theme=dark] body:not(#spk-z) .bbk__card [class*=desc],html[data-theme=dark] body:not(#spk-z) .bbk__card [class*=est],html[data-theme=dark] body:not(#spk-z) .bbk__card em,html[data-theme=dark] body:not(#spk-z) .blv-fv-card p,html[data-theme=dark] body:not(#spk-z) .blv-fv-card small,html[data-theme=dark] body:not(#spk-z) .blv-fv-card .muted,html[data-theme=dark] body:not(#spk-z) .blv-fv-card .bt-muted,html[data-theme=dark] body:not(#spk-z) .blv-fv-card [class*=muted],html[data-theme=dark] body:not(#spk-z) .blv-fv-card [class*=sub],html[data-theme=dark] body:not(#spk-z) .blv-fv-card [class*=hint],html[data-theme=dark] body:not(#spk-z) .blv-fv-card [class*=note],html[data-theme=dark] body:not(#spk-z) .blv-fv-card [class*=desc],html[data-theme=dark] body:not(#spk-z) .blv-fv-card [class*=est],html[data-theme=dark] body:not(#spk-z) .blv-fv-card em,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) p,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) small,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) .muted,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) .bt-muted,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) [class*=muted],html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) [class*=sub],html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) [class*=hint],html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) [class*=note],html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) [class*=desc],html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) [class*=est],html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) em,html[data-theme=dark] body:not(#spk-z) .bt-card p,html[data-theme=dark] body:not(#spk-z) .bt-card small,html[data-theme=dark] body:not(#spk-z) .bt-card .muted,html[data-theme=dark] body:not(#spk-z) .bt-card .bt-muted,html[data-theme=dark] body:not(#spk-z) .bt-card [class*=muted],html[data-theme=dark] body:not(#spk-z) .bt-card [class*=sub],html[data-theme=dark] body:not(#spk-z) .bt-card [class*=hint],html[data-theme=dark] body:not(#spk-z) .bt-card [class*=note],html[data-theme=dark] body:not(#spk-z) .bt-card [class*=desc],html[data-theme=dark] body:not(#spk-z) .bt-card [class*=est],html[data-theme=dark] body:not(#spk-z) .bt-card em,html[data-theme=dark] body:not(#spk-z) .bt-tile p,html[data-theme=dark] body:not(#spk-z) .bt-tile small,html[data-theme=dark] body:not(#spk-z) .bt-tile .muted,html[data-theme=dark] body:not(#spk-z) .bt-tile .bt-muted,html[data-theme=dark] body:not(#spk-z) .bt-tile [class*=muted],html[data-theme=dark] body:not(#spk-z) .bt-tile [class*=sub],html[data-theme=dark] body:not(#spk-z) .bt-tile [class*=hint],html[data-theme=dark] body:not(#spk-z) .bt-tile [class*=note],html[data-theme=dark] body:not(#spk-z) .bt-tile [class*=desc],html[data-theme=dark] body:not(#spk-z) .bt-tile [class*=est],html[data-theme=dark] body:not(#spk-z) .bt-tile em,html[data-theme=dark] body:not(#spk-z) .ci-card p,html[data-theme=dark] body:not(#spk-z) .ci-card small,html[data-theme=dark] body:not(#spk-z) .ci-card .muted,html[data-theme=dark] body:not(#spk-z) .ci-card .bt-muted,html[data-theme=dark] body:not(#spk-z) .ci-card [class*=muted],html[data-theme=dark] body:not(#spk-z) .ci-card [class*=sub],html[data-theme=dark] body:not(#spk-z) .ci-card [class*=hint],html[data-theme=dark] body:not(#spk-z) .ci-card [class*=note],html[data-theme=dark] body:not(#spk-z) .ci-card [class*=desc],html[data-theme=dark] body:not(#spk-z) .ci-card [class*=est],html[data-theme=dark] body:not(#spk-z) .ci-card em,html[data-theme=dark] body:not(#spk-z) .fe-card p,html[data-theme=dark] body:not(#spk-z) .fe-card small,html[data-theme=dark] body:not(#spk-z) .fe-card .muted,html[data-theme=dark] body:not(#spk-z) .fe-card .bt-muted,html[data-theme=dark] body:not(#spk-z) .fe-card [class*=muted],html[data-theme=dark] body:not(#spk-z) .fe-card [class*=sub],html[data-theme=dark] body:not(#spk-z) .fe-card [class*=hint],html[data-theme=dark] body:not(#spk-z) .fe-card [class*=note],html[data-theme=dark] body:not(#spk-z) .fe-card [class*=desc],html[data-theme=dark] body:not(#spk-z) .fe-card [class*=est],html[data-theme=dark] body:not(#spk-z) .fe-card em,html[data-theme=dark] body:not(#spk-z) .kap-panel p,html[data-theme=dark] body:not(#spk-z) .kap-panel small,html[data-theme=dark] body:not(#spk-z) .kap-panel .muted,html[data-theme=dark] body:not(#spk-z) .kap-panel .bt-muted,html[data-theme=dark] body:not(#spk-z) .kap-panel [class*=muted],html[data-theme=dark] body:not(#spk-z) .kap-panel [class*=sub],html[data-theme=dark] body:not(#spk-z) .kap-panel [class*=hint],html[data-theme=dark] body:not(#spk-z) .kap-panel [class*=note],html[data-theme=dark] body:not(#spk-z) .kap-panel [class*=desc],html[data-theme=dark] body:not(#spk-z) .kap-panel [class*=est],html[data-theme=dark] body:not(#spk-z) .kap-panel em,html[data-theme=dark] body:not(#spk-z) .kl-sec p,html[data-theme=dark] body:not(#spk-z) .kl-sec small,html[data-theme=dark] body:not(#spk-z) .kl-sec .muted,html[data-theme=dark] body:not(#spk-z) .kl-sec .bt-muted,html[data-theme=dark] body:not(#spk-z) .kl-sec [class*=muted],html[data-theme=dark] body:not(#spk-z) .kl-sec [class*=sub],html[data-theme=dark] body:not(#spk-z) .kl-sec [class*=hint],html[data-theme=dark] body:not(#spk-z) .kl-sec [class*=note],html[data-theme=dark] body:not(#spk-z) .kl-sec [class*=desc],html[data-theme=dark] body:not(#spk-z) .kl-sec [class*=est],html[data-theme=dark] body:not(#spk-z) .kl-sec em,html[data-theme=dark] body:not(#spk-z) .mk-box p,html[data-theme=dark] body:not(#spk-z) .mk-box small,html[data-theme=dark] body:not(#spk-z) .mk-box .muted,html[data-theme=dark] body:not(#spk-z) .mk-box .bt-muted,html[data-theme=dark] body:not(#spk-z) .mk-box [class*=muted],html[data-theme=dark] body:not(#spk-z) .mk-box [class*=sub],html[data-theme=dark] body:not(#spk-z) .mk-box [class*=hint],html[data-theme=dark] body:not(#spk-z) .mk-box [class*=note],html[data-theme=dark] body:not(#spk-z) .mk-box [class*=desc],html[data-theme=dark] body:not(#spk-z) .mk-box [class*=est],html[data-theme=dark] body:not(#spk-z) .mk-box em,html[data-theme=dark] body:not(#spk-z) .mk-card p,html[data-theme=dark] body:not(#spk-z) .mk-card small,html[data-theme=dark] body:not(#spk-z) .mk-card .muted,html[data-theme=dark] body:not(#spk-z) .mk-card .bt-muted,html[data-theme=dark] body:not(#spk-z) .mk-card [class*=muted],html[data-theme=dark] body:not(#spk-z) .mk-card [class*=sub],html[data-theme=dark] body:not(#spk-z) .mk-card [class*=hint],html[data-theme=dark] body:not(#spk-z) .mk-card [class*=note],html[data-theme=dark] body:not(#spk-z) .mk-card [class*=desc],html[data-theme=dark] body:not(#spk-z) .mk-card [class*=est],html[data-theme=dark] body:not(#spk-z) .mk-card em,html[data-theme=dark] body:not(#spk-z) .kp-card p,html[data-theme=dark] body:not(#spk-z) .kp-card small,html[data-theme=dark] body:not(#spk-z) .kp-card .muted,html[data-theme=dark] body:not(#spk-z) .kp-card .bt-muted,html[data-theme=dark] body:not(#spk-z) .kp-card [class*=muted],html[data-theme=dark] body:not(#spk-z) .kp-card [class*=sub],html[data-theme=dark] body:not(#spk-z) .kp-card [class*=hint],html[data-theme=dark] body:not(#spk-z) .kp-card [class*=note],html[data-theme=dark] body:not(#spk-z) .kp-card [class*=desc],html[data-theme=dark] body:not(#spk-z) .kp-card [class*=est],html[data-theme=dark] body:not(#spk-z) .kp-card em,html[data-theme=dark] body:not(#spk-z) .nv-panel p,html[data-theme=dark] body:not(#spk-z) .nv-panel small,html[data-theme=dark] body:not(#spk-z) .nv-panel .muted,html[data-theme=dark] body:not(#spk-z) .nv-panel .bt-muted,html[data-theme=dark] body:not(#spk-z) .nv-panel [class*=muted],html[data-theme=dark] body:not(#spk-z) .nv-panel [class*=sub],html[data-theme=dark] body:not(#spk-z) .nv-panel [class*=hint],html[data-theme=dark] body:not(#spk-z) .nv-panel [class*=note],html[data-theme=dark] body:not(#spk-z) .nv-panel [class*=desc],html[data-theme=dark] body:not(#spk-z) .nv-panel [class*=est],html[data-theme=dark] body:not(#spk-z) .nv-panel em,html[data-theme=dark] body:not(#spk-z) .panel p,html[data-theme=dark] body:not(#spk-z) .panel small,html[data-theme=dark] body:not(#spk-z) .panel .muted,html[data-theme=dark] body:not(#spk-z) .panel .bt-muted,html[data-theme=dark] body:not(#spk-z) .panel [class*=muted],html[data-theme=dark] body:not(#spk-z) .panel [class*=sub],html[data-theme=dark] body:not(#spk-z) .panel [class*=hint],html[data-theme=dark] body:not(#spk-z) .panel [class*=note],html[data-theme=dark] body:not(#spk-z) .panel [class*=desc],html[data-theme=dark] body:not(#spk-z) .panel [class*=est],html[data-theme=dark] body:not(#spk-z) .panel em,html[data-theme=dark] body:not(#spk-z) .rp-card p,html[data-theme=dark] body:not(#spk-z) .rp-card small,html[data-theme=dark] body:not(#spk-z) .rp-card .muted,html[data-theme=dark] body:not(#spk-z) .rp-card .bt-muted,html[data-theme=dark] body:not(#spk-z) .rp-card [class*=muted],html[data-theme=dark] body:not(#spk-z) .rp-card [class*=sub],html[data-theme=dark] body:not(#spk-z) .rp-card [class*=hint],html[data-theme=dark] body:not(#spk-z) .rp-card [class*=note],html[data-theme=dark] body:not(#spk-z) .rp-card [class*=desc],html[data-theme=dark] body:not(#spk-z) .rp-card [class*=est],html[data-theme=dark] body:not(#spk-z) .rp-card em,html[data-theme=dark] body:not(#spk-z) .spk-tile p,html[data-theme=dark] body:not(#spk-z) .spk-tile small,html[data-theme=dark] body:not(#spk-z) .spk-tile .muted,html[data-theme=dark] body:not(#spk-z) .spk-tile .bt-muted,html[data-theme=dark] body:not(#spk-z) .spk-tile [class*=muted],html[data-theme=dark] body:not(#spk-z) .spk-tile [class*=sub],html[data-theme=dark] body:not(#spk-z) .spk-tile [class*=hint],html[data-theme=dark] body:not(#spk-z) .spk-tile [class*=note],html[data-theme=dark] body:not(#spk-z) .spk-tile [class*=desc],html[data-theme=dark] body:not(#spk-z) .spk-tile [class*=est],html[data-theme=dark] body:not(#spk-z) .spk-tile em,html[data-theme=dark] body:not(#spk-z) .stg-tile p,html[data-theme=dark] body:not(#spk-z) .stg-tile small,html[data-theme=dark] body:not(#spk-z) .stg-tile .muted,html[data-theme=dark] body:not(#spk-z) .stg-tile .bt-muted,html[data-theme=dark] body:not(#spk-z) .stg-tile [class*=muted],html[data-theme=dark] body:not(#spk-z) .stg-tile [class*=sub],html[data-theme=dark] body:not(#spk-z) .stg-tile [class*=hint],html[data-theme=dark] body:not(#spk-z) .stg-tile [class*=note],html[data-theme=dark] body:not(#spk-z) .stg-tile [class*=desc],html[data-theme=dark] body:not(#spk-z) .stg-tile [class*=est],html[data-theme=dark] body:not(#spk-z) .stg-tile em,html[data-theme=dark] body:not(#spk-z) .tile p,html[data-theme=dark] body:not(#spk-z) .tile small,html[data-theme=dark] body:not(#spk-z) .tile .muted,html[data-theme=dark] body:not(#spk-z) .tile .bt-muted,html[data-theme=dark] body:not(#spk-z) .tile [class*=muted],html[data-theme=dark] body:not(#spk-z) .tile [class*=sub],html[data-theme=dark] body:not(#spk-z) .tile [class*=hint],html[data-theme=dark] body:not(#spk-z) .tile [class*=note],html[data-theme=dark] body:not(#spk-z) .tile [class*=desc],html[data-theme=dark] body:not(#spk-z) .tile [class*=est],html[data-theme=dark] body:not(#spk-z) .tile em,html[data-theme=dark] body:not(#spk-z) .v4-card p,html[data-theme=dark] body:not(#spk-z) .v4-card small,html[data-theme=dark] body:not(#spk-z) .v4-card .muted,html[data-theme=dark] body:not(#spk-z) .v4-card .bt-muted,html[data-theme=dark] body:not(#spk-z) .v4-card [class*=muted],html[data-theme=dark] body:not(#spk-z) .v4-card [class*=sub],html[data-theme=dark] body:not(#spk-z) .v4-card [class*=hint],html[data-theme=dark] body:not(#spk-z) .v4-card [class*=note],html[data-theme=dark] body:not(#spk-z) .v4-card [class*=desc],html[data-theme=dark] body:not(#spk-z) .v4-card [class*=est],html[data-theme=dark] body:not(#spk-z) .v4-card em,html[data-theme=dark] body:not(#spk-z) .v4-tile p,html[data-theme=dark] body:not(#spk-z) .v4-tile small,html[data-theme=dark] body:not(#spk-z) .v4-tile .muted,html[data-theme=dark] body:not(#spk-z) .v4-tile .bt-muted,html[data-theme=dark] body:not(#spk-z) .v4-tile [class*=muted],html[data-theme=dark] body:not(#spk-z) .v4-tile [class*=sub],html[data-theme=dark] body:not(#spk-z) .v4-tile [class*=hint],html[data-theme=dark] body:not(#spk-z) .v4-tile [class*=note],html[data-theme=dark] body:not(#spk-z) .v4-tile [class*=desc],html[data-theme=dark] body:not(#spk-z) .v4-tile [class*=est],html[data-theme=dark] body:not(#spk-z) .v4-tile em,html[data-theme=dark] body:not(#spk-z) .wl-card p,html[data-theme=dark] body:not(#spk-z) .wl-card small,html[data-theme=dark] body:not(#spk-z) .wl-card .muted,html[data-theme=dark] body:not(#spk-z) .wl-card .bt-muted,html[data-theme=dark] body:not(#spk-z) .wl-card [class*=muted],html[data-theme=dark] body:not(#spk-z) .wl-card [class*=sub],html[data-theme=dark] body:not(#spk-z) .wl-card [class*=hint],html[data-theme=dark] body:not(#spk-z) .wl-card [class*=note],html[data-theme=dark] body:not(#spk-z) .wl-card [class*=desc],html[data-theme=dark] body:not(#spk-z) .wl-card [class*=est],html[data-theme=dark] body:not(#spk-z) .wl-card em,html[data-theme=dark] body:not(#spk-z) .wl-st__card p,html[data-theme=dark] body:not(#spk-z) .wl-st__card small,html[data-theme=dark] body:not(#spk-z) .wl-st__card .muted,html[data-theme=dark] body:not(#spk-z) .wl-st__card .bt-muted,html[data-theme=dark] body:not(#spk-z) .wl-st__card [class*=muted],html[data-theme=dark] body:not(#spk-z) .wl-st__card [class*=sub],html[data-theme=dark] body:not(#spk-z) .wl-st__card [class*=hint],html[data-theme=dark] body:not(#spk-z) .wl-st__card [class*=note],html[data-theme=dark] body:not(#spk-z) .wl-st__card [class*=desc],html[data-theme=dark] body:not(#spk-z) .wl-st__card [class*=est],html[data-theme=dark] body:not(#spk-z) .wl-st__card em,html[data-theme=dark] body:not(#spk-z) .spk-qlab p,html[data-theme=dark] body:not(#spk-z) .spk-qlab small,html[data-theme=dark] body:not(#spk-z) .spk-qlab .muted,html[data-theme=dark] body:not(#spk-z) .spk-qlab .bt-muted,html[data-theme=dark] body:not(#spk-z) .spk-qlab [class*=muted],html[data-theme=dark] body:not(#spk-z) .spk-qlab [class*=sub],html[data-theme=dark] body:not(#spk-z) .spk-qlab [class*=hint],html[data-theme=dark] body:not(#spk-z) .spk-qlab [class*=note],html[data-theme=dark] body:not(#spk-z) .spk-qlab [class*=desc],html[data-theme=dark] body:not(#spk-z) .spk-qlab [class*=est],html[data-theme=dark] body:not(#spk-z) .spk-qlab em,html[data-theme=dark] body:not(#spk-z) .ql-order p,html[data-theme=dark] body:not(#spk-z) .ql-order small,html[data-theme=dark] body:not(#spk-z) .ql-order .muted,html[data-theme=dark] body:not(#spk-z) .ql-order .bt-muted,html[data-theme=dark] body:not(#spk-z) .ql-order [class*=muted],html[data-theme=dark] body:not(#spk-z) .ql-order [class*=sub],html[data-theme=dark] body:not(#spk-z) .ql-order [class*=hint],html[data-theme=dark] body:not(#spk-z) .ql-order [class*=note],html[data-theme=dark] body:not(#spk-z) .ql-order [class*=desc],html[data-theme=dark] body:not(#spk-z) .ql-order [class*=est],html[data-theme=dark] body:not(#spk-z) .ql-order em,html[data-theme=dark] body:not(#spk-z) .ql-oprev p,html[data-theme=dark] body:not(#spk-z) .ql-oprev small,html[data-theme=dark] body:not(#spk-z) .ql-oprev .muted,html[data-theme=dark] body:not(#spk-z) .ql-oprev .bt-muted,html[data-theme=dark] body:not(#spk-z) .ql-oprev [class*=muted],html[data-theme=dark] body:not(#spk-z) .ql-oprev [class*=sub],html[data-theme=dark] body:not(#spk-z) .ql-oprev [class*=hint],html[data-theme=dark] body:not(#spk-z) .ql-oprev [class*=note],html[data-theme=dark] body:not(#spk-z) .ql-oprev [class*=desc],html[data-theme=dark] body:not(#spk-z) .ql-oprev [class*=est],html[data-theme=dark] body:not(#spk-z) .ql-oprev em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order em,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev p,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev small,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev .muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev .bt-muted,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev [class*=muted],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev [class*=sub],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev [class*=hint],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev [class*=note],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev [class*=desc],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev [class*=est],html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev em{color:#CDD4D7!important} html[data-theme=dark] body:not(#spk-z) .acc-sec a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .bbk__card a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .blv-fv-card a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .bt-card a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .bt-tile a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .ci-card a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .fe-card a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .kap-panel a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .kl-sec a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .mk-box a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .mk-card a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .kp-card a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .nv-panel a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .panel a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .rp-card a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .spk-tile a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .stg-tile a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .tile a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .v4-card a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .v4-tile a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .wl-card a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .wl-st__card a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .spk-qlab a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .ql-order a:not([class*=btn]),html[data-theme=dark] body:not(#spk-z) .ql-oprev a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order a:not([class*=btn]),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev a:not([class*=btn]){color:#9FE6F2!important} html[data-theme=dark] body:not(#spk-z) .acc-sec input::placeholder,html[data-theme=dark] body:not(#spk-z) .acc-sec textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .bbk__card input::placeholder,html[data-theme=dark] body:not(#spk-z) .bbk__card textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .blv-fv-card input::placeholder,html[data-theme=dark] body:not(#spk-z) .blv-fv-card textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) input::placeholder,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .bt-card input::placeholder,html[data-theme=dark] body:not(#spk-z) .bt-card textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .bt-tile input::placeholder,html[data-theme=dark] body:not(#spk-z) .bt-tile textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .ci-card input::placeholder,html[data-theme=dark] body:not(#spk-z) .ci-card textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .fe-card input::placeholder,html[data-theme=dark] body:not(#spk-z) .fe-card textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .kap-panel input::placeholder,html[data-theme=dark] body:not(#spk-z) .kap-panel textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .kl-sec input::placeholder,html[data-theme=dark] body:not(#spk-z) .kl-sec textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .mk-box input::placeholder,html[data-theme=dark] body:not(#spk-z) .mk-box textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .mk-card input::placeholder,html[data-theme=dark] body:not(#spk-z) .mk-card textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .kp-card input::placeholder,html[data-theme=dark] body:not(#spk-z) .kp-card textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .nv-panel input::placeholder,html[data-theme=dark] body:not(#spk-z) .nv-panel textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .panel input::placeholder,html[data-theme=dark] body:not(#spk-z) .panel textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .rp-card input::placeholder,html[data-theme=dark] body:not(#spk-z) .rp-card textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .spk-tile input::placeholder,html[data-theme=dark] body:not(#spk-z) .spk-tile textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .stg-tile input::placeholder,html[data-theme=dark] body:not(#spk-z) .stg-tile textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .tile input::placeholder,html[data-theme=dark] body:not(#spk-z) .tile textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .v4-card input::placeholder,html[data-theme=dark] body:not(#spk-z) .v4-card textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .v4-tile input::placeholder,html[data-theme=dark] body:not(#spk-z) .v4-tile textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .wl-card input::placeholder,html[data-theme=dark] body:not(#spk-z) .wl-card textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .wl-st__card input::placeholder,html[data-theme=dark] body:not(#spk-z) .wl-st__card textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .spk-qlab input::placeholder,html[data-theme=dark] body:not(#spk-z) .spk-qlab textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .ql-order input::placeholder,html[data-theme=dark] body:not(#spk-z) .ql-order textarea::placeholder,html[data-theme=dark] body:not(#spk-z) .ql-oprev input::placeholder,html[data-theme=dark] body:not(#spk-z) .ql-oprev textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order textarea::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev input::placeholder,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev textarea::placeholder{color:#B4BEC2!important;opacity:1} /* darkbtn-v1 card buttons */ html[data-theme=dark] body:not(#spk-z) .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark] body:not(#spk-z) .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x){background:#343B3F!important;border:1px solid #7A878D!important;color:#F2F2F0!important;border-radius:10px!important;min-height:38px;box-shadow:none!important} html[data-theme=dark] body:not(#spk-z) .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark] body:not(#spk-z) .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x) *{color:inherit!important} html[data-theme=dark] body:not(#spk-z) .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark] body:not(#spk-z) .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):hover{background:#4B555A!important;border-color:#9AA6AB!important} html[data-theme=dark] body:not(#spk-z) .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark] body:not(#spk-z) .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)){background:#22B8D6!important;border-color:#22B8D6!important;color:#0B1F24!important} html[data-theme=dark] body:not(#spk-z) .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark] body:not(#spk-z) .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is(.v4-btn:not([class*=--g]):not([class*=--s]),.bt-btn--p,[class*=--primary],[class*=-pri],.ql-go,[class*=order]:not(div)):hover{background:#7FDCEC!important;border-color:#7FDCEC!important} html[data-theme=dark] body:not(#spk-z) .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark] body:not(#spk-z) .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel),html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-sel,.is-on,.is-active,.active,.on,.sel){background:#BFF0F8!important;border:2px solid #22B8D6!important;color:#0B1F24!important;font-weight:600} html[data-theme=dark] body:not(#spk-z) .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark] body:not(#spk-z) .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):focus-visible{outline:3px solid #7FDCEC!important;outline-offset:2px} html[data-theme=dark] body:not(#spk-z) .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark] body:not(#spk-z) .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .acc-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bbk__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-fv-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .blv-kb-card:not(.blv-kb-ghost) button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .bt-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ci-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .fe-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kap-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kl-sec button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-box button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .mk-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .kp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .nv-panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .panel button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .rp-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .stg-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .v4-tile button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .wl-st__card button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .spk-qlab button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-order button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled,html[data-theme=dark].av2 body:not(#spk-z) #blv-pane .ql-oprev button:not([role=switch]):not([class*=svm-]):not(:has(> svg:only-child)):not(.blv-vc__b):not([aria-label*=Lukk]):not(.sg-x):disabled{opacity:.55} /* darkbtn-v1 segmented selectors (radio + span) and order box on dark cards */ html[data-theme=dark] body:not(#spk-z) :is([class*=seg],.ql-oq) input+span{background:#343B3F!important;border:1px solid #7A878D!important;color:#F2F2F0!important;border-radius:10px;min-height:38px;display:flex;align-items:center;justify-content:center} html[data-theme=dark] body:not(#spk-z) :is([class*=seg],.ql-oq) input+span:hover{background:#4B555A!important} html[data-theme=dark] body:not(#spk-z) :is([class*=seg],.ql-oq) input:checked+span{background:#BFF0F8!important;border:2px solid #22B8D6!important;color:#0B1F24!important} html[data-theme=dark] body:not(#spk-z) :is([class*=seg],.ql-oq) input:focus-visible+span{outline:3px solid #7FDCEC!important} html[data-theme=dark] body:not(#spk-z) .spk-qlab .ql-est,html[data-theme=dark] body:not(#spk-z) .spk-qlab .ql-order{background:#343B3F!important;border:1px solid #5C686E!important;color:#F2F2F0!important} /* darkbtn-v1 sweep: hard-coded white cards (Statistikk, Embed, Mekaniker, I dag, tour) -> option C */ html[data-theme=dark] body:not(#spk-z) .sx-k,html[data-theme=dark] body:not(#spk-z) .sx-c,html[data-theme=dark] body:not(#spk-z) .e2-l,html[data-theme=dark] body:not(#spk-z) .e2-p,html[data-theme=dark] body:not(#spk-z) .mk-wait-l,html[data-theme=dark] body:not(#spk-z) .wo-xb,html[data-theme=dark] body:not(#spk-z) .blv-tour-card{background:#41494D!important;background-image:none!important;border:1px solid #5C686E!important;color:#EDEDEA!important} html[data-theme=dark] body{--sx-p:#F2F2F0;--sx-m:#CDD4D7} html[data-theme=dark] body:not(#spk-z) .sx-k span,html[data-theme=dark] body:not(#spk-z) .sx-note,html[data-theme=dark] body:not(#spk-z) .sx-tabs small,html[data-theme=dark] body:not(#spk-z) .sx-h p,html[data-theme=dark] body:not(#spk-z) .sx-c small{color:#CDD4D7!important} html[data-theme=dark] body:not(#spk-z) .sx-k b,html[data-theme=dark] body:not(#spk-z) .sx-c h2,html[data-theme=dark] body:not(#spk-z) .sx-c td,html[data-theme=dark] body:not(#spk-z) .sx-c th,html[data-theme=dark] body:not(#spk-z) .sx-mv,html[data-theme=dark] body:not(#spk-z) .sx-h h1{color:#F2F2F0!important} html[data-theme=dark] body:not(#spk-z) .sx-c table,html[data-theme=dark] body:not(#spk-z) .sx-c tr,html[data-theme=dark] body:not(#spk-z) .sx-c td,html[data-theme=dark] body:not(#spk-z) .sx-c th{background:transparent!important;border-color:#5C686E!important} html[data-theme=dark] body:not(#spk-z) .sx-c th{color:#CDD4D7!important} html[data-theme=dark] body:not(#spk-z) .sx-row:hover td{background:rgba(34,184,214,.12)!important}html[data-theme=dark] body:not(#spk-z) .sx-row.is-open td{background:rgba(34,184,214,.2)!important} html[data-theme=dark] body:not(#spk-z) .sx-chip{background:#343B3F!important;border:1px solid #7A878D!important;color:#F2F2F0!important} html[data-theme=dark] body:not(#spk-z) .sx-chip:hover{background:#4B555A!important} html[data-theme=dark] body:not(#spk-z) .sx-chip.is-on{background:#BFF0F8!important;border-color:#22B8D6!important;color:#0B1F24!important;font-weight:600} html[data-theme=dark] body:not(#spk-z) .sx-bar,html[data-theme=dark] body:not(#spk-z) .sx-hb{background-color:#343B3F} html[data-theme=dark] body:not(#spk-z) .sx-flag{background:#5A4520!important;color:#FFE2B0!important} html[data-theme=dark] body:not(#spk-z) .e2-seg,html[data-theme=dark] body:not(#spk-z) .e2-ht,html[data-theme=dark] body:not(#spk-z) .e2-st{background:#343B3F!important;border-color:#5C686E!important;color:#F2F2F0!important} html[data-theme=dark] body:not(#spk-z) .e2-seg button{background:transparent!important;color:#F2F2F0!important} html[data-theme=dark] body:not(#spk-z) .e2-seg button:is([aria-pressed=true],[aria-selected=true],.is-on,.on,.active){background:#BFF0F8!important;color:#0B1F24!important} html[data-theme=dark] body:not(#spk-z) .e2-n{background:transparent!important;color:#CDD4D7!important} html[data-theme=dark] body:not(#spk-z) .blv-tour__b--g{background:#343B3F!important;color:#F2F2F0!important;border:1px solid #7A878D!important} html[data-theme=dark] body:not(#spk-z) .sx-k :not(b):not(svg):not(path),html[data-theme=dark] body:not(#spk-z) :is(.sx-empty,.sx-none,.sx-miss,.sx-off,.sx-dn-l,.sx-c em,.sx-c i){color:#CDD4D7!important;opacity:1!important} html[data-theme=dark] body:not(#spk-z) .wo-xbtn{background:#343B3F!important;border:1px solid #7A878D!important;color:#F2F2F0!important} html[data-theme=dark] body:not(#spk-z) .wo-xbtn:hover{background:#4B555A!important}