@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-500-normal-BWnGEVsr.woff2)format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-700-normal-th6qEP7c.woff2)format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/figtree-latin-800-normal-30yxI7TZ.woff2)format("woff2")}:root{--primair:#5447c8;--primair-donker:#3e33a6;--primair-tekst:#4a3fba;--primair-licht:#edebfa;--primair-vlak:#f6f5fd;--primair-rand:#c9c4f1;--primair-rand-licht:#d9d6f3;--primair-rand-sterk:#9c93e6;--nav:#23253a;--nav-actief:#3a3d5c;--nav-tekst:#c3c6dc;--tekst:#1b1c24;--tekst-2:#33354a;--tekst-3:#2a2c3b;--tekst-gedempt:#555868;--tekst-uit:#8c8ea0;--bg:#f2f2f6;--bg-lijst:#fafafc;--bg-wit:#fff;--vlak:#ececf2;--vlak-2:#e4e4ec;--rand:#e1e1e9;--rand-2:#d9d9e3;--online:#2fb37c;--offline:#a3a5b5;--melding:#d2473f;--productie:#b23a2a;--test-tekst:#7a4c0a;--test-bg:#fbefd8;--live-tekst:#17603f;--live-bg:#ddf2e8;--radius-label:5px;--radius-knop:8px;--radius-rij:9px;--radius-tegel:10px;--radius-kaart:12px;--radius-ballon:14px;--radius-invoer:24px;--schaduw-kaart:0 1px 3px #23253a14;--schaduw-rij:0 1px 3px #23253a1f;--schaduw-popover:0 16px 40px #23253a38, 0 1px 2px #23253a1a;--font:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-18:18px;--fs-20:20px;--nav-b:76px;--lijst-b:300px;--paneel-b:380px;--paneel-b-dicht:48px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:var(--fs-14);color:var(--tekst);background:var(--bg)}button,input,textarea,select{font:inherit;color:inherit}.visuallyhidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.foutbalk{border-bottom:1px solid var(--rand-2);background:var(--bg-wit);padding:.5rem}.leeg,.laden{padding:1rem}.app{flex-direction:column;height:100dvh;display:flex}.schil{grid-template-columns:var(--nav-b) var(--lijst-b) minmax(0, 1fr) var(--paneel-b);--paneel-b:var(--paneel-open-b,380px);flex:1;grid-template-rows:minmax(0,1fr);min-height:0;display:grid;position:relative}.schil:has(.zijpaneel.dicht){--paneel-b:var(--paneel-b-dicht)}.schil>.lijstkolom{grid-column:2}.schil>.midden{grid-column:3}.schil>.zijpaneel{grid-column:4}.midden{background:var(--bg);flex-direction:row;min-width:0;min-height:0;display:flex}.middenvak{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.middenkop{background:var(--bg-wit);border-bottom:1px solid var(--rand);flex:none;align-items:flex-end;gap:4px;height:64px;padding:0 20px;display:flex}.middentabs{gap:20px;height:100%;display:flex}.middentabs button{font-size:var(--fs-15);color:var(--tekst-2);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 2px}.middentabs button[aria-selected=true]{color:var(--tekst);border-bottom-color:var(--primair);font-weight:700}.middeninhoud{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.navigatie{background:var(--nav);color:var(--nav-tekst);flex-direction:column;grid-column:1;align-items:center;gap:6px;padding:16px 0;display:flex}.navknop{width:64px;color:var(--nav-tekst);cursor:pointer;font-size:var(--fs-11);background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:9px 0;font-weight:500;display:flex}.navknop svg{flex:none}.navknop:hover:not([aria-disabled=true]){background:#ffffff0f}.navknop[aria-current=page]{background:var(--nav-actief);color:#fff;font-weight:600}.navknop[aria-disabled=true]{cursor:default;opacity:.55}.navknop:focus-visible{outline:2px solid var(--primair-rand);outline-offset:1px}.navprofiel{margin-top:auto;padding:8px 0}.navprofiel[aria-expanded=true]{background:var(--nav-actief)}.avatar{background:var(--primair);color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;position:relative}.avatar.groot{width:42px;height:42px;font-size:var(--fs-14)}.avatar.middel{width:34px;height:34px;font-size:var(--fs-12)}.statusbol{background:var(--online);border:2px solid var(--nav);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.bordchat-nota{color:var(--tekst-gedempt);font-size:var(--fs-12);margin:0}.profielpopover{z-index:10;background:var(--bg-wit);width:320px;color:var(--tekst);border-radius:var(--radius-kaart);box-shadow:var(--schaduw-popover);flex-direction:column;display:flex;position:absolute;bottom:16px;left:84px;overflow:hidden}.popoverkop{border-bottom:1px solid var(--vlak);align-items:center;gap:12px;padding:16px 18px;display:flex}.popovernaam{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.popovernaam strong{font-size:var(--fs-15);font-weight:700}.popovernaam span{font-size:var(--fs-13);color:var(--tekst-gedempt)}.popoversluit{font-size:var(--fs-18);color:var(--tekst-gedempt);cursor:pointer;border-radius:var(--radius-knop);background:0 0;border:0;padding:4px 6px;line-height:1}.popoverrij{border-radius:var(--radius-knop);justify-content:space-between;align-items:center;margin:8px 8px 0;padding:10px;font-weight:600;display:flex}.popoverstatus{color:var(--tekst-2);align-items:center;gap:6px;font-weight:500;display:flex}.popoverstatus:before{content:"";background:var(--online);border-radius:50%;width:8px;height:8px}.popoverkopje{font-size:var(--fs-12);color:var(--tekst-gedempt);margin:0;padding:10px 18px 6px;font-weight:700}.meldingradios{border:0;flex-direction:column;margin:0;padding:0 8px 8px;display:flex}.meldingradio{border-radius:var(--radius-knop);cursor:pointer;align-items:center;gap:10px;padding:9px 10px;display:flex}.meldingradio.actief{background:var(--bg)}.meldingradio input{opacity:0;pointer-events:none;position:absolute}.meldingradio .ring{border:1.5px solid var(--tekst-uit);border-radius:50%;flex:none;width:16px;height:16px}.meldingradio.actief .ring{border:5px solid var(--primair)}.meldingradio input:focus-visible+.ring{outline:2px solid var(--primair-rand-sterk);outline-offset:2px}.meldingradio.uitgeschakeld{opacity:.55;cursor:default}.popovermelding{font-size:var(--fs-12);color:var(--tekst-gedempt);margin:0 18px 8px}.meldingapparaten{font-size:var(--fs-12);color:var(--tekst-gedempt);margin:0 18px 8px;padding:0;list-style:none}.meldingapparaten li{justify-content:space-between;align-items:center;display:flex}.meldingapparaten button{cursor:pointer;color:inherit;background:0 0;border:0}.meldingfout{font-size:var(--fs-12);color:var(--productie);margin:0 18px 8px}.popovervoet{border-top:1px solid var(--vlak);padding:8px}.uitloggen{text-align:left;border-radius:var(--radius-knop);width:100%;color:var(--productie);cursor:pointer;background:0 0;border:0;padding:10px;font-weight:600;display:block}.uitloggen:hover,.popoversluit:hover{background:var(--bg)}.lijstkolom{background:var(--bg-lijst);border-right:1px solid var(--rand);flex-direction:column;min-height:0;display:flex;position:relative;overflow:visible}.lijstkop{flex-direction:column;gap:8px;padding:18px 14px 6px;display:flex;position:relative}.lijsttitel{justify-content:space-between;align-items:center;display:flex}.lijsttitel h2{font-size:var(--fs-18);margin:0;font-weight:700}.lijstkop .bordchat-nota{font-size:var(--fs-11);line-height:1.35}.inklapknop,.uitklapknop{border-radius:var(--radius-knop);cursor:pointer;color:var(--primair-donker);background:0 0;border:0;place-items:center;display:grid}.inklapknop{width:30px;height:30px;color:var(--tekst-gedempt)}.inklapknop:hover{background:var(--vlak)}.uitklapknop{background:var(--primair-licht);flex:none;width:32px;height:32px;margin:14px auto 8px}.zoekveld{border-radius:var(--radius-knop);background:var(--vlak);width:100%;height:34px;font-size:var(--fs-13);border:0;padding:0 12px}.zoekveld::placeholder{color:var(--tekst-uit)}.zoekveld:focus-visible,.sorteerknop:focus-visible,.groepschakelaar:focus-visible,.inklapknop:focus-visible,.uitklapknop:focus-visible,.rij:focus-visible,.stroktegel:focus-visible,.pin:focus-visible,.sleepgreep:focus-visible{outline:2px solid var(--primair);outline-offset:1px}.lijstregel{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.groepschakelaar{cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.groepschakelaar .track{background:#c3c4d2;border-radius:16px;flex:none;width:56px;height:32px;transition:background .15s;position:relative}.groepschakelaar.aan .track{background:var(--primair)}.groepschakelaar .knop{width:26px;height:26px;color:var(--tekst-uit);background:#fff;border-radius:50%;place-items:center;transition:left .15s,color .15s;display:grid;position:absolute;top:3px;left:3px}.groepschakelaar.aan .knop{color:var(--primair-donker);left:27px}.groepbol{background:var(--melding);border:2px solid var(--bg-lijst);box-sizing:border-box;color:#fff;min-width:18px;height:18px;font-size:var(--fs-11);text-align:center;border-radius:9px;min-width:20px;height:20px;padding:0 5px;font-weight:700;line-height:16px;position:absolute;top:-6px;right:-6px}.schakellabel{font-size:var(--fs-13);font-weight:600}.sorteerwrap{position:relative}.sorteerknop{border:1px solid var(--rand-2);border-radius:var(--radius-knop);background:var(--bg-lijst);width:32px;height:32px;color:var(--tekst-2);cursor:pointer;place-items:center;display:grid}.sorteerknop[aria-expanded=true]{background:var(--vlak)}.sorteerpopover{z-index:20;background:var(--bg-wit);width:196px;box-shadow:var(--schaduw-popover);font-size:var(--fs-13);border-radius:10px;padding:4px;position:absolute;top:calc(100% + 6px);right:0}.sorteerkopje{font-size:var(--fs-11);color:var(--tekst-gedempt);padding:8px 8px 4px;font-weight:700}.sorteeroptie{border-radius:var(--radius-knop);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:7px 8px;font-weight:500;display:flex}.sorteeroptie:hover{background:var(--bg)}.sorteeroptie.actief{background:var(--bg);font-weight:700}.sorteeroptie .radio{border:1.5px solid var(--tekst-uit);border-radius:50%;flex:none;width:14px;height:14px}.sorteeroptie.actief .radio{border:4px solid var(--primair)}.statusregel{font-size:var(--fs-12);color:var(--tekst-gedempt);margin:0}.gesprekken{flex:1;min-height:0;padding:0 8px 8px;overflow-y:auto}.gesprekken ul{margin:0;padding:0;list-style:none}.sectiekop{font-size:var(--fs-12);color:var(--tekst-gedempt);margin:10px 8px 4px;font-weight:600}.gesprek{border-radius:var(--radius-rij);position:relative}.gesprek.actief-rij{background:var(--bg-wit);box-shadow:var(--schaduw-rij)}.rij{border-radius:var(--radius-rij);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:34px 1fr;align-items:center;gap:10px;width:100%;padding:9px 8px;display:grid}.rijtekst{flex-direction:column;gap:2px;min-width:0;display:flex}.rijkop,.rijvoet{align-items:center;gap:6px;min-width:0;display:flex}.titel{min-width:0;font-size:var(--fs-14);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.vastmerk{color:var(--tekst-uit);flex:none;display:grid}.tijd{font-size:var(--fs-12);color:var(--tekst-gedempt);flex:none}.voorbeeld{min-width:0;font-size:var(--fs-13);color:var(--tekst-gedempt);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:400;overflow:hidden}.ongelezen .tijd{color:var(--primair-tekst)}.ongelezen .voorbeeld{color:var(--tekst);font-weight:600}.teller{background:var(--primair);color:#fff;min-width:20px;height:20px;font-size:var(--fs-11);text-align:center;border-radius:10px;flex:none;margin:0;padding:0 6px;font-weight:700;line-height:20px}.teller.klein{border:2px solid var(--bg-lijst);box-sizing:content-box;border-radius:9px;min-width:14px;height:14px;padding:0 4px;line-height:14px;position:absolute;top:-3px;right:-3px}.at-label{border-radius:var(--radius-label);background:var(--melding);color:#fff;height:20px;font-size:var(--fs-11);flex:none;padding:0 6px;font-weight:700;line-height:20px}.tegelwrap{flex:none;width:34px;height:34px;display:block;position:relative}.tegel-groep,.avatar-rond{color:#fff;width:34px;height:34px;font-size:var(--fs-13);place-items:center;font-weight:700;display:grid}.tegel-groep{border-radius:9px}.avatar-rond{color:#1f4590;font-size:var(--fs-12);background:#dce7fb;border-radius:50%}.online{box-sizing:border-box;border:2px solid var(--bg-lijst);background:var(--offline);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.online.aan{background:var(--online)}.actief-rij .online{border-color:var(--bg-wit)}.pin{background:var(--bg-wit);width:24px;height:24px;color:var(--tekst-gedempt);cursor:pointer;opacity:0;box-shadow:0 0 0 1px var(--rand-2);border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:7px;right:8px}.pin[aria-pressed=true]{color:var(--primair-donker)}.gesprek:hover .pin,.gesprek:focus-within .pin{opacity:1}.gesprek:hover .tijd,.gesprek:focus-within .tijd{visibility:hidden}@media (hover:none){.pin{opacity:1;width:22px;height:22px;box-shadow:none;background:0 0;top:auto;bottom:7px;right:6px}.gesprek:hover .tijd,.gesprek:focus-within .tijd{visibility:visible}.rijvoet{padding-right:24px}}.sleepgreep{z-index:5;cursor:col-resize;touch-action:none;width:8px;position:absolute;top:0;bottom:0;right:-4px}.sleepgreep:after{content:"";background:var(--primair-rand);border-radius:2px;width:4px;height:40px;margin-top:-20px;position:absolute;top:50%;left:2px}.lijstkolom.ingeklapt{align-items:center;overflow:hidden}.strooklijst{flex-direction:column;flex:1;align-items:center;gap:6px;width:100%;min-height:0;margin:0;padding:4px 0 8px;list-style:none;display:flex;overflow:hidden auto}.strooklijst li{flex:none}.stroktegel{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;width:46px;height:46px;display:grid;position:relative}.stroktegel.actief{background:var(--bg-wit);box-shadow:var(--schaduw-rij)}.stroktegel .teller.klein{top:-2px;right:-2px}.meer{background:var(--bg-wit);width:24px;height:24px;color:var(--tekst-gedempt);cursor:pointer;opacity:0;box-shadow:0 0 0 1px var(--rand);border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:7px;right:36px}.meer:hover,.meer[aria-expanded=true]{color:var(--tekst);background:var(--vlak)}.meer:focus-visible{outline:2px solid var(--primair);outline-offset:1px}.gesprek:hover .meer,.gesprek:focus-within .meer{opacity:1}.teller.stil{background:var(--tekst-uit)}.teller.klein.at{background:var(--melding)}@media (hover:none){.meer{opacity:1;width:22px;height:22px;box-shadow:none;background:0 0;top:auto;bottom:7px;right:32px}.rijvoet{padding-right:52px}}.midden .middenkop{background:var(--bg-wit);border-bottom:1px solid var(--rand);flex:none;align-items:stretch;gap:32px;height:64px;padding:0 20px;display:flex}.kopidentiteit{align-items:center;gap:12px;min-width:0;display:flex}.koptegel{background:var(--primair);color:#fff;width:30px;height:30px;font-size:var(--fs-13);border-radius:8px;flex:none;place-items:center;font-weight:700;display:grid}.koptekst{min-width:0}.kopnaam{font-size:var(--fs-18);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:700;line-height:1.2;overflow:hidden}.kopregel{font-size:var(--fs-12);color:var(--tekst-gedempt);white-space:nowrap;margin:1px 0 0}.kopbol{color:var(--offline);vertical-align:1px;font-size:9px}.kopbol.aan{color:var(--online)}.kopstatus.aan{color:var(--live-tekst);font-weight:600}.midden .middentabs{align-items:stretch;gap:20px;height:100%;display:flex}.midden .middentabs button{font-size:var(--fs-15);color:var(--tekst-2);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:3px 2px 0;display:inline-flex}.midden .middentabs button[aria-selected=true]{color:var(--tekst);border-bottom-color:var(--primair);font-weight:700}.middentabs button:focus-visible{outline:2px solid var(--primair);outline-offset:-2px}.updatesteller{background:var(--primair);color:#fff;min-width:18px;height:18px;font-size:var(--fs-11);text-align:center;border-radius:9px;padding:0 5px;font-weight:700;line-height:18px}.chat{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.berichtenlijst{flex:1;min-height:0}.bericht{padding:3px 20px}.bericht.gezocht{background:#fff8d6;outline:2px solid #e6c200}.verwijderd{color:var(--tekst-gedempt);margin:0;font-style:italic}.dagscheiding{justify-content:center;padding:12px 0 6px;display:flex}.dagpil{font-size:var(--fs-12);color:var(--tekst-3);background:#e7e7ee;border-radius:12px;padding:3px 12px;font-weight:600}.nieuwscheiding{font-size:var(--fs-12);color:var(--primair-tekst);align-items:center;gap:12px;padding:12px 0 6px;font-weight:700;display:flex}.nieuwscheiding:before,.nieuwscheiding:after{content:"";background:var(--primair-rand);flex:1;height:1px}.berichtregel{align-items:flex-start;gap:8px;display:flex}.bericht.eigen .berichtregel{justify-content:flex-end}.bericht.zonderkop .ballon{margin-top:-1px}.avatarplek{flex:none;width:30px}.chatavatar-wrap{flex:none;display:inline-block;position:relative}.chatavatar{color:#fff;font-size:var(--fs-12);border-radius:50%;place-items:center;font-weight:700;display:grid}.chatavatar.agent{background:var(--nav);letter-spacing:.3px;border-radius:7px}.chatonline{border:2px solid var(--bg);background:var(--offline);box-sizing:border-box;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px}.chatonline.aan{background:var(--online)}.ballonkolom{flex-direction:column;min-width:0;max-width:72%;display:flex}.bericht.eigen .ballonkolom{align-items:flex-end}.ballon{background:var(--bg-wit);font-size:var(--fs-15);overflow-wrap:anywhere;border:1px solid #0000;border-radius:14px 14px 14px 4px;min-width:0;padding:9px 13px;line-height:1.45;position:relative;box-shadow:0 1px 2px #23253a14}.bericht.eigen .ballon{background:var(--primair);color:#fff;border-radius:14px 14px 4px}.bericht.noemtjou .ballon{border-color:var(--primair-rand-licht)}.ballonnaam{font-size:var(--fs-13);margin-bottom:2px;padding-right:28px;line-height:1.3}.ballonnaam .namens{color:var(--tekst-gedempt)}.berichttekst p{margin:.25em 0}.berichttekst>:first-child{margin-top:0}.berichttekst>:last-child{margin-bottom:0}.berichttekst a{color:var(--primair-donker)}.bericht.eigen .berichttekst a{color:#fff;text-decoration:underline}.berichttekst code,.berichttekst pre{background:#23253a12;border-radius:4px;font-size:.9em}.bericht.eigen .berichttekst code,.bericht.eigen .berichttekst pre{background:#ffffff2e}.berichttekst pre{padding:6px 8px;overflow-x:auto}.berichttijd{font-size:var(--fs-11);color:var(--tekst-uit);margin-top:3px;display:block}.eigentijd{margin:3px 2px 0}.vermelding{color:var(--primair-donker);font-weight:700}.bericht.eigen .vermelding{color:#fff}.citaat{border-left:3px solid var(--primair);background:var(--bg);color:var(--tekst-2);font-size:var(--fs-13);border-radius:8px;margin:2px 0 6px;padding:5px 10px;line-height:1.35;display:block}.citaat strong{font-size:var(--fs-12);font-weight:700;display:block}.citaat span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.kaartnummer{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.kaartverwijzing{vertical-align:middle;max-width:100%;display:inline-block}.kaartchip{border:1px solid var(--rand-2);background:var(--bg-wit);max-width:100%;font-size:var(--fs-13);border-radius:10px;align-items:center;gap:8px;padding:3px 10px;line-height:1.3;display:inline-flex;color:var(--tekst)!important;text-decoration:none!important}.kaartchip:hover{border-color:var(--primair-rand-sterk);background:var(--primair-vlak)}.kaartnr{color:var(--primair);flex:none;font-weight:700}.kaarttitel{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.kaartstatus{border-radius:var(--radius-label);font-size:var(--fs-11);flex:none;padding:1px 7px;font-weight:700}.kaartstatus.optest{background:var(--test-bg);color:var(--test-tekst)}.kaartstatus.klaar{background:var(--live-bg);color:var(--live-tekst)}.kaartstatus.bezig{background:var(--primair-licht);color:var(--primair-tekst)}.kaartstatus.gepland{background:var(--vlak);color:var(--tekst-gedempt)}.bijlagen{margin:.25rem 0;padding:0;list-style:none}.bijlagebeeld{border-radius:8px;max-width:100%;max-height:20rem;margin:.25rem 0;display:block}.reacties{margin-top:4px}.reactiepillen{flex-wrap:wrap;gap:4px;display:flex}.bericht.eigen .reactiepillen{justify-content:flex-end}.reactie{border:1px solid var(--rand-2);background:var(--bg-wit);height:26px;font-size:var(--fs-13);cursor:pointer;border-radius:14px;align-items:center;gap:3px;padding:0 9px;display:inline-flex}.reactie:disabled{cursor:default}.reactie .aantal{color:var(--tekst-2);font-weight:600}.reactie.eigen{background:var(--primair-licht);border-color:var(--primair-rand-sterk)}.reactie.eigen .aantal{color:var(--primair-tekst)}.reactie.plus{color:var(--tekst-gedempt);font-weight:600}.reactie:hover:not(:disabled){border-color:var(--primair-rand-sterk)}.reactie:focus-visible,.menuknop:focus-visible,.pilknop:focus-visible,.verstuurknop:focus-visible,.emojikiezer button:focus-visible{outline:2px solid var(--primair);outline-offset:1px}.emojikiezer{border:1px solid var(--rand);background:var(--bg-wit);box-shadow:var(--schaduw-kaart);border-radius:12px;flex-wrap:wrap;gap:2px;width:max-content;max-width:100%;margin-top:4px;padding:4px;display:flex}.emojikiezer button{cursor:pointer;background:0 0;border:0;border-radius:8px;width:32px;height:32px;font-size:18px}.emojikiezer button:hover{background:var(--bg)}.menuknop{width:26px;height:22px;color:var(--tekst-gedempt);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:4px;right:5px}.bericht.eigen .menuknop{color:#ffffffd9}.menuknop:hover,.menuknop[aria-expanded=true]{background:#23253a14}.bericht.eigen .menuknop:hover,.bericht.eigen .menuknop[aria-expanded=true]{background:#fff3}@media (hover:hover){.ballon .menuknop{opacity:0;transition:opacity .1s}.ballon:hover .menuknop,.ballon:focus-within .menuknop,.ballon .menuknop[aria-expanded=true]{opacity:1}}.berichtmenu{z-index:60;background:var(--bg-wit);font-size:var(--fs-14);border-radius:12px;padding:6px;position:fixed;box-shadow:0 12px 30px #23253a33,0 1px 2px #23253a1a}.menuemoji{flex-wrap:wrap;gap:6px;padding:4px 4px 8px;display:flex}.menuemoji-knop{background:var(--bg);cursor:pointer;border:0;border-radius:50%;width:34px;height:34px;font-size:17px;line-height:1}.menuemoji-knop:hover,.menuemoji-knop:focus-visible{background:var(--primair-licht);outline:2px solid var(--primair);outline-offset:-2px}.menuemoji-knop.plus{color:var(--tekst-gedempt);font-weight:700}.menurij{border-radius:var(--radius-knop);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.menurij:hover:not(:disabled),.menurij:focus-visible{background:var(--bg);outline:none}.menurij:focus-visible{box-shadow:inset 0 0 0 2px var(--primair)}.menurij:disabled{color:var(--tekst-uit);cursor:default}.komtlater{font-size:var(--fs-11);color:var(--tekst-uit);font-weight:600}.menuscheiding{background:var(--rand);height:1px;margin:4px 6px}.draadvoet{align-items:center;gap:.5rem;margin-top:2px;display:flex}.draadknop{color:var(--primair-tekst);font-size:var(--fs-13);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.draadnieuw{font-size:var(--fs-13);color:var(--melding);font-weight:700}.draad{background:var(--bg);border-left:1px solid var(--rand);flex-direction:column;flex:none;width:22rem;max-width:40%;min-height:0;display:flex}.draadkop{background:var(--bg-wit);border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;height:64px;padding:0 12px 0 20px;display:flex}.draadlijst{flex:1;min-height:0;padding:6px 0;overflow-y:auto}.draadtelling{color:var(--tekst-gedempt);font-size:var(--fs-13);margin:.5rem 20px}.draad .ballonkolom{max-width:88%}.draad .bericht{padding:3px 12px}.invoer{font:inherit;resize:none;border:1px solid var(--rand-2);border-radius:var(--radius-knop);background:var(--bg-wit);margin:.5rem 12px;padding:8px 10px}.invoerwrap{padding:8px 20px 16px;position:relative}.invoerpil{border:1px solid var(--rand-2);border-radius:var(--radius-invoer);background:var(--bg-wit);align-items:flex-end;gap:6px;padding:6px 8px;display:flex}.invoerpil:focus-within{border-color:var(--primair-rand-sterk)}.pilveld{resize:none;min-width:0;font-size:var(--fs-15);background:0 0;border:0;outline:none;flex:1;max-height:120px;padding:7px 4px;line-height:1.4}.pilveld::placeholder{color:var(--tekst-uit)}.pilknop{width:36px;height:36px;color:var(--tekst-gedempt);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;font-size:20px;display:grid}.pilknop:hover{background:var(--bg)}.plusknop{font-size:22px;font-weight:500}.verstuurknop{background:var(--primair);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.verstuurknop:disabled{cursor:default;background:#c3c4d2}.invoeremoji{z-index:30;width:220px;box-shadow:var(--schaduw-popover);margin:0;position:absolute;bottom:calc(100% - 6px);right:56px}.chat>.bijlagenbalk{padding:4px 20px 0}.bijlagenbalk{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;padding:0 12px;display:flex}.bijlageknop{border:1px solid var(--rand-2);background:var(--bg-wit);border-radius:var(--radius-knop);cursor:pointer}.bijlagechip{border:1px solid var(--rand-2);border-radius:var(--radius-label);background:var(--bg-wit);font-size:var(--fs-13);overflow-wrap:anywhere;align-items:center;gap:.25rem;padding:0 .25rem;display:inline-flex}.bijlagechip button{cursor:pointer;background:0 0;border:0}.bijlagebezig{font-size:var(--fs-13);color:var(--tekst-gedempt)}.bijlagefout{font-size:var(--fs-13);color:var(--productie)}.voorstellen{border:1px solid var(--rand-2);border-radius:var(--radius-knop);background:var(--bg-wit);max-height:12rem;box-shadow:var(--schaduw-kaart);margin:0 20px;padding:0;list-style:none;overflow:auto}.voorstellen button{text-align:left;background:0 0;border:0;width:100%;padding:.25rem .5rem;display:block}.voorstellen button.actief{background:var(--primair);color:#fff}.voorstellen .handle{opacity:.7}.feed{padding:16px 20px 24px}.nieuwsfeed{flex-direction:column;gap:12px;display:flex}.nieuwslijst{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.updateveld{border-radius:var(--radius-kaart);background:var(--bg-wit);box-shadow:var(--schaduw-kaart);align-items:flex-end;gap:10px;padding:12px 14px;display:flex}.updateveld textarea{resize:vertical;min-width:0;min-height:40px;max-height:200px;font-size:var(--fs-15);background:0 0;border:0;outline:none;flex:1;line-height:1.45}.updateveld textarea::placeholder{color:var(--tekst-uit)}.updateveld:focus-within{box-shadow:var(--schaduw-kaart), 0 0 0 2px var(--primair-rand)}.plaatsknop{background:var(--primair);color:#fff;cursor:pointer;border:0;border-radius:18px;flex:none;height:36px;padding:0 18px;font-weight:700}.plaatsknop:disabled{cursor:default;background:#c3c4d2}.plaatsknop:focus-visible,.postacties button:focus-visible,.reactieskop:focus-visible,.nieuwsmeer:focus-visible,.reactieveld:focus-visible{outline:2px solid var(--primair);outline-offset:1px}.nieuwsitem{border-radius:var(--radius-kaart);background:var(--bg-wit);box-shadow:var(--schaduw-kaart);padding:14px 16px 0;overflow:hidden}.postkop{align-items:center;gap:10px;display:flex}.postwie{min-width:0}.postnaam{font-size:var(--fs-15);line-height:1.25}.postvia{color:var(--tekst-gedempt);font-weight:400}.postmeta{font-size:var(--fs-12);color:var(--tekst-gedempt)}.nieuwsbron{font-weight:600}.nieuwsitem h3{font-size:var(--fs-15);margin:10px 0 0;font-weight:700;line-height:1.4}.nieuwstekst{font-size:var(--fs-15);white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;line-height:1.55}.nieuwsitem .reacties{margin-top:10px}.postacties{flex-wrap:wrap;align-items:center;gap:4px 14px;padding:8px 0 12px;display:flex}.postacties:empty{padding:0}.postacties button{font-size:var(--fs-13);color:var(--primair-tekst);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.postreacties{background:var(--bg-lijst);border-top:1px solid var(--rand);margin:0 -16px;padding:10px 16px 12px}.reactieskop{font-size:var(--fs-13);color:var(--primair-tekst);cursor:pointer;background:0 0;border:0;margin:0 0 8px;padding:0;font-weight:700;display:block}.reactielijst{flex-direction:column;gap:8px;margin:0 0 8px;padding:0;list-style:none;display:flex}.reactieballon{align-items:flex-start;gap:8px;display:flex}.reactietekst{background:var(--bg-wit);min-width:0;font-size:var(--fs-14);border-radius:4px 12px 12px;padding:6px 12px;line-height:1.4;box-shadow:0 1px 2px #23253a14}.reactietekst p{white-space:pre-wrap;overflow-wrap:anywhere;margin:1px 0 0}.reactiekop{font-size:var(--fs-13);align-items:baseline;gap:6px;display:flex}.reactiekop time{font-size:var(--fs-11);color:var(--tekst-uit)}.reactieweg{color:var(--tekst-uit);cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:16px;line-height:1}.reactieweg:hover{color:var(--melding)}.reactiesmeer{font-size:var(--fs-13);color:var(--primair-tekst);cursor:pointer;background:0 0;border:0;padding:0 0 8px;font-weight:600}.reactieveld{border:1px solid var(--rand-2);background:var(--bg-wit);width:100%;height:34px;font-size:var(--fs-14);border-radius:17px;padding:0 14px}.reactieveld::placeholder{color:var(--tekst-uit)}.nieuwsmeer{border:1px solid var(--rand-2);background:var(--bg-wit);color:var(--primair-tekst);cursor:pointer;border-radius:18px;align-self:center;padding:8px 18px;font-weight:600}.midden .feed{flex:1;min-height:0;overflow-y:auto}.zijpaneel{background:var(--bg-wit);border-left:1px solid var(--rand);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.zijpaneel.dicht{background:var(--bg-lijst);align-items:center;gap:12px;padding-top:12px}.paneelkop{border-bottom:1px solid var(--rand);flex:none;align-items:flex-end;height:64px;padding:0 8px 0 20px;display:flex}.paneeltabs{flex:1;gap:20px;min-width:0;height:100%;display:flex;overflow-x:auto}.paneeltabs [role=tab]{font-size:var(--fs-15);color:var(--tekst-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 2px}.paneeltabs [role=tab][aria-selected=true]{color:var(--tekst);border-bottom-color:var(--primair);font-weight:700}.paneelknop{width:32px;height:32px;color:var(--tekst-gedempt);cursor:pointer;background:0 0;border:0;border-radius:8px;align-self:center;place-items:center;font-size:20px;display:grid}.paneelknop:hover{background:var(--vlak)}.paneelknop.uitklap{background:var(--primair-licht);color:var(--primair-donker)}.paneelinhoud{flex:1;min-height:0;overflow-y:auto}.sleepgreep{z-index:2;cursor:col-resize;touch-action:none;width:10px;position:absolute;top:0;bottom:0;left:-5px}.sleepgreep:after{content:"";background:0 0;border-radius:2px;width:4px;height:40px;position:absolute;top:calc(50% - 20px);left:3px}.sleepgreep:hover:after,.sleepgreep:focus-visible:after{background:var(--primair-rand)}.sleepgreep:focus-visible{outline:2px solid var(--primair);outline-offset:-2px}.dichttabs{flex-direction:column;align-items:center;gap:4px;display:flex}.dichttab{color:var(--tekst-gedempt);font-size:var(--fs-13);cursor:pointer;writing-mode:vertical-rl;background:0 0;border:0;border-radius:8px;padding:12px 6px;font-weight:600}.dichttab:hover{background:var(--vlak);color:var(--tekst)}.visie{padding:16px 20px}.visiekeuze select{width:100%}.visietekst{overflow-wrap:anywhere}.visietekst img{max-width:100%}.bord{padding:12px 16px 20px}.groepkop{font-size:var(--fs-12);color:var(--tekst-gedempt);margin:14px 0 6px;font-weight:600}.groepaantal{margin-left:4px;font-weight:400}.kaartenlijst{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bordkaart{border:1px solid var(--rand);background:var(--bg-wit);overflow-wrap:anywhere;border-radius:10px;padding:9px 12px}.bordkaart.uitgelicht{border-color:var(--primair-rand-sterk);background:var(--primair-vlak)}.kaartnummer{font-size:var(--fs-12);color:var(--primair);border:0;font-weight:700;text-decoration:none;display:block}.kaarttitel{font-size:var(--fs-14);color:var(--tekst);font-weight:600;text-decoration:none;display:block}a.kaarttitel:hover{text-decoration:underline}.kaartstatus{font-size:var(--fs-12);text-transform:uppercase;color:var(--tekst-gedempt);display:inline-block}.roadmap{padding:12px 16px 20px}.roadmaplijst{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.roadmaprij{border:1px solid var(--rand);overflow-wrap:anywhere;border-radius:10px;padding:10px 12px}.roadmapkop{justify-content:space-between;align-items:baseline;display:flex}.roadmapperiode{font-size:var(--fs-13);color:var(--primair);font-weight:700}.roadmaptitel{font-size:var(--fs-14);color:var(--tekst);margin:2px 0 6px;font-weight:600;text-decoration:none;display:block}.voortgang progress{width:100%;height:6px;accent-color:var(--primair)}.appweergave{flex-direction:column;gap:10px;height:100%;padding:12px 16px;display:flex}.appschakelaar{gap:6px;display:flex}.appschakelaar button{border:1px solid var(--rand-2);background:var(--bg-wit);font-size:var(--fs-13);cursor:pointer;border-radius:8px;padding:6px 12px}.appschakelaar [aria-pressed=true]{border-color:var(--primair);color:var(--primair-donker);font-weight:700}.applabel{font-size:var(--fs-11);letter-spacing:.04em;border-radius:5px;align-self:flex-start;margin:0;padding:2px 8px;font-weight:700}.applabel.test{color:var(--test-tekst);background:var(--test-bg)}.applabel.productie{color:#fff;background:var(--productie)}.appwaarschuwing{font-size:var(--fs-13);color:var(--productie);margin:0;font-weight:600}.appframe{border:1px solid var(--rand-2);border-radius:10px;flex:1;width:100%;min-height:20rem}.appweergave a{color:var(--primair-tekst);font-size:var(--fs-14)}.paneelinhoud .leeg,.paneelinhoud .laden{color:var(--tekst-gedempt);font-size:var(--fs-14);margin:0;padding:16px 20px}.auteur{cursor:context-menu}.persoonsmenu{z-index:30;background:var(--bg-wit);border-radius:12px;width:270px;padding:0 0 4px;position:fixed;overflow:hidden;box-shadow:0 16px 40px #23253a3d}.menukop{background:var(--primair-vlak);align-items:center;gap:12px;padding:12px 14px;display:flex}.menunaam{flex-direction:column;min-width:0;display:flex}.menunaam strong{font-size:var(--fs-15);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.menustatus{font-size:var(--fs-12);color:var(--tekst-gedempt);font-weight:600}.menustatus.online{color:#17603f}.avatar.groot{background:var(--primair-licht);width:44px;height:44px;color:var(--primair-donker);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;position:relative}.statusbol{border:2px solid var(--primair-vlak);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.statusbol.online{background:#2fb37c}.statusbol.offline{background:#a3a5b5}.menuitem{text-align:left;width:calc(100% - 8px);font-size:var(--fs-14);color:var(--tekst);cursor:pointer;background:0 0;border:0;border-radius:8px;margin:2px 4px 0;padding:9px 10px;display:block}.menuitem.actief,.menuitem:hover:not(:disabled){background:var(--vlak)}.menuitem:disabled{color:var(--tekst-uit);cursor:default}.menuscheiding{border:0;border-top:1px solid var(--rand);margin:4px 8px}.profielvlak{z-index:25;background:#23253a52;place-items:center;display:grid;position:fixed;inset:0}.profielkaart{background:var(--bg-wit);border-radius:12px;width:340px;max-width:calc(100vw - 32px);overflow:hidden;box-shadow:0 16px 40px #23253a3d}.profielregel{font-size:var(--fs-13);color:var(--tekst-gedempt);margin:10px 16px 0}.profielproducten{font-size:var(--fs-14);margin:8px 16px;padding:0;list-style:none}.profielproducten li{border-bottom:1px solid var(--rand);padding:4px 0}.profieltoegang{font-size:var(--fs-12);color:var(--tekst-gedempt)}.profielknoppen{justify-content:flex-end;gap:8px;padding:8px 16px 14px;display:flex}.profielknoppen button{border:1px solid var(--rand-2);background:var(--bg-wit);font-size:var(--fs-13);cursor:pointer;border-radius:8px;padding:7px 14px}.profielknoppen button:first-child{border-color:var(--primair);background:var(--primair);color:#fff}.rij.menu-open,.stroktegel.menu-open{background:var(--vlak)}.gesprekmenu{padding-bottom:4px}.avatar.groot.tegelvorm{color:#fff;border-radius:12px}.menukopje{font-size:var(--fs-12);color:var(--tekst-gedempt);margin:6px 14px 2px;font-weight:700}.menuradio{align-items:center;gap:10px;display:flex}.menuring{border:1.5px solid var(--tekst-uit);box-sizing:border-box;border-radius:50%;flex:none;width:16px;height:16px}.menuradio.aan .menuring{border:5px solid var(--primair)}.menuitem:focus-visible{outline:2px solid var(--primair);outline-offset:-2px}.menuitem[aria-checked=true]{font-weight:600}.modalvlak{z-index:40;background:#23253a52;place-items:center;display:grid;position:fixed;inset:0}.instellingenmodal{background:var(--bg-wit);width:680px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100dvh - 32px);color:var(--tekst);border-radius:var(--radius-kaart);box-shadow:var(--schaduw-popover);flex-direction:column;display:flex;overflow:hidden}.modalkop{border-bottom:1px solid var(--vlak);flex:none;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modalkop h2{font-size:var(--fs-18);margin:0;font-weight:700}.modalromp{flex:1;min-height:0;display:flex}.modaltabs{border-right:1px solid var(--vlak);background:var(--bg-lijst);flex-direction:column;flex:none;gap:2px;width:180px;padding:10px 8px;display:flex}.modaltab{text-align:left;border-radius:var(--radius-knop);font-size:var(--fs-14);color:var(--tekst-2);cursor:pointer;background:0 0;border:0;padding:9px 12px}.modaltab:hover{background:var(--vlak)}.modaltab[aria-selected=true]{background:var(--primair-licht);color:var(--primair-donker);font-weight:700}.modaltab:focus-visible,.knop:focus-visible,.schakelaar:focus-visible,.uitloggen:focus-visible,.popoversluit:focus-visible{outline:2px solid var(--primair);outline-offset:1px}.modalpaneel{flex:1;min-width:0;padding:4px 22px 18px;overflow-y:auto}.sectiekop-modal{font-size:var(--fs-12);color:var(--tekst-gedempt);margin:18px 0 8px;font-weight:700}.avatar.reusachtig{width:96px;height:96px;font-size:32px;overflow:hidden}.fotorij{align-items:center;gap:18px;display:flex}.fotoacties{flex-direction:column;gap:8px;min-width:0;display:flex}.fotoknoppen{flex-wrap:wrap;gap:8px;display:flex}.verborgen{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.knop{border:1px solid var(--rand-2);border-radius:var(--radius-knop);background:var(--bg-wit);color:var(--tekst);font-size:var(--fs-13);cursor:pointer;padding:7px 14px}.knop:hover:not(:disabled){background:var(--bg)}.knop.primair{border-color:var(--primair);background:var(--primair);color:#fff}.knop.primair:hover:not(:disabled){background:var(--primair-donker)}.knop:disabled{opacity:.55;cursor:default}.hint{font-size:var(--fs-12);color:var(--tekst-gedempt);margin:0}.meldingok{font-size:var(--fs-12);color:var(--live-tekst);margin:0}.accountgegevens{font-size:var(--fs-14);grid-template-columns:130px 1fr;gap:6px 12px;margin:0 0 14px;display:grid}.accountgegevens dt{color:var(--tekst-gedempt)}.accountgegevens dd{margin:0}.instelrij{justify-content:space-between;align-items:center;gap:16px;padding:6px 0;display:flex}.insteltekst label{font-size:var(--fs-14);font-weight:600}.insteltekst p{font-size:var(--fs-12);color:var(--tekst-gedempt);margin:2px 0 0}.schakelaar{cursor:pointer;background:#c3c4d2;border:0;border-radius:16px;flex:none;width:56px;height:32px;transition:background .15s;position:relative}.schakelaar.aan{background:var(--primair)}.schakelaar:disabled{opacity:.55;cursor:default}.schakelknop{background:#fff;border-radius:50%;width:26px;height:26px;transition:left .15s;position:absolute;top:3px;left:3px}.schakelaar.aan .schakelknop{left:27px}.meldingstand{font-size:var(--fs-13);color:var(--tekst-2);margin:6px 0 4px}.modalpaneel .popoverkopje{padding:12px 0 6px}.modalpaneel .meldingradios{max-width:320px;padding:0}.modalpaneel .meldingapparaten,.modalpaneel .meldingfout,.modalpaneel .popovermelding{margin-left:0;margin-right:0}.testrij{align-items:center;gap:10px;margin:12px 0 6px;display:flex}.modalpaneel .uitloggen{border:1px solid var(--rand-2);width:auto;padding:8px 14px;display:inline-block}.foto{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.chatavatar .foto,.avatar-rond .foto{border-radius:50%}