:root{--navy:#003870;--navy-2:#005098;--groen:#91ba06;--groen-donker:#5f7a04;--groen-diep:#345334;--groen-zacht:#eff6ef;--tekst:#1c2420;--zacht:#5c6b62;--lijn:#d7e0d4;--achtergrond:#f3f6f1;--wit:#fff;--rood:#9f1239;--rood-zacht:#ffe4e6;--oranje:#9a3412;--oranje-zacht:#ffedd5;--schaduw:0 1px 2px #0028460f, 0 8px 24px #0028460f;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ruimte:max(16px, env(safe-area-inset-left))}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--tekst);background:var(--achtergrond);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.45}h1,h2,p,label,button,a,li,.hint{overflow-wrap:anywhere}h1,h2{letter-spacing:-.02em;margin:0 0 8px}h1{font-size:1.35rem}h2{margin-top:4px;font-size:1rem}p{margin:0 0 10px}a{color:var(--navy-2)}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%}.zacht{color:var(--zacht);font-size:.92rem}.wacht{padding:32px var(--ruimte)}.scherm{flex-direction:column;min-height:100vh;display:flex}.kop{background:var(--navy);color:#fff;padding:max(10px, env(safe-area-inset-top)) var(--ruimte) 10px;z-index:5;align-items:center;gap:10px;display:flex;position:sticky;top:0}.kop img{background:#fff;border-radius:8px}.kop-tekst{flex-direction:column;flex:1;min-width:0;display:flex}.kop-tekst strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.kop-tekst span{color:#c5d7ea;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.tekstknop{color:#d6e6c2;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;padding:0 8px;font-weight:650}.pagina .tekstknop{color:var(--navy)}.kop a.tekstknop{color:#fff;text-decoration:none}.uit{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 12px;display:inline-flex}.pagina{padding:16px var(--ruimte) calc(24px + env(safe-area-inset-bottom));width:min(720px,100%);margin:0 auto}.kaart,.bezoek,.hang-rij{background:var(--wit);box-shadow:var(--schaduw);border-radius:14px}.melding{background:var(--rood-zacht);color:var(--rood);border-radius:10px;margin:0 0 12px;padding:10px 12px}.inlog{min-height:100vh;padding:24px var(--ruimte) calc(24px + env(safe-area-inset-bottom));background:linear-gradient(180deg, var(--navy) 0 42%, var(--achtergrond) 42% 100%);flex-direction:column;justify-content:center;display:flex}.inlog-merk{color:#fff;text-align:center;margin-bottom:18px}.inlog-merk img{background:#fff;border-radius:18px}.inlog-woord{letter-spacing:.08em;margin:10px 0 0;font-weight:750}.inlog-zin{color:#d5e4c4;margin:4px 0 0}.inlog .kaart{padding:18px 16px 16px}.inlog h1{margin-bottom:4px}label{margin:12px 0 4px;font-size:.85rem;font-weight:650;display:block}input,select,textarea{border:1px solid var(--lijn);background:#fff;border-radius:10px;width:100%;max-width:100%;min-height:48px;padding:12px}textarea{resize:vertical;min-height:96px}.vink{align-items:center;gap:8px;min-height:44px;font-weight:500;display:flex}.vink input{width:44px;min-width:44px;height:44px;min-height:44px;accent-color:var(--navy);flex:none;margin:0}.knop{background:var(--groen);color:#142000;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:52px;margin-top:12px;font-weight:750;text-decoration:none;display:flex}.knop:disabled{opacity:.6}.knop-lijn{background:var(--wit);color:var(--groen-diep);border:2px solid var(--groen)}.bestand input{display:none}.kies select{margin-top:4px}.week{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:8px 0 16px;display:grid}.dag{background:var(--wit);cursor:pointer;min-height:64px;box-shadow:var(--schaduw);border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 0;display:flex;position:relative}.dag span{color:var(--zacht);text-transform:uppercase;font-size:.72rem}.dag strong{font-size:1rem}.dag em{background:var(--groen-zacht);color:var(--groen-diep);border-radius:8px;padding:0 5px;font-size:.7rem;font-style:normal}.dag.gekozen{background:var(--navy);color:#fff}.dag.gekozen span,.dag.gekozen em{color:#d5e4c4;background:0 0}.vandaag-stip{background:var(--groen);border-radius:50%;width:5px;height:5px;position:absolute;bottom:4px}.lijst{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bezoek{color:inherit;text-align:left;cursor:pointer;border:0;flex-direction:column;gap:6px;width:100%;padding:12px 14px;text-decoration:none;display:flex}.bezoek-tijd{color:var(--navy);font-weight:750}.bezoek-midden{flex-direction:column;min-width:0;display:flex}.bezoek-midden strong{overflow-wrap:anywhere}.bezoek-merken{flex-wrap:wrap;gap:6px;display:flex}.merk{background:var(--groen-zacht);color:var(--groen-diep);border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:700}.merk.dringend,.merk.soort-storing{background:var(--rood-zacht);color:var(--rood)}.merk.soort-onderhoud{color:var(--navy);background:#e0f2fe}.merk.soort-keuring{background:var(--oranje-zacht);color:var(--oranje)}.merk.stand-bezig{color:#854d0e;background:#fef9c3}.merk.stand-afgewerkt{color:#166534;background:#dcfce7}.hangen{background:#fff7ed;border-radius:14px;margin-bottom:16px;padding:12px}.hang-rij{min-height:44px;color:inherit;flex-direction:column;justify-content:center;margin-top:8px;padding:8px 10px;text-decoration:none;display:flex}.hang-rij em{color:var(--zacht);font-size:.85rem;font-style:normal}.adres{font-size:1.05rem}.toegang,.omschrijving{background:var(--groen-zacht);border-radius:12px;padding:10px 12px}section{margin-top:22px}.checks{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.checks li{background:var(--wit);box-shadow:var(--schaduw);border-radius:12px;padding:10px 12px}.keuze{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.keuze.twee{grid-template-columns:repeat(2,minmax(0,1fr))}.hint{color:var(--zacht);margin:4px 0 8px;font-size:.85rem;font-weight:500}.label{margin:12px 0 4px;font-size:.85rem;font-weight:650}.formulier{margin-top:8px}.naast{grid-template-columns:1fr;gap:0 8px;display:grid}.wachtfotos{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.wachtfotos li{background:var(--wit);box-shadow:var(--schaduw);border-radius:12px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:4px 10px;padding:8px;display:grid}.wachtfotos img,.foto-leeg{object-fit:cover;background:#e5e7eb;border-radius:8px;grid-row:1/span 2;width:72px;height:72px}.wegknop{color:var(--navy);cursor:pointer;background:0 0;border:0;justify-self:start;min-width:44px;min-height:44px;padding:0 8px;font-weight:700}.klaar a{align-items:center;min-height:44px;display:inline-flex}.keuze-knop{border:1px solid var(--lijn);cursor:pointer;background:#fff;border-radius:10px;min-height:44px;font-weight:650}.keuze-knop.aan-ok{background:#dcfce7;border-color:#166534}.keuze-knop.aan-niet_ok{background:var(--rood-zacht);border-color:var(--rood)}.keuze-knop.aan-nvt{background:#e5e7eb}.eenvoudig{margin:0 0 8px;padding:0;list-style:none}.eenvoudig li{border-bottom:1px solid var(--lijn);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.rij-invoer{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rij-invoer .knop,.rij-invoer select{grid-column:1/-1}.smal{max-width:88px}.fotos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.fotos img{aspect-ratio:1;object-fit:cover;background:#e5e7eb;border-radius:10px;width:100%}.afronden{background:var(--wit);box-shadow:var(--schaduw);border-radius:14px;padding:14px}.klaar{background:#dcfce7;border-radius:12px;padding:12px}.kaart-blok,.klantkaart{background:var(--wit);box-shadow:var(--schaduw);border-radius:14px;margin-top:12px;padding:12px 14px}.klantkaart h2,.liftblok,.klantkaart p{overflow-wrap:anywhere}.liftblok{border-top:1px solid var(--lijn);margin-top:10px;padding-top:8px}.merk.archief{color:var(--zacht);background:#e5e7eb;margin-left:6px}.acties{flex-direction:column;gap:8px;margin-top:8px;display:flex}.acties .knop{margin-top:0}@media (width>=480px){.naast{grid-template-columns:1fr 1fr}}@media (width>=720px){.bezoek{flex-direction:row;align-items:center}.bezoek-tijd{flex:none;width:110px}.bezoek-midden{flex:1}.inlog{align-items:center}.inlog .kaart{width:min(420px,100%)}}