@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400;font-display:swap;src:url(./nunito-sans-variable-DMs03jvk.woff2) format("woff2")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:600;font-display:swap;src:url(./nunito-sans-variable-DMs03jvk.woff2) format("woff2")}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:800;font-display:swap;src:url(./nunito-sans-variable-DMs03jvk.woff2) format("woff2")}:root{--color-canvas: #f6f6f6;--color-surface: #ffffff;--color-surface-sunken: #f6f6f6;--color-border: #dddddd;--color-border-subtle: #ececec;--color-text: #1f1f1f;--color-text-muted: #4a4a4a;--color-text-faint: #6c6c6c;--color-text-placeholder: #808080;--color-field-border: #f0f0f0;--color-field-border-focus: #dddddd;--color-chip-bg: #f0f0f0;--color-chip-text: #4a4a4a;--color-chip-border: transparent;--color-focus-ring: #f39200;--color-overlay-scrim: rgba(31, 31, 31, .45);--color-on-accent: #ffffff;--color-on-accent-muted: rgba(255, 255, 255, .8);--color-accent: #00ace7;--color-accent-hover: #0086b4;--color-accent-bg: #e8f9ff;--color-accent-text: #0086b4;--color-accent-border: #c2e2f2;--color-accent-text-inverse: #ffffff;--color-primary: #f39200;--color-primary-hover: #da8300;--color-primary-text-inverse: #ffffff;--font-family-base: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-md: .8125rem;--font-size-xl: 1.375rem;--font-weight-regular: 400;--font-weight-medium: 600;--font-weight-bold: 800;--line-height-base: 1.5;--line-height-loose: 1.7;--letter-spacing-label: .04em;--space-0: 0;--space-1: .25rem;--space-2: .375rem;--space-3: .5rem;--space-4: .75rem;--space-5: 1rem;--space-6: 1.25rem;--space-7: 1.5rem;--radius-pill: 999rem;--radius-sm: .75rem;--radius-md: var(--radius-pill);--radius-lg: 1.25rem;--border-width: 1px;--border-width-thick: 2px;--border-style: solid;--border-default: var(--border-width) var(--border-style) var(--color-border);--border-subtle: var(--border-width) var(--border-style) var(--color-border-subtle);--focus-ring-width: 2px;--focus-ring-offset: 2px;--shadow-card: 0 0 10px 0 rgba(199, 199, 199, .5);--shadow-card-hover: 0 0 14px 0 rgba(199, 199, 199, .8);--shadow-panel: 0 16px 44px rgba(0, 0, 0, .18);--shadow-header: 0 1px 4px 0 rgba(0, 0, 0, .08);--transition-fast: .15s ease-in-out;--layout-max-width: 72rem;--layout-inset: var(--space-6);--control-height: 2rem;--block-gap: var(--space-7);--kolom-smal-breedte: 21rem;--metapair-label-width: 8rem;--marker-size: 1.25rem;--avatar-size: 1.875rem;--logo-height: 1.75rem;--mailbody-min-height: 12rem;--thumb-size: 2.75rem;--modal-max-width: 40rem;--z-modal: 10;--toggle-width: 2.25rem;--toggle-height: 1.25rem;--toggle-thumb-size: 1rem;--toggle-thumb-inset: .125rem;--toggle-transition: .15s ease-in-out;--tabel-cel-max-breedte: 12rem;--opacity-disabled: .5}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{margin:var(--space-0);background:var(--color-canvas);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}:focus-visible{outline:var(--focus-ring-width) var(--border-style) var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.app{min-height:100%;display:flex;flex-direction:column}.appbar{flex:none;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--layout-inset);background:var(--color-surface);box-shadow:var(--shadow-header);position:relative;z-index:1}.appbar__merk{display:flex;align-items:center;gap:var(--space-4)}.appbar__logo{display:block;height:var(--logo-height);width:auto}.appbar__systeem{padding-inline-start:var(--space-4);border-inline-start:var(--border-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-faint);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.appbar__medewerker{display:flex;align-items:center;gap:var(--space-3)}.appbar__naam{font-size:var(--font-size-sm);color:var(--color-text-muted)}.appbar__avatar{display:flex;align-items:center;justify-content:center;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.meldingbalk{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--layout-inset);background:var(--color-surface);border-bottom:var(--border-width-thick) var(--border-style) var(--color-accent)}.meldingbalk__omschrijving{display:flex;align-items:baseline;gap:var(--space-2);min-width:var(--space-0);font-size:var(--font-size-md)}.meldingbalk__nummer{flex:none;font-weight:var(--font-weight-bold)}.meldingbalk__titel{flex:1 1 auto;min-width:3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meldingbalk__naam{flex:0 1 auto;min-width:3rem;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-muted);white-space:nowrap}.meldingbalk__punt{color:var(--color-text-faint)}.app__kolommen{flex:1 1 auto;display:flex;align-items:flex-start;gap:var(--block-gap);max-width:var(--layout-max-width);width:100%;margin-inline:auto;padding:var(--layout-inset)}.app__kolom--smal{flex:0 0 var(--kolom-smal-breedte);display:flex;flex-direction:column;gap:var(--block-gap)}.app__kolom--breed{flex:1 1 auto;min-width:var(--space-0)}.block{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast)}.block--flush .block__body{padding:var(--space-0)}.block__head{padding:var(--space-5);border-radius:var(--radius-lg) var(--radius-lg) var(--space-0) var(--space-0);background:var(--color-accent-bg)}.block__title{margin:var(--space-0);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent-text);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.block__body{padding:var(--space-6)}.bericht{margin:var(--space-0);font-family:var(--font-family-mono);font-size:var(--font-size-md);line-height:var(--line-height-loose);white-space:pre-wrap;word-break:break-word;color:var(--color-text)}.aanmelder-mini{display:flex;flex-direction:column;gap:var(--space-2);padding-inline:var(--space-1)}.aanmelder-mini__bijlagen{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.metapair{display:flex;gap:var(--space-3);font-size:var(--font-size-sm)}.metapair__label{flex:0 0 var(--metapair-label-width);color:var(--color-text-faint)}.metapair__value{min-width:var(--space-0);overflow-wrap:break-word;color:var(--color-text-muted)}.tabelwrap{overflow-x:auto}.tabel{width:100%;border-collapse:collapse}.tabel th,.tabel td{padding-block:var(--space-3);padding-inline:var(--space-2);text-align:left;vertical-align:middle}.tabel td{border-bottom:var(--border-subtle)}.tabel th{border-bottom:var(--border-width-thick) var(--border-style) var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-faint);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.tabel td{font-size:var(--font-size-md);color:var(--color-text-muted)}.tabel .cel--getal{text-align:right}.tabel td:not(.cel--getal){max-width:var(--tabel-cel-max-breedte);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rij--klikbaar{cursor:pointer}.rij--klikbaar td{transition:background-color var(--transition-fast)}.rij--klikbaar:hover td{background:var(--color-accent-bg)}.rij--gemarkeerd td{background:var(--color-accent-bg);color:var(--color-text);font-weight:var(--font-weight-medium)}.markering__bedrag{display:inline-block;margin-inline-start:var(--space-2);color:var(--color-accent-text);font-weight:var(--font-weight-bold)}.thumb{display:block;box-sizing:border-box;width:var(--thumb-size);height:var(--thumb-size);padding:var(--space-1);border:var(--border-width) var(--border-style) var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-sunken);object-fit:contain}.bestelling__totaal{margin:var(--space-4) var(--space-0) var(--space-0);color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.bestelling__voet{margin-top:var(--space-4)}.rij--huidig td{background:var(--color-accent-bg);color:var(--color-text);font-weight:var(--font-weight-medium)}.notitie__meta{margin:var(--space-0) var(--space-0) var(--space-3);color:var(--color-text-faint);font-size:var(--font-size-sm)}.partij__product{margin:var(--space-0) var(--space-0) var(--space-3);color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.partij__signaal{margin:var(--space-0) var(--space-0) var(--space-4);color:var(--color-accent-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--layout-inset);background:var(--color-overlay-scrim);z-index:var(--z-modal)}.modal{width:100%;max-width:var(--modal-max-width);max-height:85vh;display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);overflow:hidden}.modal__head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);background:var(--color-accent-bg)}.modal__title{margin:var(--space-0);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent-text);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.modal__sluiten{flex:none;display:flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);border:none;background:transparent;color:var(--color-accent-text);font-size:var(--font-size-md);line-height:var(--line-height-base);cursor:pointer;border-radius:var(--radius-pill);transition:background-color var(--transition-fast)}.modal__sluiten:hover{background:var(--color-accent-border)}.modal__body{padding:var(--space-5);overflow-y:auto}.chip{display:inline-flex;align-items:center;max-width:100%;padding:var(--space-1) var(--space-3);border:var(--border-width) var(--border-style) var(--color-chip-border);border-radius:var(--radius-pill);background:var(--color-chip-bg);color:var(--color-chip-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip--accent{border-color:var(--color-accent-border);background:var(--color-accent-bg);color:var(--color-accent-text)}.veldenbalk-wrap{max-width:var(--layout-max-width);width:100%;margin-inline:auto;padding:var(--space-0) var(--layout-inset) var(--block-gap)}.veldenbalk{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.veldenbalk__velden{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.inlineveld{display:inline-flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-sm)}.inlineveld__label{color:var(--color-text-faint)}.inlineveld__waarde{color:var(--color-text)}.inlineveld--knop{padding:var(--space-1) var(--space-0);border:var(--border-width) var(--border-style) transparent;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font:inherit;transition:border-color var(--transition-fast)}.inlineveld--knop:hover{border-color:var(--color-border)}.inlineveld--knop:hover .inlineveld__waarde{color:var(--color-accent-text);text-decoration:underline}.select--inline{font:inherit;color:var(--color-text);background:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-accent);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-4)}.button{display:inline-flex;flex:none;align-items:center;justify-content:center;height:var(--control-height);padding-inline:var(--space-6);white-space:nowrap;border:var(--border-width) var(--border-style) transparent;border-radius:var(--radius-pill);background:var(--color-chip-bg);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.button:hover:not(:disabled){opacity:.8}.button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.button--primary{border-color:var(--color-primary-hover);background:var(--color-primary);color:var(--color-primary-text-inverse)}.button--primary:hover:not(:disabled){opacity:1;background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.toggle{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer}.toggle__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:none;width:var(--toggle-width);height:var(--toggle-height);margin:var(--space-0);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);cursor:pointer}.toggle__input:hover{border-color:var(--color-field-border-focus)}.toggle__input:checked:hover{border-color:var(--color-accent-hover)}.toggle__input:before{content:"";position:absolute;top:var(--toggle-thumb-inset);left:var(--toggle-thumb-inset);width:var(--toggle-thumb-size);height:var(--toggle-thumb-size);border-radius:var(--radius-pill);background:var(--color-border-subtle);transition:left var(--toggle-transition) ease}.toggle__input:checked{background:var(--color-accent);border-color:var(--color-accent)}.toggle__input:checked:before{left:calc(100% - var(--toggle-thumb-size) - var(--toggle-thumb-inset));background:var(--color-surface)}.checklist{list-style:none;margin:var(--space-0);padding:var(--space-0);display:flex;flex-direction:column;gap:var(--space-4)}.checklist__item{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-faint)}.checklist__item--klaar{color:var(--color-text)}.checklist__marker{flex:none;display:flex;align-items:center;justify-content:center;width:var(--marker-size);height:var(--marker-size);font-size:var(--font-size-sm)}.checklist__item--klaar .checklist__marker{color:var(--color-accent-text)}.checklist__label{flex:1 1 auto;min-width:var(--space-0);overflow-wrap:break-word;font-size:var(--font-size-md)}.textarea{width:100%;min-height:var(--mailbody-min-height);padding:var(--space-4);border:var(--border-width) var(--border-style) var(--color-field-border);border-radius:var(--radius-lg);background:var(--color-surface-sunken);color:var(--color-text);font:inherit;line-height:var(--line-height-loose);resize:vertical;transition:border-color var(--transition-fast)}.input{height:var(--control-height);padding-inline:var(--space-5);border:var(--border-width) var(--border-style) var(--color-field-border);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text);font:inherit;flex:1 1 auto;transition:border-color var(--transition-fast)}.textarea:hover,.input:hover,.textarea:focus,.input:focus{border-color:var(--color-field-border-focus);background:var(--color-surface)}.textarea::placeholder,.input::placeholder{color:var(--color-text-placeholder)}.log{list-style:none;margin:var(--space-0);padding:var(--space-0)}.log__item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:var(--border-subtle);font-size:var(--font-size-sm)}.log__time{flex:none;color:var(--color-text-faint)}.log__text{flex:1 1 auto;min-width:var(--space-0);overflow-wrap:break-word;color:var(--color-text-muted)}.log__author{flex:none;color:var(--color-text-faint)}.log__form{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-5)}.app__afhandeling{display:flex;flex-direction:column;gap:var(--block-gap);max-width:var(--layout-max-width);width:100%;margin-inline:auto;padding:var(--layout-inset)}.terugbalk{flex:none;padding:var(--space-4) var(--layout-inset) var(--space-2)}.terugbalk__knop{display:inline-flex;align-items:center;gap:var(--space-2);height:1.75rem;padding-inline:var(--space-4) var(--space-5);border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-accent-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.terugbalk__knop:hover{background:var(--color-accent-bg);color:var(--color-accent-hover)}.werkbak__kop{flex:none;max-width:var(--layout-max-width);width:100%;margin-inline:auto;padding:var(--layout-inset) var(--layout-inset) var(--space-0)}.werkbak__titel{margin:var(--space-0) var(--space-0) var(--space-5);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.tabs{display:flex;gap:var(--space-6)}.tabs__tab{padding-block:var(--space-3);border:none;border-bottom:var(--border-width-thick) var(--border-style) transparent;background:transparent;color:var(--color-text-faint);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.tabs__tab:hover:not(.tabs__tab--actief){color:var(--color-text-muted)}.tabs__tab--actief{color:var(--color-text);border-bottom-color:var(--color-accent)}.werkbak__inhoud{flex:1 1 auto;max-width:var(--layout-max-width);width:100%;margin-inline:auto;padding:var(--space-0) var(--layout-inset) var(--layout-inset)}@media (max-width: 900px){.app__kolommen{flex-direction:column}.app__kolom--smal{flex:none;width:100%}.veldenbalk{flex-direction:column;align-items:stretch}}.toegang{min-height:100%;display:flex;align-items:center;justify-content:center;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.toegang__content{width:100%;max-width:360px;padding-inline:24px;display:flex;flex-direction:column;align-items:center}.toegang__logo{width:180px;height:180px;object-fit:contain;margin-bottom:8px}.toegang__label{font-size:16px;color:#111;margin-bottom:12px}.toegang__input{width:100%;height:52px;box-sizing:border-box;border:1.5px solid #111111;border-radius:12px;padding-inline:16px;font-size:18px;letter-spacing:2px;text-align:center;text-transform:uppercase;color:#111;background:#fff;transition:border-color .15s ease-in-out}.toegang__input::placeholder{color:#9a9a9a;text-transform:none;letter-spacing:normal}.toegang__input:focus{outline:none;border-color:#2b3a8f}.toegang__input--fout{border-color:#c0392b}.toegang__button{width:100%;height:52px;margin-top:16px;border:none;border-radius:12px;background:#111;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s ease-in-out,background-color .15s ease-in-out}.toegang__button:hover:not(:disabled){opacity:.8}.toegang__button:disabled{background:#c4c4c4;cursor:not-allowed}.toegang__feedback{margin-top:16px;font-size:14px}.toegang__feedback--fout{color:#c0392b}