@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/archivo-600.woff2) format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/archivo-700.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plexsans-400.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plexsans-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plexsans-600.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plexmono-500.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plexmono-600.woff2) format("woff2")}:root{--bg: #ece6e1;--surface: #f3f0ed;--surface-2: #cbbfb1;--ink: #2a292a;--ink-soft: #535049;--line: rgba(42, 41, 42, .14);--line-strong: rgba(42, 41, 42, .28);--freezer: #1e2f35;--freezer-bg: #e4e6e7;--fridge: #5e6343;--fridge-bg: #ececE8;--pantry: #8e533a;--pantry-bg: #f0e9e5;--terracotta: #bb9273;--terracotta-bg: #f2e9e2;--alert: #cb8e00;--alert-bg: #f9f1e0;--alert-ink: #535049;--switch-on: #5e6343;--switch-off: #8d7e74;--menubar-green: #acad92;--menubar-ink: #2a292a;--kopbalk: #5e6343;--kopbalk-ink: #ece6e1;--beeld-bg: #2a292a;--beeld-ink: #e5ded7;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--rad-s: 8px;--rad-m: 12px;--rad-l: 16px;--rad-pil: 999px;--raak: 48px;color-scheme:light}[data-thema=donker]{--bg: #2a292a;--surface: #3f3e3f;--surface-2: #4c4b4c;--ink: #e5ded7;--ink-soft: #9e9186;--line: rgba(229, 222, 215, .14);--line-strong: rgba(229, 222, 215, .26);--freezer: #839493;--freezer-bg: #3e4141;--fridge: #acad92;--fridge-bg: #474641;--pantry: #b79d94;--pantry-bg: #494341;--terracotta: #bb9273;--terracotta-bg: #4a423d;--alert: #cb8e00;--alert-bg: #57451e;--alert-ink: #cb8e00;--switch-on: #acad92;--switch-off: #9e9186;--menubar-green: #5e6343;--menubar-ink: #e5ded7;--kopbalk: #535049;--kopbalk-ink: #e5ded7;color-scheme:dark}*{box-sizing:border-box}html{background:var(--kopbalk)}html,body{margin:0;padding:0}body{background:var(--kopbalk);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}button,input,select,textarea{font-family:inherit;color:inherit}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.display{font-family:Archivo,system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}.label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.knop{font-size:15px;font-weight:500;min-height:var(--raak);padding:0 18px;border-radius:var(--rad-s);cursor:pointer;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2)}.knop:hover{background:var(--surface-2)}.knop svg{width:18px;height:18px;flex:0 0 auto}.knop-primair{background:var(--ink);color:var(--bg);border-color:var(--ink)}.knop-primair:hover{background:var(--ink-soft);border-color:var(--ink-soft)}.knop-gevaar{color:var(--alert);border-color:var(--alert);background:transparent}.knop-icoon{width:var(--raak);padding:0;flex:0 0 auto}.knop:disabled{opacity:.5;cursor:default}.veld{width:100%;font-size:16px;min-height:var(--raak);padding:12px 14px;border:1px solid var(--line-strong);border-radius:var(--rad-s);background:var(--surface);color:var(--ink)}.veld:focus-visible,.knop:focus-visible{outline:2px solid var(--fridge);outline-offset:2px}.veld-label{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:6px}.melding{border:1px solid var(--alert);background:var(--alert-bg);color:var(--ink);padding:var(--s3) var(--s4);border-radius:var(--rad-m);font-size:15px;margin-bottom:var(--s4);display:flex;justify-content:space-between;gap:var(--s3);align-items:flex-start}.melding button{background:none;border:none;cursor:pointer;color:var(--ink-soft);min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.melding svg{width:16px;height:16px}.schakelaar{position:relative;width:52px;height:32px;flex:0 0 auto;background:var(--switch-off);border:1px solid var(--switch-off);border-radius:var(--rad-pil);cursor:pointer;padding:0;transition:background .15s ease,border-color .15s ease}.schakelaar:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .15s ease}.schakelaar.aan{background:var(--switch-on);border-color:var(--switch-on)}.schakelaar.aan:after{transform:translate(20px)}.app{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.titelbalk{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);padding-top:calc(var(--s3) + env(safe-area-inset-top));padding-left:max(var(--s4),env(safe-area-inset-left));padding-right:max(var(--s4),env(safe-area-inset-right));min-height:60px;background:var(--kopbalk)}@media(min-width:768px){.titelbalk{padding-left:max(var(--s5),env(safe-area-inset-left));padding-right:max(var(--s5),env(safe-area-inset-right));min-height:64px}}.merk{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer;background:none;border:none;padding:0;min-height:44px}.merk .teken{width:32px;height:32px;flex:0 0 auto;background:var(--kopbalk-ink);color:var(--kopbalk);display:flex;align-items:center;justify-content:center;font-family:Archivo,system-ui,sans-serif;font-weight:700;font-size:15px;border-radius:var(--rad-s)}.merk .naam{font-size:17px;color:var(--kopbalk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rechtsboven{display:flex;align-items:center;gap:10px;min-width:0}.ap-voet{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s4);border-top:1px solid var(--line);font-size:13px;color:var(--ink-soft)}.menubalk{display:flex;align-items:center;gap:var(--s1);padding:var(--s2) var(--s5);background:var(--menubar-green)}.menu-item{position:relative;display:flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-size:15px;color:var(--menubar-ink);cursor:pointer;border-radius:var(--rad-pil);border:none;background:transparent;white-space:nowrap}.menu-item:hover{background:#ffffff38}.menu-item.actief{color:var(--bg);background:var(--fridge);font-weight:500}.menu-item svg{width:19px;height:19px;flex-shrink:0}.menu-item .pijl{width:14px;height:14px;opacity:.7;transition:transform .15s ease}.menu-groep{position:relative}.menu-groep.open .pijl{transform:rotate(180deg)}.submenu{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--rad-m);box-shadow:0 16px 32px -12px #0000004d;z-index:90;padding:var(--s1);opacity:0;transform:translateY(-4px);visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s}.menu-groep.open .submenu{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}.submenu-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-size:15px;color:var(--ink-soft);border-radius:var(--rad-s);cursor:pointer;background:none;border:none;width:100%;text-align:left}.submenu-link:hover,.submenu-link.actief{background:var(--surface-2);color:var(--ink)}.submenu-link svg{width:18px;height:18px}.account{position:relative}.account-knop{display:flex;align-items:center;gap:var(--s2);padding:4px 8px 4px 4px;border:none;border-radius:var(--rad-pil);cursor:pointer;background:transparent;min-height:44px}.account-knop:hover{background:#ffffff29}.avatar{width:36px;height:36px;border-radius:50%;background:var(--kopbalk-ink);color:var(--kopbalk);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex-shrink:0}.account-knop .wie{font-size:15px;color:var(--kopbalk-ink)}.account-knop .pijl{width:14px;height:14px;color:var(--kopbalk-ink)}.account-paneel{position:absolute;top:calc(100% + 8px);right:0;width:290px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--rad-m);box-shadow:0 16px 32px -12px #0000004d;z-index:100;overflow:hidden}.ap-kop{padding:var(--s4);border-bottom:1px solid var(--line)}.ap-kop .n{font-size:16px;font-weight:600}.ap-kop .e{font-size:13px;color:var(--ink-soft);margin-top:2px;word-break:break-all}.ap-vak{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line)}.ap-rij{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2)}.ap-rij:last-child{margin-bottom:0}.ap-rij.staand{flex-direction:column;align-items:stretch;gap:var(--s2)}.ap-rij.staand .ap-keuze button{flex:1 1 0;padding:0 8px}.ap-keuze{display:flex;gap:var(--s1)}.ap-keuze button{font-size:14px;min-height:40px;padding:0 14px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:var(--rad-pil)}.ap-keuze button.actief{background:var(--ink);color:var(--bg);border-color:var(--ink)}.ap-link{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);width:100%;min-height:var(--raak);padding:0 var(--s4);font-size:15px;background:none;border:none;color:var(--ink);text-align:left;cursor:pointer}.ap-link:hover{background:var(--surface-2)}.ap-link svg{width:16px;height:16px;color:var(--ink-soft);flex:0 0 auto}.ap-link.gevaar{color:var(--alert)}.ap-tag{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--alert);border:1px solid var(--alert);padding:2px 6px;border-radius:var(--rad-pil)}.ap-formulier{padding:var(--s4)}.ap-veld{margin-bottom:var(--s3)}.hoofd{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:var(--s4) var(--s4) var(--s6);padding-left:max(var(--s4),env(safe-area-inset-left));padding-right:max(var(--s4),env(safe-area-inset-right))}@media(min-width:768px){.hoofd{padding:var(--s5) var(--s5) var(--s6)}}.hoofd.met-tabbalk{padding-bottom:110px}.kop{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--s4);flex-wrap:wrap;gap:var(--s3)}.kop h1{font-family:Archivo,system-ui,sans-serif;font-weight:600;font-size:20px;line-height:1.25;margin:0 0 2px}@media(min-width:768px){.kop h1{font-size:24px}.kop{margin-bottom:var(--s5)}}.kop p{margin:0;color:var(--ink-soft);font-size:14px}.acties{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center}.acties .veld{width:auto}.lijst{border:1px solid var(--line);border-radius:var(--rad-m);overflow:hidden;background:var(--surface);max-width:620px}.lijst-breed{max-width:none}.leeg{padding:var(--s5) var(--s4);font-size:15px;color:var(--ink-soft);text-align:center}.toevoegrij{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s5);max-width:620px}.toevoegrij .veld{flex:1 1 160px;width:auto}.toevoegrij .winkelkeuze{flex:0 0 auto;width:140px}.toevoegrij .knop{flex:1 1 100%}@media(min-width:560px){.toevoegrij .knop{flex:0 0 auto}}.winkelgroep{margin-bottom:var(--s5);max-width:620px}.winkelgroep:last-child{margin-bottom:0}.groep-kop{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s2);padding-left:2px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.groep-stip{width:10px;height:10px;border-radius:50%;background:var(--winkel-kleur)}.lijst-rij{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);min-height:60px;border-bottom:1px solid var(--line);background:var(--surface)}.lijst-rij:last-child{border-bottom:none}.vink{position:relative;width:44px;height:44px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;padding:0;margin-left:-10px}.vink:before{content:"";position:absolute;width:26px;height:26px;border:2px solid var(--line-strong);border-radius:var(--rad-s)}.vink svg{position:relative;width:16px;height:16px;opacity:0;color:var(--bg)}.lijst-rij.af .vink:before{background:var(--fridge);border-color:var(--fridge)}.lijst-rij.af .vink svg{opacity:1}.rij-tekst{flex:1 1 auto;font-size:16px;cursor:pointer;background:none;border:none;text-align:left;color:inherit;padding:12px 0;min-height:44px}.lijst-rij.af .rij-tekst{color:var(--ink-soft);text-decoration:line-through}.rij-knop{width:44px;height:44px;flex:0 0 auto;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--rad-s);padding:0}.rij-knop:hover{color:var(--alert);background:var(--surface-2)}.rij-knop svg{width:18px;height:18px}.rij-knop.wapen{color:var(--alert);border:1px solid var(--alert);font-size:13px;font-weight:600;width:auto;padding:0 10px}.voorraad{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--rad-m);overflow:hidden;background:var(--surface)}.vitem{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:76px;padding:var(--s3) var(--s4) var(--s3) var(--s3);border:none;border-bottom:1px solid var(--line);border-left:4px solid var(--cat-kleur);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.vitem:last-child{border-bottom:none}.vitem:hover{background:var(--surface-2)}.vitem.verloopt{border-left-color:var(--alert)}.vitem-code{display:flex;align-items:center;gap:var(--s2);flex:0 0 auto}.codechip{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:600;font-size:15px;background:var(--bg);border:1px solid var(--line-strong);padding:6px 10px;border-radius:var(--rad-s);white-space:nowrap}.vitem-midden{flex:1 1 auto;min-width:0}.vitem-naam{display:block;font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vitem-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);margin-top:3px;font-size:13px;color:var(--ink-soft)}.cat-pil{font-size:12px;font-weight:600;color:var(--cat-kleur);background:var(--cat-bg);padding:2px 8px;border-radius:var(--rad-pil);white-space:nowrap}.houdbaar{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:var(--alert-ink);background:var(--alert-bg);border:1px solid var(--alert);padding:2px 8px;border-radius:var(--rad-pil);white-space:nowrap}.vitem .pijl{width:18px;height:18px;color:var(--ink-soft);flex:0 0 auto}@media(min-width:768px){.voorraad{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);border:none;background:none;border-radius:0;overflow:visible}.vitem{flex-direction:column;align-items:stretch;gap:var(--s2);min-height:0;padding:var(--s3) var(--s4);border:1px solid var(--line);border-left:4px solid var(--cat-kleur);border-radius:var(--rad-m);background:var(--bg)}.vitem.verloopt{border-left-color:var(--alert)}.vitem-code{justify-content:space-between}.vitem .pijl{display:none}.vitem-meta{justify-content:space-between}}@media(min-width:768px)and (max-width:1040px){.voorraad{grid-template-columns:repeat(3,1fr)}}.categorie-rij{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);min-height:68px;border-bottom:1px solid var(--line);border-left:4px solid var(--cat-kleur);background:var(--surface)}.categorie-rij:last-child{border-bottom:none}.categorie-rij .stip{width:12px;height:12px;border-radius:50%;background:var(--cat-kleur);flex:0 0 auto}.categorie-rij .naam{font-size:16px;font-weight:500;flex:1 1 auto;min-width:0}.categorie-rij .telling{font-size:14px;color:var(--ink-soft);flex:0 0 auto}.icoonknop{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--rad-s);color:var(--ink-soft);cursor:pointer;background:var(--surface);flex:0 0 auto}.icoonknop:hover{color:var(--ink);border-color:var(--line-strong)}.icoonknop.gevaar:hover,.icoonknop.wapen{color:var(--alert);border-color:var(--alert)}.icoonknop svg{width:18px;height:18px}.labelvel{display:grid;grid-template-columns:repeat(auto-fill,50mm);gap:4mm}.print-label{position:relative;width:50mm;height:24mm;border:1px solid var(--line-strong);border-radius:var(--rad-s);padding:2mm 3mm;display:flex;align-items:center;gap:3mm;background:var(--surface)}.print-label .qr{width:18mm;height:18mm;flex:0 0 auto;background:#fff;padding:.5mm;display:flex;align-items:center;justify-content:center}.print-label .qr img{width:100%;height:100%;display:block}.print-label .codechip{font-size:17px;border:none;background:none;padding:0}.print-label .weg{position:absolute;top:1mm;right:1mm;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;background:var(--surface);border:none;border-radius:var(--rad-s);padding:0}.print-label .weg:hover,.print-label .weg.wapen{color:var(--alert)}.print-label .weg svg{width:14px;height:14px}@media print{body *{visibility:hidden}.labelvel,.labelvel *{visibility:visible}.labelvel{position:absolute;top:0;left:0;gap:3mm}.print-label{border:1px solid #000000;border-radius:0;background:#fff}.print-label .codechip{color:#000}.print-label .weg{display:none}}.venster-achtergrond{position:fixed;inset:0;background:#00000073;z-index:200;display:flex;align-items:flex-end;justify-content:center}.venster{width:100%;max-height:92dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--line-strong);border-bottom:none;border-radius:var(--rad-l) var(--rad-l) 0 0;padding:var(--s2) var(--s4) calc(var(--s5) + env(safe-area-inset-bottom))}.greep{width:40px;height:4px;border-radius:2px;background:var(--line-strong);margin:0 auto var(--s4)}@media(min-width:768px){.venster-achtergrond{align-items:center;padding:var(--s4)}.venster{width:420px;max-width:100%;max-height:88dvh;border:1px solid var(--line-strong);border-radius:var(--rad-l);padding:var(--s4) var(--s5) var(--s5)}.greep{display:none}}.venster-kop{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4)}.venster-acties{display:flex;gap:var(--s2);margin-top:var(--s5)}.venster-acties .knop-primair{flex:1}.inst-indeling{display:block}@media(min-width:768px){.inst-indeling{display:grid;grid-template-columns:210px minmax(0,1fr);gap:var(--s5);align-items:start}}.inst-menu{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--rad-m);overflow:hidden;background:var(--surface)}.inst-menu-item{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);width:100%;min-height:var(--raak);padding:0 var(--s4);font-size:15px;color:var(--ink);text-align:left;cursor:pointer;background:none;border:none;border-bottom:1px solid var(--line)}.inst-menu-item:last-child{border-bottom:none}.inst-menu-item:hover{background:var(--surface-2)}.inst-menu-item.actief{background:var(--fridge-bg);color:var(--fridge);font-weight:600}.inst-menu-item svg{width:16px;height:16px;flex:0 0 auto;color:var(--ink-soft)}@media(min-width:768px){.inst-menu-item svg{display:none}}.instellingen-blok{max-width:640px}.instellingen-kop{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:var(--s6) 0 var(--s2)}.instellingen-kop:first-child{margin-top:0}.instellingen-veld{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s3) 0;min-height:64px;border-bottom:1px solid var(--line)}.instellingen-veld label{font-size:15px;font-weight:500;flex:1 1 auto}.instellingen-veld .uitleg{font-weight:400;color:var(--ink-soft);font-size:13px;margin-top:2px}.instellingen-veld input[type=text],.instellingen-veld input[type=number],.instellingen-veld select{font-size:16px;min-height:var(--raak);padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--rad-s);background:var(--bg);color:var(--ink);width:240px;flex:0 0 auto}.logo-plek{width:52px;height:52px;flex:0 0 auto;border:1px dashed var(--line-strong);border-radius:var(--rad-s);display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.logo-plek svg{width:20px;height:20px}@media(max-width:600px){.instellingen-veld{flex-direction:column;align-items:stretch;gap:var(--s2)}.instellingen-veld input[type=text],.instellingen-veld input[type=number],.instellingen-veld select{width:100%}.instellingen-veld .schakelaar{align-self:flex-start}}.scanner{display:grid;grid-template-columns:1fr;gap:var(--s4);align-items:start}@media(min-width:900px){.scanner{grid-template-columns:1fr 1fr;gap:var(--s5)}}.beeld{background:var(--beeld-bg);aspect-ratio:4 / 3;border-radius:var(--rad-m);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.beeld video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kader{width:180px;height:180px;border:2px solid var(--beeld-ink);border-radius:var(--rad-s);position:relative;opacity:.85;z-index:2}.hoek{position:absolute;width:24px;height:24px;border:3px solid var(--fridge)}.hoek.lb{top:-3px;left:-3px;border-right:none;border-bottom:none;border-top-left-radius:var(--rad-s)}.hoek.rb{top:-3px;right:-3px;border-left:none;border-bottom:none;border-top-right-radius:var(--rad-s)}.hoek.lo{bottom:-3px;left:-3px;border-right:none;border-top:none;border-bottom-left-radius:var(--rad-s)}.hoek.ro{bottom:-3px;right:-3px;border-left:none;border-top:none;border-bottom-right-radius:var(--rad-s)}.scan-tip{position:absolute;bottom:var(--s4);left:0;right:0;text-align:center;color:var(--beeld-ink);font-size:13px;opacity:.85;z-index:2}.detail-rij{display:flex;justify-content:space-between;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line);font-size:15px}.detail-rij span:first-child{color:var(--ink-soft)}.detail-rij span:last-child{font-weight:500;text-align:right}.recept-rooster{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3);max-width:760px}@media(min-width:768px){.recept-rooster{grid-template-columns:repeat(4,1fr)}}.recept-kaart{border:1px dashed var(--line-strong);border-radius:var(--rad-m);background:var(--surface);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);align-items:flex-start;opacity:.7;min-height:104px}.recept-icoon{width:36px;height:36px;border-radius:var(--rad-s);background:var(--fridge-bg);color:var(--fridge);display:flex;align-items:center;justify-content:center}.recept-icoon svg{width:18px;height:18px}.gebruiker-rij{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);min-height:68px;border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap}.gebruiker-rij:last-child{border-bottom:none}.gebruiker-rij .u-avatar{width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex:0 0 auto}.gebruiker-rij .u-wie{flex:1 1 220px;min-width:0}.gebruiker-rij .u-naam{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;font-size:15px;font-weight:500}.gebruiker-rij .u-inlognaam{font-size:13px;font-weight:600;color:var(--ink-soft);background:var(--bg);border:1px solid var(--line);padding:1px 7px;border-radius:var(--rad-pil)}.gebruiker-rij .u-email{font-size:13px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gebruiker-rij .u-acties{display:flex;align-items:center;gap:var(--s2);flex:0 0 auto;margin-left:auto}.rol-keuze{font-size:15px;min-height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--rad-s);background:var(--surface);color:var(--ink);flex:0 0 auto}.inline-formulier{border:1px dashed var(--line-strong);border-radius:var(--rad-m);padding:var(--s4);margin-top:var(--s3);max-width:420px}.tabbalk{display:flex;border-top:1px solid var(--line);background:var(--surface);position:fixed;left:0;right:0;bottom:0;z-index:80;padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s1);min-height:64px;padding:var(--s2) 2px;color:var(--ink-soft);font-size:12px;background:none;border:none;cursor:pointer}.tab .icoonhouder{display:flex;align-items:center;justify-content:center;width:56px;height:30px;border-radius:var(--rad-pil)}.tab svg{width:22px;height:22px}.tab.actief{color:var(--fridge);font-weight:600}.tab.actief .icoonhouder{background:var(--fridge-bg)}.zweefknop{position:fixed;right:var(--s4);bottom:calc(88px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:18px;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 22px -8px #00000080;z-index:90;border:none;cursor:pointer}.zweefknop svg{width:26px;height:26px}.inlogscherm{min-height:100dvh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:var(--s4)}.inlogkaart{width:380px;max-width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--rad-l);padding:var(--s5)}.inlogkaart h1{font-family:Archivo,system-ui,sans-serif;font-size:21px;margin:0 0 var(--s1)}.inlogkaart p{margin:0 0 var(--s4);font-size:14px;color:var(--ink-soft)}.onthoud-rij{display:flex;align-items:center;gap:var(--s2);margin:var(--s3) 0;font-size:15px;min-height:44px}.onthoud-rij input{width:22px;height:22px}