:root{--roze: #EC3A66;--roze-diep: #C9244F;--roze-zacht: #FDE4EB;--navy: #1A2039;--creme: #FFF7F1;--perzik: #FBE8DA;--goud: #F1B648;--groen: #17A865;--groen-zacht: #DDF5E8;--oranje: #E8892B;--oranje-zacht: #FDEBD6;--rood: #D93A3F;--rood-zacht: #FBE1E1;--bg: #FBF4EE;--oppervlak: #FFFFFF;--oppervlak-2: #FFF7F1;--lijn: #EEDFD4;--tekst: #1A2039;--tekst-2: #555B72;--tekst-3: #7C8196;--font-display: "Fredoka", "Nunito Sans", system-ui, sans-serif;--font-body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--schaduw: 0 1px 2px rgb(26 32 57 / .06), 0 6px 20px rgb(26 32 57 / .06);color-scheme:light}@media(prefers-color-scheme:dark){:root{--roze: #F25A80;--roze-diep: #FF7D9C;--roze-zacht: #3A1F2B;--navy: #E9EBF5;--creme: #191D31;--perzik: #2A2738;--groen: #3CCB86;--groen-zacht: #173327;--oranje: #F2A65A;--oranje-zacht: #3A2A1B;--rood: #F06B6F;--rood-zacht: #3B1D20;--bg: #12152A;--oppervlak: #1F2439;--oppervlak-2: #252A42;--lijn: #31375A;--tekst: #EEF0F8;--tekst-2: #B4B9CF;--tekst-3: #9096B2;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--tekst);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0;text-wrap:balance}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid color-mix(in srgb,var(--roze) 55%,transparent);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}#app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--creme)}@media(min-width:520px){#app{box-shadow:0 0 0 1px var(--lijn)}}.kop{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 10px;background:color-mix(in srgb,var(--creme) 92%,transparent);backdrop-filter:blur(8px)}.kop h1{flex:1;text-align:center;font-size:20px}.kop .ruimte{width:40px}.terug{border:0;background:none;width:40px;height:40px;border-radius:50%;font-size:24px;line-height:1}.terug:hover{background:var(--perzik)}.inhoud{flex:1;padding:6px 16px 24px;display:grid;gap:14px;align-content:start}.onderbalk{position:sticky;bottom:0;display:flex;justify-content:space-around;border-top:1px solid var(--lijn);background:var(--oppervlak);padding:8px 4px calc(env(safe-area-inset-bottom,0px) + 8px);z-index:5}.onderbalk button{border:0;background:none;display:grid;justify-items:center;gap:2px;font-size:11.5px;font-weight:700;color:var(--tekst-3);padding:2px 4px;min-width:0}.onderbalk button svg{width:22px;height:22px}.onderbalk button.actief{color:var(--roze)}.kaart{background:var(--oppervlak);border-radius:16px;padding:14px;box-shadow:var(--schaduw);display:grid;gap:10px}.kaart.zacht{background:var(--perzik);box-shadow:none}.rij{display:flex;align-items:center;gap:10px}.rij .groei{flex:1;min-width:0}.grijs{color:var(--tekst-3);font-size:13.5px}.klein{font-size:13.5px}.label-titel{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:var(--tekst-3)}.regel{display:flex;justify-content:space-between;gap:12px}.regel .omschr{color:var(--tekst-2);min-width:0;overflow-wrap:anywhere}.regel.totaal{border-top:1.5px dashed var(--lijn);padding-top:10px;font-weight:800}.bedrag-groot{font-family:var(--font-display);font-size:34px;font-weight:600}.knop{border:0;border-radius:999px;padding:14px 18px;font-weight:800;background:var(--roze);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .12s,background .12s}.knop:hover{background:var(--roze-diep)}.knop:active{transform:scale(.98)}.knop.breed{width:100%}.knop.licht{background:var(--oppervlak);color:var(--tekst);border:1.5px solid var(--lijn)}.knop.licht:hover{border-color:var(--roze)}.knop.groen{background:var(--groen)}.knop.navy{background:var(--navy);color:var(--bg)}.knop.klein{padding:8px 14px;font-size:14px}.knop[disabled]{opacity:.45;cursor:not-allowed}.twee-knoppen{display:grid;grid-template-columns:1fr 1fr;gap:10px}.veld{display:grid;gap:5px;font-size:13.5px;color:var(--tekst-2);font-weight:600}.veld input,.veld textarea,.invoer{background:var(--oppervlak);border:1.5px solid var(--lijn);border-radius:12px;padding:12px 14px;color:var(--tekst);font-size:16px;font-weight:600;width:100%}.veld input:focus,.invoer:focus,.veld textarea:focus{border-color:var(--roze);outline:none}.naast{display:flex;gap:8px;align-items:end}.naast>*{min-width:0}.fout{color:var(--rood);font-size:14px;font-weight:700}.melding{border-radius:12px;padding:10px 12px;font-size:14px}.melding.ok{background:var(--groen-zacht)}.melding.fout{background:var(--rood-zacht);color:var(--tekst)}.melding.info{background:var(--perzik)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff;flex:none;font-family:var(--font-display)}.avatar.groot{width:42px;height:42px;font-size:16px}.pil{font-size:12px;font-weight:800;border-radius:999px;padding:3px 10px;white-space:nowrap}.pil.betaald{background:var(--groen-zacht);color:var(--groen)}.pil.open{background:var(--oranje-zacht);color:var(--oranje)}.pil.gemeld{background:var(--roze-zacht);color:var(--roze-diep)}.pil.wacht{background:var(--oranje-zacht);color:var(--oranje)}.gedeeld-pil{display:inline-flex;align-items:center;gap:5px;margin-top:4px;background:var(--roze-zacht);color:var(--roze-diep);border-radius:999px;padding:3px 10px 3px 8px;font-size:12.5px;font-weight:800;line-height:1.3}.gedeeld-pil svg{width:14px;height:14px;flex:none}.regelblok{display:flex;gap:10px;align-items:flex-start;padding:6px 0}.regelblok+.regelblok{border-top:1px solid var(--lijn)}.regelblok .groei{flex:1;min-width:0}.regelblok .bedrag{text-align:right;white-space:nowrap}.regelblok .bedrag b{font-size:16px}.cat-kop{margin-top:4px}.voortgang{height:8px;background:var(--perzik);border-radius:999px;overflow:hidden}.voortgang i{display:block;height:100%;background:var(--groen);border-radius:999px;transition:width .3s}.segment{display:grid;grid-template-columns:1fr 1fr;background:var(--perzik);border-radius:12px;padding:3px}.segment button{border:0;background:none;padding:8px;border-radius:10px;font-weight:800;color:var(--tekst-2)}.segment button.aan{background:var(--oppervlak);color:var(--roze)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1.5px solid var(--lijn);background:var(--oppervlak);border-radius:999px;padding:6px 12px;font-weight:700;font-size:14px}.chip[aria-pressed=true]{border-color:var(--roze);background:var(--roze-zacht)}.radio{display:flex;gap:10px;align-items:center;border:1.5px solid var(--lijn);background:var(--oppervlak);border-radius:12px;padding:12px;font-weight:700;font-size:14.5px;width:100%;text-align:left}.radio i{width:18px;height:18px;border-radius:50%;border:2px solid var(--lijn);flex:none}.radio.aan{border-color:var(--roze);background:var(--roze-zacht)}.radio.aan i{border:5px solid var(--roze);background:#fff}.radio[disabled]{opacity:.5;cursor:not-allowed}.plus{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--lijn);background:var(--oppervlak);color:var(--roze);font-weight:800;font-size:18px;display:grid;place-items:center;padding:0;flex:none}.weg{border:0;background:none;color:var(--tekst-3);width:34px;height:34px;border-radius:50%;font-size:20px;flex:none}.weg:hover{background:var(--rood-zacht);color:var(--rood)}.avatars{display:flex;gap:12px;flex-wrap:wrap}.avatars button{border:0;background:none;display:grid;justify-items:center;gap:3px;font-size:12px;padding:0}.avatars button[aria-pressed=false]{opacity:.35}.welkom{flex:1;display:grid;grid-template-rows:minmax(240px,1fr) auto;background:#1a2039;color:#fff7f1}.welkom .foto{background:url(/foto-vrienden.jpg) center/cover;position:relative}.welkom .foto:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,#1A2039 98%)}.welkom .onder{display:grid;gap:12px;justify-items:center;text-align:center;padding:0 26px calc(env(safe-area-inset-bottom,0px) + 28px);margin-top:-64px;position:relative}.welkom .logo-rond{width:96px;height:96px;border-radius:50%;background:#f1b648;display:grid;place-items:center;box-shadow:0 0 0 6px #ffffff26}.welkom h1{font-size:38px;font-weight:700}.welkom p{margin:0 0 6px;font-size:20px;line-height:1.3}.welkom .knop.licht{background:transparent;color:#fff7f1;border-color:#fff7f18c}.welkom a{color:#fff7f1}.fotokop{border-radius:16px;aspect-ratio:17 / 7;background:url(/foto-restaurant.jpg) center/cover}.code-groot{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:30px;font-weight:800;letter-spacing:.18em}.qr{background:#fff;border-radius:12px;padding:8px;width:132px;height:132px;flex:none}.qr svg{width:100%;height:100%;display:block}.bonfoto{width:100%;max-height:420px;object-fit:contain;border-radius:12px;background:var(--oppervlak-2)}.bon{background:#fbf8f1;color:#2a2a2a;border-radius:6px;padding:18px;font-family:Courier New,ui-monospace,monospace;font-size:14px;box-shadow:0 8px 20px #0000001a;display:grid;gap:2px}.bon h3{font-family:inherit;text-align:center;font-size:19px;letter-spacing:.08em}.bon hr{border:0;border-top:1.5px dashed #bbb;margin:8px 0;width:100%}.feest{text-align:center;display:grid;gap:12px;justify-items:center;padding-top:24px}.hart-groot{width:92px;height:92px;border-radius:50%;background:var(--roze);display:grid;place-items:center}.laden{display:grid;place-items:center;padding:60px 0;color:var(--tekst-3)}.spinner{width:42px;height:42px;border:4px solid var(--perzik);border-top-color:var(--roze);border-radius:50%;animation:draai .9s linear infinite}@keyframes draai{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.offline-band{background:var(--oranje-zacht);color:var(--tekst);font-size:13.5px;padding:8px 16px;text-align:center;font-weight:700}.voet{text-align:center;font-size:12.5px;color:var(--tekst-3);padding:8px 16px 18px}.voet a{color:inherit}.privacy{line-height:1.6}.privacy h2{font-size:18px;margin-top:8px}.privacy p,.privacy li{color:var(--tekst-2)}.keuze-modus{display:grid;grid-template-columns:1fr 1fr;gap:10px}.keuze-modus button{display:grid;justify-items:start;gap:2px;text-align:left;border:2px solid var(--lijn);background:var(--oppervlak);border-radius:16px;padding:12px;color:var(--tekst)}.keuze-modus button svg{width:26px;height:26px;color:var(--roze);margin-bottom:4px}.keuze-modus button b{font-size:15px}.keuze-modus button span{font-size:12.5px;color:var(--tekst-3);line-height:1.3}.keuze-modus button[aria-pressed=true]{border-color:var(--roze);background:var(--roze-zacht)}.feest{position:relative;overflow:hidden}.hartjes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hartjes i{position:absolute;bottom:-30px;font-style:normal;color:var(--roze);opacity:0;animation:zweef 4.5s ease-in infinite}.hartjes i:nth-child(odd){color:var(--goud)}@keyframes zweef{0%{transform:translateY(0) scale(.7);opacity:0}15%{opacity:.9}to{transform:translateY(-110vh) scale(1.2);opacity:0}}@media(prefers-reduced-motion:reduce){.hartjes{display:none}}.bedankje{text-align:left}.bedankje .keuzes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.bedankje .keuze{border:2px solid var(--lijn);background:var(--oppervlak);border-radius:14px;padding:12px 6px;font-weight:800;font-size:16px;text-align:center}.bedankje .keuze.nee{grid-column:1 / -1;display:grid;gap:2px}.bedankje .keuze.nee small{font-weight:600;font-size:12px;color:var(--tekst-3)}.bedankje .keuze[aria-checked=true]{border-color:var(--roze);background:var(--roze-zacht)}.stroom{display:grid;gap:4px;font-size:14px;background:var(--oppervlak-2);border-radius:12px;padding:10px 12px}.bedank-tekst{width:100%;min-height:84px;resize:vertical}.menu-raster{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-raster figure{margin:0;display:grid;gap:4px}.menu-raster button.foto{border:0;padding:0;border-radius:12px;overflow:hidden;aspect-ratio:3 / 4;background:var(--oppervlak-2)}.menu-raster img{width:100%;height:100%;object-fit:cover;display:block}.menu-raster figcaption{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--tekst-3)}.menu-raster figcaption span{flex:1;min-width:0}.groot-beeld{position:fixed;inset:0;z-index:50;background:#0a0c18f0;display:grid;grid-template-rows:auto 1fr}.groot-beeld .balk{display:flex;justify-content:flex-end;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 6px}.groot-beeld .balk button{border:0;background:#ffffff26;color:#fff;border-radius:999px;padding:8px 16px;font-weight:800}.groot-beeld .beeld{overflow:auto;display:grid;place-items:center;padding:8px}.groot-beeld img{max-width:100%;height:auto;border-radius:8px}.keuze-regel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 10px;padding:10px 0;border-top:1px solid var(--lijn)}.keuze-regel .acties{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.keuze-regel .acties .knop{min-height:44px}.letters{flex:none;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--lijn);background:var(--oppervlak);color:var(--tekst);font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1;padding:0;display:grid;place-items:center;grid-auto-flow:column}.letters span{font-size:12px;align-self:end;margin-bottom:11px}.letters[aria-pressed=true]{background:var(--roze);border-color:var(--roze);color:#fff}.letters.op-foto{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;z-index:2;background:#ffffffe6;color:#1a2039;border-color:transparent}.welkom{position:relative}html.groot #app{zoom:1.22}.chip .weg{color:inherit}.welkom-kaart{position:relative;border-radius:20px;overflow:hidden;min-height:168px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:18px;background:linear-gradient(to top,#1a2039eb 8%,#1a203959 60%,#1a20391a),url(/foto-restaurant.jpg) center/cover;color:#fff7f1}.welkom-kaart h2{font-size:30px;line-height:1.1;margin:2px 0 4px}.welkom-kaart .klein-kop{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f1b648}.welkom-kaart .sub{font-size:15px;opacity:.9}.welkom-kaart .pil{flex:none}.bestel-kaart{border:2px solid var(--roze-zacht)}.bestel-kaart h3{font-size:21px}.mijn-deel{border:0;background:var(--perzik);border-radius:14px;padding:12px 14px;text-align:left;width:100%}.mijn-deel b.num{font-size:19px}.uitklap{border:0;background:none;padding:0;width:100%;text-align:left}.uitklap .pijl{font-size:18px;color:var(--tekst-3);width:18px;text-align:center}.stapel{display:flex}.stapel .avatar{box-shadow:0 0 0 2px var(--oppervlak)}.stapel .avatar+.avatar{margin-left:-10px}.welkom-kaart .web-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;border-radius:999px;background:#fff7f129;color:#fff7f1;font-weight:700;font-size:14px;text-decoration:none;backdrop-filter:blur(4px)}.keuze-lijst{display:grid;gap:6px}.keuze-lijst select{appearance:none;-webkit-appearance:none;width:100%;border:2px solid var(--roze);border-radius:14px;padding:14px 44px 14px 16px;font-size:17px;font-weight:700;color:var(--tekst);cursor:pointer;background:var(--oppervlak) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23EC3A66' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center}.betaal-rij{display:grid;gap:8px;padding:6px 0;border-top:1px solid var(--lijn)}.betaal-rij:first-of-type{border-top:0}.knop.groot{padding:18px;font-size:19px;gap:10px}.knop.groot svg{width:26px;height:26px}.snelkoppelingen{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.voor-knop{display:flex;align-items:center;gap:10px;width:100%;border:2px solid var(--roze);border-radius:14px;background:var(--oppervlak);padding:10px 14px;text-align:left;font-size:16px}.voor-knop .pijl,.uitklap .pijl{color:var(--roze);font-size:18px}.voor-lijst{display:grid;gap:4px;border:1.5px solid var(--lijn);border-radius:14px;padding:8px 10px 10px}.voor-optie{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--lijn);font-weight:600;cursor:pointer}.voor-optie input{width:22px;height:22px;accent-color:var(--roze);flex:none}.hub-knop{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:2px solid var(--lijn);background:var(--oppervlak);border-radius:18px;padding:16px;color:var(--tekst)}.hub-knop:hover{border-color:var(--roze)}.hub-knop>svg{width:30px;height:30px;color:var(--roze);flex:none}.hub-knop b{display:block;font-size:18px}.hub-knop span:not(.pijl){display:block;font-size:14px;color:var(--tekst-3)}.hub-knop .pijl{font-size:26px;color:var(--roze)}.hub-knop .groei{flex:1;min-width:0}.welkom-kaart .web-links{display:flex;flex-wrap:wrap;gap:8px}.welkom-kaart .web-link svg{flex:none}.betaal-keuze{gap:10px}.invul-rij{display:flex;gap:8px;align-items:center}.invul-rij .invoer{flex:1;min-width:0}.invul-rij .knop{flex:none;white-space:nowrap}.cat-knoppen{display:flex;gap:4px;flex:none}.cat-knoppen button{width:46px;height:46px;border-radius:12px;border:1.5px solid var(--lijn);background:var(--oppervlak);font-size:22px;padding:0;line-height:1}.cat-knoppen button[aria-checked=true]{border:2px solid var(--roze);background:var(--roze-zacht)}.voor-letters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.voor-letters button{border:0;background:none;padding:2px;border-radius:50%}.voor-letters button .avatar{width:38px;height:38px;font-size:15px;opacity:.45}.voor-letters button[aria-checked=true] .avatar{opacity:1;box-shadow:0 0 0 3px var(--creme),0 0 0 5px var(--roze)}.bestel-regel{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--lijn)}.bestel-regel:first-of-type{border-top:0}.bestel-regel .groei{flex:1;min-width:0}.cat-icoon{font-size:20px;flex:none;width:26px;text-align:center}.voor-letter .avatar{width:26px;height:26px;font-size:12px}.cat-select{appearance:none;-webkit-appearance:none;flex:none;width:52px;height:48px;border-radius:12px;border:2px solid var(--roze);background:var(--oppervlak) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23EC3A66' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 5px bottom 6px;font-size:22px;text-align:center;padding:0 8px 0 6px;cursor:pointer}.invul-rij .prijs-veld{flex:0 0 78px;padding-left:10px;padding-right:10px}.invul-rij #item-naam,.invul-rij #deel-naam{padding-left:12px;padding-right:10px}.voor-kies{flex:none;display:flex;align-items:center;gap:4px;height:48px;padding:0 8px 0 6px;border:2px solid var(--roze);border-radius:12px;background:var(--oppervlak);cursor:pointer}.voor-kies[aria-expanded=true]{background:var(--roze-zacht)}.voor-kies .avatar{width:32px;height:32px;font-size:14px}.voor-kies .pijl{color:var(--roze);flex:none}.voor-kies[aria-expanded=true] .pijl{transform:rotate(180deg)}.voor-kies-lijst{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.voor-kies-lijst button{display:flex;align-items:center;gap:6px;border:1.5px solid var(--lijn);background:var(--oppervlak);border-radius:999px;padding:4px 12px 4px 4px;font-weight:700}.voor-kies-lijst button[aria-checked=true]{border-color:var(--roze);background:var(--roze-zacht)}.kaart.betaald-door{margin-top:-8px;margin-left:18px;border-left:3px solid var(--roze-zacht)}.trakteer-keuze{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;border:1.5px solid var(--lijn);border-radius:12px;padding:10px 12px;min-width:0}.trakteer-keuze select{grid-column:1 / -1;width:100%;min-width:0;border:2px solid var(--roze);border-radius:10px;background:var(--oppervlak);color:var(--tekst);font-weight:700;padding:10px;font-size:15px;text-overflow:ellipsis}.cadeau{font-size:24px;line-height:1;flex:none}.traktatie b{color:var(--roze)}.regel-traktatie{flex:none;border:1.5px solid var(--lijn);border-radius:10px;background:var(--oppervlak);color:var(--tekst);font-size:13px;padding:4px 6px;max-width:92px}.regel-traktatie.aan{border-color:var(--roze);background:var(--roze-zacht);font-weight:700}.avatar.met-foto{padding:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.welkom-kaart{align-items:flex-end}.foto-knop{position:relative;flex:none;cursor:pointer;align-self:flex-start}.foto-knop .avatar{width:56px;height:56px;font-size:22px;box-shadow:0 0 0 3px #fff7f1d9}.foto-knop .camera{position:absolute;right:-4px;bottom:-4px;background:#fff7f1;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:13px}.badge{flex:none;min-width:22px;height:22px;border-radius:999px;background:var(--rood, #E5484D);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;padding:0 6px}.chat-knop{border:0;text-align:left}.binnen{display:grid;gap:10px}.klaar-rij,.gesprek-rij{border:0;background:none;padding:10px 0;border-top:1px solid var(--lijn);text-align:left;width:100%}.klaar-rij .pijl,.gesprek-rij .pijl{color:var(--roze);font-size:20px}.groep-totaal{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;text-align:center;background:var(--perzik);border-radius:14px;padding:10px}.groep-totaal b{display:block;font-size:19px}.groep-rij{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--lijn)}.groep-rij .groei{flex:1;min-width:0}.groep-rij .labels{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.groep-rij .labels .pil{font-size:11px;padding:2px 8px;white-space:normal}.groep-rij .bedrag{text-align:right;flex:none}.mijn-bestelling-blok{border:2px dashed var(--lijn)}.wie-letters{display:flex;flex:none;align-self:center}.wie-letters .avatar{width:26px;height:26px;font-size:12px;box-shadow:0 0 0 2px var(--oppervlak)}.wie-letters .avatar+.avatar{margin-left:-8px}.chat-kop{padding-bottom:6px;border-bottom:1px solid var(--lijn)}.chat-lijst{display:flex;flex-direction:column;gap:8px;max-height:58vh;overflow-y:auto;padding:4px 2px}.bubbel{max-width:82%;padding:9px 12px;border-radius:16px;line-height:1.35;white-space:pre-wrap;word-break:break-word}.bubbel.mij{align-self:flex-end;background:var(--roze);color:#fff;border-bottom-right-radius:4px}.bubbel.ander{align-self:flex-start;background:var(--oppervlak);border:1px solid var(--lijn);border-bottom-left-radius:4px}.bubbel .tijd{display:block;font-size:11px;opacity:.75;margin-top:3px;text-align:right}.chat-invoer{display:flex;gap:8px;align-items:flex-end;position:sticky;bottom:70px;background:var(--creme);padding-top:6px}.chat-invoer textarea{flex:1;resize:none;min-height:48px}.chat-invoer .knop{flex:none;width:52px;height:48px;padding:0;font-size:20px}.hoi-foto{display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left}.hoi-foto .avatar{width:56px;height:56px;font-size:22px;box-shadow:0 0 0 3px #fff7f1cc}.hoi-foto span{display:grid;font-weight:700;font-size:18px}.hoi-foto small{font-weight:600;font-size:13px;opacity:.8}.schakel{flex:none;width:46px;height:28px;border-radius:999px;background:var(--lijn);position:relative;transition:background .2s}.schakel i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.schakel.aan{background:var(--roze)}.schakel.aan i{transform:translate(18px)}.link-knop{border:0;background:none;color:var(--roze);font-weight:700;text-decoration:underline;padding:8px 0;justify-self:start;cursor:pointer}