:root{--bg:#f4f6f7;--surface:#fff;--text:#1b2a30;--muted:#6b7b83;--line:#dde3e6;--brand:#0f3b4c;--accent:#f2b632;--ok:#1d7a46;--err:#b3261e;--warn:#a15c00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#11181b;--surface:#1a2428;--text:#e6edf0;--muted:#92a3ab;--line:#2c3a40;--brand:#0b2a36;--ok:#5cc98a;--err:#ff8a80;--warn:#ffb74d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1100px;margin:0 auto;padding:16px}h1{margin:0;font-size:1.4rem}h2{margin:0 0 8px;font-size:1.1rem}a{color:inherit}.muted{color:var(--muted)}.small{color:var(--muted);font-size:.85rem}.pad{padding:16px}.topnav{background:var(--brand);color:#fff;z-index:5;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 16px;display:flex;position:sticky;top:0}.topnav .links{flex-wrap:wrap;flex:1;gap:4px;display:flex}.topnav a{color:#cfe0e6;border-radius:6px;padding:8px 12px;text-decoration:none}.topnav a.active{color:#fff;background:#ffffff26}.topnav .who{color:#cfe0e6;font-size:.85rem}.topnav .link,.brand{color:var(--accent)}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.wide-only{display:none}.bigscan{width:100%;min-height:72px;font-size:1.25rem;font-weight:600}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.table th.sortable .arrow{color:var(--muted);font-size:.7rem}.table tr.subrow td{border-bottom:1px dashed var(--line);background:#7f7f7f12;font-size:.9rem}.neg{color:var(--err)}.invlink{text-decoration:none}.invlink:hover strong{text-decoration:underline}.chip.bokfort{color:#14532d;background:#d4efdf}.presets{flex-wrap:wrap;align-self:flex-end;gap:4px;display:inline-flex}.small-btn{min-height:32px;padding:0 10px;font-size:.85rem}.chip.pay-fakturert{color:#0b3b57;background:#d6e9f5}.chip.pay-delvis{color:#5c4400;background:#fbe7a1}.chip.pay-betalt{color:#14532d;background:#c9ecd3}.chip.pay-forfalt{color:#7a1d17;background:#f3d5d2}.kn-badge{color:#44236e;letter-spacing:.03em;background:#ece3f7;border-radius:4px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-block}.kn-badge.inv{color:#0b3b57;background:#d6e9f5}.table tr.hasdoc{cursor:default}.table tbody.invgroup:hover>tr:first-child td{background:#7f7f7f1a}.chip.kansellert{color:#3d4a50;background:#dfe3e6;text-decoration:line-through}.brandlink{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.topnav a.brandlink{padding:0}.logo{width:auto;display:block}.login-brand{align-items:center;gap:12px;display:flex}.login-logo{filter:invert()}@media (prefers-color-scheme:dark){.login-logo{filter:none}}.drawer .logo{filter:invert()}@media (prefers-color-scheme:dark){.drawer .logo{filter:none}}.navgroup{align-items:center;gap:4px;display:inline-flex}.navsep{background:#ffffff59;width:1px;height:18px;margin:0 8px;display:inline-block}.shortage-note{color:var(--warn);font-size:.85rem}.warncard{border-color:var(--warn)}.warncard ul{margin:8px 0;padding-left:20px}.tab{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:99px;min-height:40px;padding:8px 14px}.tab.on{background:var(--brand);border-color:var(--brand);color:#fff}.count{text-align:center;background:#7f7f7f33;border-radius:99px;min-width:1.5em;margin-left:4px;padding:0 6px;font-size:.8rem;display:inline-block}.tab.levertcol{display:none!important}.board{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.col{background:#7f7f7f0f;border-radius:10px;padding:10px}.col h2{margin:0 0 8px;font-size:1rem}.ocard{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;margin-bottom:8px;padding:10px;display:flex}.ocard-top{justify-content:space-between;gap:8px;display:flex}.ocard .chips{flex-wrap:wrap;gap:4px;display:flex}.ocard .chip{margin-left:0}.ocard-actions .btn{min-height:40px}@media (width<=1000px){.board{grid-template-columns:1fr}.col:not(.sel){display:none}.col{background:0 0;padding:0}.col h2{display:none}}@media (width>=1001px){.col{max-height:calc(100vh - 210px);overflow-y:auto}.tabs{justify-content:flex-end}.tab.main{display:none}.tab.side{min-height:32px;padding:4px 12px;font-size:.85rem}.wide-only{margin-right:auto;display:inline-flex}}details.more{margin-top:12px}details.more summary{cursor:pointer;color:var(--muted);padding:8px 0}.mobile-title,.menu-btn{display:none}.logg-btn{color:#fff;background:#ffffff1f;border-color:#0000;display:none}@media (width>=801px){.logg-btn{display:inline-flex}}.nowrap{white-space:nowrap}.chip.gjaerer{color:#5c4400;background:#fbe7a1}.chip.delvis_tappet{color:#14532d;background:#c9ecd3}.chip.tappet{color:#3d4a50;background:#dfe3e6}.chip.planlagt{color:#0b3b57;background:#d6e9f5}.chip.avlyst{color:#7a1d17;background:#f3d5d2}.chip.bevegelse{color:#0b3b57;background:#d6e9f5}.chip.endring{color:#44236e;background:#ece3f7}.quick{background:var(--accent);color:#1b2a30;border-color:#0000;font-weight:600;display:none}.drawer-backdrop{z-index:40;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);width:min(320px,88vw);height:100%;color:var(--text);flex-direction:column;gap:4px;padding:16px;display:flex;overflow-y:auto}.drawer .brand{color:var(--brand)}@media (prefers-color-scheme:dark){.drawer .brand{color:var(--accent)}}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.drawer-group{flex-direction:column;margin-top:8px;display:flex}.drawer-group h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:8px 0 4px;font-size:.75rem}.drawer-group a{border-radius:8px;align-items:center;min-height:48px;padding:0 12px;font-size:1.05rem;text-decoration:none;display:flex}.drawer-group a.active{background:var(--brand);color:#fff}.drawer-foot{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}@media (width<=800px){.topnav{flex-wrap:nowrap;gap:8px;padding:8px 12px}.topnav .links,.topnav .who{display:none}.mobile-title{text-overflow:ellipsis;white-space:nowrap;color:#cfe0e6;flex:1;min-width:0;display:block;overflow:hidden}.menu-btn{color:#fff;background:#ffffff1f;border-color:#0000;display:inline-flex}.quick{display:inline-flex}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;max-width:100%;min-height:44px;padding:10px}textarea{min-height:70px}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}label.check{color:var(--text);flex-direction:row;align-items:center;gap:8px}label.check input{min-height:0}.btn{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.link{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}@media (prefers-color-scheme:dark){.link{color:var(--accent)}.btn.primary{background:#1c5b73;border-color:#1c5b73}}.form{flex-direction:column;gap:12px;max-width:760px;display:flex}.form.inline,.scanbox{flex-flow:wrap;align-items:center;gap:8px;display:flex}.scanbox{margin-bottom:12px}.scanbox input:first-child{flex:220px;font-size:1.1rem}.row{flex-wrap:wrap;gap:12px;display:flex}.row>label{flex:140px}.seg{display:flex}.seg.wrap{flex-wrap:wrap;gap:4px}.seg.wrap button{border-radius:99px;flex:0 auto;padding:8px 14px}.seg button{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;flex:1;padding:10px}.seg button.on{background:var(--brand);color:#fff}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:14px}.table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}.table th{color:var(--muted);font-size:.8rem;font-weight:600}.table .num{text-align:right;white-space:nowrap}.table tr.done{opacity:.55}.table tr.warnrow td{color:var(--warn)}input.qty{text-align:right;width:90px;min-height:36px}.table-wrap{overflow-x:auto}.chip{background:var(--line);border-radius:99px;margin-left:4px;padding:2px 8px;font-size:.78rem;display:inline-block}.chip.bekreftet,.chip.plukker{color:#0b3b57;background:#d6e9f5}.chip.ferdig_plukket,.chip.levert,.chip.fakturert{color:#14532d;background:#d4efdf}.chip.avbrutt{color:#7a1d17;background:#f3d5d2}.chip.warn{color:#7a4a00;background:#fde7c4}.banner{border:1px solid;border-radius:8px;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.banner.ok{color:var(--ok);border-color:var(--ok)}.banner.err{color:var(--err);border-color:var(--err)}.login{place-items:center;min-height:100vh;display:grid}.login .card{flex-direction:column;gap:12px;width:min(380px,92vw);display:flex}.labels{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.label{border:1px dashed var(--line);text-align:center;break-inside:avoid;color:#000;background:#fff;border-radius:6px;padding:8px}.label img{width:100%;max-width:170px;height:auto;image-rendering:pixelated}.label-code{letter-spacing:.05em;font:700 1.6rem/1.1 ui-monospace,Consolas,monospace}.label-sub{color:#444;font-size:.8rem}@media print{.labels{grid-template-columns:repeat(2,90mm);justify-content:center;gap:4mm}.label{border:1px solid #000;flex-direction:column;justify-content:center;align-items:center;height:62mm;display:flex}.label img{width:40mm}}.inputrow{gap:8px;display:flex}.inputrow input{flex:1;min-width:0}.scanner{z-index:50;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.scanner video{object-fit:cover;flex:1;width:100%;min-height:0}.scanner-frame{border:3px solid var(--accent);pointer-events:none;border-radius:12px;height:28%;position:absolute;top:28%;left:12%;right:12%;box-shadow:0 0 0 9999px #00000059}.scanner-bar{color:#fff;background:#0b1417;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.scanner-bar .err{color:#ff8a80}.scanner-actions{gap:8px;display:flex}.slip-head{justify-content:space-between;gap:16px;display:flex}@media (width<=720px){main{padding:12px}.table{font-size:.9rem}.table th,.table td{padding:6px}}@media print{.no-print{display:none!important}body{color:#000;background:#fff}main{max-width:none;padding:0}.table{border:0}}.topnav .quick,.topnav .menu-btn,.topnav .mobile-title{display:none}.topnav .logg-btn{color:#fff;background:#ffffff24;border-color:#0000;display:none}.topnav .logg-btn:hover{background:#ffffff3d}@media (width>=801px){.topnav .logg-btn{display:inline-flex}}@media (width<=800px){.topnav .menu-btn{color:#fff;background:#ffffff24;border-color:#0000;display:inline-flex}.topnav .quick{background:var(--accent);color:#1b2a30;border-color:#0000;font-weight:600;display:inline-flex}.topnav .mobile-title{display:block}.topnav .logg-btn{display:none}}.login-alt{margin-top:1rem}.login-alt summary{cursor:pointer;color:var(--muted,#667);margin-bottom:.5rem;font-size:.9rem}.form.grid2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 16px;display:grid}.form.grid2 label{flex-direction:column;gap:4px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;max-width:760px;padding:16px 18px}.panel h2{margin:0 0 4px;font-size:1.15rem}.step{color:var(--text);margin:18px 0 8px;font-size:.95rem}.fieldrow{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.fieldrow>label{flex:200px;min-width:0}.fieldrow>label.grow2{flex:2 260px}.fieldrow>label.narrow{flex:0 130px}.fieldrow select,.fieldrow input{box-sizing:border-box;width:100%}.fieldrow .swap{flex:none;min-width:44px;padding:0;font-size:1.2rem}.chips{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.btn.small{min-height:36px;padding:4px 12px;font-size:.9rem}.btn.big{min-height:48px;padding:10px 28px;font-size:1.05rem}.submitrow{margin-top:16px;display:flex}.warnnote{color:#9a3412}.tablewrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=800px){.panel{border-radius:10px;padding:14px}.fieldrow>label,.fieldrow>label.grow2{flex:100%}.fieldrow>label.narrow{flex:calc(50% - 6px)}.fieldrow .swap{flex:none;order:1;margin:-4px auto;transform:rotate(90deg)}.fieldrow .swap+label{order:2}.submitrow .btn{width:100%}}.panel.wide{max-width:none}@media (width<=800px){.panel.wide .btn.big{width:100%}}.panelhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.panelhead h2{margin:0}