:root{--blauw:#036;--groen:#9c0;--groen-hover:#8ab800;--groen-licht:#edf6cb;--link:#007db8;--link-hover:#005780;--tekst:#1f2426;--tekst-2:#616f74;--tekst-3:#8a9296;--label:#4b5559;--rand:#dadbe0;--rand-licht:#e8e9ed;--rand-donker:#a1a9af;--vlak:#f5f5f7;--rood:#cc2929;--rood-hover:#a62121;--donker:#1f2426;--donker-vlak:#4b5559;--overlay:#4f5c61}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--vlak);color:var(--tekst);-webkit-font-smoothing:antialiased;margin:0;font-family:AG Geogrotesque,Arial,system-ui,sans-serif}a{color:var(--link);text-decoration:none}a:hover,a:active{color:var(--link-hover)}button{font:inherit;color:inherit}img{image-orientation:from-image;max-width:100%}.scherm-skelet{background:var(--vlak);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.scherm-skelet__midden{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 20px 0;display:flex;overflow-y:auto}.scherm-skelet__midden--leeg{padding:20px}.scherm-skelet__midden--klant-leeg{gap:16px}.voet{border-top:1px solid var(--rand-licht);padding:14px 20px calc(22px + env(safe-area-inset-bottom,0px));background:#fff;flex-direction:column;flex:none;gap:10px;display:flex}.kop{border-bottom:3px solid var(--groen);padding:calc(0px + env(safe-area-inset-top,0px)) 20px 16px;background:#fff;flex:none}.kop__terugrij{align-items:center;gap:8px;height:52px;margin-left:-8px;display:flex}.kop__terug{height:44px;color:var(--link);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0 12px 0 6px;font-family:Arial,sans-serif;font-size:17px;font-weight:700;display:inline-flex}.kop__rij{align-items:center;gap:12px;display:flex}.kop__titel{color:var(--blauw);margin:0;font-size:26px;font-weight:600;line-height:1.15}.kop__subregel{color:var(--tekst-2);margin-top:4px;font-family:Arial,sans-serif;font-size:15px}.knop{letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;justify-content:center;align-items:center;gap:12px;width:100%;font-family:inherit;font-weight:600;display:flex}.knop:disabled{cursor:default;opacity:.6}.knop--68{height:68px;font-size:19px}.knop--60{height:60px;font-size:18px}.knop--56{height:56px;font-size:17px}.knop--primair{background:var(--groen);color:var(--blauw)}.knop--primair:hover,.knop--primair:active{background:var(--groen-hover)}.knop--secundair{color:var(--blauw);border:1px solid var(--blauw);background:#fff}.knop--secundair:hover,.knop--secundair:active{background:#e9edf6}.knop--omlijnd-wit{color:#fff;background:0 0;border:1px solid #fff}.knop--omlijnd-wit:hover,.knop--omlijnd-wit:active{background:#ffffff1f}.knop--gevaar{background:var(--rood);color:#fff}.knop--gevaar:hover,.knop--gevaar:active{background:var(--rood-hover)}.knop--neutraal{color:var(--blauw);border:1px solid var(--rand);background:#fff}.knop--neutraal:hover,.knop--neutraal:active{border-color:var(--rand-donker)}.veld-label{color:var(--label);margin-bottom:8px;font-family:Arial,sans-serif;font-size:15px;font-weight:700;display:block}.veld{border:1px solid var(--rand);width:100%;height:60px;color:var(--tekst);background:#fff;border-radius:3px;outline:none;padding:0 18px;font-family:Arial,sans-serif;font-size:17px}.veld:focus{border-color:var(--rand-donker)}.veld--64{height:64px;font-size:19px}.kaart{border:1px solid var(--rand-licht);background:#fff;border-radius:3px;padding:20px}.kaart--leeg{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px 20px;display:flex}.kaart--leeg--28{padding:28px 20px}.cirkel{border-radius:50%;flex:none;place-items:center;display:grid}.cirkel--28{width:28px;height:28px}.cirkel--38{width:38px;height:38px}.cirkel--40{width:40px;height:40px}.cirkel--64{width:64px;height:64px}.lijst{flex-direction:column;gap:8px;display:flex}.lijst-item{border:1px solid var(--rand-licht);background:#fff;border-radius:3px;flex:none;align-items:center;gap:14px;min-height:76px;padding:12px 14px;display:flex}.banner{background:var(--groen-licht);border-radius:3px;align-items:center;gap:10px;padding:14px 16px;display:flex}.tegel-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tegel{background:var(--rand);border:1px solid var(--rand-donker);border-radius:3px;flex-direction:column;justify-content:flex-end;height:170px;display:flex;position:relative;overflow:hidden}.overlay{background:var(--overlay);opacity:.75;position:fixed;inset:0}.overlay-kaart{left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:3px;flex-direction:column;gap:14px;padding:24px 20px 20px;display:flex;position:fixed}.overlay-donker{background:var(--donker);color:#fff;flex-direction:column;min-height:100dvh;display:flex}.login-scherm{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(32px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:#fff;flex-direction:column;display:flex}.login-logo{align-self:flex-start;width:auto;height:38px;margin:16px 0 44px}.login-titel{color:var(--blauw);margin:0 0 8px;font-size:30px;font-weight:600;line-height:1.15}.login-subtitel{color:var(--tekst-2);margin:0 0 36px;font-family:Arial,sans-serif;font-size:17px;line-height:1.5}.login-form{flex-direction:column;flex:1;min-height:0;display:flex}.login-veld-groep{margin-bottom:20px}.login-wachtwoord-veld{border:1px solid var(--rand-donker);background:#fff;border-radius:3px;justify-content:space-between;align-items:center;height:60px;margin-bottom:28px;padding:0 18px;display:flex}.login-wachtwoord-veld__input{min-width:0;color:var(--tekst);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:Arial,sans-serif;font-size:17px}.login-wachtwoord-veld__toggle{color:var(--link);cursor:pointer;background:0 0;border:none;flex:none;margin-left:12px;padding:0;font-family:Arial,sans-serif;font-size:15px;font-weight:700}.login-wachtwoord-veld__toggle:hover,.login-wachtwoord-veld__toggle:active{color:var(--link-hover)}.login-fout{color:var(--rood);margin:12px 0 0;font-family:Arial,sans-serif;font-size:14px;line-height:1.4}.login-hulpkaart{background:var(--vlak);border-radius:3px;align-items:flex-start;gap:12px;margin-top:auto;padding:16px;display:flex}.login-hulpkaart__punt{background:var(--groen);border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.login-hulpkaart__tekst{color:var(--tekst-2);font-family:Arial,sans-serif;font-size:14px;line-height:1.5}.login-hulpkaart__tekst a,.login-hulpkaart__tekst a:hover,.login-hulpkaart__tekst a:active{color:inherit}.kop--lijst{padding-top:4px}.kop__rij-info{flex:1;min-width:0}.kop__naam-knop{border:1px solid var(--rand);height:48px;color:var(--blauw);cursor:pointer;background:#fff;border-radius:3px;flex:none;align-items:center;gap:8px;padding:0 14px;font-family:Arial,sans-serif;font-size:15px;font-weight:700;display:inline-flex}.kop__naam-knop:hover,.kop__naam-knop:active{border-color:var(--rand-donker)}.lijst-item{color:inherit;text-decoration:none}.lijst-item__info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.lijst-item__naam{color:var(--tekst);white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:600;overflow:hidden}.lijst-item__regel{color:var(--tekst-2);font-family:Arial,sans-serif;font-size:14px}.cirkel--muted{background:var(--vlak)}.cirkel--open{background:var(--vlak);border:1px solid var(--rand)}.cirkel--klaar{background:var(--groen)}.cirkel--trash{border:1px solid var(--rand);background:#fff}.kaart--leeg__titel{color:var(--tekst);font-size:19px;font-weight:600}.kaart--leeg__tekst{color:var(--tekst-2);font-family:Arial,sans-serif;font-size:16px;line-height:1.5}.foutkaart{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px 20px;display:flex}.foutkaart__tekst{color:var(--rood);font-family:Arial,sans-serif;font-size:16px;line-height:1.5}.veld-wrap{position:relative}.veld-wrap--wisbaar .veld{padding-right:56px}.veld__wis{border:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.veld-hulptekst{color:var(--tekst-2);font-family:Arial,sans-serif;font-size:15px;line-height:1.5}.veld-fout{color:var(--rood);margin-top:8px;font-family:Arial,sans-serif;font-size:14px;line-height:1.4}.banner__tekst{color:var(--blauw);font-family:Arial,sans-serif;font-size:16px;line-height:1.4}.tegel__beeld{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tegel__tijd{color:#fff;background:#1f2426b8;padding:6px 8px;font-family:Arial,sans-serif;font-size:12.5px;position:relative}.tegel__wis{cursor:pointer;position:absolute;top:8px;right:8px}.tegel-grid--gedimd{opacity:.4}.scherm-skelet--relatief{position:relative}.overlay{z-index:10}.overlay-kaart{z-index:11}.overlay-kaart__titel{color:var(--tekst);font-size:22px;font-weight:600;line-height:1.25}.overlay-kaart__tekst{color:var(--tekst-2);font-family:Arial,sans-serif;font-size:16px;line-height:1.5}.overlay-donker{z-index:20;position:fixed;inset:0}.overlay-donker__kop{padding:calc(8px + env(safe-area-inset-top,0px)) 20px 16px;flex:none}.overlay-donker__titel{color:#fff;margin:0;font-size:22px;font-weight:600}.overlay-donker__naam{color:var(--rand);margin-top:4px;font-family:Arial,sans-serif;font-size:15px}.overlay-donker__beeld{background:var(--donker-vlak);border-radius:3px;flex:1;place-items:center;min-height:0;margin:0 20px;display:grid;overflow:hidden}.overlay-donker__img{object-fit:contain;max-width:100%;max-height:100%}.overlay-donker__voet{padding:18px 20px calc(24px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:none;gap:12px;display:flex}.overlay-donker__fout{color:var(--rood);text-align:center;font-family:Arial,sans-serif;font-size:15px}.verwijder-fout{color:var(--rood);font-family:Arial,sans-serif;font-size:15px}