:root{--ink:#081125;--merk:#132f92;--blauw:#3960f0;--periwinkle:#b7c8fc;--zand:#f0f1f6;--zacht:#e7ebf2;--lijn:#d5dce7;--gedempt:#5c6480;--rood:#b42318;--succes:#168161;--stip:#96cc1f;--creme:#feedd1;--amber:#ecaf39;--amber-tekst:#7a4d00;--rond:16px;--schaduw:0 18px 50px #08112514;--schaduw-zacht:0 8px 24px #08112512;--focus:0 0 0 3px #3960f059}*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0;padding:0}body{letter-spacing:-.0125em;color:var(--ink);background:var(--zand);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif}button{font:inherit;letter-spacing:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}input,select{font:inherit;letter-spacing:inherit;color:inherit}a{color:var(--merk)}:where(button,a,input,select,summary):focus-visible{outline:3px solid var(--merk);outline-offset:3px}.klant :where(button,a):focus-visible{outline-color:#fff}.knop{background:var(--ink);color:#fff;border:0;border-radius:12px;padding:12px 18px;font-weight:700;transition:background-color .2s}.knop:hover:not(:disabled){background:#1b2a4a}.knop.primair{background:var(--merk);color:#fff}.knop.primair:hover:not(:disabled){background:var(--ink)}.knop.rood{background:var(--rood);color:#fff}.knop.rood:hover:not(:disabled){background:#8f1c13}.knop.licht{color:var(--ink);border:1px solid var(--lijn);background:#fff}.knop.licht:hover:not(:disabled){background:var(--zand);border-color:#a1afc5}.knop.klein{border-radius:10px;padding:7px 12px;font-size:14px}.knop.breed{border-radius:var(--rond);width:100%;min-height:56px;font-size:17px}.knop[aria-disabled=true]{opacity:.5;cursor:default}.tekstknop{text-underline-offset:3px;color:inherit;background:0 0;border:0;padding:6px 4px;font-weight:700;text-decoration:underline}.veld{border-radius:var(--rond);background:#fff;border:1px solid #a1afc5;width:100%;height:52px;padding:0 16px;font-size:17px}.veld:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);outline:none}.label{margin:18px 0 6px;font-weight:700;display:block}.fout{color:var(--rood)}.gedempt{color:var(--gedempt)}.klein{font-size:15px}.pagina{max-width:480px;margin:0 auto;padding:48px 20px}.pagina h1{letter-spacing:-.025em;margin:32px 0 10px;font-size:34px;font-weight:600;line-height:1.15}.pagina h1 .punt{color:var(--blauw)}.pagina p{color:#33405a;font-size:17px;line-height:1.55}.pagina .fout{color:var(--rood)}.pagina .gedempt{color:var(--gedempt)}.pagina p.klein{font-size:15px}.logo{width:auto;height:40px;display:block}.pagina>.logo{margin:0 auto}.logo.wit{filter:brightness(0)invert()}.kaart{border:1px solid var(--lijn);box-shadow:var(--schaduw-zacht);background:#fff;border-radius:24px;margin-top:20px;padding:22px}.kaart p{font-size:15px}.toestemming{color:var(--ink);background:#fff;position:fixed;inset:0;overflow:auto}.beloftes{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.beloftes li{padding-left:26px;font-size:16px;line-height:1.5;position:relative}.beloftes li:before{content:"";background:var(--merk);border-radius:50%;width:8px;height:8px;position:absolute;top:.55em;left:4px}.opties{gap:12px;margin:22px 0 14px;display:grid}.optie{text-align:left;width:100%;min-height:64px;color:var(--ink);border:1px solid var(--lijn);border-radius:var(--rond);box-shadow:var(--schaduw-zacht);background:#fff;padding:18px;transition:border-color .2s,box-shadow .2s;display:block}.optie:hover:not(:disabled){border-color:var(--merk);box-shadow:0 0 0 1px var(--merk), var(--schaduw-zacht)}.optie strong{color:var(--merk);margin-bottom:4px;font-size:18px;display:block}.optie span{color:#33405a;font-size:15px;line-height:1.45;display:block}.camerafout{border:1px solid var(--rood);border-radius:var(--rond);background:#fff;margin:16px 0;padding:2px 16px}.camerafout p{margin:10px 0;font-size:15px}.banner-licht{background:var(--creme);border:1px solid var(--amber);border-radius:var(--rond);margin:20px 0 0;padding:12px 16px}.klant{background:var(--ink);color:#fff;position:fixed;inset:0;overflow:hidden}.klant video.camera{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.klant video.camera.spiegel{transform:scaleX(-1)}.klant .boven{padding:max(14px, env(safe-area-inset-top)) 16px 16px;background:linear-gradient(#081125b3,#0000);align-items:flex-start;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.klant .boven .logo{height:46px;margin-top:0}.klant .rechtsboven{flex-direction:column;flex:1;align-items:flex-end;gap:6px;display:flex}.klant .status{text-align:right;background:#081125b8;border-radius:999px;padding:5px 12px;font-size:15px;font-weight:700}.klant .status.probleem{background:var(--creme);color:var(--ink)}.aipil{color:#fff;background:#08112599;border:1px solid #ffffff8c;border-radius:999px;min-height:32px;padding:6px 12px;font-size:14px;font-weight:700}.aipil:before{content:"";vertical-align:1px;background:#9aa3b2;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.aipil.aan:before{background:var(--stip)}.aipil:disabled{opacity:.8}.klant .pip{right:12px;top:calc(max(14px, env(safe-area-inset-top)) + 84px);object-fit:cover;background:#0d1d48;border:2px solid #ffffffbf;border-radius:14px;width:96px;height:128px;position:absolute}.klant .naamkaart{right:12px;top:calc(max(14px, env(safe-area-inset-top)) + 218px);text-align:center;background:#081125cc;border-radius:10px;width:96px;padding:5px 6px;line-height:1.25;position:absolute}.klant .naamkaart strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.klant .naamkaart span{color:#d6dcea;font-size:11px;display:block}.klant .naamkaart.zonderbeeld{top:calc(max(14px, env(safe-area-inset-top)) + 84px);text-align:left;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;width:auto;max-width:200px;padding:8px 12px 8px 8px;display:grid}.klant .naamkaart .initiaal{background:var(--merk);color:#fff;border-radius:50%;grid-row:span 2;place-items:center;width:38px;height:38px;font-size:17px;font-weight:700;display:grid}.klant .onder{padding:16px 16px max(18px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#081125cc);position:absolute;bottom:0;left:0;right:0}.klant .banner{border-radius:var(--rond);background:#081125e0;margin-bottom:12px;padding:13px 15px;font-size:16px;line-height:1.4}.klant .banner strong{color:var(--periwinkle)}.klant .ophangvraag{border:1px solid #ffffff59}.klant .knoppen{gap:10px;display:flex}.klant .knoppen .knop{border-radius:14px;flex:1;min-height:52px;font-size:16px}.klant .knoppen:has(.draai) .knop{padding:10px 8px;font-size:15px;line-height:1.2}.kleineregel{color:#d6dcea;margin-top:6px;font-size:15px}.aistip{background:var(--stip);border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.knop.licht.uit{background:var(--creme);border-color:var(--amber);color:var(--ink)}.microuit{background:var(--creme);color:var(--ink);border-radius:12px;margin-bottom:10px;padding:9px 13px;font-weight:700}.medewerker{background:var(--zand);grid-template-columns:minmax(0,1fr) 440px;height:100dvh;display:grid}.medewerker>*{min-height:0}.medewerker .links{flex-direction:column;min-width:0;display:flex;overflow:hidden}.medewerker .kop{border-bottom:1px solid var(--lijn);background:#fff;align-items:center;gap:16px;min-height:72px;padding:12px 20px;display:flex}.medewerker .kop .logo{height:36px}.medewerker .kop .titel{border-left:1px solid var(--lijn);flex:1;min-width:0;padding-left:16px}.medewerker .kop .titel strong{font-size:16px;display:block}.medewerker .kop .titel .gedempt{font-size:14px}.kwaliteit{white-space:nowrap;cursor:help;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:700}.kwaliteit.goed{color:#0f5c45;background:#e3f3ec}.kwaliteit.matig{background:var(--creme);color:var(--amber-tekst)}.kwaliteit.slecht{color:var(--rood);background:#fdecea}.ophangvraag-m{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:60%;font-size:14px;font-weight:600;display:flex}.medewerker .strook{gap:8px;padding:12px 20px 0;display:grid}.geluidsbalk{background:var(--creme);border:1px solid var(--amber);color:var(--ink);border-radius:14px;gap:6px;padding:9px 13px;font-weight:700;display:grid}.geluidsbalk>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.geluidsbalk .regel{flex-basis:100%;font-weight:500}.geluidsbalk .knop{background:var(--merk)}.medewerker .opnamebalk{border:1px solid var(--lijn);box-shadow:var(--schaduw-zacht);background:#fff;border-radius:14px;padding:10px 14px}.medewerker .opnamebalk.stil{border-color:var(--amber);background:#fffaf0}.medewerker .opnamebalk .chips span{border:1px solid var(--periwinkle);background:#eef2ff;border-radius:999px;padding:3px 10px;font-size:14px}.medewerker .opnamebalk .chips .meer{background:0 0;border-style:dashed}.medewerker .waarschuwing{color:var(--amber-tekst);margin-top:6px;font-weight:600}.medewerker .aanwijzing{border:1px solid var(--lijn);border-left:4px solid var(--merk);background:#fff;border-radius:14px;padding:10px 14px;line-height:1.4}.medewerker .aanwijzing strong{color:var(--merk)}.opnamestip{background:#e5484d;border-radius:50%;width:10px;height:10px;margin-right:6px;animation:1.2s infinite knipper;display:inline-block}@keyframes knipper{50%{opacity:.3}}.medewerker .beeldvak{background:var(--ink);color:#fff;border-radius:20px;flex:1;justify-content:center;align-items:center;min-height:0;margin:12px 20px;display:flex;position:relative;overflow:hidden}.medewerker .beeldvak video.klantbeeld{object-fit:contain;background:var(--ink);width:100%;height:100%;position:absolute;inset:0}.medewerker .beeldvak .leeg{color:#c9d1de;text-align:center;padding:24px}.medewerker .beeldvak .leeg .leegkop{color:#fff;font-size:19px;font-weight:700}.medewerker .beeldvak .eigen{background:#0d1d48;border:2px solid #fff9;border-radius:12px;width:140px;position:absolute;bottom:14px;right:14px}.medewerker .bediening{border-top:1px solid var(--lijn);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px;display:flex}.medewerker .bediening select{background:#fff;border:1px solid #a1afc5;border-radius:12px;height:44px;padding:0 12px}.camknop{margin-left:auto}.camknop+.aischakelaar{margin-left:0}.aischakelaar{border:1px solid var(--lijn);color:var(--ink);background:#fff;border-radius:999px;margin-left:auto;padding:8px 14px;font-weight:700}.aischakelaar:before{content:"";vertical-align:1px;background:#9aa3b2;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.aischakelaar.aan:before{background:var(--stip)}.medewerker .melding{color:var(--rood);flex-basis:100%;font-weight:600}.weggooivraag{background:var(--creme);border:1px solid var(--amber);border-radius:14px;flex-basis:100%;padding:10px 13px}.draaier{vertical-align:-2px;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.9s linear infinite draai;display:inline-block}@keyframes draai{to{transform:rotate(360deg)}}.medewerker .rechts{padding:12px 16px 20px 4px;overflow:auto}.medewerker .rechts .sectie{border:1px solid var(--lijn);box-shadow:var(--schaduw-zacht);background:#fff;border-radius:20px;margin-top:12px;padding:16px 18px}.medewerker .samenvatting{z-index:1;border:1px solid var(--lijn);box-shadow:var(--schaduw);background:#fff;border-radius:20px;gap:10px;margin-top:0;padding:16px 18px;display:grid;position:sticky;top:0}.medewerker .totaal{justify-content:space-between;align-items:baseline;display:flex}.medewerker .totaal .getal{letter-spacing:-.03em;color:var(--merk);font-size:30px;font-weight:700}.tellingen{gap:8px;display:grid}.tellingen:empty{display:none}.bezig{background:var(--zand);border-radius:12px;padding:10px 12px;font-size:14px}.geteld{color:#0f5c45;background:#e3f3ec;border-radius:12px;padding:8px 12px;font-size:14px;font-weight:700}.foutkaart{border:1px solid var(--rood);background:#fdecea;border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.4}.dubbel{border:1px solid var(--amber);background:#fffaf0;border-radius:14px;padding:10px 12px;font-size:14px}.dubbel p{margin:8px 0;line-height:1.4}.dubbelbeelden{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.dubbelbeelden figure{margin:0}.dubbelbeelden img{aspect-ratio:4/3;object-fit:cover;background:var(--zacht);border-radius:10px;width:100%}.dubbelbeelden figcaption{color:#4a5468;margin-top:2px;font-size:13px}.dubbelknoppen{flex-wrap:wrap;gap:8px;display:flex}.afrondpaneel{border:2px solid var(--merk);border-radius:14px;padding:12px}.afrondpaneel p{margin:6px 0;font-size:14px;line-height:1.4}.knoppenrij{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.ruimtekop{text-align:left;width:100%;color:inherit;background:0 0;border:0;align-items:baseline;gap:8px;padding:2px 0;display:flex}.ruimtekop strong{font-size:16px}.ruimtekop .pijl{width:14px;color:var(--gedempt)}.ruimtekop .gedempt{font-size:14px}.ruimtekop .ruimtem3{color:var(--merk);margin-left:auto;font-weight:700}.medewerker .ruimte .stuk:first-of-type{margin-top:8px}.stuk{border-top:1px solid var(--zacht);grid-template-columns:20px 44px 1fr auto;align-items:center;gap:10px;padding:7px 0;display:grid}.stuk img,.stuk .geenbeeld{object-fit:cover;background:var(--zacht);border-radius:10px;width:44px;height:44px}.stuk.doos .geenbeeld{background:0 0}.stuk .naam{font-size:14px;font-weight:600;line-height:1.3}.stuk .naam small{color:#4a5468;font-size:13px;font-weight:400;display:block}.stuk .aantal{align-items:center;gap:6px;display:flex}.stuk .aantal button{border:1px solid var(--lijn);width:32px;height:32px;color:var(--ink);background:#fff;border-radius:10px;font-weight:700}.stuk .aantal button:hover:not(:disabled){border-color:var(--merk);color:var(--merk)}.stuk.niet-mee .naam{color:var(--gedempt);text-decoration:line-through}.zekerheid-laag{color:#b54708}.notitie{color:#6b4e00;background:#fffaf0;border:1px solid #f6dfb0;border-radius:10px;margin-top:8px;padding:8px 10px;font-size:13px}.bewaarfout{color:var(--rood);margin:6px 0 0;font-size:14px}.toevoegform{grid-template-columns:1fr 72px 96px;gap:8px;margin-top:10px;font-size:13px;font-weight:700;display:grid}.toevoegform label{gap:4px;display:grid}.toevoegform .veld{border-radius:10px;height:40px;padding:0 10px;font-size:15px;font-weight:400}.toevoegform .knoppenrij{grid-column:1/-1;margin-top:0}.linkblok code{overflow-wrap:anywhere;background:var(--zand);border-radius:10px;margin-top:8px;padding:9px 11px;font-size:13px;display:block}.linkblok p{margin:8px 0 0;font-size:14px}.linkblok .wachttijd{font-weight:700}.linkblok .versturen{margin-top:6px}.linkblok .versturen .knoppenrij{margin-top:8px}.linkblok .verstuurd{color:var(--groen,#1d7a46);font-weight:700}@media (prefers-reduced-motion:reduce){.opnamestip,.draaier{animation:none}*{transition-duration:.01ms!important}}@media (max-width:900px){.medewerker{grid-template-columns:1fr;height:auto}.medewerker .links{height:75vh}.medewerker .rechts{padding:0 16px 20px}.medewerker .samenvatting{position:static}}.stuk .kies{width:18px;height:18px;accent-color:var(--merk);margin:0}.stuk.gekozen{background:#eef2ff;border-radius:10px}.allesselecteren{color:var(--gedempt);align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:600;display:flex}.allesselecteren input{width:18px;height:18px;accent-color:var(--merk);margin:0}.verplaatsbalk{border:2px solid var(--merk);background:#f7f8ff;border-radius:14px;gap:8px;margin-top:10px;padding:12px;font-size:14px;display:grid}.verplaatsbalk label{gap:4px;font-weight:700;display:grid}.verplaatsbalk label:has(input[type=number]){grid-template-columns:auto 80px auto;align-items:center;gap:8px}.verplaatsbalk .veld{border-radius:10px;height:40px;padding:0 10px;font-size:15px;font-weight:400}.verplaatsbalk p{margin:0}.ruimtemelding{color:#0f5c45;background:#e3f3ec;border-radius:10px;margin:8px 0 0;padding:7px 10px;font-size:14px;font-weight:700}.presentatiebalk{border:2px solid var(--merk);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.presentatiebalk img{object-fit:cover;background:var(--zacht);border-radius:6px;width:64px;height:40px}.presentatiebalk .tekst{flex:1;min-width:180px;font-size:14px}.presentatie-m .uitleg{margin:8px 0 0;font-size:13px}.diaraster{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.dia{position:relative}.diaknop{border:2px solid var(--lijn);text-align:left;width:100%;color:inherit;background:#fff;border-radius:10px;padding:0;display:block;overflow:hidden}.diaknop:hover:not(:disabled){border-color:var(--merk)}.dia.actief .diaknop{border-color:var(--merk);box-shadow:0 0 0 2px var(--periwinkle)}.diaknop img{aspect-ratio:4/3;object-fit:cover;background:var(--zacht);width:100%;display:block}.diaknop span{text-overflow:ellipsis;white-space:nowrap;padding:4px 6px;font-size:12px;font-weight:600;display:block;overflow:hidden}.diaknop em{color:#fff;background:var(--merk);border-radius:999px;padding:2px 7px;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:6px;left:6px}.diaweg{color:#fff;background:#081125b3;border:0;border-radius:50%;width:24px;height:24px;font-size:15px;line-height:1;position:absolute;top:4px;right:4px}label.knop{cursor:pointer;display:inline-block}label.knop.bezig{opacity:.6;cursor:default}.klant .presentatie{background:var(--ink);padding:calc(max(10px, env(safe-area-inset-top)) + 62px) 6px calc(max(18px, env(safe-area-inset-bottom)) + 74px);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.klant .presentatie .presentatiebeeld{background:0 0;border:0;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:0;display:flex}.klant .presentatie img{object-fit:contain;background:#fff;border-radius:8px;max-width:100%;max-height:100%}.klant .presentatie .presentatietitel{color:#d6dcea;text-align:center;margin:0;font-size:13px}.klant .presentatie.groot{z-index:20;padding:max(8px, env(safe-area-inset-top)) 0 max(8px, env(safe-area-inset-bottom));background:#000;position:fixed}.klant .presentatie.groot img{border-radius:0}@media (orientation:portrait){.klant .presentatie.groot img.liggend{max-width:none;height:auto;max-height:none;width:min(100dvh - 24px, (100vw - 16px) * var(--verhouding,1.333));transform:rotate(90deg)}}.klant .presentatie .sluitgroot{right:12px;top:max(12px, env(safe-area-inset-top));position:absolute}.klant .pip.verborgen,.klant .status.stil{display:none}.klant .banner .tekstknop.licht{color:#fff;padding:0 2px;font-weight:700}.bijzvelden{border:0;gap:10px;min-width:0;margin:8px 0 0;padding:0;display:grid}.bijzvelden legend{margin-bottom:4px;padding:0;font-size:13px}.kenmerken{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.kenmerken label{align-items:flex-start;gap:8px;font-size:14px;line-height:1.3;display:flex}.kenmerken input{width:18px;height:18px;accent-color:var(--merk);flex:none;margin:0}.veldlabel{gap:4px;font-size:13px;font-weight:700;display:grid}.veldlabel .veld{border-radius:10px;height:auto;min-height:40px;padding:8px 10px;font-family:inherit;font-size:15px;font-weight:400}.veldlabel textarea.veld{resize:vertical;line-height:1.4}.bijzstand{min-height:16px;margin:0;font-size:12px}.ruimtenotitie{gap:8px;margin-top:10px;display:grid}.bijzonderestukken{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.klant .pip.gast,.klant .naamkaart.gast{left:12px;right:auto}.medewerker .beeldvak .gastbeeld{background:#0d1d48;border:2px solid #fff9;border-radius:12px;width:160px;position:absolute;top:14px;left:14px}.medewerker .beeldvak .gastlabel{color:#fff;background:#081125cc;border-radius:999px;max-width:200px;padding:3px 10px;font-size:13px;font-weight:700;position:absolute;top:136px;left:14px}.medewerker .beeldvak .gastlabel.zonderbeeld{top:14px}.linkblok .meekijk{border-top:1px solid var(--zacht);margin-top:14px;padding-top:12px}.gastpagina video.camera{object-fit:contain;background:var(--ink)}.gastpagina .eigenklein{left:12px;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 84px);object-fit:cover;background:#0d1d48;border:2px solid #ffffffb3;border-radius:12px;width:84px;height:112px;position:absolute}.gastpagina .eigenklein.spiegel{transform:scaleX(-1)}