@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations")}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-mono-latin-wght-normal-CoA7y8X5.woff2)format("woff2-variations")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:#eef1f4;--color-sheet:#fff;--color-sheet-sunken:#f6f8fa;--color-rule:#d5dbe2;--color-rule-strong:#8a95a3;--color-ink:#172636;--color-ink-muted:#4a5868;--color-ink-subtle:#5f6b7a;--color-hull:#0e2a47;--color-hull-raised:#18395b;--color-hull-line:#2a4a6c;--color-on-hull:#fff;--color-on-hull-muted:#b7c6d6;--color-action:#0e2a47;--color-action-hover:#18395b;--color-action-press:#081d33;--color-on-action:#fff;--color-marker:#f5c518;--color-marker-soft:#fdf3c4;--color-on-marker:#172636;--color-focus:#0b63ce;--color-focus-on-hull:#f5c518;--focus-ring:3px solid var(--color-focus);--color-success:#1e7a3c;--color-success-soft:#e4f3e8;--color-warning:#8f5300;--color-warning-soft:#fdf0d9;--color-danger:#b42318;--color-danger-soft:#fdeceb;--color-info:#2369b3;--color-info-soft:#e6eff9;--color-offline:#4a5868;--color-offline-soft:#e6eaef;--cat-proviand:#7c4a1e;--cat-dek:#2369b3;--cat-machine:#b3245a;--cat-schoonmaak:#0f7779;--cat-elektra:#5f6a00;--cat-veiligheid:#6447a0;--cat-overig:#5f6b7a;--on-cat:#fff;--font-ui:"Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-data:"Atkinson Hyperlegible Mono", ui-monospace, "Cascadia Mono", Menlo, monospace;--text-xs:.8125rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-tight:1.2;--leading-body:1.45;--weight-regular:400;--weight-medium:560;--weight-bold:720;--tracking-tight:-.015em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--touch-min:48px;--touch-target:44px;--touch-ship:56px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-tab:8px 8px 0 0;--radius-pill:999px;--rule-width:1px;--shadow-float:0 -2px 14px #0e2a471f;--shadow-pop:0 10px 28px #0e2a4733;--duration-fast:.15s;--duration:.2s;--ease-out:cubic-bezier(.2, .8, .2, 1);--width-phone:420px;--width-rail:248px;--width-content:1240px}[data-theme=nacht]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-paper:#08121d;--color-sheet:#0f1d2c;--color-sheet-sunken:#0b1724;--color-rule:#213549;--color-rule-strong:#5c7791;--color-ink:#b4bfca;--color-ink-muted:#8f9daa;--color-ink-subtle:#7f8e9d;--color-hull:#050d16;--color-hull-raised:#0c1a29;--color-hull-line:#1b2f44;--color-on-hull:#b4bfca;--color-on-hull-muted:#8fa0b2;--color-action:#1d3550;--color-action-hover:#24405f;--color-action-press:#172b42;--color-on-action:#c3cdd7;--color-marker:#e0ac3c;--color-marker-soft:#2b2412;--color-on-marker:#08121d;--color-focus:#e0ac3c;--color-success:#6cc78a;--color-success-soft:#10291a;--color-warning:#e8b45a;--color-warning-soft:#2b2112;--color-danger:#f08a80;--color-danger-soft:#331614;--color-info:#8fbbea;--color-info-soft:#13253a;--color-offline:#a7b6c5;--color-offline-soft:#16222f;--cat-proviand:#8a5427;--cat-dek:#2d74bd;--cat-machine:#b8325f;--cat-schoonmaak:#16807f;--cat-elektra:#6a7600;--cat-veiligheid:#6f53ab;--shadow-float:0 -2px 14px #00000080;--shadow-pop:0 10px 28px #0009}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-body);color:var(--color-ink);background:var(--color-paper);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance;margin:0}h1{font-size:var(--text-2xl);font-weight:var(--weight-bold)}h2{font-size:var(--text-xl);font-weight:var(--weight-bold)}h3{font-size:var(--text-lg);font-weight:var(--weight-bold)}p{margin:0}a{color:inherit;text-underline-offset:.2em}button,input,select,textarea{font:inherit;color:inherit}img,svg{display:block}::selection{background:var(--color-marker);color:var(--color-on-marker)}:focus-visible{outline:var(--focus-ring);outline-offset:2px}*{scrollbar-color:var(--color-rule-strong) transparent;scrollbar-width:thin}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.icon--lg{width:1.5rem;height:1.5rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.artnr{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:0;font-size:var(--text-sm);color:var(--color-ink-muted)}.muted{color:var(--color-ink-muted)}.subtle{color:var(--color-ink-subtle);font-size:var(--text-sm)}.right{text-align:right}.stack>*+*{margin-top:var(--space-4)}.stack-sm>*+*{margin-top:var(--space-2)}.cluster{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-5);border:var(--rule-width) solid transparent;border-radius:var(--radius-md);font-weight:var(--weight-bold);font-size:var(--text-md);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);line-height:1.1;text-decoration:none;display:inline-flex}.btn--primary{background:var(--color-action);color:var(--color-on-action)}.btn--primary:hover{background:var(--color-action-hover)}.btn--primary:active{background:var(--color-action-press)}.btn--secondary{color:var(--color-ink);border-color:var(--color-rule-strong);background:0 0}.btn--secondary:hover{background:var(--color-sheet-sunken);border-color:var(--color-ink-muted)}.btn--quiet{color:var(--color-ink);padding:0 var(--space-3);background:0 0}.btn--quiet:hover{background:var(--color-sheet-sunken)}.btn--danger{background:var(--color-sheet);color:var(--color-danger);border-color:var(--color-danger)}.btn--danger:hover{background:var(--color-danger-soft)}.btn--approve{background:var(--color-success);color:#fff}.btn--approve:hover{filter:brightness(1.08)}.btn--lg{min-height:var(--touch-ship);font-size:var(--text-lg);padding:0 var(--space-6)}.btn--block{width:100%;display:flex}.btn--sm{min-height:var(--touch-target);padding:0 var(--space-3);font-size:var(--text-sm)}.btn[disabled],.btn[aria-disabled=true]{background:var(--color-sheet-sunken);color:var(--color-ink-subtle);border-color:var(--color-rule);cursor:not-allowed}.btn.is-loading{pointer-events:none;opacity:.8}.btn.is-loading .icon{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-md);color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--color-sheet-sunken)}.field{gap:var(--space-1);display:grid}.label{font-weight:var(--weight-bold);font-size:var(--text-sm)}.label .req{color:var(--color-danger)}.hint{font-size:var(--text-sm);color:var(--color-ink-subtle)}.error-text{font-size:var(--text-sm);color:var(--color-danger);gap:var(--space-1);align-items:center;display:flex}.input,.select,.textarea{width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);background:var(--color-sheet);border:var(--rule-width) solid var(--color-rule-strong);border-radius:var(--radius-md)}.textarea{resize:vertical;min-height:96px}.input::placeholder,.textarea::placeholder{color:var(--color-ink-subtle)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-ink-muted)}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--color-danger);border-width:2px}.input:disabled{background:var(--color-sheet-sunken);color:var(--color-ink-subtle)}.search{position:relative}.search .icon{left:var(--space-3);color:var(--color-ink-subtle);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search .input:not([type=file]):not([type=radio]){padding-left:calc(var(--space-3) * 2 + 1.25em)}.choice{align-items:center;gap:var(--space-3);min-height:var(--touch-min);cursor:pointer;display:flex}.choice input{flex:none;margin:0}.segmented{border:var(--rule-width) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-sheet);display:inline-flex;overflow:hidden}.segmented label{position:relative}.segmented input{opacity:0;position:absolute;inset:0}.segmented span{align-items:center;gap:var(--space-1);min-height:var(--touch-target);padding:0 var(--space-3);font-weight:var(--weight-medium);font-size:var(--text-sm);cursor:pointer;border-left:var(--rule-width) solid var(--color-rule);display:flex}.segmented label:first-child span{border-left:0}.segmented input:checked+span{background:var(--color-action);color:var(--color-on-action)}.segmented input:focus-visible+span{outline:var(--focus-ring);outline-offset:-3px}.status{align-items:center;gap:var(--space-1);font-weight:var(--weight-bold);font-size:var(--text-sm);white-space:normal;overflow-wrap:anywhere;max-width:100%;color:var(--color-ink-muted);display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;flex:none;width:.625rem;height:.625rem}.status--success{color:var(--color-success)}.status--warning{color:var(--color-warning)}.status--danger{color:var(--color-danger)}.status--info{color:var(--color-info)}.status--offline{color:var(--color-offline)}.status--offline:before{background:0 0;border:2px dashed}.status--open:before{background:0 0;border:2px solid}.status--action{color:var(--color-ink)}.status--action:before{background:var(--color-marker);box-shadow:0 0 0 2px var(--color-ink)}.pill{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--color-sheet-sunken);color:var(--color-ink-muted);white-space:nowrap;display:inline-flex}.pill--marker{background:var(--color-marker);color:var(--color-on-marker)}.pill--crew{background:var(--color-info-soft);color:var(--color-info)}.count{border-radius:var(--radius-pill);background:var(--color-marker);min-width:1.5rem;height:1.5rem;color:var(--color-on-marker);font-size:var(--text-xs);font-weight:var(--weight-bold);font-family:var(--font-data);place-items:center;padding:0 6px;display:inline-grid}.notice{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-info-soft);color:var(--color-ink);align-items:flex-start;display:flex}.notice .icon{color:var(--color-info);margin-top:2px}.notice--warning{background:var(--color-warning-soft)}.notice--warning .icon{color:var(--color-warning)}.notice--offline{background:var(--color-offline-soft);border:1px dashed var(--color-offline)}.notice--offline .icon{color:var(--color-offline)}.notice--success{background:var(--color-success-soft)}.notice--success .icon{color:var(--color-success)}.notice--danger{background:var(--color-danger-soft)}.refused-lines{margin:var(--space-2) 0 0;padding-left:var(--space-4)}.notice--danger .icon{color:var(--color-danger)}.regtabs{gap:var(--space-1);padding:var(--space-2) var(--space-4) 0;border-bottom:3px solid var(--tab-active,var(--color-hull));scrollbar-width:none;align-items:flex-end;display:flex;overflow-x:auto}.regtabs::-webkit-scrollbar{display:none}.regtab{--cat:var(--cat-overig);align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-tab);cursor:pointer;background:var(--color-sheet);color:var(--color-ink);font-weight:var(--weight-bold);font-size:var(--text-sm);box-shadow:inset 0 4px 0 var(--cat);border:0;flex:none;display:inline-flex}.regtab:hover{background:var(--color-sheet-sunken)}.regtab[aria-selected=true]{background:var(--cat);color:var(--on-cat);box-shadow:none;min-height:52px}.regtab .num{font-size:var(--text-xs);opacity:.85}.cat{--cat:var(--cat-overig);align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-muted);display:inline-flex}.cat:before{content:"";background:var(--cat);border-radius:3px 3px 0 0;flex:none;width:10px;height:14px}.cat:empty{margin-right:var(--space-2);vertical-align:-1px;gap:0}:is(strong,.product__name,.tick__name,.row__main):has(>.cat:empty:first-child){align-items:flex-start;display:flex}:is(strong,.product__name,.tick__name,.row__main)>.cat:empty:first-child{margin-top:.2em}:is(strong,.tick__name):has(>.cat:empty:first-child)+br{display:none}.c-proviand{--cat:var(--cat-proviand)}.c-dek{--cat:var(--cat-dek)}.c-machine{--cat:var(--cat-machine)}.c-schoonmaak{--cat:var(--cat-schoonmaak)}.c-elektra{--cat:var(--cat-elektra)}.c-veiligheid{--cat:var(--cat-veiligheid)}.c-overig{--cat:var(--cat-overig)}.sheet{background:var(--color-sheet);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-lg)}.sheet__head{padding:var(--space-4) var(--space-4) var(--space-3)}.sheet__foot{padding:var(--space-3) var(--space-4);border-top:var(--rule-width) solid var(--color-rule)}.rows{margin:0;padding:0;list-style:none}.rows>li+li{border-top:var(--rule-width) solid var(--color-rule)}.row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:64px;color:inherit;text-decoration:none;display:flex}a.row:hover{background:var(--color-sheet-sunken)}.row__main{flex:1;min-width:0}.row__title{font-weight:var(--weight-bold)}.row__meta{font-size:var(--text-sm);color:var(--color-ink-muted)}.row .chev{color:var(--color-ink-subtle)}.qty{border:var(--rule-width) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-sheet);align-items:center;display:inline-flex}.qty button{width:var(--touch-min);height:var(--touch-min);cursor:pointer;color:var(--color-ink);background:0 0;border:0;place-items:center;display:grid}.qty button:hover{background:var(--color-sheet-sunken)}.qty output,.qty input{text-align:center;width:2.75rem;min-width:2.5rem;font-family:var(--font-data);font-weight:var(--weight-bold);background:0 0;border:0}.add-btn{min-width:var(--touch-min)}.route{padding-top:var(--space-2);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:relative}.route:before{content:"";left:12px;right:12px;top:calc(var(--space-2) + 9px);background:var(--color-info);opacity:.35;border-radius:2px;height:3px;position:absolute}.route__stop{padding-right:var(--space-2);font-size:var(--text-xs);color:var(--color-ink-muted);justify-items:start;gap:2px;display:grid;position:relative}.route__dot{background:var(--color-sheet);border:3px solid var(--color-info);z-index:1;border-radius:50%;width:20px;height:20px;position:relative}.route__stop.is-past .route__dot{background:var(--color-info)}.route__stop.is-ship .route__dot{background:var(--color-hull);border-color:var(--color-hull);color:#fff;place-items:center;display:grid}.route__stop.is-delivery .route__dot{background:var(--color-ink);border-color:var(--color-ink);box-shadow:0 0 0 3px var(--color-sheet), 0 0 0 5px var(--color-ink);width:24px;height:24px;margin-top:-2px}.route__stop strong{color:var(--color-ink);font-size:var(--text-sm)}.route__stop.is-delivery strong{font-size:var(--text-md)}.demo-note{font-size:var(--text-xs);color:var(--color-ink-subtle);text-align:center;padding:var(--space-6) var(--space-4) var(--space-8)}.ship{min-height:100vh}.ship .phone{max-width:var(--width-phone);background:var(--color-paper);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}@media (width>=600px){.ship{background:var(--color-hull);padding:var(--space-8) 0}.ship .phone{border-radius:28px;outline:10px solid #071a2e;min-height:860px;overflow:hidden}}.appbar{background:var(--color-hull);color:var(--color-on-hull);padding:var(--space-3) var(--space-4) var(--space-3);align-items:center;gap:var(--space-3);z-index:5;display:flex;position:sticky;top:0}.appbar :focus-visible{outline-color:var(--color-focus-on-hull)}.appbar__logo{border-radius:var(--radius-md);background:#fff;flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.appbar__title{flex:1;min-width:0;line-height:1.15}.appbar__title strong{font-size:var(--text-lg);display:block}.appbar__title span{font-size:var(--text-sm);color:var(--color-on-hull-muted)}.appbar .icon-btn{color:var(--color-on-hull)}.appbar .icon-btn:hover{background:var(--color-hull-raised)}.conn-toggle{width:auto;padding:0 var(--space-2)}.conn{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-on-hull-muted);display:inline-flex}.conn.is-offline{color:var(--color-on-hull)}.subbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);background:var(--color-sheet);border-bottom:var(--rule-width) solid var(--color-rule);z-index:4;display:flex;position:sticky;top:0}.subbar h1{font-size:var(--text-lg);flex:1}.offline-banner{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-offline-soft);color:var(--color-ink);font-size:var(--text-sm);border-bottom:1px dashed var(--color-offline);display:none}html[data-offline=true] .offline-banner{display:flex}.ship main{padding:var(--space-4) var(--space-4) var(--space-6);flex:1}.ship main.flush{padding-left:0;padding-right:0}.ship main>section+section{margin-top:var(--space-8)}.section-title{margin-bottom:var(--space-3);justify-content:space-between;align-items:baseline;display:flex}.section-title h2{font-size:var(--text-lg)}.tabbar{z-index:6;background:var(--color-sheet);border-top:var(--rule-width) solid var(--color-rule);width:100%;box-shadow:var(--shadow-float);padding-bottom:env(safe-area-inset-bottom);max-width:var(--width-phone);grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto;display:grid;position:sticky;bottom:0}.tabbar a{min-height:64px;color:var(--color-ink-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);align-content:center;justify-items:center;gap:2px;text-decoration:none;display:grid;position:relative}.tabbar a .icon{width:26px;height:26px}.tabbar__label{text-align:center;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;max-width:100%;padding:0 2px;line-height:1.15}.tabbar a[aria-current=page]{color:var(--color-ink)}.tabbar a[aria-current=page]:before{content:"";background:var(--color-hull);border-radius:0 0 4px 4px;height:4px;position:absolute;top:0;left:25%;right:25%}[data-theme=nacht] .tabbar a[aria-current=page]:before{background:var(--color-ink-muted)}.tabbar .count{position:absolute;top:8px;left:calc(50% + 6px)}.count--quiet,.tabbar .count,.sticky-cta .count{background:var(--color-hull);color:var(--color-on-hull);box-shadow:0 0 0 2px var(--color-sheet)}.sticky-cta .count{background:var(--color-on-hull);color:var(--color-hull);box-shadow:none}[data-theme=nacht] .tabbar .count{background:var(--color-ink-muted);color:var(--color-paper)}.draft{background:var(--color-sheet);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-lg);overflow:hidden}.draft__top{gap:var(--space-3);padding:var(--space-4);align-items:flex-start;display:flex}.draft__count{font-size:var(--text-lg);font-weight:var(--weight-bold);align-items:baseline;gap:var(--space-2);line-height:1;display:flex}.draft__count [data-basket-count]{font-family:var(--font-data);font-size:var(--text-3xl)}.draft__cats{padding:0 var(--space-4);gap:3px;display:flex}.draft__cats span{background:var(--cat);border-radius:3px 3px 0 0;height:8px}.draft__actions{padding:var(--space-3) var(--space-4) var(--space-4);border-top:3px solid var(--color-hull);gap:var(--space-2);display:grid}[data-theme=nacht] .draft__actions{border-top-color:var(--color-ink-muted)}.products{background:var(--color-sheet);margin:0;padding:0;list-style:none}.products>li{border-bottom:var(--rule-width) solid var(--color-rule)}.product{gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.product__name{font-weight:var(--weight-bold);overflow-wrap:anywhere;line-height:1.25}.product__unit{font-size:var(--text-sm);color:var(--color-ink-muted)}.product__side{align-items:center;gap:var(--space-1);display:flex}.product.in-basket{background:var(--color-sheet-sunken)}.product.in-basket .qty{border:2px solid var(--color-hull)}[data-theme=nacht] .product.in-basket .qty{border-color:var(--color-ink-muted)}.fav{width:var(--touch-min);height:var(--touch-min);cursor:pointer;color:var(--color-ink-subtle);border-radius:var(--radius-md);background:0 0;border:0;place-items:center;display:grid}.fav[aria-pressed=true]{color:var(--color-hull)}.fav[aria-pressed=true] svg{fill:currentColor}[data-theme=nacht] .fav[aria-pressed=true]{color:var(--color-ink)}.cat-heading{padding:var(--space-4) var(--space-4) var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-ink-muted);background:var(--color-paper);border-bottom:var(--rule-width) solid var(--color-rule)}.free-item{margin:var(--space-4);padding:var(--space-4);border:2px dashed var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-sheet)}.sticky-cta{z-index:5;padding:var(--space-3) var(--space-4);background:linear-gradient(to top, var(--color-paper) 70%, transparent);position:sticky;bottom:64px}.line{gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:1fr auto;align-items:center;display:grid}.line__note{font-size:var(--text-sm);color:var(--color-ink-muted);gap:var(--space-2);grid-column:1/-1;align-items:center;display:flex}.photo-thumb{border-radius:var(--radius-md);background:var(--color-sheet-sunken);border:1px solid var(--color-rule);width:56px;height:56px;color:var(--color-ink-subtle);flex:none;place-items:center;display:grid;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%}.tick{gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:72px;display:grid}.tick input{appearance:none;border:2px solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-sheet);cursor:pointer;place-items:center;width:40px;height:40px;margin:0;display:grid}.tick input:checked{background:var(--color-success);border-color:var(--color-success)}.tick input:checked:after{content:"";border:4px solid #fff;border-width:0 4px 4px 0;width:12px;height:20px;transform:translateY(-2px)rotate(45deg)}.tick input:focus-visible{outline:var(--focus-ring);outline-offset:2px}.tick:has(input:checked){background:var(--color-success-soft)}.tick:has(input:checked) .tick__name{color:var(--color-ink-muted)}.tick.is-missing{background:var(--color-danger-soft)}.tick-row{flex-wrap:wrap;align-items:center;display:flex}.tick-choice{padding:0 var(--space-4) var(--space-3);flex:1 0 100%}.line__original{font-weight:var(--weight-regular,400);color:var(--color-ink-muted)}.tick-row>.tick{flex:1;min-width:0}.tick-missing{padding:0 var(--space-3) 0 0;flex:none}.tick-missing .btn{color:var(--color-ink-muted);text-underline-offset:3px;text-decoration:underline}.tick-missing .btn[aria-pressed=true]{color:var(--color-danger);font-weight:var(--weight-bold)}li:has(.tick input:checked) .tick-missing{display:none}li:has(.tick.is-missing){background:var(--color-danger-soft)}.tick__qty{font-family:var(--font-data);font-weight:var(--weight-bold);font-size:var(--text-lg)}.theme-toggle{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.theme-toggle .hint{display:block}.ship-settings{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-rule)}.ship-settings>.btn{justify-self:start}.import-file{min-height:var(--touch-min);position:relative}.import-file:has(input:disabled){opacity:.5}.office{grid-template-columns:var(--width-rail) 1fr;min-height:100vh;display:grid}.rail{background:var(--color-hull);color:var(--color-on-hull);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.rail :focus-visible{outline-color:var(--color-focus-on-hull)}.rail__brand{gap:var(--space-3);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--color-hull-line);align-items:center;display:flex}.rail__brand strong{font-size:var(--text-md);line-height:1.2;display:block}.rail__brand span{font-size:var(--text-xs);color:var(--color-on-hull-muted)}.rail nav{padding:var(--space-3) var(--space-2);gap:var(--space-2);display:grid}.rail__section{gap:2px;display:grid}.rail nav a{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-on-hull-muted);font-weight:var(--weight-medium);text-decoration:none;display:flex}.rail nav a:hover{background:var(--color-hull-raised);color:var(--color-on-hull)}.rail nav a[aria-current=page]{background:var(--color-hull-raised);color:var(--color-on-hull);font-weight:var(--weight-bold);box-shadow:inset 3px 0 0 var(--color-marker)}.rail__group{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-xs);color:var(--color-on-hull-muted);margin:0}.rail__user{padding:var(--space-4);border-top:1px solid var(--color-hull-line);gap:var(--space-3);font-size:var(--text-sm);align-items:center;margin-top:auto;display:flex}.rail__user .avatar{background:var(--color-hull-raised);width:36px;height:36px;font-weight:var(--weight-bold);border-radius:50%;place-items:center;display:grid}.rail__product{padding:0 var(--space-4) var(--space-4);font-size:var(--text-xs);color:var(--color-on-hull-muted)}.workspace{min-width:0}.pagehead{justify-content:space-between;align-items:flex-end;gap:var(--space-4);padding:var(--space-6) var(--space-8) var(--space-5);background:var(--color-sheet);border-bottom:1px solid var(--color-rule);display:flex}.crumbs{gap:var(--space-1);font-size:var(--text-sm);color:var(--color-ink-muted);margin-bottom:var(--space-2);align-items:center;display:flex}.crumbs a{color:var(--color-ink-muted)}.pagehead p{color:var(--color-ink-muted);margin-top:var(--space-1)}.content{padding:var(--space-6) var(--space-8) var(--space-12);max-width:var(--width-content)}.content--wide{max-width:none}.grid-2{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.grid-2--single{grid-template-columns:minmax(0,1fr)}.grid-2>*,.grid-halves>*,.stack>*{min-width:0}.grid-halves{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.toolbar{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.toolbar .search{width:320px}.toolbar .select{width:auto}.table-wrap{background:var(--color-sheet);border:1px solid var(--color-rule);border-radius:var(--radius-lg);contain:paint;max-width:100%;overflow:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{text-align:left;font-weight:var(--weight-bold);color:var(--color-ink-muted);background:var(--color-sheet-sunken);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-rule);white-space:nowrap;position:sticky;top:0}.table th.num,.table td.num{text-align:right}.table th button{all:unset;cursor:pointer;align-items:center;gap:4px;display:inline-flex}.table th button:focus-visible{outline:var(--focus-ring)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-rule);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.is-link{cursor:pointer}.table tbody tr.is-link:hover{background:var(--color-sheet-sunken)}.table tbody tr.is-action{background:var(--color-marker-soft)}.table tbody tr.is-action:hover{background:#fbeca8}.table tfoot td{padding:var(--space-3) var(--space-4);border-top:2px solid var(--color-ink);font-weight:var(--weight-bold)}.table .strong{font-weight:var(--weight-bold);color:var(--color-ink);font-size:var(--text-md)}.table td.nowrap{white-space:nowrap}.table th.wrap{white-space:normal}.table--compact th,.table--compact td,.table--compact tfoot td{padding:var(--space-2) var(--space-3)}.table--compact .strong{font-size:inherit}.panel{background:var(--color-sheet);border:1px solid var(--color-rule);border-radius:var(--radius-lg)}.panel__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-rule);display:flex}.panel__head h2{font-size:var(--text-lg)}.panel__body{padding:var(--space-5)}.panel__foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-rule);background:var(--color-sheet-sunken);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.dl{gap:var(--space-2) var(--space-4);font-size:var(--text-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.dl dt{color:var(--color-ink-muted)}.dl dd{font-weight:var(--weight-medium);margin:0}.approval{border:2px solid var(--color-ink);background:var(--color-marker-soft)}.approval .panel__head{border-bottom-color:#17263626}.split{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.supplier-sheet{background:var(--color-sheet);border:1px solid var(--color-rule);border-radius:var(--radius-lg);overflow:hidden}.supplier-sheet__head{padding:var(--space-4) var(--space-5);border-bottom:3px solid var(--color-hull)}.supplier-sheet__head h2{font-size:var(--text-md);gap:var(--space-2);align-items:center;display:flex}.supplier-sheet .rows .row{min-height:52px;padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}.supplier-sheet__foot{padding:var(--space-4) var(--space-5);background:var(--color-sheet-sunken);gap:var(--space-3);display:grid}.answer-row td{vertical-align:top}.answer-alt{margin-top:var(--space-2);gap:var(--space-2);grid-template-columns:1fr 140px;display:none}.answer-row.is-alt .answer-alt{display:grid}.table--answers td{overflow-wrap:anywhere}@media (width<=700px){.table--answers,.table--answers tbody,.table--answers tr,.table--answers td{width:100%;display:block}.table--answers thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.table--answers tr{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-rule)}.table--answers tbody tr:last-child{border-bottom:0}.table--answers td,.table--answers tbody tr:last-child td{padding:var(--space-1) 0;border-bottom:0}.table--answers td:empty{display:none}.table.table--answers td input:not([type=checkbox]):not([type=radio]),.table.table--answers td .select{width:100%;min-width:0}}.answer-row.is-niet .product-cell strong{color:var(--color-ink-muted);text-decoration:line-through;text-decoration-thickness:1px}.budget{gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-rule);grid-template-columns:180px 1fr 200px;align-items:center;display:grid}.budget:first-child{border-top:0}.bar{background:var(--color-sheet-sunken);border-radius:var(--radius-sm);height:22px;display:flex;position:relative;overflow:visible}.bar>span{background:var(--cat);height:100%}.bar>span:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.bar__limit{background:var(--color-ink);border-radius:1px;width:3px;position:absolute;top:-5px;bottom:-5px}.bar.is-over{box-shadow:0 0 0 2px var(--color-danger)}.months{gap:var(--space-4);padding:var(--space-5);grid-template-columns:56px 1fr;display:grid}.months__axis{font-size:var(--text-xs);color:var(--color-ink-subtle);text-align:right;height:220px;font-family:var(--font-data);flex-direction:column;justify-content:space-between;display:flex}.months__plot{gap:var(--space-2);border-bottom:1px solid var(--color-ink);background-image:linear-gradient(var(--color-rule) 1px, transparent 1px);background-size:100% 25%;grid-template-columns:repeat(12,1fr);align-items:end;height:220px;display:grid;position:relative}.month{flex-direction:column-reverse;justify-content:flex-start;height:100%;display:flex}.month>span{background:var(--cat);border-top:1px solid var(--color-sheet)}.month.is-current>span{outline:0}.months__labels{gap:var(--space-2);font-size:var(--text-xs);color:var(--color-ink-muted);text-align:center;grid-column:2;grid-template-columns:repeat(12,1fr);display:grid}.months__labels .is-current{font-weight:var(--weight-bold);color:var(--color-ink)}.budget-line{border-top:2px dashed var(--color-ink);position:absolute;left:0;right:0}.budget-line span{font-size:var(--text-xs);background:var(--color-sheet);font-weight:var(--weight-bold);padding:0 4px;position:absolute;top:-22px;right:0}.legend{gap:var(--space-4);flex-wrap:wrap;display:flex}.steps{margin:0 0 var(--space-6);counter-reset:step;background:var(--color-sheet);border:1px solid var(--color-rule);border-radius:var(--radius-lg);gap:0;padding:0;list-style:none;display:flex;overflow:hidden}.steps li{gap:var(--space-3);padding:var(--space-4) var(--space-5);counter-increment:step;color:var(--color-ink-muted);font-weight:var(--weight-medium);border-left:1px solid var(--color-rule);flex:1;align-items:center;display:flex}.steps li:first-child{border-left:0}.steps li:before{content:counter(step);width:28px;height:28px;font-family:var(--font-data);font-weight:var(--weight-bold);font-size:var(--text-sm);border:2px solid;border-radius:50%;flex:none;place-items:center;display:grid}.steps li.is-done{color:var(--color-success)}.steps li.is-done:before{content:"✓";background:var(--color-success);color:#fff;border-color:var(--color-success)}.steps li[aria-current=step]{color:var(--color-ink);font-weight:var(--weight-bold);box-shadow:inset 0 -3px 0 var(--color-hull)}.dropzone{place-items:center;gap:var(--space-2);padding:var(--space-8);border:2px dashed var(--color-rule-strong);border-radius:var(--radius-lg);text-align:center;background:var(--color-sheet-sunken);display:grid}.mapping td{vertical-align:middle}.mapping .select{min-height:var(--touch-target)}.cell-warn{background:var(--color-warning-soft)}.cell-err{background:var(--color-danger-soft)}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-rule);margin-bottom:var(--space-6);display:flex}.tabs [role=tab]{padding:0 var(--space-4);min-height:var(--touch-min);font-weight:var(--weight-bold);color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-1px}.tabs [role=tab]:hover{color:var(--color-ink)}.tabs [role=tab][aria-selected=true]{color:var(--color-ink);border-bottom-color:var(--color-hull)}.mode-choice{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.mode-choice label{gap:var(--space-1) var(--space-3);padding:var(--space-4);border:1px solid var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-sheet);cursor:pointer;grid-template-columns:auto 1fr;display:grid}.mode-choice label:has(input:checked){border:2px solid var(--color-hull);padding:calc(var(--space-4) - 1px)}.mode-choice input{width:22px;height:22px;accent-color:var(--color-action);grid-row:span 2;margin:2px 0 0}.code{font-family:var(--font-data);font-weight:var(--weight-bold);letter-spacing:.08em;background:var(--color-sheet-sunken);border:1px solid var(--color-rule);border-radius:var(--radius-sm);padding:2px 8px}.toast{left:50%;bottom:var(--space-8);opacity:0;transition:opacity var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);background:var(--color-hull);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);gap:var(--space-2);box-shadow:var(--shadow-pop);z-index:50;font-weight:var(--weight-medium);align-items:center;display:flex;position:fixed;transform:translate(-50%,20px)}.toast.is-shown{opacity:1;transform:translate(-50%)}.ship .toast{bottom:96px}@media (width<=1100px){.office{grid-template-columns:72px 1fr}.rail__brand div,.rail__group,.rail__user div,.rail__product{display:none}.rail nav a span:not(.count){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rail nav a{justify-content:center}.rail nav a .count{margin:0;position:absolute;transform:translate(12px,-12px)}.grid-2,.grid-halves{grid-template-columns:minmax(0,1fr)}.split{grid-template-columns:1fr}.content,.pagehead{padding-left:var(--space-5);padding-right:var(--space-5)}}.stages{margin:var(--space-3) 0 var(--space-4)}.stages ol{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.stage{gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-rule);background:var(--color-sheet);flex-direction:column;min-width:0;display:flex}.stage__link{align-items:center;gap:var(--space-2);min-height:44px;font-weight:var(--weight-bold);color:inherit;text-align:left;display:flex}a.stage__link{cursor:pointer;text-underline-offset:3px;text-decoration:underline}.stage__mark{border:2px solid var(--color-rule-strong);width:24px;height:24px;font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:50%;flex:none;place-items:center;display:grid}.stage__note{font-size:var(--text-xs);color:var(--color-ink-muted)}.stage.is-done .stage__mark{background:var(--color-success);border-color:var(--color-success);color:#fff}.stage.is-done .stage__mark .icon{width:14px;height:14px}.stage.is-current{background:var(--color-marker-soft);border-color:var(--color-marker);box-shadow:inset 0 -3px 0 var(--color-marker)}.stage.is-current .stage__mark{background:var(--color-marker);border-color:var(--color-marker);color:var(--color-on-marker)}.stage.is-todo{background:var(--color-sheet-sunken);color:var(--color-ink-muted)}.stages__end{margin:var(--space-2) 0 0;color:var(--color-ink-muted);font-size:var(--text-sm)}@media (width<=760px){.stages ol{grid-template-columns:1fr 1fr}}.tick-card{align-items:center;gap:var(--space-3);padding:var(--space-4);min-height:var(--touch-min);border-radius:var(--radius-md);background:var(--color-marker-soft);border:2px solid var(--color-marker);color:var(--color-ink);text-decoration:none;display:flex}.tick-card>span{flex:1;min-width:0}.tick-card__title{font-size:var(--text-md)}.empty-state p+.btn{margin-top:var(--space-2)}.pill--danger{background:var(--color-danger);color:#fff}.wait__list>li>a{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);color:inherit;flex-wrap:wrap;min-height:48px;text-decoration:none;display:flex}.wait__list>li>a:hover{background:var(--color-sheet-sunken)}.wait__row.is-overdue{background:var(--color-danger-soft);box-shadow:inset 4px 0 0 var(--color-danger)}.wait__age{white-space:nowrap;min-width:7rem;font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);flex:none}.wait__row.is-overdue .wait__age{color:var(--color-danger)}.wait__what{gap:var(--space-1) var(--space-3);flex-wrap:wrap;flex:12rem;align-items:baseline;min-width:0;display:flex}.wait__stage{color:var(--color-ink-muted)}.wait__due{font-size:var(--text-sm);flex:0 auto}.wait__row.is-overdue .wait__due{color:var(--color-danger)}.progress{gap:var(--space-2);display:grid}.progress__now{font-size:var(--text-lg);font-weight:var(--weight-bold)}.orderfilters .toolbar{margin-bottom:var(--space-2)}.orderfilters .toolbar .search{width:19rem}.orderfilters .toolbar input.input:not([type=file]){width:11rem}.orderfilters .toolbar .search input.input:not([type=file]){width:100%}.orderfilters__toggle{display:none}.orderfilters__more{display:contents}.multipick{position:relative}.multipick>summary{cursor:pointer;align-items:center;gap:var(--space-1);white-space:nowrap;list-style:none;display:flex}.multipick>summary::-webkit-details-marker{display:none}.multipick__list{z-index:5;top:calc(100% + var(--space-1));min-width:100%;max-height:18rem;padding:var(--space-2) var(--space-3);background:var(--color-sheet);border:1px solid var(--color-rule);border-radius:var(--radius-lg);white-space:nowrap;margin:0;list-style:none;position:absolute;left:0;overflow:auto;box-shadow:0 4px 16px #00000026}@media (width<=760px){.orderfilters__toggle{display:inline-flex}.orderfilters__more{align-items:stretch;gap:var(--space-3);flex-direction:column;width:100%;display:none}.orderfilters__more.is-open{display:flex}.orderfilters .toolbar .search,.orderfilters .toolbar input.input:not([type=file]){width:100%}.multipick__list{box-shadow:none;position:static}}.skip-link{left:var(--space-2);top:var(--space-2);z-index:100;padding:var(--space-2) var(--space-3);background:var(--color-sheet);min-height:44px;color:var(--color-ink);border-radius:var(--radius-lg);border:2px solid;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.table-scroll{contain:paint;max-width:100%;overflow:auto}.setup__list{margin:var(--space-3) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.setup__item{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.setup__mark{border:2px solid var(--color-rule-strong,var(--color-rule));border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;display:inline-grid}.setup__item.is-done .setup__mark{background:var(--color-success);border-color:var(--color-success);color:#fff}.setup__item.is-done a{color:var(--color-ink-muted);text-decoration:line-through}.code-notice{gap:var(--space-2);display:grid}.code-notice__code{font-family:var(--font-mono,monospace);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.08em}.confirm-box{border:2px solid var(--color-marker);background:var(--color-marker-soft);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-3);gap:var(--space-3);display:grid}.confirm-box ul{padding-left:var(--space-5);margin:0}.field-inline{gap:var(--space-1);flex-direction:column;display:inline-flex}.field-inline>.label{font-size:var(--text-sm);margin:0}.segmented{width:100%;margin-bottom:var(--space-3);border:var(--rule-width) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-sheet);display:flex;overflow:hidden}.segmented__item{min-width:0;min-height:var(--touch-target);padding:0 var(--space-3);border:0;border-left:var(--rule-width) solid var(--color-rule-strong);color:var(--color-ink);font:inherit;font-weight:var(--weight-bold);cursor:pointer;overflow-wrap:anywhere;background:0 0;flex:1 1 0}.segmented__item:first-child{border-left:0}.segmented__item[aria-pressed=true]{background:var(--color-hull);color:var(--color-on-hull)}@media (width<=699px){.segmented__item{padding:0 var(--space-2);font-size:var(--text-sm);white-space:nowrap;overflow-wrap:normal;flex:auto}}@media (width>=700px){.segmented{width:fit-content}.segmented__item{padding:0 var(--space-5);flex:none}}.tick-row,.tick-choice,.tick-card,.pakbon,.pakbon li{min-width:0;max-width:100%}.tick,.tick__name,.tick-card,.pakbon li,.tick-choice{overflow-wrap:anywhere}@media (width<=480px){.line>.status,.tick>.status{grid-column:1/-1;justify-self:start}}@media (width<=700px){.orders-by-inline{font-weight:var(--weight-regular,400);color:var(--color-ink-muted);font-size:var(--text-sm);white-space:normal;overflow-wrap:anywhere;display:block}.table td.orders-ship,.table td.orders-date{white-space:normal}.table--compact th,.table--compact td{padding-left:var(--space-2);padding-right:var(--space-2)}}.wait__more{margin-top:var(--space-3)}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);background:var(--color-sheet);border:var(--rule-width) solid var(--color-rule-strong);border-radius:var(--radius-md)}textarea{resize:vertical;min-height:88px}input[type=checkbox],input[type=radio]{appearance:none;width:var(--touch-target);height:var(--touch-target);cursor:pointer;background:0 0;flex:none;place-content:center;margin:0;display:inline-grid;position:relative}input[type=checkbox]:before,input[type=radio]:before{content:"";background:var(--color-sheet);border:2px solid var(--color-rule-strong);border-radius:var(--radius-sm);width:22px;height:22px}input[type=radio]:before{border-radius:50%}input[type=checkbox]:checked:before,input[type=radio]:checked:before{background:var(--color-action);border-color:var(--color-action)}input[type=checkbox]:checked:after{content:"";border:solid var(--color-on-action);border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(45deg)}input[type=radio]:checked:after{content:"";background:var(--color-on-action);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input[type=checkbox]:disabled:before,input[type=radio]:disabled:before{opacity:.5}button:not([class]){justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border:var(--rule-width) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-sheet);font-weight:var(--weight-bold);cursor:pointer;display:inline-flex}button:not([class]):hover{background:var(--color-sheet-sunken)}button.primary{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--color-action);color:var(--color-on-action);font-weight:var(--weight-bold);cursor:pointer;border:0;display:inline-flex}button.primary:hover{background:var(--color-action-hover)}button:disabled{opacity:.6;cursor:not-allowed}.button{align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border:var(--rule-width) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-sheet);font-weight:var(--weight-bold);text-decoration:none;display:inline-flex}label{font-weight:var(--weight-bold);font-size:var(--text-sm)}.field{margin-bottom:var(--space-3)}.alert{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-weight:var(--weight-medium);display:flex}.ok{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-ink);display:flex}.card{background:var(--color-sheet);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-5) 0}.card>*+*{margin-top:var(--space-3)}table:not(.table){border-collapse:collapse;background:var(--color-sheet);border:1px solid var(--color-rule);border-radius:var(--radius-lg);width:100%;font-size:var(--text-sm)}table:not(.table) th{text-align:left;color:var(--color-ink-muted);background:var(--color-sheet-sunken);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-rule)}table:not(.table) td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-rule);vertical-align:middle}.inline{gap:var(--space-2);align-items:center;display:flex}.chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chips li,.tag{background:var(--color-sheet-sunken);border-radius:var(--radius-pill);padding:2px var(--space-3);font-size:var(--text-sm)}.tag{margin-left:var(--space-2)}.check{gap:var(--space-2);min-height:var(--touch-min);font-weight:var(--weight-regular);font-size:var(--text-md);align-items:center;display:flex}fieldset{border:1px solid var(--color-rule);border-radius:var(--radius-md);margin:0 0 var(--space-3)}.page{padding:var(--space-6) var(--space-8);max-width:var(--width-content)}.page h1{margin-bottom:var(--space-4)}.page>h2{margin:var(--space-6) 0 var(--space-3)}.c-technisch{--cat:var(--cat-machine)}.c-smeermiddelen{--cat:var(--cat-elektra)}.c-brandstof{--cat:var(--cat-dek)}.band{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-hull);color:var(--color-on-hull);min-height:56px;display:flex}.band :focus-visible{outline-color:var(--color-focus-on-hull)}.band button{color:var(--color-on-hull);border-color:var(--color-hull-line);min-height:var(--touch-target);background:0 0}.band button[aria-pressed=true]{background:var(--color-hull-raised)}.spacer{flex:1}.langs{gap:var(--space-1);display:flex}.langs button{min-width:44px;min-height:44px;padding:0 var(--space-2)}.login{padding:var(--space-8) var(--space-4);max-width:26rem;margin:0 auto}.login .tabs{margin-bottom:var(--space-5)}.login form>*+*{margin-top:var(--space-3)}.pill.pill--marker.demo-badge{width:fit-content;margin:var(--space-1) 0 0 var(--space-2);color:var(--color-on-marker);display:inline-flex}.band .pill.demo-badge{margin:0 0 0 var(--space-3)}.login>h1{margin-bottom:var(--space-6)}.login .demo-login{margin-bottom:var(--space-10)}.demo-login__intro{color:var(--color-ink-muted);margin:var(--space-1) 0 var(--space-5)}.demo-rederij+.demo-rederij{margin-top:var(--space-8)}.demo-rederij__name{align-items:center;gap:var(--space-3);display:flex}.demo-rederij__mark{border-radius:var(--radius-md);background:var(--color-hull);width:2.25rem;height:2.25rem;color:var(--color-on-hull);font-size:var(--text-md);flex:none;place-items:center;display:grid}.demo-group__title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-ink-muted);margin:var(--space-4) 0 var(--space-2)}.demo-accounts{background:var(--color-sheet);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-lg);margin:0;padding:0;list-style:none;overflow:hidden}.demo-accounts li+li{border-top:var(--rule-width) solid var(--color-rule)}.demo-account{align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-ship);padding:var(--space-2) var(--space-4);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out);background:0 0;border:0;display:flex}.demo-account:hover{background:var(--color-sheet-sunken)}.demo-account:focus-visible{outline-offset:-3px}.demo-account>.icon{color:var(--color-ink-muted)}.demo-account>.icon:last-child{color:var(--color-ink-subtle)}.demo-account__name{min-width:0;font-weight:var(--weight-bold);flex-direction:column;flex:1;align-items:flex-start;gap:2px;display:flex}.demo-account__title,.demo-switch__chipname{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.demo-switch__chipname{min-width:0;font-size:var(--text-sm);flex-direction:column;align-items:flex-start;display:flex}.demo-switch__chipname .subtle{font-size:var(--text-xs);font-weight:var(--weight-regular)}.demo-switch__chip{min-width:0;max-width:100%}.demo-account__hint,.demo-chosen span{font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-ink-muted);display:block}.demo-platform{margin-top:var(--space-8);padding-top:var(--space-2);border-top:var(--rule-width) solid var(--color-rule)}.demo-platform .demo-accounts{background:0 0}.demo-login__pin>*+*{margin-top:var(--space-4)}.demo-chosen{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);background:var(--color-sheet);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-lg);display:flex}.demo-chosen>.icon{color:var(--color-ink-muted)}.demo-chosen>div{flex:1;min-width:0}.demo-chosen .btn--quiet{font-size:var(--text-sm);flex:none}.demo-login__pin button.primary{width:100%;min-height:var(--touch-ship)}.login__own{padding-top:var(--space-6);border-top:var(--rule-width) solid var(--color-rule)}.login__own h2{font-size:var(--text-lg);margin-bottom:var(--space-4)}.office .rail{align-self:start;height:100vh;position:sticky;top:0;overflow-y:auto}.rail__menu{flex-direction:column;flex:1;min-height:0;display:flex}.rail nav a .count{margin-left:auto}.rail__langs{gap:var(--space-1);padding:0 var(--space-4) var(--space-3);display:flex}.rail__langs button{color:var(--color-on-hull-muted);border:1px solid var(--color-hull-line);border-radius:var(--radius-sm);min-width:44px;min-height:44px;padding:0 var(--space-2);cursor:pointer;font-weight:var(--weight-bold);background:0 0}.rail__langs button[aria-pressed=true]{background:var(--color-hull-raised);color:var(--color-on-hull)}.rail__user button{color:var(--color-on-hull-muted);border:1px solid var(--color-hull-line);border-radius:var(--radius-sm);min-height:var(--touch-target);padding:0 var(--space-3);cursor:pointer;background:0 0;margin-left:auto}.workspace>.content>h1:first-child{margin-bottom:var(--space-4)}.pagehead__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.table td .input,.table td input,.table td select{min-height:var(--touch-target)}.table td input[type=checkbox],.table td input[type=radio]{width:var(--touch-target)}.table td a,table:not(.table) td a{min-height:var(--touch-target);min-width:var(--touch-target);align-items:center;display:inline-flex}.table td input:not([type=checkbox]):not([type=radio]),table:not(.table) td input:not([type=checkbox]):not([type=radio]){min-width:8rem}.crumbs a{min-height:var(--touch-target);align-items:center;display:inline-flex}.chip-remove{min-width:var(--touch-target);min-height:var(--touch-target);margin:-12px -12px -12px 0}.file-cover{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.btn:has(>.file-cover:focus-visible){outline:var(--focus-ring);outline-offset:2px}.more-fields{margin-bottom:var(--space-3)}.more-fields>summary{min-height:var(--touch-target);padding:0 var(--space-3);margin-left:calc(var(--space-3) * -1);font-weight:var(--weight-bold);cursor:pointer;align-items:center;display:inline-flex}.more-fields[open]>summary{margin-bottom:var(--space-2)}.rail__toggle{display:none}.table tbody tr.is-link td:first-child a{font-weight:var(--weight-bold);text-decoration:none}.clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.status-stack{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.supplier-names{align-items:center;gap:var(--space-2);max-width:14rem;display:flex}.supplier-names .pill{flex:none}.kpis{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.kpi{background:var(--color-sheet);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5)}.kpi strong{font-size:var(--text-2xl);display:block}.kpi span{color:var(--color-ink-muted);font-size:var(--text-sm)}.photo{border-radius:var(--radius-md);border:1px solid var(--color-rule);max-width:100%}.mt{margin-top:var(--space-6)}.ship .appbar{position:static}.supplier-sheet__foot.cluster{flex-wrap:wrap;display:flex}.ship .phone main{padding-bottom:var(--space-8)}.ship .tabbar{position:sticky}.ship-home h1{font-size:var(--text-xl)}.brand-hint{gap:var(--space-2);margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-ink-muted);align-items:flex-start;display:flex}.brand-hint .icon{color:var(--color-warning);flex:none;margin-top:2px}.brand-hint--prefer .icon{color:var(--color-success)}.bunker-actions{z-index:4;padding:var(--space-2) 0;background:var(--color-sheet);position:sticky;bottom:64px}.bunker-lines{margin:0;padding:0;list-style:none}.bunker-line,.basket-line,.tick,.product,.row__main{overflow-wrap:anywhere}.bunker-line{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-rule);display:grid}.bunker-line--skipped{opacity:.6}.bunker-line__edit{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.line-note{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-ink-muted)}.pill--flag{margin-top:var(--space-1);background:var(--color-warning-soft);color:var(--color-ink)}.chip-remove{margin-left:var(--space-2);color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.basket-line{gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.queue{border:1px dashed var(--color-offline);background:var(--color-offline-soft);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.status-row{justify-content:space-between;gap:var(--space-3);align-items:center;display:flex}.tick .status{justify-self:end}@media (width<=700px){.demo-on .office .rail{max-height:none;position:static}.page,.content,.pagehead{padding-left:var(--space-4);padding-right:var(--space-4)}.office{grid-template-columns:1fr}.office .rail{z-index:20;height:auto;min-height:0;max-height:100vh}.rail__brand{padding:var(--space-2) var(--space-4);border-bottom:0;justify-content:space-between}.rail__toggle{min-height:var(--touch-target);padding:0 var(--space-4);color:var(--color-on-hull);border:1px solid var(--color-hull-line);border-radius:var(--radius-sm);font-weight:var(--weight-bold);cursor:pointer;background:0 0;align-items:center;display:inline-flex}.rail.is-open .rail__toggle{background:var(--color-hull-raised)}.rail__menu{display:none}.rail.is-open .rail__menu{display:flex}.rail nav{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.rail__user{margin-top:0}.rail__brand div,.rail__user div,.rail__group,.rail__product{display:block}.rail nav a span:not(.count){clip:auto;width:auto;height:auto;position:static;overflow:visible}.rail nav a{justify-content:flex-start}.rail nav a .count{margin-left:auto;position:static;transform:none}}.demo-switch__button{z-index:20;right:var(--space-3);bottom:calc(env(safe-area-inset-bottom) + var(--space-3));align-items:center;gap:var(--space-2);min-height:var(--touch-target);max-width:min(12rem, calc(100vw - 2 * var(--space-3)));padding:var(--space-1) var(--space-3);border:var(--rule-width) solid var(--color-hull-line);background:var(--color-hull);color:var(--color-on-hull);box-shadow:var(--shadow-float);cursor:pointer;border-radius:999px;display:inline-flex;position:fixed}.demo-switch__label{text-align:left;min-width:0;line-height:1.15;font-size:var(--text-xs);display:grid}.demo-switch__label strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);overflow:hidden}.demo-switch__scrim{z-index:30;background:#0006;position:fixed;inset:0}.demo-switch__sheet{z-index:31;right:var(--space-3);bottom:calc(env(safe-area-inset-bottom) + var(--space-3));width:min(24rem, calc(100vw - 2 * var(--space-3)));max-height:min(75vh,40rem);padding:var(--space-4);background:var(--color-paper);border:var(--rule-width) solid var(--color-rule-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);position:fixed;overflow-y:auto}.demo-switch__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.demo-switch__head h2{font-size:var(--text-lg);margin:0}.demo-switch__close{min-width:var(--touch-target);min-height:var(--touch-target);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.demo-switch__quick{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.demo-switch__chip{align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-3);border:var(--rule-width) solid var(--color-rule-strong);background:var(--color-sheet);cursor:pointer;font-weight:var(--weight-bold);border-radius:999px;display:inline-flex}.demo-account[aria-current=true]{background:var(--color-sheet-sunken)}.demo-switch__sheet .demo-rederij+.demo-rederij,.demo-switch__sheet .demo-platform{margin-top:var(--space-5)}.demo-switch__current{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-ink-muted);overflow-wrap:anywhere}.demo-switch__current strong{color:var(--color-ink)}.demo-on .content,.demo-on .page{padding-bottom:6rem}@media (width<=899px){.demo-on .content,.demo-on .page{padding-bottom:var(--space-6)}.demo-switch{display:contents}.demo-on{--demo-strip:var(--touch-target)}.demo-on .office .rail{top:var(--demo-strip);max-height:calc(100vh - var(--demo-strip))}.demo-on .appbar,.demo-on .subbar{top:var(--demo-strip);position:static}.demo-on .ship .phone{min-height:calc(100vh - var(--demo-strip))}.demo-switch__button{z-index:25;height:var(--touch-target);width:100%;max-width:none;min-height:var(--touch-target);padding:var(--space-1) var(--space-4);border-width:0 0 var(--rule-width);box-shadow:none;border-radius:0;display:flex;position:sticky;top:0}.demo-switch__label{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex:1;min-width:0;display:flex}.demo-switch__label span{flex:none}.demo-switch__label strong{flex:0 auto}}@media (width>=900px){.demo-switch__button{bottom:var(--space-4);right:var(--space-4)}.demo-switch__sheet{right:var(--space-4);bottom:var(--space-4)}}.demo-switch__recent{margin:var(--space-3) 0 0;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-ink-muted)}.demo-switch__recent,.demo-switch__chip{text-align:left}.demo-switch__quick{justify-content:flex-start}.demo-switch__sheet>.demo-rederij:first-of-type{margin-top:var(--space-5)}.demo-switch__busy{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;font-weight:var(--weight-bold);display:flex}.demo-switch__busy .icon{animation:1s linear infinite demo-spin}@keyframes demo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.demo-switch__busy .icon{animation:none}}.ship-body{display:contents}.search-pad{padding:var(--space-3) var(--space-4) 0}.ship-orders .row__meta{display:block}.ship-orders .row__meta>span+span:before{content:" · "}.ship-cols__main:empty,.ship-cols__side:empty{display:none}.basket-summary__line{align-items:baseline;gap:var(--space-3);padding:var(--space-2) var(--space-5);display:flex}.basket-summary__name{overflow-wrap:anywhere;flex:1;min-width:0}.basket-summary__name .cat:empty{margin-right:var(--space-2)}.basket-summary__qty{font-weight:var(--weight-bold)}@media (width>=701px){.ship{background:var(--color-paper);padding:0}.ship .phone{grid-template-columns:var(--width-rail) minmax(0, 1fr);background:linear-gradient(to right, var(--color-hull) var(--width-rail), var(--color-paper) var(--width-rail));border-radius:0;outline:0;grid-template-rows:auto 1fr;max-width:none;min-height:100vh;display:grid;overflow:visible}.ship .appbar{align-items:stretch;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--color-hull-line);flex-direction:column;grid-area:1/1}.ship .appbar__title{flex:none}.ship .appbar__title strong{font-size:var(--text-md);line-height:1.2}.ship .appbar__title span{font-size:var(--text-xs)}.ship .appbar .langs button{border:1px solid var(--color-hull-line);border-radius:var(--radius-sm);width:auto;min-width:44px;height:44px;color:var(--color-on-hull-muted);font-weight:var(--weight-bold)}.ship .appbar .langs button[aria-pressed=true]{background:var(--color-hull-raised);color:var(--color-on-hull)}.ship .tabbar{max-width:none;padding:var(--space-3) var(--space-2);box-shadow:none;background:0 0;border:0;grid-area:2/1;grid-template-columns:minmax(0,1fr);align-self:start;gap:2px;margin:0;position:sticky;top:0}.ship .tabbar :focus-visible{outline-color:var(--color-focus-on-hull)}.ship .tabbar a{align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-on-hull-muted);font-size:var(--text-md);font-weight:var(--weight-medium);display:flex}.ship .tabbar a .icon{width:1.25em;height:1.25em}.ship .tabbar a:hover{background:var(--color-hull-raised);color:var(--color-on-hull)}.ship .tabbar a[aria-current=page]{background:var(--color-hull-raised);color:var(--color-on-hull);font-weight:var(--weight-bold);box-shadow:inset 3px 0 0 var(--color-marker)}.ship .tabbar a[aria-current=page]:before{display:none}.ship .tabbar .count{background:var(--color-on-hull);color:var(--color-hull);box-shadow:none;margin-left:auto;position:static}.ship-body{flex-direction:column;grid-area:1/2/-1;min-width:0;display:flex}.ship .phone main{width:100%;max-width:var(--width-content);padding:var(--space-6) var(--space-8) var(--space-12)}.ship .phone main.flush{max-width:none;padding-left:0;padding-right:0}.ship .phone main>.stack{max-width:48rem}.ship .phone main>.stack>h1+.rows{margin-top:var(--space-4)}.ship-orders .row__main{gap:var(--space-4);grid-template-columns:minmax(8rem,1fr) 7rem 6rem minmax(8rem,1.5fr);align-items:baseline;display:grid}.ship-orders .row__meta{display:contents}.ship-orders .row>.status{flex:none;width:9rem}.ship-orders .row__meta>span+span:before{content:none}.ship-home h1{font-size:var(--text-2xl)}.ship .sticky-cta,.bunker-actions{bottom:0}.ship .sticky-cta{padding-left:var(--space-8);padding-right:var(--space-8);display:flex}.ship .sticky-cta .btn--block{width:auto}.ship main.flush .free-item{max-width:40rem;margin-left:var(--space-8)}.ship .bunker{padding:var(--space-4) var(--space-5) var(--space-5)}.ship .bunker .bunker-lines{margin-left:calc(var(--space-5) * -1);margin-right:calc(var(--space-5) * -1)}.ship .bunker .bunker-line{padding-left:var(--space-5);padding-right:var(--space-5)}.ship main.flush>.search-pad,.ship main.flush>.regtabs{padding-left:var(--space-8);padding-right:var(--space-8)}}@media (width>=701px) and (width<=1100px){.ship .phone{background:linear-gradient(to right, var(--color-hull) 72px, var(--color-paper) 72px);grid-template-columns:72px minmax(0,1fr)}.ship .appbar{padding:var(--space-4) var(--space-2);align-items:center}.ship .appbar__title{display:none}.ship .appbar .conn{font-size:0}.ship .appbar .conn .icon{width:20px;height:20px}.ship .appbar .langs{flex-direction:column}.tabbar__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ship .tabbar a{justify-content:center;padding:0}.ship .tabbar .count{position:absolute;top:0;left:calc(50% + 4px)}.ship .phone main{padding-left:var(--space-5);padding-right:var(--space-5)}}@media (width>=701px) and (width<=899px){.demo-on .ship .tabbar{top:var(--demo-strip)}}@media (width>=900px){.demo-on .ship .phone main{padding-bottom:6rem}}@media (width>=1101px){.ship .phone main>.ship-cols{gap:var(--space-6) var(--space-8);grid-template-columns:minmax(0,1fr) 22.5rem;align-items:start;max-width:none;display:grid}.ship-cols>*+*{margin-top:0}.ship-cols>.ship-cols__head{grid-column:1/-1}.ship-cols>.ship-cols__main{grid-area:2/1}.ship-cols>.ship-cols__side{grid-area:2/2}.ship-cols>.ship-cols__side:empty+.ship-cols__main{grid-column:1/-1}.ship-cols .card:first-child{margin-top:0}.ship-cols .card:last-child{margin-bottom:0}.basket-send{padding:var(--space-5);background:var(--color-sheet);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-lg)}.ship main.flush>.products{column-gap:var(--space-6);padding:0 var(--space-8);background:0 0;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr));display:grid}.ship main.flush>.products>li{background:var(--color-sheet)}.bunker-line{column-gap:var(--space-5);grid-template-columns:minmax(0,13rem) minmax(0,1fr);align-items:start}.bunker-line>*{grid-column:2}.bunker-line>.row__title{padding-top:var(--space-3);grid-area:1/1/span 4}}.who-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-sheet-sunken);flex-wrap:wrap;margin:0;display:flex}.who-bar>span{flex:1;min-width:0}.who-form{padding:var(--space-3) var(--space-4);background:var(--color-sheet);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-lg)}.stock-updated p{margin:0}.stock-place{align-items:center;gap:var(--space-2);font-size:var(--text-lg);display:flex}.stock-place .icon{color:var(--color-ink-subtle)}.stock-row{gap:var(--space-2);padding:var(--space-3) var(--space-4);display:grid}.stock-row.is-low{background:var(--color-marker-soft)}.stock-row__top,.count-row{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.stock-row__main{min-height:var(--touch-min);color:inherit;overflow-wrap:anywhere;align-content:center;gap:2px;text-decoration:none;display:grid}.stock-row__main .status{margin-top:var(--space-1)}.stock-row .qty button:disabled{color:var(--color-ink-subtle);cursor:default}.topup-btn{background:var(--color-sheet);border-color:var(--color-ink);justify-self:start}.stock-in-basket{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);justify-self:start}.advice{padding:var(--space-4);border:2px solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-marker-soft)}.advice__title{align-items:center;gap:var(--space-2);font-size:var(--text-lg);display:flex}.count-row{padding:var(--space-3) var(--space-4)}.count-row__name{overflow-wrap:anywhere}.count-row.is-changed{background:var(--color-sheet-sunken);box-shadow:inset 4px 0 0 var(--color-hull)}.qty--edit input:not([type=checkbox]):not([type=radio]):not([type=file]){width:4rem;min-width:0;height:var(--touch-min);text-align:center;font-family:var(--font-data);font-size:var(--text-md);font-weight:var(--weight-bold);background:0 0;border:0;border-radius:0;padding:0}.qty--edit input[aria-invalid=true]{outline:2px solid var(--color-danger);outline-offset:-2px}.levels{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.keeper-link{border-radius:var(--radius-lg)}.keeper__name{align-items:center;gap:var(--space-2);font-size:var(--text-lg);margin:0;display:flex}.stock-after{font-family:var(--font-data);font-weight:var(--weight-bold)}.ship .stock .sticky-cta{margin:0 calc(-1 * var(--space-4))}.stock-panel{margin-top:var(--space-4)}.stock-panel .cluster{align-items:flex-end}.brand-logo{box-sizing:border-box;width:auto;max-width:100%;height:56px;margin-bottom:var(--space-2);object-fit:contain;object-position:left center;border-radius:var(--radius-sm);background:#fff;padding:4px 8px;display:block}.rail .brand-logo{height:72px}.fleet-filters{align-items:flex-end}.fleet-flag{margin-left:var(--space-2)}.fleet-table tr.is-open td{background:var(--color-sheet-sunken)}.fleet-table .link-button{white-space:nowrap;color:var(--color-hull);cursor:pointer;font:inherit;min-height:var(--touch-target);background:0 0;border:0;padding:0;text-decoration:underline}.fleet-table .fleet-ship{white-space:nowrap;min-width:11rem}.fleet-table td .pill{white-space:normal}.fleet-editor{padding:var(--space-3) 0}.fleet-history{padding-left:var(--space-5);font-size:var(--text-sm);margin:0}