:root{--ground:#faf6f2;--surface:#fffdfb;--surface-2:#f4ebe5;--surface-3:#efe4dc;--line:#e7d9d0;--line-strong:#d3c0b4;--ink:#2b1f1e;--ink-2:#6d5a54;--ink-3:#93807a;--accent:#6e1230;--accent-ink:#6e1230;--accent-soft:#f5e4e9;--accent-line:#d9b6c2;--gold:#96702c;--ok:#3c6b4d;--ok-soft:#e6efe6;--warn:#93590d;--warn-soft:#f8ecd9;--crit:#a03225;--crit-soft:#f8e3df;--radius:7px;--shadow:0 1px 2px rgba(60,30,25,.06), 0 6px 18px -12px rgba(60,30,25,.22);--serif:"Petrona",Georgia,"Times New Roman",serif;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--tap:40px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#171110;--surface:#1f1817;--surface-2:#271f1e;--surface-3:#2f2523;--line:#3a2d2b;--line-strong:#503e3a;--ink:#f2e9e4;--ink-2:#c0aaa3;--ink-3:#94817b;--accent:#8c1c3c;--accent-ink:#eda3b6;--accent-soft:#33191f;--accent-line:#57303a;--gold:#d3a95e;--ok:#84b791;--ok-soft:#1d2a21;--warn:#dda15e;--warn-soft:#2e2418;--crit:#e2857a;--crit-soft:#33201d;--shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 22px -14px rgba(0,0,0,.7);color-scheme:dark}}:root[data-theme=dark]{--ground:#171110;--surface:#1f1817;--surface-2:#271f1e;--surface-3:#2f2523;--line:#3a2d2b;--line-strong:#503e3a;--ink:#f2e9e4;--ink-2:#c0aaa3;--ink-3:#94817b;--accent:#8c1c3c;--accent-ink:#eda3b6;--accent-soft:#33191f;--accent-line:#57303a;--gold:#d3a95e;--ok:#84b791;--ok-soft:#1d2a21;--warn:#dda15e;--warn-soft:#2e2418;--crit:#e2857a;--crit-soft:#33201d;--shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 22px -14px rgba(0,0,0,.7);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.45;min-height:100vh}h1,h2,h3{font-family:var(--serif);font-weight:500;text-wrap:balance;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;border-radius:3px}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono)}.muted{color:var(--ink-3)}.warncol{color:var(--warn)}.critcol{color:var(--crit)}.okcol{color:var(--ok)}.vis-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{max-width:1220px;margin:0 auto;padding:0 16px 84px}header.top{border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:40}.top-in{max-width:1220px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:10px;margin-right:auto;min-width:0}.brand h1{font-size:22px;letter-spacing:.005em;white-space:nowrap}.brand .sub{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userchip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:100px;padding:4px 6px 4px 12px;background:var(--surface-2);font-size:13px;min-height:32px}.userchip b{font-weight:500}.userchip .rol{color:var(--ink-3);font-size:11.5px}.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:4px 9px;font-size:12px;color:var(--ink-2);min-height:26px}.icon-btn:hover{border-color:var(--line-strong);color:var(--ink)}nav.tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:16px;scrollbar-width:thin}nav.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:11px 13px;color:var(--ink-2);white-space:nowrap;font-size:13.5px;border-radius:4px 4px 0 0;min-height:var(--tap)}nav.tabs button:hover{color:var(--ink);background:var(--surface-2)}nav.tabs button[aria-current=true]{color:var(--accent-ink);border-bottom-color:var(--accent);font-weight:500}nav.tabs .badge{display:inline-block;min-width:17px;padding:0 5px;margin-left:6px;border-radius:100px;background:var(--accent);color:#fff;font-size:10.5px;line-height:16px;text-align:center;font-variant-numeric:tabular-nums}.catstrip{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:8px;margin:0 0 14px}.catstrip button{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px;min-width:0}.catstrip button:hover{border-color:var(--line-strong)}.catstrip button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line)}.catstrip .k{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catstrip button[aria-pressed=true] .k{color:var(--accent-ink)}.catstrip .v{font-family:var(--serif);font-size:19px;line-height:1.2;font-variant-numeric:tabular-nums;margin-top:1px}.catstrip .v small{font-family:var(--sans);font-size:11px;color:var(--ink-3);margin-left:3px}.catstrip .s{font-size:11.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}.catstrip .leeg{color:var(--ink-3)}.totals{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;margin:14px 0}.tot{flex:1 1 150px;padding:11px 16px;border-right:1px solid var(--line);min-width:0}.tot:last-child{border-right:0}.tot .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3)}.tot .v{font-family:var(--serif);font-size:23px;line-height:1.2;font-variant-numeric:tabular-nums}.tot .v small{font-size:12px;font-family:var(--sans);color:var(--ink-3);margin-left:3px}button.tot{font:inherit;color:inherit;text-align:left;background:none;cursor:pointer;border:0;border-right:1px solid var(--line);display:block;width:auto}button.tot:last-child{border-right:0}button.tot .k:after{content:" ›";letter-spacing:0;font-size:12px;vertical-align:-1px}button.tot:hover,button.tot:focus-visible{background:var(--accent-soft)}button.tot:hover .k,button.tot:focus-visible .k{color:var(--accent-ink)}.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.bar .spacer{flex:1}.field{display:flex;flex-direction:column;gap:3px;min-width:0}.field label{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.field .hint{font-size:11.5px;color:var(--ink-3)}input[type=text],input[type=number],input[type=search],input[type=email],input[type=password],select,textarea{background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;padding:8px 10px;min-width:0;min-height:var(--tap);width:100%}input[type=search]{min-width:220px}.bar select{width:auto;max-width:200px}textarea{resize:vertical}.chip{border:1px solid var(--line-strong);background:var(--surface);border-radius:100px;padding:7px 13px;font-size:12.5px;color:var(--ink-2);min-height:34px}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink);font-weight:500}.btn{border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;padding:8px 14px;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.35;color:var(--ink);min-height:var(--tap)}.btn:hover{border-color:var(--ink-3)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.btn.primary:hover{filter:brightness(1.12)}.btn.ghost{border-color:transparent;color:var(--ink-2)}.btn.danger{color:var(--crit);border-color:var(--crit)}.btn.small{min-height:32px;padding:5px 11px;font-size:12.5px}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.tablewrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.tablewrap>*:first-child{border-radius:var(--radius) var(--radius) 0 0}.tablewrap>*:last-child{border-radius:0 0 var(--radius) var(--radius);border-bottom:0}.thead,.row{display:grid;grid-template-columns:minmax(220px,1fr) 118px 62px 168px 92px 96px 34px;align-items:center;gap:10px;padding:8px 14px}.thead{background:var(--surface-2);border-bottom:1px solid var(--line);position:sticky;top:53px;z-index:20}.thead button{background:none;border:0;padding:0;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);text-align:left;display:flex;gap:4px;align-items:center;min-height:0}.thead button:hover{color:var(--ink)}.thead .r{justify-content:flex-end;text-align:right}.thead .sortmark{color:var(--accent-ink)}.row{border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row:hover{background:var(--surface-2)}.row.archief{opacity:.6}.grouphead{padding:13px 14px 7px;border-bottom:1px solid var(--line);background:var(--surface)}.grouphead.cat{background:var(--surface-3);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line)}.grouphead.cat h3{font-size:16px;letter-spacing:.02em}.grouphead.cat .meta{margin-left:auto;font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}.grouphead.geo{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);padding:10px 14px 4px;border-bottom:0}.grouphead.geo b{color:var(--ink-2);font-weight:500}.wname{min-width:0}.wname .n{font-family:var(--serif);font-size:15.5px;line-height:1.25;color:var(--ink)}.wname .m{font-size:11.5px;color:var(--ink-3);display:flex;gap:7px;flex-wrap:wrap;margin-top:1px;align-items:center}.wname .m .vintage{font-family:var(--mono);color:var(--ink-2)}.cell-r{text-align:right;font-variant-numeric:tabular-nums}.lev{font-size:12.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rijchip{font-family:var(--mono);font-size:11.5px;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--ink-2);white-space:nowrap}.stepper{display:grid;grid-template-columns:34px 40px 34px auto;align-items:center;gap:4px}.stepper button{width:34px;height:34px;justify-self:stretch;border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;line-height:1;font-size:17px;color:var(--ink-2);padding:0}.stepper button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper .boek{width:auto;justify-self:start;padding:0 9px;font-size:12px}.stepper .qty{text-align:center;font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.stepper .qty.zero{color:var(--ink-3);font-weight:400}.stepper .qty.low{color:var(--warn)}.stepper.ro{grid-template-columns:40px}.flagdot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--warn);vertical-align:middle;margin-left:5px}.more{border:1px solid transparent;background:none;color:var(--ink-3);border-radius:5px;padding:2px 6px;font-size:16px;min-height:34px;min-width:34px}.more:hover{background:var(--surface-3);color:var(--ink)}.empty{padding:34px 18px;text-align:center;color:var(--ink-3)}.empty p{max-width:44ch;margin:6px auto 0}.notice{border:1px solid var(--line);border-left:3px solid var(--warn);background:var(--warn-soft);border-radius:var(--radius);padding:11px 14px;margin-bottom:14px;font-size:13px}.notice.crit{border-left-color:var(--crit);background:var(--crit-soft)}.notice.info{border-left-color:var(--gold);background:var(--surface-2)}.notice h3{font-size:14px;margin-bottom:3px}.notice p{margin:0}.linkish{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px;background:none;border:0;padding:0;cursor:pointer}.tag{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line-strong);border-radius:100px;padding:1px 8px;color:var(--ink-2);white-space:nowrap}.tag.warn{border-color:var(--warn);color:var(--warn);background:var(--warn-soft)}.tag.crit{border-color:var(--crit);color:var(--crit);background:var(--crit-soft)}.tag.ok{border-color:var(--ok);color:var(--ok);background:var(--ok-soft)}.tag.acc{border-color:var(--accent-line);color:var(--accent-ink);background:var(--accent-soft)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px;margin-bottom:16px}.panel>h2{font-size:18px;margin-bottom:3px}.panel .lede{color:var(--ink-2);font-size:13px;margin:0 0 14px;max-width:70ch}.sublist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.sublist li{display:flex;gap:10px;align-items:flex-start;font-size:13px;padding-bottom:7px;border-bottom:1px solid var(--line)}.sublist li:last-child{border-bottom:0;padding-bottom:0}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:18px;z-index:200;display:flex;flex-direction:column;gap:8px;width:min(520px,92vw)}.toast{padding:10px 14px;border-radius:8px;font-size:13px;box-shadow:var(--shadow);background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);display:flex;gap:10px;align-items:flex-start}.toast.fout{background:var(--crit-soft);border-color:var(--crit);color:var(--crit)}.toast button{margin-left:auto;background:none;border:0;color:inherit;font-size:16px;line-height:1;padding:0 2px}.scrim{position:fixed;inset:0;background:#23121080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal{background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;box-shadow:var(--shadow);width:min(540px,100%);max-height:90vh;overflow:auto;display:flex;flex-direction:column}.modal-h{padding:16px 18px 10px;border-bottom:1px solid var(--line)}.modal-h h2{font-size:19px}.modal-h p{margin:3px 0 0;font-size:12.5px;color:var(--ink-3)}.modal-b{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.modal-f{padding:12px 18px 16px;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.modal-f .links{margin-right:auto;display:flex;gap:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radios{display:flex;gap:6px;flex-wrap:wrap}.radios label{border:1px solid var(--line-strong);border-radius:100px;padding:7px 13px;font-size:12.5px;cursor:pointer;color:var(--ink-2);position:relative;min-height:34px;display:inline-flex;align-items:center}.radios input{position:absolute;opacity:0;width:0;height:0}.radios label:has(input:checked){background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink);font-weight:500}.radios label:has(input:focus-visible){outline:2px solid var(--accent-ink);outline-offset:2px}.preview{font-size:13px;color:var(--ink-2)}.preview b{color:var(--ink)}.checkrow{display:flex;gap:8px;align-items:center;font-size:13px}.checkrow input{width:18px;height:18px;accent-color:var(--accent)}.detaillijst{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13px}.detaillijst dt{color:var(--ink-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding-top:2px}.detaillijst dd{margin:0}.logrow{display:grid;grid-template-columns:118px 1fr 118px 96px 110px;gap:12px;padding:8px 14px;border-bottom:1px solid var(--line);font-size:13px;align-items:baseline}.logrow:last-child{border-bottom:0}.logrow .ts{font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}.logrow .mv{font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:12.5px}.logrow.head{background:var(--surface-2);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.logrow .wat b{font-family:var(--serif);font-weight:500;font-size:14px}.logrow .wat small{display:block;color:var(--ink-2);font-size:12px}.delta.pos{color:var(--ok)}.delta.neg{color:var(--crit)}.login{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.login .kaart{width:min(400px,100%);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:26px 24px}.login h1{font-size:28px}.login .sub{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin:2px 0 18px}.login form{display:flex;flex-direction:column;gap:12px}.login .btn{width:100%}.login .voet{margin-top:14px;font-size:12px;color:var(--ink-3)}.laadbalk{height:2px;background:var(--accent);position:fixed;top:0;left:0;right:0;z-index:60;animation:laad 1.2s ease-in-out infinite;transform-origin:left}@keyframes laad{0%{transform:scaleX(0)}50%{transform:scaleX(.7)}to{transform:scaleX(1);opacity:0}}@media (max-width:640px){.top-in{padding:9px 14px;gap:9px}.brand h1{font-size:19px}.brand .sub{display:none}.totals{display:grid;grid-template-columns:1fr 1fr;margin:12px 0 10px}.tot,button.tot{padding:8px 12px;border-bottom:1px solid var(--line);width:100%}.tot:nth-child(2n){border-right:0}.tot:nth-last-child(-n+1){border-bottom:0}.tot .k{font-size:9.5px;letter-spacing:.09em}.tot .v{font-size:19px}.tot .v small{display:block;margin:0;font-size:11px}.notice{padding:9px 12px}.notice h3{font-size:13px}.panel{padding:13px}.catstrip{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.catstrip button{padding:7px 8px}.catstrip .k{font-size:9px}.catstrip .v{font-size:16px}.catstrip .s{font-size:10.5px}input[type=search]{min-width:0;flex:1 1 100%}.grid2{grid-template-columns:1fr}.modal{max-height:100vh;border-radius:10px 10px 0 0}.scrim{align-items:flex-end;padding:0}}.margebar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.margebar .lab{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.margebar input[type=text]{width:86px;text-align:right}.metverkoop .thead,.metverkoop .row{grid-template-columns:minmax(190px,1fr) 104px 56px 150px 88px 104px 92px 34px}.verkoopcell{text-align:right;font-variant-numeric:tabular-nums;color:var(--gold)}.verkoopcell b{font-weight:600;font-size:14px}.verkoopcell small{display:block;font-size:11px;color:var(--ink-3);font-weight:400}.goudcol{color:var(--gold)}.scen{display:flex;gap:5px;flex-wrap:wrap;font-size:11px;color:var(--ink-3);margin-top:3px;font-variant-numeric:tabular-nums}.scen b{font-weight:500;color:var(--ink-2)}.scen .scenlab{text-transform:uppercase;letter-spacing:.09em;font-size:9.5px;color:var(--ink-3);border:1px solid var(--line);border-radius:3px;padding:0 4px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:15px 16px;margin-bottom:14px}.panel h2{font-size:17px;margin-bottom:4px}.panel .lede{font-size:13px;color:var(--ink-2);max-width:78ch;margin-bottom:12px}.panel input[type=file]{font-size:13px;max-width:100%}.vkrow{display:grid;grid-template-columns:32px minmax(180px,1fr) 74px minmax(240px,1.2fr) 150px;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);align-items:center}.vkrow:last-child{border-bottom:0}.vkrow.head{background:var(--surface-2);border-bottom:1px solid var(--line);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);position:sticky;top:53px;z-index:20}.vkrow.uit{opacity:.55}.vkrow .vkart b{font-family:var(--serif);font-size:14.5px;font-weight:500;display:block}.vkrow .vkart small{display:block;font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.vkrow .vkaantal{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.vkrow .vkwijn{display:flex;flex-direction:column;gap:4px;min-width:0}.vkrow .vkwijn select{width:100%;max-width:100%}.vkonthoud{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink-3)}.vkrow .vkstatus{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.vkrow .vkstatus .linkish{font-size:11.5px}.vsrow{display:grid;grid-template-columns:minmax(200px,1fr) 150px 96px 130px 190px;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);align-items:center}.vsrow:last-child{border-bottom:0}.vsrow.head{background:var(--surface-2);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);position:sticky;top:53px;z-index:20}.vsrow .vswijn b{font-family:var(--serif);font-size:14.5px;font-weight:500;display:block}.vsrow .vswijn small{display:block;font-size:11.5px;color:var(--ink-3)}.vsrow .vswat{font-variant-numeric:tabular-nums}.vsrow .vswat .delta{font-weight:600}.vsrow .vswat .delta.neg{color:var(--crit)}.vsrow .vswat .delta.pos{color:var(--gold)}.vsrow .vswat small{display:block;font-size:11.5px;color:var(--ink-3)}.vsrow .vsknop{display:flex;gap:6px;justify-content:flex-end}.tag.ok{border-color:var(--gold);color:var(--gold)}.telblok{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:16px;overflow:hidden}.telblok header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 14px;background:var(--surface-3);border-bottom:1px solid var(--line)}.telblok header h3{font-size:16px;letter-spacing:.02em}.telblok header .levmail{font-size:11.5px;color:var(--ink-3)}.telblok header .meta{margin-left:auto;font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}.telblok header .meta b{color:var(--accent-ink);font-weight:600}.bestelrow{display:grid;grid-template-columns:30px minmax(180px,1fr) 58px 52px 78px 84px 92px 62px;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);align-items:center}.bestelrow:last-child{border-bottom:0}.bestelrow.head{background:var(--surface-2);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.bestelrow.uit{opacity:.45}.bestelrow .bnaam b{font-family:var(--serif);font-size:14.5px;font-weight:500}.bestelrow .bnaam .vintage{font-size:12px;color:var(--ink-3)}.bestelrow input[type=number]{width:100%;text-align:right;padding:5px 7px;min-height:32px}@media print{.noprint,.top,.tabs,.toasts{display:none!important}.telblok{break-inside:avoid;border-color:#999}body{background:#fff}}.notice .puntjes{margin:0;padding-left:18px;display:grid;gap:5px}.notice .puntjes li{line-height:1.45}.kaart{margin-top:16px;font-family:"Yu Gothic","YuGothic","Yu Gothic UI",var(--sans);color:var(--ink)}.kaartblad{margin-bottom:38px}.kaartkop{font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-align:right;margin:0 0 20px;padding-bottom:8px;border-bottom:1px solid var(--line);color:var(--accent-ink)}.kaartstreek{margin:0 0 20px}.streekkop{font-size:12px;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-2);margin:0 0 9px;padding-left:2.5%}.kw{display:grid;grid-template-columns:27.78% 62.49% 9.73%;column-gap:0;row-gap:1px;align-items:baseline;padding:4px 0;line-height:1.45}.kw+.kw{margin-top:7px}.kw-app{text-align:right;padding-right:14px;font-size:12px;letter-spacing:.03em;color:var(--ink-2);text-transform:uppercase}.kw-naam{font-size:12.5px;letter-spacing:.02em}.kw-prijs{text-align:right;font-size:12.5px;font-variant-numeric:tabular-nums}.kw-stijl{text-align:right;padding-right:14px;font-size:12px;color:var(--ink-2)}.kw-druiven{font-size:12px;color:var(--ink-2)}.kw-na{text-align:right}.kw .voorstelmerk{font-family:var(--sans);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid var(--accent-line);border-radius:3px;padding:1px 4px}.kw.weg>div{text-decoration:line-through;text-decoration-thickness:1px;color:var(--ink-3)}.kaarttitel{text-align:right;margin-bottom:30px}.kaarttitel h1{font-family:var(--serif);font-size:40pt;font-weight:400;margin:0;letter-spacing:.04em}.kaarttitel p{margin:6px 0 0;font-size:12px;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase}@media print{@page{size:A4;margin:2.5cm}.kaart{font-size:9pt;color:#000}.kaartblad{break-before:page;page-break-before:always;margin:0}.kaartblad:first-of-type{break-before:auto;page-break-before:auto}.kaartkop{border:0;color:#000;font-size:11pt;margin:0 0 14pt;padding:0}.streekkop{color:#000;font-size:9pt;margin:0 0 6pt}.kaartstreek{margin:0 0 14pt}.kw{padding:0;row-gap:0;break-inside:avoid;page-break-inside:avoid}.kw+.kw{margin-top:8pt}.kw-app,.kw-stijl{font-size:9pt;color:#000;padding-right:10pt}.kw-naam,.kw-prijs,.kw-druiven{font-size:9pt;color:#000}.kw.weg>div{color:#000}.kaarttitel{break-after:page;page-break-after:always}}.subtabs{display:flex;gap:2px;margin:0 0 14px;border-bottom:1px solid var(--line)}.subtab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:9px 14px;font:inherit;font-size:13.5px;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;gap:7px}.subtab:hover{color:var(--ink)}.subtab.aan{color:var(--accent-ink);border-bottom-color:var(--accent-ink);font-weight:600}.telbol{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--surface-3);color:var(--ink-2);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.telbol.warn{background:var(--warn-soft);color:var(--warn-ink)}.werkblad{display:grid;grid-template-columns:220px minmax(0,1fr) 330px;gap:16px;margin-top:16px;align-items:start}.streeklijst{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:8px;max-height:72vh;overflow:auto;position:sticky;top:12px}.streekgroep+.streekgroep{margin-top:12px}.streekcat{font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);padding:6px 8px 4px}.streekknop{display:flex;align-items:center;gap:8px;width:100%;text-align:left;appearance:none;background:none;border:0;border-radius:6px;padding:6px 8px;font:inherit;font-size:13px;color:var(--ink-2);cursor:pointer}.streekknop:hover{background:var(--surface-3);color:var(--ink)}.streekknop.aan{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.streekknop .sn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streekknop .sa{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.werkkaart{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.werkkop{font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 14px;color:var(--accent-ink)}.werkkop .muted{letter-spacing:.06em}.werkhint{font-size:12.5px;line-height:1.5;color:var(--ink-2);max-width:62ch;margin:-6px 0 14px;border-left:2px solid var(--accent-line);padding-left:11px}.werkvoorbeeld{margin-top:0}.kiesregel{display:block;width:100%;appearance:none;background:none;border:0;border-radius:6px;padding:2px 6px;font:inherit;text-align:left;cursor:pointer;color:inherit}.kiesregel:hover{background:var(--surface-2)}.kiesregel.aan{background:var(--accent-soft);outline:1px solid var(--accent-line)}.kiesregel{scroll-margin:120px}.werkpaneel{position:sticky;top:12px}.paneelleeg{background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--radius);padding:18px;font-size:13px;color:var(--ink-3)}.paneelleeg p{margin:0 0 6px}.invulblok{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.invulblok.compact{border:0;border-top:1px solid var(--line);border-radius:0;padding:12px 0 0;margin-top:10px;background:none}.invulkop{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.invulkop b{font-family:var(--serif);font-size:15px;font-weight:500}.invulkop .muted{font-size:11.5px}.invulvelden{display:flex;flex-wrap:wrap;gap:10px}.invulvelden .field{flex:1;min-width:140px}.invulvelden .field.breed{flex-basis:100%}.invulvelden input{width:100%}.invulvelden small{display:block;font-size:11px;color:var(--ink-3);margin-top:3px;line-height:1.35}.invulknoppen{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.soortfilter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.soortknop{appearance:none;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font:inherit;font-size:12.5px;color:var(--ink-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.soortknop:hover{color:var(--ink);border-color:var(--ink-3)}.soortknop.aan{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink);font-weight:600}.controles{margin-top:16px;display:grid;gap:14px}.cgroep{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 12px}.cgroep.hoog{border-color:var(--warn-ink);border-left-width:3px}.cgroepkop{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.cgroepkop h3{font-size:14.5px;font-weight:600;margin:0;letter-spacing:.01em}.cgroep.hoog .cgroepkop h3{color:var(--warn-ink)}.cmerk{margin-left:auto;font-size:10.5px;text-transform:uppercase;letter-spacing:.11em;color:var(--ink-3)}.cgroep.hoog .cmerk{color:var(--warn-ink)}.cuitleg{margin:7px 0 12px;font-size:13px;line-height:1.5;color:var(--ink-2);max-width:82ch}.crijen{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.crijen li{border-bottom:1px solid var(--line)}.crijen li.aan{background:var(--surface-2)}.crij{display:flex;align-items:baseline;gap:12px;padding:7px 2px;flex-wrap:wrap}.cnaam{font-family:var(--serif);font-size:14.5px;font-weight:500;flex:0 1 auto;min-width:0;appearance:none;background:none;border:0;padding:0;text-align:left;color:inherit;cursor:pointer;border-bottom:1px solid transparent}.cnaam:hover{color:var(--accent-ink);border-bottom-color:var(--accent-line)}.cmeta{font-size:12px;color:var(--ink-3);flex:1 1 auto;min-width:0}.cknoppen{display:flex;gap:12px;align-items:center;margin-left:auto;white-space:nowrap}.cmeer{margin-top:10px;font-size:12.5px}.cvoet{margin:10px 0 0;font-size:12px;color:var(--ink-3)}.cgroep .invulblok.compact{border-top:0;padding:0 2px 12px;margin-top:0}.afgevinktvoet{margin:4px 2px 0;font-size:12px}@media screen and (max-width:1100px){.werkblad{grid-template-columns:180px minmax(0,1fr)}.werkpaneel{grid-column:1 / -1;position:static}}@media screen and (max-width:760px){.werkblad{grid-template-columns:1fr}.streeklijst{position:static;max-height:230px}.kw{grid-template-columns:30% 55% 15%;column-gap:0;padding:3px 0}.kw+.kw{margin-top:9px}.kw-app,.kw-stijl{padding-right:7px;font-size:10.5px}.kw-naam,.kw-prijs,.kw-druiven{font-size:11px}.kw-naam,.kw-app,.kw-druiven,.kw-stijl{overflow-wrap:anywhere}.streekkop{letter-spacing:.22em;padding-left:0}}.kopregels{display:flex;flex-wrap:wrap;gap:6px 26px;font-size:13px;color:var(--ink-2)}.kopregels b{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:600}.facrow{display:grid;grid-template-columns:minmax(190px,1.2fr) 74px 104px minmax(200px,1fr) 100px;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);align-items:start}.facrow:last-child{border-bottom:0}.facrow.head{background:var(--surface-2);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);align-items:center}.facrow.losse{background:var(--warn-soft)}.facrow .facnaam b{font-family:var(--serif);font-size:14.5px;font-weight:500}.facrow .facnaam .vintage{font-size:12px;color:var(--ink-3)}.facrow .factags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.facrow input[type=number],.facrow input[type=text]{width:100%;text-align:right;padding:5px 7px;min-height:32px;font-variant-numeric:tabular-nums}.facrow .facwijn select{width:100%}.facrow .facwijn small{display:block;font-size:11.5px;color:var(--ink-3);margin-top:3px}.facrow .facwijn .jaargangnoot{margin-top:5px;padding:5px 8px;border-left:2px solid var(--gold);background:var(--surface-2);border-radius:0 4px 4px 0;color:var(--ink-2);line-height:1.45}.facrow .facwijn .jaargangnoot b{color:var(--ink);font-weight:600}.facrow .facwijn .jaargangnoot .linkish{font-size:11.5px}.facrow .facaan{display:grid;gap:3px}.facrow .facaan label{display:flex;gap:5px;align-items:center;font-size:12.5px;color:var(--ink-2)}.telrow{display:grid;grid-template-columns:minmax(180px,1fr) 78px 150px 96px minmax(120px,.8fr);gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);align-items:center}.telrow:last-child{border-bottom:0}.telrow.head{background:var(--surface-2);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.telrow.klopt{background:var(--ok-soft)}.telrow.afwijking{background:var(--warn-soft)}.telrow .tnaam b{font-family:var(--serif);font-size:14.5px;font-weight:500}.telrow .tnaam .vintage{font-size:12px;color:var(--ink-3)}.telrow .verwacht{font-variant-numeric:tabular-nums;color:var(--ink-2)}.telinvoer{display:flex;gap:5px;align-items:center}.telinvoer input[type=number]{width:74px;text-align:right;font-size:16px;font-variant-numeric:tabular-nums}.telinvoer .klopt-knop{border:1px solid var(--line-strong);color:var(--ink-3);padding:5px 8px}.telrow .delta{font-weight:600;font-variant-numeric:tabular-nums}.telrow .delta.pos{color:var(--gold)}.telrow .delta.neg{color:var(--crit)}.telrow .delta small{display:block;font-weight:400;font-size:11px;color:var(--ink-3)}.telrow .opm input{padding:6px 8px;min-height:32px;font-size:12.5px}.telkop h2{font-size:17px}.telkop p{font-size:11px;margin:2px 0 10px}.printonly{display:none}.telbox{display:none;border-bottom:1px solid #999;min-height:18px;min-width:56px}@media print{.printonly,.telbox{display:block}.telrow{grid-template-columns:1fr 70px 70px 70px 1fr;page-break-inside:avoid}.telrow.klopt,.telrow.afwijking{background:none}}@media (max-width:880px){.thead{display:none}.row{grid-template-columns:1fr auto;gap:6px 12px;padding:11px 13px;position:relative}.row .lev{grid-column:1;font-size:12px}.row .rijcell{grid-column:2;grid-row:2;text-align:right}.row .stepcell{grid-column:2;grid-row:1;justify-self:end}.row .pricecell,.row .valcell{font-size:12px;color:var(--ink-2)}.row .pricecell{grid-column:1;grid-row:3}.row .valcell{grid-row:3;grid-column:2;text-align:right}.row .verkoopcell{grid-row:4;grid-column:1;text-align:left}.row .verkoopcell small{display:inline;margin-left:4px}.metverkoop .row{grid-template-columns:1fr auto}.row .actcell{position:absolute;right:6px;bottom:6px}.vkrow{grid-template-columns:28px 1fr auto;gap:4px 10px}.vkrow.head{display:none}.vkrow .vkaantal{grid-column:3;grid-row:1}.vkrow .vkwijn{grid-column:2/-1;grid-row:2}.vkrow .vkstatus{grid-column:2/-1;grid-row:3;flex-direction:row;gap:10px;align-items:center}.vsrow{grid-template-columns:1fr auto;gap:4px 10px}.vsrow.head{display:none}.vsrow .vswat{grid-column:2;grid-row:1;text-align:right}.vsrow .vsknop{grid-column:1/-1;grid-row:3;justify-content:flex-start}.bestelrow{grid-template-columns:28px 1fr auto auto;gap:4px 10px}.bestelrow.head{display:none}.bestelrow .bnaam{grid-column:2/-1}.bestelrow .cell-r:nth-of-type(n){font-size:12px}.facrow{grid-template-columns:1fr 74px 104px;gap:5px 10px;padding:11px 13px}.facrow.head{display:none}.facrow .facnaam{grid-column:1/-1;grid-row:1}.facrow .facaantal{grid-column:2;grid-row:2}.facrow .facprijs{grid-column:3;grid-row:2}.facrow .facaantal:before{content:"flessen";display:block;font-size:10.5px;color:var(--ink-3);text-align:right}.facrow .facprijs:before{content:"prijs excl.";display:block;font-size:10.5px;color:var(--ink-3);text-align:right}.facrow .facwijn{grid-column:1/-1;grid-row:3}.facrow .facaan{grid-column:1/-1;grid-row:4;display:flex;gap:16px}.telblok header .meta{margin-left:0;width:100%}.telrow{grid-template-columns:1fr auto;gap:5px 10px;padding:10px 13px}.telrow.head{display:none}.telrow .verwacht{grid-column:1;grid-row:2;font-size:12px}.telrow .verwacht:before{content:"verwacht ";color:var(--ink-3)}.telrow .telinvoer{grid-column:2;grid-row:1/3;justify-self:end;align-self:center}.telrow .delta{grid-column:1;grid-row:3;text-align:left}.telrow .delta small{display:inline;margin-left:6px}.telrow .opm{grid-column:1/-1;grid-row:4}.logrow{grid-template-columns:1fr auto auto;gap:2px 12px}.logrow .ts,.logrow .wat{grid-column:1/-1}.logrow.head{display:none}.logrow .wie{grid-column:1;font-size:12px;color:var(--ink-2)}.logrow .mv{grid-column:2}.logrow .bron{grid-column:3;text-align:right;font-size:12px;color:var(--ink-3)}}.beheerlijst{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:14px}.beheerrij{display:grid;grid-template-columns:minmax(180px,1fr) minmax(200px,1.1fr);gap:12px;padding:11px 14px;border-bottom:1px solid var(--line);align-items:start}.beheerrij:last-child{border-bottom:0}.beheerrij .bnaam{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.beheerrij .bnaam b{font-family:var(--serif);font-size:15px;font-weight:500}.beheerrij .bnaam small,.beheerrij .brol small{display:block;width:100%;font-size:11.5px;color:var(--ink-3);line-height:1.45}.beheerrij .brol{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.beheerrij .brol select{min-width:140px}.beheerrij .bnaam input{width:100%}.beheerblok{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.beheerblok h3{font-family:var(--serif);font-size:16px;font-weight:500;margin:0 0 4px}.beheerblok .muted{margin:0 0 10px;line-height:1.5;max-width:70ch}.rijknop{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.rijknop input{flex:1;min-width:200px}.rijknop select{flex:0 0 auto;min-width:150px}.rijknop .btn{flex:0 0 auto}.schakel{display:flex;gap:10px;align-items:flex-start;cursor:pointer;margin:4px 0 8px}.schakel input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);flex:none}.schakel span{font-size:14px;line-height:1.45}@media (max-width:640px){.beheerrij{grid-template-columns:1fr;gap:8px}}.gezondlijst{list-style:none;margin:0;padding:0;display:grid;gap:9px}.gezondlijst li{font-size:13.5px;line-height:1.5;color:var(--ink-2);padding-left:16px;position:relative;max-width:78ch}.gezondlijst li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--gold)}