:root{--accent:#007ec8;--accent-zacht:#cce4f4;--venster:#f3f3f3;--vlak:#fff;--lijn:#c8c8c8;--lijn-licht:#e3e3e3;--kop:#f0f0f0;--inkt:#1b1b1b;--inkt-zacht:#5f6368;--groen:#2e7d32;--rood:#b42318;--oranje:#b54708;--knop:#fbfbfb;--knop-rand:#adadad;--knop-hover:#e5f1fb;--geselecteerd:#cce8ff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--inkt);background:var(--venster);margin:0;font:13px/1.45 Segoe UI,system-ui,-apple-system,Roboto,sans-serif}h1{margin:0 0 8px;font-size:16px;font-weight:600}h2{margin:0 0 6px;font-size:14px;font-weight:600}a{color:var(--accent)}.klein{color:var(--inkt-zacht);font-size:12px}.voorgevormd{white-space:pre-wrap}.rood{color:var(--rood)}.groen{color:var(--groen)}.oranje{color:var(--oranje)}.vet{font-weight:600}.venster{flex-direction:column;min-height:100%;display:flex}.titelbalk{background:var(--vlak);border-bottom:1px solid var(--lijn);align-items:center;gap:10px;padding:6px 12px;display:flex}.titelbalk img{object-fit:contain;width:22px;height:22px}.titelbalk .naam{font-weight:600}.titelbalk .rechts{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.tabs{border-bottom:1px solid var(--lijn);scrollbar-width:thin;gap:2px;padding:8px 10px 1px;display:flex;overflow-x:auto}.tabs a,.tabs button{font:inherit;color:var(--inkt);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:3px 3px 0 0;margin-bottom:-1px;padding:5px 16px;text-decoration:none}.tabs a:hover,.tabs button:hover{background:var(--knop-hover)}.tabs a.active,.tabs button.actief{background:var(--venster);border-color:var(--lijn);border-top:2px solid var(--accent)}.subtabs{background:var(--venster);padding-top:6px}.subtabs a.active,.subtabs button.actief{background:var(--vlak)}.inhoud{flex:1;padding:10px 12px 24px}.paneel{background:var(--vlak);border:1px solid var(--lijn);border-top:0;padding:10px}.balk{flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0 0 8px;display:flex}.balk .rechts{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.balk .scheiding{width:10px}.balk label.inline{align-items:center;gap:4px;display:inline-flex}.knop{font:inherit;color:var(--inkt);cursor:pointer;white-space:nowrap;background:var(--knop);border:1px solid var(--knop-rand);border-radius:3px;align-items:center;gap:4px;min-height:26px;padding:3px 12px;text-decoration:none;display:inline-flex}.knop:hover:not(:disabled){background:var(--knop-hover);border-color:var(--accent)}.knop:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.knop:disabled{color:#a0a0a0;cursor:default;border-color:#d5d5d5}.knop.hoofd{border-color:var(--accent);font-weight:600}.knop.gevaar:not(:disabled){color:var(--rood)}fieldset.groep{border:1px solid var(--lijn);background:var(--vlak);border-radius:3px;min-width:0;margin:0 0 10px;padding:6px 10px 10px}fieldset.groep>legend{color:var(--inkt);padding:0 2px}.raster{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:0 10px;display:grid}.raster-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,.9fr);align-items:start;gap:0 10px;display:grid}@media (width<=1000px){.raster-3{grid-template-columns:1fr}}.velden{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:4px 8px;display:grid}.velden>label{white-space:nowrap}.velden .hint{color:var(--inkt-zacht);grid-column:2;margin-top:-2px;font-size:12px}input,select,textarea{font:inherit;color:var(--inkt);border:1px solid var(--knop-rand);background:#fff;border-radius:2px;width:100%;min-height:26px;padding:3px 6px}input[type=checkbox],input[type=radio]{width:auto;min-height:0}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}input.getal{text-align:right;font-variant-numeric:tabular-nums}.smal{max-width:110px}.middel{max-width:180px}.tabel-wrap{border:1px solid var(--lijn);background:#fff;overflow:auto}.tabel-wrap.hoog{max-height:60vh}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;white-space:nowrap;border-right:1px solid var(--lijn-licht);padding:3px 8px}th{background:var(--kop);border-bottom:1px solid var(--lijn);z-index:1;font-weight:400;position:sticky;top:0}td{border-bottom:1px solid var(--lijn-licht)}td.r,th.r{text-align:right}td.breed{white-space:normal;min-width:180px}tbody tr.kiesbaar{cursor:default;-webkit-user-select:none;user-select:none}tbody tr.kiesbaar:hover td{background:#f2f8fd}tbody tr.gekozen td{background:var(--geselecteerd)}tr.doorgestreept td{color:var(--inkt-zacht);text-decoration:line-through}tfoot td{background:var(--kop);border-top:1px solid var(--lijn);font-weight:600}.leeg{color:var(--inkt-zacht);text-align:center;padding:14px}.hint-regel{color:var(--inkt-zacht);margin:6px 0 0}.geld{white-space:nowrap}.controle .kop{margin-bottom:4px;font-weight:600}.controle .kop.klaar{color:var(--groen)}.controle .kop.blok{color:var(--rood)}.controle ul{margin:0 0 6px;padding-left:16px}.controle li{margin:2px 0}.controle li.blok{color:var(--rood)}.controle li.warn{color:var(--oranje)}.totalen{grid-template-columns:1fr auto;gap:1px 12px;margin-top:6px;display:grid}.totalen .eind{border-top:1px solid var(--inkt);padding-top:2px;font-weight:600}.bron{color:var(--inkt-zacht);font-size:11px}.melding{background:#fff;border:1px solid;border-radius:3px;margin:0 0 8px;padding:6px 10px}.melding p{margin:2px 0 0}.melding ul{margin:2px 0 0;padding-left:16px}.melding.fout{border-color:var(--rood);background:#fdf0ef}.melding.waarschuwing{border-color:var(--oranje);background:#fef6ec}.melding.conflict{background:#fff8d6;border-color:#c69c00}.melding.goed{border-color:var(--groen);background:#eef7ee}.dialoog{border:1px solid var(--lijn);border-radius:4px;width:min(460px,100vw - 20px);padding:0;box-shadow:0 8px 30px #00000040}.dialoog::backdrop{background:#00000040}.dialoog-kop{background:var(--vlak);border-bottom:1px solid var(--lijn-licht);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.dialoog-kop h2{margin:0;font-weight:400}.dialoog-lijf{background:var(--venster);padding:10px}.dialoog-knoppen{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.knop-icoon{cursor:pointer;color:var(--inkt-zacht);background:0 0;border:0;font-size:18px;line-height:1}.inlog{place-items:center;min-height:100%;padding:12px;display:grid}.inlog .dialoog-vlak{background:var(--vlak);border:1px solid var(--lijn);border-radius:4px;width:min(400px,100%);box-shadow:0 8px 30px #0000001f}.inlog .titelbalk{border-radius:4px 4px 0 0}.inlog form{gap:8px;padding:12px;display:grid}.inlog label.veld{gap:2px;display:grid}.qr{background:#fff;place-items:center;padding:6px;display:grid}.geheim{word-break:break-all;background:var(--venster);border:1px solid var(--lijn-licht);padding:4px 6px;font-family:Consolas,ui-monospace,monospace}.codeveld{letter-spacing:.3em;text-align:center;font-size:20px}.taalkeuze{gap:2px;display:inline-flex}.taalkeuze button{font:inherit;background:var(--knop);border:1px solid var(--knop-rand);cursor:pointer;border-radius:2px;padding:0 6px;font-size:12px}.taalkeuze button.actief{border-color:var(--accent);color:var(--accent);font-weight:600}.laden{color:var(--inkt-zacht);padding:10px}@media (width<=640px){.inhoud{padding:8px}.velden{grid-template-columns:1fr}.velden .hint{grid-column:1}.raster{grid-template-columns:1fr}.knop{min-height:34px}input,select{min-height:34px;font-size:16px}}a.knop.uit{color:#a0a0a0;pointer-events:none;border-color:#d5d5d5}.inline{align-items:center;gap:4px;display:inline-flex}