.opv-bron{margin:8px 0 12px;font-size:var(--fs-meta);color:var(--ink-3)}.opv-groep{margin-top:20px}.opv-groep h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}.opv-telling{min-width:22px;padding:1px 7px;border-radius:var(--radius-sm);background:var(--line-2);color:var(--ink);font-size:var(--fs-tag);font-variant-numeric:tabular-nums;text-align:center;letter-spacing:0}.opv-overdue h2{color:var(--red-dark)}.opv-overdue .opv-telling{background:var(--red);color:var(--on-ink)}.opv-lijst{list-style:none;margin:0;padding:0;display:grid;gap:10px}.opv-item{background:var(--card);border:1px solid var(--line-2);border-left:4px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.opv-item.is-laat{border-left-color:var(--red)}.opv-link{display:block;padding:12px 14px 10px;color:inherit;text-decoration:none;line-height:1.3}.opv-link:active{background:var(--paper)}.opv-datum{display:flex;align-items:center;gap:8px;font-size:var(--fs-meta);font-weight:600;color:var(--ink-3)}.is-laat .opv-datum{color:var(--red-dark)}.opv-titel{display:block;margin-top:2px;font-size:17px}.opv-klant,.opv-notitie{display:block;margin-top:2px;font-size:14px;color:var(--ink-2)}.opv-klant:after{content:" ›";color:var(--ink-3)}.opv-label{display:inline-block;margin-top:4px;font-size:var(--fs-tag);font-weight:700;letter-spacing:.02em;line-height:1.4;padding:2px 7px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-2);background:var(--paper)}.opv-tabel .opv-label{display:table}.opv-acties{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 12px}.opv-acties .opv-btn{flex:1 1 auto;padding:0 10px;white-space:nowrap}.opv-btn{min-height:44px;padding:0 14px;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.opv-btn-primair{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.opv-btn:disabled{opacity:.5}.opv :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.opv-verplaats{padding:12px 14px 14px;background:var(--paper);border-top:1px solid var(--line-2)}.opv-snel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.opv-snel .opv-btn{padding:0 6px}.opv-datumform{display:grid;grid-template-columns:1fr auto;gap:4px 8px;margin-top:12px}.opv-datumform label{grid-column:1 / -1;font-size:var(--fs-meta);font-weight:600;color:var(--ink-2)}.opv-datumform input{min-height:44px;min-width:0;padding:0 10px;font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.opv-hint{margin:8px 0 0;font-size:var(--fs-meta);color:var(--ink-3)}.opv-toast{position:fixed;left:50%;bottom:calc(66px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:8px 8px 8px 16px;background:var(--ink);color:var(--on-ink);font-size:14px;border-radius:var(--radius-sm);box-shadow:var(--shadow)}.opv-toast :focus-visible{outline-color:var(--focus-on-ink)}.opv-toast button{flex:none;white-space:nowrap;min-height:40px;padding:0 10px;font:inherit;font-weight:700;color:var(--on-ink);background:none;border:1px solid var(--on-ink-line);border-radius:var(--radius-sm);cursor:pointer}.opv-tabel{width:100%;margin-top:8px;border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;font-size:14.5px;line-height:1.3}.opv-tabel th,.opv-tabel td{padding:10px 14px;text-align:left;vertical-align:middle}.opv-tabel thead th{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line)}.opv-groeprij th{padding-top:16px;padding-bottom:8px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);background:var(--paper);border-top:1px solid var(--line-2)}.opv-overdue .opv-groeprij th{color:var(--red-dark)}.opv-rij td{border-top:1px solid var(--line-2)}.opv-rij.is-laat td:first-child{box-shadow:var(--mark-left-urgent)}.opv-rij:hover td{background:var(--card-hover)}.opv-klantlink{font-weight:600;color:var(--ink);text-decoration-color:var(--line-strong);text-underline-offset:3px}.opv-sub{display:block;margin-top:2px;font-size:var(--fs-meta);color:var(--ink-3)}.opv-tabel .opv-titel{margin-top:0;font-size:15px}.opv-vervalt{font-size:var(--fs-meta);color:var(--ink-2)}.is-laat .opv-vervalt{color:var(--red-dark);font-weight:600}.opv-ingepland{font-weight:600;color:var(--ink)}.is-laat .opv-ingepland{color:inherit}.opv-tabel .opv-acties{flex-wrap:nowrap;justify-content:flex-end;padding:0}.opv-tabel .opv-acties .opv-btn{flex:none}.opv-verplaatsrij td{padding:0}.opv-verplaatsrij .opv-snel,.opv-verplaatsrij .opv-datumform,.opv-verplaatsrij .opv-hint{max-width:480px;margin-left:auto}.opv-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.is-wide .opv-toast{bottom:24px;left:calc(50% + var(--sidebar-w) / 2)}.tab-badge{min-width:20px;margin-left:6px;padding:1px 6px;border-radius:var(--radius-sm);background:var(--red);color:var(--on-ink);font-size:var(--fs-tag);font-weight:700;line-height:1.5;text-align:center}.diag-knop{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-2);font:inherit;font-size:var(--fs-tag);font-weight:600;padding:6px 12px;cursor:pointer}.diag-knop:hover{border-color:var(--ink-3)}.diag-fallback{flex-basis:100%}.diag-fallback textarea{width:100%;box-sizing:border-box;font-family:ui-monospace,monospace;font-size:12px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px;background:var(--card);color:var(--ink)}.diag-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;background:var(--ink);color:var(--card);border-radius:var(--radius-sm);padding:10px 16px;font-size:var(--fs-tag);box-shadow:var(--shadow)}.diag-details{flex-basis:100%;font-size:var(--fs-tag);color:var(--ink-2)}.diag-details summary{cursor:pointer;font-weight:600}.diag-details dl{margin:8px 0;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.diag-details dt{color:var(--ink-3)}.diag-details dd{margin:0;word-break:break-word}.diag-details .diag-ref{font-family:ui-monospace,monospace;font-weight:600}.sync-problemen{margin:8px 0 0;padding:12px;background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sync-problemen ul{flex-basis:100%;list-style:none;margin:0;padding:0;display:grid;gap:8px}.sync-problemen p{margin:0}.syncbadge{flex:none;display:inline-block;font-size:var(--fs-tag);font-weight:600;border-radius:var(--radius-sm);padding:3px 10px;white-space:nowrap;border:1px solid var(--line);color:var(--ink-2);background:var(--paper)}.syncbadge-bezig{border-color:var(--ink-3)}.syncbadge-gesynchroniseerd{color:var(--card);background:var(--ink);border-color:var(--ink)}.syncbadge-aandacht,.syncbadge-fout{color:var(--red-dark);background:var(--red-wash);border-color:var(--red)}.syncregel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.syncregel .veldhint{margin:0}.syncoverzicht{margin:16px 0 0;padding:14px 16px;background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow)}.syncoverzicht-kop{display:flex;align-items:center;justify-content:space-between;gap:8px}.syncoverzicht ul{list-style:none;margin:8px 0 0;padding:0}.syncoverzicht li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line-2);font-size:14px}.syncknop{flex:none;min-height:44px;padding:0 12px;font:inherit;font-size:14px;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--ink);border-radius:var(--radius-sm)}.syncknop:disabled{opacity:.5}.installatietip{margin:0 0 16px;padding:12px 14px;background:var(--paper-2);border-left:3px solid var(--ink-3);border-radius:var(--radius-sm);font-size:14px;color:var(--ink-2)}.installatietip p{margin:0 0 8px}.installatietip strong{color:var(--ink)}.bewaarstatus{display:inline-flex;align-items:center;gap:8px;min-width:0;font-size:var(--fs-meta);color:var(--ink-3)}.bewaarstatus-tekst{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bewaarstatus.is-fout{color:var(--red-dark);font-weight:600}.bewaarstatus-knop{flex:none;min-height:36px;padding:0 10px;font:inherit;font-size:var(--fs-tag);font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--ink);border-radius:var(--radius-sm);cursor:pointer}.update-melding{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:70;max-width:560px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--card);border:1px solid var(--ink);border-radius:var(--radius-sm);box-shadow:var(--shadow);font-size:var(--fs-tag)}.klanten{overflow-wrap:break-word}.klanten .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.klanten .veldhint{margin:7px 0 0;font-size:var(--fs-meta);color:var(--ink-3)}.sectiekop{display:flex;align-items:center;justify-content:space-between;gap:12px}.sectiekop{margin:24px 0 0;font-size:17px}.sectiekop h2{margin:0;font-size:17px}.melding{margin:8px 0 0;padding:10px 12px;font-size:14px;background:var(--card);border-left:3px solid var(--ink-3);border-radius:var(--radius-sm)}.melding-fout{background:var(--red-wash);border-left-color:var(--red);color:var(--ink)}.kbtn{font:inherit;font-weight:600;font-size:15px;border:1px solid transparent;border-radius:var(--radius-sm);min-height:var(--tap);padding:0 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:var(--ink);white-space:nowrap}.kbtn:disabled{opacity:.55;cursor:default}.kbtn-primary:active{background:var(--ink-2)}.kbtn-primary{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.kbtn-ghost{background:var(--card);border-color:var(--line)}.kbtn-sm{min-height:44px;font-size:13.5px;padding:0 12px}.kbtn-icon{min-height:44px;min-width:44px;padding:0;font-size:20px}.klanten label,.klanten legend{display:block;font-size:var(--fs-meta);font-weight:600;color:var(--ink-2);margin-bottom:5px;padding:0}.klanten input[type=text],.klanten input[type=search],.klanten input[type=number],.klanten select{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--field);border:1px solid var(--line-strong);padding:0 11px;min-height:var(--tap);border-radius:var(--radius-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none}.klanten select{padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat}.klanten input.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.klanten input:focus-visible,.klanten select:focus-visible{background-color:var(--card);border-color:var(--ink);outline:none;box-shadow:var(--focus-ring)}.klanten ::placeholder{color:var(--ink-4)}.veld{margin-bottom:12px}.zoek{margin:12px 0 0}.klantlijst{list-style:none;margin:8px 0 0;padding:0;background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.klantlijst li+li{border-top:1px solid var(--line-2)}.klantrij{display:grid;grid-template-columns:1fr auto;column-gap:12px;min-height:64px;padding:11px 16px;color:inherit;text-decoration:none;align-content:center}.klantrij:active{background:var(--paper)}.klantrij-naam{font-weight:600}.klantrij-sub{grid-row:2;font-size:var(--fs-meta);color:var(--ink-3)}.klantrij-nr{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:var(--fs-meta);color:var(--ink-3)}.terug{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2);font-weight:600;font-size:14px;text-decoration:none}.gegevens{margin:0}.gegevens-rij{display:grid;grid-template-columns:96px 1fr;gap:8px;padding:3px 0}.gegevens dt{font-size:var(--fs-meta);color:var(--ink-3)}.gegevens dd{margin:0}.gegevens a{color:var(--ink);text-decoration-color:var(--line-strong);text-underline-offset:3px}.kaarttitel{margin:4px 0 0;font-size:17px}.installatie-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.installatie:has(>.installatie-kop .typelabel.type-brand),.installatie:has(>.installatie-kop .typelabel.type-inbraak),.installatie:has(>.installatie-kop .typelabel.type-camera){border-left:4px solid var(--line)}.installatie:has(>.installatie-kop .typelabel.type-brand){border-left-color:var(--type-brand)}.installatie:has(>.installatie-kop .typelabel.type-inbraak){border-left-color:var(--type-inbraak)}.installatie:has(>.installatie-kop .typelabel.type-camera){border-left-color:var(--type-camera)}.installatie.is-inactief{background:var(--paper)}.installatie.is-inactief .kaarttitel{color:var(--ink-2)}.installatie-nr{margin:2px 0 0;font-size:var(--fs-meta);color:var(--ink-2)}.typelabel,.label{display:inline-block;font-size:var(--fs-tag);font-weight:700;letter-spacing:.02em;line-height:1.4;padding:2px 7px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-2);background:var(--paper)}.typelabel{border-color:var(--type, var(--ink-3));color:var(--type-on, var(--on-ink));background:var(--type, var(--ink-3))}.label{margin-left:6px;vertical-align:1px}.zonelijst{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.zonelijst li{font-size:14px;padding:3px 8px;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--radius-sm)}.zonelijst .mono{font-weight:700;margin-right:2px}.historiek{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2)}.historiek h4{margin:0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.historiek ul,.opvolglijst{list-style:none;margin:0;padding:0}.historiek-rij{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.historiek-rij+.historiek-rij{border-top:1px dashed var(--line-2)}.historiek-tekst{display:flex;flex-direction:column;min-width:0}.datum{font-weight:700;font-size:14px}.datum.laat{color:var(--red-dark)}.historiek-nr{color:var(--ink-3);font-size:var(--fs-meta)}.historiek-sub,.opvolg-sub{font-size:var(--fs-meta);color:var(--ink-3)}.opvolglijst li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:9px 0}.opvolglijst li+li{border-top:1px solid var(--line-2)}.opvolglijst .datum{min-width:96px}.opvolg-tekst{flex:1;min-width:160px}.instform{margin-top:12px}.zones{border:0;margin:4px 0 12px;padding:0;min-width:0}.zonerij{display:grid;grid-template-columns:64px 1fr 44px;gap:6px;margin-bottom:6px}.klanten input.zone-nr{padding:0 8px;text-align:center}.instform-acties{display:flex;gap:8px;margin-top:12px}.instform-acties .kbtn{flex:1}.historiek-rij{flex-wrap:wrap}.historiek-knoppen{display:flex;gap:8px}.historiek-delen{flex-basis:100%}.historiek-factuur{flex-basis:100%;margin-top:0}.klanten-panelen{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start}.klanten-lijstpaneel{position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:0 6px 16px 0}.klanten-detailpaneel{max-width:820px}.klanten-panelen .terug{display:none}.klanten-panelen .klantrij:hover{background:var(--paper)}.klantrij.is-gekozen{background:var(--paper);box-shadow:var(--mark-left)}.ef-bron{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.bron-badge{display:inline-block;font-size:var(--fs-tag);font-weight:600;padding:2px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-2);background:var(--card)}.bron-stand-groep{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.bron-stand{font-size:var(--fs-meta);color:var(--ink-3)}.klanten-bron{margin:2px 0 0}.kbtn-tekst{font:inherit;font-size:var(--fs-meta);font-weight:600;color:var(--ink-2);background:none;border:0;padding:0 4px;min-height:44px;margin:-10px 0;cursor:pointer;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.kbtn-tekst:disabled{opacity:.55;cursor:default}.klant-kop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px}.klant-bron{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 10px;margin-left:auto;font-size:var(--fs-meta)}.klant-nr{color:var(--ink-2)}.klant-bron .label{margin-left:0}.klanten-panelen .klant-bron-ef{display:none}.klanten-panelen .klant-bron{margin-left:0;justify-content:flex-start}.klant-tellers{list-style:none;margin:-4px -10px 0;padding:0;display:flex;flex-wrap:wrap;overflow:hidden;container-type:inline-size}.klant-tellers+.gegevens{margin-top:8px;padding-top:6px;border-top:1px solid var(--line-2)}.klant-tellers li{flex:1 1 30%;min-width:0;display:flex;margin:-1px 0 0 -1px;border-top:1px solid var(--line-2);border-left:1px solid var(--line-2)}@container (min-width: 600px){.klant-tellers li{flex-basis:auto}}.klant-teller{font:inherit;flex:1 1 auto;min-width:0;min-height:48px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 6px;background:none;border:0;color:var(--ink);text-align:center}.klant-teller strong{font-size:19px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.klant-teller span{font-size:var(--fs-tag);line-height:1.2;color:var(--ink-3)}.klant-teller.is-stil strong{font-weight:400;color:var(--ink-4)}button.klant-teller{cursor:pointer}button.klant-teller span{text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}button.klant-teller:hover{background:var(--paper)}button.klant-teller:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.sectiekop{scroll-margin-top:76px}.sectiekop:focus:not(:focus-visible),.sectiekop h2:focus:not(:focus-visible){outline:none}.sectiekop.is-leeg{margin-top:14px}.sectiekop.is-leeg,.sectiekop.is-leeg h2{font-size:15px;font-weight:600;color:var(--ink-3)}.klantkaart{padding-top:10px;padding-bottom:10px}.klantkaart .gegevens-rij{padding:2px 0;line-height:1.35}.gegevens-adresrij{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px}.gegevens-adres{flex:1 1 10em;min-width:0}.offertes{margin:0 0 14px;padding:0 12px;background:var(--paper);border-left:3px solid var(--ink-3);border-radius:var(--radius-sm)}.offertes[open]{padding-bottom:10px}.offertes-kop{display:flex;align-items:center;min-height:44px;padding:8px 22px 8px 0;position:relative;cursor:pointer;list-style:none;font-size:14px;font-weight:600;color:var(--ink-2);line-height:1.3}.offertes-kop::-webkit-details-marker{display:none}.offertes-kop:after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg)}.offertes[open]>.offertes-kop:after{margin-top:-2px;transform:rotate(-135deg)}.offertes[open]>.offertes-kop{border-bottom:1px solid var(--line-2)}.offertes-lijst{list-style:none;margin:0;padding:0}.offertes-lijst>li+li{border-top:1px solid var(--line-2)}.offerte summary{display:block;min-height:44px;padding:8px 22px 8px 0;position:relative;cursor:pointer;list-style:none;line-height:1.3}.offerte summary::-webkit-details-marker{display:none}.offerte summary:after{content:"";position:absolute;right:4px;top:14px;width:8px;height:8px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg)}.offerte[open] summary:after{top:18px;transform:rotate(-135deg)}.offerte-hoofd{display:flex;justify-content:space-between;gap:10px;font-size:15px}.offerte-hoofd strong{min-width:0;overflow-wrap:anywhere}.offerte-bedrag{font-weight:700;white-space:nowrap}.offerte-bedrag small{font-weight:400;font-size:var(--fs-meta);color:var(--ink-3)}.offerte-sub,.offerte-ref{display:flex;flex-wrap:wrap;gap:0 10px;font-size:var(--fs-meta);color:var(--ink-3)}.offerte-status.is-vervallen{color:var(--red-dark);font-weight:600}.offerte-lijnen{list-style:none;margin:0 0 6px;padding:6px 0 0;border-top:1px dashed var(--line)}.offerte-lijnen li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:14px}.offerte-lijnen li.is-tekst{font-weight:600;color:var(--ink-2)}.offerte-lijn{min-width:0;overflow-wrap:anywhere}.offerte-lijn small{display:block;font-size:var(--fs-meta);color:var(--ink-3)}.offerte-lijnen .mono{white-space:nowrap}.offerte-totaal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 10px;margin:0 0 8px;font-size:var(--fs-meta);color:var(--ink-3)}.offerte-geen{margin:0 0 8px;font-size:var(--fs-meta);color:var(--ink-3)}.offertes-bron{margin:6px 0 0;font-size:var(--fs-meta);color:var(--ink-3)}.offertes-kaart{padding-top:6px;padding-bottom:12px}.veldknop{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 12px;font:inherit;font-size:15px;font-weight:600;line-height:1.2;color:var(--ink);background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius-sm);text-decoration:none;cursor:pointer}.veldknop svg{flex:none}.veldknop:active{background:var(--card-sunken)}.veldknop:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.veldknop.is-compact{min-height:44px;padding:0 10px;font-size:14px}.is-wide .veldknop:hover{background:var(--card-hover)}.navkeuze-achtergrond{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:var(--scrim)}.navkeuze{width:100%;max-width:720px;display:grid;gap:10px;padding:20px 16px calc(16px + env(safe-area-inset-bottom));color:var(--ink);background:var(--card);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow)}.navkeuze h2{margin:0;font-size:20px}.navkeuze p{margin:0 0 4px;font-size:var(--fs-meta);color:var(--ink-3)}.navkeuze .navkeuze-optie{min-height:var(--tap);font-size:17px}.navkeuze-sluit{min-height:44px;font:inherit;font-weight:600;color:var(--ink-2);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.is-wide .navkeuze-achtergrond{align-items:center}.is-wide .navkeuze{max-width:420px;border-radius:var(--radius)}.plan{--topbar-h: calc(51px + env(safe-area-inset-top)) ;overflow-wrap:break-word}.plan :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.plan .btn{font:inherit;font-weight:600;font-size:15px;border:1px solid transparent;border-radius:var(--radius-sm);min-height:var(--tap);padding:0 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.plan .btn:disabled{opacity:.45;cursor:default}.plan .btn-primary:active{background:var(--ink-2)}.plan .btn-primary{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.plan .btn-ghost{background:var(--card);color:var(--ink);border-color:var(--line)}.plan .btn-gevaar{background:var(--card);color:var(--ink);border-color:var(--line-strong)}.plan .btn-sm{min-height:44px;font-size:13.5px;padding:0 12px}.plan label,.plan legend{display:block;font-size:var(--fs-meta);font-weight:600;color:var(--ink-2);margin-bottom:5px;padding:0}.plan input[type=search],.plan input[type=date],.plan input[type=time],.plan textarea,.plan select{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--field);border:1px solid var(--line-strong);padding:0 11px;min-height:var(--tap);border-radius:var(--radius-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none}.plan select{padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat}.plan textarea{padding:12px 11px;line-height:1.4;resize:vertical;min-height:80px}.plan input:focus-visible,.plan textarea:focus-visible,.plan select:focus-visible{background-color:var(--card);border-color:var(--ink);outline:none;box-shadow:var(--focus-ring)}.plan ::placeholder{color:var(--ink-4)}.plan .veldhint{margin:7px 0 0;font-size:var(--fs-meta);color:var(--ink-3)}.plan-melding,.plan-fout{margin:0 0 12px;padding:10px 12px;font-size:14px;border-left:3px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink-2)}.plan-fout{border-left-color:var(--red);background:var(--red-wash);color:var(--red-dark)}.afspraken{display:grid;gap:10px}.afspraak{display:grid;grid-template-columns:1fr auto;gap:3px 10px;width:100%;text-align:left;font:inherit;color:inherit;text-decoration:none;cursor:pointer;background:var(--card);border:1px solid var(--line-2);border-left:4px solid var(--type, var(--ink));border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px;min-height:var(--tap)}.afspraak:active{background:var(--card-hover)}.afspraak.is-afgewerkt{background:var(--card-sunken)}.afspraak.is-geannuleerd{opacity:.6}.afspraak.is-geannuleerd .afspraak-klant{text-decoration:line-through}.afspraak-tijd{grid-column:1;font-size:15px;font-weight:700}.afspraak-kop{grid-column:2;grid-row:1;display:flex;gap:6px;align-items:center}.afspraak-klant{grid-column:1 / -1;font-size:17px;line-height:1.25}.afspraak-regel,.afspraak-notitie,.afspraak-hint{grid-column:1 / -1;font-size:14px;color:var(--ink-2)}.afspraak-notitie{margin-top:4px;padding-left:8px;border-left:2px solid var(--line);color:var(--ink-3)}.afspraak-hint{font-size:var(--fs-meta);color:var(--ink-3)}.afspraak-nummer{white-space:nowrap}.typechip,.statuschip{font-size:var(--fs-tag);font-weight:700;letter-spacing:.02em;line-height:1.4;padding:2px 7px;white-space:nowrap;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-2)}.typechip{border-color:var(--type, var(--ink-3));background:var(--type, var(--ink-3));color:var(--type-on, var(--on-ink))}.statuschip{background:var(--card)}.statuschip.is-bezig{border-color:var(--ink);color:var(--ink)}.statuschip.is-afgewerkt{border-color:var(--line-2);background:var(--paper);color:var(--ink-2)}.statuschip.is-geannuleerd{border-style:dashed;border-color:var(--line-strong);color:var(--ink-3)}.plan-kop{margin:26px 0 4px;font-size:19px}.plan-dag{margin-top:18px;scroll-margin-top:calc(var(--topbar-h) + 10px)}.plan-dagrij{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.plan-dagkop{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--ink-2)}.plan-dagkop:first-letter{text-transform:uppercase}.plan-dagrij .plan-dagkop{margin:0}.plan-dag.is-vandaag .plan-dagkop{color:var(--ink)}.plan-vandaag{margin-left:8px;padding:1px 6px;font-size:var(--fs-tag);font-weight:700;color:var(--on-ink);background:var(--ink);border-radius:var(--radius-sm);vertical-align:1px}.plan-kaart{display:grid;gap:4px;min-width:0}.plan-wacht{padding-left:2px;font-size:var(--fs-tag);font-weight:600;color:var(--ink-3)}.plan-titelrij{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.plan-titelacties{display:flex;align-items:center;gap:16px}.plan .plan-schakel{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;font-size:14px;cursor:pointer}.plan-schakel input{width:18px;height:18px;margin:0;accent-color:var(--ink);cursor:pointer}.plan-weeknav{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px}.plan-weeknav .btn{font-size:22px;padding:0}.plan-week{text-align:center;line-height:1.25}.plan-week strong{display:block;font-size:17px}.plan-week span{font-size:var(--fs-meta);color:var(--ink-3)}.plan-terug{display:block;margin:6px auto 0;min-height:36px;font:inherit;font-size:var(--fs-meta);font-weight:600;color:var(--ink);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.plan-strip{list-style:none;margin:12px 0 14px;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.plan-strip button{width:100%;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 0;min-height:var(--tap);font:inherit;color:var(--ink-2);background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius-sm);cursor:pointer}.plan-strip span{font-size:13px;text-transform:capitalize}.plan-strip strong{font-size:16px;color:var(--ink)}.plan-strip .is-vandaag{border-color:var(--ink);box-shadow:var(--focus-ring)}.plan-teller{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink-2)}.plan-sheet{border:0;padding:0;margin:auto auto 0;width:100%;max-width:720px;max-height:94dvh;overflow-y:auto;background:var(--card);color:var(--ink);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow)}.plan-sheet::backdrop{background:var(--scrim)}.plan-sheet-in{padding:14px 16px calc(18px + env(safe-area-inset-bottom))}.plan-sheet-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.plan-sheet-kop h2{margin:0;font-size:20px}.plan-veld{margin:0 0 14px;padding:0;border:0;min-width:0}.plan-rij{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-rij .plan-veld{margin-bottom:0}.plan-rij-wanneer{row-gap:14px}.plan-veld-datum{grid-column:1 / -1}.plan-rij+.veldhint{margin-bottom:14px}.plan-segment{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.plan .plan-segment label{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;margin:0;font-size:14.5px;color:var(--ink);background:var(--field);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer}.plan .plan-segment label.is-gekozen{background:var(--type, var(--ink));border-color:var(--type, var(--ink));color:var(--type-on, var(--on-ink));font-weight:700}.plan-segment-vink{font-weight:700;line-height:1}.plan-segment input{position:absolute;opacity:0;pointer-events:none}.plan-segment label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.plan-keuzelijst{list-style:none;margin:6px 0 0;padding:0;border-top:1px solid var(--line-2)}.plan-keuzelijst button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:8px 4px;font:inherit;text-align:left;color:var(--ink);background:none;border:0;border-bottom:1px solid var(--line-2);cursor:pointer}.plan-keuzelijst span{font-size:var(--fs-meta);color:var(--ink-3)}.plan-leeg{padding:12px 4px;font-size:14px;color:var(--ink-3)}.plan-keuzekop{margin:10px 0 0;font-size:var(--fs-tag);font-weight:700;letter-spacing:.02em;color:var(--ink-3)}.plan-keuzekop+.plan-keuzelijst{margin-top:4px}.plan-linkknop{padding:0;font:inherit;font-weight:600;color:var(--ink);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.plan-linkknop:disabled{color:var(--ink-3);cursor:default}.plan-gekozen{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:var(--tap);padding:4px 4px 4px 12px;background:var(--paper);border-left:3px solid var(--ink);border-radius:var(--radius-sm)}.plan-acties{display:grid;gap:8px;margin-top:6px}.plan-annuleer{margin-top:18px;padding-top:14px;border-top:1px solid var(--line-2);display:grid}.plan-toast{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;background:var(--ink);color:var(--on-ink);font-size:14px;padding:11px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow);width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:12px}.plan-toast:has(button){padding:8px 8px 8px 16px}.plan-toast :focus-visible{outline-color:var(--focus-on-ink)}.plan-toast button{flex:none;white-space:nowrap;min-height:40px;padding:0 10px;font:inherit;font-weight:700;color:var(--on-ink);background:none;border:1px solid var(--on-ink-line);border-radius:var(--radius-sm);cursor:pointer}.plan-historiek{margin:14px 0 0;border-top:1px solid var(--line-2)}.plan-historiek summary{display:flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;color:var(--ink-2);cursor:pointer}.plan-historiek summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.plan-historiek ol{list-style:none;margin:0 0 4px;padding:0}.plan-historiek li{padding:6px 0;font-size:var(--fs-meta);line-height:1.4;color:var(--ink-2);border-bottom:1px solid var(--line-2)}.plan-historiek li:last-child{border-bottom:0}.plan-historiek .is-wachtend{color:var(--ink-3);font-style:italic}.plan-historiek .veldhint{margin:0 0 8px}.is-wide .afspraak:hover{background:var(--card-hover)}.is-wide .afspraken{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.is-wide .plan-weeknav{grid-template-columns:48px auto 48px;justify-content:start;gap:12px}.is-wide .plan-week{min-width:150px}.is-wide .plan-terug{margin:6px 0 0}.plan-raster{display:grid;grid-template-columns:repeat(var(--dagen, 7),minmax(128px,1fr));gap:8px;margin-top:16px;overflow-x:auto}.plan-kolom{min-width:0;min-height:280px;display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--card-wash);border:1px solid var(--line-2);border-top:3px solid var(--line);border-radius:var(--radius)}.plan-kolom.is-vandaag{border-color:var(--line);border-top-color:var(--ink);background:var(--card)}.plan-kolom.is-klikbaar{cursor:pointer}.plan-kolom.is-klikbaar:hover{border-color:var(--line);background:var(--card)}.plan-kolom.is-doel,.plan-kolom.is-doel:hover{border-color:var(--ink);background:var(--card);box-shadow:var(--focus-ring)}.plan-kaart.is-versleepbaar .afspraak{cursor:grab;-webkit-user-select:none;user-select:none}.plan-kaart.is-gesleept{position:relative;z-index:5;pointer-events:none;opacity:.85}.plan-raster.is-slepen,.plan-raster.is-slepen *{cursor:grabbing;-webkit-user-select:none;user-select:none}.plan-kolomkop{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 5px;font-size:13px;font-weight:600;color:var(--ink-2)}.plan-kolomkop>span:first-child{text-transform:capitalize}.plan-kolomkop strong{font-size:20px;color:var(--ink)}.plan-kolom .plan-vandaag{margin-left:auto}.is-wide .plan-raster .afspraken{grid-template-columns:minmax(0,1fr);gap:6px}.plan-raster .afspraak{grid-template-columns:minmax(0,1fr);gap:2px;min-height:0;padding:8px 9px;border-left-width:4px;overflow:hidden;overflow-wrap:normal}.plan-raster .afspraak>*{min-width:0}.plan-raster .afspraak-tijd{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-raster .afspraak-kop{grid-column:1;grid-row:auto;flex-wrap:wrap;gap:4px}.plan-raster .typechip,.plan-raster .statuschip{font-size:11px;padding:1px 5px}.plan-raster .statuschip{white-space:normal}.plan-raster .afspraak-klant{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.plan-raster .afspraak-regel,.plan-raster .afspraak-notitie{font-size:13px}.plan-raster .afspraak-adres{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-raster .afspraak-installatie>span{display:inline-block;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.plan-raster .afspraak-notitie{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-wide .plan-sheet{margin:auto;width:calc(100% - 48px);max-width:880px;max-height:calc(100dvh - 32px);border-radius:var(--radius)}.is-wide .plan-sheet-in{padding:14px 20px 18px}.is-wide .plan-sheet-velden{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px;align-items:start}.is-wide .plan-segment{grid-template-columns:repeat(4,1fr)}.is-wide .plan-keuzelijst{max-height:220px;overflow-y:auto}.is-wide .plan-keuzelijst button{min-height:44px}.is-wide .plan-rij-wanneer{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}.is-wide .plan-veld-datum{grid-column:auto}.is-wide .plan-voet{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.is-wide .plan-acties{display:flex;margin-top:0}.is-wide .plan-annuleer{margin:0;padding:0;border-top:0}.is-wide .plan-toast{bottom:24px;left:calc(50% + var(--sidebar-w) / 2)}.vandaag .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tijdlijn{list-style:none;margin:0;padding:0}.tijdlijn-item{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:12px;align-items:start}.tijdlijn-tijd{position:relative;align-self:stretch;display:flex;flex-direction:column;padding:12px 12px 0 0;border-right:2px solid var(--line);font-size:21px;font-weight:700;line-height:1.15;white-space:nowrap}.tijdlijn-tijd:after{content:"";position:absolute;top:19px;right:-7px;width:12px;height:12px;background:var(--type, var(--ink));border:2px solid var(--paper);border-radius:var(--radius-round)}.tijdlijn-eind{margin-top:3px;font-size:var(--fs-meta);font-weight:600;color:var(--ink-3)}.tijdlijn-tijd.is-heledag{font-size:var(--fs-meta);line-height:1.3}.tijdlijn-item.is-afgewerkt .tijdlijn-tijd{color:var(--ink-3)}.vandaag-eerder{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin-bottom:14px;padding:10px 14px;font:inherit;font-size:var(--fs-meta);font-weight:600;color:var(--ink-2);text-align:left;background:var(--card);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);cursor:pointer}.vandaag-eerder-actie{flex-shrink:0;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.vandaag-klaar{margin:0 0 14px;color:var(--ink-3)}.veldkaart{min-width:0;display:grid;gap:4px;margin-bottom:14px;padding:12px 14px 14px;background:var(--card);border:1px solid var(--line-2);border-left:4px solid var(--type, var(--ink));border-radius:var(--radius);box-shadow:var(--shadow)}.tijdlijn-item:last-child .veldkaart{margin-bottom:0}.tijdlijn-item.is-afgewerkt .veldkaart{background:var(--card-sunken)}.veldkaart-kop{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.veldkaart-klant{margin:2px 0 0;font-size:19px;line-height:1.25}.veldkaart-regel{margin:0;font-size:15px;color:var(--ink-2)}.veldkaart-deel{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.veldkaart-notitie{margin:4px 0 0;padding-left:8px;font-size:var(--fs-meta);color:var(--ink-3);border-left:2px solid var(--line)}.veldkaart-acties{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin-top:8px}.veldkaart-acties:empty{display:none}.plan .veldkaart-start{width:100%;min-height:56px;margin-top:8px;font-size:17px}.plan .btn-donker{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.plan .btn-donker:active{background:var(--ink-2)}.veldkaart-geensjabloon{margin:10px 0 0;font-size:var(--fs-meta);color:var(--ink-3)}.volgende{margin-top:20px}.volgende-titel{margin:0 0 8px;font-size:19px}.volgende-kaart{position:relative;margin-bottom:0}.volgende-tijd{font-size:21px;font-weight:700;line-height:1.15}.volgende-kaart .veldkaart-start:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius)}.volgende-kaart .veldkaart-acties{position:relative;z-index:1}.volgende-kaart:has(.veldkaart-start:active){background:var(--card-sunken)}.werkbon .volgende-kaart .veldkaart-start{width:100%;min-height:56px;margin-top:8px;font-size:17px}.volgende-leeg{margin:0;color:var(--ink-3)}.komend-dag{margin-top:14px}.komend-lijst{list-style:none;margin:0;padding:0;overflow:hidden;background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius)}.komend-lijst li+li{border-top:1px solid var(--line-2)}.komend-rij{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:6px 12px 6px 10px;color:inherit;text-decoration:none;border-left:4px solid var(--type, var(--line))}.komend-rij:active{background:var(--card-sunken)}.komend-rij:focus-visible{outline-offset:-3px}.komend-tijd{font-size:15px;font-weight:700}.komend-tijd.is-heledag{font-size:var(--fs-tag);color:var(--ink-2)}.komend-klant,.komend-plaats{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.komend-klant{font-weight:600}.komend-plaats{max-width:9em;font-size:var(--fs-meta);color:var(--ink-3)}.is-wide .vandaag-indeling{display:grid;grid-template-columns:minmax(0,720px) minmax(280px,380px);gap:40px;align-items:start}.is-wide .vandaag-komend .plan-kop{margin-top:0}.is-wide .komend-rij:hover{background:var(--card-hover)}.vandaag-zonder{margin:4px 0 12px}.plan .veldkaart-start-klein{min-height:44px;margin-top:8px;padding:0 16px;font-size:15px;width:auto;align-self:flex-start}.statuschip.is-volgende{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.statuschip.is-gedaan{border-color:var(--line-2);background:var(--paper);color:var(--ink-2)}.statuschip.is-te-laat{border-color:var(--red);background:var(--red-wash);color:var(--red-dark)}.veldknop-leeg{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:0 8px;font-size:var(--fs-meta);line-height:1.2;text-align:center;overflow-wrap:anywhere;color:var(--ink-3)}.bevestig{border:0;padding:0;margin:auto;width:calc(100% - 28px);max-width:430px;background:var(--card);color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);font-family:var(--sans);font-size:16px;line-height:1.45}.bevestig.is-wide{max-width:480px}.bevestig::backdrop{background:var(--scrim)}.bevestig-in{padding:18px 16px 16px}.bevestig h2{margin:0 0 6px;font-size:20px;letter-spacing:-.01em}.bevestig-tekst{margin:0;font-size:15px;color:var(--ink-2)}.bevestig-lijst{list-style:none;margin:10px 0 0;padding:0;border-top:1px solid var(--line-2)}.bevestig-lijst li{padding:10px 0;border-bottom:1px solid var(--line-2);font-size:14.5px;font-weight:600;line-height:1.35}.bevestig-vraag{margin-top:12px}.bevestig-acties{display:flex;flex-direction:column;gap:8px;margin-top:18px}.bevestig.is-wide .bevestig-acties{flex-direction:row-reverse;justify-content:flex-start}.bevestig .btn{font:inherit;font-weight:600;font-size:15px;border:1px solid transparent;border-radius:var(--radius-sm);min-height:var(--tap);padding:0 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center}.bevestig .btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.bevestig.is-wide .btn{min-height:44px}.bevestig .btn-primary{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.bevestig .btn-primary:active{background:var(--ink-2)}.bevestig .btn-danger{background:var(--red);color:var(--on-ink);border-color:var(--red-dark)}.bevestig .btn-danger:active{background:var(--red-dark)}.bevestig .btn-ghost{background:var(--card);color:var(--ink);border-color:var(--line)}.delen{display:flex;flex-direction:column;gap:8px}.delen-knoppen{display:flex;flex-wrap:wrap;gap:8px}.delen-knoppen>*{flex:1 1 auto}.delen-info,.delen-melding{margin:0;font-size:var(--fs-meta);color:var(--ink-3)}.delen-melding{padding:8px 10px;color:var(--ink);background:var(--card);border-left:3px solid var(--ink-3);border-radius:var(--radius-sm)}.delen-fout{background:var(--red-wash);border-left-color:var(--red)}.delen-url{width:100%;min-height:44px;padding:0 10px;font:inherit;font-size:var(--fs-meta);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--card);color:var(--ink)}.delen-meer{position:relative}.delen-meer>summary{list-style:none;cursor:pointer;text-align:center}.delen-meer>summary::-webkit-details-marker{display:none}.delen-menu{position:absolute;right:0;bottom:calc(100% + 4px);z-index:5;min-width:180px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:4px}.delen-menu-danger{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;text-align:left;background:none;border:0;font:inherit;color:var(--red-dark);padding:10px 12px;cursor:pointer}.delen-menu-danger:disabled{color:var(--ink-3);cursor:default}.artikeltypes .at-bediening{display:grid;gap:8px;margin:12px 0}.artikeltypes .wb-filter{margin:0}.at-selectiebalk{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;margin-bottom:8px;border:1px solid var(--ink);border-radius:var(--radius-sm);background:var(--card)}.at-lijst{list-style:none;margin:0;padding:0;display:grid;gap:8px}.at-rij{background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);padding:10px 12px}.at-kop{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.at-vink{width:24px;height:24px;align-self:center}.at-code{font-size:var(--fs-tag);color:var(--ink-3)}.at-naam{flex:1 1 140px;min-width:0;font-weight:600;overflow-wrap:anywhere}.at-prijs{color:var(--ink-2)}.at-knoppen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.at-knop{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px;padding:0 4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink-2);font:inherit;font-size:var(--fs-tag);font-weight:600;cursor:pointer}.at-knop.is-aan{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.at-knop:disabled{opacity:.6;cursor:default}.at-status{margin:6px 0 0;font-size:var(--fs-tag);color:var(--ink-3)}.at-plan{border:0;padding:0;margin:12px 0 0}.at-plan legend{font-weight:600;margin-bottom:4px}.at-plan-keuze{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.at-dialoogacties{display:grid;gap:8px;margin-top:16px}.at-toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:11px 16px;border-radius:var(--radius-sm);background:var(--ink);color:var(--on-ink);font-size:14px;box-shadow:var(--shadow)}.at-toast-fout{background:var(--red-dark)}.art-sync-fout{color:var(--red-dark)}.kiezer-type{display:inline-block;margin-left:8px;padding:0 6px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--fs-tag);font-weight:600;color:var(--ink-2)}.kiezer-alle{display:block;margin:8px 16px 0}.at-apart{width:100%;margin-top:6px;border-style:dashed}.kiezer-apart{border-style:dashed}.wb-filter{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}.wb-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink-2);font:inherit;font-size:var(--fs-tag);font-weight:600;cursor:pointer}.wb-chip.is-gekozen{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.wb-chip:disabled{color:var(--ink-3);cursor:default}.wb-lijst{list-style:none;margin:0;padding:0;display:grid;gap:8px}.wb-rij{background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px}.wb-rij-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.wb-klant{min-width:0;overflow-wrap:anywhere}.wb-regel,.wb-reden{margin:4px 0 0;color:var(--ink-2)}.wb-rij.is-fout .wb-reden{color:var(--red-dark)}.wb-acties{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.statuschip.is-wacht,.statuschip.is-concept,.statuschip.is-onvolledig,.statuschip.is-verzonden{background:var(--card)}.statuschip.is-verzonden{border-color:var(--ink);color:var(--ink)}.wb-toestel{display:inline-block;margin:2px 0 6px;padding:2px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink-2);font-size:var(--fs-tag);font-weight:700}.exporteren fieldset{border:0;margin:16px 0 0;padding:0;min-width:0}.exporteren input[type=month],.exporteren input[type=date]{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--field);border:1px solid var(--line-strong);padding:0 11px;min-height:var(--tap);border-radius:var(--radius-sm)}.exporteren input[type=month]:focus-visible,.exporteren input[type=date]:focus-visible{background-color:var(--card);border-color:var(--ink);outline:none;box-shadow:var(--focus-ring)}.export-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.exporteren .export-tab{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;font-size:14px;font-weight:600;color:var(--ink-2);background:var(--card);cursor:pointer}.exporteren .export-tab.is-actief{background:var(--ink);color:var(--on-ink)}.export-tab input{position:absolute;opacity:0;pointer-events:none}.export-tab:has(input:focus-visible){outline:2px solid var(--on-ink);outline-offset:-4px;box-shadow:var(--focus-ring)}.export-snel{display:flex;gap:8px;margin-top:8px}.export-datums{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-types{display:grid;grid-template-columns:1fr 1fr;gap:8px}.exporteren .export-type{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:0 12px;font-size:15px;font-weight:500;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.export-type input{width:20px;height:20px;accent-color:var(--ink)}.export-acties{margin-top:16px}.export-acties .kbtn{width:100%}.export-voortgang{margin-top:14px}.export-voortgang progress{width:100%;height:10px;accent-color:var(--ink)}.export-fouttitel{margin:0 0 6px;font-weight:600}.export-fouten{margin:0;padding-left:18px;font-size:var(--fs-meta)}.export-fouten li+li{margin-top:6px}.export-fouten .mono{font-size:13px;word-break:break-all}.is-wide .exporteren{max-width:688px;margin:0 auto}.handover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);font-size:18px;line-height:1.4;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.handover-achtergrond{position:fixed;top:-60vh;right:0;bottom:-60vh;left:0;z-index:999;background:var(--paper)}.handover-pagina{flex:1 0 auto;padding:18px 16px 16px}.handover-volledig{margin-top:12px}.handover-volledig>summary{display:flex;align-items:center;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);font-weight:600;cursor:pointer}.handover-volledig[open]>summary{margin-bottom:4px}.handover-totaalregel{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:14px 0 6px;padding:10px 14px;border:1px solid var(--line-2);border-left:4px solid var(--ink);border-radius:var(--radius);background:var(--card);font-size:17px}.handover-totaalregel strong{font-size:22px}.handover h1{margin:0 0 12px;font-size:26px;line-height:1.15}.handover h1:focus{outline:none}.handover h2{margin:20px 0 8px;padding-bottom:4px;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);border-bottom:2px solid var(--line-2)}.handover dl,.handover dd{margin:0}.handover-kop{display:grid;gap:6px;background:var(--card);border:1px solid var(--line-2);border-left:4px solid var(--ink);border-radius:var(--radius);padding:10px 14px}.handover-kop div{display:grid;grid-template-columns:4.2em minmax(0,1fr);gap:8px;align-items:baseline}.handover-kop dt,.handover-werk dt{font-size:14px;color:var(--ink-3)}.handover-kop dd strong,.handover-kop dd span{display:block}.handover-kop dd strong{font-size:19px}.handover-werk{display:grid;gap:12px}.handover-werk dd{font-weight:600;white-space:pre-line}.handover-leeg{margin:0;color:var(--ink-3)}.handover-lijnen,.handover-opvolging{list-style:none;margin:0;padding:0}.handover-lijnen li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-2)}.handover-lijn-naam{min-width:0;font-weight:600}.handover-lijn-naam small{display:block;font-size:15px;font-weight:400;color:var(--ink-2)}.handover-bedrag{flex:none;font-weight:600}.handover-totaal{display:grid;gap:2px;margin-top:8px;font-size:16px}.handover-totaal div{display:flex;justify-content:space-between;gap:12px}.handover-totaal .is-incl{font-size:18px;font-weight:700}.handover-opvolging li{padding:6px 0 6px 20px;position:relative}.handover-opvolging li:before{content:"";position:absolute;left:2px;top:.95em;width:8px;height:2px;background:var(--ink-3)}.handover-balk{position:sticky;bottom:0;z-index:1;flex:none;background:var(--card);border-top:1px solid var(--line);box-shadow:var(--shadow);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.handover-akkoord{margin:0 0 8px;font-size:14px;color:var(--ink-2)}.handover .sigpad{height:clamp(120px,calc(var(--handover-h, 100dvh) * .3),240px)}.handover-naam{margin:6px 0 10px;font-size:16px}.handover-naam span{color:var(--ink-3)}.handover-acties{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px}.handover .btn{font-size:17px;min-height:56px;padding:0 12px}.handover .btn:disabled{opacity:.45;cursor:not-allowed}.handover-klaar{align-items:center;justify-content:center;text-align:center;background:var(--ink);color:var(--on-ink)}.handover-klaar :focus-visible{outline-color:var(--focus-on-ink)}.handover-klaar-in{width:100%;max-width:480px;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.handover-vink{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-round);color:var(--ink);background:var(--on-ink);font-size:40px;font-weight:700}.handover-klaar-sub{margin:16px 0 6px;font-size:18px}.handover-klaar h1{margin:0 0 28px;font-size:30px}.handover-klaar .handover-terug-werkbon{width:100%}@media(orientation:landscape)and (max-height:600px){.handover-klaar{flex-direction:column}.handover-vink{width:56px;height:56px;font-size:30px}.handover-klaar h1{margin-bottom:18px;font-size:26px}}.werkbon .handover-start{width:100%;margin-bottom:10px}.handover-naamveld{display:grid;gap:4px;margin-bottom:8px}.handover-naamveld label{font-size:14px;font-weight:600}.handover-naamveld input{width:100%;box-sizing:border-box;min-height:48px;font-size:18px}.handover-suggestie{-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-self:start;min-height:40px;padding:0 12px;border:1px dashed var(--ink-3);border-radius:var(--radius-sm);background:none;font:inherit;font-size:15px;color:var(--ink);cursor:pointer}@media(max-height:560px){.handover-akkoord{display:none}.handover .sigpad{height:110px}.handover-balk{padding-top:8px;padding-bottom:8px}}.signer-naam{margin-top:8px}.signer-naam summary{cursor:pointer;font-size:var(--fs-tag);font-weight:600}.opvolg-open{margin:0 0 14px;padding:10px 12px;background:var(--paper);border-left:3px solid var(--ink-3);border-radius:var(--radius-sm)}.opvolg-open-kop{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.opvolg-open ul{list-style:none;margin:0;padding:0}.opvolg-open li{display:flex;align-items:center;gap:10px;padding:6px 0}.opvolg-open li+li{border-top:1px solid var(--line-2)}.opvolg-open li span{flex:1;min-width:0;line-height:1.3}.opvolg-open strong{display:block;font-size:15px}.opvolg-open small{display:block;font-size:var(--fs-meta);color:var(--ink-3)}.opvolg-open li.is-laat small{color:var(--red-dark);font-weight:600}.opvolg-open li.is-gedaan strong{text-decoration:line-through;color:var(--ink-3)}.werkbon{--rail: 46px;--topbar-h: calc(51px + env(safe-area-inset-top)) ;--ctxbar-h: 180px;overflow-wrap:break-word}.shell:not(.is-wide):has(.werkbon:not(.werkbon-klaar)) .topbar,body:has(.shell:not(.is-wide) .werkbon:not(.werkbon-klaar)) .account-anchor{display:none}.shell:not(.is-wide) .werkbon:not(.werkbon-klaar){--topbar-h: 0px}.shell:has(.werkbon:not(.werkbon-klaar)) .tabbar{display:none}.werkbon .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.werkbon :focus-visible{outline:3px solid var(--focus);outline-offset:2px}.ctxbar{position:sticky;top:var(--topbar-h);z-index:5;margin:-16px -16px 0;background:var(--paper-2);border-bottom:1px solid var(--line)}.ctxbar-in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"naam acties";align-items:center;column-gap:10px;padding:calc(6px + env(safe-area-inset-top)) 12px 4px}.is-wide .ctxbar-in{padding:8px 16px}.ctxbar-naam{grid-area:naam;min-width:0;font-size:14.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctxbar-soort{flex:none}.ctxbar-adres{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ink-3);font-weight:400}.ctxbar-adres:before{content:"·";margin:0 5px}.ctxbar-acties{grid-area:acties;display:flex;gap:8px}.ctxbar .ctxbar-acties .ctxbar-knop{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);font-size:var(--fs-meta);font-weight:600;text-decoration:none}.ctxbar .ctxbar-knop .veldknop-label{display:none}.ctxbar .veldknop.ctxbar-knop{min-width:44px;padding:0 10px}.is-wide .ctxbar .ctxbar-knop .veldknop-label{display:inline}.is-wide .ctxbar .ctxbar-knop:hover{background:var(--card-hover)}.ctxbar-status{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 12px 6px}.ctxbar-type{flex:1 1 0;min-width:0;display:flex;overflow:hidden;white-space:nowrap;font-size:12px;font-weight:600;color:var(--ink-2)}.ctxbar-status .bewaarstatus{flex:none;font-size:12px}.is-wide .ctxbar-status{padding:0 16px 8px}.is-wide .ctxbar-type{font-size:var(--fs-meta)}.sprong{padding:0 12px 6px}.sprong ol{list-style:none;margin:0;padding:0;display:grid;gap:3px}.sprong-cel{position:relative;width:100%;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px 0;font:inherit;line-height:1.1;color:var(--ink-3);background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius-sm);cursor:pointer}.sprong-nr{font-size:var(--fs-tag);font-weight:600}.sprong-stand{min-height:13px;font-size:var(--fs-tag);font-weight:700}.sprong-cel.is-deels{color:var(--ink-2);border-color:var(--line)}.sprong-cel.is-vol{color:var(--on-ink);background:var(--ink);border-color:var(--ink)}.sprong-cel.is-vast{background:var(--paper);border-style:dashed}.sprong-cel.is-let{color:var(--red-dark);background:var(--red-wash);border-color:var(--red)}.sprong-cel[aria-current]:after{content:"";position:absolute;left:4px;right:4px;bottom:-6px;height:3px;border-radius:var(--radius-sm);background:var(--ink)}.sectie-index{position:sticky;top:var(--ctxbar-h);padding:14px 0 16px;max-height:calc(100dvh - var(--ctxbar-h) - 80px);overflow-y:auto}.sectie-index ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}.sectie-index-item{width:100%;min-height:40px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:9px 10px;text-align:left;font:inherit;font-size:14px;line-height:1.3;color:var(--ink-2);background:none;border:0;border-left:3px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer}.sectie-index-item:hover{color:var(--ink);background:var(--card-hover)}.sectie-index-item[aria-current]{color:var(--ink);font-weight:600;background:var(--card);border-left-color:var(--ink)}.sectie-index-nr,.sectie-index-stand{font-size:var(--fs-tag);font-weight:600;color:var(--ink-3)}.sectie-index-item.is-vol .sectie-index-stand{color:var(--ink)}.sectie-index-item.is-let .sectie-index-nr,.sectie-index-item.is-let .sectie-index-stand{color:var(--red-dark)}.werkbon-form{padding:14px 0 96px}.sectie{background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);display:grid;grid-template-columns:var(--rail) 1fr;margin:0 -4px 8px;scroll-margin-top:calc(var(--topbar-h) + var(--ctxbar-h) + 10px);box-shadow:var(--shadow)}.rail{border-right:1px solid var(--line-2);border-radius:var(--radius) 0 0 var(--radius);background:var(--card-sunken);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:9px}.railnr{font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:.02em}.railstand{font-size:var(--fs-tag);font-weight:700;color:var(--ink-3);text-align:center}.sectie.is-vol .railstand{color:var(--ink)}.sectie.is-let .railnr,.sectie.is-let .railstand{color:var(--red-dark)}.sectie-body{padding:12px 14px;min-width:0}.sectie h2{margin:0 0 12px;font-size:17px;letter-spacing:-.01em}.sectie-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sectie-kop h2{margin:0}.sectie-kop .btn{white-space:nowrap}.vasttekst{margin:0;padding:11px 12px;background:var(--paper);border-left:3px solid var(--line);border-radius:var(--radius-sm);font-size:14.5px;color:var(--ink-2)}.veldhint{margin:7px 0 0;font-size:var(--fs-meta);color:var(--ink-3)}.veld{margin-bottom:9px}.veld:last-child{margin-bottom:0}.checklist+.veldhint+.veld,.fotoblok+.veld{margin-top:14px}.werkbon label,.werkbon .veldlabel{display:block;font-size:var(--fs-meta);font-weight:600;color:var(--ink-2);margin-bottom:5px}.werkbon input[type=text],.werkbon input[type=date],.werkbon input[type=number],.werkbon textarea,.werkbon select{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--field);border:1px solid var(--line-strong);padding:0 11px;min-height:var(--tap);border-radius:var(--radius-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none}.werkbon select{padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(135deg,var(--ink-2) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat}.werkbon textarea{padding:12px 11px;line-height:1.4;resize:vertical;min-height:88px}.werkbon textarea.wrap{min-height:var(--tap);padding:10px 11px;resize:none;overflow:hidden}.werkbon input.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.werkbon input:focus-visible,.werkbon textarea:focus-visible,.werkbon select:focus-visible{background-color:var(--card);border-color:var(--ink);outline:none;box-shadow:var(--focus-ring)}.werkbon ::placeholder{color:var(--ink-4)}.checklist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}.checklist li{border-bottom:1px solid var(--line-2)}.werkbon .check-rij,.werkbon .keuze-rij{display:flex;align-items:flex-start;gap:12px;padding:13px 2px;min-height:var(--tap);cursor:pointer;margin:0;font-size:15px;font-weight:400;color:var(--ink);line-height:1.3;letter-spacing:0}.check-rij input,.keuze-rij input{position:absolute;opacity:0;width:1px;height:1px}.box{flex:none;width:24px;height:24px;margin-top:-1px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--card);position:relative}.box-rond{border-radius:var(--radius-round)}.box:after{content:"";position:absolute;left:6px;top:1px;width:8px;height:14px;opacity:0;border:solid var(--on-ink);border-width:0 3px 3px 0;transform:rotate(45deg)}.box-rond:after{top:4px;right:4px;bottom:4px;left:4px;width:auto;height:auto;border:0;transform:none;background:var(--ink);border-radius:var(--radius-round)}input:checked+.box:after{opacity:1}input:checked+.box{border-color:var(--ink);background:var(--ink)}input:checked+.box-rond{background:var(--card)}input:focus-visible+.box{outline:3px solid var(--focus);outline-offset:2px}.keuze{border-top:1px solid var(--line-2);margin-bottom:14px}.keuze-rij{border-bottom:1px solid var(--line-2)}.sectie-body>.keuze:last-child{margin-bottom:0}.snelkeuzes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.snel{font:inherit;font-size:13px;line-height:1.2;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-2);padding:9px 12px;min-height:44px;min-width:44px;cursor:pointer;text-align:left}.snel:before{content:"+ ";color:var(--ink-3);font-weight:700}.snel[aria-pressed=true]{background:var(--card);border-color:var(--line-strong);color:var(--ink)}.snel[aria-pressed=true]:before{content:"✓ ";color:var(--ink)}.aanbevelingen{list-style:none;margin:0 0 12px;padding:0;border-top:1px solid var(--line-2)}.aanbevelingen li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-height:var(--tap);padding-left:2px;border-bottom:1px solid var(--line-2);font-size:15px;line-height:1.3}.aanbevelingen li span{flex:1;padding:8px 0}.aanbeveling-weg{flex:none;width:44px;height:44px;background:none;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font:inherit;font-size:20px;cursor:pointer}.aanbeveling-datum{flex:1 0 100%;display:grid;gap:4px;padding:0 0 10px}.aanbevelingen li .aanbeveling-datum span{flex:none;padding:0;font-size:14px;color:var(--ink-2)}.aanbeveling-datum input{min-height:44px;font:inherit}.fotoblok{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-2)}.fotoblok-kop{display:flex;justify-content:space-between;align-items:baseline}.fotoknoppen{display:grid;grid-template-columns:1fr 1fr;gap:8px}.werkbon .fotoknop{display:flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap);margin:0;border:2px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--field);font-size:15px;font-weight:600;color:var(--ink-2);cursor:pointer}.fotoknop-ico{width:20px;height:15px;border:2px solid var(--ink-2);border-radius:var(--radius-sm);position:relative;flex:none}.fotoknop-ico:before{content:"";position:absolute;top:3px;right:5px;bottom:3px;left:5px;border:2px solid var(--ink-2);border-radius:var(--radius-round)}.fotolijst{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.fotolijst li{position:relative}.fotolijst img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-2)}.foto-weg{position:absolute;top:0;right:0;width:36px;height:36px;background:var(--ink);color:var(--on-ink);border:0;border-radius:0 var(--radius-sm) 0 var(--radius-sm);cursor:pointer;font:inherit;font-size:18px;padding:0}.foto-nr{position:absolute;left:0;bottom:0;background:var(--scrim-ink);color:var(--on-ink);border-radius:0 var(--radius-sm) 0 var(--radius-sm);font-family:var(--mono);font-size:var(--fs-tag);padding:2px 5px}.padwrap{position:relative;background:var(--field);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.sigpad{display:block;width:100%;height:150px;touch-action:none;cursor:crosshair}.padwrap-klein .sigpad{height:120px}.padlijn{position:absolute;left:16px;right:16px;bottom:34px;height:1px;background:var(--line);pointer-events:none}.padhint{position:absolute;left:18px;bottom:12px;font-size:var(--fs-meta);color:var(--ink-3);pointer-events:none}.padwrap.is-getekend .padhint{display:none}.padbalk{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.padbalk .veldhint{margin:0}.padbalk .veldhint.is-ok{color:var(--ink);font-weight:600}.werkbon .klant-afwezig{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);margin-bottom:10px}.techsig{display:flex;align-items:center;gap:12px;min-height:64px;background:var(--field);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px 10px}.techsig img{display:block;height:46px;width:auto;max-width:60%;flex:1 1 auto;object-fit:contain;object-position:left center}.techsig-leeg{flex:1;font-size:14px;color:var(--ink-3)}.techsig .btn{flex:none;margin-left:auto}.techpanel{margin-top:10px;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--ink-3);border-radius:var(--radius-sm);padding:12px 12px 14px}.techpanel-kop{display:block;font-size:14.5px;margin-bottom:4px}.techpanel .veldhint{margin:0 0 10px}.techpanel-acties{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.techpanel-acties .btn{flex:1 1 auto;min-width:92px}.techpanel-acties .btn-primary{flex:1 1 100%;order:9;min-height:var(--tap)}.werkbon .btn{font:inherit;font-weight:600;font-size:15px;border:1px solid transparent;border-radius:var(--radius-sm);min-height:var(--tap);padding:0 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.werkbon .btn-primary{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.werkbon .btn-primary:active{background:var(--ink-2)}.werkbon .btn-ghost{background:var(--card);color:var(--ink);border-color:var(--line)}.werkbon .btn-sm{min-height:44px;font-size:13px;padding:0 12px}.btn-groot{flex:1;font-size:16.5px}.actiebalk{position:fixed;left:0;right:0;bottom:0;z-index:10;max-width:720px;margin:0 auto;background:var(--paper);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.actiebalk-in{display:flex;gap:8px;padding:10px 12px}.controle{border:0;padding:0;margin:auto;width:calc(100% - 28px);max-width:430px;background:var(--card);color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.controle::backdrop{background:var(--scrim)}.controle-in{padding:18px 16px 16px}.controle h2{margin:0 0 6px;font-size:20px;letter-spacing:-.01em}.controle-sub{margin:0 0 16px;font-size:14px;color:var(--ink-2)}.controle-groep.is-controleer h3{color:var(--ink-2, var(--ink))}.controle-groep+.controle-groep{margin-top:14px}.controle-groep h3{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.controle-groep.is-belangrijk h3{color:var(--red-dark)}.controle-groep.is-los h3{color:var(--ink-3)}.controle-lijst{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}.controle-lijst li{border-bottom:1px solid var(--line-2);font-size:14.5px;line-height:1.35}.controle-lijst .nr{font-family:var(--mono);font-size:var(--fs-tag);color:var(--ink-3);padding-top:2px}.controle-groep.is-belangrijk .controle-lijst li{font-weight:600}.controle-acties{display:flex;flex-direction:column;gap:8px;margin-top:18px}.controle-acties .btn{width:100%}.controle-gevolg{margin:0;font-size:13px;line-height:1.4;color:var(--ink-2)}.werkbon .toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;background:var(--ink);color:var(--on-ink);font-size:14px;padding:11px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow);width:max-content;max-width:calc(100vw - 32px)}.stempel{display:inline-block;margin:8px 0 12px;border:1px solid var(--ink);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--fs-tag);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px}.klaar-detail{margin:0}.klaar-acties{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.regellijst{list-style:none;margin:0 0 4px;padding:0;border-top:1px solid var(--line-2)}.regel{padding:10px 0 12px;border-bottom:1px solid var(--line-2)}.regel-kop{display:flex;align-items:flex-start;gap:10px}.regel-naam{flex:1;min-width:0;padding-top:3px}.regel-naam strong{display:block;font-size:15px;line-height:1.3}.regel-naam .veldhint{margin-top:3px}.regel-weg{flex:none;width:var(--tap);height:var(--tap);background:none;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font:inherit;font-size:20px;cursor:pointer}.regel-aantal{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.regel-bedrag{font-size:15px;font-weight:600;white-space:nowrap}.stepper{display:flex;align-items:center}.stepper button{flex:none;width:var(--tap);height:var(--tap);background:var(--card);border:1px solid var(--line-strong);color:var(--ink);font:inherit;font-size:22px;line-height:1;cursor:pointer}.stepper button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.stepper input+button{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.stepper button:disabled{color:var(--line);cursor:default}.werkbon .stepper input{width:64px;min-width:0;text-align:center;padding:0 4px;border-left:0;border-right:0;border-radius:var(--radius-sm)}.werkbon .stepper input[aria-invalid=true]{outline:2px solid var(--red);outline-offset:-2px}.stepper-eenheid{margin-left:8px;font-size:var(--fs-meta);color:var(--ink-3)}.regels-leeg{margin:0;padding:8px 12px;background:var(--paper);border-left:3px solid var(--line);border-radius:var(--radius-sm);font-size:14.5px;color:var(--ink-3)}.werkbon .regels-zoek{width:100%;margin-top:10px;border-style:dashed;border-width:2px}.regels-btw{margin:16px 0 0}.regels-totaal{margin:14px 0 0;padding:10px 12px;background:var(--paper);border-radius:var(--radius-sm);font-size:14px}.regels-totaal div{display:flex;justify-content:space-between;gap:10px;padding:2px 0}.regels-totaal dd{margin:0}.regels-totaal .is-incl{margin-top:4px;padding-top:6px;border-top:1px solid var(--line);font-weight:700;font-size:14.5px}.kiezer{border:0;padding:0;margin:auto auto var(--kiezer-onder, 0px);width:100%;max-width:560px;max-height:calc(var(--kiezer-h, 100dvh) - 40px);min-height:min(60dvh,calc(var(--kiezer-h, 100dvh) - 40px));background:var(--card);color:var(--ink);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow);display:none;flex-direction:column}.kiezer[open]{display:flex}.kiezer::backdrop{background:var(--scrim)}.kiezer-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 8px}.kiezer-kop h2{margin:0;font-size:18px}.kiezer-zoek{padding:0 14px 10px;border-bottom:1px solid var(--line-2)}.werkbon .kiezer-zoek input{width:100%;font:inherit;font-size:16px;min-height:var(--tap);padding:0 11px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--card);-webkit-appearance:none;-moz-appearance:none;appearance:none}.kiezer-lijst{list-style:none;margin:0;padding:0 0 env(safe-area-inset-bottom);overflow-y:auto;flex:1;min-height:0}.kiezer-lijst button{display:block;width:100%;min-height:var(--tap);padding:9px 14px;text-align:left;background:none;border:0;border-bottom:1px solid var(--line-2);font:inherit;color:var(--ink);cursor:pointer}.kiezer-lijst button:active{background:var(--paper)}.kiezer-naam{display:block;font-size:15px;font-weight:600;line-height:1.3}.kiezer-detail{display:block;font-size:var(--fs-meta);color:var(--ink-3);margin-top:2px}.kiezer-leeg{margin:0;padding:12px 14px;font-size:var(--fs-meta);color:var(--ink-3)}.is-wide .werkbon{--topbar-h: 0px;--index-w: 200px;max-width:calc(var(--index-w) + 16px + 688px);margin:0 auto}.is-wide .werkbon-body{display:grid;grid-template-columns:var(--index-w) minmax(0,1fr);gap:16px;align-items:start}.is-wide .actiebalk{left:calc(var(--sidebar-w) + 32px);right:32px;max-width:calc(var(--index-w) + 16px + 688px);background:linear-gradient(to top,var(--paper) 60%,transparent);border-top:0}.is-wide .actiebalk-in{padding-left:calc(var(--index-w) + 16px + 12px)}.is-wide .werkbon .toast{left:calc(50% + var(--sidebar-w) / 2)}.regel-tarief{display:block;margin-top:3px}.werkbon .regel-tarief select{width:auto;margin-top:4px}.klaar-badge{display:inline-block;margin:4px 0 12px;border:1px solid var(--ink);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--fs-tag);font-weight:700;padding:3px 10px}.klaar-badge.is-ok{background:var(--ink);color:var(--card)}.klaar-badge.is-fout{border-color:var(--red);background:var(--red-wash);color:var(--red-dark)}.klaar-stappen{list-style:none;margin:0 0 12px;padding:0}.klaar-stap{display:grid;grid-template-columns:20px 7.6em minmax(0,1fr);align-items:center;gap:2px 10px;padding:8px 0;border-bottom:1px solid var(--line-2)}.klaar-stap:last-child{border-bottom:0}.klaar-stap-label{font-weight:600}.klaar-stap-tekst{grid-column:3;color:var(--ink-2);min-width:0}.klaar-icoon{grid-row:1}.klaar-stap.is-ok .klaar-icoon{color:var(--ink)}.klaar-stap.is-neutraal,.klaar-stap.is-wacht{color:var(--ink-2)}.klaar-stap.is-fout .klaar-icoon,.klaar-stap.is-fout .klaar-stap-tekst{color:var(--red-dark)}.klaar-stap.is-bezig .klaar-icoon{animation:klaar-draai 1.2s linear infinite}@keyframes klaar-draai{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.klaar-stap.is-bezig .klaar-icoon{animation:none}}.klaar-primair{display:block;width:100%;margin-top:12px;text-align:center;box-sizing:border-box}.klaar-pdf{margin-top:12px}.klaar-acties{grid-template-columns:1fr;justify-items:center}.klaar-acties .btn{width:100%}.klaar-link{color:var(--ink-2);font-size:var(--fs-tag);padding:8px}.werkbon-form{padding-bottom:128px}.actiebalk-in{align-items:center}.actiebalk-voortgang{flex:none;font-size:var(--fs-tag);color:var(--ink-2);white-space:nowrap}.actiebalk-in .btn-groot{flex:1}.toast-actie{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--on-ink);font:inherit;font-weight:700;text-decoration:underline;margin-left:14px;cursor:pointer}.sectie-samen{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sectie-samen-tekst{margin:0;color:var(--ink-2);min-width:0;overflow-wrap:anywhere}.sectie-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:6px 0;font:inherit;font-size:var(--fs-tag);font-weight:600;color:var(--ink);text-decoration:underline;cursor:pointer;flex:none;position:relative}.sectie-toggle:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.vasttekst.is-dicht{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controle-rij{display:grid;gap:6px;padding:6px 0;border-bottom:1px solid var(--line-2)}.drie{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.drie-knop{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--card);color:var(--ink-2);font:inherit;font-size:var(--fs-tag);font-weight:600;cursor:pointer}.drie-knop.is-gekozen{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.drie-knop.is-let.is-gekozen{background:var(--red-wash);border-color:var(--red);color:var(--red-dark)}.controle-opmerking,.afwezig-opmerking{width:100%;box-sizing:border-box}.vrijelijn{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);display:grid;gap:8px}.vrijelijn-rij{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vrijelijn-acties{display:flex;gap:8px}.regels-bijgewerkt{margin-top:8px}.regels-btw-open{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm)}.regels-btw-open.is-rustig{border:1px solid var(--line-2);background:transparent;color:var(--ink)}.regels-btw-open.is-let{border:1px solid var(--red);background:var(--red-wash);color:var(--red-dark)}.controle-rij-knop{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;min-height:44px;text-align:left;background:none;border:0;padding:6px 0;font:inherit;color:inherit;cursor:pointer}.controle-pijl{color:var(--ink-3);font-size:20px}.controle-gevolg{margin:12px 0 0;font-size:15px;color:var(--ink)}.auth-screen{min-height:100dvh;max-width:440px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}.auth-logo{height:56px;width:auto;margin-bottom:8px}.auth-card{width:100%;padding:20px 16px}.auth-title{margin:0 0 8px;font-size:22px;line-height:1.2}.auth-text{margin:0 0 12px;color:var(--ink-2);overflow-wrap:anywhere}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600;color:var(--ink-2)}.auth-field input{min-height:var(--tap);padding:0 14px;font:inherit;font-size:17px;font-weight:400;color:var(--ink);background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.auth-field input:focus-visible{border-color:var(--ink);outline:none;box-shadow:var(--focus-ring)}.auth-check{display:flex;align-items:center;gap:10px;min-height:40px;color:var(--ink-2)}.auth-check input{width:22px;height:22px;accent-color:var(--ink)}.auth-hint{margin:-4px 0 0;font-size:14px;color:var(--ink-3)}.auth-button{min-height:var(--tap);width:100%;margin-top:4px;font:inherit;font-weight:700;color:var(--on-ink);background:var(--ink);border:1px solid var(--ink);border-radius:var(--radius-sm);cursor:pointer}.auth-button:disabled{opacity:.5;cursor:default}.auth-button-quiet{color:var(--ink);background:var(--card);border-color:var(--line)}.auth-button-quiet+.auth-button-quiet{margin-top:10px}.auth-link{min-height:44px;font:inherit;font-weight:600;color:var(--ink-2);background:none;border:0;text-decoration:underline;cursor:pointer}.auth-error,.auth-note{margin:0 0 12px;padding:10px 12px;border-radius:var(--radius-sm);font-size:15px}.auth-form .auth-error{margin:0}.auth-error{color:var(--red-dark);background:var(--red-wash)}.auth-note{color:var(--ink-2);background:var(--paper);border:1px solid var(--line-2)}.auth-dev{margin-top:12px;padding:12px;font-size:14px;background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius-sm)}.auth-dev p{margin:0 0 8px}.auth-dev ol{margin:0;padding-left:20px}.account-anchor{position:fixed;top:0;left:0;right:0;z-index:11;max-width:720px;margin:0 auto;display:flex;justify-content:flex-end;padding:calc(6px + env(safe-area-inset-top)) 10px 0;pointer-events:none}.account-button{width:40px;height:40px;display:grid;place-items:center;color:var(--ink-2);background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius-sm);cursor:pointer;pointer-events:auto}.shell .topbar{padding-right:60px}.account-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:var(--scrim)}.account-sheet{width:100%;max-width:720px;padding:20px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;background:var(--card);border-radius:var(--radius) var(--radius) 0 0}.account-naam{margin:0 0 16px;display:flex;flex-direction:column;gap:8px}.account-naam-rij{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.account-naam-rij .auth-button{width:auto;margin-top:0;padding:0 18px}.account-naam .auth-hint,.account-naam .auth-error{margin:0}.account-keuze{margin:0 0 16px;padding:0;border:0;min-width:0}.account-keuze legend{margin-bottom:6px;padding:0;font-size:var(--fs-meta);font-weight:600;color:var(--ink-2)}.account-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.account-segment button{min-height:48px;font:inherit;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer}.account-segment button.is-gekozen{color:var(--on-ink);background:var(--ink);border-color:var(--ink)}.account-segment button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.account-keuze .auth-hint{margin:8px 0 0}:root{--ink: #1c1917;--ink-2: #3c332b;--ink-3: #5c524a;--ink-4: #7a6f65;--paper: #ede8e2;--paper-2: #e2ddd4;--card: #ffffff;--card-sunken: #f7f5f1;--card-hover: #faf8f5;--card-wash: rgba(255, 255, 255, .4);--field: #fcfbf9;--line: #cbc4b9;--line-2: #e0dad0;--line-strong: #8a8075;--on-ink: #ffffff;--on-ink-line: #4a423a;--scrim: rgba(28, 25, 23, .55);--scrim-ink: rgba(28, 25, 23, .82);--red: #d7140f;--red-dark: #a20e06;--red-wash: #fbebe9;--type-brand: #c8231b;--type-inbraak: #4338ca;--type-camera: #0f766e;--type-herstelling: #b45309;--type-brand-on: var(--on-ink);--type-inbraak-on: var(--on-ink);--type-camera-on: var(--on-ink);--type-herstelling-on: var(--on-ink);--nav-bg: var(--ink);--nav-raised: #2e2925;--nav-line: #36312c;--nav-chip: #44403c;--nav-text: #e7e2dc;--nav-muted: #a8a29e;--nav-ok: #4ade80;--nav-wait: #fbbf24;--nav-idle: #78716c;--nav-logo-tile: #ffffff;--radius: 6px;--radius-sm: 4px;--radius-round: 50%;--radius-pill: 999px;--shadow: 0 1px 2px rgba(28, 25, 23, .08);--focus: var(--ink);--focus-on-ink: var(--on-ink);--focus-ring: 0 0 0 1px var(--ink);--mark-left: inset 4px 0 0 var(--ink);--mark-left-urgent: inset 4px 0 0 var(--red);--sans: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "Cascadia Mono", "SF Mono", ui-monospace, Consolas, "Roboto Mono", "DejaVu Sans Mono", monospace;--fs-meta: 14px;--fs-tag: 12px;--tap: 52px;--sidebar-w: 232px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.45;-webkit-tap-highlight-color:transparent}html{scrollbar-gutter:stable}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.type-brand{--type: var(--type-brand);--type-on: var(--type-brand-on)}.type-inbraak{--type: var(--type-inbraak);--type-on: var(--type-inbraak-on)}.type-camera{--type: var(--type-camera);--type-on: var(--type-camera-on)}.type-herstelling{--type: var(--type-herstelling);--type-on: var(--type-herstelling-on)}.shell{min-height:100dvh;display:flex;flex-direction:column;max-width:720px;margin:0 auto}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:var(--card);border-bottom:1px solid var(--line-2)}.topbar-logo{height:34px;width:auto}.topbar-title{font-weight:700;letter-spacing:.02em}.aandachtbalk-link{min-height:44px;display:flex;align-items:center;gap:8px;padding:4px 16px;color:var(--red-dark);background:var(--red-wash);border-bottom:1px solid var(--line-2);font-size:var(--fs-meta);font-weight:600;text-decoration:none}.aandachtbalk-link:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.aandachtbalk-dot{flex:none;width:8px;height:8px;border-radius:var(--radius-round);background:var(--red)}.aandachtbalk-pijl{margin-left:auto;font-size:20px;line-height:1}.badge-offline{margin-left:auto;font-size:var(--fs-tag);font-weight:600;color:var(--on-ink);background:var(--ink-2);border-radius:var(--radius-sm);padding:4px 10px}.content{flex:1;padding:16px 16px 96px}.page-title{margin:4px 0 2px;font-size:26px;line-height:1.15}.page-sub{margin:0 0 16px;color:var(--ink-3)}.page-sub:first-letter{text-transform:uppercase}.card{background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-top:12px}.empty h2{margin:0 0 6px;font-size:17px}.empty p{margin:0;color:var(--ink-2)}.empty a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}dialog:focus,dialog:focus-visible,[role=dialog]:focus,[role=dialog]:focus-visible{outline:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);max-width:720px;margin:0 auto;padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--line-2)}.tab{min-height:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px 6px;color:var(--ink-3);font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;border-top:3px solid transparent}.tab-icoon{position:relative;display:grid;place-items:center}.tabbar .tab-badge{position:absolute;top:-6px;left:calc(100% - 8px);margin:0;min-width:18px;padding:0 5px;font-size:11px}.tab.is-active{color:var(--ink);border-top-color:var(--ink)}.tab:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.shell.is-wide{max-width:none;margin:0;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);align-items:start}.sidebar{position:sticky;top:0;z-index:10;height:100dvh;display:flex;flex-direction:column;gap:18px;padding:calc(16px + env(safe-area-inset-top)) 10px calc(12px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left));overflow-y:auto;color:var(--nav-text);background:var(--nav-bg)}.sidebar :focus-visible{outline:3px solid var(--focus-on-ink);outline-offset:-3px}.sidebar-kop{display:flex;align-items:center;gap:10px;padding:0 6px}.sidebar-logo{flex:none;display:grid;place-items:center;width:44px;height:36px;padding:2px;background:var(--nav-logo-tile);border-radius:var(--radius-sm)}.sidebar-logo img{display:block;max-width:100%;max-height:100%}.sidebar-naam{display:flex;flex-direction:column;min-width:0;line-height:1.2}.sidebar-naam strong{color:var(--on-ink);font-weight:700;letter-spacing:.02em}.sidebar-naam span{color:var(--nav-muted);font-size:13px}.sidebar-nav{display:grid;gap:2px}.sidebar-item{min-height:44px;display:flex;align-items:center;gap:10px;padding:0 10px;color:var(--nav-text);font-size:15px;font-weight:600;text-decoration:none;border-left:3px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.sidebar-item svg{flex:none}.sidebar-item:hover{color:var(--on-ink);background:var(--nav-raised)}.sidebar-item.is-active{color:var(--on-ink);background:var(--nav-raised);border-left-color:var(--red)}.sidebar-badge{margin-left:auto;min-width:22px;padding:1px 7px;color:var(--on-ink);background:var(--nav-chip);border-radius:var(--radius-pill);font-size:var(--fs-tag);font-weight:700;line-height:1.5;text-align:center}.sidebar-badge.is-overdue{background:var(--red)}.sidebar-voet{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:12px 6px 0;border-top:1px solid var(--nav-line)}.sidebar-sync{display:flex;align-items:center;gap:8px;margin:0;color:var(--nav-muted);font-size:13px}.sidebar-sync-knop{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;font:inherit;text-align:left;width:100%;cursor:pointer}.sidebar-dot{flex:none;width:8px;height:8px;border-radius:var(--radius-round);background:var(--nav-ok)}.sidebar-sync.is-wacht .sidebar-dot,.sidebar-sync.is-bezig .sidebar-dot{background:var(--nav-wait)}.sidebar-sync.is-offline .sidebar-dot{background:var(--nav-idle)}.sidebar-sync.is-fout .sidebar-dot{background:var(--red)}.sidebar-aandacht{color:inherit;text-decoration:none;border-radius:var(--radius-sm)}.sidebar-aandacht:hover{color:var(--on-ink);text-decoration:underline}.sidebar-aandacht:focus-visible{outline:2px solid var(--focus-on-ink);outline-offset:2px}.sidebar-export{align-self:flex-start;min-height:32px;display:inline-flex;align-items:center;gap:6px;color:var(--nav-muted);font-size:13px;font-weight:600;text-decoration:none;border-radius:var(--radius-sm)}.sidebar-export:hover,.sidebar-export.is-active{color:var(--on-ink)}.sidebar-gebruiker{display:flex;align-items:center;gap:10px;min-height:48px;margin:0 -6px;width:calc(100% + 12px);padding:6px;font:inherit;text-align:left;color:var(--nav-text);background:none;border:0;border-radius:var(--radius-sm);cursor:pointer}.sidebar-gebruiker:hover{background:var(--nav-raised)}.sidebar-avatar{flex:none;display:grid;place-items:center;width:32px;height:32px;color:var(--on-ink);background:var(--nav-chip);border-radius:var(--radius-round);font-size:12px;font-weight:700;letter-spacing:.02em}.sidebar-wie{display:flex;flex-direction:column;min-width:0;line-height:1.25}.sidebar-wie strong,.sidebar-wie span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-wie strong{color:var(--on-ink);font-size:14px;font-weight:600}.sidebar-wie span{color:var(--nav-muted);font-size:12px}.is-wide .content{width:100%;max-width:1280px;margin:0 auto;padding:16px 32px 48px}