:root{--bg:#faf4f0;--paneel:#ffffff;--paneel-2:#f5efe9;--rand:#e8ded4;--rand-sterk:#d9ccbf;--tekst:#1e2321;--zacht:#6d7c74;--groen:#28574b;--groen-donker:#1d4239;--groen-licht:#eaf1ee;--accent:#28574b;--rood:#ef1c26;--rood-licht:#fdecec;--amber:#b4661b;--amber-licht:#fbf1e4;--radius:12px;--radius-klein:8px;--schaduw:0 1px 2px rgba(30,35,33,0.05),0 1px 3px rgba(30,35,33,0.04)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--tekst);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}body{padding-bottom:env(safe-area-inset-bottom)}a{color:inherit;text-decoration:none}.schil{max-width:720px;margin:0 auto;padding:20px 16px 100px}.terug{display:inline-block;font-size:13px;font-weight:500;color:var(--groen);margin-bottom:10px;padding:6px 10px 6px 6px;border-radius:var(--radius-klein)}.terug:hover{background:var(--groen-licht)}.kop{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.kop h1{font-family:Roboto,Inter,-apple-system,sans-serif;font-size:24px;font-weight:700;margin:0;letter-spacing:-.02em;color:var(--groen)}.kop .datum{color:var(--zacht);font-size:13px}.merk{font-family:Roboto,Inter,sans-serif;font-size:13px;letter-spacing:.14em;color:var(--groen);opacity:.55;margin-bottom:2px}.merk,h2.sectie{font-weight:700;text-transform:uppercase}h2.sectie{font-size:12px;letter-spacing:.09em;color:var(--zacht);margin:26px 0 10px}.paneel{background:var(--paneel);border:1px solid var(--rand);border-radius:var(--radius);overflow:hidden;box-shadow:var(--schaduw)}.rij{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--rand)}.rij:last-child{border-bottom:none}a.rij:hover{background:var(--groen-licht)}.rij .hoofd{flex:1 1;min-width:0}.rij .titel{font-size:15px;line-height:1.35}.rij .onder{font-size:12px;color:var(--zacht);margin-top:3px}.tegels{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.tegel{background:var(--paneel);border:1px solid var(--rand);border-radius:var(--radius);padding:14px 12px;display:block;box-shadow:var(--schaduw)}.tegel .getal{font-family:Roboto,Inter,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.03em;color:var(--groen)}.tegel .label{font-size:12px;color:var(--zacht);margin-top:2px;line-height:1.3}.tegel.attentie{border-color:var(--rand-sterk)}.tegel.attentie .getal{color:var(--amber)}.tegel.rustig .getal{color:var(--groen)}.leeg{padding:24px 14px;color:var(--zacht);font-size:14px;text-align:center}.balk{position:fixed;left:0;right:0;bottom:0;display:flex;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--rand);padding-bottom:env(safe-area-inset-bottom);z-index:10}.balk a{flex:1 1;text-align:center;padding:11px 0 13px;font-size:11px;color:var(--zacht)}.balk a .ico{display:block;font-size:19px;margin-bottom:2px}.balk a.actief{color:var(--groen);font-weight:600}input[type=date],input[type=password],input[type=text],select,textarea{background:var(--paneel);border:1px solid var(--rand-sterk);color:var(--tekst);border-radius:var(--radius-klein);padding:11px 12px;font-size:16px;font-family:inherit;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--groen);box-shadow:0 0 0 3px rgba(40,87,75,.12)}button{font-family:inherit;font-size:15px;border-radius:var(--radius-klein);border:1px solid var(--rand-sterk);background:var(--paneel);color:var(--groen);padding:11px 14px;cursor:pointer;font-weight:500}button:hover{background:var(--groen-licht)}button:disabled{opacity:.5;cursor:default}button.primair{background:var(--groen);border-color:var(--groen);color:#fff;font-weight:600}button.primair:hover{background:var(--groen-donker)}button.stil{background:transparent;border:none;color:var(--zacht);padding:6px 8px;font-size:20px;line-height:1}button.stil:hover{background:transparent;color:var(--groen)}.formulier{display:flex;gap:8px;margin-bottom:14px}.formulier input{flex:1 1}.vink{width:22px;height:22px;border-radius:999px;border:1.5px solid var(--rand-sterk);background:var(--paneel);flex:none;padding:0;display:grid;place-items:center;font-size:12px;color:transparent}.vink.aan{background:var(--groen);border-color:var(--groen);color:#fff}.pil{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--rand);background:var(--paneel-2);color:var(--zacht);flex:none;font-weight:500}.pil.hoog{color:var(--rood);background:var(--rood-licht);border-color:#f6c9cb}.pil.laag{color:var(--zacht)}.pil.urgent{color:var(--rood);background:var(--rood-licht);border-color:#f6c9cb}.pil.bedrag,.pil.soort{color:var(--groen);background:var(--groen-licht);border-color:#cfe0d9}.pil.bedrag{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.melding{background:var(--amber-licht);border:1px solid #eeddc3;color:#5c4520;border-radius:var(--radius);padding:13px 14px;font-size:13.5px;line-height:1.5}.melding code{background:rgba(0,0,0,.05);padding:1px 4px;border-radius:4px;font-size:12.5px}.inlog{min-height:100dvh;display:grid;place-items:center;padding:24px}.inlog form{width:100%;max-width:340px;display:grid;grid-gap:12px;gap:12px;background:var(--paneel);border:1px solid var(--rand);border-radius:var(--radius);padding:26px 22px;box-shadow:var(--schaduw)}.inlog h1{font-family:Roboto,Inter,sans-serif;font-size:22px;font-weight:700;margin:0 0 6px;text-align:center;color:var(--groen)}.inlog .onderschrift{text-align:center;font-size:12.5px;color:var(--zacht);margin:-4px 0 8px}.fout{color:var(--rood);font-size:13px;text-align:center}.mailkaart{background:var(--paneel);border:1px solid var(--rand);border-radius:var(--radius);padding:16px 15px;box-shadow:var(--schaduw)}.mailkop{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px}.mailkop .van{font-size:15px;font-weight:600;flex:1 1;min-width:0}.mailkop .adres{font-size:12px;color:var(--zacht);font-weight:400}.mailonderwerp{font-family:Roboto,Inter,sans-serif;font-size:16px;font-weight:700;margin:10px 0 4px;line-height:1.3}.mailsamenvatting{font-size:13px;color:var(--zacht);line-height:1.5}.maildatum{font-size:12px;color:var(--zacht)}.mailtekst{margin-top:12px;background:var(--paneel-2);border:1px solid var(--rand);border-radius:var(--radius-klein);padding:12px;font-size:13.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;max-height:150px;overflow-y:auto}.mailtekst.uit{max-height:none}.mailknoppen{display:flex;gap:8px;margin-top:12px;position:-webkit-sticky;position:sticky;bottom:62px;padding:8px 0;background:linear-gradient(to bottom,rgba(250,244,240,0),var(--bg) 22%);z-index:5}.mailknoppen button{flex:1 1}.mailknoppen button.verstuur{flex:1.6 1}textarea.concept{min-height:150px;resize:vertical;line-height:1.55;font-size:15px}.teller{font-size:12px;color:var(--zacht);text-align:center;margin-top:14px}.foutmelding{background:var(--rood-licht);border:1px solid #f6c9cb;color:#8c1219;border-radius:var(--radius-klein);padding:11px 12px;font-size:13px;margin-top:12px}.subkop{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--zacht);margin:14px 0 6px}.pijl{color:var(--rand-sterk);font-size:20px;line-height:1;margin-left:8px;flex:none}.pil.bijbestellen{color:var(--amber);border-color:#eeddc2}.pil.bijbestellen,.rij.bijbestellen{background:var(--amber-licht)}.rij .hoofd{color:inherit;text-decoration:none;display:block}.voorraadvak{display:flex;align-items:center;gap:6px;flex:none}.stapknop{width:34px;height:34px;border-radius:10px;border:1px solid var(--rand-sterk);background:var(--paneel);color:var(--groen);font-size:19px;line-height:1;font-weight:600;cursor:pointer;flex:none;-webkit-tap-highlight-color:transparent}.stapknop:active{background:var(--groen-licht)}.stapknop.min{color:var(--rood)}.voorraadwacht{color:var(--zacht)}.voorraadklaar,.voorraadwacht{font-size:11px;white-space:nowrap}.voorraadklaar{color:var(--groen)}.voorraadfout{font-size:11px;color:var(--rood);max-width:130px;line-height:1.25}