:root{--merk: #268d94;--merk-diep: #1e7378;--merk-waas: #d8eeef;--inkt: #1f2022;--inkt-diep: #18191b;--grijs-50: #fafbfa;--grijs-100: #f5f7f5;--grijs-200: #eceeec;--grijs-300: #dcdddc;--grijs-400: #9a9c9b;--grijs-500: #6c6d70;--grijs-600: #46474a;--grijs-900: var(--inkt);--vlak: #ffffff;--achtergrond: var(--grijs-100);--tekst: var(--inkt);--gedempt: var(--grijs-500);--rand: var(--grijs-300);--rand-zacht: var(--grijs-200);--rood: #b4342b;--rood-waas: #fcf3f2;--oranje: #a9640a;--oranje-waas: #fcf6ec;--groen: #1a6b4a;--groen-waas: #eff7f2;--r1: 4px;--r2: 8px;--r3: 12px;--r4: 16px;--r5: 24px;--r6: 32px;--rond-s: 6px;--rond-m: 10px;--rond-vol: 999px;--schaduw: 0 1px 2px rgb(31 32 34 / .05);--schaduw-hoog: 0 12px 32px -10px rgb(31 32 34 / .24);--ring: 0 0 0 3px rgb(38 141 148 / .24);--tik: 44px}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--achtergrond);color:var(--tekst);font-family:Inter Tight,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;line-height:1.22;letter-spacing:-.014em}p{margin:0}button{font:inherit;cursor:pointer}a{color:var(--merk);text-underline-offset:2px}.tegel-cijfer,.rij-cijfer,.feit dd,.maand-aantal,.teller,.maand-naam{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.schil{min-height:100%;display:flex;flex-direction:column}.balk{display:flex;align-items:center;gap:var(--r3);padding:var(--r3) var(--r4);padding-top:calc(var(--r3) + env(safe-area-inset-top));background:var(--inkt);color:#fff}.balk-merk{display:flex;align-items:baseline;gap:var(--r2);min-width:0;color:inherit;text-decoration:none}.balk-merk strong{font-size:16px;font-weight:650;letter-spacing:-.01em}.balk-merk span{font-size:12.5px;color:#f5f7f5a8;white-space:nowrap}.balk-rechts{margin-left:auto;display:flex;align-items:center;gap:var(--r3)}.balk-wie{display:none;font-size:13px;color:#f5f7f5a8}.balk-knop{min-height:34px;padding:0 var(--r3);border:1px solid rgb(255 255 255 / .22);border-radius:var(--rond-s);background:transparent;color:#fff;font-size:13.5px;font-weight:500}.balk-knop:hover{background:#ffffff1f}.navigatie{position:sticky;top:0;z-index:10;display:flex;gap:var(--r1);padding:0 var(--r3);background:var(--vlak);border-bottom:1px solid var(--rand-zacht);overflow-x:auto;scrollbar-width:none}.navigatie::-webkit-scrollbar{display:none}.navigatie-tab{display:inline-flex;align-items:center;gap:var(--r2);flex:0 0 auto;min-height:var(--tik);padding:0 var(--r3);color:var(--gedempt);font-size:14.5px;font-weight:500;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}.navigatie-tab:hover{color:var(--tekst)}.navigatie-tab[aria-current=page]{color:var(--merk);font-weight:600;border-bottom-color:var(--merk)}.teller{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:var(--rond-vol);background:var(--merk);color:#fff;font-size:11.5px;font-weight:650}.inhoud{flex:1;width:100%;max-width:880px;margin:0 auto;padding:var(--r5) var(--r4);padding-bottom:calc(var(--r6) + env(safe-area-inset-bottom))}.inhoud>*+*{margin-top:var(--r4)}.inhoud>.kop+*{margin-top:var(--r3)}.voet{margin-top:var(--r6);padding-top:var(--r4);border-top:1px solid var(--rand-zacht);font-size:12.5px;color:var(--grijs-400)}.kop{display:flex;flex-direction:column;gap:2px}.kop h1,.kop h2{font-size:19px;font-weight:650}.kop .bijschrift{font-size:13.5px;color:var(--gedempt)}.paneel{background:var(--vlak);border:1px solid var(--rand-zacht);border-radius:var(--rond-m);padding:var(--r4)}.paneel>*+*{margin-top:var(--r3)}.paneel h2{font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--gedempt)}.knop,.knop-rand{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tik);padding:0 var(--r4);border-radius:var(--rond-s);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease}.knop{width:100%;border:1px solid var(--merk);background:var(--merk);color:#fff}.knop:hover:not(:disabled){background:var(--merk-diep);border-color:var(--merk-diep)}.knop-rand{border:1px solid var(--rand);background:var(--vlak);color:var(--tekst)}.knop-rand:hover:not(:disabled){background:var(--grijs-50);border-color:var(--grijs-400)}.knop:disabled,.knop-rand:disabled{opacity:.5;cursor:default}.knop-goed{background:var(--groen);border-color:var(--groen)}.knop-goed:hover:not(:disabled){background:#19633a;border-color:#19633a}.knop-let-op{background:var(--oranje);border-color:var(--oranje)}.knop-let-op:hover:not(:disabled){background:#96590a;border-color:#96590a}.knoprij{display:flex;flex-wrap:wrap;gap:var(--r2)}.knoprij>*{flex:1 1 auto;min-width:128px}.actierij{display:flex;align-items:center;flex-wrap:wrap;gap:var(--r3)}.actierij .rij-reden{color:var(--groen);font-weight:500}:where(button,a,input,select,textarea):focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--merk)}.veld>*+*{margin-top:var(--r2)}.veld label{display:block;font-size:13.5px;font-weight:550;color:var(--grijs-600)}.veld input,.veld textarea,.veld select{width:100%;min-height:var(--tik);padding:10px var(--r3);border:1px solid var(--rand);border-radius:var(--rond-s);background:var(--vlak);color:var(--tekst);font:inherit}.veld textarea{min-height:88px;resize:vertical}.veld input[type=file]{padding:10px;background:var(--grijs-50);cursor:pointer}.melding{padding:var(--r3) var(--r4);border:1px solid #f2d4d1;border-left:3px solid var(--rood);border-radius:var(--rond-s);background:var(--rood-waas);color:#8e2a22;font-size:14px}.stand{padding:var(--r3) var(--r4);border:1px solid;border-left-width:3px;border-radius:var(--rond-s);font-size:14px}.stand[data-test=ja]{background:var(--groen-waas);border-color:#c6e6d4;border-left-color:var(--groen);color:#185c35}.stand[data-test=nee]{background:var(--oranje-waas);border-color:#f0ddbd;border-left-color:var(--oranje);color:#8a5208}.inlog-scherm{min-height:100%;display:grid;place-items:center;padding:var(--r5) var(--r4) calc(var(--r5) + env(safe-area-inset-bottom));background:var(--inkt-diep)}.inlog-kaart{width:100%;max-width:368px;padding:var(--r5);border-radius:14px;background:var(--vlak);box-shadow:var(--schaduw-hoog)}.inlog-kaart>*+*{margin-top:var(--r4)}.inlog-kaart h1{font-size:20px;font-weight:650}.inlog-kaart .onder-kop{margin-top:var(--r1);font-size:13.5px;color:var(--gedempt)}.tegels{display:grid;grid-template-columns:repeat(2,1fr);background:var(--vlak);border:1px solid var(--rand-zacht);border-radius:var(--rond-m);overflow:hidden}.tegel{padding:var(--r4);border-right:1px solid var(--rand-zacht);border-bottom:1px solid var(--rand-zacht)}.tegel:nth-child(2n){border-right:0}.tegel:nth-last-child(-n+2){border-bottom:0}.tegel-naam{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--grijs-400)}.tegel-cijfer{margin-top:var(--r1);display:flex;align-items:baseline;gap:var(--r2);font-size:25px;font-weight:650;line-height:1.1;letter-spacing:-.02em}.tegel-bij{font-size:12px;font-weight:500;letter-spacing:0;color:var(--grijs-400)}.filters{display:flex;gap:var(--r2);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.filters::-webkit-scrollbar{display:none}.filter{flex:0 0 auto;min-height:36px;padding:0 var(--r3);border:1px solid var(--rand);border-radius:var(--rond-vol);background:var(--vlak);color:var(--grijs-600);font-size:13.5px;font-weight:500;white-space:nowrap}.filter:hover{border-color:var(--grijs-400);color:var(--tekst)}.filter[aria-pressed=true]{background:var(--merk);border-color:var(--merk);color:#fff}.lijst{background:var(--vlak);border:1px solid var(--rand-zacht);border-radius:var(--rond-m);overflow:hidden}.rij{display:block;width:100%;padding:var(--r3) var(--r4);border-top:1px solid var(--rand-zacht);border-left:3px solid transparent;color:inherit;text-align:left;text-decoration:none;background:var(--vlak)}.rij:first-child{border-top:0}.rij:hover{background:var(--grijs-50)}.rij[data-signaal=stilstand]{border-left-color:var(--rood)}.rij[data-signaal=terugval]{border-left-color:var(--oranje)}.rij[data-signaal=nieuwe_locatie]{border-left-color:var(--merk)}.rij[data-signaal=toplocatie]{border-left-color:var(--groen)}.rij-boven{display:flex;align-items:flex-start;gap:var(--r3)}.rij-hoofd{min-width:0}.rij-naam{font-weight:600;font-size:15px}.rij-plaats{font-size:13px;color:var(--gedempt)}.rij-reden{font-size:13.5px;color:var(--grijs-600)}.rij>*+*{margin-top:var(--r2)}.rij-boven>*+*{margin-top:0}.rij-cijfer{margin-left:auto;text-align:right;flex:0 0 auto}.rij-cijfer strong{font-size:17px;font-weight:650}.rij-cijfer span{display:block;font-size:11px;color:var(--grijs-400)}.label{display:inline-block;padding:1px 8px;border:1px solid;border-radius:var(--rond-vol);font-size:12px;font-weight:600;white-space:nowrap}.label[data-signaal=stilstand]{color:#8e2a22;background:var(--rood-waas);border-color:#f2d4d1}.label[data-signaal=terugval]{color:#8a5208;background:var(--oranje-waas);border-color:#f0ddbd}.label[data-signaal=nieuwe_locatie]{color:var(--merk);background:var(--merk-waas);border-color:#d3deea}.label[data-signaal=toplocatie]{color:#185c35;background:var(--groen-waas);border-color:#c6e6d4}.label[data-signaal=geen]{color:var(--gedempt);background:var(--grijs-50);border-color:var(--rand)}.poort-tegen{display:flex;align-items:center;gap:var(--r2);font-size:13px;color:var(--gedempt)}.poort-tegen:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--grijs-400);flex:0 0 auto}.poort-door{color:var(--groen)}.poort-door:before{background:var(--groen)}.terug{display:inline-flex;align-items:center;min-height:36px;color:var(--gedempt);font-size:14px;font-weight:500;text-decoration:none}.terug:hover{color:var(--merk)}.titelblok{display:flex;align-items:flex-start;gap:var(--r3)}.titelblok h1{font-size:20px;font-weight:650}.feiten{display:grid;gap:0;margin:0}.feit{display:flex;justify-content:space-between;gap:var(--r4);padding:9px 0;border-top:1px solid var(--rand-zacht);font-size:14px}.feit:first-child{border-top:0;padding-top:0}.feit dt{color:var(--gedempt)}.feit dd{margin:0;font-weight:600;text-align:right}.maanden{display:flex;flex-direction:column;gap:7px}.maand{display:grid;grid-template-columns:58px 1fr 42px;align-items:center;gap:var(--r3);font-size:13px}.maand-naam{color:var(--gedempt)}.maand-balk{height:8px;border-radius:var(--rond-vol);background:var(--grijs-100);overflow:hidden}.maand-balk i{display:block;height:100%;background:var(--grijs-300);border-radius:var(--rond-vol)}.maand:last-child .maand-balk i{background:var(--merk)}.maand-aantal{text-align:right;font-weight:600}.leeg{padding:var(--r5) var(--r4);border:1px dashed var(--rand);border-radius:var(--rond-m);background:var(--vlak);color:var(--gedempt);font-size:14.5px}.leeg>*+*{margin-top:var(--r3)}.laden{padding:var(--r6) var(--r4);text-align:center;color:var(--gedempt);font-size:14.5px}.maandtabel{width:100%;border-collapse:collapse;font-size:14px}.maandtabel th{padding:0 0 var(--r2);border-bottom:1px solid var(--rand-zacht);text-align:left;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--grijs-400)}.maandtabel th:not(:first-child),.maandtabel td:not(:first-child){text-align:right}.maandtabel td{padding:9px 0;border-bottom:1px solid var(--rand-zacht);font-variant-numeric:tabular-nums}.maandtabel tr:last-child td{border-bottom:0}.maandtabel td:first-child{color:var(--gedempt)}.maandtabel td:last-child{color:var(--grijs-400)}.uitklap{border-top:1px solid var(--rand-zacht);padding-top:var(--r3)}.uitklap summary{display:flex;align-items:center;min-height:32px;color:var(--merk);font-size:13.5px;font-weight:600;cursor:pointer}.uitklap>*+*{margin-top:var(--r2)}.opsomming{margin:0;padding-left:18px;font-size:13.5px;color:var(--grijs-600)}.opsomming li+li{margin-top:3px}.opsomming.fout{color:#8e2a22}.groep>*+*{margin-top:var(--r2)}.groep-kop{display:flex;align-items:baseline;gap:var(--r2)}.groep-kop h3{font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--gedempt)}.groep-aantal{font-size:12px;font-weight:650;color:var(--grijs-400);font-variant-numeric:tabular-nums}.groep-kies{margin-left:auto;padding:0;border:0;background:none;color:var(--merk);font-size:13px;font-weight:600}.groep-kies:hover{text-decoration:underline}.voorstel{border-top:1px solid var(--rand-zacht);border-left:3px solid transparent;background:var(--vlak)}.voorstel:first-child{border-top:0}.voorstel[data-open]{background:var(--grijs-50)}.voorstel-regel{display:flex;align-items:flex-start;gap:var(--r3);padding:var(--r3) var(--r4)}.voorstel-vink{flex:0 0 auto;width:18px;height:18px;margin:3px 0 0;accent-color:var(--merk);cursor:pointer}.voorstel-open{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding:0;border:0;background:none;text-align:left;color:inherit}.voorstel-boven{display:flex;align-items:baseline;gap:var(--r2);flex-wrap:wrap}.voorstel-regel-onderwerp{font-size:13.5px;color:var(--gedempt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voorstel-uitgeklapt{padding:0 var(--r4) var(--r4);border-top:1px solid var(--rand-zacht)}.voorstel-uitgeklapt>*{margin-top:var(--r3)}.voorstel[data-signaal=stilstand]{border-left-color:var(--rood)}.voorstel[data-signaal=terugval]{border-left-color:var(--oranje)}.voorstel[data-signaal=nieuwe_locatie]{border-left-color:var(--merk)}.voorstel[data-signaal=toplocatie]{border-left-color:var(--groen)}.voorstel-kop{display:flex;align-items:flex-start;gap:var(--r3)}.voorstel-naam{font-size:15px;font-weight:600;color:var(--tekst);text-decoration:none}.voorstel-naam:hover{color:var(--merk);text-decoration:underline}.voorstel-status{font-size:12px;font-weight:600;color:var(--grijs-400)}.voorstel-status[data-status=goedgekeurd]{color:var(--groen)}.voorstel-status[data-status=afgewezen]{color:var(--rood)}.voorstel-onderwerp{padding-bottom:var(--r3);border-bottom:1px solid var(--rand-zacht);font-size:15px;font-weight:600}.voorstel-tekst{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.6;color:var(--grijs-600)}.voorstel-voet{padding-top:var(--r3);border-top:1px solid var(--rand-zacht);font-size:12px;color:var(--grijs-400)}.keuzebalk{position:sticky;bottom:0;z-index:11;display:flex;align-items:center;gap:var(--r2);flex-wrap:wrap;margin-top:var(--r4);padding:var(--r3) var(--r4);padding-bottom:calc(var(--r3) + env(safe-area-inset-bottom));border:1px solid var(--rand);border-radius:var(--rond-m);background:var(--vlak);box-shadow:var(--schaduw-hoog)}.keuzebalk-aantal{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.keuzebalk .knop,.keuzebalk .knop-rand{width:auto;min-height:38px;padding:0 var(--r3);font-size:14px}.keuzebalk-wis{margin-left:auto;padding:0;border:0;background:none;color:var(--gedempt);font-size:13px}.keuzebalk-wis:hover{color:var(--tekst);text-decoration:underline}.schema-regel{padding-top:var(--r3);border-top:1px solid var(--rand-zacht)}.schema-regel:first-of-type{padding-top:0;border-top:0}.schema-regel>*+*{margin-top:var(--r2)}.schema-regel strong{font-size:14.5px;font-weight:600}.schema-velden{display:flex;flex-wrap:wrap;gap:var(--r2)}.schema-velden select,.schema-velden input[type=time]{flex:1 1 132px;min-height:var(--tik);padding:0 var(--r3);border:1px solid var(--rand);border-radius:var(--rond-s);background:var(--vlak);color:var(--tekst);font:inherit}.schema-velden select:disabled,.schema-velden input:disabled{opacity:.55}.ronde{display:flex;flex-direction:column;gap:var(--r3)}.ronde h2{margin-bottom:var(--r1)}.gesprek{display:flex;flex-direction:column;gap:var(--r3)}.voorbeelden{display:flex;flex-wrap:wrap;gap:var(--r2)}.bericht{max-width:88%}.bericht[data-van=ik]{align-self:flex-end}.bericht-tekst{padding:10px var(--r3);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.6}.bericht[data-van=ik] .bericht-tekst{background:var(--merk);color:#fff;border-bottom-right-radius:3px}.bericht[data-van=agent] .bericht-tekst{background:var(--vlak);border:1px solid var(--rand-zacht);border-bottom-left-radius:3px;color:var(--grijs-600)}.bericht[data-van=fout] .bericht-tekst{background:var(--rood-waas);border:1px solid #f2d4d1;color:#8e2a22}.bericht-bron{margin-top:var(--r1);padding-left:var(--r3);font-size:12px;color:var(--grijs-400)}.actie{margin-top:var(--r2);padding:var(--r3);border:1px solid var(--merk);border-left-width:3px;border-radius:var(--rond-s);background:var(--merk-waas)}.actie>*+*{margin-top:var(--r2)}.actie-tekst{font-size:14px;font-weight:550;color:var(--inkt)}.actie .knop,.actie .knop-rand{width:auto;min-height:36px;padding:0 var(--r3);font-size:14px}.actie[data-stand=gedaan]{border-color:var(--groen);background:var(--groen-waas)}.actie[data-stand=geannuleerd]{border-color:var(--rand);background:var(--grijs-50)}.actie[data-stand=geannuleerd] .actie-tekst{color:var(--gedempt)}.vraagbalk{position:sticky;bottom:0;display:flex;gap:var(--r2);padding:var(--r3) 0;padding-bottom:calc(var(--r3) + env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgb(245 247 245 / 0),var(--achtergrond) 30%)}.vraagbalk input{flex:1;min-width:0;min-height:var(--tik);padding:0 var(--r4);border:1px solid var(--rand);border-radius:var(--rond-vol);background:var(--vlak);color:var(--tekst);font:inherit}.vraagbalk .knop{width:auto;padding:0 var(--r4);border-radius:var(--rond-vol)}.microfoon{flex:0 0 auto;display:grid;place-items:center;width:var(--tik);height:var(--tik);border:1px solid var(--rand);border-radius:50%;background:var(--vlak);color:var(--grijs-600);padding:0}.microfoon:hover:not(:disabled){border-color:var(--grijs-400);color:var(--tekst)}.microfoon:disabled{opacity:.5;cursor:default}.microfoon[data-luistert]{border-color:var(--merk);background:var(--merk);color:#fff;animation:luistert 1.6s ease-in-out infinite}@keyframes luistert{0%,to{box-shadow:0 0 #268d9473}70%{box-shadow:0 0 0 10px #268d9400}}@media(min-width:640px){.tegels{grid-template-columns:repeat(4,1fr)}.tegel{border-bottom:0}.tegel:nth-child(2n){border-right:1px solid var(--rand-zacht)}.tegel:last-child{border-right:0}.balk-wie{display:block}.inhoud{padding:var(--r5)}.knop,.knop-rand{width:auto}.inlog-kaart .knop{width:100%}.knoprij>*{flex:0 0 auto;min-width:0}.ronde{flex-direction:row;align-items:center;justify-content:space-between}.kop{flex-direction:row;align-items:baseline;gap:var(--r3)}}@media(min-width:900px){.balk{padding-left:var(--r5);padding-right:var(--r5)}.navigatie{padding:0 var(--r4)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}