:root{--kleur-tekst: #1c1c1c;--kleur-zacht: #5f6360;--kleur-achtergrond: #f1f2f0;--kleur-vlak: #ffffff;--kleur-vlak-kop: #f7f8f6;--kleur-rand: #d3d6d1;--kleur-rand-zacht: #e6e8e4;--kleur-accent: #1f5f4f;--kleur-accent-vlak: #e9f3ef;--kleur-verlopen: #9c2420;--kleur-verlopen-vlak: #f7e4e3;--kleur-binnenkort: #7d5200;--kleur-binnenkort-vlak: #f9efdc;--kleur-geldig: #1c5c3a;--kleur-geldig-vlak: #e3efe7;--kleur-onbekend: #45494f;--kleur-onbekend-vlak: #e9ebee;--ruimte: 1.1rem;--raakvlak: 2.6rem;--rondig: 8px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.5;color:var(--kleur-tekst);background:var(--kleur-achtergrond)}a{color:var(--kleur-accent)}code{background:var(--kleur-achtergrond);padding:.1em .35em;border-radius:.25rem}.kop{display:flex;align-items:center;gap:1.5rem;padding:0 var(--ruimte);background:var(--kleur-vlak);border-bottom:1px solid var(--kleur-rand)}.kop h1{margin:0;padding:.7rem 0;font-size:1.05rem;font-weight:600;white-space:nowrap}.kop>a{text-decoration:none;color:inherit}.hoofdmenu{display:flex;align-items:stretch;gap:0;flex:1}.menu-knop{display:inline-flex;align-items:center;gap:.4rem;min-height:2.6rem;padding:0 1rem;border-radius:var(--rondig) var(--rondig) 0 0;border:0;border-bottom:2px solid transparent;background:none;font:inherit;color:var(--kleur-tekst);text-decoration:none;white-space:nowrap;cursor:pointer}.menu-knop:hover{background:var(--kleur-vlak)}.menu-knop.is-actief{border-bottom-color:var(--kleur-accent);font-weight:600}.menu-pijl{width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid currentColor;opacity:.7}.menu-groep{position:relative;display:flex}.menu-lade{position:absolute;top:100%;left:0;z-index:20;min-width:13rem;padding:.3rem 0;background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--rondig);box-shadow:0 4px 12px #0000001f}.menu-lade-punt{display:block;padding:.5rem 1rem;color:var(--kleur-tekst);text-decoration:none;white-space:nowrap}.menu-lade-punt:hover{background:var(--kleur-accent-vlak)}.menu-lade-punt.is-actief{font-weight:600}.menu-lade-scheiding{margin-top:2px;border-top:1px solid var(--kleur-rand-zacht);padding-top:.4rem}.inhoud{padding:var(--ruimte);display:flex;flex-direction:column;gap:var(--ruimte)}.kaart{padding:var(--ruimte);background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--rondig)}.kaart h2{margin:0 0 .75rem;font-size:1.05rem;font-weight:600}.kaart-kop{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte);flex-wrap:wrap}.kaart-kop h2{margin:0;font-size:1.3rem}.kruimels{font-size:.9rem;color:var(--kleur-zacht)}.toelichting{margin:-.25rem 0 .75rem;font-size:.9rem;color:var(--kleur-zacht)}.melding{margin:0;color:var(--kleur-zacht)}.melding.fout{color:var(--kleur-verlopen)}.telling{margin:0;font-size:.9rem;color:var(--kleur-zacht)}.tegels{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.tegel{display:flex;flex-direction:column;gap:.15rem;padding:var(--ruimte);border:1px solid var(--kleur-rand);border-radius:var(--rondig);background:var(--kleur-vlak)}.tegel-getal{font-size:2rem;font-weight:600;line-height:1.1}.tegel-label{font-size:.85rem;color:var(--kleur-zacht)}.tegel-verlopen{background:var(--kleur-verlopen-vlak)}.tegel-verlopen .tegel-getal{color:var(--kleur-verlopen)}.tegel-binnenkort{background:var(--kleur-binnenkort-vlak)}.tegel-binnenkort .tegel-getal{color:var(--kleur-binnenkort)}.tegel-geldig{background:var(--kleur-geldig-vlak)}.tegel-geldig .tegel-getal{color:var(--kleur-geldig)}.tegel-nooit_gekalibreerd{background:var(--kleur-onbekend-vlak)}.tegel-nooit_gekalibreerd .tegel-getal{color:var(--kleur-onbekend)}.zoekbalk input{width:100%;min-height:var(--raakvlak);padding:0 .75rem;font:inherit;border:1px solid var(--kleur-rand);border-radius:var(--rondig);background:var(--kleur-vlak)}.rijen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;border:1px solid var(--kleur-rand);border-radius:var(--rondig);overflow:hidden;background:var(--kleur-vlak)}.rijen>li+li{border-top:1px solid #eef0ed}.rijen>li:hover{background:var(--kleur-accent-vlak)}.rijen>li>a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"kop eind" "bij eind";align-items:center;gap:.15rem .75rem;min-height:var(--raakvlak);padding:.8rem 1.05rem;border:0;text-decoration:none;color:inherit}.rijen>li>a:hover{background:var(--kleur-accent-vlak)}.rij-kop{grid-area:kop;font-weight:600}.rij-bij{grid-area:bij;font-size:.88rem;color:var(--kleur-zacht)}.rij-eind{grid-area:eind;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.rij-datum{font-size:.85rem;color:var(--kleur-zacht);font-variant-numeric:tabular-nums}.merk{display:inline-block;padding:.15rem .55rem;border-radius:1rem;font-size:.78rem;font-weight:600;white-space:nowrap;background:var(--kleur-onbekend-vlak);color:var(--kleur-onbekend)}.merk-verlopen,.merk-afgekeurd{background:var(--kleur-verlopen-vlak);color:var(--kleur-verlopen)}.merk-binnenkort,.merk-goedgekeurd_met_opmerking,.merk-buiten_tolerantie,.merk-in_kalibratie{background:var(--kleur-binnenkort-vlak);color:var(--kleur-binnenkort)}.merk-geldig,.merk-goedgekeurd,.merk-binnen_tolerantie,.merk-in_gebruik{background:var(--kleur-geldig-vlak);color:var(--kleur-geldig)}dl{display:grid;grid-template-columns:1fr;gap:.1rem;margin:0}dt{font-size:.85rem;color:var(--kleur-zacht)}dd{margin:0 0 .6rem}.cijfers dd{font-variant-numeric:tabular-nums}.uitgelicht{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:.9rem 0;padding:.7rem .9rem;background:var(--kleur-achtergrond);border-radius:var(--rondig)}.uitgelicht-datum{font-variant-numeric:tabular-nums}.procedure{margin:0;padding-left:1.2rem}.procedure-bij{display:block;font-size:.85rem;color:var(--kleur-zacht)}.kalibratie{padding:.9rem;margin-bottom:.75rem;border:1px solid var(--kleur-rand);border-radius:var(--rondig)}.kalibratie:last-child{margin-bottom:0}.kalibratie-gecorrigeerd{opacity:.7;background:var(--kleur-achtergrond)}.kalibratie-kop{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.kalibratie-bij,.kalibratie-herkomst{margin:.35rem 0 0;font-size:.85rem;color:var(--kleur-zacht)}.kalibratie-reden,.kalibratie-opmerking{margin:.5rem 0 0;font-size:.9rem}.merk-gecorrigeerd{background:var(--kleur-verlopen-vlak);color:var(--kleur-verlopen)}.merk-correctie{background:var(--kleur-geldig-vlak);color:var(--kleur-geldig)}.tabel-omhulsel{margin-top:.75rem;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--kleur-rand);white-space:nowrap}th{font-size:.8rem;color:var(--kleur-zacht);font-weight:600}td{font-variant-numeric:tabular-nums}button,input,select{min-height:var(--raakvlak);font:inherit}@media(min-width:48rem){.kop{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte);padding:var(--ruimte) calc(var(--ruimte) * 2)}.kop nav{margin-top:0}.inhoud{max-width:90rem;width:100%;margin:0 auto;padding:var(--ruimte) calc(var(--ruimte) * 1.5)}.tegels{grid-template-columns:repeat(4,1fr)}dl{grid-template-columns:12rem 1fr;gap:.35rem var(--ruimte)}dt{font-size:1rem}dd{margin-bottom:0}.dl-paar{display:contents}}.aanmeld-omhulsel{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--ruimte)}.aanmelden{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:22rem}.aanmelden h1{margin:0 0 .75rem;font-size:1.25rem}.aanmelden label{font-size:.85rem;color:var(--kleur-zacht)}.aanmelden input{padding:0 .75rem;margin-bottom:.5rem;border:1px solid var(--kleur-rand);border-radius:var(--rondig)}.aanmelden button{margin-top:.5rem;border:0;border-radius:var(--rondig);background:var(--kleur-accent);color:#fff;font-weight:600;cursor:pointer}.aanmelden button:disabled{opacity:.6;cursor:default}.wie{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.wie-naam{font-size:.9rem}.knop-zacht{min-height:var(--raakvlak);min-width:5rem;padding:0 .7rem;border:1px solid var(--kleur-rand);border-radius:var(--rondig);background:var(--kleur-vlak);font:inherit;cursor:pointer}.knop-zacht:hover{background:var(--kleur-achtergrond)}@media(min-width:48rem){.wie{margin-top:0}}.velden{display:grid;grid-template-columns:1fr;gap:.2rem}.velden label{font-size:.85rem;color:var(--kleur-zacht)}.velden input,.velden select,.velden textarea{width:100%;padding:.4rem .6rem;margin-bottom:.6rem;font:inherit;border:1px solid var(--kleur-rand);border-radius:var(--rondig);background:var(--kleur-vlak)}.punt{padding:.7rem 0;border-bottom:1px solid var(--kleur-rand)}.punt:last-of-type{border-bottom:0}.punt-kop{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.punt-norm{font-size:.85rem;color:var(--kleur-zacht);font-variant-numeric:tabular-nums}.punt-invoer{display:grid;grid-template-columns:1fr;gap:.4rem;margin-top:.4rem}.punt-invoer input,.punt-invoer select{padding:.4rem .6rem;border:1px solid var(--kleur-rand);border-radius:var(--rondig);background:var(--kleur-vlak)}.knoppenrij{display:flex;align-items:center;gap:var(--ruimte)}.knop{display:inline-flex;align-items:center;justify-content:center;min-height:var(--raakvlak);min-width:6rem;padding:0 .9rem;border:1px solid var(--kleur-accent);border-radius:var(--rondig);background:var(--kleur-accent);color:#fff;font:inherit;text-decoration:none;cursor:pointer}.knop:hover{background:#194f41}.knop:disabled{opacity:.6;cursor:default}.kaart-kop .knop{min-height:2.25rem;font-size:.9rem}.kalibratie-actie{margin:.5rem 0 0;font-size:.9rem}@media(min-width:48rem){.punt-invoer{grid-template-columns:12rem 14rem}}.vinkje{display:flex;align-items:center;gap:.5rem;min-height:var(--raakvlak);cursor:pointer}.vinkje input{width:1.15rem;height:1.15rem;min-height:0}.lijst-kop{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte);flex-wrap:wrap}.kaart-kop-eind{display:flex;align-items:center;gap:.5rem}.kaart-kop-eind a,.kaart-kop .knop{text-decoration:none}.lijst-kop .zoekbalk{flex:1 1 14rem}.lijst-kop>a{flex:0 0 auto}.punt-rij{padding:.75rem 0;border-bottom:1px solid var(--kleur-rand)}.punt-rij-kop{display:flex;align-items:center;gap:.5rem}.punt-rij-kop input{flex:1;min-height:var(--raakvlak);padding:0 .6rem;font:inherit;border:1px solid var(--kleur-rand);border-radius:var(--rondig)}.punt-nummer{flex:0 0 1.5rem;color:var(--kleur-zacht);font-variant-numeric:tabular-nums}.punt-knoppen{display:flex;gap:.25rem}.knop-klein{min-width:2.25rem;min-height:2.25rem;border:1px solid var(--kleur-rand);border-radius:var(--rondig);background:var(--kleur-vlak);font:inherit;cursor:pointer}.knop-klein:disabled{opacity:.4;cursor:default}.punt-getallen{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:.5rem 0 0 2rem}.punt-getallen label{display:flex;flex-direction:column;gap:.15rem;font-size:.8rem;color:var(--kleur-zacht)}.punt-getallen input{min-height:2.4rem;padding:0 .5rem;font:inherit;border:1px solid var(--kleur-rand);border-radius:var(--rondig)}.punt-getallen .breed{grid-column:1 / -1}@media(min-width:48rem){.punt-getallen{grid-template-columns:repeat(4,1fr)}}.gebruiker-rij{display:flex;align-items:center;justify-content:space-between;gap:var(--ruimte);flex-wrap:wrap;padding:.7rem .9rem;background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--rondig)}.gebruiker-rij .rij-kop,.gebruiker-rij .rij-bij{display:block}.gebruiker-knoppen{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.gebruiker-knoppen select{min-height:2.25rem;padding:0 .5rem;border:1px solid var(--kleur-rand);border-radius:var(--rondig);background:var(--kleur-vlak)}.kaart-let-op{border-color:var(--kleur-binnenkort);background:var(--kleur-binnenkort-vlak)}.wachtwoord{margin:.5rem 0;padding:.6rem .9rem;background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--rondig);font-family:ui-monospace,monospace;font-size:1.1rem;word-break:break-all;-webkit-user-select:all;user-select:all}.log-toelichting{white-space:normal;min-width:14rem}.wie>a{text-decoration:none;color:inherit}.melding.let-op{padding:.6rem .9rem;background:var(--kleur-binnenkort-vlak);border-radius:var(--rondig);color:var(--kleur-binnenkort)}.herkend{display:flex;flex-direction:column;gap:.2rem;padding:.7rem 0;border-bottom:1px solid var(--kleur-rand)}.herkend:last-of-type{border-bottom:0}.herkend-label{font-size:.85rem;color:var(--kleur-zacht)}.herkend-waarde{font-weight:600}.herkend-invoer input,.herkend-invoer select{width:100%;max-width:24rem;min-height:var(--raakvlak);padding:0 .6rem;font:inherit;border:1px solid var(--kleur-rand);border-radius:var(--rondig);background:var(--kleur-vlak)}.herkend-bron{font-size:.82rem;color:var(--kleur-zacht)}.herkend-bron q{font-style:italic}.herkend-leeg{color:var(--kleur-binnenkort)}.kandidaat{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .9rem;background:var(--kleur-vlak);border:1px solid var(--kleur-rand);border-radius:var(--rondig);cursor:pointer}.kandidaat input{margin-top:.3rem;width:1.15rem;height:1.15rem;min-height:0}.kandidaat .rij-bij{display:block}.ruwe-tekst{margin:0;padding:.75rem;max-height:24rem;overflow:auto;background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-radius:var(--rondig);font-size:.85rem;white-space:pre-wrap;word-break:break-word}.knop-gevaar{color:var(--kleur-verlopen);border-color:var(--kleur-verlopen)}.knop.knop-gevaar{background:var(--kleur-verlopen);color:#fff}.knop.knop-gevaar:hover{background:#862019}.verwijderen{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.verwijderen .melding{margin:0}.rijen>li.met-actie{display:flex;align-items:center}.rijen>li.met-actie>a{flex:1;min-width:0}.rij-actie{display:flex;padding-right:.9rem}.rij-actie>a{display:inline-flex;padding:0;min-height:0;text-decoration:none}.overzichtsbalk{display:flex;align-items:center;gap:.75rem;min-height:var(--raakvlak)}.overzichtsbalk-filters{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0;flex-wrap:wrap}.overzichtsbalk-filters label{font-size:.9rem;color:var(--kleur-zacht)}.overzichtsbalk-filters select{min-height:var(--raakvlak);padding:0 .5rem;border:1px solid var(--kleur-rand);border-radius:var(--rondig);background:var(--kleur-vlak);font:inherit;min-width:14rem;max-width:100%}.overzichtsbalk-knop{display:flex;align-items:center;gap:.6rem}.overzichtsbalk-knop a{text-decoration:none}.knop-uit{background:var(--kleur-achtergrond);border-color:var(--kleur-rand);color:var(--kleur-zacht);cursor:not-allowed}.overzichtsbalk-uitleg{font-size:.85rem;color:var(--kleur-zacht)}.statusoverzicht{display:flex;align-items:center;gap:var(--ruimte)}.statusoverzicht .tegels{flex:1}.statusring{flex:0 0 auto;width:8.5rem}.statusring svg{display:block;width:100%;height:auto}.statusring-getal{text-anchor:middle;font-size:1.4rem;font-weight:600;fill:var(--kleur-tekst)}.statusring-bij{text-anchor:middle;font-size:.55rem;fill:var(--kleur-zacht)}.overzichtsbalk-filters input[type=date]{min-height:var(--raakvlak);padding:0 .5rem;border:1px solid var(--kleur-rand);border-radius:var(--rondig);background:var(--kleur-vlak);font:inherit}