:root{--groen: #3B6D11;--groen-donker: #27500A;--groen-zacht: #EAF3DE;--groen-licht: #C0DD97;--oker: #854F0B;--oker-zacht: #FAEEDA;--fout: #A32D2D;--grijs: #64748b;--lijn: #e3e6e0;--vlak: #ffffff;--achtergrond: #f4f5f2;--breedte: 1180px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1a1a1a}*{box-sizing:border-box}body{margin:0;background:var(--achtergrond)}.app{min-height:100vh;display:flex;flex-direction:column}.kopbalk{background:var(--groen)}.kopbalk-inner{max-width:var(--breedte);margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px;min-height:62px}.merk{display:flex;align-items:center;gap:12px;flex:0 0 auto}.logo{height:30px;width:auto;display:block}.logo-tekst{color:#fff;font-size:15px;letter-spacing:.12em;font-weight:600}.kop-titel strong{display:block;color:#fff;font-size:15px;font-weight:600;line-height:1.2}.kop-titel span{display:block;color:var(--groen-licht);font-size:12px}.hoofdnav{display:flex;gap:4px;margin-left:auto}.hoofdnav button{border:none;background:none;color:var(--groen-licht);padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;font-family:inherit}.hoofdnav button:hover{background:#ffffff1f;color:#fff}.hoofdnav button.actief{background:#fff;color:var(--groen);font-weight:600}.terugknop{border:none;background:#ffffff26;color:#fff;width:32px;height:32px;border-radius:8px;font-size:18px;cursor:pointer;line-height:1}main{flex:1}.inhoud{max-width:var(--breedte);margin:0 auto;padding:22px 20px 40px}.stack{display:flex;flex-direction:column;gap:16px}.raster{display:grid;gap:16px;align-items:start}@media (min-width: 900px){.raster{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.raster.gelijk{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.kolom{display:flex;flex-direction:column;gap:16px;min-width:0}.kaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;padding:18px 20px}.kaart h2{font-size:15px;margin:0 0 10px;font-weight:600}.kaart.leeg{text-align:center;padding:44px 24px}.kaart.waarschuwing{border-color:#e9b872;background:var(--oker-zacht)}.kopcijfer strong{display:block;font-size:40px;line-height:1.1;letter-spacing:-.01em}.kopcijfer span{display:block}.klein{font-size:12px;color:var(--grijs);margin:2px 0 0}.mini{font-size:11px;color:var(--grijs);display:block}.hint{font-size:13px;color:var(--grijs);margin:0 0 12px}.fout{color:var(--fout)}.goed{color:var(--groen)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.meters{margin-top:18px;display:flex;flex-direction:column;gap:14px}.meterlabel{display:flex;justify-content:space-between;font-size:13px}.meter{height:8px;background:var(--achtergrond);border-radius:99px;margin-top:5px;overflow:hidden}.meter-vul{height:100%;background:#639922;border-radius:99px}.meter-vul.over{background:#e24b4a}.dagkop{display:flex;align-items:center;justify-content:space-between;text-align:center}.dagkop strong{display:block;font-size:15px}.pijl{border:none;background:var(--groen-zacht);color:var(--groen);width:34px;height:34px;border-radius:8px;font-size:20px;line-height:1;cursor:pointer}.pijl:disabled{opacity:.35;cursor:default}.dagstrip{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:14px}.dagknop{border:none;background:var(--achtergrond);border-radius:8px;padding:8px 0;cursor:pointer;display:flex;flex-direction:column;gap:2px}.dagknop:hover{background:var(--groen-zacht)}.dagknop span{font-size:11px;color:var(--grijs)}.dagknop em{font-size:12px;font-style:normal}.dagknop.actief{background:var(--groen)}.dagknop.actief span{color:var(--groen-licht)}.dagknop.actief em{color:#fff}.snelknoppen{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.snelknop{flex:1 1 auto;min-width:96px;border:1px solid var(--lijn);background:var(--vlak);color:#1a1a1a;border-radius:8px;padding:11px 8px;font-size:13px;cursor:pointer;font-family:inherit}.snelknop:hover{border-color:var(--groen)}.snelknop.actief{background:var(--groen);color:#fff;border-color:var(--groen)}.snelknop.punt{flex:0 0 48px;min-width:48px;letter-spacing:2px}.overigkeuze{margin-bottom:12px}.invoerrij{display:flex;gap:8px}.bedragveld{flex:0 0 130px;font-size:19px}.splitsraster{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:12px}.veldrij{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--grijs)}input,select,textarea{font:inherit;font-size:15px;color:#1a1a1a;width:100%;padding:9px 11px;border:1px solid var(--lijn);border-radius:8px;background:#fff}textarea{font-size:14px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--groen);outline-offset:-1px}.cel{width:78px;padding:6px 7px;font-size:13px;text-align:right}.inlineveld{width:74px;display:inline-block;padding:5px 7px;font-size:13px}.vink{width:auto}.kaartkop{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.nummer{display:flex;align-items:center;gap:6px}.nummer strong{font-size:15px}.nummer .cel{width:66px}.slot{background:none;border:none;cursor:pointer;font-size:14px;padding:0 2px}.betaaldveld{margin-top:12px}.actiebalk{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--lijn)}.actierechts{display:flex;align-items:center;gap:12px}.knop{background:var(--groen);color:#fff;border:none;font-family:inherit;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.knop:hover{background:var(--groen-donker)}.knop:disabled{background:var(--lijn);color:var(--grijs);cursor:default}.knop.zacht{background:var(--groen-zacht);color:var(--groen);margin-top:10px}.knop.zacht:hover{background:var(--groen-licht)}.tekstknop{background:none;border:none;color:var(--groen);padding:0;font-family:inherit;font-size:12px;text-decoration:underline;cursor:pointer;text-align:left}.segment{display:flex;gap:4px;background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;padding:4px}.segment button{flex:1;border:none;background:none;padding:9px;border-radius:7px;font-size:13px;color:var(--grijs);cursor:pointer;font-family:inherit}.segment button.actief{background:var(--groen);color:#fff;font-weight:500}.bonlijst{list-style:none;margin:0;padding:0}.bonlijst li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--lijn)}.bonnr{flex:0 0 30px;height:30px;border-radius:7px;background:var(--groen-zacht);color:var(--groen);font-size:12px;display:flex;align-items:center;justify-content:center}.bonnr.gesplitst{background:var(--oker-zacht);color:var(--oker)}.bontekst{flex:1;min-width:0}.bontekst strong{display:block;font-size:13px;font-weight:500}.wis{background:none;border:none;color:var(--grijs);font-size:18px;cursor:pointer;padding:0 4px}.wis:hover{color:var(--fout)}.tabel{width:100%;border-collapse:collapse;font-size:13px}.tabel td{padding:7px 0;border-bottom:1px solid var(--lijn)}.tabel tr.totaal td{font-weight:600;border-bottom:none}.tabel.breed{min-width:660px}.tabel.breed th{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--grijs);padding:5px 4px;text-align:left}.tabel.breed td{padding:5px 4px}.scroll{overflow-x:auto}.menulijst{list-style:none;margin:0;padding:0}.menulijst button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:none;border:none;border-top:1px solid var(--lijn);padding:13px 0;cursor:pointer;font:inherit}.menulijst li:first-child button{border-top:none}.menulijst strong{display:block;font-size:14px;font-weight:500}.menulijst button.uit{opacity:.55;cursor:default}.pijltje{color:var(--grijs);font-size:18px}.badge{background:var(--oker-zacht);color:var(--oker);font-size:11px;padding:3px 9px;border-radius:99px;white-space:nowrap}.pbblok{margin-top:14px;background:var(--oker-zacht);border-radius:8px;padding:12px 14px}.pbkop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.pbkop strong{font-size:13px;color:var(--oker)}.pbraster{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.pbraster label{font-size:11px}.pbraster input{padding:6px 8px;font-size:13px}.tabbalk{display:none}@media (max-width: 720px){.hoofdnav{display:none}.kopbalk-inner{padding:0 14px;min-height:56px}.inhoud{padding:14px 14px 84px}.kaart{padding:14px 16px}.kopcijfer strong{font-size:32px}.tabbalk{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--vlak);border-top:1px solid var(--lijn);padding-bottom:env(safe-area-inset-bottom)}.tabbalk button{flex:1;border:none;background:none;padding:13px 0;font-size:12px;color:var(--grijs);cursor:pointer;font-family:inherit}.tabbalk button.actief{color:var(--groen);font-weight:600}}.tentbalk{display:flex;flex-wrap:wrap;gap:6px}.tentknop{border:1px solid var(--lijn);background:var(--vlak);color:#1a1a1a;font-family:inherit;border-radius:8px;padding:9px 14px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px}.tentknop:hover{border-color:var(--groen)}.tentknop em{font-style:normal;font-size:11px;color:var(--grijs);background:var(--achtergrond);border-radius:99px;padding:1px 7px}.tentknop.actief{background:var(--groen);color:#fff;border-color:var(--groen)}.tentknop.actief em{background:#fff3;color:#fff}.tentknop.toevoegen{color:var(--groen);border-style:dashed}.tentnaam{width:160px;font-size:15px;font-weight:600;padding:6px 9px}.cel.fout{border-color:var(--fout)}.pbknoppen{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px}.segment.klein-segment{padding:3px;background:#ffffffb3}.segment.klein-segment button{padding:6px 14px;font-size:12px}.pbraster label{background:#fff9;border-radius:7px;padding:7px 9px;gap:3px}.pbraster label.meedoend{background:#fff;box-shadow:inset 0 0 0 1px var(--oker)}.pbnaam{font-size:11px;color:var(--grijs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbveld{display:flex;align-items:center;gap:4px}.pbveld em{font-style:normal;font-size:12px;color:var(--grijs)}.pbuitkomst{font-size:11px;color:var(--oker);min-height:14px;font-variant-numeric:tabular-nums}.opstarten{padding:60px 20px;text-align:center;color:var(--grijs);font-size:14px}.inlogscherm{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--groen)}.inlogkaart{background:var(--vlak);border-radius:14px;padding:28px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.inlogmerk{background:var(--groen);border-radius:10px;padding:12px 14px;align-self:flex-start}.inlogkaart h1{font-size:19px;margin:6px 0 0;font-weight:600}.inlogkaart .hint{margin:0 0 4px}.inlogfout{background:var(--foutzacht, #FCEBEB);color:var(--fout);font-size:13px;padding:9px 11px;border-radius:8px;margin:0}.knop.breed{width:100%;padding:12px;font-size:15px}.offlinekeuze{border-top:1px solid var(--lijn);padding-top:14px;margin-top:4px}.offlinekeuze .mini{margin-bottom:10px;line-height:1.5}.statusregel{border-bottom:1px solid var(--lijn);background:var(--vlak)}.statusregel-inner{max-width:var(--breedte);margin:0 auto;padding:7px 20px;display:flex;align-items:center;gap:9px;font-size:12px;color:var(--grijs);flex-wrap:wrap}.statusregel .stip{width:7px;height:7px;border-radius:50%;background:var(--grijs);flex:0 0 auto}.statusregel.goed .stip{background:#639922}.statusregel.let-op{background:var(--oker-zacht)}.statusregel.let-op .stip{background:#ef9f27}.statusregel.let-op .statusregel-inner{color:var(--oker)}.statusregel.fout{background:#fcebeb}.statusregel.fout .stip{background:var(--fout)}.statusregel.fout .statusregel-inner{color:var(--fout)}.statusknoppen{display:flex;gap:14px;margin-left:auto}.statusregel .tekstknop{margin-left:auto}.statusknoppen .tekstknop{margin-left:0}@media (max-width: 720px){.statusregel-inner{padding:7px 14px}}.kopbalk.beheer{background:var(--groen-donker)}.cijferrij{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px}.cijferrij strong{display:block;font-size:26px;line-height:1.2}.vlag{font-size:11px;padding:2px 9px;border-radius:99px;white-space:nowrap}.vlag.ingediend{background:var(--groen-zacht);color:var(--groen)}.vlag.bezig{background:var(--oker-zacht);color:var(--oker)}.vlag.niet-begonnen{background:var(--achtergrond);color:var(--grijs)}.acties{display:flex;gap:12px;white-space:nowrap}.breedcel{width:130px;text-align:left}.uitgeschakeld{opacity:.5}.toevoegblok{background:var(--achtergrond);border-radius:8px;padding:14px;margin-bottom:14px}.toevoegblok .actiebalk{margin-top:12px;padding-top:12px}.wachtwoordvak{font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:16px;background:var(--vlak);border:1px solid var(--lijn);border-radius:8px;padding:12px;margin:0 0 12px;-webkit-user-select:all;user-select:all}.kaartkop .tekstknop{white-space:nowrap}.tentvelden{display:flex;gap:8px;flex-wrap:wrap}.tentnaam{width:150px;font-size:15px;padding:6px 9px}.bontekst .mini,.tabel .mini{display:inline;margin-left:6px}.controlelijst{list-style:none;margin:0 0 10px;padding:0}.controlelijst li{display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-top:1px solid var(--lijn);font-size:13px}.controlelijst li:first-child{border-top:none}.controlelijst .stip{width:7px;height:7px;border-radius:50%;margin-top:5px;flex:0 0 auto}.controlelijst .blokkerend .stip{background:var(--fout)}.controlelijst .blokkerend{color:var(--fout)}.controlelijst .aandacht .stip{background:#ef9f27}.controlelijst li .tekstknop{margin-left:auto;white-space:nowrap}.bonlijst li.inbewerking{background:var(--groen-zacht);border-radius:8px}.bonlijst li{cursor:default}.pbknoppen{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}.pbraster label .mini{min-height:14px}.rapport{background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;padding:26px 30px;font-size:13px}.rapport h1{font-size:20px;margin:0 0 4px}.rapport h2{font-size:14px;margin:22px 0 8px;padding-bottom:5px;border-bottom:2px solid var(--groen)}.rapport h3{font-size:12px;margin:14px 0 5px;color:#1a1a1a;text-transform:none;letter-spacing:0}.rapport p{margin:0 0 6px}.rapport section:first-of-type h2{margin-top:8px}.rapportkop{border-bottom:2px solid var(--groen);padding-bottom:12px}.rapport .tabel{font-size:12px;margin-bottom:6px}.rapport .tabel th{text-align:left;font-size:11px;color:var(--grijs);padding:4px 0;border-bottom:1px solid var(--lijn)}.rapport .klein-tabel{font-size:11px}.toelichting{background:var(--achtergrond);border-left:3px solid var(--groen);padding:9px 12px;margin:6px 0;white-space:pre-wrap}.rapportlijst{margin:0;padding-left:18px}.rapportlijst li{margin-bottom:3px}.rapportvoet{margin-top:20px;border-top:1px solid var(--lijn);padding-top:10px}.tentblok{margin-bottom:12px}@media print{body{background:#fff}.kopbalk,.statusregel,.tabbalk,.schermalleen,.hoofdnav{display:none!important}.app,main,.inhoud{padding:0!important;margin:0!important;max-width:none!important}.rapport{border:none;border-radius:0;padding:0;font-size:10pt}.rapport h1{font-size:16pt}.rapport h2{font-size:11pt;margin-top:14pt}.rapport .tabel{font-size:9pt}.rapport .klein-tabel{font-size:8pt}.paginabreek{break-before:page}.rapport section,.tentblok,tr{break-inside:avoid}thead{display:table-header-group}.fout{color:#000;font-weight:700}}.naamknop{background:none;border:none;padding:0;font:inherit;color:var(--groen);cursor:pointer;text-align:inherit;text-decoration:underline;text-decoration-color:var(--groen-licht);text-underline-offset:2px}.naamknop:hover{text-decoration-color:var(--groen)}.tabel tr.subtotaal td{font-weight:600;border-bottom:1px solid var(--lijn)}