.sp-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;padding:6px 12px;font-size:16px;line-height:1.5;cursor:pointer}.sp-btn--primary{background:#0d6efd;border-color:#0d6efd;color:#fff}.sp-btn--primary:hover{background:#0b5ed7;border-color:#0a58ca}.sp-btn--primary:disabled{opacity:.65;cursor:default}.sp-btn--block{width:100%}.sp-field{display:block;margin-bottom:16px}.sp-label{display:block;margin-bottom:8px;font-size:16px}.sp-input{width:100%;height:38px;padding:6px 12px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#212529}.sp-input:focus{border-color:#86b7fe}.sp-btn--secondary{background:#6c757d;border-color:#6c757d;color:#fff}.sp-btn--secondary:hover{background:#5c636a;border-color:#565e64}.sp-btn--outline{background:transparent;border-color:#6c757d;color:#6c757d}.sp-btn--outline:hover{background:#6c757d;color:#fff}.sp-modal--smal{max-width:460px}.sp-modal__tekst{padding:16px}.sp-login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:48px 12px}.sp-login__card{width:100%;max-width:400px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001f;padding:24px}.sp-login__title{font-size:24px;font-weight:500;margin:0 0 16px}.sp-alert-danger{background:#f8d7da;color:#842029;border:1px solid #f5c2c7;border-radius:6px;padding:12px 16px;margin-bottom:16px}.sp-modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:48px 12px}.sp-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#00000080;cursor:default}.sp-modal{position:relative;width:100%;max-width:600px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #0003}.sp-modal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid #dee2e6}.sp-modal__title{font-size:20px;font-weight:500;margin:0}.sp-modal__close{border:0;background:transparent;font-size:24px;line-height:1;color:#212529;cursor:pointer}.sp-modal__body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.sp-modal__coltitle{font-size:16px;font-weight:700;margin:0 0 8px}.sp-modal__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sp-linkbutton{border:0;background:transparent;padding:0;font-size:16px;color:#0d6efd;text-decoration:underline;cursor:pointer}.sp-linkbutton:disabled{color:#6c757d;cursor:default}@media (max-width: 768px){.sp-modal__body{grid-template-columns:1fr}}.sp-inputgroup{display:flex;align-items:stretch;max-width:500px;margin-bottom:16px}.sp-inputgroup__veld{flex:1;height:48px;min-width:0;padding:6px 12px;font-size:20px;border:1px solid #dee2e6;border-right:0;border-radius:8px 0 0 8px;background:#fff;color:#212529}.sp-inputgroup__veld:focus{border-color:#86b7fe}.sp-inputgroup__knop{height:48px;padding:8px 16px;font-size:20px;border:1px solid #0d6efd;border-radius:0 8px 8px 0;background:#0d6efd;color:#fff;cursor:pointer}.sp-inputgroup__knop:hover{background:#0b5ed7;border-color:#0a58ca}.sp-inputgroup__knop:disabled{opacity:.65;cursor:default}.sp-inb__melding{max-width:700px;margin-bottom:16px}.sp-inb{width:100%;border-collapse:collapse;background:transparent}.sp-inb th{font-size:16px;font-weight:700;color:#000;text-align:left;padding:8px;border-bottom:1px solid #dee2e6;width:40%}.sp-inb th+th{width:60%}.sp-inb td{font-size:16px;padding:8px;vertical-align:top;border-bottom:1px solid rgba(0,0,0,.1)}.sp-inb__nummer{font-weight:700}.sp-inb__vvb{color:#5bc0de;font-weight:700}.sp-inb__acties{display:flex;align-items:center;gap:8px;margin-top:8px}.sp-btn-sec{border:1px solid #6c757d;background:#6c757d;color:#fff;font-size:14px;border-radius:4px;padding:4px 8px;cursor:pointer}.sp-btn-sec:hover{background:#5c636a;border-color:#565e64}.sp-inb__kopieer{border:0;background:transparent;color:#2f8a47;padding:0;cursor:pointer;display:inline-flex}.sp-inb__product+.sp-inb__product{margin-top:12px}.sp-inb__titel{font-weight:700}.sp-inb__vak{display:flex;align-items:center;gap:8px;margin-top:12px}.sp-inb__badge{margin-top:12px;max-width:420px}.sp-modal__enkel{padding:16px}.sp-inb__modalregel{margin:0 0 8px}.sp-inb__modaltabel{width:100%;border-collapse:collapse;margin-top:8px}.sp-inb__modaltabel th{font-size:14px;font-weight:700;text-align:left;padding:8px;border-bottom:1px solid #dee2e6}.sp-inb__modaltabel td{font-size:14px;padding:8px;vertical-align:top;border-bottom:1px solid rgba(0,0,0,.1)}@media (max-width: 768px){.sp-inb th,.sp-inb td{font-size:14px}}.sp-ord__zoek{margin-bottom:16px}.sp-ord__zoekveld{width:100%;height:48px;padding:8px 16px;font-size:16px;border:1px solid #dee2e6;border-radius:8px;background:#fff;color:#212529}.sp-ord__zoekveld:focus{border-color:#86b7fe}.sp-btngroup{display:inline-flex;flex-wrap:wrap;margin-bottom:16px;border-radius:6px;overflow:hidden}.sp-btngroup__knop{border:0;border-right:1px solid rgba(0,0,0,.08);background:#e9ecef;color:#212529;font-size:16px;line-height:1.5;padding:6px 12px;cursor:pointer}.sp-btngroup__knop:last-child{border-right:0}.sp-btngroup__knop:hover{background:#dde1e5}.sp-btngroup__knop[aria-pressed=true]{background:#0d6efd;color:#fff}.sp-paginering{display:flex;flex-wrap:wrap;margin-bottom:16px}.sp-paginering__knop,.sp-paginering__gap{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid #dee2e6;border-right:0;background:#fff;color:#0d6efd;font-size:16px;cursor:pointer}.sp-paginering>*:first-child{border-radius:6px 0 0 6px}.sp-paginering>*:last-child{border-right:1px solid #dee2e6;border-radius:0 6px 6px 0}.sp-paginering__knop:hover{background:#e9ecef}.sp-paginering__knop[aria-current=page]{background:#0d6efd;border-color:#0d6efd;color:#fff}.sp-paginering__gap{color:#6c757d;cursor:default}.sp-ord{width:100%;border-collapse:collapse;background:#fff;font-size:16px}.sp-ord th{text-align:left;font-size:16px;font-weight:700;color:#212529;padding:12px 8px;border-bottom:1px solid #dee2e6;vertical-align:bottom}.sp-ord td{padding:12px 8px;vertical-align:top;border-bottom:1px solid rgba(0,0,0,.1)}.sp-ord__melding{margin-bottom:16px}.sp-ord__nummer{border:0;background:transparent;padding:0;font:inherit;color:#0d6efd;cursor:pointer;text-align:left}.sp-ord__nummer:hover{text-decoration:underline}.sp-ord__info{color:#6c757d;font-size:14px;margin-left:4px}.sp-ord__blokjes{display:flex;gap:8px;margin-top:8px}.sp-ord__blokje{display:inline-flex;align-items:center;justify-content:center;width:32px;height:26px;border-radius:6px}.sp-ord__blokje--groen{background:#d1e7dd;color:#0f5132}.sp-ord__blokje--rood{background:#f8d7da;color:#842029}.sp-ord__blokje--grijs{background:#e9ecef;color:#6c757d}.sp-ord__badge{display:inline-block;background:#d1e7dd;color:#0f5132;font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;white-space:nowrap}.sp-ord__artikel{color:#0d6efd}.sp-ord__artikel-vreemd{color:#dc3545}.sp-ord__ean{color:#0d6efd;text-decoration:underline}.sp-ord__ean-vreemd{color:#dc3545;text-decoration:underline}.sp-ord__acties{display:grid;grid-template-columns:repeat(2,28px);gap:4px}.sp-ord__actie{border:0;background:transparent;color:#6c757d;padding:4px;cursor:pointer;display:inline-flex}.sp-ord__actie:hover{color:#212529}@media (max-width: 768px){.sp-ord{font-size:14px}.sp-ord th,.sp-ord td{padding:8px 6px}}.sp-ord__geld,.sp-ord__datum{white-space:nowrap}.sp-zoekgroep{display:flex;align-items:stretch;margin-bottom:16px}.sp-zoekgroep__veld{flex:1;min-width:0;height:42px;padding:6px 12px;font-size:16px;border:1px solid #dee2e6;border-right:0;border-radius:6px 0 0 6px;background:#fff;color:#212529}.sp-zoekgroep__veld:focus{border-color:#86b7fe}.sp-zoekgroep__reset{height:42px;padding:6px 16px;font-size:16px;border:1px solid #dee2e6;border-radius:0 6px 6px 0;background:#fff;color:#212529;cursor:pointer}.sp-zoekgroep__reset:hover{background:#e9ecef}.sp-vz{width:100%;border-collapse:collapse;font-size:16px}.sp-vz th{text-align:left;font-size:16px;font-weight:700;color:#212529;padding:10px 8px;border-bottom:1px solid #dee2e6;vertical-align:bottom}.sp-vz td{padding:10px 8px;vertical-align:top;border-bottom:1px solid rgba(0,0,0,.08)}.sp-vz--geel td{background:#faf0c8}.sp-vz--roze td{background:#f8d7da}.sp-vz--grijs td{background:#f0f0f0}.sp-vz__laat{color:#dc3545;font-weight:700}.sp-ann__kop{display:flex;align-items:center;gap:16px;margin-bottom:8px}.sp-ann__kop .sp-title{margin:0}.sp-ann{width:100%;border-collapse:collapse;font-size:16px}.sp-ann th{text-align:left;font-size:16px;font-weight:700;color:#212529;padding:10px 8px;border-bottom:1px solid #dee2e6}.sp-ann td{padding:10px 8px;vertical-align:top;border-bottom:1px solid rgba(0,0,0,.08)}.sp-ann tbody tr:nth-child(odd) td{background:#f5f5f5}.sp-pak__zoek{display:flex;align-items:stretch;gap:8px;margin-bottom:16px}.sp-pak__veld{width:220px}.sp-pak__stand{margin:0 0 8px;font-size:16px}.sp-pak__knoppen{display:flex;gap:8px;margin-bottom:16px}.sp-btn-outline{border:1px solid #0d6efd;border-radius:6px;background:#fff;color:#0d6efd;font-size:16px;padding:6px 12px;cursor:pointer}.sp-btn-outline:hover{background:#0d6efd;color:#fff}.sp-btn-outline--klein{padding:2px 10px;line-height:1.5}.sp-pak{width:100%;border-collapse:collapse;font-size:16px}.sp-pak th,.sp-pak td{border:1px solid #dee2e6;padding:10px 8px;text-align:left;vertical-align:middle}.sp-pak th{font-weight:700}.sp-pak__plus{width:60px}.sp-pak__items{width:100%;border-collapse:collapse;font-size:14px;background:#f5f5f5}.sp-pak__items th,.sp-pak__items td{border:1px solid #dee2e6;padding:6px 8px;text-align:left}@media (max-width: 768px){.sp-vz,.sp-ann,.sp-pak{font-size:14px}}.sp-art__knoppen{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.sp-tabelwrap{overflow-x:auto}.sp-art{width:100%;border-collapse:collapse;background:#fff;font-size:16px}.sp-art th{text-align:left;font-size:16px;font-weight:700;color:#212529;padding:12px 8px;border-bottom:1px solid #dee2e6;vertical-align:bottom}.sp-art td{padding:12px 8px;vertical-align:top;border-bottom:1px solid rgba(0,0,0,.1)}.sp-art__kopfilter{max-width:76px;height:38px;padding:6px 4px 6px 8px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#212529;font-size:16px}.sp-art__details{min-width:200px}.sp-art__titel{border:0;background:transparent;padding:0;font:inherit;color:#0d6efd;text-align:left;cursor:pointer}.sp-art__titel:hover{text-decoration:underline}.sp-art__regel{margin-top:4px}.sp-art__sleutel{color:#212529}.sp-art__ean{color:#0d6efd;text-decoration:underline}.sp-art__select{height:46px;padding:6px 12px;border:1px solid #dee2e6;border-radius:6px;background:#fff;color:#212529;font-size:16px}.sp-art__geld{white-space:nowrap}.sp-art__pen{display:block;margin-top:4px;border:0;background:transparent;padding:0;color:#212529;cursor:pointer}.sp-art__pen:hover{color:#0d6efd}.sp-switch{display:inline-flex;align-items:center;cursor:pointer}.sp-switch input{position:absolute;opacity:0;width:0;height:0}.sp-switch__spoor{display:inline-block;width:32px;height:16px;border:1px solid rgba(0,0,0,.25);border-radius:8px;background:#fff;position:relative}.sp-switch__spoor:after{content:"";position:absolute;top:1px;left:1px;width:12px;height:12px;border-radius:50%;background:#00000040;transition:transform .15s ease-in-out}.sp-switch input:checked+.sp-switch__spoor{background:#0d6efd;border-color:#0d6efd}.sp-switch input:checked+.sp-switch__spoor:after{background:#fff;transform:translate(16px)}.sp-switch input:focus-visible+.sp-switch__spoor{outline:2px solid #0d6efd;outline-offset:2px}.sp-modal--breed{max-width:760px}.sp-modal__body--form{grid-template-columns:1fr 1fr}.sp-input--error{border-color:#dc3545}.sp-veldfout{margin:4px 0 0;font-size:14px;color:#dc3545}.sp-modal__foot{display:flex;justify-content:flex-end;gap:8px;padding:16px;border-top:1px solid #dee2e6}.sp-art__uitsluiten{display:flex;align-items:center;gap:8px;align-self:center}@media (max-width: 768px){.sp-art{font-size:14px}.sp-art th,.sp-art td{padding:8px 6px}}.sp-bl__uitleg{margin:0 0 16px;font-size:16px}.sp-bl__knoppen{display:flex;gap:8px;margin-bottom:16px}.sp-bl{width:100%;border-collapse:collapse;font-size:16px}.sp-bl th{text-align:left;font-weight:700;padding:10px 8px;border-bottom:1px solid #dee2e6}.sp-bl td{padding:10px 8px;vertical-align:middle;border-bottom:1px solid rgba(0,0,0,.08)}.sp-bo{width:100%;border-collapse:collapse;background:#fff;font-size:16px}.sp-bo th{text-align:left;font-size:16px;font-weight:700;color:#212529;padding:12px 8px;border-bottom:1px solid #dee2e6;vertical-align:bottom}.sp-bo td{padding:12px 8px;vertical-align:top;border-bottom:1px solid rgba(0,0,0,.08)}.sp-bo tbody tr:nth-child(2n) td{background:#f5f5f5}.sp-bo__nummer{margin-top:8px}.sp-bo__klein{font-size:14px;color:#212529}.sp-bo__artikel{color:#0d6efd}.sp-bo__csv{white-space:nowrap}@media (max-width: 768px){.sp-bl,.sp-bo{font-size:14px}.sp-bo th,.sp-bo td{padding:8px 6px}}.sp-rap__range{display:flex;align-items:center;gap:8px;margin-bottom:20px}.sp-rap__datum{width:auto;height:38px;border-radius:6px}.sp-rap__tm{font-size:16px}.sp-rap__fout{margin-bottom:16px}.sp-rap__tegels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:24px}.sp-statcard{background:#f5f5f5;border-radius:8px;padding:20px;text-align:center}.sp-statcard__waarde{font-size:25.6px;font-weight:700;color:#212529;line-height:1.2}.sp-statcard__label{font-size:14.4px;color:#555;margin-top:6px}.sp-rap__grid{display:grid;grid-template-columns:49fr 17fr 31fr;gap:16px;align-items:start}.sp-rap__kop{font-size:24px;font-weight:400;margin-bottom:12px}.sp-rap__knoppen{display:flex;gap:8px;margin-bottom:12px}.sp-rap__knop{border:0;border-radius:4px;background:#e0e0e0;color:#000;font-size:16px;padding:5px 10px;cursor:pointer}.sp-rap__knop.is-actief{background:#8bc34a;color:#fff}.sp-rap__legenda{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;list-style:none;margin-bottom:8px}.sp-rap__legenda__knop{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;font-size:12px;color:#666;cursor:pointer;padding:2px 0}.sp-rap__legenda__blok{width:40px;height:12px;border:1px solid rgba(0,0,0,.15);flex:none}.sp-rap__legenda__knop.is-uit .sp-rap__legenda__naam{text-decoration:line-through}.sp-rightcard{background:#f5f5f5;border-radius:8px;padding:15px}.sp-rightcard__kop{font-size:20px;font-weight:400;margin-bottom:8px}.sp-rightcard__tabel{width:100%;border-collapse:collapse;font-size:16px}.sp-rightcard__tabel td{padding:7px 0;border-bottom:1px solid #e0e0e0;vertical-align:middle}.sp-rightcard__bedrag{text-align:right;font-weight:700;white-space:nowrap}.sp-rightcard__link{margin-top:10px;color:#212529;text-decoration:underline;font-size:16px}.sp-log{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.sp-log__kop{font-size:20px;font-weight:400;margin-bottom:12px}.sp-log__lijst{list-style:none;display:flex;flex-direction:column;gap:8px}.sp-log__balk{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:0;border-left:4px solid #1f6fb2;border-radius:4px;padding:10px;font-size:16px;color:#212529;text-align:left;cursor:pointer}.sp-log__balk--nu,.sp-log__balk--user{border-left-color:#f37022}.sp-log__balk--user{cursor:default}.sp-log__balk[aria-pressed=true]{box-shadow:inset 0 0 0 1px #dee2e6}.sp-log__datum,.sp-log__aantal{font-weight:700}@media (max-width: 1200px){.sp-rap__grid,.sp-log{grid-template-columns:minmax(0,1fr)}}.sp-dr__titel{display:flex;align-items:baseline;gap:12px}.sp-dr__sub{font-size:16px;color:#666}.sp-dr__knoppen{display:flex;gap:8px;margin-bottom:16px}.sp-btn--outline-sec{border-color:#6c757d;color:#6c757d;background:#fff}.sp-btn--outline-sec:hover{background:#6c757d;color:#fff}.sp-dr-wrap{overflow-x:auto}.sp-dr{width:100%;border-collapse:collapse;font-size:13.6px}.sp-dr th,.sp-dr td{padding:6px 10px;white-space:nowrap}.sp-dr td{text-align:right;border-bottom:1px solid #eeeeee}.sp-dr thead th{background:#8bc34a;color:#fff;font-size:13.6px;font-weight:700;text-align:center}.sp-dr thead .sp-dr__label{background:#8bc34a}.sp-dr__dag{display:block}.sp-dr__datum{display:block;font-weight:400}.sp-dr__label{text-align:left;font-weight:400;color:#212529;border-bottom:1px solid #eeeeee;min-width:260px}.sp-dr__sectie th{background:#dcedc8;text-align:left;font-weight:700;font-size:14.4px;padding:8px 10px}.sp-dr__totaal td,.sp-dr__totaal .sp-dr__label{background:#f5f5f5;font-weight:700;font-size:13.6px}.sp-dr__totaal .sp-dr__label{text-align:right}.sp-dr__week{background:#f0f0f0;font-weight:700}.sp-dr__totaal .sp-dr__week{background:#ebebeb}.sp-dr .is-negatief{color:#c0392b}.sp-dr__kop{font-size:24px;font-weight:400;margin:24px 0 12px}.sp-drbox-rij{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.sp-drbox{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.sp-drbox--samen{background:#8bc34a;border-color:#8bc34a;color:#fff}.sp-drbox__titel{font-size:18px;font-weight:700;margin-bottom:10px}.sp-drbox__lijst>div{display:flex;justify-content:space-between;gap:12px;font-size:14.4px;padding:3px 0}.sp-drbox__lijst dt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-drbox__lijst dd{white-space:nowrap;flex:none}.sp-drbox__kost{color:#c0392b}.sp-drbox--samen .sp-drbox__kost{color:#ffe0dc}.sp-drbox__winst{border-top:1px solid #e0e0e0;margin-top:8px;padding-top:8px!important;font-weight:700}.sp-drbox__winst dd{color:#2f8a47}.sp-drbox--samen .sp-drbox__winst{border-top-color:#ffffff80}.sp-drbox--samen .sp-drbox__winst dd{color:#fff}.sp-drbox__aandeel{font-size:12.8px;color:#666;margin-top:6px}.sp-drbox--samen .sp-drbox__aandeel{color:#f1f8e9}.sp-tk__kop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.sp-tk{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}.sp-tk__items{list-style:none;margin:0;padding:0;border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.sp-tk__item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #dee2e6;background:#fff;padding:12px 16px;cursor:pointer;font-size:16px}.sp-tk__items li:last-child .sp-tk__item{border-bottom:0}.sp-tk__item:hover,.sp-tk__item[aria-current=true]{background:#f1f8e9}.sp-tk__itemtitel{display:block;font-weight:700}.sp-tk__itemmeta{display:block;font-size:14px;color:#6c757d}.sp-tk__detail{border:1px solid #dee2e6;border-radius:6px;padding:16px;min-height:200px}.sp-tk__detailtitel{font-size:20px;font-weight:500;margin:0 0 8px}.sp-tk__detailmeta{color:#6c757d;margin:0 0 16px}.sp-tk__bericht{margin:0 0 16px;white-space:pre-wrap}.sp-tk__tekst{height:auto;resize:vertical}.sp-tk__knoppen{display:flex;gap:8px}@media (max-width: 768px){.sp-tk{grid-template-columns:1fr}}.sp-pf{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}.sp-pf__menu{display:grid;background:#fff;border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.sp-pf__link{border:0;border-bottom:1px solid #dee2e6;background:transparent;text-align:left;padding:12px 16px;font-size:16px;color:#0d6efd;text-decoration:underline;cursor:pointer}.sp-pf__link:last-child{border-bottom:0}.sp-pf__link[aria-current=true]{background:#f1f8e9;font-weight:700}.sp-pf__inhoud{display:grid;gap:16px}.sp-pf__knoppen{display:flex;justify-content:space-between;gap:8px}.sp-pf__kaart{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:16px}.sp-pf__kaarttitel{font-size:20px;font-weight:500;margin:0 0 16px}.sp-pf__raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.sp-pf__raster .sp-field{margin-bottom:0}@media (max-width: 768px){.sp-pf{grid-template-columns:1fr}}.sp-verbinding{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#f8d7da;color:#842029;border-bottom:1px solid #f5c2c7;padding:12px 16px}.sp-tl__tegels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sp-tl__tegel{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:16px;text-align:center}.sp-tl__tegeltitel{font-size:24px;font-weight:500;margin:0}.sp-tl__tegeltekst{margin:0;flex:1;color:#212529}.sp-tl__melding{margin-bottom:16px}.sp-tl__zoek{max-width:520px}.sp-tl__textarea{height:auto;resize:vertical}.sp-tl__acties{display:flex;gap:8px;margin-bottom:16px}.sp-tl__vorm{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.sp-tl__vorm .sp-field{margin-bottom:0}.sp-tl__tabel{width:100%;border-collapse:collapse;margin-top:16px}.sp-tl__tabel th,.sp-tl__tabel td{border-bottom:1px solid #dee2e6;padding:8px;text-align:left;vertical-align:middle}.sp-tl__tabel th{font-weight:700}.sp-tl__zone{display:grid;justify-items:center;gap:12px;border:2px dashed #dee2e6;border-radius:8px;padding:32px 16px;background:#fff;text-align:center;margin:16px 0}.sp-tl__zone[data-actief=true]{border-color:#0d6efd;background:#f1f8e9}.sp-tl__eisen{margin:0;color:#6c757d;font-size:14px}.sp-tl__kop{font-size:20px;font-weight:500;margin:16px 0 8px}.sp-tl__bestanden{list-style:none;margin:0;padding:0;border:1px solid #dee2e6;border-radius:6px}.sp-tl__bestanden li{display:flex;justify-content:space-between;gap:16px;padding:8px 16px;border-bottom:1px solid #dee2e6}.sp-tl__bestanden li:last-child{border-bottom:0}.sp-tl__demo{color:#6c757d}@media (max-width: 1024px){.sp-tl__tegels{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.sp-tl__tegels{grid-template-columns:1fr}}.sp-klassiek{--k-groen: #8bc34a;--k-canvas: #dcedc8;--k-tekst: #212529;--k-blauw: #0d6efd;--k-grijs: #6c757d;--k-rand: #dee2e6;--k-wit: #f1f8e9;min-height:100%;background:var(--k-canvas);color:var(--k-tekst);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;font-variant-numeric:normal}.sp-klassiek :focus-visible{outline:2px solid var(--k-blauw);outline-offset:2px}.sp-navbar{height:56px;background:var(--k-groen);box-shadow:0 8px 16px #00000026;padding:8px 0;position:relative;z-index:30}.sp-navbar__inner{height:100%;padding:0 12px;display:flex;align-items:center;gap:16px}.sp-navbar__brand{display:inline-flex;align-items:center;background:var(--k-wit);border-radius:8px;padding:8px;color:var(--k-tekst);font-weight:700;font-size:16px;line-height:1;flex:none}.sp-navbar__brand:hover{text-decoration:none;color:var(--k-tekst)}.sp-navlink{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;font-size:16px;font-weight:700;color:#000000a6;white-space:nowrap;cursor:pointer}.sp-navlink:hover{color:#000000d9;text-decoration:none}.sp-navlink.is-active{color:var(--k-wit)}.sp-caret{display:inline-block;border-top:5px solid currentColor;border-right:4px solid transparent;border-left:4px solid transparent}.sp-navbar__right{margin-left:auto;display:flex;align-items:center;gap:12px}.sp-navbar__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;color:#000;cursor:pointer}.sp-navbar__icon:hover{color:#0009}.sp-dropdown{position:relative;display:inline-flex}.sp-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:200px;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:8px;padding:8px 0;box-shadow:0 8px 16px #00000026;z-index:40;display:flex;flex-direction:column}.sp-menu--right{left:auto;right:0}.sp-menu__item{text-align:left;border:0;background:transparent;padding:6px 16px;font-size:16px;color:var(--k-tekst);cursor:pointer;white-space:nowrap}.sp-menu__item:hover{background:#e9ecef;color:var(--k-tekst);text-decoration:none}.sp-menu__item--danger{color:#dc3545}.sp-modeswitch{display:inline-flex}.sp-modeswitch__button{border:0;background:#e9ecef;color:var(--k-tekst);font-size:14px;line-height:1;padding:8px 12px;cursor:pointer}.sp-modeswitch__button:first-child{border-radius:6px 0 0 6px}.sp-modeswitch__button:last-child{border-radius:0 6px 6px 0}.sp-modeswitch__button.is-active{background:var(--k-blauw);color:#fff}.sp-band{height:16px}.sp-container{padding:0 12px 24px}.sp-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:16px}.sp-title{font-size:28px;font-weight:500;color:var(--k-tekst);margin:0 0 8px}.sp-alert-info{background:#cff4fc;color:#055160;border:1px solid #9eeaf9;border-radius:6px;padding:16px}.sp-shell__error,.sp-shell__loading{padding:0 12px 16px}.sp-shell__error{color:#dc3545}.sp-home{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:16px;text-align:center;font-size:16px;color:var(--k-tekst)}@media (max-width: 768px){.sp-navbar__inner{gap:10px;overflow-x:auto}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:34px;padding:0 var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn:hover:not(:disabled){background:var(--brand-soft);border-color:var(--brand)}.btn:disabled{color:var(--ink-3);cursor:not-allowed;background:var(--canvas-2)}.btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn--primary:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark)}.btn--quiet{border-color:transparent;background:transparent;color:var(--ink-2)}.btn--quiet:hover:not(:disabled){background:var(--canvas-2);border-color:var(--line);color:var(--ink)}.btn--lg{height:40px;padding:0 var(--sp-5);font-size:var(--text-md)}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{font-size:var(--text-xs);color:var(--ink-2)}.field__hint{font-size:var(--text-xs);color:var(--s-annulering)}.input{height:34px;padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:var(--text-sm);width:100%}.input::placeholder{color:var(--ink-3)}.input:hover{border-color:var(--ink-3)}.input--error{border-color:var(--s-annulering)}.input--lg{height:40px;font-size:var(--text-md)}.status{display:inline-flex;align-items:center;gap:var(--sp-2);white-space:nowrap}.status__dot{width:8px;height:8px;border-radius:50%;background:var(--dot, var(--ink-3));flex:none}.table-wrap{overflow-x:auto;border:1px solid var(--line);background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm);table-layout:fixed}.table thead th{position:sticky;top:0;z-index:1;background:var(--canvas-2);border-bottom:1px solid var(--line);font-size:var(--text-xs);font-weight:400;color:var(--ink-2);text-align:left;padding:0 var(--sp-4);height:32px;white-space:nowrap}.table tbody td{height:var(--row-h);padding:0 var(--sp-4);border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.is-clickable{cursor:pointer}.table tbody tr:hover{background:var(--brand-soft)}.table .align-right{text-align:right}.table__empty td{height:auto;padding:var(--sp-6) var(--sp-4);white-space:normal}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--line);overflow-x:auto}.tabs__tab{border:0;background:transparent;padding:var(--sp-2) var(--sp-3);border-bottom:2px solid transparent;color:var(--ink-2);cursor:pointer;white-space:nowrap}.tabs__tab:hover{color:var(--ink)}.tabs__tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--brand);font-weight:500}.tabs__count{color:var(--ink-3);margin-left:var(--sp-2)}.kpi-strip{display:grid;grid-template-columns:repeat(var(--kpi-cols, 4),1fr);border:1px solid var(--line);background:var(--surface)}.kpi{padding:var(--sp-4) var(--sp-5) var(--sp-5);border-left:1px solid var(--line);position:relative;min-width:0}.kpi:first-child{border-left:0}.kpi:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--accent, transparent)}.kpi__label{font-size:var(--text-xs);color:var(--ink-2)}.kpi__value{font-size:var(--text-xl);font-weight:500;letter-spacing:-.02em;line-height:1.15;margin-top:var(--sp-2)}.kpi--lead .kpi__value{font-size:var(--text-2xl)}.kpi__note{font-size:var(--text-xs);color:var(--ink-2);margin-top:var(--sp-1)}.kpi__action{margin-top:var(--sp-4)}.kpi__value--placeholder{color:var(--ink-3)}.empty{padding:var(--sp-7) var(--sp-5);max-width:46ch}.empty__title{font-size:var(--text-md);font-weight:500}.empty__body{color:var(--ink-2);margin-top:var(--sp-2)}.empty__action{margin-top:var(--sp-4)}.toasts{position:fixed;left:var(--sp-5);bottom:var(--sp-5);z-index:60;display:flex;flex-direction:column;gap:var(--sp-2)}.toast{display:flex;align-items:center;gap:var(--sp-3);background:var(--ink);color:#fff;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);max-width:44ch;animation:toast-in var(--dur) var(--ease)}.toast--error{background:var(--s-annulering)}.toast__close{border:0;background:transparent;color:inherit;opacity:.7;cursor:pointer;padding:0 var(--sp-1)}.toast__close:hover{opacity:1}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-top:var(--sp-4)}.pager__stand{font-size:var(--text-sm);color:var(--ink-2)}.pager__totaal{color:var(--ink-3)}.pager__knoppen{display:inline-flex;gap:var(--sp-2)}@media (max-width: 768px){.table{min-width:680px}}.login{min-height:100%;display:grid;align-items:center;padding:var(--sp-6) var(--sp-5)}.login__panel{width:100%;max-width:360px;margin-left:min(12vw,160px);background:var(--surface);border:1px solid var(--line);padding:var(--sp-6)}.login__wordmark{font-size:var(--text-md);font-weight:600;letter-spacing:-.01em;color:var(--brand)}.login__title{margin-top:var(--sp-5)}.login__sub{color:var(--ink-2);margin-top:var(--sp-2);max-width:34ch}.login__form{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-5)}.login__error{color:var(--s-annulering);border-left:2px solid var(--s-annulering);padding-left:var(--sp-3)}.login__foot{margin-top:var(--sp-5);font-size:var(--text-xs);color:var(--ink-2)}@media (max-width: 768px){.login__panel{margin-left:0}}.login__notice{margin-bottom:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--brand-soft);border-left:2px solid var(--brand);color:var(--ink);max-width:46ch}.dialoog-laag{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:var(--sp-5)}.dialoog__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#14211a66}.dialoog{position:relative;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.dialoog__head{padding:var(--sp-4) var(--sp-5) 0}.dialoog__titel{font-size:var(--text-md);font-weight:500}.dialoog__body{padding:var(--sp-2) var(--sp-5) 0;color:var(--ink-2);max-width:52ch}.dialoog__foot{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-5)}.verbinding{position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding:var(--sp-3) var(--sp-5);background:#fbe9e7;border-bottom:1px solid var(--s-annulering);color:#7a2620}.verbinding__tekst{flex:1;min-width:16ch}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.topbar__inner{max-width:var(--content-max);margin:0 auto;height:100%;padding:0 var(--sp-5);display:flex;align-items:center;gap:var(--sp-4)}.topbar__wordmark{font-size:var(--text-md);font-weight:600;letter-spacing:-.01em;color:var(--ink);flex:none}.topbar__wordmark:hover{text-decoration:none;color:var(--brand)}.topbar__search{position:relative;flex:1 1 auto;max-width:420px;margin-left:auto}.topbar__search-input{width:100%;height:30px;padding:0 44px 0 var(--sp-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas)}.topbar__search-input:hover{border-color:var(--ink-3)}.topbar__shortcut{position:absolute;right:var(--sp-2);top:50%;transform:translateY(-50%);font-size:var(--text-xs);color:var(--ink-3);pointer-events:none}.modeswitch{display:inline-flex;flex:none;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.modeswitch__button{border:0;background:transparent;padding:0 var(--sp-3);height:28px;font-size:var(--text-xs);color:var(--ink-2);cursor:pointer}.modeswitch__button:hover{color:var(--ink)}.modeswitch__button.is-active{background:var(--brand-soft);color:var(--ink);font-weight:500}.usermenu{position:relative;flex:none}.usermenu__button{display:inline-flex;align-items:center;gap:var(--sp-2);height:30px;padding:0 var(--sp-2);border:1px solid transparent;border-radius:var(--radius);background:transparent;cursor:pointer}.usermenu__button:hover{background:var(--canvas-2)}.usermenu__menu{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;background:var(--surface);border:1px solid var(--line);z-index:50;display:flex;flex-direction:column}.usermenu__item{text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:var(--sp-3) var(--sp-4);color:var(--ink);cursor:pointer}.usermenu__item:last-child{border-bottom:0}.usermenu__item:hover{background:var(--brand-soft);text-decoration:none}.navtabs{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:var(--topbar-h);z-index:30}.navtabs__inner{max-width:var(--content-max);margin:0 auto;padding:0 var(--sp-5);height:var(--tabs-h);display:flex;gap:var(--sp-5);overflow-x:auto;scrollbar-width:none}.navtabs__inner::-webkit-scrollbar{display:none}.navtabs__tab{display:inline-flex;align-items:center;height:100%;color:var(--ink-2);border-bottom:2px solid transparent;white-space:nowrap}.navtabs__tab:hover{color:var(--ink);text-decoration:none}.navtabs__tab.is-active{color:var(--ink);font-weight:500;border-bottom-color:var(--brand)}.page{max-width:var(--content-max);width:100%;margin:0 auto;padding:var(--sp-5) var(--sp-5) var(--sp-7);flex:1}.page__head{display:flex;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-5)}.page__meta{color:var(--ink-2)}.page__actions{margin-left:auto}.shell__error{width:100%;max-width:var(--content-max);margin:var(--sp-5) auto 0;padding:0 var(--sp-5);color:var(--s-annulering)}.shell__loading{width:100%;max-width:var(--content-max);margin:var(--sp-5) auto;padding:0 var(--sp-5);color:var(--ink-2)}.panel-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55}.panel__scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#14211a3d;cursor:default}.panel{position:absolute;top:0;right:0;height:100%;width:min(var(--panel-w),100vw);background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;animation:panel-in var(--dur) var(--ease)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line)}.panel__close{border:0;background:transparent;font-size:var(--text-lg);line-height:1;cursor:pointer;color:var(--ink-2)}.panel__close:hover{color:var(--ink)}.panel__body{padding:var(--sp-5);overflow-y:auto}@keyframes panel-in{0%{transform:translate(16px);opacity:0}}@media (prefers-reduced-motion: reduce){.panel{animation:none}}@media (max-width: 768px){.topbar__inner{gap:var(--sp-3);padding:0 var(--sp-4)}.topbar__search{display:none}.navtabs{position:fixed;top:auto;bottom:0;left:0;right:0;border-top:1px solid var(--line);border-bottom:0;z-index:45}.navtabs__inner{padding:0 var(--sp-4);gap:var(--sp-4);height:52px}.page{padding:var(--sp-4) var(--sp-4) 76px}.page__head{flex-wrap:wrap;gap:var(--sp-2)}}@media (max-width: 520px){.topbar{height:auto}.topbar__inner{height:auto;flex-wrap:wrap;padding:var(--sp-2) var(--sp-4);row-gap:var(--sp-2)}.switcher__pill{max-width:190px}.usermenu{margin-left:auto}.page__actions{margin-left:0}}.rapport-laden{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--sp-5);color:var(--ink-2)}.switcher{position:relative}.switcher__pill{display:inline-flex;align-items:center;gap:var(--sp-2);height:30px;padding:0 var(--sp-2) 0 var(--sp-3);border:1px solid var(--line);border-radius:15px;background:var(--surface);cursor:pointer;max-width:260px}.switcher__pill:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft)}.switcher__pill:disabled{opacity:.6;cursor:wait}.switcher__name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switcher__number{color:var(--ink-2);font-family:var(--font-mono);font-size:12px}.switcher__caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--ink-2);margin-left:var(--sp-1)}.switcher__menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;margin:0;padding:0;list-style:none;min-width:260px;background:var(--surface);border:1px solid var(--line)}.switcher__option{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:var(--sp-3) var(--sp-4);cursor:pointer}.switcher__menu li:last-child .switcher__option{border-bottom:0}.switcher__option:hover{background:var(--brand-soft)}.switcher__option[aria-selected=true]{background:var(--brand-soft);box-shadow:inset 2px 0 0 var(--brand)}.switcher__option-name{display:block;font-weight:500}.switcher__option-meta{display:block;font-size:var(--text-xs);color:var(--ink-2)}.dash__split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--sp-5);margin-top:var(--sp-6);align-items:start}.dash__block h2{margin-bottom:var(--sp-3)}.dash__block{min-width:0;margin-top:var(--sp-6)}.dash__split .dash__block{margin-top:0}.dash__error{color:var(--s-annulering);border-left:2px solid var(--s-annulering);padding-left:var(--sp-3);margin-bottom:var(--sp-4)}.dash__alert{margin-top:var(--sp-4);border-left:2px solid var(--s-annulering);padding-left:var(--sp-3);color:var(--ink)}.dash__placeholder{color:var(--ink-3);padding:var(--sp-4) 0}.tally{list-style:none;margin:0;padding:0;border:1px solid var(--line);background:var(--surface)}.tally__row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);height:var(--row-h);padding:0 var(--sp-4);border-bottom:1px solid var(--line);isolation:isolate}.tally__row:last-child{border-bottom:0}.tally__bar{position:absolute;left:0;top:0;bottom:0;width:var(--share, 0%);background:var(--brand-soft);z-index:-1}.tally__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tally__value{font-weight:500}@media (max-width: 1024px){.dash__split{grid-template-columns:minmax(0,1fr)}}@media (max-width: 768px){.kpi-strip{grid-template-columns:repeat(2,1fr)}.kpi{border-top:1px solid var(--line)}.kpi:nth-child(-n+2){border-top:0}.kpi:nth-child(odd){border-left:0}}.detail__facts{display:grid;grid-template-columns:110px 1fr;gap:var(--sp-2) var(--sp-4);font-size:var(--text-sm);margin:0}.detail__facts dt{color:var(--ink-2)}.detail__facts dd{margin:0;min-width:0;overflow-wrap:anywhere}.detail__kop{font-size:var(--text-md);font-weight:500;margin:var(--sp-6) 0 var(--sp-3)}.detail__groep-kop{font-size:var(--text-xs);color:var(--ink-2);margin-bottom:var(--sp-2)}.detail__groep+.detail__groep{margin-top:var(--sp-4)}.detail__items{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.detail__item{display:flex;gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--line)}.detail__item-count{flex:none;min-width:3.5ch;color:var(--s-besteld)}.detail__item-count[data-done=ja]{color:var(--s-afgerond)}.detail__item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.detail__item-ean{font-size:var(--text-xs);color:var(--ink-2)}.detail__notitie{color:var(--ink-2);max-width:60ch}.detail__item[data-vreemd=ja]{color:var(--ink-3)}.detail__adres{font-size:var(--text-sm);line-height:1.5}.detail__verloop{list-style:none;margin:0;padding:0;font-size:var(--text-sm)}.detail__verloop li{display:flex;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-2) 0;border-bottom:1px solid var(--line)}.detail__verloop-label{color:var(--ink-2)}.detail__notitieveld{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-3);font:inherit;font-size:var(--text-sm);resize:vertical;background:var(--surface);color:var(--ink)}.detail__notitieveld:hover{border-color:var(--ink-3)}.detail__notitieknop{margin-top:var(--sp-3)}.scan{height:160px;display:grid;grid-template-columns:minmax(320px,40%) 1fr;gap:var(--sp-5);align-items:center;padding:0 var(--sp-5);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--brand);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.scan[data-tone=ok]{background:var(--ok);border-color:var(--ok);color:#fff}.scan[data-tone=warn]{background:var(--warn);border-color:var(--warn);color:#fff}.scan[data-tone=err]{background:var(--err);border-color:var(--err);color:#fff}.scan__main{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.scan__label{font-size:var(--text-xs);color:var(--ink-2)}.scan[data-tone]:not([data-tone=neutraal]) .scan__label{color:#ffffffd9}.scan .scan__input{height:56px;padding:0 var(--sp-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:var(--text-xl);letter-spacing:.02em;width:100%}.scan__result{min-width:0;align-self:center}.scan__flash{font-size:var(--text-lg);font-weight:500;line-height:1.25}.scan__recent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--text-xs);color:var(--ink-2)}.scan__recent-item{display:flex;gap:var(--sp-3);align-items:baseline;min-width:0}.scan__recent-item[data-tone=err] .scan__recent-text{color:var(--err)}.scan__recent-time{color:var(--ink-3);flex:none}.scan__recent-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan__recent-empty{color:var(--ink-3);font-size:var(--text-xs)}.scan__error{color:var(--s-annulering);margin-bottom:var(--sp-4)}.lijst-balk{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-5);margin:var(--sp-6) 0 var(--sp-4)}.lijst-balk__zoek{max-width:320px;flex:1}.voortgang{display:flex;align-items:center;gap:var(--sp-3)}.voortgang__cijfers{flex:none;min-width:3.5ch}.voortgang__spoor{flex:1;height:4px;background:var(--canvas-2);min-width:40px}.voortgang__balk{display:block;height:100%;background:var(--s-besteld)}.voortgang__balk[data-done=ja]{background:var(--s-afgerond)}.kanaal__fulfilment{color:var(--ink-2);margin-left:var(--sp-2);font-size:var(--text-xs)}.bin{display:inline-flex;align-items:center;gap:var(--sp-2)}.bin__value{border:0;background:transparent;padding:2px var(--sp-2);border-bottom:1px dashed var(--line);color:var(--ink);cursor:pointer;font-size:var(--text-sm)}.bin__value:hover{border-bottom-color:var(--brand);color:var(--brand)}.bin__input{height:28px;width:130px}@media (max-width: 768px){.scan{height:auto;grid-template-columns:1fr;padding:var(--sp-4);gap:var(--sp-3)}.lijst-balk{flex-direction:column;align-items:stretch}.lijst-balk__zoek{max-width:none}}@media (prefers-reduced-motion: reduce){.scan{transition:none}}.scan__kop{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4)}.scan__geluid{border:1px solid currentColor;border-radius:var(--radius);background:transparent;color:inherit;font-size:var(--text-xs);padding:2px var(--sp-2);cursor:pointer;opacity:.8}.scan__geluid:hover{opacity:1}.filterbalk{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4)}.filterbalk__zoek{flex:1 1 280px;min-width:220px}.filterbalk__periode{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;flex:none}.periodeknop{border:0;border-left:1px solid var(--line);background:transparent;height:32px;padding:0 var(--sp-3);font-size:var(--text-sm);color:var(--ink-2);cursor:pointer}.periodeknop:first-child{border-left:0}.periodeknop:hover{color:var(--ink);background:var(--canvas-2)}.periodeknop[aria-pressed=true]{background:var(--brand-soft);color:var(--ink);font-weight:500}.filterbalk__eigen{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--ink-2)}.filterbalk__eigen .input{width:150px}.filterbalk__sortering{margin-left:auto}.filterbalk__sortering .input{width:auto;min-width:160px}.orders__artikelen{color:var(--ink)}.orders__vreemd{color:var(--ink-3)}.orders__acties{display:inline-flex;gap:var(--sp-3)}.orders__actie{border:0;background:transparent;padding:0;font:inherit;font-size:var(--text-xs);color:var(--ink-2);cursor:pointer;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.orders__actie:hover{color:var(--brand);text-decoration-color:var(--brand)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-4)}.chip{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:30px;padding:0 var(--sp-3);font-size:var(--text-sm);color:var(--ink-2);cursor:pointer}.chip:hover{border-color:var(--brand);color:var(--ink)}.chip[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--ink);font-weight:500}.chip__count{color:var(--ink-3);margin-left:var(--sp-2)}.legenda{display:flex;flex-wrap:wrap;gap:var(--sp-5);margin-bottom:var(--sp-3);font-size:var(--text-xs);color:var(--ink-2)}.legenda__item{display:inline-flex;align-items:center;gap:var(--sp-2)}.legenda__staal{width:12px;height:12px;border:1px solid var(--line);background:var(--staal, var(--surface));flex:none}.rij--optijd td{box-shadow:inset 3px 0 0 var(--s-afgerond)}.rij--telaat td{box-shadow:inset 3px 0 0 var(--s-annulering)}.rij--onhold td{box-shadow:inset 3px 0 0 var(--s-consolidatie)}.telaat{color:var(--s-annulering)}.substatus{font-size:var(--text-xs);color:var(--ink-2)}.uitklap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font:inherit;line-height:1;color:var(--ink-2);cursor:pointer;width:22px;height:22px;padding:0}.uitklap:hover{color:var(--brand)}.slipitems{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--canvas)}.slipitems th,.slipitems td{text-align:left;padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--line);white-space:nowrap}.slipitems th{font-size:var(--text-xs);font-weight:400;color:var(--ink-2)}.schakelaar{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);white-space:nowrap}@media (max-width: 768px){.filterbalk__sortering{margin-left:0}.filterbalk__sortering .input{min-width:0}}.filterbalk--artikelen{gap:var(--sp-4)}.keuze{display:inline-flex;flex-direction:column;gap:var(--sp-1);flex:none}.keuze__label{font-size:var(--text-xs);color:var(--ink-2)}.keuze__veld{width:auto;min-width:140px}.tabel--artikelregel thead th,.tabel--artikelregel tbody td{padding:0 var(--sp-3)}.tabel--artikelregel tbody td{height:52px;white-space:nowrap}.tabel--artikelregel tbody td:first-child{white-space:normal;line-height:1.25}.tabel--breed{min-width:1300px}.artikel__titel{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artikel__meta{display:block;font-size:var(--text-xs);color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schakel{display:inline-flex;align-items:center;cursor:pointer}.schakel input{position:absolute;opacity:0;width:0;height:0}.schakel__spoor{display:inline-block;width:34px;height:18px;border:1px solid var(--line);border-radius:9px;background:var(--canvas-2);position:relative;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.schakel__spoor:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:1px solid var(--line);transition:transform var(--dur) var(--ease)}.schakel input:checked+.schakel__spoor{background:var(--brand);border-color:var(--brand)}.schakel input:checked+.schakel__spoor:after{transform:translate(16px);border-color:var(--brand)}.schakel input:focus-visible+.schakel__spoor{outline:var(--focus);outline-offset:2px}.veld{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3);min-width:0}.veld__label{font-size:var(--text-xs);color:var(--ink-2)}.veld__fout{font-size:var(--text-xs);color:var(--s-annulering)}.veldrij{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.veldraster{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--sp-4)}.schakelregel{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-sm);margin-top:var(--sp-4);cursor:pointer}@media (max-width: 768px){.veldrij,.veldraster{grid-template-columns:1fr}.keuze__veld{min-width:0}}.tickets{display:grid;grid-template-columns:340px 1fr;gap:var(--sp-5);align-items:start}.tickets__lijst{background:var(--surface);border:1px solid var(--line)}.tickets__lijst ul{list-style:none;margin:0;padding:0}.tickets__rij{display:grid;gap:var(--sp-1);width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:var(--sp-3) var(--sp-4);cursor:pointer;transition:background var(--dur) var(--ease)}.tickets__rij:hover{background:var(--brand-soft)}.tickets__rij[aria-current=true]{background:var(--brand-soft);box-shadow:inset 2px 0 0 var(--brand)}.tickets__lijst li:last-child .tickets__rij{border-bottom:0}.tickets__titel{font-weight:500}.tickets__meta{font-size:var(--text-xs);color:var(--ink-2)}.ticket__status{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--ink-2)}.ticket__stip{width:8px;height:8px;border-radius:50%;background:var(--s-nieuw)}.ticket__status[data-status=open] .ticket__stip{background:var(--s-besteld)}.ticket__status[data-status=in_behandeling] .ticket__stip{background:var(--s-consolidatie)}.ticket__status[data-status=gesloten] .ticket__stip{background:var(--s-afgerond)}.tickets__detail{background:var(--surface);border:1px solid var(--line);padding:var(--sp-5);min-height:260px}.ticket-detail__meta{color:var(--ink-2);margin:var(--sp-2) 0 var(--sp-4)}.ticket-detail__meta .ticket__status{margin-right:var(--sp-1)}.ticket-detail__bericht{max-width:68ch;margin-bottom:var(--sp-5);white-space:pre-wrap}.ticket-detail__slot{color:var(--ink-2)}.linkknop{border:0;background:transparent;padding:0;color:var(--brand);font:inherit;text-decoration:underline;cursor:pointer}.ticket-form{display:grid;gap:var(--sp-4);max-width:560px}.ticket-form__veld{display:grid;gap:var(--sp-2)}.ticket-form__veld>span{font-size:var(--text-xs);color:var(--ink-2)}.ticket-form__tekst{height:auto;padding:var(--sp-3);resize:vertical}.ticket-form__fout{color:var(--s-annulering)}.ticket-form__knoppen{display:flex;gap:var(--sp-2)}@media (max-width: 1024px){.tickets{grid-template-columns:1fr}}.profiel{display:grid;grid-template-columns:240px 1fr;gap:var(--sp-5);align-items:start}.profiel__menu{display:grid;background:var(--surface);border:1px solid var(--line)}.profiel__menu button{border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:var(--sp-3) var(--sp-4);font:inherit;color:var(--ink);cursor:pointer}.profiel__menu button:last-child{border-bottom:0}.profiel__menu button[aria-current=true]{background:var(--brand-soft);box-shadow:inset 2px 0 0 var(--brand);font-weight:500}.profiel__kolom{display:grid;gap:var(--sp-5)}.profiel__kaart{background:var(--surface);border:1px solid var(--line);padding:var(--sp-5)}.profiel__kaart h2{margin-bottom:var(--sp-4)}.profiel__uitleg{color:var(--ink-2);max-width:60ch;margin-bottom:var(--sp-4)}.profiel__raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-4)}.profiel__veld{display:grid;gap:var(--sp-2);align-content:start}.profiel__veld>span:first-child{font-size:var(--text-xs);color:var(--ink-2)}.profiel__hint{font-size:var(--text-xs);color:var(--ink-3)}.profiel__fout{color:var(--s-annulering)}.profiel__melding{color:var(--brand)}.profiel__knoppen{display:flex;gap:var(--sp-2)}@media (max-width: 768px){.profiel{grid-template-columns:1fr}}.tooltegels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-4)}.tooltegel{display:grid;align-content:start;gap:var(--sp-3);background:var(--surface);border:1px solid var(--line);padding:var(--sp-5)}.tooltegel h2{font-size:var(--text-md)}.tooltegel p{color:var(--ink-2);max-width:40ch}.tooltegel .btn{justify-self:start}.tooltegel[data-extern=true]{background:var(--canvas-2);border-style:dashed}.tool-melding{margin-bottom:var(--sp-4);color:var(--ink-2)}.tool-zoek{display:flex;align-items:flex-end;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap}.tool-zoek__veld{display:grid;gap:var(--sp-2);min-width:240px}.tool-zoek__veld>span{font-size:var(--text-xs);color:var(--ink-2)}.tool-lijst{margin-bottom:var(--sp-5)}.tool-terug{margin-bottom:var(--sp-4)}.tool-vorm{background:var(--surface);border:1px solid var(--line);padding:var(--sp-5);display:grid;gap:var(--sp-4);max-width:720px}.tool-vorm__uitleg{color:var(--ink-2);max-width:62ch}.tool-vorm__velden{display:flex;align-items:flex-end;gap:var(--sp-3);flex-wrap:wrap}.tool-kop{margin:var(--sp-5) 0 var(--sp-3)}.mediazone{display:grid;justify-items:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-5);background:var(--surface);border:1px dashed var(--line);text-align:center}.mediazone[data-actief=true]{border-color:var(--brand);background:var(--brand-soft)}.mediazone__eisen{color:var(--ink-3);font-size:var(--text-xs)}.medialijst{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line)}.medialijst li{display:flex;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line)}.medialijst li:last-child{border-bottom:0}.factuur{background:var(--surface);border:1px solid var(--line);padding:var(--sp-6);max-width:780px}.factuur__kop{display:flex;justify-content:space-between;gap:var(--sp-6);flex-wrap:wrap;margin-bottom:var(--sp-6)}.factuur__merk{font-size:var(--text-md);font-weight:600;letter-spacing:-.01em}.factuur__gegevens h1{margin-bottom:var(--sp-2)}.factuur__gegevens p span{display:inline-block;width:120px;color:var(--ink-2)}.factuur__tabel{width:100%;border-collapse:collapse}.factuur__tabel th,.factuur__tabel td{padding:var(--sp-3) var(--sp-2);text-align:left;border-bottom:1px solid var(--line)}.factuur__tabel thead th{font-size:var(--text-xs);font-weight:500;color:var(--ink-2)}.factuur__tabel tfoot th{font-weight:400;color:var(--ink-2);text-align:right}.factuur__totaal th,.factuur__totaal td{font-weight:600;color:var(--ink);border-bottom:0}.factuur__sub{display:block;color:var(--ink-2);font-size:var(--text-xs)}.factuur__voet{margin-top:var(--sp-6);color:var(--ink-3);font-size:var(--text-xs)}.align-right{text-align:right}@media print{@page{margin:18mm}body{background:#fff}body *{visibility:hidden}.factuur,.factuur *{visibility:visible}.factuur{position:absolute;inset:0 auto auto 0;width:100%;border:0;padding:0;max-width:none}}:root{--ink: #14211a;--ink-2: #4a5750;--ink-3: #7c877f;--canvas: #eef2ea;--canvas-2: #e4eae0;--surface: #ffffff;--line: #d5dcd2;--brand: #2f6b2b;--brand-dark: #245321;--brand-soft: #dcebd4;--s-nieuw: #6b7370;--s-consolidatie: #c8781a;--s-besteld: #2c5f9e;--s-afgerond: #2f8a47;--s-annulering: #b23a33;--s-geannuleerd: #7c877f;--ok: #2f8a47;--warn: #c8781a;--err: #b23a33;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 28px;--text-2xl: 44px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--topbar-h: 56px;--tabs-h: 44px;--row-h: 40px;--panel-w: 480px;--content-max: 1440px;--radius: 3px;--dur: .2s;--ease: cubic-bezier(.2, .7, .3, 1);--focus: 2px solid var(--brand)}@media (prefers-reduced-motion: reduce){:root{--dur: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.45;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1{font-size:var(--text-lg);font-weight:500;letter-spacing:-.01em}h2{font-size:var(--text-md);font-weight:500}h3{font-size:var(--text-sm);font-weight:500}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:var(--focus);outline-offset:2px}.mono{font-family:var(--font-mono);font-size:13px;letter-spacing:-.01em}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-2)}.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}@media print{.no-print{display:none!important}}