:root{--frame:#fff8ec;--sheet:#fff;--raised:#fbf5e8;--active:#f3e9d6;--border:#eadfc9;--rule:#f3ebdb;--control:#cfc4ac;--grid:#eadfc9;--inkt-balk:#15102b;--mint-fel:#2ed47a;--text:#15102b;--muted:#5f5b72;--faint:#6e6a82;--primary:#15102b;--primary-hover:#2b2545;--accent:#2f6bff;--accent-licht:#e3ebff;--accent-inkt:#1a3fa3;--positive:#1e7a4d;--pil-positief:#ddf5e6;--pil-positief-inkt:#0b3b22;--negative:#c4242a;--pil-negatief:#fde8e6;--pil-negatief-inkt:#7a1b1e;--pil-let-op:#fff4d6;--pil-let-op-inkt:#7a4d00;--let-op-rand:#f2d98c;--rookie:#fff1b8;--rookie-inkt:#5c4300;--rising:#e3ebff;--rising-inkt:#1a3fa3;--ace:#ffe1ec;--ace-inkt:#8a1240;--legend:#ece4fa;--legend-inkt:#4a2a8f;--kop:"Bangers", Impact, "Arial Narrow", sans-serif;--sans:"Nunito", system-ui, -apple-system, sans-serif;--radius-vel:16px;--radius-kaart:10px;--radius-knop:8px;--zijbalk:228px;--bovenbalk:48px;--gap:16px;--pad:24px;--doek:var(--frame);--vlak:var(--sheet);--vlak-2:var(--raised);--lijn:var(--rule);--inkt:var(--text);--muts:var(--muted);--dim:var(--faint);--dim-2:var(--control);--accent-donker:var(--accent-inkt);--aandacht:#b26a00;--aandacht-licht:var(--pil-let-op);--klaar:var(--positive);--klaar-licht:var(--pil-positief);--fout:var(--negative);--fout-licht:var(--pil-negatief);--geel:#ffd233;--geel-licht:var(--rookie);--roze:#ff3d81;--roze-licht:var(--ace);--violet:var(--legend-inkt);--violet-licht:var(--legend);--mint:var(--positive);--rand:1px;--slag:none;--kopregel:var(--bovenbalk);--goud:var(--accent);--goud-licht:var(--accent-licht);--goud-donker:var(--accent-inkt);--groen:var(--positive);--rood:var(--negative);--ivoor:var(--text);--serif:var(--sans);--nacht:var(--raised);--wijn:var(--raised);--bordeaux:var(--accent-licht)}*{box-sizing:border-box}html{overscroll-behavior:none}body,html{background:var(--frame);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-size:14px;line-height:20px}a{color:var(--accent-inkt);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{touch-action:manipulation}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.01em;text-wrap:balance;font-size:24px;line-height:30px}h1,h2,h3{font-weight:700}h2{font-size:18px;line-height:24px}h3{font-size:15px;line-height:20px}::selection{background:var(--accent-licht);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--control);border-radius:6px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skiplink{background:var(--sheet);border:1px solid var(--control);border-radius:var(--radius-knop);z-index:100;padding:8px 12px;position:absolute;top:8px;left:-999px}.skiplink:focus{left:8px}img{max-width:100%}.kop-klein,.kop-sectie .rechts{color:var(--muted);font-size:13px;font-weight:600}.kop-sectie{justify-content:space-between;align-items:center;gap:12px;padding:12px 0 8px;display:flex}.groot{font-size:32px;font-weight:600;line-height:36px}.bedrag,.cijferrail .w,.deel-teller,.getal,.grafiek .ticks,.grafiek-legenda b,.groot,.hbalk .w,.heldkaart .pl,.keuzechip b,.kopieerregel,.mono,.num,.pil-teller,.staaf .boven b,.tabel .rechts,.tabel td.getal,.tegel .waarde,.telkaart .w,.veld .v,.zoek-item .rechts{font-variant-numeric:tabular-nums}.bedrag{white-space:nowrap;font-weight:700}.muts{color:var(--muted)}.stil{color:var(--faint)}.inkt{color:var(--text)}.accent,.goud,.goudl{color:var(--accent-inkt)}.aandacht{color:var(--aandacht)}.groen,.klaar{color:var(--positive)}.fout,.rood{color:var(--negative)}.klein{font-size:12px;line-height:16px}.kleiner{font-size:11px;line-height:14px}.deel,.merk-sub,.vet,.zwart{font-weight:700}.rechtsuit{text-align:right}.deel,.nowrap,.zoekveld .groei{white-space:nowrap}.code,code{font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.uitleg{color:var(--muted);font-size:13px;line-height:18px}.schil{background:var(--frame);flex-direction:column;min-height:100vh;display:flex}.topbalk{z-index:30;height:var(--bovenbalk);padding:0 var(--pad);background:var(--inkt-balk);color:#fff8ec;gap:24px;position:sticky;top:0}.merk,.topbalk{align-items:center;display:flex}.merk{color:inherit;flex:none;gap:10px}.merk-naam{font-family:var(--kop);color:var(--roze);letter-spacing:.03em;font-size:26px;line-height:1}.merk-sub{color:#b3abd1;margin-top:4px;font-size:12px;line-height:14px}.delen{flex:1;align-items:stretch;gap:4px;min-width:0;height:100%;display:flex;overflow-x:auto}.deel{color:#cfc9e6;border-radius:0;align-items:center;gap:8px;padding:0 14px;font-size:15px;display:inline-flex;position:relative}.deel.actief,.deel:hover{color:#fff8ec}.deel.actief:after{content:"";background:var(--geel);border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:0;left:14px;right:14px}.deel-teller,.pil-teller{text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:800;line-height:18px}.deel-teller.fout,.pil-teller.fout{background:var(--negative);color:#fff}.deel-teller.aandacht,.pil-teller.aandacht{background:var(--geel);color:var(--text)}.deel-teller.klaar,.pil-teller.klaar{background:var(--pil-positief);color:var(--pil-positief-inkt)}.deel-teller.stil,.pil-teller.stil{background:var(--active);color:var(--text)}.topbalk .rechts-cluster{flex:none;align-items:center;gap:12px;display:flex}.zoekveld{color:#cfc9e6;cursor:text;text-align:left;background:#fff8ec14;border:1px solid #fff8ec2e;border-radius:999px;align-items:center;gap:10px;width:220px;height:34px;padding:0 10px 0 12px;font-size:13px;display:flex}.zoekveld:hover{color:#fff8ec;background:#fff8ec24}.zoekveld .groei{text-overflow:ellipsis;overflow:hidden}.zoekveld kbd{border:1px solid #fff8ec40;border-radius:4px;padding:0 5px;font-family:inherit;font-size:11px;line-height:16px}.versheid,.zoekveld kbd{color:#cfc9e6;white-space:nowrap}.versheid{align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.versheid .stip{background:var(--mint-fel);border-radius:50%;width:8px;height:8px;display:inline-block}.avatar,.versheid.uit .stip{background:var(--geel)}.avatar{width:32px;height:32px;color:var(--text);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.taalkeuze{border:1px solid #fff8ec38;border-radius:999px;padding:2px;display:inline-flex}.taalkeuze button{color:#cfc9e6;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;height:26px;padding:0 9px;font-size:11px;font-weight:800}.taalkeuze button:hover{color:#fff8ec}.taalkeuze button.aan{color:var(--text);background:#fff8ec}.knop.tekst.licht{color:#cfc9e6}.knop.tekst.licht:hover{color:#fff8ec;text-decoration:none}.menuknop{display:none}.subbalk{top:var(--bovenbalk);z-index:29;background:var(--frame);border-bottom:1px solid var(--border);position:sticky}.subbalk-binnen{min-height:52px;padding:8px var(--pad);align-items:center;gap:6px;display:flex;overflow-x:auto}.subbalk-deel{font-family:var(--kop);letter-spacing:.02em;margin-right:14px;font-size:20px}.pil,.subbalk-deel{color:var(--text);flex:none}.pil{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;height:34px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.pil:hover{background:var(--sheet);border-color:var(--border)}.pil.actief{background:var(--text);color:#fff8ec}.pil.actief .pil-teller.aandacht{background:var(--geel);color:var(--text)}.menupaneel{left:0;right:0;top:var(--bovenbalk);z-index:40;background:var(--frame);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:12px;padding:12px 16px 24px;display:grid;position:fixed;bottom:0;overflow-y:auto}.menu-kop{color:var(--muted);padding:8px 12px 4px;font-size:12px;font-weight:700;line-height:16px}.menu-item{border-radius:var(--radius-knop);height:36px;color:var(--text);align-items:center;gap:10px;padding:0 12px;font-size:14px;display:flex}.menu-item:hover{background:var(--sheet)}.menu-item.actief{background:var(--text);color:#fff8ec;font-weight:700}.vel{flex:1;min-width:0}.pagina{padding:var(--pad);min-width:0}.pagina-kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.pagina-kop h1{font-family:var(--kop);letter-spacing:.02em;color:var(--text);font-size:36px;font-weight:400;line-height:1}.pagina-kop .sub{color:var(--muted);max-width:80ch;margin-top:6px;font-size:14px;line-height:20px}.pagina-kop .rechts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.voetregel{margin-top:16px;line-height:18px}.kopdatum,.voetregel{color:var(--muted);font-size:13px}.chip,.cijferrail .w,.keuzechip,.knop,.kopdatum,.stand,.tabblad,.tegel .waarde{white-space:nowrap}@media (width<=1100px){.delen{display:none}.menuknop{display:inline-flex}.zoekveld{justify-content:center;width:44px;padding:0}.merk-sub,.zoekveld .groei,.zoekveld kbd{display:none}}@media (width<=900px){.topbalk{gap:12px;padding:0 12px}.afmelden,.kopdatum,.subbalk-deel,.taalkeuze,.versheid{display:none}.subbalk-binnen{padding:8px 12px}.pagina{padding:16px 12px}.pagina-kop h1{font-size:30px}}.invoer{background:var(--sheet);border:1px solid var(--control);border-radius:var(--radius-knop);width:100%;color:var(--text);outline:none;height:36px;padding:0 12px;font-size:14px;line-height:34px}.invoer::placeholder{color:var(--faint)}.invoer:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-licht)}.invoer:disabled{background:var(--raised);color:var(--muted)}select.invoer{appearance:none;background-color:var(--sheet);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%2315102B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}textarea.invoer{resize:vertical;height:auto;min-height:90px;padding:8px 12px;line-height:20px}.kleur,input[type=color].invoer{height:36px;padding:2px}.formulier{flex-direction:column;gap:16px;display:flex}.formulier label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.keuze{border:1px solid var(--control);border-radius:var(--radius-knop);background:var(--sheet);cursor:pointer;align-items:center;gap:10px;height:40px;padding:0 12px;font-weight:600;display:flex}.keuze.gekozen{border-color:var(--accent);background:var(--accent-licht)}.keuze .rond{border:2px solid var(--control);border-radius:50%;flex:none;width:14px;height:14px;margin-left:auto}.keuze.gekozen .rond{background:var(--accent);border-color:var(--accent)}.vinkje{accent-color:var(--primary);cursor:pointer;width:16px;height:16px;margin:0}.filterrij{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.filterrij .invoer{width:auto;min-width:180px;height:32px;font-size:13px;line-height:30px}.filterrij .invoer.groei{flex:1;min-width:200px}.keuzechip{border:1px solid var(--control);border-radius:var(--radius-knop);background:var(--sheet);height:32px;color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.keuzechip:hover{background:var(--raised)}.keuzechip.aan{background:var(--active);border-color:var(--text)}.keuzechip b{font-weight:700}.kaart{background:var(--sheet);border:1px solid var(--border);border-radius:var(--radius-kaart);min-width:0;padding:20px}.kaart-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-height:20px;margin-bottom:12px;display:flex}.groei,.kaart-kop h3,.tegel{min-width:0}.cijferrail .l,.kaart-kop .klein,.kaart-kop span,.tegel .label,.tegel .sub{color:var(--muted)}.tegel{background:var(--sheet);border:1px solid var(--border);border-radius:var(--radius-kaart);padding:16px 20px}.tegel .label{font-size:13px;line-height:18px}.tegel .waarde{text-overflow:ellipsis;margin-top:2px;font-size:24px;font-weight:600;line-height:30px;overflow:hidden}.tegel .sub{margin-top:4px;font-size:12px;line-height:16px}.knop,.tegel.klik{cursor:pointer}.tegel.klik:hover{border-color:var(--control)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{gap:var(--gap);align-items:start;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.grid-4,.grid-auto{gap:var(--gap);display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid-2.gelijk,.grid-3.gelijk,.grid-4.gelijk{align-items:stretch}@media (width<=1200px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.rij{align-items:center;gap:10px;display:flex}.rij.tussen{justify-content:space-between}.rij.wrap{flex-wrap:wrap}.rij.boven{align-items:flex-start}.groei{flex:1}.kolom{flex-direction:column;gap:8px;display:flex}.cijferrail{margin:0 0 var(--gap);background:var(--sheet);border:1px solid var(--border);border-radius:var(--radius-kaart);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;overflow:hidden}.cijferrail>div{border-left:1px solid var(--rule);flex-direction:column;min-width:0;padding:14px 20px;display:flex}.cijferrail>div:first-child{border-left:0}.cijferrail .w{text-overflow:ellipsis;order:2;font-size:24px;font-weight:600;line-height:30px;overflow:hidden}.cijferrail .l{order:1;font-size:13px;line-height:18px}.cijferrail .w.aandacht{color:var(--aandacht)}.cijferrail .w.fout{color:var(--negative)}.cijferrail .w.klaar{color:var(--positive)}@media (width<=800px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.cijferrail{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.cijferrail>div{border-left:0;border-top:1px solid var(--rule)}.cijferrail>div:nth-child(-n+2){border-top:0}.cijferrail>div:nth-child(2n){border-left:1px solid var(--rule)}}.signaalblok{background:var(--pil-let-op);border:1px solid var(--let-op-rand);color:var(--pil-let-op-inkt);border-radius:var(--radius-kaart);padding:12px 16px}.signaalblok .tekst{margin-top:2px;font-size:14px;line-height:20px}.chip{background:var(--active);height:20px;color:var(--text);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:600;line-height:20px;display:inline-flex}.chip.accent{background:var(--accent-licht);color:var(--accent-inkt)}.chip.aandacht,.chip.geel,.chip.goud{background:var(--pil-let-op);color:var(--pil-let-op-inkt)}.chip.groen,.chip.klaar{background:var(--pil-positief);color:var(--pil-positief-inkt)}.chip.fout,.chip.rood{background:var(--pil-negatief);color:var(--pil-negatief-inkt)}.chip.roze{background:var(--ace);color:var(--ace-inkt)}.chip.violet{background:var(--active);color:var(--text)}.chip.inkt{background:var(--text);color:#fff}.chip.muts{color:var(--muted);box-shadow:inset 0 0 0 1px var(--border)}.chip.lijn,.chip.muts{background:0 0}.chip.lijn{box-shadow:inset 0 0 0 1px var(--control)}.chip.blauw,.chip.zee{background:var(--accent-licht);color:var(--accent-inkt)}.chip.rookie{background:var(--rookie);color:var(--rookie-inkt)}.chip.rising{background:var(--rising);color:var(--rising-inkt)}.chip.ace{background:var(--ace);color:var(--ace-inkt)}.chip.legend{background:var(--legend);color:var(--legend-inkt)}.stand{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.stand.klaar{color:var(--positive)}.stand.aandacht{color:var(--aandacht)}.stand.fout{color:var(--negative)}.stand.inkt{color:var(--text)}.knop{background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:var(--radius-knop);justify-content:center;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:14px;font-weight:600;transition:background-color .12s,border-color .12s;display:inline-flex}.knop:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.knop:active{background:var(--text)}.knop:disabled{background:var(--raised);border-color:var(--border);color:var(--muted);cursor:not-allowed}.knop.lijn,.knop.stil{background:var(--sheet);color:var(--text);border-color:var(--control)}.knop.lijn:hover,.knop.stil:hover{background:var(--raised);border-color:var(--muted)}.knop.geel{color:var(--text)}.knop.fout,.knop.geel,.knop.groen,.knop.klaar,.knop.rood{background:var(--sheet);border-color:var(--control)}.knop.fout,.knop.rood{color:var(--negative)}.knop.groen,.knop.klaar{color:var(--positive)}.knop.klein{height:32px;padding:0 10px;font-size:13px}.knop.breed{width:100%}.knop.tekst{color:var(--accent-inkt);background:0 0;border:0;height:auto;min-height:0;padding:0 4px;font-weight:600}.knop.tekst:hover{text-underline-offset:3px;background:0 0;text-decoration:underline}.knop.tekst:disabled{color:var(--faint);background:0 0}.tabbladen{border-bottom:1px solid var(--border);gap:20px;margin-bottom:20px;display:flex;overflow-x:auto}.tabblad{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 0 10px;font-size:14px;font-weight:400;display:flex}.tabblad.actief,.tabblad:hover{color:var(--text)}.tabblad.actief{border-bottom-color:var(--text);font-weight:600}.heldkaart,.klik,.regel.klik,.tabel tr.klik,.telkaart,.veld .v.klik,.zoek-item{cursor:pointer}.lijst{border:1px solid var(--border);border-radius:var(--radius-kaart);overflow:hidden}.lijst,.regel{background:var(--sheet)}.regel{border-bottom:1px solid var(--rule);align-items:center;gap:12px;min-height:48px;padding:0 16px;display:flex}.regel:last-child{border-bottom:0}.kopieerregel,.regel.klik:hover{background:var(--raised)}.regel .icoon{width:20px;height:20px;color:var(--muted);flex:none;justify-content:center;align-items:center;display:flex}.regel.aandacht .icoon{color:var(--aandacht)}.regel.fout .icoon{color:var(--negative)}.regel.klaar .icoon{color:var(--positive)}.regel.accent .icoon{color:var(--accent)}.regel .kop{font-size:14px;font-weight:600;line-height:20px}.regel .kop,.regel .sub{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.regel .sub{color:var(--muted);font-size:12px;line-height:16px}.regel>.groei,.veld{padding:6px 0}.regel .rechts{text-align:right;flex:none;align-items:center;gap:10px;display:flex}.regel .rechts .bedrag,.tabel td,.veld{font-size:14px}.veld{border-bottom:1px solid var(--rule);justify-content:space-between;gap:12px;line-height:20px;display:flex}.veld:last-child{border-bottom:0}.veld .k{color:var(--muted);flex:none}.veld .v{text-align:right;overflow-wrap:anywhere;font-weight:600}.veld .v.klik{color:var(--accent-inkt)}.kopieerregel{border-radius:var(--radius-knop);align-items:center;gap:10px;padding:8px 10px 8px 12px;display:flex}.kopieerregel code{overflow-wrap:anywhere;flex:1;min-width:0}.schuif{max-width:100%;overflow-x:auto}.tabel{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:var(--radius-kaart);width:100%;overflow:hidden}.tabel,.tabel th{background:var(--sheet)}.tabel th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:400;line-height:16px}.grafiek .ticks,.hbalk .w,.tabel .rechts,.tabel td.getal,.tabel th.rechts{text-align:right}.tabel td{border-bottom:1px solid var(--rule);vertical-align:middle;padding:10px 14px;line-height:20px}.tabel tr:last-child td{border-bottom:0}.tabel tr.klik:hover td{background:var(--raised)}.tabel td.naam{font-weight:600}.spoor .naam,.tabel td div.klein,.tabel td span.klein{color:var(--muted)}.spoor{gap:4px;margin:6px 0 2px;display:flex}.spoor>div{flex:1;min-width:0}.spoor .lijn{align-items:center;gap:3px;display:flex}.spoor .bal{border:2px solid var(--control);background:var(--sheet);border-radius:50%;flex:none;width:10px;height:10px}.spoor .lijn i{background:var(--rule);flex:1;height:2px;display:block}.spoor .naam{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;line-height:16px;overflow:hidden}.spoor .klaar .bal{border-color:var(--accent)}.spoor .klaar .bal,.spoor .klaar .lijn i{background:var(--accent)}.spoor .klaar .naam{color:var(--accent-inkt)}.spoor .actief .bal{background:var(--text);border-color:var(--text)}.spoor .actief .naam{color:var(--text);font-weight:600}.hbalk,.staaf{margin-bottom:10px}.staaf .boven{justify-content:space-between;font-size:13px;line-height:18px;display:flex}.hbalk .naam b,.hbalk .w,.staaf .boven b{font-weight:600}.staaf .balk{background:var(--rule);border-radius:999px;height:6px;margin-top:5px;overflow:hidden}.staaf .balk i{background:var(--accent);height:100%;display:block}.staaf .balk i.aandacht{background:var(--aandacht)}.staaf .balk i.klaar{background:var(--positive)}.staaf .balk i.fout{background:var(--negative)}.staaf .balk i.geel{background:var(--text)}.staaf .sub{color:var(--muted);margin-top:2px;font-size:12px}.hbalk{align-items:center;gap:14px;display:flex}.hbalk .naam{flex:none;width:190px}.hbalk .naam b{font-size:14px;display:block}.hbalk .naam span{color:var(--muted);font-size:12px}.hbalk .balk{background:var(--rule);border-radius:999px;flex:1;height:8px;position:relative;overflow:hidden}.hbalk .balk i{background:var(--accent);height:100%;position:absolute;top:0;left:0}.hbalk .w{flex:none;width:110px;font-size:14px}.grafiek{grid-template-columns:40px minmax(0,1fr);gap:0 8px;display:grid}.grafiek .ticks{color:var(--muted);flex-direction:column;justify-content:space-between;font-size:12px;line-height:12px;display:flex}.grafiek svg{width:100%;display:block}.grafiek-as{grid-column:2;justify-content:space-between;margin-top:6px}.grafiek-as,.grafiek-legenda{color:var(--muted);font-size:12px;display:flex}.grafiek-legenda{flex-wrap:wrap;gap:16px}.grafiek-legenda i{vertical-align:0;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.grafiek-legenda b{color:var(--text);font-weight:600}.leeg-staat{text-align:center;color:var(--muted);border:1px dashed var(--control);border-radius:var(--radius-kaart);flex-direction:column;align-items:center;gap:4px;padding:28px 20px;display:flex}.leeg-staat b{color:var(--text);font-size:14px;font-weight:600}.leeg-staat span{max-width:46ch;font-size:13px;line-height:18px}.skelet{border-radius:4px;height:14px}.skelet,.strook{background:var(--raised)}.strook{border:1px solid var(--border);border-radius:var(--radius-knop);text-align:left;align-items:center;gap:10px;padding:10px 14px;font-size:14px;line-height:20px;display:flex}.strook.offline{background:var(--pil-let-op);border-color:var(--let-op-rand);color:var(--pil-let-op-inkt);justify-content:center}.strook.fout{background:var(--pil-negatief);color:var(--pil-negatief-inkt);border-color:#f4c7c3}.strook.klaar,.strook.ok{background:var(--pil-positief);color:var(--pil-positief-inkt);border-color:#bfe8cf}.strook.geel,.strook.goud{background:var(--pil-let-op);border-color:var(--let-op-rand);color:var(--pil-let-op-inkt)}.strook.accent{background:var(--accent-licht);color:var(--accent-inkt);border-color:#c5d4ff}.modal-achter{z-index:50;overscroll-behavior:contain;background:#15102b52;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--sheet);border:1px solid var(--border);border-radius:var(--radius-vel);width:100%;max-width:580px;max-height:90vh;padding:24px;overflow:auto;box-shadow:0 16px 40px #15102b2e}.modal.breed{max-width:900px}.modal h2{margin-bottom:4px}.zoek-achter{align-items:flex-start;padding-top:10vh}.zoek{border:1px solid var(--border);border-radius:var(--radius-vel);max-width:640px;overflow:hidden;box-shadow:0 16px 40px #15102b2e}.zoek,.zoek-invoer{background:var(--sheet);width:100%}.zoek-invoer{border:0;border-bottom:1px solid var(--border);outline:none;height:52px;padding:0 20px;font-size:16px}.zoek-invoer::placeholder{color:var(--faint)}.zoek-lijst{max-height:56vh;padding:8px;overflow-y:auto}.zoek-groep{color:var(--muted);padding:10px 12px 4px;font-size:12px;line-height:16px}.zoek-item{border-radius:var(--radius-knop);text-align:left;width:100%;min-height:44px;color:var(--text);background:0 0;border:0;align-items:center;gap:12px;padding:0 12px;display:flex}.zoek-item.actief,.zoek-item:hover{background:var(--active)}.zoek-item .kop{font-size:14px;font-weight:600;line-height:20px}.zoek-item .kop,.zoek-item .sub{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.zoek-item .sub{color:var(--muted);font-size:12px;line-height:16px}.zoek-item .rechts{flex:none;font-size:13px}.zoek-held{-o-object-fit:contain;object-fit:contain;flex:none;width:28px;height:34px}.zoek-leeg{color:var(--muted);padding:20px 12px;font-size:13px;line-height:18px}.zoek-voet{border-top:1px solid var(--border);color:var(--muted);background:var(--raised);gap:16px;padding:8px 20px;font-size:12px;display:flex}.inlog-schil{background:var(--frame);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.inlog-beeld{background:var(--frame);align-items:flex-end;padding:40px;display:flex;overflow:hidden}.heldkaart,.inlog-beeld,.inlog-beeld .tekst{position:relative}.inlog-beeld .slagzin{font-family:var(--kop);letter-spacing:.01em;max-width:560px;color:var(--text);font-size:56px;line-height:.95}.inlog-beeld .basisregel{color:var(--muted);margin-top:14px;font-size:14px;line-height:20px}.inlog-paneel{background:var(--sheet);justify-content:center;align-items:center;padding:40px;display:flex}.inlog-paneel .binnen{width:100%;max-width:420px}@media (width<=900px){.inlog-schil{grid-template-columns:1fr}.inlog-beeld{min-height:180px;padding:24px}.inlog-beeld .slagzin{font-size:38px}}.herstelcodes{letter-spacing:.08em;background:var(--raised);border-radius:var(--radius-knop);grid-template-columns:repeat(2,1fr);gap:6px 14px;padding:12px 14px;font-family:ui-monospace,Menlo,monospace;font-size:15px;display:grid}.telkaarten{margin-bottom:var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.telkaarten.drie{grid-template-columns:repeat(3,minmax(0,1fr))}.telkaarten.vier{grid-template-columns:repeat(4,minmax(0,1fr))}.telkaarten.vijf{grid-template-columns:repeat(5,minmax(0,1fr))}.telkaarten.zes{grid-template-columns:repeat(6,minmax(0,1fr))}.telkaart{border:1px solid var(--border);border-radius:var(--radius-kaart);background:var(--sheet);text-align:left;height:61px;color:var(--text);flex-direction:column;justify-content:space-between;min-width:0;padding:12px;display:flex}.telkaart:hover{border-color:var(--control)}.telkaart.aan,.telkaart.actief{border:1.5px solid var(--accent);background:var(--accent-licht);padding:11.5px}.telkaart .l{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:16px;display:block;overflow:hidden}.telkaart .w{font-size:16px;font-weight:600;line-height:20px;display:block}.telkaart .w small{color:var(--muted);margin-left:4px;font-size:12px;font-weight:400}@media (width<=800px){.telkaarten,.telkaarten.drie,.telkaarten.vier,.telkaarten.vijf,.telkaarten.zes{padding-bottom:2px;display:flex;overflow-x:auto}.telkaarten .telkaart{flex:none;min-width:128px}}.objectkop{align-items:center;gap:16px;min-height:88px;padding:14px 16px;display:flex}.objectkop .omslag{-o-object-fit:contain;object-fit:contain;background:var(--raised);border-radius:6px;flex:none;width:50px;height:62px}.objectkop .objectnaam{margin:0;font-size:18px;font-weight:600;line-height:24px}.objectkop .meta{color:var(--muted);margin-top:2px;font-size:13px;line-height:18px}.objectkop .acties{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.objectkop .annuleer{color:var(--negative)}.tabel td .code,.tabel td.bedrag,.tabel td.getal,.tabel td.nowrap,.uitgelicht .naam{white-space:nowrap}.heldkaart{background:var(--sheet);border:1px solid var(--border);border-radius:var(--radius-kaart);text-align:center;color:inherit;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;display:flex}.heldkaart:hover{border-color:var(--control);background:var(--raised)}.heldkaart img{-o-object-fit:contain;object-fit:contain;width:112px;height:134px}.heldkaart .naam{font-size:15px;font-weight:700;line-height:20px}.heldkaart .pl{background:var(--active);color:var(--text);border-radius:999px;height:20px;padding:0 7px;font-size:12px;font-weight:600;line-height:20px;position:absolute;top:10px;left:10px}.taalkolommen{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=1100px){.taalkolommen{grid-template-columns:1fr}}.taalkolommen .taal{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:600;line-height:18px}.media-held{-o-object-fit:contain;object-fit:contain;flex:none;width:32px;height:38px}.uitgelicht{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.uitgelicht a{color:var(--text);background:var(--sheet);border:1px solid var(--border);border-radius:var(--radius-kaart);flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex;position:relative}.uitgelicht a:hover{border-color:var(--control)}.uitgelicht .beeld{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;background:var(--raised);border-radius:8px;width:100%;display:block}.uitgelicht .beeld.tekening{-o-object-fit:contain;object-fit:contain;padding:10%}.uitgelicht .held{background:var(--sheet);-o-object-fit:contain;object-fit:contain;-o-object-position:top;object-position:top;border:1px solid var(--border);border-radius:50%;width:34px;height:34px;padding:3px;position:absolute;top:16px;left:16px}.uitgelicht .rang{text-align:center;background:var(--text);color:#fff8ec;border-radius:999px;min-width:24px;height:24px;font-size:12px;font-weight:800;line-height:24px;position:absolute;top:16px;right:16px}.uitgelicht .naam{text-overflow:ellipsis;font-size:14px;font-weight:700;line-height:18px;overflow:hidden}.uitgelicht .sub{color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;line-height:16px;display:flex}.media-product{-o-object-fit:cover;object-fit:cover;background:var(--raised);border-radius:8px;flex:none;width:44px;height:44px}.media-product.tekening{-o-object-fit:contain;object-fit:contain;padding:4px}@media print{.skiplink,.subbalk,.topbalk{display:none!important}.schil{background:#fff;display:block}}