.app{z-index:1;background-color:var(--vlak-achtergrond);background-image:repeating-linear-gradient(0deg, var(--raster) 0 1px, transparent 1px 4px);min-height:100vh;color:var(--tekst);font-family:var(--font-body);display:flex;position:relative}.achtergrond-laag{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.app:not([data-kleurmodus=donker]) .achtergrond-laag{display:none}.zijbalk{width:var(--zijbalk-b);z-index:40;background:var(--vlak-verhoogd);border-right:1px solid var(--lijn-haar);flex-direction:column;gap:4px;padding:16px 12px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.zij-merk,.zij-voet{flex:none}.zij-scroll{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:2px;min-height:0;margin:0 -12px;padding:0 12px;display:flex;overflow-y:auto}.zij-merk{color:var(--tekst-kop);font-family:var(--font-display);align-items:center;gap:10px;padding:6px 10px 16px;font-size:16px;font-weight:600;line-height:1.15;display:flex}.zij-merk small{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--label);margin-top:2px;font-size:10px;font-weight:500;display:block}.zij-merk-site{border-radius:var(--radius-s);width:26px;height:26px;color:var(--tekst-zacht);opacity:.7;border:1px solid #0000;flex:none;justify-content:center;align-self:flex-start;align-items:center;margin-left:auto;transition:opacity .15s,color .15s,border-color .15s;display:inline-flex}.zij-merk-site:hover{opacity:1;color:var(--tekst-kop);border-color:var(--lijn-haar);text-decoration:none}.menu-bol{background:var(--accent-vlak);border-radius:3px;flex:none;width:12px;height:12px;animation:2.4s step-end infinite bolTik}@keyframes bolTik{0%,70%{opacity:1}71%,to{opacity:.45}}@media (prefers-reduced-motion:reduce){.menu-bol{animation:none}}.zij-groep{margin-top:10px}.zij-groep>.zij-kop{text-align:left;cursor:pointer;width:100%;min-height:28px;color:var(--label);border-radius:var(--radius-s);background:0 0;border:0;align-items:center;gap:8px;margin-bottom:2px;padding:2px 10px;display:flex}.zij-groep>.zij-kop:hover{color:var(--tekst-kop)}[data-kleurmodus=licht] .zij-groep>.zij-kop{font-weight:700}.zij-kop-pijl{opacity:.7;width:6px;height:6px;transition:transform .18s var(--ease);border-bottom:1.5px solid;border-right:1.5px solid;flex:none;margin-left:auto;transform:translateY(-2px)rotate(45deg)}.zij-kop[aria-expanded=false] .zij-kop-pijl{transform:translateY(0)rotate(-45deg)}.zij-nav[hidden]{display:none}@media (max-width:940px){.zij-groep>.zij-kop{min-height:40px}}.zij-nav a,.zij-nav .uitgeschakeld{border-radius:var(--radius-s);color:var(--tekst-zacht);border-left:2px solid #0000;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.zij-nav a:hover{background:var(--vlak-diep);color:var(--tekst-kop);text-decoration:none}.zij-nav a.actief{background:var(--accent-zacht);color:var(--tekst-kop);border-left-color:var(--accent-vlak);border-top-left-radius:2px;border-bottom-left-radius:2px}.zij-nav a.zij-sub,.zij-nav .uitgeschakeld.zij-sub{border-left:1px solid var(--lijn-haar);border-radius:0 var(--radius-s) var(--radius-s) 0;margin-left:10px;padding-left:12px;font-size:13.5px}.zij-nav a.zij-sub.actief{border-left:1px solid var(--accent)}.zij-nav .uitgeschakeld{cursor:default;opacity:.55;flex-wrap:wrap;row-gap:3px}.zij-nav .uitgeschakeld .chip{margin-left:0;padding:2px 8px;font-size:10px}.zij-nav a .menu-badge{border-radius:var(--radius-rond);background:var(--accent-vlak);min-width:20px;height:20px;color:var(--accent-vlak-tekst);font-family:var(--font-mono);justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.zij-nav a .menu-bezig{border-radius:var(--radius-rond);background:var(--accent);opacity:0;flex:none;width:6px;height:6px}.zij-nav a .menu-bezig.is-bezig{animation:.9s ease-in-out .12s infinite menuBezig}@keyframes menuBezig{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.zij-nav a .menu-bezig.is-bezig{opacity:1;animation:none}}.zij-voet{border-top:1px solid var(--lijn-haar);margin-top:auto;padding-top:12px}.gebruiker{align-items:center;gap:10px;padding:8px 10px;display:flex}.gebruiker b{color:var(--tekst-kop);font-size:14px;line-height:1.25;display:block}.gebruiker span{color:var(--tekst-zacht);font-size:12px}.gebruiker-link{border-radius:var(--radius-s);margin-bottom:8px;text-decoration:none;transition:background .15s}.gebruiker-link:hover{background:var(--vlak-diep);text-decoration:none}.profielmenu{margin-bottom:4px;position:relative}.pm-knop{border-radius:var(--radius-s);width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;transition:background .15s,border-color .15s}.pm-knop:hover{background:var(--vlak-diep)}.profielmenu.is-open .pm-knop{background:var(--accent-zacht);border-color:var(--lijn-haar)}.pm-knop-tekst{flex:1;min-width:0}.pm-knop-tekst b,.pm-knop-tekst>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pm-knop-tekst b{color:var(--tekst-kop);font-size:14px;line-height:1.25}.pm-knop-tekst>span{color:var(--tekst-zacht);font-size:12px}.pm-pijl{color:var(--tekst-zacht);transition:transform .22s var(--ease);flex:none;font-size:13px;line-height:1;transform:translateY(2px)}.profielmenu.is-open .pm-pijl{color:var(--accent);transform:rotate(180deg)translateY(1px)}.pm-paneel{z-index:70;border-radius:var(--radius-m);border:1px solid var(--lijn-haar);background:var(--vlak-verhoogd);box-shadow:var(--schaduw);animation:pmOpen .16s var(--ease) both;transform-origin:bottom;flex-direction:column;max-height:min(70vh,560px);padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:-6px;right:-6px;overflow-y:auto}@keyframes pmOpen{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pm-groep{flex-direction:column;gap:1px;padding:4px 0;display:flex}.pm-groep+.pm-groep{border-top:1px solid var(--lijn-haar)}.pm-groep form{display:contents}.pm-kop{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--label);padding:4px 12px 6px;font-size:10px}.pm-item{border-radius:var(--radius-s);width:100%;color:var(--tekst);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:10px;padding:9px 12px;font-size:14px;text-decoration:none;transition:background .12s,color .12s;display:flex}.pm-item:hover{background:var(--vlak-diep);color:var(--tekst-kop);text-decoration:none}.pm-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-zacht)}.pm-item:disabled{cursor:default;opacity:.75}.pm-badge{border-radius:var(--radius-rond);background:var(--accent-vlak);min-width:20px;height:20px;color:var(--accent-vlak-tekst);font-family:var(--font-mono);justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.pm-stip{background:var(--accent-vlak);border-radius:999px;flex:none;width:8px;height:8px;margin-right:2px}.pm-uit{color:var(--tekst-zacht)}.pm-uit:hover{color:var(--status-risico)}.pm-omgeving{padding:8px 12px}.pm-omgeving.is-hier{cursor:default;background:var(--accent-zacht);border-left-color:var(--accent-vlak)}.pm-omgeving.is-hier:hover{background:var(--accent-zacht)}.pm-tint{border-radius:2px;flex:none;width:7px;height:7px;background:var(--lijn)!important}.pm-omgeving.is-hier .pm-tint{background:var(--accent-vlak)!important}.pm-tekst{flex:1;min-width:0;display:block}.pm-tekst b,.pm-tekst>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pm-tekst b{color:var(--tekst-kop);font-size:13.5px;font-weight:600;line-height:1.3}.pm-tekst>span{color:var(--tekst-zacht);font-size:11.5px}.pm-vink{color:var(--accent);flex:none;font-size:13px}.pm-nr{border:1px solid var(--lijn-haar);min-width:18px;height:18px;font-family:var(--font-mono);color:var(--label);border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0 4px;font-size:10px;display:inline-flex}.pm-bezig{color:var(--accent);flex:none;font-size:11px}.pm-omgeving.is-bezig .pm-tint{animation:1s ease-in-out infinite pmPols}@keyframes pmPols{0%,to{opacity:1}50%{opacity:.35}}.pm-uitleg{color:var(--tekst-zacht);margin:0;padding:8px 12px 2px;font-size:12px;line-height:1.45}.pm-toevoegen{color:var(--tekst-zacht);font-size:13px}.pm-plus{border:1px dashed var(--lijn);border-radius:4px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;display:inline-flex}.pm-voet{border-top:1px solid var(--lijn-haar);color:var(--tekst-zacht);gap:14px;padding:8px 12px 4px;font-size:10.5px;display:flex}.pm-voet kbd{font-family:var(--font-mono);border:1px solid var(--lijn-haar);background:var(--vlak-diep);color:var(--label);border-radius:4px;padding:1px 4px;font-size:10px}.inhoud{min-width:0;margin-left:var(--zijbalk-b);flex:1;max-width:1240px;padding:28px clamp(18px,3.5vw,44px) 90px}.werkplek-terug{margin-top:-14px;margin-bottom:10px;line-height:1}.tekst-terug{font-size:var(--tekst-s);color:var(--tekst-zacht);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.tekst-terug:hover{color:var(--tekst-kop)}.tekst-terug:before{content:"←";font-family:var(--font-body);line-height:1}.kop{justify-content:space-between;align-items:flex-end;gap:var(--ruimte-4);margin-bottom:var(--ruimte-6);flex-wrap:wrap;display:flex}.kop>:first-child:not(.kop-tekst):not(.kicker):not(h1),.kop-tekst{flex:320px;min-width:0}.kop>.kicker,.kop>.intro,.kop>h1{flex:1 0 100%}:is(.kop>h1:has(+.knop),.kop>h1:has(+a.knop)){flex:auto}.kop .kicker{margin-bottom:6px}.kop .intro{color:var(--tekst-zacht);text-wrap:pretty;max-width:60ch;margin-top:6px}.kop-acties,.kop-rechts{align-items:center;gap:var(--ruimte-2);flex-wrap:wrap;flex:none;display:flex}.kop-status{align-items:center;gap:var(--ruimte-2);margin-left:var(--ruimte-2);vertical-align:middle;display:inline-flex}.kop-regel{align-items:center;gap:var(--ruimte-3);flex-wrap:wrap;display:flex}.menuknop{z-index:60;border-radius:var(--radius-s);border:1px solid var(--lijn-haar);background:var(--vlak-verhoogd);width:42px;height:42px;box-shadow:var(--schaduw);color:var(--tekst-kop);cursor:pointer;justify-content:center;align-items:center;display:none;position:fixed;top:14px;left:14px}.menuknop:hover{background:var(--vlak-diep)}.menuknop.is-open{background:var(--accent-zacht);border-color:var(--accent)}.menuknop-balken{display:block;position:relative}.menuknop-balken,.menuknop-balken:before,.menuknop-balken:after{width:18px;height:2px;transition:transform .2s var(--ease), background .12s linear;background:currentColor;border-radius:2px}.menuknop-balken:before,.menuknop-balken:after{content:"";position:absolute;left:0}.menuknop-balken:before{top:-6px}.menuknop-balken:after{top:6px}.menuknop.is-open .menuknop-balken{background:0 0}.menuknop.is-open .menuknop-balken:before{transform:translateY(6px)rotate(45deg)}.menuknop.is-open .menuknop-balken:after{transform:translateY(-6px)rotate(-45deg)}@media (max-width:940px){.zijbalk{transition:transform .28s var(--ease);box-shadow:var(--schaduw);transform:translate(-104%)}.zijbalk.open{transform:none}.inhoud{margin-left:0;padding-top:70px}:is(.inhoud:has(>.kop:first-child),.inhoud:has(>.werkplek-terug:first-child)){padding-top:16px}.inhoud>.kop:first-child,.inhoud>.werkplek-terug:first-child{min-height:42px;padding-left:52px;padding-right:52px}.inhoud>.werkplek-terug:first-child{align-items:center;margin-top:0;margin-bottom:12px;display:flex}.kop{margin-bottom:18px}.menuknop{display:inline-flex}.zij-merk{padding-left:48px}}