@font-face{font-family:Open Sans;font-display:swap;src:local("Open Sans")}:root{--tekst:#3B414E;--tekst-zacht:#626262;--tekst-licht:#8C8C8C;--blauw:#3B83C7;--groen:#95C11F;--groen-licht:#AAC758;--oranje:#EE964B;--rood:#F3544B;--vlak:#F3F6F8;--lijn:#DDDDDD;--wit:#FFFFFF;--radius:6px}*{box-sizing:border-box}body{margin:0;font-family:Open Sans,system-ui,-apple-system,sans-serif;color:var(--tekst);background:var(--vlak);font-size:14px;line-height:1.5}a{color:var(--blauw)}h1{font-size:22px;font-weight:800;margin:0 0 4px}h2{font-size:16px;font-weight:700;margin:24px 0 8px}h3{font-size:14px;font-weight:600;margin:0 0 8px}.omhulsel{max-width:1180px;margin:0 auto;padding:24px}.kop{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.subtiel{color:var(--tekst-licht);font-size:12px}.kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius);padding:16px}.raster{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.kolommen{display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(340px,420px) 1fr;align-items:start}@media (max-width:900px){.kolommen{grid-template-columns:1fr}}label{display:block;font-size:12px;color:var(--tekst-zacht);margin-bottom:2px}input,select,textarea{width:100%;padding:6px 8px;border:1px solid var(--lijn);border-radius:4px;font:inherit;color:inherit;background:var(--wit)}input:focus,select:focus,textarea:focus{outline:2px solid var(--blauw);outline-offset:-1px}.veldenrij{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:10px}button{font:inherit;padding:6px 12px;border-radius:4px;border:1px solid var(--lijn);background:var(--wit);color:var(--tekst);cursor:pointer}button:hover{border-color:var(--blauw);color:var(--blauw)}button.primair{background:var(--blauw);border-color:var(--blauw);color:var(--wit)}button.primair:hover{filter:brightness(.94);color:var(--wit)}button.subtiel{border:none;background:none;padding:2px 4px;color:var(--tekst-licht)}table{width:100%;border-collapse:collapse}td,th{text-align:right;padding:6px 8px;border-bottom:1px solid var(--lijn)}td:first-child,th:first-child{text-align:left}th{font-size:11px;text-transform:none;font-weight:600;color:var(--tekst-zacht)}tbody tr:hover{background:var(--vlak)}.getal{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.uitkomst{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--lijn)}.uitkomst:last-child{border-bottom:none}.uitkomst .waarde{font-size:16px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.knopwaarde{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:inherit;text-align:right}.knopwaarde:hover{color:var(--blauw)}.badge{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px;vertical-align:middle}.badge.override{background:var(--oranje);color:var(--wit)}.badge.doorwerking{background:var(--vlak);color:var(--oranje);border:1px solid var(--oranje)}.badge.geerfd{color:var(--tekst-licht)}.badge.geerfd,.paneel{background:var(--vlak);border:1px solid var(--lijn)}.paneel{border-left:3px solid var(--blauw);border-radius:4px;padding:12px;margin:6px 0 12px}.paneel .formule{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--wit);border:1px solid var(--lijn);border-radius:4px;padding:6px 8px;margin:4px 0;overflow-x:auto}.paneel dl{display:grid;grid-template-columns:auto 1fr;grid-gap:2px 10px;gap:2px 10px;margin:8px 0 0;font-size:12px}.paneel dt{color:var(--tekst-licht)}.paneel dd{margin:0}.melding{border-radius:4px;padding:8px 10px;margin:6px 0;font-size:12px;border:1px solid}.melding.info{background:var(--vlak);border-color:var(--lijn)}.melding.let-op{background:#FEF6EF;border-color:var(--oranje)}.melding.blokkerend{background:#FEF0EF;border-color:var(--rood)}.dialoog{position:fixed;inset:0;background:rgba(59,65,78,.4);display:grid;place-items:center;padding:16px;z-index:10}.dialoog .kaart{max-width:480px;width:100%}