@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-8kRkwJBP.woff2)format("woff2")}:root{--kk-groen:#337a37;--kk-groen-licht:#52a24b;--kk-groen-donker:#275c2a;--kk-oranje:#e89221;--kk-oranje-donker:#db6e1a;--obsidian:#17181a;--graphite:#4b514d;--steel:#8e9194;--hairline:#d8d8d8;--achtergrond:#f2f3f2;--kaart:#fff;--fout:#b23a2e;--radius:14px;--schaduw:0 1px 3px #17181a14, 0 4px 14px #17181a0f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--achtergrond);color:var(--obsidian);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.45}#root{background:var(--achtergrond);max-width:480px;min-height:100dvh;margin:0 auto}.app-laden{text-align:center;color:var(--steel);padding:40vh 24px 0}.statusbalk{z-index:10;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--kk-groen);color:#fff;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex;position:sticky;top:0}.statusbalk-merk{letter-spacing:.01em;align-items:center;gap:8px;font-size:14px;display:flex}.statusbalk-logo{width:24px;height:24px;color:var(--kk-groen);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:inline-flex}.statusbalk-status{align-items:center;gap:6px;font-weight:500;display:flex}.statusbalk-sync{color:#ffffffd9;margin-right:4px;font-size:12px}.statusdot{border-radius:50%;width:9px;height:9px;display:inline-block}.statusdot.online{background:#8fe08a;box-shadow:0 0 0 3px #8fe08a4d}.statusdot.offline{background:var(--kk-oranje);box-shadow:0 0 0 3px #e892214d}.pagina{flex-direction:column;min-height:100dvh;display:flex}.inhoud{padding:16px 16px calc(84px + env(safe-area-inset-bottom));flex:1}.paginatitel{letter-spacing:-.02em;margin:8px 0 2px;font-size:26px;font-weight:800}.paginasub{color:var(--steel);margin:0 0 16px;font-size:14px}.sectietitel{color:var(--graphite);text-transform:uppercase;letter-spacing:.06em;margin:20px 4px 10px;font-size:15px;font-weight:700}.leegmelding{color:var(--steel);text-align:center;padding:24px 0}.foutmelding{color:var(--fout);background:#fbeeec;border-radius:10px;margin:8px 0;padding:10px 12px;font-size:14px}.cachemelding{color:#7a5410;background:#fdf3e3;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:13px}.kaart{background:var(--kaart);border-radius:var(--radius);box-shadow:var(--schaduw);margin-bottom:12px;padding:16px}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-licht{color:var(--graphite);background:#eef1ee}.knop{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;transition:filter .15s;display:inline-flex}.knop:active{filter:brightness(.92)}.knop-primair{background:var(--kk-groen);color:#fff}.knop-primair:disabled{background:var(--hairline);color:var(--steel);cursor:default}.knop-secundair{color:var(--kk-groen-donker);border:1.5px solid var(--kk-groen);background:#fff}.knop-breed{width:100%}.knoppenrij{gap:10px;margin-top:14px;display:flex}.knoppenrij .knop{flex:1}.kluskaart-kop{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kluskaart-tijd{color:var(--obsidian);font-variant-numeric:tabular-nums;margin-right:2px;font-size:18px;font-weight:800}.kluskaart-klant{letter-spacing:-.01em;margin:10px 0 2px;font-size:19px;font-weight:700}.kluskaart-plaats{color:var(--graphite);margin:0;font-size:14px}.kluskaart-context{color:var(--steel);margin:8px 0 0;font-size:14px}.loginscherm{flex-direction:column;justify-content:center;min-height:100dvh;padding:24px 20px 48px;display:flex}.login-merk{text-align:center;margin-bottom:24px}.login-logo{background:var(--kk-groen);color:#fff;width:64px;height:64px;box-shadow:var(--schaduw);border-radius:18px;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:inline-flex}.login-merk h1{letter-spacing:-.02em;margin:14px 0 2px;font-size:24px;font-weight:800}.login-merk p{color:var(--steel);margin:0;font-size:14px}.login-kaart{padding:20px}.veldlabel{color:var(--graphite);margin:12px 2px 6px;font-size:13px;font-weight:700;display:block}.veldlabel:first-of-type{margin-top:0}.veld{border:1.5px solid var(--hairline);width:100%;min-height:50px;color:var(--obsidian);background:#fff;border-radius:12px;padding:0 14px;font-family:inherit;font-size:16px}.veld:focus{border-color:var(--kk-groen);outline:none;box-shadow:0 0 0 3px #337a3726}.login-kaart .knop{margin-top:18px}.tabbalk{border-top:1px solid var(--hairline);width:100%;max-width:480px;padding-bottom:env(safe-area-inset-bottom);z-index:10;background:#fff;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--steel);flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0 8px;font-size:11.5px;font-weight:600;text-decoration:none;display:flex}.tab.actief{color:var(--kk-groen)}.tab-icoon{width:24px;height:24px}.teruglink{color:var(--kk-groen-donker);cursor:pointer;background:0 0;border:none;padding:6px 2px 12px;font-family:inherit;font-size:15px;font-weight:700}.dossierkop{padding-bottom:12px}.dossier-naam{letter-spacing:-.02em;margin:0 0 2px;font-size:22px;font-weight:800}.dossier-adres{color:var(--graphite);margin:0;font-size:14px}.dossier-meta{align-items:center;gap:10px;margin:8px 0 0;font-size:14px;display:flex}.dossier-meta a{color:var(--kk-groen-donker);font-weight:700;text-decoration:none}.ketenbalk{scrollbar-width:none;gap:2px;margin:16px 0 0;padding:0;list-style:none;display:flex;overflow-x:auto}.ketenbalk::-webkit-scrollbar{display:none}.ketenstap{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:52px;padding:0 2px;display:flex}.ketenstap-bol{color:#fff;background:#e8eae8;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex}.ketenstap.af .ketenstap-bol{background:var(--kk-groen)}.ketenstap-naam{color:var(--steel);text-align:center;white-space:nowrap;font-size:9.5px;font-weight:600}.ketenstap.af .ketenstap-naam{color:var(--kk-groen-donker)}.eventkaart-kop{justify-content:space-between;align-items:center;gap:8px;display:flex}.eventkaart-datum{color:var(--steel);font-size:13px;font-weight:600}.eventkaart-titel{margin:8px 0 2px;font-size:16px;font-weight:700}.eventkaart-tekst{color:var(--graphite);margin:0;font-size:14px}.outboxbalk{background:var(--kk-oranje);color:#fff;text-align:center;padding:7px 16px;font-size:13px;font-weight:700}.toast{background:var(--kk-groen);color:#fff;box-shadow:var(--schaduw);border-radius:12px;margin:4px 0 12px;padding:12px 14px;font-size:14px;font-weight:600}.badge-draft{color:var(--kk-oranje-donker);border:1px solid var(--kk-oranje);background:#fdf3e3}.nieuwe-opname{margin-top:6px}.dossierlink{width:100%;color:var(--kk-groen-donker);cursor:pointer;text-align:center;background:0 0;border:none;padding:12px 0 2px;font-family:inherit;font-size:14px;font-weight:700;display:block}.opname-kop{justify-content:space-between;align-items:center;display:flex}.weggooilink{color:var(--steel);cursor:pointer;background:0 0;border:none;padding:6px 2px 12px;font-family:inherit;font-size:14px;font-weight:600}.voortgang{gap:6px;margin:0 0 18px;display:flex}.voortgang-deel{background:#e2e4e2;border-radius:3px;flex:1;height:6px}.voortgang-deel.af{background:var(--kk-groen)}.voortgang-deel.actief{background:var(--kk-oranje)}.kaarttitel{letter-spacing:-.01em;margin:0 0 6px;font-size:17px;font-weight:800}.kaartsub{color:var(--steel);margin:0 0 12px;font-size:14px}.stap-hint{text-align:center;margin:10px 0 0}.opname-navigatie{margin-top:6px}.gekoppeld-balk{color:var(--kk-groen-donker);background:#eef5ee;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:13px;font-weight:600}.klantregel{margin:0;font-size:18px;font-weight:700}.klantregel-sub{color:var(--graphite);margin:2px 0 0;font-size:14px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--hairline);min-height:44px;color:var(--graphite);cursor:pointer;background:#fff;border-radius:999px;padding:0 16px;font-family:inherit;font-size:15px;font-weight:600}.chip.actief{background:var(--kk-groen);border-color:var(--kk-groen);color:#fff}.stepper{align-items:center;gap:10px;display:flex}.stepper-knop{border:1.5px solid var(--hairline);width:48px;height:48px;color:var(--kk-groen-donker);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;font-size:24px;font-weight:700}.stepper-knop:active{background:#eef5ee}.stepper-veld{border:1.5px solid var(--hairline);text-align:center;width:90px;min-height:48px;color:var(--obsidian);border-radius:12px;font-family:inherit;font-size:18px;font-weight:700}.stepper-veld:focus{border-color:var(--kk-groen);outline:none}.stepper-eenheid{color:var(--steel);font-size:14px;font-weight:600}.meetveld{margin-bottom:14px}.veldeenheid{color:var(--steel);font-weight:500}.notitieveld{resize:vertical;min-height:130px;padding:12px 14px;line-height:1.5}.fotoslot-kop{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.fotoslot-titel{margin:0;font-size:15px;font-weight:700}.fotoraster{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.fototegel{aspect-ratio:1;background:#eef1ee;border-radius:10px;position:relative;overflow:hidden}.fototegel img{object-fit:cover;width:100%;height:100%;display:block}.fototegel-nieuw{border:1.5px dashed var(--kk-groen);color:var(--kk-groen-donker);cursor:pointer;background:#f7faf7;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.fototegel-wis{color:#fff;cursor:pointer;background:#17181aa6;border:none;border-radius:50%;width:26px;height:26px;font-size:16px;line-height:1;position:absolute;top:4px;right:4px}.fototegel-leeg{height:100%;color:var(--steel);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.samenvatting-regel{border-bottom:1px solid #f0f1f0;justify-content:space-between;gap:12px;margin:0;padding:8px 0;font-size:14px;display:flex}.samenvatting-regel:last-child{border-bottom:none}.samenvatting-label{color:var(--steel);flex-shrink:0;font-weight:600}.samenvatting-waarde{text-align:right;font-weight:600}.samenvatting-notitie{color:var(--graphite);white-space:pre-wrap;margin:0;font-size:14px}.afrond-uitleg{text-align:center;margin:10px 0 0}.urenknoppen{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px;display:grid}.weeknav{justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;display:flex}.weeknav-knop{border:1.5px solid var(--hairline);width:44px;height:44px;color:var(--kk-groen-donker);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;font-size:22px;font-weight:700}.weeknav-knop:active{background:#eef5ee}.weeknav-titel{flex-direction:column;align-items:center;gap:1px;display:flex}.weeknav-week{font-size:16px;font-weight:800}.weeknav-periode{color:var(--steel);font-size:13px;font-weight:600}.urenregel-kop{justify-content:space-between;align-items:center;gap:10px;display:flex}.urenregel-datum{font-size:15px;font-weight:800}.urenregel-uren{color:var(--kk-groen-donker);font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.urenregel-tijdvak{color:var(--steel);margin:2px 0 6px;font-size:13px;font-weight:600}.urenregel-omschrijving{color:var(--graphite);margin:0;font-size:14px}.urentotaal{background:#eef5ee;justify-content:space-between;align-items:center;font-size:15px;font-weight:800;display:flex}.urentotaal-uren{color:var(--kk-groen-donker);font-variant-numeric:tabular-nums;font-size:18px}.toast-knop{color:var(--kk-groen-donker);background:#fff;border-radius:999px;align-items:center;margin-left:10px;padding:4px 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.tijdrij{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-top:2px;display:grid}.tijdrij .veld{min-width:0}.uren-berekend{min-width:74px;min-height:50px;color:var(--kk-groen-donker);font-variant-numeric:tabular-nums;background:#eef5ee;border-radius:12px;justify-content:center;align-items:center;padding:0 10px;font-size:17px;font-weight:800;display:flex}.uren-hint{margin:10px 0 0}.collega-toevoegen{gap:10px;margin-top:12px;display:flex}.collega-toevoegen .veld{flex:1;min-width:0}.collega-toevoegen .knop{flex-shrink:0}.tankregel{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tankregel-datum{font-size:15px;font-weight:800}.tankregel-opmerking{color:var(--graphite);margin:2px 0 0;font-size:13px}.tankregel-bedrag{color:var(--kk-groen-donker);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:800}.werkregel-invoer{align-items:center;gap:8px;margin-bottom:10px;display:flex}.werkregel-invoer .veld{flex:1;min-width:0}.werkregel-nr{text-align:center;width:22px;color:var(--steel);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px;font-weight:800}.werkregel-knop{border:1.5px solid var(--hairline);width:44px;height:44px;color:var(--kk-groen-donker);cursor:pointer;background:#fff;border-radius:12px;flex-shrink:0;font-size:18px;font-weight:700}.werkregel-knop:disabled{color:var(--hairline);cursor:default}.werkregel-knop:active:not(:disabled){background:#eef5ee}.werkregel-knop-wis{color:var(--fout)}.werkbon-preview{color:var(--graphite);margin:0 0 8px;padding-left:20px;font-size:14px}.werkbon-preview li{margin-bottom:4px}.schermtabs{background:#e8eae8;border-radius:999px;gap:4px;margin:0 0 14px;padding:4px;display:flex}.schermtab{min-height:40px;color:var(--graphite);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;flex:1;padding:0 4px;font-family:inherit;font-size:13px;font-weight:700}.schermtab.actief{color:var(--kk-groen-donker);box-shadow:var(--schaduw);background:#fff}.afvinkrij{align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.afvinkknop{border:2px solid var(--hairline);color:#fff;cursor:pointer;background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.afvinkknop.af{background:var(--kk-groen);border-color:var(--kk-groen)}.afvinkrij-inhoud{flex:1;min-width:0}.afvinkrij-tekst{margin:4px 0 8px;font-size:16px;font-weight:600}.afvinkrij-tekst.niet{color:var(--steel);text-decoration:line-through}.nietgedaan-knop{color:var(--steel);cursor:pointer;background:0 0;border:none;padding:0 0 8px;font-family:inherit;font-size:13px;font-weight:700}.nietgedaan-knop.actief{color:var(--kk-oranje-donker)}.meerwerk-invoer{min-height:90px;margin-bottom:12px}.meerwerkregel{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.meerwerkregel-tekst{color:var(--graphite);white-space:pre-wrap;margin:4px 0 0;font-size:15px}.handtekening{margin:4px 0 6px}.handtekening-canvas{border:1.5px dashed var(--hairline);touch-action:none;background:#fff;border-radius:12px;width:100%;max-width:640px;display:block}.handtekening-voet{justify-content:space-between;align-items:center;gap:10px;max-width:640px;margin-top:8px;display:flex}.handtekening-hint{color:var(--steel);font-size:13px;font-weight:600}.handtekening-wis{border:1.5px solid var(--hairline);color:var(--graphite);cursor:pointer;background:#fff;border-radius:999px;min-height:36px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:700}.fasekaart{text-align:center;margin-top:12px;padding:36px 24px}.fasekaart-icoon{margin-bottom:8px;display:inline-block}.fasekaart h2{margin:0 0 6px;font-size:18px;font-weight:800}.fasekaart p{color:var(--graphite);margin:0;font-size:14px}.kopieerknop{border:1px solid var(--hairline,#d8d8d8);color:var(--graphite,#4b514d);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.kopieerknop.gekopieerd{color:#337a37;border-color:#337a37}.referentierij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:10px 0 4px;display:flex}.referentie-tekst{font-size:15px;font-weight:800}.bestellijst-invoer{flex-direction:column;gap:12px;margin-top:10px;display:flex}.bestelregel-invoer{border-bottom:1px solid var(--hairline,#d8d8d8);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.bestelregel-boven{align-items:center;gap:8px;display:flex}.bestelregel-boven .veld{flex:1;margin:0}.bestelregel-onder{gap:10px;display:flex}.bestelregel-label{color:var(--graphite,#4b514d);flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.bestelregel-label .veld{margin:0}.bestelregel-label.groeit{flex:1}.bestelregel-aantal{width:76px}.bestelregel-lijst{flex-direction:column;gap:10px;margin:10px 0 4px;padding:0;list-style:none;display:flex}.bestelregel{border:1px solid var(--hairline,#d8d8d8);border-radius:12px;padding:10px 12px}.bestelregel-kop{justify-content:space-between;align-items:center;gap:8px;display:flex}.bestelregel-omschrijving{font-size:14px;font-weight:700}.bestelregel-meta{color:var(--graphite,#4b514d);margin:6px 0 0;font-size:13px}.bestelregel-acties{gap:8px;margin-top:8px;display:flex}.knop-klein{min-height:36px;padding:0 14px;font-size:13px}.bestelgroep-titel{margin:0 0 8px;font-size:16px;font-weight:800}.bestelgroep-acties{margin-top:12px}.filterchips{margin-bottom:14px}.sheet-achtergrond{z-index:60;background:#00000073;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:16px 16px 0 0;width:100%;max-height:85vh;overflow-y:auto}.sheet-acties{margin-top:16px}.statusbalk-avatar{width:30px;height:30px;color:var(--kk-groen);background:#fff;border:2px solid #ffffffb3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;overflow:hidden}.statusbalk-avatar img{object-fit:cover;width:100%;height:100%}.profiel-kop{align-items:center;gap:14px;display:flex}.profiel-avatar{background:var(--kk-groen);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;padding:0;font-family:inherit;font-size:28px;font-weight:800;display:inline-flex;overflow:hidden}.profiel-avatar img{object-fit:cover;width:100%;height:100%}.profiel-kop-tekst{min-width:0}.profiel-naam{letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:800}.profiel-opslaan{margin-top:16px}.profiel-beheerknop{margin-top:10px}.succesmelding{color:var(--kk-groen-donker);background:#e9f3e8;border-radius:10px;margin:8px 0;padding:10px 12px;font-size:14px}.veldhint{color:var(--steel);margin:6px 2px 0;font-size:13px}.knop-uitloggen{color:var(--fout);border:1.5px solid var(--fout);background:#fff;margin-top:24px}.rol-chip{letter-spacing:.02em;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.rol-chip.rol-kantoor{color:var(--kk-oranje-donker);background:#fdf0dd}.rol-chip.rol-monteur{color:var(--kk-groen-donker);background:#e9f3e8}.teamlid-kop{align-items:center;gap:12px;display:flex}.teamlid.inactief{opacity:.6}.teamlid-avatar{background:var(--kk-groen);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:inline-flex}.teamlid-info{flex:1;min-width:0}.teamlid-naam{margin:0;font-size:17px;font-weight:700}.teamlid-sub{color:var(--steel);margin:2px 0 0;font-size:13px}.teamlid-badges{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.badge-uit{color:var(--fout);background:#fbeeec}.badge-registreren{color:var(--kk-oranje-donker);background:#fdf0dd}.teamlid-acties{gap:8px;margin-top:12px;display:flex}.teamlid-acties .veld-klein{border-radius:10px;flex:1;width:auto;min-height:36px;padding:0 10px;font-size:13px}.codekaart{text-align:center;border:1.5px solid var(--kk-groen)}.codekaart-titel{margin:0 0 8px;font-size:15px;font-weight:700}.code-groot{letter-spacing:.28em;color:var(--kk-groen-donker);font-variant-numeric:tabular-nums;word-break:break-all;margin:4px 0 12px;font-size:34px;font-weight:800}.codekaart-uitleg{color:var(--graphite);margin:12px 0 14px;font-size:14px}.codekaart .kopieerknop{margin:0 auto}.login-registreer{text-align:center;color:var(--graphite);margin:18px 0 0;font-size:14px}.login-registreer a{color:var(--kk-groen-donker);font-weight:700}.veld-code{text-transform:uppercase;letter-spacing:.24em;text-align:center;font-size:20px;font-weight:700}.registreer-code-terug{color:var(--graphite);letter-spacing:.06em;margin:0 0 4px;font-size:14px}.tekstknop{color:var(--kk-groen-donker);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:700;text-decoration:underline}.checklistrij{border-top:1px solid var(--hairline);align-items:flex-start;gap:14px;padding:12px 0;display:flex}.checklistrij:first-of-type{border-top:none}.checklistrij-inhoud{flex:1;min-width:0}.checklist-opmerking{margin-top:8px}.apparaatkaart{border:1.5px solid var(--hairline);border-radius:14px;margin-bottom:12px;padding:14px}.apparaatkaart-kop{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.apparaatkaart-nr{color:var(--kk-groen-donker);font-size:14px;font-weight:700}.apparaat-velden{gap:12px;display:flex}.apparaat-velden>div{flex:1;min-width:0}.trendveld{margin-bottom:16px}.trendrij{align-items:center;gap:12px;display:flex}.trendveld-nu{flex:1;min-width:0}.trendvorig{background:#eef1ee;border-radius:10px;flex-direction:column;align-items:flex-end;min-width:88px;padding:6px 10px;display:flex}.trendvorig-label{color:var(--steel);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.trendvorig-waarde{color:var(--graphite);font-size:15px;font-weight:700}.trendpijl.trend-op{color:var(--kk-oranje-donker)}.trendpijl.trend-neer{color:var(--kk-groen)}.trendpijl.trend-gelijk{color:var(--steel)}.afrond-hint{text-align:center;margin-top:8px}.meetkaart{padding:14px 16px}.meetkaart .veldlabel{margin-bottom:8px}.duallast{gap:12px;display:flex}.duallast-veld{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.duallast-kop{color:var(--steel);font-size:12px;font-weight:600}.normtekst{color:var(--steel);margin:8px 0 0;font-size:12.5px}.veld-over{color:#7f231b;background:#fdecea;font-weight:700;border-color:var(--fout)!important}.veld-over:focus{outline:none;border-color:var(--fout)!important}.overmelding{color:#7f231b;background:#fdecea;border:1px solid #f3b7b0;border-radius:10px;margin:8px 0 0;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.4}.checkveld{border-bottom:1px solid var(--hairline);margin-bottom:14px;padding-bottom:14px}.checkveld:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.chip-aandacht.actief{background:var(--kk-oranje);border-color:var(--kk-oranje);color:#fff}.chip-afkeur.actief{background:var(--fout);border-color:var(--fout);color:#fff}.kaart-waarschuwing{background:#fdf3f1;border:1.5px solid #f3b7b0}.kaart-waarschuwing .kaarttitel{color:var(--fout)}.waarschuwrij{border-top:1px solid #f3d6d1;flex-direction:column;gap:2px;padding:8px 0;font-size:14px;display:flex}.waarschuwrij:first-of-type{border-top:none}.waarschuwrij strong{color:#7f231b}.waarschuwrij span{color:var(--graphite)}.been-kaart{border:1.5px solid var(--hairline)}.been-kop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.been-toevoegen{align-items:center;gap:10px;display:flex}.been-toevoegen .veld{flex:1}.afwijkingen-blok{border-top:1px solid var(--hairline);margin-top:16px;padding-top:12px}.afwijking{border:1.5px solid var(--hairline);border-radius:12px;margin-top:10px;padding:12px}.afwijking-kop{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.afwijking-veldnaam{color:var(--graphite);font-size:14px;font-weight:700}.afwijking-wis{color:var(--fout)}.afwijking-vergelijk{gap:12px;margin-bottom:6px;display:flex}.afwijking-vergelijk>div{flex:1;min-width:0}.afwijking-voorstel{color:var(--steel);align-items:center;min-height:50px;margin:0;padding:0 2px;font-size:14px;display:flex}.afwijking-foutmelding{margin-top:6px}.offerte-totalenblok{border-top:1px solid var(--hairline);margin-top:14px;padding-top:10px}.offerte-tariefblok{border-bottom:1px dashed var(--hairline);margin-bottom:8px;padding-bottom:8px}.offerte-tariefblok:last-of-type{border-bottom:none}.offerte-eindtotaal{border-top:2px solid var(--obsidian);margin-top:6px;padding-top:10px;font-size:17px;font-weight:800}.offerte-eindtotaal .samenvatting-label{color:var(--obsidian)}.zijpaneel{border-top:2px dashed var(--hairline);margin-top:20px;padding-top:16px;display:block}.zijpaneel-kop{justify-content:space-between;align-items:center;gap:10px;display:flex}.badge-intern{background:var(--obsidian);color:#fff}.akkoordpagina{background:var(--achtergrond);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.akkoord-inhoud{flex:1;padding:24px 16px 48px}.akkoord-merk{align-items:center;gap:10px;margin-bottom:16px;display:flex}.akkoord-merk-logo{background:var(--kk-groen);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:inline-flex}.akkoord-merk-naam{letter-spacing:-.01em;font-size:16px;font-weight:800}.akkoord-meldkaart{text-align:center;padding:28px 20px}.akkoord-vinkrij{color:var(--graphite);cursor:pointer;align-items:flex-start;gap:10px;margin:10px 0;font-size:14px;display:flex}.akkoord-vinkrij input[type=checkbox]{width:22px;height:22px;accent-color:var(--kk-groen);flex-shrink:0;margin-top:1px}.akkoord-vinkrij-hoofdstuk{color:var(--obsidian);font-weight:600}.akkoord-handtekening-blok{margin:12px 0}.akkoord-herroeping-tekst{color:var(--graphite);white-space:pre-wrap;margin:0 0 4px;font-size:14px}.akkoord-modelformulier{border-top:1px solid var(--hairline);margin-top:12px;padding-top:12px}.akkoord-modelformulier-tekst{white-space:pre-wrap;color:var(--graphite);background:#f7f8f7;border-radius:10px;margin:8px 0 0;padding:12px;font-family:inherit;font-size:13px}.variantkeuze-lijst{flex-direction:column;gap:10px;display:flex}.variantkeuze-optie{text-align:left;border:1.5px solid var(--hairline);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-family:inherit;display:flex}.variantkeuze-optie.actief{border-color:var(--kk-groen);background:#f7faf7}.variantkeuze-radio{border:2px solid var(--hairline);background:#fff;border-radius:50%;flex-shrink:0;width:20px;height:20px}.variantkeuze-optie.actief .variantkeuze-radio{border-color:var(--kk-groen);background:var(--kk-groen);box-shadow:inset 0 0 0 3px #fff}.variantkeuze-inhoud{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.variantkeuze-kop{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.variantkeuze-naam{font-size:15px;font-weight:700}.variantkeuze-totaal{color:var(--graphite);font-size:13px;font-weight:600}.variantenblok{border-top:2px dashed var(--hairline);margin-top:20px;padding-top:16px}.variantenblok-kop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.variantkaart{border:1.5px solid var(--hairline)}.variantkaart-kop{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.akkoordblok{border-top:2px dashed var(--hairline);margin-top:20px;padding-top:16px}.akkoord-teken-url{color:var(--graphite);word-break:break-all;background:#f7f8f7;border-radius:10px;align-items:center;gap:8px;margin:10px 0;padding:10px 12px;font-size:13px;display:flex}.akkoordpagina .samenvatting-label{flex:1;min-width:0}.akkoordpagina .samenvatting-waarde{flex-shrink:0}.prijzen-zoek{margin-bottom:12px}.prijsregel{margin-bottom:10px}.prijsregel-kop{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.prijsregel-info{flex:1;min-width:0}.prijsregel-titel{margin:0;font-size:15px;font-weight:700}.prijsregel-sub{color:var(--steel);text-transform:capitalize;margin:2px 0 0;font-size:13px}.badge-aangepast{color:var(--kk-oranje-donker);background:#fdf0dd;flex-shrink:0}.prijsregel-invoer{align-items:center;gap:8px;margin-top:12px;display:flex}.prijsregel-eenheid{color:var(--steel);flex-shrink:0;font-size:13px;font-weight:600}.prijsregel-invoer .prijs-invoer{flex:1;min-width:0;min-height:40px}.prijsregel-invoer .knop-klein{flex-shrink:0}.prijsregel-leeg{color:var(--kk-oranje-donker);margin:8px 0 0;font-size:13px}.prijsregel-audit{color:var(--steel);margin:8px 0 0;font-size:12px}