:root{--vel: #fbfaf8;--bank: #efedea;--bank-diep: #e4e1dc;--inkt: #1a1d21;--potlood: #4a545f;--lijn: #dcd9d4;--revisie: #ff681d;--revisie-inkt: #8a3b0c;--revisie-vlak: #fdeee6;--ernst: #9a2c2c;--ernst-vlak: #fbeeee;--let-op: #7d5200;--let-op-vlak: #fdf4e3;--zetlijn: #2c4a6b;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s6: 24px;--s8: 32px;--s12: 48px;--t-chrome: 12px;--t-tekst: 14px;--t-kop: 17px;--t-cijfer: 21px;--sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;--straal: 4px;--duur: .12s;--mast: 44px;--voet: 52px;--band: 320px;--streep: 3px;color-scheme:light;font-family:var(--sans);color:var(--inkt);background:var(--bank)}@media (prefers-reduced-motion: reduce){:root{--duur: 0ms}*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important;scroll-behavior:auto!important}}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;height:100vh;display:grid;grid-template-rows:var(--mast) 1fr var(--voet);font-size:var(--t-tekst);line-height:1.55;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;color:var(--potlood)}code,.mono{font-family:var(--mono);font-size:var(--t-chrome)}:where(a,button,summary,input,select,[tabindex]):focus-visible{outline:2px solid var(--inkt);outline-offset:2px;border-radius:2px}.label{font-size:var(--t-chrome);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--potlood)}.stil{color:var(--potlood)}.telling{font-family:var(--mono);font-size:var(--t-chrome);color:var(--potlood)}.mast{display:flex;align-items:center;gap:var(--s4);padding:0 var(--s4);background:var(--vel);border-bottom:1px solid var(--lijn);overflow:hidden}.merk{display:inline-flex;align-items:center;gap:var(--s2);flex:none}.merkteken{width:26px;height:18px}.merk strong{font-size:var(--t-tekst);font-weight:600}.merk small{display:block;font-size:10px;color:var(--potlood);line-height:1}.documentnaam{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:var(--s2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.documentnaam strong{font-weight:600}.documentnaam .frbr{font-family:var(--mono);font-size:var(--t-chrome);color:var(--potlood);overflow:hidden;text-overflow:ellipsis}.zegel{flex:none;font-family:var(--mono);font-size:var(--t-chrome);color:var(--zetlijn);border:1px solid var(--lijn);border-radius:var(--straal);padding:0 var(--s2)}.zegel.onbekend{color:var(--let-op);background:var(--let-op-vlak)}.statusregel{flex:none;margin:0;max-width:40ch;font-size:var(--t-chrome);color:var(--potlood);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statusregel.fout{color:var(--ernst)}.werkvlak{display:grid;grid-template-columns:var(--band) 1fr;min-height:0}.band{display:flex;flex-direction:column;min-height:0;background:var(--bank);border-right:1px solid var(--lijn)}.band-kop{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s4) var(--s2)}.band-standen{padding:0 var(--s4) var(--s2)}.band-standen .knop{width:100%;text-align:left}.band-standen .knop.actief{background:var(--vel);color:var(--inkt);border-color:var(--lijn)}.band-zoek{padding:0 var(--s4) var(--s2)}.band-zoek input{width:100%;padding:var(--s1) var(--s2);border:1px solid var(--lijn);border-radius:var(--straal);background:var(--vel)}.band-zoek input:disabled{background:var(--bank-diep)}.band-lijst{list-style:none;margin:0;padding:0 0 var(--s6);overflow-y:auto;flex:1 1 auto}.band-leeg{margin:0;padding:var(--s4);color:var(--potlood);font-size:var(--t-chrome)}.ingang{display:block;width:100%;text-align:left;background:none;border:0;border-left:var(--streep) solid transparent;padding:var(--s1) var(--s4) var(--s1) calc(var(--s4) - var(--streep));color:var(--potlood);font-size:var(--t-chrome);line-height:1.45}.ingang:hover{background:var(--bank-diep)}.ingang.bewerkbaar{color:var(--inkt);cursor:pointer}.ingang.navigatie{cursor:default;letter-spacing:.02em}.ingang.navigatie .naam{font-weight:600}.ingang.open{background:var(--vel);color:var(--inkt)}.ingang.gewijzigd{border-left-color:var(--revisie)}.ingang.gewijzigd .naam{color:var(--revisie-inkt)}.ingang .naam{display:block}.ingang .eid{display:block;font-family:var(--mono);font-size:10px;color:var(--zetlijn);opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vel{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--vel);overflow:hidden}.onthaal,.overzicht,.leesvlak{padding:var(--s8);overflow-y:auto;max-width:76ch}.onthaal h1{font-size:var(--t-kop);margin:0 0 var(--s3)}.onthaal p{margin:0 0 var(--s4);color:var(--potlood)}.onthaal-poort{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s8)}.voorbeelden{margin-bottom:var(--s8)}.voorbeeld-knoppen{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2)}.onthaal-grens,.grens{border-left:var(--streep) solid var(--lijn);padding-left:var(--s3);margin-bottom:var(--s6);font-size:var(--t-chrome);color:var(--potlood)}body.sleept .vel{background:var(--revisie-vlak)}body.sleept .onthaal-poort{outline:2px dashed var(--revisie);outline-offset:var(--s2)}.overzicht h2,.leesvlak h2{font-size:var(--t-kop);margin:0 0 var(--s4)}.feiten{border-collapse:collapse;width:100%;margin-bottom:var(--s6)}.feiten th,.feiten td{text-align:left;padding:var(--s1) var(--s4) var(--s1) 0;border-bottom:1px solid var(--lijn);vertical-align:baseline}.feiten th{font-weight:400;color:var(--potlood);width:22ch}.feiten td{font-variant-numeric:tabular-nums}.feiten td .mono{color:var(--zetlijn)}.verdeling{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s6)}.verdeling span{font-size:var(--t-chrome);border:1px solid var(--lijn);border-radius:var(--straal);padding:0 var(--s2);color:var(--potlood)}.verdeling span.bewerkbaar{border-color:var(--zetlijn);color:var(--zetlijn)}.leesvlak .voorbeeld{background:var(--bank);border-radius:var(--straal);padding:var(--s4);white-space:pre-wrap;font-size:var(--t-chrome);font-family:var(--mono);overflow-x:auto}.editorvlak{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.editor-kop{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);border-bottom:1px solid var(--lijn);background:var(--bank)}.editor-kop .label{flex:1 1 auto;text-transform:none;letter-spacing:0;font-size:var(--t-tekst);color:var(--inkt)}.editor-stand{font-family:var(--mono);font-size:var(--t-chrome);color:var(--potlood)}.editorvlak iframe{flex:1 1 auto;width:100%;border:0;min-height:0}.editor-mist{margin:0;padding:var(--s8);color:var(--let-op)}.voet{display:flex;align-items:center;gap:var(--s3);padding:0 var(--s4);background:var(--vel);border-top:1px solid var(--lijn)}.voet-ruimte{flex:1 1 auto}.bevindingen{font-size:var(--t-chrome)}.bevindingen .fouten{color:var(--ernst)}.bevindingen .waarschuwingen{color:var(--let-op)}.knop{border:1px solid var(--lijn);background:var(--vel);border-radius:var(--straal);padding:var(--s1) var(--s3);transition:background var(--duur)}.knop:hover:not(:disabled){background:var(--bank)}.knop:active:not(:disabled){background:var(--bank-diep)}.knop.primair{background:var(--inkt);color:var(--vel);border-color:var(--inkt)}.knop.primair:hover:not(:disabled){background:#000}.knop.primair:disabled{background:var(--bank-diep);color:var(--potlood);border-color:var(--lijn)}.knop.stilknop{border-color:transparent;color:var(--potlood)}@media (max-width: 860px){.werkvlak{grid-template-columns:1fr;grid-template-rows:40vh 1fr}.band{border-right:0;border-bottom:1px solid var(--lijn)}}