:root{--merk:#3a5a72;--merk-donker:#263d4e;--merk-zacht:#eaeff3;--merk-op:#ffffff;--papier:#f5f5f3;--vlak:#ffffff;--vlak-zacht:#fafaf8;--rand:#e4e3de;--rand-sterk:#cdccc5;--inkt:#1b1b19;--inkt-zacht:#66655f;--inkt-licht:#92918a;--let-op:#a3451f;--goed:#2f6d4f;--straal:10px;--straal-klein:6px;--straal-groot:14px;--schaduw-zacht:0 1px 2px rgba(20,20,18,0.05);--schaduw-laag:0 12px 40px rgba(20,20,18,0.18);--zijbalk:248px;--huisbalk:0px;--tabbalk:0px;--tekst:15px;--klein:13px;--heel-klein:12px;--lettertype:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--papier);color:var(--inkt);font-family:var(--lettertype);font-size:var(--tekst);line-height:1.5;-webkit-font-smoothing:antialiased}figure,h1,h2,h3,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}a{text-decoration:none}a,button{color:inherit}button{font:inherit}:focus-visible{outline:2px solid var(--merk);outline-offset:2px;border-radius:var(--straal-klein)}.schil{display:grid;grid-template-columns:var(--zijbalk) minmax(0,1fr);min-height:100dvh;padding-top:var(--huisbalk);align-items:start}.huisbalk{position:fixed;inset:0 0 auto 0;z-index:40;height:34px;display:flex;align-items:center;gap:8px;padding:0 16px;background:var(--inkt);color:#f2f1ec;font-size:var(--heel-klein);letter-spacing:.01em}.huisbalk strong{font-weight:600}.huisbalk span{color:#a9a79f}.zijbalk{position:-webkit-sticky;position:sticky;top:var(--huisbalk);height:calc(100dvh - var(--huisbalk));display:flex;flex-direction:column;gap:4px;padding:16px 12px;background:var(--vlak);border-right:1px solid var(--rand)}.zijbalk-merk{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;min-width:0}.zijbalk-merk-naam{min-width:0}.zijbalk-merk-naam b{font-size:var(--tekst);font-weight:600}.zijbalk-merk-naam b,.zijbalk-merk-naam small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zijbalk-kop,.zijbalk-merk-naam small{font-size:var(--heel-klein);color:var(--inkt-licht)}.zijbalk-kop{padding:14px 10px 6px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ingang{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--straal-klein);color:var(--inkt-zacht);font-size:var(--tekst);white-space:nowrap;overflow:hidden}.ingang svg{flex:none}.ingang:hover{background:var(--vlak-zacht);color:var(--inkt)}.ingang[aria-current=page]{background:var(--merk-zacht);color:var(--merk-donker);font-weight:600}.zijbalk-onder{margin-top:auto;padding-top:8px;border-top:1px solid var(--rand)}.werkblad{min-width:0;display:flex;flex-direction:column;min-height:calc(100dvh - var(--huisbalk))}.bovenbalk{position:-webkit-sticky;position:sticky;top:var(--huisbalk);z-index:20;gap:12px;padding:10px 24px;background:color-mix(in srgb,var(--papier) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rand);min-height:52px}.bovenbalk,.bovenbalk-rechts{display:flex;align-items:center}.bovenbalk-rechts{margin-left:auto;gap:8px;min-width:0}.blad{padding:24px;padding-bottom:calc(24px + var(--tabbalk));min-width:0;width:100%;max-width:1180px}.kop{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.kop-titel h1{font-size:22px;font-weight:650;letter-spacing:-.01em}.kop-titel p{margin-top:2px;color:var(--inkt-zacht);font-size:var(--klein)}.kop-acties{margin-left:auto;display:flex;gap:8px;flex:none}.knop{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--straal-klein);border:1px solid var(--rand-sterk);background:var(--vlak);color:var(--inkt);font-size:var(--klein);font-weight:550;cursor:pointer;white-space:nowrap}.knop:hover{background:var(--vlak-zacht)}.knop[data-soort=hoofd]{background:var(--merk);border-color:var(--merk);color:var(--merk-op)}.knop[data-soort=hoofd]:hover{background:var(--merk-donker);border-color:var(--merk-donker)}.knop[data-soort=kaal]{border-color:transparent;background:transparent;color:var(--inkt-zacht)}.knop[data-soort=kaal]:hover{background:var(--vlak-zacht);color:var(--inkt)}.knop:disabled{opacity:.45;cursor:not-allowed}.merkteken{justify-content:center;flex:none;background:var(--merk);color:var(--merk-op);border-radius:var(--straal-klein);font-weight:700;letter-spacing:-.01em}.merkteken,.speld{display:inline-flex;align-items:center}.speld{padding:2px 8px;border-radius:999px;font-size:var(--heel-klein);font-weight:550;background:var(--vlak-zacht);border:1px solid var(--rand);color:var(--inkt-zacht);white-space:nowrap}.speld[data-toon=klant]{background:#eaf3ee;border-color:#cfe3d7;color:var(--goed)}.speld[data-toon=prospect]{background:var(--merk-zacht);border-color:color-mix(in srgb,var(--merk) 22%,transparent);color:var(--merk-donker)}.speld[data-toon=gearchiveerd]{background:#f1f0ec;color:var(--inkt-licht)}.speld[data-toon=uit]{background:#f7ece7;border-color:#e6cec3;color:var(--let-op)}.lijst{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal);overflow:hidden}.lijst-tabel{width:100%;border-collapse:collapse;table-layout:fixed}.lijst-tabel th{text-align:left;font-size:var(--heel-klein);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--inkt-licht);padding:10px 16px;background:var(--vlak-zacht)}.lijst-tabel td,.lijst-tabel th{border-bottom:1px solid var(--rand)}.lijst-tabel td{padding:12px 16px;font-size:var(--klein);color:var(--inkt-zacht);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lijst-tabel td:first-child{color:var(--inkt);font-weight:550;font-size:var(--tekst)}.lijst-tabel tr:last-child td{border-bottom:none}.lijst-tabel tbody tr[data-klikbaar=ja]{cursor:pointer}.lijst-tabel tbody tr[data-klikbaar=ja]:hover td{background:var(--vlak-zacht)}.lijst-telefoon{display:none}.lijst-rij-telefoon{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;border-bottom:1px solid var(--rand);background:var(--vlak);text-align:left;cursor:pointer}.lijst-rij-telefoon:last-child{border-bottom:none}.lijst-rij-telefoon[data-klikbaar=nee]{cursor:default}.lijst-rij-telefoon b{display:block;font-size:var(--tekst);font-weight:550}.lijst-rij-telefoon small{display:block;font-size:var(--klein);color:var(--inkt-zacht)}.lijst-rij-tekst{min-width:0;flex:1 1}.lijst-rij-tekst b,.lijst-rij-tekst small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lijst-leeg{padding:32px 16px;text-align:center;color:var(--inkt-licht);font-size:var(--klein)}.lijst-voet{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid var(--rand);background:var(--vlak-zacht);font-size:var(--klein);color:var(--inkt-zacht)}.kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal);padding:16px}.kaart-kop{display:flex;align-items:center;gap:12px;margin-bottom:14px}.kaart-kop h2{font-size:17px;font-weight:620}.kaart-kop p{font-size:var(--klein);color:var(--inkt-zacht)}.kaart-kop:last-child{margin-bottom:0}.kaart-regels{display:grid;grid-template-columns:148px minmax(0,1fr);grid-gap:1px 16px;gap:1px 16px}.kaart-regels dt{color:var(--inkt-licht)}.kaart-regels dd,.kaart-regels dt{padding:7px 0;font-size:var(--klein)}.kaart-regels dd{margin:0;color:var(--inkt);overflow-wrap:anywhere}.kaart-strook{margin-top:14px;padding-top:14px;border-top:1px solid var(--rand)}.overlay-doek{position:fixed;inset:0;z-index:60;background:rgba(24,24,22,.34);display:flex;align-items:center;justify-content:center;padding:32px 20px}.overlay{width:100%;max-width:620px;max-height:min(84dvh,760px);display:flex;flex-direction:column;background:var(--vlak);border-radius:var(--straal-groot);box-shadow:var(--schaduw-laag);overflow:hidden}.overlay-kop{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--rand)}.overlay-kop h2{font-size:17px;font-weight:620}.overlay-kop p{font-size:var(--klein);color:var(--inkt-zacht)}.overlay-sluit{margin-left:auto;flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--straal-klein);background:transparent;color:var(--inkt-zacht);cursor:pointer}.overlay-sluit:hover{background:var(--vlak-zacht);color:var(--inkt)}.overlay-blad{padding:20px;overflow-y:auto}.overlay-voet{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid var(--rand);background:var(--vlak-zacht)}.overlay-voet-rechts{margin-left:auto;display:flex;gap:8px}.formulier{display:grid;grid-gap:14px;gap:14px}.veld{display:grid;grid-gap:5px;gap:5px;align-content:start}.veld>label{font-size:var(--klein);font-weight:550;color:var(--inkt-zacht)}.veld input,.veld select,.veld textarea{width:100%;padding:9px 11px;font:inherit;font-size:var(--klein);color:var(--inkt);background:var(--vlak);border:1px solid var(--rand-sterk);border-radius:var(--straal-klein)}.veld input:focus,.veld select:focus,.veld textarea:focus{outline:2px solid var(--merk);outline-offset:-1px;border-color:var(--merk)}.veld-uitleg{font-size:var(--heel-klein);color:var(--inkt-licht)}.veld-paar{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.schakelaar{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal);text-align:left;cursor:pointer}.schakelaar[data-uit-handen=ja]{background:var(--vlak-zacht);cursor:not-allowed}.schakelaar-tekst{min-width:0;flex:1 1}.schakelaar-tekst b{display:block;font-size:var(--klein);font-weight:600}.schakelaar-tekst small{display:block;font-size:var(--heel-klein);color:var(--inkt-zacht)}.schakelaar-knop{flex:none;width:40px;height:24px;border-radius:999px;border:1px solid var(--rand-sterk);background:#e7e6e1;position:relative;transition:background .12s ease}.schakelaar-knop:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:var(--vlak);box-shadow:var(--schaduw-zacht);transition:transform .12s ease}.schakelaar[data-aan=ja] .schakelaar-knop{background:var(--merk);border-color:var(--merk)}.schakelaar[data-aan=ja] .schakelaar-knop:after{transform:translateX(16px)}.schakelaar-melding{font-size:var(--heel-klein);color:var(--goed);flex:none}.panelen{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.panelen[data-kolommen="1"]{grid-template-columns:minmax(0,1fr)}.paneel-lijst{display:grid;grid-gap:10px;gap:10px}.paneel-regel{display:flex;align-items:center;gap:10px;font-size:var(--klein);color:var(--inkt-zacht)}.paneel-regel b{color:var(--inkt);font-weight:550}.paneel-regel time{margin-left:auto;font-size:var(--heel-klein);color:var(--inkt-licht);flex:none}.tabbalk{display:none}.tabbladen{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--rand);overflow:visible;flex-wrap:wrap}.tabblad{padding:9px 12px;font-size:var(--klein);font-weight:550;color:var(--inkt-zacht);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabblad[aria-current=page]{color:var(--merk-donker);border-bottom-color:var(--merk)}.tabblad:hover{color:var(--inkt)}.melding{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--straal);background:var(--merk-zacht);border:1px solid color-mix(in srgb,var(--merk) 20%,transparent);color:var(--merk-donker);font-size:var(--klein);margin-bottom:16px}.melding[data-toon=uit]{background:#f8efe9;border-color:#e7d2c6;color:var(--let-op)}.melding[data-toon=rustig]{background:var(--vlak);border-color:var(--rand);color:var(--inkt-zacht)}.melding-onderaan{margin-top:16px}.melding-onderaan .melding{margin-bottom:0}.kamer-uitleg{color:var(--inkt-zacht);font-size:var(--klein);max-width:62ch}.klantschil{min-height:100dvh;display:flex;flex-direction:column;background:var(--papier);padding-top:var(--huisbalk)}.klantkop{background:var(--merk);color:var(--merk-op);padding:18px 24px 0}.klantkop-bovenin{display:flex;align-items:center;gap:12px;max-width:980px;margin:0 auto;width:100%}.klantkop-bovenin b{font-size:17px;font-weight:620}.klantkop-bovenin small{display:block;font-size:var(--heel-klein);opacity:.82}.klantkop .merkteken{background:rgba(255,255,255,.16);color:var(--merk-op)}.klanttabs{display:flex;gap:2px;max-width:980px;margin:14px auto 0;width:100%;flex-wrap:wrap}.klanttab{padding:10px 14px;font-size:var(--klein);font-weight:550;color:rgba(255,255,255,.78);border-bottom:2px solid transparent;white-space:nowrap}.klanttab[aria-current=page]{color:var(--merk-op);border-bottom-color:var(--merk-op)}.klantblad{width:100%;max-width:980px;margin:0 auto;padding:24px;padding-bottom:calc(24px + var(--tabbalk))}.wissel-knop{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px dashed var(--rand-sterk);background:var(--vlak);font-size:var(--heel-klein);color:var(--inkt-zacht);cursor:pointer;white-space:nowrap}.wissel-knop:hover{color:var(--inkt);border-color:var(--inkt-licht)}.wissel-knop[data-op-merk=ja]{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);color:var(--merk-op)}.wissel-lijst{display:grid;grid-gap:8px;gap:8px}.wissel-keus{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--rand);border-radius:var(--straal);background:var(--vlak);text-align:left;cursor:pointer}.wissel-keus:hover{background:var(--vlak-zacht)}.wissel-keus[data-nu=ja]{border-color:var(--merk);background:var(--merk-zacht)}.wissel-keus b{display:block;font-size:var(--klein);font-weight:600}.wissel-keus small{display:block;font-size:var(--heel-klein);color:var(--inkt-zacht)}@media (min-width:768px) and (max-width:1099px){:root{--zijbalk:68px}.zijbalk{align-items:center;padding:16px 10px}.zijbalk-merk{padding:6px 0 14px}.zijbalk-kop,.zijbalk-merk-naam{display:none}.ingang{justify-content:center;padding:10px}.ingang span{display:none}.zijbalk-onder{width:100%}.blad{padding:20px}.bovenbalk{padding:10px 20px}.kaart-regels{grid-template-columns:132px minmax(0,1fr)}}@media (max-width:767px){:root{--zijbalk:0px;--tabbalk:64px;--tekst:16px;--klein:14px;--heel-klein:13px}.schil{grid-template-columns:minmax(0,1fr)}.zijbalk{display:none}.bovenbalk{padding:10px 16px}.blad,.klantblad{padding:16px;padding-bottom:calc(16px + var(--tabbalk))}.kop{flex-direction:column;align-items:stretch;gap:12px}.kop-acties{margin-left:0}.kop-acties .knop{flex:1 1}.lijst-tabel{display:none}.lijst-telefoon{display:block}.kaart-regels,.panelen,.veld-paar{grid-template-columns:minmax(0,1fr)}.kaart-regels{gap:0}.kaart-regels dt{padding:8px 0 0}.kaart-regels dd{padding:0 0 8px;border-bottom:1px solid var(--rand)}.kaart-regels dd:last-child{border-bottom:none}.overlay-doek{padding:0;align-items:flex-end}.overlay{max-width:none;max-height:94dvh;border-radius:var(--straal-groot) var(--straal-groot) 0 0}.klantkop{padding:14px 16px 0}.klanttabs{display:none}.tabbalk{position:fixed;inset:auto 0 0 0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);background:var(--vlak);border-top:1px solid var(--rand);padding-bottom:env(safe-area-inset-bottom)}.tabbalk-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:64px;border:none;background:transparent;color:var(--inkt-licht);font-size:11px;font-weight:550;cursor:pointer}.tabbalk-tab[aria-current=page],.tabbalk-tab[data-aan=ja]{color:var(--merk-donker)}.wissel-knop{padding:7px 9px}}.alleen-telefoon{display:none}.merkknop{border:none;background:transparent;width:100%;cursor:pointer;font:inherit;color:inherit}.merkknop:hover{background:var(--vlak-zacht);border-radius:var(--straal-klein)}.bovenbalk .zijbalk-merk{padding:0}.bovenbalk .zijbalk-merk-naam{display:block}.meer-lijst{display:grid;grid-gap:6px;gap:6px}.meer-lijst .ingang{padding:12px 10px}.meer-kop{padding:12px 10px 4px;font-size:var(--heel-klein);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--inkt-licht)}@media (max-width:767px){.alleen-telefoon{display:block}.niet-telefoon{display:none}}a>.kaart:hover{border-color:var(--rand-sterk);background:var(--vlak-zacht)}.staal{display:inline-flex;align-items:center;gap:8px}.staal>span{width:16px;height:16px;border-radius:4px;border:1px solid var(--rand-sterk)}.inlogblad{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--papier)}.inlogkaart{width:100%;max-width:380px;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--straal-groot);box-shadow:var(--schaduw-zacht);padding:28px 24px}.inlogkaart h1{margin:0;font-size:22px;letter-spacing:-.01em}.inlog-bijschrift{margin:6px 0 20px;font-size:var(--klein);color:var(--inkt-zacht)}.inlogkaart .melding{margin-bottom:16px}.inlogkaart .veld{margin-bottom:14px}.inlogkaart>.knop{width:100%;justify-content:center}.inlog-scheiding{margin:20px 0 12px;font-size:var(--heel-klein);color:var(--inkt-licht);text-align:center}.inlog-sso{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.inlog-sso .knop{justify-content:center}.paneel-wacht{margin:0;font-size:var(--klein);color:var(--inkt-zacht)}.veld-kleur{display:flex;gap:8px;align-items:stretch}.veld-kleur input[type=color]{width:44px;flex:none;padding:2px;cursor:pointer}.veld-kleur input[type=text]{flex:1 1;min-width:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wissel-nieuw{border-style:dashed}.wissel-plus{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border-radius:var(--straal-klein);border:1px dashed var(--rand-sterk);color:var(--inkt-zacht)}