/* SPK-UXSWEEP 16.10: approved UX suggestions 1–13 (light only) */
:root{--uxs-teal:#0d4a57;--uxs-teal2:#0e7490;--uxs-tint:#e6f3f5}
/* 1 phone tab bar: white frosted */
html body nav.ios-tab.ios-tab,html.spk-ios.spk-ph[data-theme] body #ios nav.ios-tab.ios-tab{background:rgba(255,255,255,.95) none!important;-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border:1px solid rgba(13,74,87,.10)!important;box-shadow:0 8px 28px rgba(11,31,38,.12)!important}
html body nav.ios-tab .ios-tab__b,html.spk-ios.spk-ph[data-theme] body #ios nav.ios-tab .ios-tab__b.ios-tab__b{color:#5b6b73!important}
html body nav.ios-tab .ios-tab__b[aria-selected=true],html.spk-ios.spk-ph[data-theme] body #ios nav.ios-tab .ios-tab__b.ios-tab__b[aria-selected=true]{color:var(--uxs-teal)!important}
html body nav.ios-tab .ios-tab__b[aria-selected=true]::before,html.spk-ios.spk-ph[data-theme] body #ios nav.ios-tab .ios-tab__b.ios-tab__b[aria-selected=true]::before{background:var(--uxs-tint)!important;background-image:none!important}
html body nav.ios-tab .ios-tab__b[aria-selected=true] *,html.spk-ios.spk-ph[data-theme] body #ios nav.ios-tab .ios-tab__b.ios-tab__b[aria-selected=true] *{color:inherit!important}
/* 2+3 page header on Arbeidsordrer / Utlevering */
.uxs-h{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:6px 0 10px;font:600 22px/1.2 Poppins,Jost,system-ui,sans-serif;color:#0b1f26}
.uxs-h small{font:500 13px system-ui,sans-serif;color:#5b6b73}
@media(max-width:760px){.uxs-h{display:none}}
html.uxs-done body .blv-kb>.blv-kb-col{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:920px!important}
html.uxs-done .blv-kb-col>*:not(:first-child){display:grid;gap:8px}
html.uxs-done .blv-kb-col [class*=card]{max-width:none!important}
.uxs-empty-done{max-width:520px;margin:40px auto;text-align:center;color:#5b6b73;font:500 15px system-ui,sans-serif;padding:28px;border:1px dashed rgba(13,74,87,.25);border-radius:16px;background:#fff}
.uxs-empty-done b{display:block;color:#0b1f26;font-size:17px;margin-bottom:4px}
/* 4 customer-message toast: no longer over the page title on phone */
@media(max-width:760px){.uxs-kmsg{top:auto!important;bottom:calc(98px + env(safe-area-inset-bottom))!important}}
/* 5 profile menu: one help entry, compact language switch */
.spk-wsm [data-wsm="help"]{display:none!important}
.uxs-lang{display:flex;gap:4px;margin:2px 10px 6px;padding:3px;border-radius:10px;background:#f1f5f6}
.uxs-lang>button{flex:1;justify-content:center!important;min-height:32px!important;border-radius:8px!important;padding:0 8px!important}
.uxs-lang>button svg{display:none}
.uxs-lang>button[aria-checked=true]{background:#fff!important;color:var(--uxs-teal)!important;box-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:600}
.uxs-lang>button[aria-checked=true]::after,.uxs-lang>button span:last-child:not(:first-child){display:none}
/* 7 no «Tilbake» on top-level pages, friendlier empty states */
html.uxs-top .blv-hero>.spk-bn{display:none!important}
.uxs-empty{display:flex!important;flex-direction:column;align-items:center;gap:6px;padding:22px 12px!important;color:#5b6b73!important;text-align:center}
.uxs-empty::before{content:"";width:34px;height:34px;border-radius:50%;background:var(--uxs-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e7490' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E") center/18px no-repeat}
/* 8 + never black buttons */
.spkwp-d,.uxs-teal{background:var(--uxs-teal)!important;border-color:var(--uxs-teal)!important;color:#fff!important}
/* 9 lock screen keypad */
#spk-lock .lk-key{border-radius:50%!important;background:#f1f6f7!important;border:1px solid rgba(13,74,87,.10)!important;color:#0b1f26!important;font-weight:600!important;box-shadow:0 1px 2px rgba(11,31,38,.06)}
#spk-lock .lk-key.dn{background:var(--uxs-tint)!important;color:var(--uxs-teal)!important}
#spk-lock .lk-time{font-size:clamp(44px,8vw,64px)!important;font-weight:600!important;color:#0b1f26!important}
/* 11 terms: banner after first «Senere» */
.uxs-lc-hide{display:none!important}
.uxs-lcb{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:900;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:9px 10px 9px 16px;border-radius:12px;background:#fff;border:1px solid rgba(13,74,87,.18);box-shadow:0 6px 22px rgba(11,31,38,.12);font:500 14px system-ui,sans-serif;color:#0b1f26}
.uxs-lcb button{border:0;border-radius:9px;background:var(--uxs-teal);color:#fff;font:600 13px system-ui,sans-serif;padding:8px 12px;cursor:pointer;white-space:nowrap}
/* 12 Drop-in chip contrast */
.v4-big--k small{color:#0b1f26!important;opacity:1!important;background:rgba(255,255,255,.85);border-radius:999px;padding:1px 8px}
/* 13 Timebok: closed hours light, lanes white */
.kb .kb-shut{background:repeating-linear-gradient(135deg,rgba(13,74,87,.035) 0 6px,transparent 6px 12px)!important}
.kb .kb-lane{background:#fff!important}
@media(max-width:760px){.uxs-lcb{bottom:auto;top:calc(54px + env(safe-area-inset-top));left:12px;right:12px;transform:none;justify-content:space-between}}
html body nav.ios-tab .ios-tab__b *,html.spk-ios.spk-ph[data-theme] body #ios nav.ios-tab .ios-tab__b.ios-tab__b *{color:inherit!important;opacity:1!important}
html.spk-ios.spk-ph[data-theme] body #ios nav.ios-tab .ios-tab__b--skann *{color:#fff!important}
html.spk-ios body #ios#ios nav.ios-tab .ios-tab__b.ios-tab__b:not([aria-selected=true])>span,html body #ios#ios nav.ios-tab .ios-tab__b:not([aria-selected=true])>span{color:#5b6b73!important}
html body #ios#ios nav.ios-tab .ios-tab__b[aria-selected=true]>span{color:#0d4a57!important}
html body #ios#ios nav.ios-tab .ios-tab__b:not(.ios-tab__b--skann){color:#5b6b73!important}
html body #ios#ios nav.ios-tab .ios-tab__b[aria-selected=true]:not(.ios-tab__b--skann){color:#0d4a57!important}
html body #ios#ios nav.ios-tab .ios-tab__b--skann.ios-tab__b--skann,html body #ios#ios nav.ios-tab .ios-tab__b--skann.ios-tab__b--skann svg,html body nav.ios-tab .ios-tab__b--skann svg{color:#fff!important;stroke:#fff}
html body #ios#ios nav.ios-tab .ios-tab__b--skann.ios-tab__b--skann>span{color:#5b6b73!important}
html body nav.ios-tab .ios-tab__b--skann svg *,html body nav.ios-tab .ios-tab__b--skann svg{stroke:#fff!important;color:#fff!important}

/* SPK-CALCONTRAST: all text in dark (teal) buttons/blocks readable; calendar secondary lines */
.uxs-teal *{color:inherit!important}
.uxs-teal .kp-js,.uxs-teal small,.uxs-teal .kb-bb,.uxs-teal .kc-bs{color:rgba(255,255,255,.8)!important}
.kp-b .kb-job .kp-js{color:color-mix(in srgb,var(--sbu-ink,#1C1C1C) 72%,transparent)}
html[data-theme=dark] .kp-b .kb-job .kp-js{color:rgba(238,243,244,.8)}