/* SPK-POSSETUP (2026-10-16) */
/* Stable header: pages with a tab bar always reserve the back-button row, so the tabs never jump between tabs/late load */
html[class] body section.blv-hero+div#blv-pane:has(>nav.nr-tabs){padding-top:28px!important}
#blv-pane>nav.nr-tabs{min-height:40px}
/* Kasseskjerm card: same column as tab bar and POS section */
html[class] #kx-setup.pss{all:unset;display:block;box-sizing:border-box;width:auto;max-width:none;margin:12px 27px 18px;padding:20px 22px;background:#fff;border:1px solid rgba(13,74,87,.10);border-radius:18px;box-shadow:0 1px 2px rgba(11,31,38,.04),0 6px 20px rgba(13,74,87,.06);color:#0B1F26;font:400 14px/1.45 Poppins,system-ui,sans-serif;transition:box-shadow .2s ease}
#kx-setup.pss:hover{box-shadow:0 1px 2px rgba(11,31,38,.05),0 10px 28px rgba(13,74,87,.09)}
#kx-setup .pss-h{display:flex;gap:14px;align-items:flex-start;margin:0 0 12px}
#kx-setup .pss-ic{flex:0 0 40px;height:40px;border-radius:12px;background:#E8F4F2;color:#0E7C74;display:grid;place-items:center}
#kx-setup.pss h3,#kx-setup.pss h4{font:600 18px/1.25 Jost,sans-serif!important;color:#0D4A57!important;margin:0 0 2px!important}
#kx-setup.pss h4{font-size:16px!important}
#kx-setup.pss p{margin:0!important;color:#5b6f76!important;font-size:13px!important}
#kx-setup.pss p a{color:#0E7C74;text-underline-offset:2px}
#kx-setup.pss label{margin-left:54px}
#kx-setup.pss .pss-sec{margin-top:16px!important;padding-top:16px!important;border-top:1px solid rgba(13,74,87,.08)!important}
#kx-setup.pss .pss-sec>div:last-child{margin-left:54px}
#kx-setup.pss input{transition:border-color .15s,box-shadow .15s}
#kx-setup.pss input:focus{outline:0;border-color:#14A39A!important;box-shadow:0 0 0 3px rgba(20,163,154,.15)}
#kx-setup.pss #kx-dsave,#kx-setup.pss #kx-tpopen{background:#E3F4F1!important;color:#0B6B64!important;border:1px solid rgba(14,124,116,.25)!important;font-weight:600!important;transition:background .15s,transform .1s,box-shadow .15s}
#kx-setup.pss #kx-dsave:hover,#kx-setup.pss #kx-tpopen:hover{background:#D2EEE9!important;box-shadow:0 2px 8px rgba(14,124,116,.15)}
#kx-setup.pss #kx-tpreset{transition:background .15s,border-color .15s}
#kx-setup.pss #kx-tpreset:hover{background:#F4F8F8!important;border-color:rgba(13,74,87,.3)!important}
#kx-setup.pss button:active,#kx-setup.pss a#kx-tpopen:active{transform:translateY(1px)}
#kx-setup.pss button:disabled{opacity:.55;cursor:not-allowed}
.pss-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);opacity:0;background:#fff;color:#0D4A57;border:1px solid rgba(26,143,89,.25);box-shadow:0 8px 24px rgba(11,31,38,.12);border-radius:12px;padding:10px 16px;font:500 14px Poppins,sans-serif;z-index:9999;display:flex;gap:8px;align-items:center;transition:opacity .2s,transform .2s;pointer-events:none}
.pss-toast.on{opacity:1;transform:translate(-50%,0)}
.pss-toast i{width:18px;height:18px;border-radius:50%;background:#1A8F59;color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px}
@media (max-width:700px){#kx-setup.pss label,#kx-setup.pss .pss-sec>div:last-child{margin-left:0}}
/* Stable page header (all desktop pages): fixed height from the first frame, no pre-style flash, no stale title */
html.av2 .blv-hero.blv-hero--slim{height:105px;min-height:105px;box-sizing:border-box;overflow:visible}
html.av2 body:not(.blv-tools) .blv-hero .blv-hero__t h1{visibility:hidden}
html.av2.spk-qm-qr body .blv-hero .blv-hero__t h1[data-spkt]::after{content:var(--pss-qr,"Bestill QR-koder")!important}