@font-face{font-family:Vollkorn;src:url(/fonts/vollkorn-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vollkorn;src:url(/fonts/vollkorn-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Vollkorn;src:url(/fonts/vollkorn-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}.rr-landing{--aarde: #3d2f24;--schors: #5c4a38;--groen: #2d6a4f;--groen-diep: #1b4332;--blad: #74c69d;--groen-zacht: #e8f5ee;--licht: #f4f8f5;--amber: #f59e0b;--amber-hover: #d97706;--amber-ink: #422006;--serif: "Vollkorn", Georgia, serif;--sans: "Inter", "Segoe UI", system-ui, sans-serif;--z-nav: 3;font-family:var(--sans);background:var(--licht);color:var(--aarde);line-height:1.7;font-size:1rem}.rr-landing .wrap{max-width:1040px;margin:0 auto;padding-left:24px;padding-right:24px}.rr-landing h1,.rr-landing h2,.rr-landing h3{text-wrap:balance}.rr-landing p{text-wrap:pretty}.rr-landing a:focus-visible,.rr-landing button:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}.rr-landing .knop{display:inline-block;background:var(--amber);color:var(--amber-ink);padding:14px 26px;border-radius:8px;font-weight:600;text-decoration:none;transition:background .15s ease-out}.rr-landing .knop:hover{background:var(--amber-hover)}.rr-landing .knop-ghost{background:#25201959;border:1px solid rgba(255,255,255,.55);color:#fff}.rr-landing .knop-ghost:hover{background:#2520198c;border-color:#fff}.rr-landing .hero{position:relative;min-height:88vh;min-height:88svh;display:flex;align-items:flex-end;color:#fff;background:var(--aarde)}.rr-landing .hero-foto{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.rr-landing .hero-foto img{width:100%;height:100%;object-fit:cover}.rr-landing .hero-foto video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease-out}.rr-landing .hero-foto video.speelt{opacity:1}.rr-landing .hero-foto:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(185deg,#3d2f2466,#3d2f2429 42%,#3d2f24db)}.rr-landing .hero-nav{position:absolute;top:0;left:0;right:0;z-index:var(--z-nav)}.rr-landing .hero-nav .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.rr-landing .merk{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:600;font-size:1.25rem;color:#fff}.rr-landing .merk img{height:40px;width:40px}.rr-landing .hero-inhoud{position:relative;z-index:2;padding:120px 0 64px;max-width:640px}.rr-landing .hero-kicker{font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.15rem;color:#fff;text-shadow:0 1px 14px rgba(43,32,22,.65),0 1px 3px rgba(43,32,22,.5);margin-bottom:12px}.rr-landing .hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(2.2rem,4.6vw + .9rem,3.2rem);line-height:1.14;text-shadow:0 1px 18px rgba(43,32,22,.45)}.rr-landing .hero .sub{font-size:1.15rem;margin:18px 0 28px;color:#fffffff0;max-width:46ch;text-shadow:0 1px 10px rgba(43,32,22,.55)}.rr-landing .hero-acties{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.rr-landing .hero-prijs{margin-top:14px;font-size:.92rem;color:#ffffffeb;text-shadow:0 1px 8px rgba(43,32,22,.6)}@media (prefers-reduced-motion: no-preference){.rr-landing .hero-inhoud{animation:rr-opkomen .7s cubic-bezier(.22,1,.36,1)}}@keyframes rr-opkomen{0%{opacity:0;transform:translateY(16px)}}.rr-landing .intro{padding:76px 0;text-align:center}.rr-landing .intro p{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(1.25rem,1.2vw + .9rem,1.5rem);line-height:1.5;color:var(--schors);max-width:34ch;margin:0 auto}.rr-landing .intro .accent{color:var(--groen);font-style:normal}.rr-landing .vakken{background:var(--groen-zacht);padding:68px 0}.rr-landing .vakken-kop{font-family:var(--serif);font-weight:600;font-size:clamp(1.55rem,1.6vw + 1rem,1.9rem);color:var(--aarde);text-align:center}.rr-landing .vakken-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:34px;margin-top:38px}.rr-landing .vak h3{font-family:var(--serif);font-weight:600;font-size:1.15rem;color:var(--aarde)}.rr-landing .vak p{font-size:.94rem;color:var(--schors);margin-top:8px}.rr-landing .vak .ikoon{display:inline-flex;width:44px;height:44px;color:var(--groen);margin-bottom:12px}.rr-landing .vak .ikoon svg{width:100%;height:100%}.rr-landing .platform{background:var(--groen-diep);background-image:repeating-radial-gradient(circle at 18% -12%,transparent 0 46px,rgba(116,198,157,.07) 46px 48px);color:#fff;padding:84px 0}.rr-landing .platform-kop-rij{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap}.rr-landing .platform h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.7rem,2vw + 1rem,2.1rem)}.rr-landing .live-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(116,198,157,.45);color:#bfe6d2;font-size:.85rem;font-weight:600;padding:7px 15px;border-radius:999px;white-space:nowrap}.rr-landing .puls{width:8px;height:8px;border-radius:50%;background:var(--blad);box-shadow:0 0 #74c69db3}@media (prefers-reduced-motion: no-preference){.rr-landing .puls{animation:rr-puls 2s infinite}}@keyframes rr-puls{70%{box-shadow:0 0 0 9px #74c69d00}}.rr-landing .platform .uitleg{color:#d8ecdf;max-width:58ch;margin-top:16px}.rr-landing .shots{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:26px;align-items:start;margin-top:40px}.rr-landing .shot{background:#fff;border-radius:12px;padding:10px;box-shadow:0 18px 44px #0a1a1359;transition:transform .2s cubic-bezier(.22,1,.36,1)}.rr-landing .shot:hover{transform:translateY(-3px)}.rr-landing .shot img{display:block;width:100%;height:auto;border-radius:6px}.rr-landing .shot figcaption{font-size:.85rem;color:var(--schors);padding:10px 6px 4px}.rr-landing .platform .noot{font-size:.8rem;color:#d8ecdfd9;margin-top:22px}.rr-landing .partner{background:var(--groen);color:#fff;padding:84px 0 72px;text-align:center}.rr-landing .partner h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.75rem,2.2vw + 1rem,2.3rem)}.rr-landing .partner .pitch{color:#d8ecdf;max-width:56ch;margin:18px auto 30px}.rr-landing .partner-contact{margin-top:18px;font-size:.95rem;color:#d8ecdf}.rr-landing .partner-contact a{color:#fff;font-weight:600}.rr-landing .baasje{margin-top:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.22);font-size:.95rem;color:#d8ecdf;max-width:56ch;margin-left:auto;margin-right:auto}.rr-landing footer{padding:26px 0;font-size:.85rem;color:var(--schors)}.rr-landing footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.rr-landing footer a{color:var(--groen)}@media (max-width: 760px){.rr-landing .hero-foto:after{background:linear-gradient(185deg,#3d2f247a,#3d2f246b 45%,#3d2f24e0)}.rr-landing .hero-inhoud{padding-top:130px}.rr-landing .shots{grid-template-columns:1fr}.rr-landing .platform-kop-rij{flex-direction:column;align-items:flex-start}}@font-face{font-family:Inter;src:url(/fonts/inter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primair: #2d6a4f;--color-primair-hover: #235540;--color-primair-zacht: #e8f5ee;--color-accent: #f59e0b;--color-achtergrond: #f8fafc;--color-oppervlak: #ffffff;--color-rand: #cbd5e1;--color-rand-zacht: #f1f5f9;--color-tekst: #1e293b;--color-tekst-zacht: #64748b;--color-gevaar: #ef4444;--color-succes: #22c55e;--color-natuur: #2d6a4f;--color-waarschuwing: #f59e0b;--zijbalk-breedte: 240px;--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--schaduw-klein: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--schaduw-medium: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05)}body{font-family:var(--font);background:var(--color-achtergrond);color:var(--color-tekst);height:100dvh;overflow:hidden}body:has(.eigenaar-portaal),body:has(.eigenaar-schil),body:has(.rr-landing),body:has(.login-wrapper){overflow:auto;height:auto}.app-shell{display:flex;height:100dvh}.sidebar{width:var(--zijbalk-breedte);background:var(--color-oppervlak);border-right:1px solid var(--color-rand);display:flex;flex-direction:column;flex-shrink:0;box-shadow:var(--schaduw-klein)}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 16px 16px;border-bottom:1px solid var(--color-rand)}.logo-icon{font-size:1.5rem}.logo-text{font-size:1rem;font-weight:700;color:var(--color-tekst)}.nav-links{list-style:none;padding:12px 8px;flex:1;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--color-tekst-zacht);text-decoration:none;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:var(--color-rand-zacht);color:var(--color-tekst)}.nav-link.active{background:var(--color-primair-zacht);color:var(--color-primair);font-weight:600}.nav-subtree{list-style:none;padding:2px 0 6px 30px;display:none;flex-direction:column;gap:2px}.nav-subtree.open{display:flex}.nav-subitem{padding:7px 10px;border-radius:7px;font-size:.82rem;color:var(--color-tekst-zacht);cursor:pointer;transition:background .15s,color .15s;text-decoration:none;display:block}.nav-subitem:hover{background:var(--color-rand-zacht);color:var(--color-tekst)}.nav-subitem.active{background:var(--color-primair-zacht);color:var(--color-primair);font-weight:600}.hw-toggle{display:inline-flex;background:var(--color-rand-zacht);border-radius:8px;padding:3px;gap:2px;width:max-content}.hw-toggle-button{flex:0 0 auto;padding:6px 14px;font-size:.82rem;font-weight:600;font-family:var(--font);background:none;border:none;border-radius:6px;color:var(--color-tekst-zacht);cursor:pointer;transition:all .15s;white-space:nowrap}.hw-toggle-button.active{background:var(--color-oppervlak);color:var(--color-primair);box-shadow:var(--schaduw-klein)}.weergave-knop{padding:7px 16px;font-size:.82rem;font-weight:600;font-family:var(--font);border:1.5px solid var(--color-rand);border-radius:8px;background:var(--color-oppervlak);color:var(--color-tekst-zacht);cursor:pointer;white-space:nowrap;transition:all .15s}.weergave-knop:hover{border-color:var(--color-primair);color:var(--color-primair)}.weergave-knop.active{border-color:var(--color-primair);background:var(--color-primair-zacht);color:var(--color-primair)}.mini-dag{text-align:center;font-size:.72rem;padding:4px 2px;border-radius:6px;cursor:pointer;color:var(--color-tekst);transition:background .12s;position:relative}.mini-dag:hover{background:var(--color-rand-zacht)}.mini-dag.andere-maand{color:#cbd5e1}.mini-dag.vandaag{background:var(--color-primair);color:#fff;font-weight:700}.mini-dag.geselecteerd{background:var(--color-primair-zacht);color:var(--color-primair);font-weight:700}.mini-dag-dot{width:4px;height:4px;border-radius:50%;background:var(--color-primair);margin:1px auto 0}.mini-dag.vandaag .mini-dag-dot{background:#ffffffb3}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--color-rand);display:flex;flex-direction:column;gap:8px}.user-email{font-size:.75rem;color:var(--color-tekst-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-uitloggen{background:none;border:1px solid var(--color-rand);color:var(--color-tekst-zacht);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:.8rem;transition:border-color .15s,color .15s}.btn-uitloggen:hover{border-color:var(--color-gevaar);color:var(--color-gevaar)}.main-content{flex:1;overflow:hidden;display:flex}.dashboard{display:flex;width:100%;height:100%}.honden-sidebar{width:260px;background:var(--color-oppervlak);border:1px solid var(--color-rand);border-radius:14px;margin:12px 0 12px 12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--schaduw-klein)}.sidebar-header{padding:16px;border-bottom:1px solid var(--color-rand);display:flex;align-items:center;justify-content:space-between}.sidebar-header h2{font-size:.95rem;font-weight:600}.refresh-dot{width:8px;height:8px;border-radius:50%;background:var(--color-succes);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sidebar-laden{padding:16px;color:var(--color-tekst-zacht);font-size:.85rem}.honden-lijst{list-style:none;overflow-y:auto;flex:1;padding:8px}.geen-honden{padding:16px;color:var(--color-tekst-zacht);font-size:.85rem;text-align:center}.hond-item{width:100%;background:none;border:1px solid transparent;border-radius:8px;padding:10px 12px;cursor:pointer;text-align:left;color:var(--color-tekst);transition:background .15s,border-color .15s;display:flex;flex-direction:column;gap:3px}.hond-item:hover{background:var(--color-rand-zacht)}.hond-item.geselecteerd{background:var(--color-primair-zacht);border-color:var(--color-primair)}.hond-naam{font-weight:600;font-size:.9rem}.hond-ras{font-size:.75rem;color:var(--color-tekst-zacht)}.hond-meta{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.hond-tijd{color:var(--color-tekst-zacht)}.geen-signaal{color:var(--color-tekst-zacht);font-style:italic;font-size:.78rem}.map-wrapper{flex:1;position:relative;border-radius:14px;overflow:hidden;margin:12px;box-shadow:var(--schaduw-klein)}.leaflet-kaart{width:100%;height:100%}.kaart-schil{display:flex;flex-direction:column;height:100%;overflow:hidden}@media (max-width: 640px){.kaart-schil{height:auto;overflow:visible}.kaart-schil .map-wrapper{min-height:58vh}}.sessies-lijst{list-style:none;overflow-y:auto;flex:1;padding:8px}.geen-sessies{padding:16px;color:var(--color-tekst-zacht);font-size:.85rem;text-align:center}.sessie-item{width:100%;background:none;border:1px solid var(--color-rand);border-radius:8px;padding:10px 12px;cursor:pointer;text-align:left;color:var(--color-tekst);transition:background .15s,border-color .15s;display:flex;flex-direction:column;gap:6px;margin-bottom:8px;font-family:var(--font)}.sessie-item:hover{background:var(--color-rand-zacht);border-color:var(--color-primair)}.sessie-item-header{display:flex;justify-content:space-between;align-items:baseline}.sessie-item-walker{font-weight:600;font-size:.88rem}.sessie-item-duur{font-size:.75rem;color:var(--color-tekst-zacht)}.sessie-item-honden{font-size:.78rem;color:var(--color-tekst-zacht)}.sessie-statusbalk{display:flex;gap:4px}.sessie-statusbalk-stap{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.sessie-statusbalk-dot{width:100%;height:4px;border-radius:2px;background:var(--color-rand)}.sessie-statusbalk-dot.bereikt{background:var(--color-primair)}.sessie-statusbalk-label{font-size:.62rem;color:var(--color-tekst-zacht);text-align:center}.sessie-statusbalk-label.bereikt{color:var(--color-primair);font-weight:600}.login-wrapper{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9f4,#e8f5ee,#f8fafc);padding:24px}.login-card{background:var(--color-oppervlak);border:1px solid var(--color-rand);border-radius:20px;padding:40px;width:100%;max-width:420px;box-shadow:var(--schaduw-medium)}.login-header{text-align:center;margin-bottom:28px}.login-logo{font-size:3rem}.login-logo-img{width:56px;height:56px}.login-header h1{font-size:1.5rem;margin-top:8px}.login-header p{color:var(--color-tekst-zacht);font-size:.875rem;margin-top:4px}.tab-switcher{display:flex;border:1px solid var(--color-rand);border-radius:10px;overflow:hidden;margin-bottom:24px;background:var(--color-rand-zacht);padding:3px;gap:3px}.tab{flex:1;background:none;border:none;padding:10px;color:var(--color-tekst-zacht);cursor:pointer;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;border-radius:7px}.tab.active{background:var(--color-oppervlak);color:var(--color-primair);font-weight:600;box-shadow:var(--schaduw-klein)}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-tekst)}.form-group input,.form-group select,.form-group textarea{background:var(--color-oppervlak);border:1.5px solid var(--color-rand);border-radius:8px;padding:10px 12px;color:var(--color-tekst);font-size:.9rem;font-family:var(--font);transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primair);box-shadow:0 0 0 3px #2d6a4f1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-hint{font-size:.75rem;color:var(--color-tekst-zacht)}.form-group input[type=time],.form-group input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-left:12px;min-height:42px;width:100%;box-sizing:border-box}.fout-bericht{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:.875rem;color:#dc2626}.btn-primary,.btn-primair{background:var(--color-primair);color:#fff;border:none;border-radius:8px;padding:11px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s;font-family:var(--font)}.btn-primary:hover:not(:disabled),.btn-primair:hover:not(:disabled){background:var(--color-primair-hover);box-shadow:0 2px 8px #2d6a4f4d}.btn-primary:disabled,.btn-primair:disabled{opacity:.5;cursor:not-allowed}.btn-secundair{background:var(--color-oppervlak);color:var(--color-tekst);border:1.5px solid var(--color-rand);border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s;font-family:var(--font)}.btn-secundair:hover{border-color:var(--color-tekst-zacht);background:var(--color-rand-zacht)}.btn-klein{background:var(--color-oppervlak);border:1.5px solid var(--color-rand);color:var(--color-tekst-zacht);border-radius:6px;padding:5px 10px;font-size:.78rem;cursor:pointer;transition:border-color .15s,color .15s,background .15s;font-family:var(--font)}.btn-klein:hover,.btn-klein.active{border-color:var(--color-primair);color:var(--color-primair);background:var(--color-primair-zacht)}.btn-klein.btn-gevaar:hover{border-color:var(--color-gevaar);color:var(--color-gevaar);background:#fef2f2}.btn-gevaar{background:var(--color-gevaar);color:#fff;border:none;border-radius:8px;padding:11px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s;font-family:var(--font)}.btn-gevaar:hover:not(:disabled){background:#dc2626}.btn-gevaar:disabled{opacity:.5;cursor:not-allowed}.pagina,.admin-pagina{padding:28px 32px;overflow-y:auto;width:100%;flex:1;min-height:0}.pagina-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}.pagina-header h1,.admin-pagina h1{font-size:1.4rem;font-weight:700}.pagina-header-links{display:flex;flex-direction:column;gap:3px}.pagina-datum{font-size:.82rem;color:var(--color-tekst-zacht)}.pagina-header-acties{display:flex;gap:10px;flex-wrap:wrap}.laden-tekst{color:var(--color-tekst-zacht)}.leeg-staat{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 0;color:var(--color-tekst-zacht)}.section-header{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-tekst-zacht);border-bottom:1px solid var(--color-rand);padding-bottom:6px;margin-top:4px}.section-header-actions{display:flex;gap:6px;text-transform:none;letter-spacing:normal}.stat-strip{display:flex;gap:10px;flex-shrink:0;margin:0 0 24px;align-items:stretch;flex-wrap:wrap}.stat-tegel{background:var(--color-oppervlak);border:1.5px solid var(--color-rand);border-radius:10px;padding:12px 16px;box-shadow:var(--schaduw-klein);flex:1;min-width:88px;min-height:78px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:border-color .15s,transform .1s}.stat-tegel:hover{border-color:var(--color-primair)}.stat-tegel:active{transform:scale(.98)}.stat-tegel.gefilterd{border-color:var(--color-primair);background:var(--color-primair-zacht)}.stat-tegel.niet-klikbaar{cursor:default}.stat-value{font-size:1.3rem;font-weight:700;color:var(--color-tekst)}.stat-value.green{color:var(--color-succes)}.stat-value.red{color:var(--color-gevaar)}.stat-value.orange{color:var(--color-waarschuwing)}.stat-label{font-size:.72rem;color:var(--color-tekst-zacht);margin-top:1px}.stat-aging{display:flex;gap:2px;margin-top:8px;height:4px;border-radius:2px;overflow:hidden;background:transparent}.stat-aging-seg{height:100%}.stat-aging-seg.ok{background:var(--color-succes)}.stat-aging-seg.warn{background:var(--color-waarschuwing)}.stat-aging-seg.kritiek{background:var(--color-gevaar)}.stat-trend.up{color:var(--color-succes)}.stat-trend.down{color:var(--color-gevaar)}.v9-layout{flex:1;overflow:hidden;display:flex;gap:16px;min-height:0}.v9-links{flex:1.2;display:flex;flex-direction:column;overflow:hidden;min-width:0}.v9-rechts{width:380px;flex-shrink:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto}@media (max-width: 900px){.v9-layout{flex-direction:column;overflow:visible}.v9-links{overflow:visible}.v9-rechts{width:auto;overflow-y:visible}}.widget-titel-rij{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-shrink:0}.widget-titel{font-size:.88rem;font-weight:700;display:flex;align-items:center;gap:6px}.widget-actie-btn{background:var(--color-rand-zacht);border:1px solid var(--color-rand);color:var(--color-tekst-zacht);font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;font-family:inherit;white-space:nowrap}.widget-actie-btn:hover{border-color:var(--primary);color:var(--primary)}.widget-kaartje{background:var(--color-surface, #fff);border:1px solid var(--color-rand);border-radius:12px;box-shadow:0 1px 3px #00000014;padding:14px;flex-shrink:0}.groep-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--color-rand-zacht);cursor:pointer;transition:background .12s}.groep-item:last-child{border-bottom:none}.groep-item:hover{background:var(--color-rand-zacht)}.groep-avatar{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.groep-avatar.active{background:var(--color-primair-zacht, #dcfce7)}.groep-avatar.paused{background:#fef3c7}.groep-body{flex:1;min-width:0}.groep-naam{font-size:.84rem;font-weight:700}.groep-sub{font-size:.72rem;color:var(--color-tekst-zacht);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.groep-status{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:999px;flex-shrink:0;border:none;cursor:pointer;font-family:inherit}.groep-status.active{background:#dcfce7;color:#15803d}.groep-status.paused{background:#fef3c7;color:#92400e}.mini-kaart{background:#1a1f2e;border-radius:12px;height:175px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:var(--schaduw-medium, 0 2px 6px rgba(0,0,0,.12))}.mini-map-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.8rem;text-align:center;padding:0 16px}.map-stat{position:absolute;bottom:10px;left:12px;display:flex;gap:8px;z-index:500}.map-chip{background:#0000008c;color:#fff;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-chip.green{color:#86efac}.card{background:var(--color-oppervlak);border:1px solid var(--color-rand);border-radius:12px;padding:20px 24px;box-shadow:var(--schaduw-klein)}.upgrade-banner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;max-width:480px;margin:80px auto;padding:40px 32px;background:var(--color-oppervlak);border:1px solid var(--color-rand);border-radius:12px;box-shadow:var(--schaduw-klein)}.upgrade-banner-icon{font-size:2.5rem}.upgrade-banner h2{margin:0}.upgrade-banner p{margin:0;color:var(--color-tekst-zacht)}.upgrade-banner-cta{color:var(--color-tekst)!important}.admin-pagina h1{margin-bottom:28px}.admin-sectie{background:var(--color-oppervlak);border:1px solid var(--color-rand);border-radius:12px;padding:24px;margin-bottom:20px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--schaduw-klein)}.admin-sectie h2{font-size:1rem;font-weight:600}.admin-uitleg{font-size:.875rem;color:var(--color-tekst-zacht)}.admin-rij{display:flex;flex-direction:column;gap:6px}.admin-rij label{font-size:.875rem;font-weight:500;color:var(--color-tekst)}.admin-input{background:var(--color-oppervlak);border:1.5px solid var(--color-rand);border-radius:8px;padding:10px 12px;color:var(--color-tekst);font-size:.9rem;max-width:320px;font-family:var(--font)}.color-picker{display:flex;align-items:center;gap:12px}.color-picker input[type=color]{width:40px;height:40px;border:1.5px solid var(--color-rand);border-radius:8px;cursor:pointer;background:none;padding:2px}.logo-upload{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.logo-upload small{color:var(--color-tekst-zacht);font-size:.75rem}.logo-preview{height:40px;max-width:120px;object-fit:contain;border-radius:4px;border:1px solid var(--color-rand)}.honden-tabel-wrapper{overflow-x:auto;border-radius:10px;border:1px solid var(--color-rand);box-shadow:var(--schaduw-klein)}.honden-tabel{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--color-oppervlak)}.honden-tabel th{text-align:left;padding:12px 16px;border-bottom:2px solid var(--color-rand);color:var(--color-tekst-zacht);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;background:var(--color-rand-zacht)}.honden-tabel td{padding:12px 16px;border-bottom:1px solid var(--color-rand);vertical-align:middle}.honden-tabel tr:last-child td{border-bottom:none}.honden-tabel tr:hover td{background:var(--color-rand-zacht)}.td-naam{font-weight:600}.td-mono{font-family:monospace;font-size:.8rem;color:var(--color-tekst-zacht)}.td-acties{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.73rem;font-weight:600;letter-spacing:.02em}.badge-active{background:#dcfce7;color:#15803d}.badge-inactive{background:#fee2e2;color:#dc2626}.badge-planned{background:#eff6ff;color:#2563eb}.badge-completed{background:#f1f5f9;color:#475569}.badge-tracker{background:var(--color-primair-zacht);color:var(--color-primair)}.badge-alert{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.qr-resultaat{display:flex;gap:24px;align-items:flex-start;background:var(--color-rand-zacht);border:1px solid var(--color-rand);border-radius:10px;padding:20px;flex-wrap:wrap}.qr-info{display:flex;flex-direction:column;gap:8px}.qr-geldig{font-size:.8rem;color:var(--color-tekst-zacht)}.qr-link{color:var(--color-primair);font-size:.875rem;text-decoration:none}.qr-link:hover{text-decoration:underline}.modal-venster{background:var(--color-oppervlak);border-radius:16px;width:560px;max-width:100%;max-height:88vh;overflow-y:auto;padding:24px;box-shadow:var(--schaduw-medium)}.modal-titel-rij{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-titel-rij h2{font-size:1.05rem;font-weight:700}.modal-sluit-btn{background:none;border:none;font-size:1rem;color:var(--color-tekst-zacht);cursor:pointer;padding:4px}.modal-sluit-btn:hover{color:var(--color-tekst)}.wizard-stappen{display:flex;gap:0;margin-bottom:20px}.wizard-stap{flex:1;text-align:center;font-size:.72rem;font-weight:600;padding:7px 4px;border-bottom:2px solid var(--color-rand);color:var(--color-tekst-zacht)}.wizard-stap.active{border-bottom-color:var(--color-primair);color:var(--color-primair)}.wizard-stap.klaar{border-bottom-color:var(--color-tekst-zacht);color:var(--color-tekst)}.wizard-stap-inhoud h3{font-size:.9rem;font-weight:700;margin-bottom:12px;color:var(--color-tekst)}.form-rij{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-veld label{display:block;font-size:.72rem;color:var(--color-tekst-zacht);margin-bottom:4px;font-weight:600}.form-veld input,.form-veld select{width:100%;padding:8px 11px;border:1.5px solid var(--color-rand);border-radius:8px;font-size:.85rem;font-family:var(--font);color:var(--color-tekst);background:var(--color-oppervlak)}.eigenaar-resultaat{border:1.5px solid var(--color-rand);border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:pointer;font-size:.84rem}.eigenaar-resultaat:hover{border-color:var(--color-primair);background:var(--color-rand-zacht)}.eigenaar-resultaat.geselecteerd{background:var(--color-primair-zacht);border-color:var(--color-primair);font-weight:600;color:var(--color-primair)}.dier-checkboxes{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.dier-check-label{padding:7px 14px;border:1.5px solid var(--color-rand);border-radius:999px;font-size:.8rem;cursor:pointer}.dier-check-label.geselecteerd{background:var(--color-primair);color:#fff;border-color:var(--color-primair)}.dienst-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.dienst-chip{padding:9px 15px;border:1.5px solid var(--color-rand);border-radius:8px;font-size:.85rem;cursor:pointer}.dienst-chip.geselecteerd{background:var(--color-primair);color:#fff;border-color:var(--color-primair)}.walker-keuze-kaart{border:1.5px solid var(--color-rand);border-radius:10px;padding:11px 14px;margin-bottom:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.walker-keuze-kaart:hover{border-color:var(--color-primair);background:var(--color-rand-zacht)}.walker-keuze-kaart.geselecteerd{border-color:var(--color-primair);background:var(--color-primair-zacht)}.walker-keuze-beschikbaar{font-size:.74rem;color:var(--color-tekst-zacht);margin-top:2px}.walker-keuze-chip{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px}.walker-keuze-chip.vrij{background:#dcfce7;color:#15803d}.walker-keuze-chip.druk{background:#ffe0b2;color:#92400e}.walker-keuze-chip.onbekend{background:var(--color-rand-zacht);color:var(--color-tekst-zacht)}.wizard-samenvatting-kaart{margin-top:14px;padding:12px 14px;background:var(--color-rand-zacht);border-radius:10px;font-size:.8rem;line-height:1.6}.wizard-nav-rij{display:flex;justify-content:space-between;margin-top:20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px}.modal{background:var(--color-oppervlak);border:1px solid var(--color-rand);border-radius:16px;padding:32px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--schaduw-medium);max-height:90dvh;overflow-y:auto}.modal h2{font-size:1.15rem;font-weight:700}.modal form{display:flex;flex-direction:column;gap:16px}.modal-acties{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}:root{--primary: var(--color-primair)}.tenant-logo{height:32px;max-width:120px;object-fit:contain;border-radius:4px}.ws-alert{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--color-oppervlak);border:1px solid var(--color-primair);border-radius:10px;padding:10px 20px;font-size:.875rem;z-index:2000;box-shadow:var(--schaduw-medium);animation:fadeIn .2s ease;color:var(--color-primair);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-succes);animation:pulse 2s infinite;flex-shrink:0}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rooster-wrapper{padding:28px 32px;overflow-y:auto;width:100%}.rooster-navigator{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.rooster-dag-titel{font-size:1.1rem;font-weight:600;flex:1;min-width:140px}.rooster-lijst{display:flex;flex-direction:column;gap:12px}.rooster-kaart{background:var(--color-oppervlak);border:1px solid var(--color-rand);border-radius:12px;padding:16px 20px;box-shadow:var(--schaduw-klein);display:flex;flex-direction:column;gap:8px}.rooster-kaart-gepland{border-left:4px solid #2563eb}.rooster-kaart-actief{border-left:4px solid var(--color-succes)}.rooster-kaart-afgerond{border-left:4px solid var(--color-rand)}.rooster-kaart-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rooster-tijd{font-weight:600;font-size:.95rem;color:var(--color-tekst)}.rooster-duur{color:var(--color-tekst-zacht);font-size:.83rem;margin-left:auto}.rooster-honden{display:flex;flex-wrap:wrap;gap:6px}.rooster-hond-tag{background:var(--color-rand-zacht);border:1px solid var(--color-rand);border-radius:20px;padding:3px 10px;font-size:.82rem;font-weight:500;color:var(--color-tekst)}.rooster-meta{font-size:.82rem;color:var(--color-tekst-zacht)}.rooster-opmerking{font-size:.82rem;color:var(--color-tekst-zacht);font-style:italic;padding:6px 10px;background:var(--color-rand-zacht);border-radius:6px}.rooster-acties{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.plan-form-card{background:var(--color-primair-zacht);border:1.5px solid var(--color-primair);border-radius:12px;padding:20px;margin-bottom:20px;display:flex;flex-direction:column;gap:14px}.plan-form-card h3{font-size:.95rem;font-weight:600;color:var(--color-primair)}.honden-checkbox-lijst{display:flex;flex-wrap:wrap;gap:8px}.hond-checkbox-knop{padding:6px 14px;border-radius:20px;border:1.5px solid var(--color-rand);background:var(--color-oppervlak);color:var(--color-tekst);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--font)}.hond-checkbox-knop.geselecteerd{background:var(--color-primair);border-color:var(--color-primair);color:#fff}.hond-checkbox-knop:hover:not(.geselecteerd){border-color:var(--color-primair);color:var(--color-primair)}.eigenaar-portaal{min-height:100dvh;display:flex;flex-direction:column;background:#f8fafc;color:#0f172a;padding:24px;gap:20px}.eigenaar-header{text-align:center;padding:16px 0}.eigenaar-header .logo-icon{font-size:2.5rem}.eigenaar-header h1{font-size:1.4rem;margin-top:8px;color:#0f172a}.eigenaar-subtitel{color:#64748b;font-size:.9rem;margin-top:4px}.eigenaar-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;max-width:600px;margin:0 auto;width:100%}.info-kaart{background:#fff;border:1px solid var(--color-rand);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px #0000000f}.info-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.info-waarde{font-size:.95rem;font-weight:600;color:#0f172a}.eigenaar-kaart-wrapper{border-radius:12px;overflow:hidden;border:1px solid var(--color-rand);height:420px;box-shadow:0 2px 8px #00000014}.eigenaar-kaart{width:100%;height:420px}.geen-locatie{text-align:center;color:#94a3b8;padding:40px}.eigenaar-footer{text-align:center;color:#94a3b8;padding-bottom:8px}.eigenaar-laden,.eigenaar-fout{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:16px;font-size:1.1rem;background:#f8fafc;color:#0f172a}.eigenaar-fout .fout-bericht{max-width:360px;text-align:center}.nav-bottom{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--color-oppervlak);border-top:1px solid var(--color-rand);z-index:100;box-shadow:0 -2px 10px #0000000f}.nav-bottom-links{display:flex;height:100%;list-style:none}.nav-bottom-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--color-tekst-zacht);font-size:.68rem;font-weight:500;gap:3px;padding:0 4px;transition:color .15s}.nav-bottom-link .nav-bottom-icon{font-size:1.3rem;line-height:1}.nav-bottom-link.active{color:var(--color-primair)}.mobiel-uitloggen{display:none;position:fixed;top:12px;right:12px;z-index:101;width:40px;height:40px;border-radius:50%;border:1px solid var(--color-rand);background:var(--color-oppervlak);box-shadow:var(--schaduw-medium);font-size:1.2rem;align-items:center;justify-content:center;cursor:pointer}.leaflet-container{background:#e8eff5}.leaflet-popup-content-wrapper{background:var(--color-oppervlak);color:var(--color-tekst);border:1px solid var(--color-rand);border-radius:10px;box-shadow:var(--schaduw-medium)}.leaflet-popup-tip{background:var(--color-oppervlak)}.eigenaar-portaal .leaflet-container{background:#e8f0e8}.eigenaar-portaal .leaflet-popup-content-wrapper{background:#fff;color:#0f172a;border:1px solid var(--color-rand);border-radius:10px}.eigenaar-portaal .leaflet-popup-tip{background:#fff}@media (min-width: 641px) and (max-width: 1024px){:root{--zijbalk-breedte: 200px}.pagina,.admin-pagina,.rooster-wrapper{padding:20px}.modal{max-width:520px}}@media (max-width: 640px){.sidebar{display:none}.nav-bottom,.mobiel-uitloggen{display:flex}.main-content{padding-bottom:64px;overflow-y:auto}.pagina,.admin-pagina{padding:16px 14px}.pagina-header{margin-bottom:16px}.pagina-header h1,.admin-pagina h1{font-size:1.15rem;margin-bottom:16px;padding-right:44px}.rooster-wrapper{padding:16px 14px;max-width:100%}.modal{padding:24px 20px;margin:0;border-radius:12px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-width:100%}.dashboard{flex-direction:column}.honden-sidebar{width:auto;height:130px;margin:12px 12px 0;flex-shrink:0}.honden-lijst{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:6px;gap:6px}.hond-item{min-width:120px;flex-shrink:0;width:auto}.sidebar-header{padding:8px 12px}.map-wrapper{flex:1;min-height:0}.form-grid-2{grid-template-columns:1fr}.honden-tabel th:nth-child(2),.honden-tabel td:nth-child(2),.honden-tabel th:nth-child(3),.honden-tabel td:nth-child(3){display:none}.td-acties{flex-direction:column;gap:4px}.td-acties .btn-klein{padding:8px 10px;font-size:.8rem;min-width:80px;text-align:center}.td-naam>div{flex-wrap:wrap}.honden-tabel-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.rooster-duur{margin-left:0}}.nav-bottom-links{overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-bottom-link{flex-shrink:0;min-width:64px}.pa *,.pa *:before,.pa *:after{box-sizing:border-box;margin:0;padding:0}.pa{display:flex;flex-direction:column;height:100dvh;background:#0a0f1c;color:#e8edf5;font-family:Inter,system-ui,sans-serif;overflow:hidden}.pa-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#111827;border-bottom:1px solid rgba(99,143,255,.12);flex-shrink:0}.pa-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.92rem}.pa-logo-dot{width:8px;height:8px;border-radius:50%;background:var(--pa-accent, #4f8ef7);box-shadow:0 0 10px var(--pa-accent, #4f8ef7);flex-shrink:0}.pa-logo-tag{font-size:.68rem;color:#3f4f68;font-weight:400;letter-spacing:.04em}.pa-refresh{background:none;border:none;color:#7a8aa8;cursor:pointer;font-size:1rem;padding:4px 7px;border-radius:6px;transition:color .15s}.pa-refresh:hover{color:#e8edf5}.pa-shell{display:flex;flex:1;overflow:hidden}.pa-sidebar{display:none;width:196px;background:#111827;border-right:1px solid rgba(99,143,255,.12);flex-direction:column;flex-shrink:0;padding:10px 8px;gap:2px}@media (min-width: 600px){.pa-sidebar{display:flex}}.pa-side-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;background:none;border:none;color:#7a8aa8;cursor:pointer;font-size:.84rem;font-family:inherit;border-radius:8px;width:100%;text-align:left;transition:all .15s}.pa-side-btn:hover{background:#638fff14;color:#e8edf5}.pa-side-btn.actief{background:#638fff21;color:var(--pa-accent, #4f8ef7);font-weight:600}.pa-side-footer{margin-top:auto;padding:10px 12px;font-size:.7rem;color:#3f4f68;border-top:1px solid rgba(99,143,255,.12)}.pa-content{flex:1;overflow-y:auto;padding:14px 14px 72px}@media (min-width: 600px){.pa-content{padding-bottom:14px}}.pa-content::-webkit-scrollbar{width:3px}.pa-content::-webkit-scrollbar-thumb{background:#638fff2e;border-radius:2px}.pa-nav{position:fixed;bottom:0;left:0;right:0;background:#111827;border-top:1px solid rgba(99,143,255,.12);display:flex;z-index:200}@media (min-width: 600px){.pa-nav{display:none}}.pa-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:9px 4px 8px;background:none;border:none;color:#7a8aa8;cursor:pointer;font-size:.62rem;font-family:inherit;transition:color .15s;-webkit-tap-highlight-color:transparent}.pa-nav-btn .ni{font-size:1.15rem;line-height:1}.pa-nav-btn.actief{color:var(--pa-accent, #4f8ef7)}.pa-nav-btn.actief .ni{filter:drop-shadow(0 0 4px var(--pa-accent, #4f8ef7))}.pa-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}@media (min-width: 440px){.pa-kpi-grid{grid-template-columns:repeat(4,1fr)}}.pa-kpi{background:#111827;border:1px solid rgba(99,143,255,.12);border-radius:12px;padding:14px 12px}.pa-kpi-val{font-size:1.55rem;font-weight:700;line-height:1;color:var(--pa-accent, #4f8ef7)}.pa-kpi-val.warn{color:#fbbf24}.pa-kpi-val.danger{color:#fc6868}.pa-kpi-val.success{color:#34d399}.pa-kpi-label{font-size:.7rem;color:#7a8aa8;margin-top:5px}.pa-section{font-size:.72rem;font-weight:600;color:#3f4f68;text-transform:uppercase;letter-spacing:.07em;margin-bottom:9px}.pa-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.pa-card{background:#111827;border:1px solid rgba(99,143,255,.12);border-radius:12px;padding:14px}.pa-row{background:#111827;border:1px solid rgba(99,143,255,.12);border-radius:10px;overflow:hidden;margin-bottom:7px;transition:border-color .15s}.pa-row:hover{border-color:#638fff40}.pa-row-inner{display:flex;align-items:center;gap:9px;padding:11px 13px;flex-wrap:wrap}.pa-row-naam{font-weight:600;font-size:.86rem}.pa-row-meta{font-size:.72rem;color:#7a8aa8;margin-top:2px}.pa-row-note{font-size:.72rem;color:#3f4f68;margin-top:3px;font-style:italic}.pa-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:8px;font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:all .15s;white-space:nowrap;text-decoration:none}.pa-btn:disabled{opacity:.5;cursor:not-allowed}.pa-btn-accent{background:var(--pa-accent, #4f8ef7);color:#fff;box-shadow:0 2px 10px #4f8ef740}.pa-btn-accent:hover:not(:disabled){opacity:.88}.pa-btn-ghost{background:#638fff1a;color:#e8edf5;border:1px solid rgba(99,143,255,.18)}.pa-btn-ghost:hover:not(:disabled){background:#638fff2e}.pa-btn-sm{padding:4px 9px;font-size:.74rem}.pa-badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:.7rem;font-weight:600}.pa-badge-green{background:#34d39921;color:#34d399}.pa-badge-red{background:#fc686821;color:#fc6868}.pa-badge-blue{background:#4f8ef721;color:var(--pa-accent, #4f8ef7)}.pa-badge-warn{background:#fbbf2421;color:#fbbf24}.pa-input{background:#1a2234;border:1px solid rgba(99,143,255,.15);border-radius:7px;padding:8px 10px;color:#e8edf5;font-size:.84rem;font-family:inherit;outline:none;width:100%}.pa-input:focus{border-color:var(--pa-accent, #4f8ef7)}.pa-input::placeholder{color:#3f4f68}.pa-label{font-size:.72rem;color:#7a8aa8;margin-bottom:4px;display:block}.pa-fg{display:flex;flex-direction:column}.pa-textarea{background:#1a2234;border:1px solid rgba(99,143,255,.15);border-radius:7px;padding:8px 10px;color:#e8edf5;font-size:.83rem;font-family:inherit;outline:none;resize:vertical;width:100%}.pa-textarea:focus{border-color:var(--pa-accent, #4f8ef7)}.pa-ok{background:#34d3991a;color:#34d399;border:1px solid rgba(52,211,153,.2);border-radius:8px;padding:9px 12px;font-size:.83rem;margin-bottom:12px}.pa-err{background:#fc68681a;color:#fc6868;border:1px solid rgba(252,104,104,.2);border-radius:8px;padding:9px 12px;font-size:.83rem;margin-bottom:12px}.pa-map-wrap{border-radius:12px;overflow:hidden;border:1px solid rgba(99,143,255,.12)}.pa-map-inner{height:calc(100dvh - 155px)}@media (min-width: 600px){.pa-map-inner{height:calc(100dvh - 90px)}}.pa-map-wrap .leaflet-container{background:#0a0f1c!important}.pa-divider{border:none;border-top:1px solid rgba(99,143,255,.1);margin:12px 0}.session-block{border-radius:7px;padding:5px 7px;margin-bottom:4px;font-size:.72rem;cursor:pointer;transition:filter .12s}.session-block:hover{filter:brightness(.96)}.session-block.planned{background:var(--color-rand-zacht, #f1f5f9);border-left:3px solid var(--color-tekst-zacht)}.session-block.active{background:var(--color-primair-zacht, #dcfce7);border-left:3px solid var(--color-primary)}.session-block.problem{background:#fee2e2;border-left:3px solid var(--color-gevaar, #ef4444)}.session-block.completed{background:var(--color-rand-zacht, #f1f5f9);border-left:3px solid var(--color-succes);opacity:.75}.session-block-animals{font-weight:700;font-size:.74rem}.session-block-time{font-size:.66rem;color:var(--color-tekst-zacht)}.day-grid{display:grid;border:1px solid var(--color-rand);border-radius:12px;overflow:hidden;background:var(--color-kaart, #fff)}.day-header{background:var(--color-rand-zacht, #f1f5f9);padding:8px;text-align:center;font-size:.76rem;font-weight:700;border-bottom:1px solid var(--color-rand);border-right:1px solid var(--color-rand-zacht)}.timeslot{font-size:.72rem;color:var(--color-tekst-zacht);padding:5px 7px;border-bottom:1px solid var(--color-rand-zacht);border-right:1px solid var(--color-rand-zacht);background:var(--color-rand-zacht, #f1f5f9)}.day-cell{border-right:1px solid var(--color-rand-zacht);border-bottom:1px solid var(--color-rand-zacht);min-height:42px;padding:3px 5px}.day-cell.beschikbaar{background:var(--color-kaart, #fff)}.day-cell.onbeschikbaar{background:var(--color-rand-zacht, #f1f5f9)}.day-cell-plan{cursor:pointer}.day-cell-plan:hover{background:var(--color-rand-zacht, #f1f5f9)}.day-header-sub{font-weight:400;font-size:.68rem;color:var(--color-tekst-zacht)}.week-grid{display:grid;grid-template-columns:90px repeat(7,1fr);border:1px solid var(--color-rand);border-radius:12px;overflow:hidden;background:var(--color-kaart, #fff)}.week-header{background:var(--color-rand-zacht, #f1f5f9);padding:8px;text-align:center;font-size:.76rem;font-weight:700;color:var(--color-tekst-zacht);border-bottom:1px solid var(--color-rand);border-right:1px solid var(--color-rand-zacht)}.week-header:last-child{border-right:none}.week-header.klikbaar{cursor:pointer}.week-header.klikbaar:hover,.week-header.vandaag{color:var(--color-primair)}.week-cell{border-right:1px solid var(--color-rand-zacht);border-bottom:1px solid var(--color-rand-zacht);padding:5px;min-height:68px}.week-cell.walker-naam{background:var(--color-rand-zacht, #f1f5f9);font-weight:700;font-size:.82rem;display:flex;flex-direction:column;align-items:flex-start;padding:10px 8px}.week-cell.beschikbaar{background:var(--color-kaart, #fff)}.week-cell.onbeschikbaar{background:var(--color-rand-zacht, #f1f5f9)}.vrij-label{font-size:.68rem;color:var(--color-tekst-zacht)}.year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.year-month{border:1px solid var(--color-rand);border-radius:10px;padding:10px;cursor:pointer;background:var(--color-kaart, #fff)}.year-month:hover,.year-month.huidig{border-color:var(--color-primary)}.year-month-titel{font-size:.78rem;font-weight:700;margin-bottom:6px;text-align:center}.year-week-rij{height:9px;border-radius:3px;margin-bottom:2px}.density-leeg{background:var(--color-rand-zacht, #f1f5f9)}.density-laag{background:var(--color-primair-zacht, #dcfce7)}.density-normaal{background:#86c5a8}.density-druk{background:var(--color-primary)}.density-afwezig{background:repeating-linear-gradient(45deg,#fde68a,#fde68a 4px,#fef3c7 4px,#fef3c7 8px)}.jaar-legenda{display:flex;gap:16px;margin-top:12px;font-size:.78rem;color:var(--color-tekst-zacht);align-items:center;flex-wrap:wrap}.year-legenda-vlak{width:14px;height:9px;border-radius:3px;display:inline-block;vertical-align:middle;margin-right:4px}@media (max-width: 900px){.year-grid{grid-template-columns:repeat(2,1fr)}}.leeg-slot{display:flex;align-items:center;gap:8px;padding:7px 14px;margin-bottom:6px;border:1.5px dashed var(--color-rand);border-radius:10px;cursor:pointer;color:var(--color-tekst-zacht);font-size:.8rem;transition:border-color .15s,color .15s,background .15s;background:none;width:100%;text-align:left}.leeg-slot:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primair-zacht, #dcfce7)}.leeg-slot-tijd{font-size:.72rem;font-weight:600;min-width:80px}.sessiedetail-sectie{margin-bottom:18px}.sessiedetail-sectie:last-child{margin-bottom:0}.sessiedetail-sectie-titel{font-size:.8rem;font-weight:700;margin-bottom:8px;color:var(--color-tekst)}.sessiedetail-gps-placeholder{background:var(--color-rand-zacht, #f1f5f9);border-radius:10px;padding:30px 14px;text-align:center;font-size:.8rem;color:var(--color-tekst-zacht)}.sessiedetail-probleem-tekst{background:#fee2e2;border-left:3px solid var(--color-gevaar, #ef4444);padding:10px 12px;border-radius:0 8px 8px 0;font-size:.82rem;color:#991b1b}.sessiedetail-rapport-rij{display:flex;gap:24px}.sessiedetail-rapport-label{font-size:.72rem;color:var(--color-tekst-zacht);font-weight:600}.sessiedetail-rapport-waarde{font-size:.85rem;color:var(--color-tekst);margin-top:2px}.sessiedetail-rapport-waarde.leeg{color:var(--color-tekst-zacht);font-style:italic}.loonstrook{border:1px solid var(--color-rand, #d1d5db);border-radius:10px;overflow:hidden}.loonstrook-header{background:var(--primary, #2d6a4f);color:#fff;padding:16px 20px}.loonstrook-bedrijf{font-size:1.05rem;font-weight:700}.loonstrook-periode{font-size:.85rem;opacity:.9;margin-top:2px}.loonstrook-ref{font-size:.72rem;opacity:.8;margin-top:6px}.loonstrook-klant{background:var(--primary-zacht, #f0f7f3);padding:12px 20px;font-size:.85rem;line-height:1.5}.loonstrook-klant-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-tekst-zacht, #6b7280);margin-bottom:3px}.loonstrook-tabel{width:100%;border-collapse:collapse;font-size:.85rem}.loonstrook-tabel th{background:var(--color-achtergrond, #f3f4f6);text-align:left;padding:8px 20px;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-tekst-zacht, #6b7280)}.loonstrook-tabel td{padding:8px 20px;border-top:1px solid var(--color-rand-zacht, #f3f4f6)}.loonstrook-tabel th:last-child,.loonstrook-tabel td:last-child{text-align:right}tr.loonstrook-totaal td{font-weight:700;background:var(--color-achtergrond, #f3f4f6)}.loonstrook-footer{padding:12px 20px;font-size:.78rem;color:var(--color-tekst-zacht, #6b7280);border-top:1px solid var(--color-rand, #e5e7eb);line-height:1.6}.patroon-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 16px;margin-bottom:16px}.patroon-titel{font-size:.82rem;font-weight:700;color:#92400e;margin-bottom:6px}.patroon-item{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-bottom:1px solid #fde68a;font-size:.85rem}.patroon-item:last-child{border-bottom:none}.patroon-emoji{flex-shrink:0}.patroon-sub{font-size:.76rem;color:var(--color-tekst-zacht, #6b7280);margin-top:2px}.compliance-rij{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.compliance-balk{height:8px;border-radius:999px;background:var(--color-achtergrond, #f3f4f6);margin-top:8px;overflow:hidden}.compliance-vulling{height:100%;border-radius:999px;background:var(--color-succes, #16a34a)}.avg-klant-lijst{display:flex;flex-direction:column;gap:8px}.avg-klant-rij{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--color-rand);border-radius:10px}.avg-klant-rij.wachtend{border-color:#fde68a;background:#fffbeb}.avg-klant-rij>div:first-child{flex:1}.avg-klant-naam{font-weight:700;font-size:.88rem}.avg-klant-sub{font-size:.74rem;color:var(--color-tekst-zacht);margin-top:2px}.meekijk-pill{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:1200;display:flex;align-items:center;gap:10px;padding:7px 9px 7px 15px;border-radius:999px;background:#f59e0b;color:#422006;font-size:.8rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 14px #00000040}.meekijk-stop{background:#422006;color:#fff;border:none;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600;cursor:pointer;font-family:inherit}.demo-pill{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:1100;padding:5px 14px;border-radius:999px;background:#854d0e;color:#fef9c3;font-size:.76rem;font-weight:700;letter-spacing:.03em;white-space:nowrap;box-shadow:0 3px 10px #0003;cursor:default}.app-shell:has(.meekijk-pill) .demo-pill{bottom:58px}@media (max-width: 640px){.meekijk-pill,.demo-pill{bottom:76px}.app-shell:has(.meekijk-pill) .demo-pill{bottom:120px}}.ec-cockpit{max-width:1180px;margin:0 auto;padding:24px 24px 60px;overflow-y:auto;flex:1}.ec-topbalk{display:flex;align-items:center;gap:14px}.ec-logo{height:52px;width:auto}.ec-topbalk h1{font-size:1.3rem;font-weight:700;margin:0}.ec-sub{font-size:.8rem;color:var(--color-tekst-zacht, #64748b)}.ec-tabbalk{display:flex;gap:4px;margin-top:16px;border-bottom:2px solid var(--color-rand);overflow-x:auto;scrollbar-width:none}.ec-tabbalk::-webkit-scrollbar{display:none}.ec-tab{background:none;border:none;padding:11px 16px;font-size:.88rem;font-weight:600;color:#64748b;cursor:pointer;font-family:inherit;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;display:flex;align-items:center;gap:7px}.ec-tab:hover{color:#1e293b}.ec-tab.active{color:#2d6a4f;border-bottom-color:#2d6a4f}.ec-tab-badge{background:#ef4444;color:#fff;font-size:.68rem;font-weight:700;padding:1px 7px;border-radius:999px}.ec-fout{margin-top:16px;background:#fee2e2;color:#b91c1c;border-radius:10px;padding:12px 16px;font-size:.85rem}.ec-statusbalk{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--color-rand);border-radius:10px;padding:10px 16px;margin-top:18px;flex-wrap:wrap;font-size:.82rem}.ec-status-item{display:flex;align-items:center;gap:7px;color:#64748b}.ec-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.ec-dot-groen{background:#22c55e}.ec-dot-rood{background:#ef4444}.ec-status-tijd{margin-left:auto;font-size:.75rem;color:#64748b}.ec-kpi-rij{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:18px}.ec-kpi{background:#fff;border:1px solid var(--color-rand);border-radius:12px;padding:16px 18px}.ec-kpi-label{font-size:.73rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.ec-kpi-waarde{font-size:1.6rem;font-weight:800;margin-top:4px}.ec-kpi-detail{font-size:.78rem;color:#64748b;margin-top:3px}.ec-sectie{margin-top:26px}.ec-sectie h2{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:8px;margin:0 0 10px}.ec-sectie-kop{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.ec-badge{background:#f1f5f9;color:#64748b;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px}.ec-kaart{background:#fff;border:1px solid var(--color-rand);border-radius:12px;overflow:hidden}.ec-leeg{padding:18px;font-size:.85rem;color:#64748b}.ec-feed-item{display:flex;align-items:center;gap:13px;padding:13px 18px;border-bottom:1px solid #f1f5f9;font-size:.86rem}.ec-feed-item:last-child{border-bottom:none}.ec-feed-icoon{font-size:1.1rem}.ec-feed-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ec-feed-sub{font-size:.78rem;color:#64748b}.ec-feed-actie{font-size:.8rem;font-weight:600;color:#2d6a4f;background:#e8f5ee;border:none;border-radius:7px;padding:7px 12px;cursor:pointer;font-family:inherit;white-space:nowrap}.ec-feed-actie:hover{background:#d8ecdf}.ec-filters{display:flex;gap:6px}.ec-filter{background:none;border:1px solid var(--color-rand);border-radius:7px;padding:5px 12px;font-size:.78rem;font-weight:600;color:#64748b;cursor:pointer;font-family:inherit}.ec-filter.active{background:#e8f5ee;border-color:#2d6a4f;color:#2d6a4f}.ec-tabel-scroll{overflow-x:auto;background:linear-gradient(to right,#fff 30%,#fff0),linear-gradient(to left,#fff 30%,#fff0) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(15,23,42,.16),transparent),radial-gradient(farthest-side at 100% 50%,rgba(15,23,42,.16),transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,12px 100%,12px 100%;background-attachment:local,local,scroll,scroll}.ec-uitloggen{margin-left:auto;background:none;border:1px solid var(--color-rand);border-radius:8px;padding:7px 12px;font-size:.8rem;font-weight:600;color:#64748b;cursor:pointer;font-family:inherit;white-space:nowrap}.ec-uitloggen:hover{color:#1e293b;border-color:#cbd5e1}@media (max-width: 640px){.ec-uitloggen{padding:7px 10px}.ec-uitloggen-label{display:none}}.ec-tabel{width:100%;border-collapse:collapse;font-size:.85rem}.ec-tabel th{text-align:left;font-size:.72rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;padding:11px 16px;border-bottom:1px solid var(--color-rand);background:#f1f5f9}.ec-tabel td{padding:12px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.ec-tabel tr:last-child td{border-bottom:none}.ec-naam{font-weight:600}.ec-chip{font-size:.7rem;font-weight:700;padding:2px 9px;border-radius:999px;margin-left:6px}.ec-chip-pro{background:#e8f5ee;color:#2d6a4f}.ec-chip-hobbyist{background:#e0f2fe;color:#0369a1}.ec-chip-demo,.ec-chip-tijdelijk{background:#fef3c7;color:#b45309}.ec-meekijken{background:none;border:1px solid #2d6a4f;color:#2d6a4f;border-radius:7px;padding:5px 12px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.ec-meekijken:hover{background:#e8f5ee}.ec-mini-knop{background:none;border:1px solid var(--color-rand);color:#64748b;border-radius:7px;padding:5px 10px;font-size:.76rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.ec-mini-knop:hover{background:#f1f5f9;color:#1e293b}.ec-mini-knop.ec-gevaar:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.ec-zoekbalk{display:flex;gap:10px;padding:14px 18px;flex-wrap:wrap}.ec-zoekbalk input{flex:1;min-width:220px;border:1px solid var(--color-rand);border-radius:8px;padding:9px 13px;font-size:.85rem;font-family:inherit}.ec-primair{background:#2d6a4f;color:#fff;border:none;border-radius:8px;padding:9px 16px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit}.ec-primair:hover{background:#235540}.ec-zoek-resultaten{border-top:1px solid #f1f5f9}.ec-log-tijd{font-size:.75rem;color:#64748b;white-space:nowrap;width:130px;flex-shrink:0}.ec-kaart-noot{padding:10px 16px;font-size:.75rem;color:#64748b;border-top:1px solid #f1f5f9}.ec-funnel{display:grid;grid-template-columns:repeat(4,1fr)}.ec-funnel-stap{padding:18px 16px;text-align:center;border-right:1px solid #f1f5f9}.ec-funnel-stap:last-child{border-right:none}.ec-funnel-aantal{font-size:1.5rem;font-weight:800;color:#2d6a4f}.ec-funnel-label{font-size:.75rem;color:#64748b;margin-top:3px}.ec-wachtwoord-velden{display:flex;gap:10px;padding:14px 18px;background:#e8f5ee;border-bottom:1px solid var(--color-rand);flex-wrap:wrap}.ec-wachtwoord-velden input{border:1px solid var(--color-rand);border-radius:8px;padding:8px 12px;font-size:.83rem;font-family:inherit}.ec-melding{padding:10px 18px;font-size:.82rem;color:#b45309;background:#fef3c7}@media (max-width: 700px){.ec-funnel{grid-template-columns:repeat(2,1fr)}.ec-logo{height:40px}}.ec-batterij{display:inline-flex;align-items:center;gap:7px}.ec-batterij-balk{width:46px;height:8px;border-radius:4px;background:#e2e8f0;overflow:hidden;display:inline-block}.ec-batterij-vul{height:100%;border-radius:4px;display:block}.ec-select{border:1px solid var(--color-rand);border-radius:8px;padding:8px 12px;font-size:.83rem;font-family:inherit;background:#fff}.ec-inline-input{border:1px solid var(--color-rand);border-radius:6px;padding:6px 9px;font-size:.82rem;font-family:inherit;width:110px}.pb-thread{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 0 10px}.ec-thread{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:14px 18px}.pb-bericht{max-width:85%;background:#f1f5f9;border-radius:10px 10px 10px 3px;padding:8px 12px;align-self:flex-start}.pb-bericht.eigen{background:#e8f5ee;border-radius:10px 10px 3px;align-self:flex-end}.pb-body{font-size:.84rem;white-space:pre-wrap}.pb-tijd{font-size:.68rem;color:#64748b;margin-top:3px}.pb-compose{display:flex;gap:8px}.pb-compose input{flex:1;border:1px solid var(--color-rand);border-radius:8px;padding:8px 12px;font-size:.83rem;font-family:inherit}.ec-klikbaar{cursor:pointer}.ec-klikbaar:hover{background:#f8fafc}