*{box-sizing:border-box}:root{--achtergrond: #f4f1ea;--tekst: #1d2823;--donker: #1d2823;--groen: #1f6f54;--grijs: #dcd7ca;--lijn: #d6d0c2;--rood: #b3362b;--goed: #d7ecdf;--fout: #f6d9d5;--let-op: #fbefc9;--oranje: #c77a12}body{margin:0;background:var(--achtergrond);color:var(--tekst);font:17px/1.5 system-ui,Segoe UI,DejaVu Sans,sans-serif}h1{font-size:28px;margin:0 0 16px}h2{font-size:21px;margin:0 0 12px}h3{font-size:18px;margin:20px 0 8px}a{color:var(--groen)}button,.knop{display:inline-block;min-height:48px;padding:0 22px;border:0;border-radius:8px;background:var(--groen);color:#fff;font:inherit;font-weight:600;line-height:48px;text-decoration:none;cursor:pointer}button.tweede,.knop.tweede{background:var(--grijs);color:var(--tekst)}button.klein,.knop.klein{min-height:36px;line-height:36px;padding:0 14px}button.gevaar{background:#fff;color:var(--rood);box-shadow:inset 0 0 0 2px var(--rood)}button:disabled{background:#cfcabd;color:#8a867b;cursor:default;box-shadow:none}button.link{display:inline;min-height:0;padding:0;border-radius:0;background:none;color:var(--groen);font-weight:600;line-height:inherit;text-decoration:underline}button.link.waarschuwing{color:var(--rood)}.rechts{margin-left:auto}:where(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){display:block;width:100%;min-height:44px;margin-top:4px;padding:0 12px;border:1px solid var(--lijn);border-radius:8px;background:#fff;color:inherit;font:inherit;font-weight:400}:where(select){padding:0 10px}:where(textarea){padding:10px 12px;line-height:1.5;resize:vertical}input[aria-invalid=true]{border-color:var(--rood);box-shadow:0 0 0 1px var(--rood)}input[type=checkbox],input[type=radio]{width:22px;height:22px;margin:0 10px 0 0;vertical-align:middle;accent-color:var(--groen)}label{display:block;font-weight:600}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0;font-weight:600}.verborgen{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}label.knop:focus-within{outline:2px solid var(--tekst);outline-offset:2px}.melding{padding:12px 16px;border-radius:8px;background:#fff}.melding.goed{background:var(--goed)}.melding.fout{background:var(--fout)}.melding.let-op{background:var(--let-op);margin-bottom:16px}.melding.let-op ul{margin:4px 0 0;padding-left:20px}.pagina-melding{margin:32px}.laden{margin:32px;color:#6b6a63}.uitleg{color:#55554e;font-weight:400}.waarschuwing{color:var(--rood);font-weight:600}.klein-grijs{font-size:14px;color:#6b6a63;font-weight:400}.veldfout{display:block;margin-top:4px;color:var(--rood);font-size:15px;font-weight:600}.kaart{background:#fff;border-radius:10px;padding:20px 24px;margin:0 0 20px}.inloggen{display:flex;justify-content:center;padding:10vh 16px}.inloggen .kaart{width:100%;max-width:400px;display:grid;gap:16px}.kop{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--donker);color:#f4f1ea}.kop-naam{font-weight:700;font-size:20px}.kop nav{display:flex;gap:4px;flex-wrap:wrap}.kop nav a{color:#c9d2cc;padding:6px 12px;border-radius:6px;text-decoration:none}.kop nav a.actief,.kop nav a:hover{background:#33433b;color:#fff}.kop-account{display:flex;gap:12px;align-items:center;font-size:15px;color:#c9d2cc}.inhoud{max-width:1100px;margin:0 auto;padding:24px}.titelrij{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.titelrij h1{margin:0}.lijst{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden}.lijst th,.lijst td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--lijn);vertical-align:top}.lijst th{font-size:14px;color:#55554e;background:#faf8f3}.lijst tr.inactief td{color:#8a867b}td.bedrag,th.bedrag{text-align:right;white-space:nowrap}.velden{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;align-items:start}.velden-onder-elkaar{display:grid;gap:16px}.vinkjes{display:grid;gap:10px;margin:12px 0}.vinkjes label,label.vinkje{font-weight:400}.vinkjes label.uit{color:#8a867b}.vinkjes label.ingesprongen{margin-left:28px}.knoppen{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.rij{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.groep .schakelaar{display:flex;align-items:flex-start;padding:10px 0;border-top:1px solid var(--lijn);font-weight:400}.groep .schakelaar input{margin-top:4px}.terminal{min-height:100vh;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.terminal-kop{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:var(--donker);color:#f4f1ea;font-size:20px}.terminal-tijd{font-size:30px;font-weight:700}.terminal-printer{font-size:16px;color:#c9d2cc}.terminal-code{flex:1;display:flex;gap:48px;align-items:center;justify-content:center;padding:24px}.terminal-links{width:380px}.terminal-links h1{font-size:36px}.terminal-stippen{display:flex;gap:16px;margin:24px 0}.terminal-stippen span{width:30px;height:30px;border-radius:50%;border:3px solid var(--donker)}.terminal-stippen span.vol{background:var(--donker)}.toetsen{display:grid;grid-template-columns:repeat(3,110px);grid-auto-rows:96px;gap:12px}.toetsen button{min-height:0;line-height:1;padding:0;font-size:40px}.toetsen button.klein{font-size:26px}.terminal-welkom{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.terminal-welkom h1{font-size:48px}.terminal-welkom button{min-height:72px;font-size:22px}.terminal-leeg{align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.terminal-voet{padding:8px 24px;text-align:right;font-size:14px}.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:20px;border-bottom:2px solid var(--lijn)}.tabs a{padding:8px 16px;border-radius:8px 8px 0 0;color:var(--tekst);text-decoration:none;font-weight:600}.tabs a.actief{background:#fff;box-shadow:inset 0 -3px 0 var(--groen)}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.filters input[type=search]{width:260px;margin-top:0}.filters select{width:auto;margin-top:0}.keuze{display:flex;gap:8px 24px;flex-wrap:wrap}.keuze.onder-elkaar{display:grid;gap:8px;margin-bottom:12px}.keuze legend{margin-bottom:6px}.keuze label{font-weight:400}.allergenen{margin:16px 0 8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 12px}.allergenen legend{margin-bottom:6px}.allergenen label{font-weight:400}.allergenen-geen{grid-column:1 / -1;margin-top:4px;padding-top:8px;border-top:1px solid var(--lijn)}.prijs{margin:16px 0 0}.prijs-rij{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.prijs-rij label{font-weight:400;font-size:14px}.prijs-rij label:first-child{flex:1 1 140px}.prijs-rij label:nth-of-type(2){width:90px}.prijs-rij select{width:auto}.prijs-per{padding-bottom:10px}.extra summary{cursor:pointer;font-weight:600;margin:12px 0}.invoer-met-eenheid{display:flex;gap:8px;align-items:center;font-weight:400}.invoer-met-eenheid input{flex:1;min-width:0}.invoer-met-eenheid select{width:auto}.combobox{position:relative}.combobox ul{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 2px);max-height:264px;overflow-y:auto;margin:0;padding:4px;list-style:none;background:#fff;border:1px solid var(--lijn);border-radius:8px;box-shadow:0 8px 24px #1d28232e}.combobox li{padding:8px 10px;border-radius:6px;cursor:pointer}.combobox li.actief{background:var(--goed)}.combobox-tag{margin-left:8px;font-size:13px;color:#6b6a63}.combobox-nieuw{color:var(--groen);font-weight:600;border-top:1px solid var(--lijn);border-radius:0 0 6px 6px}.dialoog{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:20px 24px;border:0;border-radius:12px;color:inherit}.dialoog::backdrop{background:#1d282373}.dialoog-kop{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.dialoog-kop h2{margin:0}.recept-raster{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.berekening{position:sticky;top:16px}@media(max-width:900px){.recept-raster{grid-template-columns:1fr}.berekening{position:static}}.met-foto{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start}.met-foto>:first-child{flex:1 1 280px}.foto-kiezen{display:grid;gap:8px;justify-items:start}.receptfoto{display:block;width:220px;height:165px;object-fit:cover;border-radius:8px;background:var(--achtergrond)}.receptfoto.leeg{display:flex;align-items:center;justify-content:center;color:#6b6a63;font-size:14px}.regels{width:100%;border-collapse:collapse}.regels th{text-align:left;font-size:14px;color:#55554e;padding:4px 6px}.regels td{padding:4px 6px;vertical-align:top}.regels td:nth-child(2){width:150px}.regels td:nth-child(3){width:96px}.regels td.bedrag{padding-top:14px;width:100px}.regels td input,.regels td select{margin-top:0}.berekening dl,.kenmerken{margin:0}.berekening dt,.kenmerken dt{font-weight:600;margin-top:12px}.berekening dd,.kenmerken dd{margin:2px 0 0}.opslaanbalk{position:sticky;bottom:0;z-index:10;margin-top:8px;padding:12px 0;background:var(--achtergrond);border-top:1px solid var(--lijn)}.opslaanbalk .melding{margin:0 0 12px}.receptkaart-kop{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}.receptkaart-kop .receptfoto{width:280px;height:210px}.receptkaart h2{margin-top:20px}.omrekenen{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0 8px}.omrekenen label{font-weight:600}.omrekenen input{width:110px;margin-top:0}.omrekenen select{width:auto;margin-top:0}.receptregels{border-radius:0}.receptregels td.hoeveelheid{width:130px;white-space:nowrap;font-weight:600}.terminal-recept .receptregels td.plek{color:#4d4b45;font-size:17px}.stappen{margin:0;padding-left:24px}.stappen li{margin-bottom:6px}.allergenen-tabel{border-collapse:collapse;background:#fff;margin:12px 0}.allergenen-tabel th,.allergenen-tabel td{border:1px solid var(--lijn);padding:6px 8px}.allergenen-tabel th[scope=row]{text-align:left;font-weight:600;min-width:200px}.allergenen-tabel th[scope=col]{text-align:left}.allergenen-tabel th.allergeen{height:120px;width:36px;padding:6px 2px;vertical-align:bottom;text-align:center}.allergenen-tabel th.allergeen span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px}.allergenen-tabel td{text-align:center;font-size:18px}.allergenen-tabel td.bevat{background:var(--let-op)}.allergenen-tabel td.onbekend{text-align:left;font-size:15px;color:var(--rood);font-weight:600}@media print{@page{size:A4 landscape;margin:12mm}body{background:#fff}.niet-printen{display:none!important}.inhoud{max-width:none;padding:0}.allergenen-tabel td.bevat{background:#ddd;print-color-adjust:exact;-webkit-print-color-adjust:exact}}.terminal-tabs{display:flex;gap:8px;padding:10px 24px;background:#e9e4d8;flex-wrap:wrap}.terminal-tabs button{min-height:60px;padding:0 26px;background:#fff;color:var(--tekst);font-size:20px}.terminal-tabs button.actief{background:var(--groen);color:#fff}.teller{display:inline-block;min-width:30px;margin-left:10px;padding:0 8px;border-radius:15px;background:var(--rood);color:#fff;font-size:17px;line-height:30px;text-align:center}.terminal-melding{margin:12px 24px 0}.terminal-inhoud{flex:1;padding:20px 24px;-webkit-user-select:text;user-select:text}.terminal-inhoud h1{font-size:30px}.groot{font-size:22px}.mip-lijst{display:grid;gap:10px;margin-bottom:16px}.mip-regel{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center;width:100%;min-height:84px;padding:12px 20px;background:#fff;color:var(--tekst);text-align:left;line-height:1.3;border-left:10px solid var(--groen)}.mip-regel.klaar{border-left-color:var(--grijs);color:#6b6a63}.mip-naam{font-size:24px;font-weight:700}.mip-status{font-size:22px;font-weight:700;text-align:right}.mip-details{grid-column:1 / -1;font-size:16px;font-weight:400}.mip-afgekeurd{grid-column:1 / -1;font-size:18px;font-weight:700;color:var(--rood)}.mip-regel.nu{border-left-color:var(--oranje)}.mip-regel.te_laat{border-left-color:var(--rood);background:#fdf3f1}.mip-staat{display:inline-block;margin-right:12px;padding:0 10px;border-radius:6px;font-size:18px;vertical-align:middle}.mip-staat.nu{background:#f6dfb5;color:#6b4300}.mip-staat.te_laat{background:var(--rood);color:#fff}.mip-tijd{grid-column:1 / -1;font-size:17px;font-weight:600;color:#3f4a44}.begin-hier{display:inline-block;margin-right:12px;padding:2px 10px;border-radius:6px;background:var(--groen);color:#fff;font-size:16px;vertical-align:middle}.zet-weg{font-size:26px;margin:16px 0;padding:14px 18px;background:#fff;border-left:10px solid var(--groen)}.terminal-maken{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start}@media(max-width:860px){.terminal-maken{grid-template-columns:1fr}}.terminal-recept .receptfoto{float:right;margin:0 0 12px 16px}.terminal-recept .stappen{margin:12px 0;font-size:19px}.terminal-aftekenen h2{margin-top:16px}.terminal-aftekenen h2:first-child{margin-top:0}.stapper{display:flex;gap:10px;align-items:center}.stapper button{min-width:72px;min-height:72px;padding:0;font-size:34px;line-height:1}.stapper input{width:120px;min-height:72px;margin:0;font-size:30px;text-align:center}.stapper-waarde{min-width:120px;font-size:30px;font-weight:700;text-align:center}.stapper-eenheid{font-size:22px;min-width:70px}.terminal-aftekenen .keuze{margin-top:16px}.terminal-aftekenen .keuze button{min-height:60px}.terminal-aftekenen>.knoppen{margin-top:16px;flex-direction:column;align-items:stretch}.terminal-aftekenen>.knoppen button{text-align:center}.groot-knop{min-height:76px;padding:14px 22px;font-size:22px;line-height:1.3}.terminal-klaar{display:grid;gap:12px;align-content:start}.terminal-klaar .knoppen button{min-height:72px;font-size:22px}.sticker-kaart{display:grid;gap:12px;padding:16px 20px;margin-bottom:12px;background:#fff;border-radius:10px;border-left:10px solid var(--groen)}.sticker-kaart.dringend{border-left-color:var(--rood)}.sticker-kaart h3{margin:0 0 4px;font-size:22px}.sticker-kaart p{margin:2px 0}.sticker-kaart .knoppen button{min-height:60px;font-size:20px}.reden{display:grid;gap:10px}.reden .knoppen button{min-height:52px;font-size:17px}.code-vraag{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#1d28238c;-webkit-user-select:none;user-select:none}.code-vraag-venster{display:flex;gap:40px;align-items:center;padding:28px 32px;background:var(--achtergrond);border-radius:14px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto}.code-vraag-venster .terminal-links{width:340px}.code-vraag-venster h2{font-size:26px}.toevoegen{margin-top:20px}td.volgorde{white-space:nowrap}td.volgorde .nummer{display:inline-block;width:26px;font-weight:600}td.volgorde button{margin-right:4px}input.kort{width:72px}.openingstijden th[scope=row]{text-align:left;font-weight:600}.openingstijden tr.inactief input[type=time]{opacity:.5}.vaste-lijst td:nth-child(1){width:112px;padding-top:10px}.vaste-lijst td:nth-child(2){width:auto}.vaste-lijst td:nth-child(3){width:150px}.vaste-lijst td:nth-child(4){width:120px}.vaste-lijst .invoer-met-eenheid input{min-width:60px}.vaste-lijst input.kort{flex:none;width:64px}.vaste-lijst select[aria-label=Klaar]{width:100%}.nu-balk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 18px;align-items:center;width:100%;min-height:88px;margin:0 0 16px;padding:14px 22px;border-radius:10px;background:var(--groen);color:#fff;text-align:left;line-height:1.3}.nu-balk.nu{background:var(--oranje)}.nu-balk.te_laat{background:var(--rood)}.nu-balk.klaar,.nu-balk.leeg{display:block;background:#fff;color:var(--tekst);font-size:20px}.nu-label{grid-row:span 2;padding:4px 12px;border:2px solid rgba(255,255,255,.75);border-radius:8px;font-size:18px;text-transform:uppercase}.nu-wat{font-size:28px;font-weight:700}.nu-tijd{font-size:18px;font-weight:400}.dagdelen{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}.dagdeel-knoppen{display:flex;flex-direction:column;gap:8px}.dagdeel{display:grid;gap:2px;min-height:72px;padding:10px 16px;background:#fff;color:var(--tekst);text-align:left;line-height:1.3}.dagdeel.actief{background:var(--groen);color:#fff}.dagdeel-naam{font-size:19px;font-weight:700}.dagdeel-teller{font-size:16px;font-weight:400}.dagdeel-teller .teller{font-size:14px;line-height:24px}@media(max-width:900px){.dagdelen{grid-template-columns:1fr}.dagdeel-knoppen{flex-direction:row;flex-wrap:wrap}}.dag-afsluiten{width:100%;margin-top:8px}.taak-scherm .groot-knop{margin:12px 0}.meting-invoer{display:flex;align-items:center;gap:12px;margin:8px 0 12px}.meting-invoer input{width:180px;font-size:32px;text-align:right}.meting-raster{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}.meting-toetsen{display:grid;grid-template-columns:repeat(3,84px);grid-auto-rows:58px;gap:8px}.meting-toetsen button{min-height:0;font-size:26px}.meting-toetsen button.wissen{grid-column:1 / -1;font-size:20px}.zet-weg.afwijking{border-left-color:var(--rood)}.tht-in-taak h2{font-size:20px}.overzicht h3{margin:18px 0 6px;font-size:18px}.overzicht-tabel td.uitkomst{font-weight:600}.uitkomst.op_tijd{color:var(--groen)}.uitkomst.te_laat,.uitkomst.open_te_laat{color:var(--oranje)}.uitkomst.niet_gedaan{color:var(--rood)}.overzicht tr.gekozen td{background:#eef5f1}.overzicht tr.afwijking td{background:#fdf3f1}.overzicht-tabel{table-layout:fixed}.overzicht-tabel th:first-child{width:36%}
