:root{--bg: #f3f5ee;--surface: #ffffff;--surface-2: #e8eddf;--line: #d3dbc5;--fg: #2e2a22;--muted: #6b6658;--brand: #6f4a2c;--leaf: #5d7f3a;--leaf-soft: #dfe9cf;--peach: #f8e3d2;--peach-fg: #7a4a26;--done: #2f7a4a;--done-soft: #d7eedd;--warn: #a2581b;--warn-soft: #f7e2cf;--err: #9b2c2c;--err-soft: #f6dada;--f-display: "Young Serif", Georgia, "Times New Roman", serif;--f-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--r: 10px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #191c16;--surface: #22261e;--surface-2: #2b3025;--line: #3a4132;--fg: #ece8de;--muted: #a8a493;--brand: #e0b48c;--leaf: #a3c77a;--leaf-soft: #2f3a24;--peach: #3b2c22;--peach-fg: #f0c9a6;--done: #7fcf97;--done-soft: #1f3a29;--warn: #f0a868;--warn-soft: #3d2a1a;--err: #f2a0a0;--err-soft: #3d1f1f;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.45;-webkit-text-size-adjust:100%}[hidden]{display:none!important}a{color:var(--leaf)}button,select,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--leaf);outline-offset:2px}img{max-width:100%}.wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}main.wrap{padding-block:16px 40px}h2{font-family:var(--f-display);font-weight:400;font-size:22px;margin:0;text-wrap:balance}.sub{color:var(--muted);margin:2px 0 0}.klein{font-size:12px}.label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;display:block;margin-bottom:6px}section{margin-top:18px}header{position:sticky;top:0;z-index:5;background:var(--surface);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding-block:8px}.brand{font-family:var(--f-display);font-size:24px;color:var(--brand);line-height:1;background:none;border:0;padding:0;text-align:left}.brand small{display:block;font-family:var(--f-body);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px}.brand.groot{font-size:34px;margin-bottom:12px}nav{display:flex;gap:2px;overflow-x:auto}nav a{padding:10px 12px;border-bottom:3px solid transparent;color:var(--muted);font-weight:600;white-space:nowrap;text-decoration:none}nav a.active{color:var(--fg);border-bottom-color:var(--leaf)}.count{display:inline-block;min-width:20px;padding:0 6px;margin-left:6px;border-radius:10px;background:var(--peach);color:var(--peach-fg);font-size:12px;text-align:center}.uitloggen{margin-left:auto}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px 14px;font-weight:600;text-decoration:none;color:var(--fg)}.btn.primary{background:var(--leaf);border-color:var(--leaf);color:var(--surface)}.btn.done{background:var(--done);border-color:var(--done);color:var(--surface)}.btn.small{padding:6px 10px;font-size:13px}.btn.groot{width:100%;justify-content:center;padding:16px;font-size:17px;margin-top:20px}.btn:disabled{opacity:.6;cursor:default}.file{position:relative;overflow:hidden}.file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.back{display:none;margin-bottom:8px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.row.tussen{justify-content:space-between}.pills,.codes{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.pill{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--leaf-soft);color:var(--fg);white-space:nowrap}.pill.none{background:var(--surface-2);color:var(--muted)}.pill.done{background:var(--done-soft);color:var(--done)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.codebtn{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:2px 8px;font-size:13px;font-weight:600}.codebtn:hover{border-color:var(--leaf)}input,select,textarea{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 11px}textarea{width:100%;resize:vertical}input.kort{width:90px}.search{width:100%;margin-top:8px}.check{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:14px}.veld{display:flex;flex-direction:column;font-size:12px;color:var(--muted);gap:2px}.veld input{width:150px}.melding{background:var(--peach);color:var(--peach-fg);border-radius:8px;padding:10px 14px;margin:10px 0}.melding.fout{background:var(--err-soft);color:var(--err)}.note{background:var(--peach);color:var(--peach-fg);border-radius:8px;padding:10px 14px;margin-top:10px;white-space:pre-line}.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);padding:24px;color:var(--muted);list-style:none}.laden{padding:20px 0}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:8px;font-weight:600;z-index:20;max-width:90vw}.login{display:grid;place-items:center;min-height:80vh}.login form{width:min(400px,100%);display:flex;flex-direction:column;gap:8px}.split{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:16px;align-items:start}.lijst{position:sticky;top:76px}.klist,.stops{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:calc(100vh - 230px);overflow:auto}.kkbtn{width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column}.kkbtn span{color:var(--muted);font-size:13px}.kkbtn[aria-current=true],.stop[aria-current=true]{border-color:var(--leaf);box-shadow:0 0 0 1px var(--leaf)}.stop{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px}.stop .n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-weight:700;font-size:13px}.stop .t{min-width:0}.stop .t b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop .t span{color:var(--muted);font-size:13px}.detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;min-width:0}.d-head{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}.d-head h2{font-size:26px}.addr{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:6px}.kgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:16px}.kbox{border:1px solid var(--line);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0;margin-top:0}section.kbox{margin-top:12px}.kgrid section.kbox{margin-top:0}.velden{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.velden p{margin:0;white-space:pre-line}table{border-collapse:collapse;width:100%}th,td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;background:var(--surface-2)}table.mini{font-size:14px}.mini th,.mini td{padding:5px 6px}.mini tfoot td{border-bottom:0}.tablebox{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.tablebox table{min-width:900px}tr.grijs{opacity:.5}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.th{margin:0;display:flex;flex-direction:column;gap:4px;min-width:0;text-decoration:none;color:inherit}.th figcaption{font-size:12px;font-weight:600}.lbl{padding:5px 8px;font-size:13px;width:100%}.hrow{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding-block:10px;border-top:1px solid var(--line)}.hdate{font-weight:600}.ph{aspect-ratio:3 / 4;max-width:100%;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);font-size:13px;border-radius:8px;overflow:hidden;position:relative}.ph.klein{aspect-ratio:1}.ph img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;cursor:zoom-in}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.item{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;background:var(--surface)}.item .ph{border-radius:0;aspect-ratio:4 / 3}.item .meta{padding:8px 10px;display:flex;flex-direction:column;gap:6px}.code{font-weight:700;font-size:16px}.size{color:var(--muted);font-size:12px}.start-head{margin-bottom:14px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.tile{display:flex;flex-direction:column;gap:6px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--fg)}.tile:hover{border-color:var(--leaf)}.tile-t{font-family:var(--f-display);font-size:24px;color:var(--brand)}.tile-d{color:var(--muted);font-size:14px}.tile-m{font-size:13px;font-weight:600;margin-top:6px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.types{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:16px}.type{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:10px}.type h3{margin:0;font-family:var(--f-display);font-weight:400;font-size:24px;display:flex;justify-content:space-between;align-items:baseline}.type h3 span{font-family:var(--f-body);font-size:13px;color:var(--muted)}.kv{display:grid;grid-template-columns:1fr auto;gap:2px 12px;font-size:14px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0;text-align:right}.prices{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;text-align:center;font-size:12px}.prices div{background:var(--surface-2);border-radius:6px;padding:4px 0}.prices b{display:block;font-size:14px}.stuk-grid{display:grid;grid-template-columns:minmax(160px,260px) minmax(0,1fr);gap:16px}.inbox{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}.card .ph{border-radius:0;aspect-ratio:4 / 3}.card .meta{padding:12px;display:flex;flex-direction:column;gap:8px}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#141410e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px}.zoom img{max-width:100%;max-height:80vh;border-radius:var(--r)}.zoom figure{margin:0;text-align:center}.zoom figcaption{color:#fff;font-weight:700;font-size:18px;margin-top:8px}@media (max-width: 820px){.split{grid-template-columns:minmax(0,1fr)}.split.heeft-keuze .lijst{display:none}.split:not(.heeft-keuze) .detail{display:none}.lijst{position:static}.klist,.stops{max-height:none}.back{display:inline-flex}.hrow,.stuk-grid{grid-template-columns:minmax(0,1fr)}}@media print{header,.toolbar .row,.btn{display:none!important}body{background:#fff;color:#000}.tablebox{border:0}.tablebox table{min-width:0;font-size:11px}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.stappen{margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:4px}.progress{height:10px;border-radius:5px;background:var(--surface-2);overflow:hidden;margin:12px 0 4px}.progress i{display:block;height:100%;background:var(--done);transition:width .3s}.kv.breed{max-width:420px;margin:10px 0}code{background:var(--surface-2);padding:1px 5px;border-radius:4px;font-size:13px}details{margin:6px 0}.stuk h2,.type h3{font-family:var(--f-body);font-weight:700;font-variant-numeric:tabular-nums}.tussentijds{margin-top:12px;display:grid;gap:8px}.tussentijds .veld{max-width:220px}.nieuwstuk{margin-bottom:16px}.nieuwstuk .velden{display:grid;gap:10px;align-content:start}.nieuwstuk .veld{display:grid;gap:4px}.voorbeeld{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--r);margin-bottom:8px;display:block}.voorbeeld.leeg{display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}.beschikbaar{margin-bottom:12px}.beschikbaar summary{cursor:pointer}.beschikbaar-rij{display:grid;gap:4px}.codebtn.bezet{opacity:.55}.codebtn.actief{outline:2px solid var(--leaf)}.keuze{margin-top:6px}.keuze input{width:150px}.tabs,.filters{margin:8px 0;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--fg)}.chip b{margin-left:4px}.chip.aan{background:var(--fg);color:var(--surface);border-color:var(--fg)}.voorraad{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:8px}.vtegel{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;min-width:0}.vtegel.st-vrij{border-top-color:var(--done)}.vtegel.st-bij_klant{border-top-color:var(--warn)}.vtegel.st-ingepland{border-top-color:var(--peach-fg)}.vtegel.st-niet_actief{opacity:.6}.vfoto .ph{border-radius:0}.vinfo{padding:8px 10px 10px;display:flex;flex-direction:column;gap:3px;min-width:0}.vinfo .btn{align-self:flex-start;margin-top:4px}.vcode{font-weight:700;font-size:16px;color:var(--fg);text-decoration:none;font-variant-numeric:tabular-nums}.vstatus{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;align-self:flex-start;background:var(--surface-2);color:var(--muted)}.vstatus.st-vrij{background:var(--done-soft);color:var(--done)}.vstatus.st-bij_klant{background:var(--warn-soft);color:var(--warn)}.vstatus.st-ingepland{background:var(--peach);color:var(--peach-fg)}.vinfo .sub.klein{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn.gevaar{color:#a1261b;border-color:#e3b4ae}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .btn.gevaar{color:#f19a90;border-color:#6b3a35}}.vtegel{position:relative}.vtegel.gekozen{outline:3px solid #a1261b}.vkies{position:absolute;top:10px;left:8px;z-index:1;background:var(--surface);border-radius:6px;padding:4px;line-height:0}.vkies input{width:20px;height:20px}.vinfo .row{gap:6px;margin-top:4px}.vinfo .row .btn{margin-top:0}h3.kop{margin:22px 0 8px;font-size:16px}tr.let-op td{background:var(--warn-soft)}.waarschuwing{color:var(--warn);font-weight:600}.corrigeer{display:grid;gap:6px;margin-top:6px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.corrigeer input[type=date]{padding:5px 8px}.check.klein{font-size:12px}.kalender .row{flex-wrap:wrap;gap:8px;align-items:center}.kal-legenda{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.kal-legenda i{width:12px;height:12px;border-radius:3px;display:inline-block}.maanden{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}.maand{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;gap:6px;min-height:90px}.kweek{display:flex;justify-content:space-between;gap:6px;font-size:13px;padding:5px 8px;border-radius:6px;text-decoration:none;color:var(--fg);border-left:4px solid}.kweek span{color:var(--muted);font-variant-numeric:tabular-nums}.k-klaar,.kweek.k-klaar{background:var(--done-soft);border-color:var(--done)}.k-open,.kweek.k-open{background:var(--warn-soft);border-color:var(--warn)}.k-lopend,.kweek.k-lopend{background:var(--peach);border-color:var(--peach-fg)}.weekoverzicht{margin:8px 0 28px}.weekstrook{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;margin-top:10px}.wvak{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-radius:8px;text-decoration:none;color:var(--fg);border:1px solid var(--line);font-size:12px;font-variant-numeric:tabular-nums}.wvak b{font-size:18px}.wvak span{color:var(--muted)}.w-klaar{background:var(--done-soft);border-color:var(--done)}.w-open{background:var(--warn-soft);border-color:var(--warn)}.w-lopend{background:var(--peach);border-color:var(--peach-fg)}.w-ontbreekt,.k-ontbreekt{background:#fbe3e0;border-color:#b3261e}.w-ontbreekt span{color:#b3261e;font-weight:600}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .w-ontbreekt,:root:not([data-theme=light]) .k-ontbreekt{background:#4a1f1b;border-color:#f19a90}:root:not([data-theme=light]) .w-ontbreekt span{color:#f19a90}}.waarschuwingen{display:grid;gap:6px;margin-top:8px}.alarm{background:#fbe3e0;color:#8c1d16;border:1px solid #b3261e;border-radius:8px;padding:10px 12px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .alarm{background:#4a1f1b;color:#f8c9c3;border-color:#f19a90}}.let-op-balk{background:var(--warn-soft);color:var(--warn);border-radius:8px;padding:8px 12px}.let-op-balk.zacht{background:var(--peach);color:var(--peach-fg)}.wk-link{margin-left:8px;font-weight:700;color:inherit}.legenda{margin-top:8px;gap:14px;flex-wrap:wrap}.afgerond{margin-top:12px}.afgerond summary{cursor:pointer}.klantform fieldset{border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;margin:0;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.klantform legend{font-size:12px;font-weight:600;padding:0 4px}.klantform .veld input,.klantform .veld select{width:170px}.klantform .veld.breed,.klantform .veld.breed input,.klantform .veld.breed select,.klantform .veld.breed textarea{width:min(100%,360px)}.klantform fieldset .row{width:100%}.staatnu{display:flex;gap:6px;flex-wrap:wrap}.staatnu figure{margin:0;width:64px}.staatnu figcaption{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codebtn.door{border-color:var(--leaf);background:var(--leaf-soft)}.codebtn.maak{border-style:dashed;border-color:var(--warn);background:var(--warn-soft)}.maakbewerk{display:flex;flex-direction:column;gap:6px;margin-top:6px;max-width:420px}.maakbewerk textarea{width:100%}.maaktotaal{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.maakklant{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin-bottom:10px;break-inside:avoid;page-break-inside:avoid;background:var(--surface)}.maakkop{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:8px}.maakkop .pill{margin-left:6px}.maakbody{display:grid;grid-template-columns:minmax(220px,2fr) minmax(160px,1.3fr) auto;gap:14px;align-items:start}.maakitems{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.maakitems li{display:flex;gap:10px;align-items:flex-start}.vinkvak{width:18px;height:18px;border:2px solid var(--fg);border-radius:3px;flex:none;margin-top:2px}.aantekening{font-size:15px;white-space:pre-line;margin-top:2px}.maakinfo{margin:0;font-size:13px}.maakinfo dt{font-weight:600;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.maakinfo dd{margin:0 0 6px;white-space:pre-line}.maaknu figure{margin:0;width:90px}.maaknu img,.maaknu .geenfoto{width:90px;height:110px;object-fit:cover;border-radius:6px;display:block}.maaknu .geenfoto{background:var(--surface-2);color:var(--muted);font-size:11px;display:grid;place-items:center}.maaknu figcaption{font-size:11px;color:var(--muted)}@media (max-width: 760px){.maakbody{grid-template-columns:1fr}}@media print{.maaklijst .toolbar .sub{display:none}.maakklant{border-color:#999;background:#fff}.maaknu img{width:70px;height:86px}}@media print{.geenprint{display:none!important}.staatnu{display:block}.staatnu figure{display:inline;width:auto}.staatnu figure>:not(figcaption){display:none}.staatnu figcaption{display:inline;font-size:11px;color:#000;white-space:nowrap}.staatnu figure+figure figcaption:before{content:", "}.maakbewerk{display:none}}.alleenprint{display:none}@media print{.alleenprint{display:inline}}.backup{gap:8px;margin:12px 0}.backup-rij{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.backup-rij>.sub{flex:1 1 320px}.backup.nodig{border-color:var(--warn);background:var(--warn-soft)}.eigenritten{margin:12px 0}.eigenritten table{width:100%}