.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:visible;flex-shrink:0;font-weight:700;letter-spacing:.02em;box-shadow:inset 0 0 0 1px #2d323914;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar-stip{position:absolute;right:-1px;bottom:-1px;width:28%;height:28%;min-width:9px;min-height:9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 2px #fff}.startpagina{--sp-glas: rgba(255, 255, 255, .62);--sp-glas-rand: rgba(255, 255, 255, .85);--sp-blur: 14px;--sp-radius: 24px;--sp-radius-klein: 16px;--sp-schaduw: 0 1px 2px rgba(45, 50, 57, .05), 0 14px 34px -20px rgba(45, 50, 57, .3);--sp-schaduw-hoog: 0 2px 6px rgba(45, 50, 57, .07), 0 30px 46px -22px rgba(45, 50, 57, .36);--sp-gedempt: rgba(45, 50, 57, .62);--sp-lijn: rgba(45, 50, 57, .09);--mk-kleur: var(--oranje-donker);--mk-zacht: rgba(245, 160, 44, .16);position:relative;max-width:1240px;min-height:calc(100vh - 56px);color:var(--tekst)}.startpagina:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(680px 540px at 14% -8%,rgba(245,160,44,.32),transparent 66%),radial-gradient(760px 640px at 102% 24%,rgba(23,163,152,.22),transparent 66%),radial-gradient(820px 680px at 40% 110%,rgba(67,56,202,.14),transparent 68%),var(--achtergrond)}.startpagina .sp-glas{background:var(--sp-glas);border:1px solid var(--sp-glas-rand);box-shadow:inset 0 1px #ffffffe6,var(--sp-schaduw);-webkit-backdrop-filter:blur(var(--sp-blur));backdrop-filter:blur(var(--sp-blur))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.startpagina .sp-glas{background:#ffffffeb}}.startpagina .sp-kop{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px;margin:6px 0 22px}.startpagina .sp-kop h1{margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:800;line-height:1.1;letter-spacing:-.02em}.startpagina .sp-datum{margin:6px 0 0;font-size:14px;color:var(--sp-gedempt)}.startpagina .sp-samenvatting{margin:0;font-size:13.5px;font-weight:600;color:var(--tekst);padding:8px 14px;border-radius:999px;background:#ffffffb8;border:1px solid var(--sp-glas-rand);box-shadow:var(--sp-schaduw)}.startpagina .sp-sectiekop{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font-size:15px;font-weight:700;letter-spacing:-.005em}.startpagina .sp-teller{font-size:12px;font-weight:700;color:var(--sp-gedempt);background:#2d323912;border-radius:999px;padding:1px 9px;font-variant-numeric:tabular-nums}.startpagina .sp-modules{margin-top:4px}.startpagina .sp-onder{margin-top:26px}.startpagina .sp-strip{display:grid;gap:12px;margin-bottom:26px;grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}.startpagina .sp-stat{display:flex;flex-direction:column;gap:6px;min-height:98px;width:100%;padding:14px 16px 13px;border-radius:var(--sp-radius-klein);text-align:left;color:var(--tekst);font:inherit;cursor:default}.startpagina .sp-stat.klikbaar{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.startpagina .sp-stat-titel{font-size:12.5px;font-weight:600;color:var(--sp-gedempt)}.startpagina .sp-stat-waarde{font-size:28px;font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.startpagina .sp-stat-waarde.tekst{font-size:19px;letter-spacing:-.01em;line-height:1.15}.startpagina .sp-stat-waarde.laden{color:var(--sp-gedempt);font-weight:600}.startpagina .sp-stat-waarde.gedempt{color:var(--sp-gedempt)}.startpagina .sp-stat-waarde.alarm{color:var(--rood)}.startpagina .sp-stat-sub{font-size:12px;line-height:1.35;color:var(--sp-gedempt)}.startpagina .sp-stat-sub.alarm{color:var(--rood);font-weight:600}.startpagina .sp-stat.alarm{border-color:#e0525273}.startpagina .sp-stat-fout{font-size:12.5px;font-weight:600;line-height:1.35;color:var(--rood)}.startpagina .sp-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(228px,1fr))}@media (max-width: 460px){.startpagina .sp-grid{grid-template-columns:1fr;gap:12px}}.startpagina .sp-kaart{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;min-height:168px;text-align:left;padding:18px 18px 16px;border-radius:var(--sp-radius);color:var(--tekst);font:inherit;cursor:default;transition:transform .18s ease,box-shadow .18s ease}.startpagina .sp-kaart:after{content:"";position:absolute;z-index:-1;pointer-events:none;top:-38%;left:-28%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--mk-zacht),transparent 80%)}@supports (background: color-mix(in srgb,red 20%,transparent)){.startpagina .sp-kaart:after{background:radial-gradient(closest-side,color-mix(in srgb,var(--mk-kleur) 22%,transparent),transparent 80%)}}.startpagina .sp-kaart.klikbaar{cursor:pointer}.startpagina .sp-ikoon{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--mk-kleur);background:var(--mk-zacht);box-shadow:inset 0 0 0 1px #ffffffb3}.startpagina .sp-ikoon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.startpagina .sp-titel{font-size:15px;font-weight:700;line-height:1.25}.startpagina .sp-omschrijving{font-size:12.5px;line-height:1.45;color:#2d3239c7}.startpagina .sp-open{margin-top:auto;padding-top:4px;font-size:12.5px;font-weight:700;color:var(--mk-kleur)}.startpagina .sp-open.gedempt{color:var(--sp-gedempt);font-weight:600}.startpagina .sp-onder{display:grid;gap:16px;align-items:start;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}@media (max-width: 900px){.startpagina .sp-onder{grid-template-columns:1fr}}.startpagina .sp-paneel{border-radius:var(--sp-radius);padding:18px 18px 16px;min-width:0}.startpagina .sp-acties{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.startpagina .sp-actie{display:flex;align-items:center;gap:12px;width:calc(100% + 16px);margin:0 -8px;padding:10px 8px;border:0;border-top:1px solid var(--sp-lijn);border-radius:10px;background:transparent;color:var(--tekst);font:inherit;text-align:left;cursor:pointer}.startpagina .sp-acties li:first-child .sp-actie{border-top-color:transparent}.startpagina .sp-actie-stip{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--mk-kleur);box-shadow:0 0 0 3px var(--mk-zacht)}.startpagina .sp-actie-tekst{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.startpagina .sp-actie-titel{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.startpagina .sp-actie-sub{font-size:12px;color:var(--sp-gedempt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.startpagina .sp-actie-wanneer{flex-shrink:0;font-size:12px;color:var(--sp-gedempt);font-variant-numeric:tabular-nums}.startpagina .sp-meer,.startpagina .sp-leeg,.startpagina .sp-laden{margin:8px 0 0;font-size:13px;color:var(--sp-gedempt)}.startpagina .sp-fout{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--rood)}.startpagina .sp-meldingen .kaart-blok{border:0!important;background:transparent!important;margin:0!important;padding:0;border-radius:0}.startpagina .sp-meldingen .kaart-blok>strong{display:block;font-size:13.5px;margin-bottom:4px}.startpagina .sp-meldingen .kaart-blok>.sub{font-size:12px;line-height:1.4;margin-bottom:8px}.startpagina .sp-meldingen .kaart-detail{border-top-color:var(--sp-lijn)!important}.startpagina .sp-meldingen:has(.kaart-blok) .sp-meldingen-leeg{display:none}@media (hover: hover){.startpagina .sp-kaart.klikbaar:hover,.startpagina .sp-stat.klikbaar:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fffffff2,var(--sp-schaduw-hoog)}.startpagina .sp-actie:hover{background:#fff9}}.startpagina .sp-kaart.klikbaar:active,.startpagina .sp-stat.klikbaar:active{transform:translateY(-1px)}.startpagina .sp-kaart:focus-visible,.startpagina .sp-stat:focus-visible,.startpagina .sp-actie:focus-visible{outline:2px solid var(--mk-kleur);outline-offset:3px}@media (prefers-reduced-motion: reduce){.startpagina .sp-kaart,.startpagina .sp-stat{transition:none}.startpagina .sp-kaart.klikbaar:hover,.startpagina .sp-stat.klikbaar:hover,.startpagina .sp-kaart.klikbaar:active,.startpagina .sp-stat.klikbaar:active{transform:none}}@media (max-width: 380px){.startpagina .sp-kop{margin-bottom:16px}.startpagina .sp-paneel,.startpagina .sp-kaart{padding:14px 14px 12px}.startpagina .sp-strip{grid-template-columns:1fr}}.startpagina .sp-hr{margin-top:26px}.startpagina .sp-hr-grid{display:grid;gap:16px;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}.startpagina .sp-hr-grid.drie{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 1100px){.startpagina .sp-hr-grid.drie{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.startpagina .sp-hr-grid,.startpagina .sp-hr-grid.drie{grid-template-columns:1fr}}.startpagina .sp-hr-kop{margin:0 0 10px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.startpagina .sp-hr-alarm{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;padding:12px 14px;border-radius:14px;background:#e052521a;border:1px solid rgba(224,82,82,.35);font-size:13px}.startpagina .sp-hr-knoppen{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.startpagina .sp-hr-knoppen .knop-primair,.startpagina .sp-hr-knoppen .knop-secundair{padding:8px 14px;font-size:13px;border-radius:10px}.startpagina .sp-hr-form{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 12px;padding:12px;border-radius:14px;background:#ffffff73;border:1px solid var(--sp-lijn)}.startpagina .sp-hr-form .breed{grid-column:1 / -1}.startpagina .sp-hr-veld{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--sp-gedempt);min-width:0}.startpagina .sp-hr-veld input,.startpagina .sp-hr-veld select,.startpagina .sp-hr-veld textarea{font:inherit;font-size:13.5px;font-weight:500;color:var(--tekst);padding:8px 10px;border-radius:10px;border:1px solid var(--rand);background:var(--vlak);min-width:0}.startpagina .sp-hr-veld textarea{resize:vertical;min-height:56px}.startpagina .sp-hr-veld.vink{flex-direction:row;align-items:center;gap:8px}.startpagina .sp-hr-veld.vink input{width:16px;height:16px;padding:0}.startpagina .sp-hr-form .sp-fout{margin:0}.startpagina .sp-hr-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.startpagina .sp-hr-rij{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-top:1px solid var(--sp-lijn);font-size:13px}.startpagina .sp-hr-lijst li:first-child .sp-hr-rij{border-top-color:transparent;padding-top:4px}.startpagina .sp-hr-regel{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.startpagina .sp-hr-titel{font-weight:700}.startpagina .sp-hr-sub{font-size:12px;color:var(--sp-gedempt)}.startpagina .sp-hr-status{margin-left:auto;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:#2d323914;color:var(--tekst);white-space:nowrap}.startpagina .sp-hr-status.aangevraagd{background:#f5a02c2e;color:#8a5a00}.startpagina .sp-hr-status.goedgekeurd{background:#17a39829;color:#0b6b63}.startpagina .sp-hr-status.afgewezen,.startpagina .sp-hr-status.ziek{background:#e0525224;color:#a13232}.startpagina .sp-hr-citaat{margin:0;padding:6px 10px;border-left:3px solid var(--mk-zacht);border-radius:0 8px 8px 0;background:#ffffff80;font-size:12.5px;white-space:pre-wrap}.startpagina .sp-hr-ok{margin:0 0 10px;font-size:13px;font-weight:600;color:#0b6b63}.startpagina .sp-hr-toggle{margin-top:6px;background:none;border:0;padding:0;font:inherit;font-size:13px;font-weight:700;color:var(--mk-kleur);cursor:pointer}.startpagina .sp-hr-toggle:focus-visible{outline:2px solid var(--mk-kleur);outline-offset:3px}.startpagina .sp-feedback{margin-top:16px}.startpagina .sp-feedback-kopregel{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:10px}.startpagina .sp-feedback-kopregel .sp-sectiekop{margin:0}.startpagina .sp-feedback-lead{margin:0;font-size:13px;color:var(--sp-gedempt);line-height:1.45;max-width:60ch}.startpagina .sp-feedback-form{display:grid;gap:10px;grid-template-columns:minmax(180px,220px) minmax(0,1fr);padding:12px;border-radius:14px;background:#ffffff73;border:1px solid var(--sp-lijn)}.startpagina .sp-feedback-form .breed{grid-column:2 / 3;grid-row:1 / 3}.startpagina .sp-feedback-form .sp-hr-veld{margin:0}.startpagina .sp-feedback-form textarea{min-height:84px;height:100%}.startpagina .sp-feedback-acties{grid-column:1 / 2;grid-row:2 / 3;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.startpagina .sp-feedback-acties .knop-primair{align-self:flex-start;padding:8px 14px;font-size:13px;border-radius:10px}.startpagina .sp-feedback-melding{font-size:12.5px;font-weight:600;line-height:1.35}.startpagina .sp-feedback-melding.ok{color:#0b6b63}.startpagina .sp-feedback-melding.fout{color:var(--rood)}.startpagina .sp-feedback-eerder{margin-top:14px}.startpagina .sp-feedback-tekst{white-space:pre-wrap}.startpagina .sp-hr-status.fb-nieuw{background:#f5a02c2e;color:#8a5a00}.startpagina .sp-hr-status.fb-in_behandeling{background:#0369a124;color:#075985}.startpagina .sp-hr-status.fb-opgelost{background:#17a39829;color:#0b6b63}.startpagina .sp-hr-status.fb-afgewezen{background:#2d32391a;color:var(--sp-gedempt)}@media (max-width: 760px){.startpagina .sp-feedback-form{grid-template-columns:1fr}.startpagina .sp-feedback-form .breed,.startpagina .sp-feedback-acties{grid-column:1;grid-row:auto}}.startpagina .sp-aanwezig{margin:0 0 18px}.startpagina .sp-aanwezig-kop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.startpagina .sp-aanwezig-titel{font-size:13px;font-weight:700}.startpagina .sp-aanwezig-sub{font-size:12.5px;color:var(--sp-gedempt)}.startpagina .sp-aanwezig-rij{display:flex;flex-wrap:wrap;gap:8px;position:relative}.startpagina .sp-aanwezig-item{position:relative}.startpagina .sp-aanwezig-knop{border:0;background:transparent;padding:3px;border-radius:50%;cursor:pointer;transition:transform .15s ease}.startpagina .sp-aanwezig-knop:hover,.startpagina .sp-aanwezig-knop.open{transform:translateY(-2px)}.startpagina .sp-aanwezig-knop.open .avatar{box-shadow:0 0 0 2px var(--mk-kleur)}.startpagina .sp-aanwezig-knop:focus-visible{outline:2px solid var(--mk-kleur);outline-offset:2px}.startpagina .sp-aanwezig-kaart{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:190px;padding:10px 12px;border-radius:14px;font-size:13px}.startpagina .sp-aanwezig-naam{font-weight:700}.startpagina .sp-aanwezig-rol{font-size:12px;color:var(--sp-gedempt);margin-bottom:6px}.startpagina .sp-aanwezig-tel{font-weight:700;color:var(--mk-kleur);text-decoration:none;font-variant-numeric:tabular-nums}.startpagina .sp-aanwezig-tel:hover{text-decoration:underline}.startpagina .sp-aanwezig-geen{font-size:12px;color:var(--sp-gedempt)}@media (prefers-reduced-motion: reduce){.startpagina .sp-aanwezig-knop{transition:none}}.startpagina .sp-middelen{margin-top:16px}.startpagina .sp-middelen-groepen{display:grid;gap:4px 24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.startpagina .sp-middelen-groep .sp-hr-kop{margin:8px 0 2px;font-size:13px;color:var(--sp-gedempt)}.startpagina .sp-middelen-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--sp-gedempt)}.startpagina .sp-hr-status.vervalt-ok{background:#2d323914;color:var(--tekst)}.startpagina .sp-hr-status.vervalt-bijna{background:#f5a02c2e;color:#8a5a00}.startpagina .sp-hr-status.vervalt-verlopen{background:#e0525224;color:#a13232}.startpagina .sp-kaart{position:relative}.startpagina .sp-kaart-badge{position:absolute;top:12px;right:12px;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--mk-kleur);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}.servicebon-view{max-width:1120px;margin:0 auto;display:grid;gap:22px;--sb-tekst-secundair: #475569}.servicebon-view .sb-kopbalk{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;background:var(--vlak);border:1px solid var(--rand);border-radius:16px}.servicebon-view .sb-kopbalk h2{margin:2px 0 0;font-size:17px}.servicebon-view .sb-kopbalk .sb-acties{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto}.servicebon-view .sb-kopbalk .sb-acties-rij{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.servicebon-view .sb-kicker{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--oranje-donker)}.servicebon-view .sb-kopbalk .kaart-badge{font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:10px;padding:3px 8px}.servicebon-view .sb-kopbalk .kaart-badge.grijs{background:#f5a02c24;color:var(--oranje-donker);border-color:#e08c1459}.servicebon-view .sb-kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:16px;box-shadow:0 1px 2px #0f172a0a;overflow:hidden}.servicebon-view .sb-kaart-kop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;background:#2d32390d;border-bottom:1px solid var(--rand)}.servicebon-view .sb-kaart-kop h3{margin:0;font-size:14px;font-weight:800}.servicebon-view .sb-kaart-body{padding:20px 22px}.servicebon-view .sb-nummer{width:26px;height:26px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;background:var(--oranje-donker)}.servicebon-view .sb-nummer.los{background:var(--tekst-gedempt)}.servicebon-view .sb-klant{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.servicebon-view .sb-label{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-gedempt);margin-bottom:4px}.servicebon-view .sb-klant p{margin:0 0 3px;font-size:13px}.servicebon-view .sb-klant .sb-groep+.sb-groep{border-left:1px solid var(--rand);padding-left:18px}@media (max-width: 720px){.servicebon-view .sb-klant .sb-groep+.sb-groep{border-left:none;padding-left:0;border-top:1px solid var(--rand);padding-top:12px}}.servicebon-view .sb-tabel{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.servicebon-view .sb-tabel thead th{text-align:left;padding:10px 16px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--oranje-donker);background:var(--vlak);border-bottom:1px solid var(--rand)}.servicebon-view .sb-tabel tbody td{padding:10px 16px;border-bottom:1px solid var(--rand);vertical-align:middle}.servicebon-view .sb-tabel tbody tr:last-child td{border-bottom:none}.servicebon-view .sb-tabel tbody tr:hover td{background:#f7f8facc}.servicebon-view .sb-tabel tbody tr.geselecteerd td{background:#f5a02c1f}.servicebon-view .sb-tabel tbody tr.geselecteerd td:first-child{box-shadow:inset 3px 0 0 var(--oranje-donker)}.servicebon-view .sb-tabel input[type=number],.servicebon-view .sb-tabel input[type=text]{min-height:38px;padding:6px 10px;border:1px solid var(--rand);border-radius:8px;background:var(--achtergrond);font:inherit}.servicebon-view .sb-tabel input:focus{outline:none;border-color:var(--oranje);background:var(--vlak)}.servicebon-view .sb-tabel input[type=checkbox]{width:20px;height:20px}.servicebon-view .sb-artikel{font-weight:800;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.servicebon-view .sb-code{font-family:ui-monospace,monospace;font-size:.7rem;font-weight:600;color:var(--sb-tekst-secundair)}.servicebon-view .sb-uit-order{color:var(--sb-tekst-secundair);font-weight:600}.servicebon-view .sb-verwijder{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--tekst-gedempt);cursor:pointer;font-size:15px}.servicebon-view .sb-verwijder:hover{color:var(--rood);background:#e052521a}.servicebon-view .sb-linkknop{background:none;border:none;color:var(--oranje-donker);font-weight:700;font-size:13px;cursor:pointer;min-height:40px;padding:0 6px}.servicebon-view .sb-linkknop:hover{text-decoration:underline}.servicebon-view .sb-bulk{display:flex;gap:10px;align-items:center;padding:10px 14px;background:#f5a02c1a;border:1px solid rgba(224,140,20,.35);border-radius:12px}.servicebon-view .sb-toevoegen{padding:14px 16px;border-top:1px solid var(--rand);background:#2d323908;display:grid;gap:10px}.servicebon-view .sb-toevoegen input{min-height:44px;padding:6px 10px;border:1px solid var(--rand);border-radius:8px;font:inherit}.servicebon-view textarea{border:1px solid var(--rand);border-radius:10px;background:var(--achtergrond);padding:10px;font:inherit;font-size:13px}.servicebon-view textarea:focus{outline:none;border-color:var(--oranje);background:var(--vlak)}.servicebon-view .sb-hint{display:block;font-size:12px;color:var(--tekst-gedempt);max-width:320px;text-align:right;line-height:1.35}.servicebon-view .sb-fout{color:var(--rood)}.ob{position:relative;max-width:1600px;--ob-verloop: linear-gradient(135deg, var(--oranje) 0%, var(--oranje-donker) 100%);--ob-verloop-hover: linear-gradient(135deg, var(--oranje) -60%, var(--oranje-donker) 70%);--ob-verloop-actief: linear-gradient(rgba(45, 50, 57, .12), rgba(45, 50, 57, .12)), var(--ob-verloop);--ob-glas: rgba(255, 255, 255, .76);--ob-glas-rand: rgba(255, 255, 255, .85);--ob-schaduw: inset 0 1px 0 rgba(255, 255, 255, .9), 0 0 0 1px rgba(45, 50, 57, .05), 0 2px 4px -1px rgba(45, 50, 57, .05), 0 20px 40px -15px rgba(45, 50, 57, .16);--ob-gloed: 0 8px 18px -8px rgba(224, 140, 20, .75), inset 0 1px 0 rgba(255, 255, 255, .35)}.ob:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(470px circle at 140px 110px,#f5a02c42 0,#f5a02c42 22%,#f5a02c36 36%,#f5a02c1f 54%,#f5a02c0a 76%,#f5a02c00),radial-gradient(430px circle at calc(100% - 150px) 46%,#e08c1433 0,#e08c1433 22%,#e08c1429 36%,#e08c1417 54%,#e08c1408 76%,#e08c1400),radial-gradient(470px circle at calc(33% + 250px) calc(100% - 150px),#f5a02c2e 0,#f5a02c2e 22%,#f5a02c24 36%,#f5a02c14 54%,#f5a02c08 76%,#f5a02c00),linear-gradient(#2d323909,#2d323909)}.ob .sub,.inhoud .ob .sub{margin-bottom:0;font-size:13px;color:var(--tekst-gedempt)}.ob-kop{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.ob-terug{width:44px;height:44px;flex-shrink:0;border:1px solid var(--ob-glas-rand);border-radius:14px;background:var(--ob-glas);box-shadow:0 0 0 1px #2d32390f,0 2px 6px -2px #2d32391f;color:var(--tekst);font-size:20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ob-titel{display:flex;flex-direction:column;gap:4px;min-width:0}.ob .ob-titel h1{margin:0;font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.01em}.ob-titel-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--tekst-gedempt)}.ob-titel-meta .kaart-badge{font-size:12px;padding:4px 10px}.ob-kop-acties{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ob-kop-acties .invoer{width:auto;min-width:200px;max-width:280px;min-height:44px;border-radius:12px}.ob-details-knop{min-height:44px;padding:0 14px;border:1px solid var(--ob-glas-rand);border-radius:12px;background:var(--ob-glas);box-shadow:0 0 0 1px #2d32390f,0 2px 6px -2px #2d32391f;color:var(--tekst-gedempt);font-size:14px;font-weight:600;cursor:pointer}.ob-details-knop.actief{background:#f5a02c24;border-color:var(--oranje);box-shadow:none;color:var(--tekst)}.ob-oog-knop{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}.ob-oog-knop svg{display:block}.ob-balk{margin:0 0 12px;padding:12px 16px;font-size:14px;line-height:1.45;background:var(--ob-glas);border:1px solid var(--ob-glas-rand);border-left-width:4px;border-radius:14px;box-shadow:0 0 0 1px #2d32390d,0 2px 6px -2px #2d32391a}.ob-balk.teal{border-left-color:var(--teal)}.ob-balk.oranje{border-left-color:var(--oranje)}.ob .login-fout{margin:0 0 12px;font-size:14px}.ob .kaart-badge.knopje{min-height:44px;padding:0 14px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;border:1px solid transparent}.ob .kaart-badge.knopje:not(.groen):not(.teal):not(.amber):not(.grijs):not(.rood){background:var(--vlak);color:var(--tekst);border-color:var(--rand)}.ob .kaart-badge.knopje:disabled{opacity:.55;cursor:not-allowed}.ob .knop-primair{min-height:48px;font-size:15px;border-radius:14px;background:var(--ob-verloop);color:var(--ob-tekst-op-oranje, var(--tekst));box-shadow:var(--ob-gloed);transition:transform .12s ease,box-shadow .12s ease}.ob .knop-primair:hover{background:var(--ob-verloop)}@media (hover: hover){.ob .knop-primair:hover:not(:disabled){background:var(--ob-verloop-hover);color:var(--ob-tekst-op-oranje, var(--tekst));box-shadow:0 12px 24px -10px #e08c14d9,inset 0 1px #fff6;transform:translateY(-1px)}}.ob .knop-primair:active:not(:disabled){background:var(--ob-verloop-actief);box-shadow:0 4px 10px -6px #e08c14b3,inset 0 1px #fff3;transform:translateY(0)}.ob .knop-primair:disabled{box-shadow:none}.ob-knop-licht{min-height:46px;padding:10px 16px;background:var(--ob-glas-rand);color:var(--tekst);border:1px solid var(--rand);border-radius:14px;font-size:14px;font-weight:600;cursor:pointer}@media (hover: hover){.ob-knop-licht:hover{border-color:var(--oranje);color:var(--oranje-donker)}}.ob-knop-licht:active{background:#f5a02c1f;border-color:var(--oranje)}.ob-grid{display:grid;grid-template-columns:340px minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"klant rechts" "totalen rechts" "fotos rechts";gap:18px;align-items:start}.ob-klant{grid-area:klant}.ob-totalen{grid-area:totalen}.ob-fotos{grid-area:fotos;display:flex;flex-direction:column;gap:18px}.ob-rechts{grid-area:rechts;display:flex;flex-direction:column;gap:18px;min-width:0}.ob-kaart{background:var(--ob-glas);border:1px solid var(--ob-glas-rand);border-radius:24px;padding:20px 22px;box-shadow:var(--ob-schaduw)}.ob-kaart-titel{margin:0 0 14px;font-size:15px;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.ob-kaart-titel .sub{font-weight:400;letter-spacing:0}.ob-ikoon{width:36px;height:36px;flex-shrink:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--ob-verloop);color:var(--ob-tekst-op-oranje, var(--tekst));box-shadow:0 4px 10px -4px #e08c14b3,inset 0 1px #ffffff59}.ob-ikoon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ob-ikoon.gedempt{background:#2d323914;color:var(--tekst-gedempt);box-shadow:none}.ob-klant-naam{font-size:19px;font-weight:700;margin-bottom:2px;overflow-wrap:anywhere}.ob-klant-regel{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.ob-klant-regel a{color:var(--tekst);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.ob-klant-knoppen{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.ob-klant-knoppen .kaart-badge.knopje{width:100%}.ob-totalen.ob-kaart{border:2px solid rgba(245,160,44,.45);position:relative;overflow:hidden;isolation:isolate}.ob-totalen.ob-kaart:after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-50px;bottom:-50px;width:200px;height:200px;background:radial-gradient(circle closest-side,#f5a02c33,#f5a02c14 55%,#f5a02c00)}.ob-tot-rij{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;font-size:15px;border-bottom:1px solid var(--rand)}.ob-tot-rij span:first-child{min-width:0;overflow-wrap:anywhere}.ob-bedrag{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--tekst)}.ob-tot-band{margin-top:14px;padding:16px 20px;border-radius:16px;background:var(--ob-verloop);color:var(--ob-tekst-op-oranje, var(--tekst));box-shadow:0 10px 24px -12px #e08c14bf,inset 0 1px #ffffff59;display:flex;flex-direction:column;gap:2px}.ob-tot-band-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.ob-tot-band-bedrag{font-size:38px;font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ob-tot-details{margin-top:14px;padding-top:10px;border-top:1px dashed var(--rand)}.ob-tot-details .ob-tot-rij{padding:4px 0;font-size:13px;color:var(--tekst-gedempt);border-bottom:none}.ob-tot-details .ob-tot-rij .ob-bedrag{font-size:14px}.ob-verdeel{display:flex;gap:8px;margin-top:8px}.ob-verdeel .invoer{min-height:44px;font-size:16px}.ob-verdeel .knop-primair{flex-shrink:0}.ob-acties{display:flex;flex-direction:column;gap:10px;margin-top:16px}.ob-acties>*{width:100%}.ob-groep+.ob-groep{margin-top:18px}.ob-groep-kop{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px 12px 18px;border-radius:14px;background:#f5a02c1a}.ob-groep-kop:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--oranje),var(--oranje-donker))}.ob-bon{font-family:ui-monospace,monospace;font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px;background:var(--vlak);border:1px solid var(--rand);color:var(--tekst)}.ob-groep-naam{flex:1;min-width:0;font-size:17px;font-weight:700;overflow-wrap:anywhere}.ob-groep-naam .ob-groep-korting{margin-left:8px;vertical-align:2px;white-space:nowrap;font-size:12px;padding:3px 9px;color:var(--tekst)}.ob-groep-totaal{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.ob-groep-kop .ob-groep-x{margin-left:2px;margin-right:-6px}.ob-groep-totaal small{font-size:12px;font-weight:600;color:var(--tekst-gedempt);margin-left:4px}.ob-regels{padding:0 6px}.ob-regel{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;column-gap:12px;row-gap:6px;padding:10px 0;border-bottom:1px solid var(--rand)}.ob-regel.advanced{grid-template-columns:minmax(0,1fr) auto auto auto 44px}.ob-regel:last-child{border-bottom:none}.ob-regel-naam{min-width:0;font-size:15px;font-weight:500;overflow-wrap:anywhere}.ob-regel-sku{display:block;font-size:12px;margin-top:2px}.ob-regel-aantal{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:14px;color:var(--tekst-gedempt)}.ob-regel-aantal .ob-aantal-vast{font-size:16px;font-weight:600;color:var(--tekst);font-variant-numeric:tabular-nums}.ob .invoer-compact{width:84px;min-height:44px;padding:8px 10px;font-size:16px;text-align:right}.ob-regel-prijs .invoer-compact{width:108px}.ob-regel-prijs .ob-prijs-vast{font-size:14px;color:var(--tekst-gedempt);font-variant-numeric:tabular-nums;white-space:nowrap}.ob-regel-totaal{min-width:96px;text-align:right;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.ob-regel-x{width:44px;height:44px;border:none;border-radius:12px;background:transparent;color:var(--tekst-gedempt);font-size:24px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ob-regel-x:hover,.ob-regel-x:active{background:#e052521a;color:var(--rood)}.ob-leeg{padding:12px 6px 4px}.ob .pk-open{margin-top:10px;min-height:48px;background:var(--vlak);border:1px dashed var(--tekst-gedempt);border-radius:14px;color:var(--tekst);font-weight:600}.ob-extra-item{width:100%;min-height:48px;margin-top:4px;background:transparent;border:1px dashed var(--tekst-gedempt);border-radius:14px;color:var(--tekst);font-size:14px;font-weight:600;cursor:pointer}.ob-extra-item:hover,.ob-extra-item:active{border-color:var(--oranje);color:var(--oranje-donker)}.ob-item-details{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:10px 6px 0;padding:10px 12px;border-radius:14px;background:#2d32390b}.ob-item-details .artikel-check{flex-direction:column;align-items:flex-start;gap:4px;font-size:12px;font-weight:600;color:var(--tekst-gedempt)}.ob-item-details .kaart-badge:not(.knopje){align-self:center}.ob-details.ob-kaart{padding:0}.ob-details summary{min-height:56px;padding:10px 22px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:-.01em;cursor:pointer;list-style:none}.ob-details summary::-webkit-details-marker{display:none}.ob-chevron{margin-left:auto;width:20px;height:20px;flex-shrink:0;color:var(--tekst-gedempt);transition:transform .18s ease}.ob-chevron svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ob-details[open] .ob-chevron{transform:rotate(180deg)}.ob-details-inhoud{padding:0 22px 14px}.ob-hist-rij{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;padding:8px 0;border-top:1px solid var(--rand);font-size:13px;color:var(--tekst-gedempt)}.ob-hist-rij .kaart-badge.knopje{margin-left:auto}.ob button:focus-visible,.ob input:focus-visible,.ob select:focus-visible,.ob summary:focus-visible{outline:2px solid var(--oranje-donker);outline-offset:2px}@media (prefers-reduced-motion: reduce){.ob .knop-primair,.ob-chevron{transition:none}.ob .knop-primair:hover:not(:disabled),.ob .knop-primair:active:not(:disabled){transform:none}}@media (max-width: 1379px){.ob-regel.advanced{grid-template-columns:auto auto minmax(0,1fr) 44px}.ob-regel.advanced .ob-regel-naam{grid-column:1 / -1}}@media (max-width: 1179px){.ob-grid{grid-template-columns:300px minmax(0,1fr);gap:14px}}@media (max-width: 1099px){.ob-grid{display:flex;flex-direction:column;align-items:stretch;gap:14px}.ob-rechts{display:contents}.ob-klant{order:1}.ob-totalen{order:2}.ob-onderdelen{order:3}.ob-fotos{order:4}.ob-archief{order:5;display:flex;flex-direction:column;gap:14px}.ob-regel{grid-template-columns:minmax(0,1fr) auto 44px}.ob-regel.advanced{grid-template-columns:minmax(0,1fr) auto auto auto 44px}.ob-regel .ob-regel-naam,.ob-regel.advanced .ob-regel-naam{grid-column:auto}}@media (max-width: 640px){.ob-kaart{padding:16px 18px;border-radius:20px}.ob-details summary{padding:10px 18px}.ob-details-inhoud{padding:0 18px 14px}.ob-regel{grid-template-columns:minmax(0,1fr) auto 44px}.ob-regel .ob-regel-naam{grid-column:auto}.ob-regel.advanced{grid-template-columns:auto auto minmax(0,1fr) 44px}.ob-regel.advanced .ob-regel-naam{grid-column:1 / -1}.ob-klant-knoppen{grid-template-columns:1fr}.ob-tot-band-bedrag{font-size:32px}.ob-kop-acties{margin-left:0;width:100%}.ob-kop-acties .invoer{max-width:none;flex:1}}.inmeet-kop{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.inmeet-kop h2{margin:0;font-size:20px}.inmeet-stappenbalk{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.inmeet-stap-knop{min-height:48px;padding:8px 14px;border-radius:8px;border:1px solid var(--rand);background:var(--vlak);color:var(--tekst);font-size:14px;font-weight:600;cursor:pointer}.inmeet-stap-knop.actief{border-color:var(--oranje);color:var(--oranje-donker);background:#f5a02c1a}.inmeet-stap-knop.fout{border-color:var(--rood);color:var(--rood)}.inmeet-stap-knop .stapnr{display:inline-block;min-width:20px;color:var(--tekst-gedempt);font-weight:700}.inmeet-stap-knop.actief .stapnr{color:var(--oranje-donker)}.inmeet-paneel{background:var(--vlak);border:1px solid var(--rand);border-radius:12px;padding:16px}.inmeet-nav-onder{display:flex;gap:10px;justify-content:space-between;margin-top:14px}.inmeet-nav-onder .knop-primair,.inmeet-nav-onder .knop-secundair{min-height:48px;min-width:130px}.inmeet-tristate-rij{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 4px;border-bottom:1px solid var(--rand)}.inmeet-tristate-rij:last-child{border-bottom:none}.inmeet-tristate-label{flex:1;font-size:15px}.inmeet-tristate-label .subtekst{color:var(--tekst-gedempt);font-size:12px}.inmeet-keuze-knop{min-width:76px;min-height:48px;border-radius:8px;border:1px solid var(--rand);background:var(--vlak);color:var(--tekst-gedempt);font-size:15px;font-weight:600;cursor:pointer}.inmeet-keuze-knop.actief-ja{border-color:var(--teal);color:var(--teal);background:#17a3981a}.inmeet-keuze-knop.actief-nee{border-color:var(--rood);color:var(--rood);background:#e0525214}.inmeet-keuze-knop.actief-neutraal{border-color:var(--oranje);color:var(--oranje-donker);background:#f5a02c1a}.inmeet-keuze-knop:disabled{cursor:default;opacity:.7}.inmeet-veld-rij{display:flex;flex-direction:column;gap:4px;margin:10px 0}.inmeet-veld-rij label{font-size:13px;color:var(--tekst-gedempt);font-weight:600}.inmeet-invoer-groot{min-height:48px;font-size:16px}.inmeet-warn{color:var(--rood);font-size:13px}.inmeet-let-op{color:#b45309;font-size:13px;font-weight:600}.inmeet-trede-kaart.let-op{background:#f59e0b12}.inmeet-let-op-blok{margin-top:12px;padding:10px 14px;border-radius:12px;border:1px solid rgba(245,158,11,.5);background:#f59e0b14;display:flex;flex-direction:column;gap:6px;font-size:13px}.inmeet-let-op-blok strong{color:#b45309}.inmeet-let-op-blok p{margin:0}.inmeet-let-op-blok p.info{color:var(--tekst-gedempt)}.inmeet-let-op-item{text-align:left;min-height:48px;padding:8px 12px;border-radius:10px;border:1px solid rgba(245,158,11,.45);background:#fff;color:var(--tekst);font-size:13px;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:center}.inmeet-let-op-item.info{border-style:dashed;color:var(--tekst-gedempt)}.inmeet-profiel{border-bottom:1px solid var(--rand);padding:10px 0}.inmeet-profiel:last-of-type{border-bottom:none}.inmeet-profiel-rij{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.inmeet-profiel-aantal{display:inline-flex;align-items:center;gap:6px}.inmeet-aantal-knop.klein{width:52px;height:52px;font-size:22px}.inmeet-profiel-aantal-waarde{min-width:36px;text-align:center;font-size:18px;font-weight:900}.inmeet-traptype{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 8px}.inmeet-traptype-kaart{min-height:72px;padding:12px 14px;border-radius:14px;border:2px solid var(--rand);background:var(--vlak);color:var(--tekst);cursor:pointer;display:flex;flex-direction:column;gap:4px;text-align:left}.inmeet-traptype-kaart.actief{border-color:var(--oranje);background:#f5a02c1a}.inmeet-traptype-kaart:disabled{cursor:default;opacity:.7}.inmeet-traptype-titel{font-weight:900;font-size:16px}.inmeet-traptype-sub{font-size:12px;color:var(--tekst-gedempt);line-height:1.4}.inmeet-aantal-label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--tekst-gedempt);width:100%}.inmeet-aantal-berekend{min-width:88px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--achtergrond);border:1.5px dashed var(--rand);font-size:22px;font-weight:900}@media (max-width: 600px){.inmeet-traptype{grid-template-columns:1fr}}.inmeet-aantal{background:var(--vlak);border:1px solid var(--rand);border-radius:14px;padding:12px 14px;margin:12px 0 4px;display:flex;flex-direction:column;gap:10px}.inmeet-aantal-kop{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.inmeet-aantal-sub{font-size:13px;color:var(--tekst-gedempt)}.inmeet-aantal-regel{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inmeet-aantal-knop{width:56px;height:56px;border-radius:12px;border:1.5px solid var(--rand);background:var(--achtergrond);color:var(--tekst);font-size:26px;font-weight:800;cursor:pointer;line-height:1}.inmeet-aantal-knop:active{transform:scale(.96);background:#f5a02c1f;border-color:var(--oranje)}.inmeet-aantal-knop:disabled{opacity:.4;cursor:default}.inmeet-aantal-veld{width:88px;min-height:56px;font-size:22px;font-weight:900;text-align:center}.inmeet-aantal-start{min-height:52px;font-size:15px}.inmeet-aantal-max{font-size:12px;color:var(--tekst-gedempt)}.inmeet-aantal-bevestig{background:#e0525214;border:1px solid rgba(224,82,82,.4);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}.inmeet-aantal-bevestig-knoppen{display:flex;gap:8px;margin-left:auto}.inmeet-aantal-bevestig-knoppen button{min-height:48px}.inmeet-trede-rij{display:grid;grid-template-columns:84px 1fr 1fr 56px;gap:8px;align-items:end;padding:6px 0;border-bottom:1px solid var(--rand)}.inmeet-trede-rij .kolomlabel{font-size:11px;color:var(--tekst-gedempt);font-weight:600}.inmeet-trede-kaart{border-bottom:1px solid var(--rand);padding-bottom:6px;margin-bottom:4px}.inmeet-trede-kaart.bordes{background:#3b82f60d}.inmeet-trede-kaart .inmeet-trede-rij{border-bottom:none;grid-template-columns:56px 1.2fr 1fr 1fr 168px}.inmeet-trede-nr{min-height:48px;display:inline-flex;align-items:center;justify-content:center;width:48px;border-radius:10px;background:var(--achtergrond);border:1px solid var(--rand);font-weight:900;font-size:16px}.inmeet-trede-gemeten{font-size:11px;color:var(--tekst-gedempt);margin-top:3px;font-family:ui-monospace,monospace}.inmeet-trede-gemeten.aangepast{color:#b45309;font-weight:700}.inmeet-trede-acties{display:flex;gap:4px;align-items:flex-end}.inmeet-trede-acties .inmeet-trede-verwijder{min-width:48px;min-height:48px;font-size:14px;font-weight:800}.inmeet-trede-verwijder.weg{color:var(--rood)}.inmeet-trede-verwijder:disabled{opacity:.4;cursor:default}.inmeet-trede-rij2{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:4px 0 0 56px}.inmeet-trede-klein{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--tekst-gedempt);font-weight:600}.inmeet-trede-klein .invoer{min-height:44px;width:120px;font-size:15px}.inmeet-trede-vlag{min-height:44px;padding:0 12px;border-radius:999px;border:1.5px solid var(--rand);background:var(--achtergrond);color:var(--tekst-gedempt);font-weight:700;font-size:12px;cursor:pointer}.inmeet-trede-vlag.actief{border-color:#3b82f6;color:#1d4ed8;background:#3b82f624}.inmeet-trede-vlag:disabled{cursor:default;opacity:.7}.inmeet-trede-kopvelden{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin:12px 0 4px}.inmeet-scan-stand.bevestigd{background:#16a34a1a;border-color:#16a34a66}.inmeet-scan-bevestigd{display:flex;gap:8px;align-items:center;font-weight:700;color:#15803d}.inmeet-scan-intrek{background:none;border:none;color:var(--tekst-gedempt);text-decoration:underline;cursor:pointer;font-size:12px;min-height:32px}.inmeet-scan-bevestig{min-height:44px;margin-top:4px;align-self:flex-start}.inmeet-scan-stand{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.35);font-size:13px}@media (max-width: 720px){.inmeet-trede-kaart .inmeet-trede-rij{grid-template-columns:48px 1.2fr 1fr 1fr 156px}.inmeet-trede-rij2{padding-left:0}}.inmeet-trede-verwijder{min-height:48px;border:1px solid var(--rand);border-radius:8px;background:var(--vlak);cursor:pointer;font-size:16px}.inmeet-matrix{width:100%;border-collapse:collapse;margin-top:10px}.inmeet-matrix th,.inmeet-matrix td{border:1px solid var(--rand);padding:8px 10px;text-align:right;font-size:14px;font-variant-numeric:tabular-nums}.inmeet-matrix th{background:var(--achtergrond);color:var(--tekst-gedempt);font-size:12px}.inmeet-matrix td:first-child,.inmeet-matrix th:first-child{text-align:left}.inmeet-matrix tr.leeg td{color:var(--tekst-gedempt)}.inmeet-sectie{border:1px solid var(--rand);border-radius:10px;margin:8px 0;background:var(--vlak)}.inmeet-sectie summary{list-style:none;cursor:pointer;min-height:48px;display:flex;align-items:center;gap:8px;padding:8px 14px;font-weight:600;font-size:15px}.inmeet-sectie summary::-webkit-details-marker{display:none}.inmeet-sectie summary:after{content:"▸";margin-left:auto;color:var(--tekst-gedempt)}.inmeet-sectie[open] summary:after{content:"▾"}.inmeet-sectie .sectie-inhoud{padding:4px 14px 14px;border-top:1px solid var(--rand)}.inmeet-sectie .optioneel-tag{font-size:11px;font-weight:700;color:var(--tekst-gedempt);border:1px solid var(--rand);border-radius:10px;padding:1px 8px}.inmeet-foto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px}.inmeet-foto-tegel{position:relative;border:1px solid var(--rand);border-radius:10px;overflow:hidden;aspect-ratio:4 / 3;background:var(--achtergrond)}.inmeet-foto-tegel img{width:100%;height:100%;object-fit:cover;display:block}.inmeet-foto-verwijder{position:absolute;top:6px;right:6px;min-width:44px;min-height:44px;border-radius:8px;border:1px solid var(--rand);background:#ffffffeb;cursor:pointer;font-size:15px}.inmeet-canvas-vlak{display:block;width:100%;border:1px dashed var(--rand);border-radius:10px;background:#fff}.inmeet-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:var(--vlak);padding:16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.inmeet-ontbreekt-lijst{display:flex;flex-direction:column;gap:6px;margin:10px 0}.inmeet-ontbreekt-item{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px;border:1px solid rgba(224,82,82,.3);background:#e052520f;color:var(--rood);border-radius:8px;font-size:14px;cursor:pointer;text-align:left}.inmeet-ontbreekt-item .springlabel{margin-left:auto;font-size:12px;white-space:nowrap}.inmeet-groen-banner{border:1px solid rgba(23,163,152,.4);background:#17a3981a;color:#0c5f58;border-radius:10px;padding:12px 14px;font-weight:600;margin:10px 0}.inmeet-samenvatting dt{font-size:12px;color:var(--tekst-gedempt);font-weight:600;margin-top:8px}.inmeet-samenvatting dd{margin:2px 0 0;font-size:14px}@media (max-width: 700px){.inmeet-trede-rij{grid-template-columns:64px 1fr 1fr 48px}.inmeet-nav-onder .knop-primair,.inmeet-nav-onder .knop-secundair{min-width:104px}}.inmeet-start{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.inmeet-start-kop{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.inmeet-start-kop h1{margin:0;font-size:20px;font-weight:900;display:flex;align-items:center;gap:8px}.inmeet-start-kop-ikoon{color:var(--oranje);display:inline-flex}.inmeet-start-terug{min-height:44px;padding:0 14px;border-radius:10px;border:none;cursor:pointer;background:#2d32390f;color:var(--tekst-gedempt);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px}.inmeet-start-scheiding{width:1px;height:18px;background:var(--rand)}.inmeet-start-primair{min-height:44px;padding:0 16px;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(135deg,var(--oranje),var(--oranje-donker));color:var(--tekst);font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 14px -6px #e08c1480}.inmeet-start-primair:active{transform:scale(.97)}.inmeet-start-strook{background:var(--vlak);border:1px solid var(--rand);border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}.inmeet-start-strook-velden{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.inmeet-start-strook-scheiding{width:1px;height:32px;background:var(--rand)}.inmeet-start-label{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tekst-gedempt)}.inmeet-start-waarde{font-weight:700;color:var(--tekst);display:inline-flex;align-items:center;gap:6px}.inmeet-start-waarde.sterk{font-weight:900}.inmeet-start-stip{width:7px;height:7px;border-radius:50%;display:inline-block}.inmeet-start-teller{background:var(--achtergrond);border:1px solid var(--rand);border-radius:10px;padding:8px 12px;color:var(--tekst-gedempt);font-weight:700;font-size:13px}.inmeet-start-teller strong{color:var(--oranje-donker);font-weight:900}.inmeet-start-leeg{background:var(--vlak);border:1px solid var(--rand);border-radius:18px;padding:32px 24px;text-align:center;display:flex;flex-direction:column;gap:28px}.inmeet-start-leeg-kop{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:8px;align-items:center}.inmeet-start-leeg-kop h2{margin:0;font-size:20px;font-weight:900}.inmeet-start-leeg-kop p{margin:0;color:var(--tekst-gedempt);font-size:13px;line-height:1.5}.inmeet-start-leeg-ikoon{width:64px;height:64px;border-radius:18px;background:#f5a02c1f;color:var(--oranje-donker);border:1px solid rgba(245,160,44,.3);display:inline-flex;align-items:center;justify-content:center}.inmeet-start-kaarten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:820px;margin:0 auto;width:100%;text-align:left}.inmeet-start-kaart{background:var(--vlak);border:2px dashed var(--rand);border-radius:14px;padding:18px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:150px;text-align:left;color:var(--tekst)}.inmeet-start-kaart:active,.inmeet-start-kaart.actief{border-style:solid;border-color:var(--oranje);background:#f5a02c0f}.inmeet-start-kaart:disabled{opacity:.6;cursor:default}.inmeet-start-kaart-kop{display:flex;align-items:center;justify-content:space-between}.inmeet-start-tegel{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.inmeet-start-tegel.klein{width:36px;height:36px;flex-shrink:0}.tint-oranje .inmeet-start-tegel,.inmeet-start-tegel.tint-oranje{background:#f5a02c29;color:var(--oranje-donker)}.tint-amber .inmeet-start-tegel,.inmeet-start-tegel.tint-amber{background:#d9770624;color:#b45309}.tint-blauw .inmeet-start-tegel,.inmeet-start-tegel.tint-blauw{background:#3b82f624;color:#1d4ed8}.inmeet-start-plus{color:var(--rand);display:inline-flex}.inmeet-start-kaart.actief .inmeet-start-plus{color:var(--oranje)}.inmeet-start-kaart-titel{font-weight:800;font-size:15px}.inmeet-start-kaart-sub{font-size:12px;color:var(--tekst-gedempt);margin-top:4px;line-height:1.4}.inmeet-start-keuze{background:var(--vlak);border:1px solid var(--oranje);border-radius:14px;padding:16px;text-align:left;max-width:820px;margin:0 auto;width:100%}.inmeet-start-keuze-titel{font-weight:800;display:flex;align-items:center;gap:8px;margin-bottom:10px}.inmeet-start-items{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.inmeet-start-item{min-height:52px;padding:10px 14px;border-radius:10px;border:1px solid var(--rand);background:var(--vlak);color:var(--tekst);display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;text-align:left}.inmeet-start-item.actief{border-color:var(--oranje);background:#f5a02c1a;font-weight:700}.inmeet-start-item-bon{font-family:ui-monospace,monospace;font-weight:700;font-size:13px;color:var(--tekst-gedempt)}.inmeet-start-keuze-acties{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.inmeet-start-lijst{background:var(--vlak);border:1px solid var(--rand);border-radius:14px;padding:4px 8px}.inmeet-start-rij{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--rand)}.inmeet-start-rij:last-child{border-bottom:none}.inmeet-start-rij-open{flex:1;min-height:64px;display:flex;align-items:center;gap:12px;padding:10px 6px;background:none;border:none;cursor:pointer;text-align:left;color:var(--tekst);min-width:0}.inmeet-start-rij-tekst{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.inmeet-start-rij-titel{font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inmeet-start-rij-sub{font-size:13px;color:var(--tekst-gedempt);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.inmeet-start-rij-los{color:#b45309;font-weight:700}.inmeet-start-rij-chevron{color:var(--tekst-gedempt);display:inline-flex}.inmeet-start-rij-actie{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.inmeet-start-extra{background:var(--vlak);border:1px solid var(--rand);border-radius:14px;padding:12px}.inmeet-start-extra-knop{width:100%;min-height:64px;border:2px dashed var(--oranje);border-radius:12px;background:#f5a02c0f;color:var(--oranje-donker);font-weight:900;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.inmeet-start-extra-sub{font-weight:500;font-size:13px;color:var(--tekst-gedempt);width:100%;text-align:center}.inmeet-start-extra-kop{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.inmeet-start-extra-kop h3{margin:0;font-size:16px}.inmeet-start-toevoegen{background:var(--vlak);border:1px solid var(--rand);border-radius:14px;padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px;text-align:left}.inmeet-start-toevoegen-kop h3{margin:0;font-size:15px;font-weight:900}.inmeet-start-toevoegen-kop p{margin:4px 0 0;font-size:13px;color:var(--tekst-gedempt);line-height:1.45}.inmeet-start-onderdelen{display:flex;flex-direction:column;border:1px solid var(--rand);border-radius:12px;overflow:hidden}.inmeet-start-onderdeel{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(260px,1.4fr) minmax(160px,1fr) auto;gap:10px 16px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--rand);min-height:64px}.inmeet-start-onderdeel:last-child{border-bottom:none}.inmeet-start-onderdeel.heeft{background:#17a3980a}.inmeet-start-onderdeel-naam{display:flex;flex-direction:column;gap:2px;min-width:0}.inmeet-start-onderdeel-titel{font-weight:800;font-size:15px;overflow-wrap:anywhere}.inmeet-start-onderdeel-type{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inmeet-start-typechip{min-height:44px;padding:0 12px;border-radius:999px;border:1.5px solid var(--rand);background:var(--achtergrond);color:var(--tekst-gedempt);font-weight:700;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.inmeet-start-typechip.actief.tint-oranje{border-color:var(--oranje);color:var(--oranje-donker);background:#f5a02c24}.inmeet-start-typechip.actief.tint-amber{border-color:#d97706;color:#b45309;background:#d9770624}.inmeet-start-typechip.actief.tint-blauw{border-color:#3b82f6;color:#1d4ed8;background:#3b82f624}.inmeet-start-typechip:disabled{cursor:default;opacity:.7}.inmeet-start-onderdeel-hint{font-size:11px;color:var(--tekst-gedempt);width:100%}.inmeet-start-onderdeel-status{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.inmeet-start-onderdeel-geen{font-size:13px;color:var(--tekst-gedempt);font-style:italic}.inmeet-start-formulierlink{min-height:44px;padding:4px 8px;border:none;background:none;cursor:pointer;color:var(--tekst);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:8px;text-align:left;border-radius:8px}.inmeet-start-formulierlink:active{background:#2d32390f}.inmeet-start-onderdeel-actie{display:flex;flex-direction:column;align-items:stretch;gap:4px}.inmeet-start-onderdeel-actie .inmeet-start-primair{justify-content:center}.inmeet-start-knop44{min-height:44px}.inmeet-start-tweede{min-height:44px;padding:0 8px;border:none;background:none;cursor:pointer;color:var(--tekst-gedempt);font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.inmeet-start-tweede:disabled{cursor:default;opacity:.6}@media (max-width: 900px){.inmeet-start-kaarten{grid-template-columns:1fr}.inmeet-start-onderdeel{grid-template-columns:1fr;gap:8px}.inmeet-start-onderdeel-actie{flex-direction:row;align-items:center}.inmeet-start-strook-scheiding{display:none}}.inmeet-vloer{display:flex;flex-direction:column;gap:16px}.inmeet-vloer-sectie{background:var(--vlak);border:1px solid var(--rand);border-radius:16px;padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px}.inmeet-vloer-sectie-kop{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--rand)}.inmeet-vloer-sectie-titel{font-weight:900;font-size:16px}.inmeet-vloer-sectie-sub{font-size:12px;color:var(--tekst-gedempt);line-height:1.4;margin-top:2px}.inmeet-vloer-veld{display:flex;flex-direction:column;gap:6px}.inmeet-vloer-veld>label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--tekst-gedempt)}.inmeet-vloer-hint{font-size:12px;color:var(--tekst-gedempt);line-height:1.4}.inmeet-vloer-chips{display:flex;flex-wrap:wrap;gap:8px}.inmeet-vloer-chip{flex:1 1 140px;min-height:52px;padding:8px 14px;border-radius:12px;cursor:pointer;border:1.5px solid var(--rand);background:var(--achtergrond);color:var(--tekst);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:700;font-size:15px;text-align:center}.inmeet-vloer-chip small{font-size:11px;font-weight:600;color:var(--tekst-gedempt)}.inmeet-vloer-chip.actief{border-color:var(--oranje);background:#f5a02c1f;color:var(--oranje-donker)}.inmeet-vloer-chip.actief small{color:var(--oranje-donker)}.inmeet-vloer-chip:active{transform:scale(.98)}.inmeet-vloer-chip:disabled{cursor:default;opacity:.7}.inmeet-vloer-invoer-rij{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.inmeet-vloer-invoer-wrap{position:relative;flex:0 1 260px;min-width:180px}.inmeet-vloer-invoer{min-height:56px;font-size:18px;font-weight:700;width:100%;padding-right:64px}.inmeet-vloer-invoer[type=date]{padding-right:12px;font-weight:600}.inmeet-vloer-veld>.inmeet-vloer-invoer{padding-right:12px;font-weight:600}.inmeet-vloer-eenheid{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;font-weight:800;color:var(--tekst-gedempt);pointer-events:none}.inmeet-vloer-grens{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;background:#17a3981a;color:var(--teal);border:1px solid rgba(23,163,152,.3)}.inmeet-vloer-grens.te-hoog{background:#e052521a;color:var(--rood);border-color:#e0525259}.inmeet-vloer-grens.neutraal{background:var(--achtergrond);color:var(--tekst-gedempt);border-color:var(--rand)}.inmeet-vloer-twee{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.inmeet-vloer-reken{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.inmeet-vloer-reken-tegel{background:var(--achtergrond);border:1px solid var(--rand);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.inmeet-vloer-reken-tegel strong{font-size:20px;font-weight:900}.inmeet-vloer-reken-tegel small{font-size:11px;color:var(--tekst-gedempt)}.inmeet-vloer-reken-tegel.sterk{border-color:#f5a02c80;background:#f5a02c1a}.inmeet-vloer-reken-tegel.sterk strong{color:var(--oranje-donker)}.inmeet-vloer-banner{border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.45;border:1px solid var(--rand);background:var(--achtergrond)}.inmeet-vloer-banner strong{font-size:14px}.inmeet-vloer-banner.ok{background:#17a3981a;border-color:#17a39859;color:#0e6b64}.inmeet-vloer-banner.nog_drogen{background:#d977061f;border-color:#d9770666;color:#8a4b04}.inmeet-vloer-banner.overschreden{background:#e052521a;border-color:#e0525266;color:#9b2c2c}.inmeet-vloer-banner.geen_grens{color:var(--tekst)}.inmeet-vloer-jaknee{display:flex;flex-direction:column}.inmeet-vloer-jaknee .inmeet-keuze-knop{min-height:52px;min-width:96px}.inmeet-vloer-samenvatting{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.inmeet-vloer-samenvatting>.inmeet-samenvatting{margin:0}@media (max-width: 720px){.inmeet-vloer-twee,.inmeet-vloer-reken,.inmeet-vloer-samenvatting{grid-template-columns:1fr}.inmeet-vloer-invoer-wrap{flex:1 1 100%}}.inmeet-afrond-rij{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.inmeet-afrond-status{display:flex;gap:6px;flex-wrap:wrap}.inmeet-bundels{display:flex;flex-direction:column;border:1px solid var(--rand);border-radius:12px;overflow:hidden}.inmeet-bundel-rij{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--rand);min-height:56px;font-size:14px}.inmeet-bundel-rij:last-child{border-bottom:none}.inmeet-bundel-rij>span:nth-child(2){flex:1;min-width:220px}.inmeet-scanpaneel{margin:12px 0 4px;padding:10px 14px;border-radius:12px;border:1px solid rgba(139,92,246,.35);background:#8b5cf60f;font-size:13px}.inmeet-scanpaneel-kop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.inmeet-scanpaneel .gedempt{color:var(--tekst-gedempt);margin:6px 0 0}.inmeet-scan-upload{min-height:44px;display:inline-flex;align-items:center;cursor:pointer}.inmeet-scan-upload.bezig{opacity:.7}.inmeet-scanlijst{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.inmeet-scanrij{width:100%;text-align:left;display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-height:44px;padding:4px 8px;border-radius:8px;border:1px solid transparent;background:none;color:var(--tekst);cursor:pointer;font-size:13px}.inmeet-scanrij[aria-expanded=true]{border-color:#8b5cf680;background:#fff}.inmeet-scan-ok{color:#15803d;font-weight:700;font-size:13px;margin:6px 0 0}.inmeet-scanresultaat{margin-top:8px}.inmeet-scan-onbetrouwbaar{padding:8px 12px;border-radius:10px;border:1.5px solid #dc2626;background:#dc262614;color:#991b1b;margin-bottom:8px}.inmeet-scan-tabelwrap{overflow-x:auto}.inmeet-scan-tabel{border-collapse:collapse;width:100%;font-size:12px;background:#fff}.inmeet-scan-tabel th,.inmeet-scan-tabel td{padding:4px 8px;border-bottom:1px solid var(--rand);text-align:left;white-space:nowrap}.inmeet-scan-tabel th.onbetrouwbaar,.inmeet-scan-tabel td.onbetrouwbaar{color:#991b1b;text-decoration:underline dotted}.inmeet-scan-tabel tr.overschot td{color:var(--tekst-gedempt);font-style:italic}.inmeet-scan-tabel tr.tekort td{color:var(--tekst-gedempt)}.inmeet-scan-overname{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}.inmeet-scan-vink{display:flex;gap:8px;align-items:center;min-height:44px;font-weight:600}.inmeet-scan-vink input{width:22px;height:22px}.inmeet-sectienav{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;padding:8px 0;margin:0 0 10px;background:var(--achtergrond);border-bottom:1px solid var(--rand);-webkit-overflow-scrolling:touch;scrollbar-width:none}.inmeet-sectienav::-webkit-scrollbar{display:none}.inmeet-sectie-knop{min-height:48px;padding:8px 16px;border-radius:999px;border:1px solid var(--rand);background:var(--vlak);color:var(--tekst);font-size:14px;white-space:nowrap;cursor:pointer;flex-shrink:0}.inmeet-sectie-knop.actief{border-color:var(--oranje);color:var(--oranje-donker);background:#f5a02c1a;font-weight:700}.inmeet-sectie-knop.fout{border-color:var(--rood);color:var(--rood)}.inmeet-blok{background:var(--vlak);border:1px solid var(--rand);border-radius:12px;padding:16px;margin:0 0 14px;scroll-margin-top:76px}.inmeet-blok.fout{border-color:var(--rood);box-shadow:0 0 0 2px #e052521f}.inmeet-blok-kop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.inmeet-blok-kop h3{margin:0}.inmeet-kaart{border:1px solid var(--rand);border-radius:12px;padding:8px 14px 6px;margin:10px 0;background:var(--achtergrond)}.inmeet-kaart-kop{display:flex;align-items:center;gap:10px;margin:2px 0 4px}.inmeet-kaart-kop h4{margin:0;font-size:14px}.inmeet-jaknee{display:flex;align-items:center;gap:8px;flex-shrink:0}.inmeet-onbeantwoord{font-size:11px;font-weight:700;color:var(--oranje-donker);border:1px dashed var(--oranje);border-radius:10px;padding:2px 8px;white-space:nowrap}.inmeet-subveld{margin:0 0 10px 12px;padding-left:12px;border-left:3px solid var(--rand);max-width:320px}.inmeet-veld-fout{outline:2px solid var(--rood);outline-offset:3px;border-radius:8px}.inmeet-notitie{display:flex;align-items:center;gap:10px;border:1px solid rgba(23,163,152,.4);background:#17a39814;border-radius:10px;padding:8px 12px;margin:0 0 10px;font-size:14px}.inmeet-notitie button{margin-left:auto;min-height:40px;min-width:40px;border:0;background:none;font-size:18px;cursor:pointer;color:var(--tekst-gedempt)}.inmeet-tekenlijst{display:flex;flex-direction:column;gap:6px;margin:8px 0}.inmeet-tekenlijst label{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 12px;border:1px solid var(--rand);border-radius:10px;background:var(--vlak);font-size:15px;cursor:pointer}.inmeet-tekenlijst input{width:24px;height:24px;flex-shrink:0}@media (max-width: 720px){.inmeet-blok{padding:12px}.inmeet-tristate-rij{flex-wrap:wrap}.inmeet-jaknee{margin-left:auto}}.inmeet-aantal-wielregel{align-items:flex-start;gap:16px}.inmeet-aantal-wieluitleg{display:flex;flex-direction:column;gap:10px;flex:1;min-width:200px;font-size:14px;padding-top:6px}.inmeet-wiel{position:relative;width:120px;flex-shrink:0}.inmeet-wiel-lijst{height:var(--wiel-hoogte, 280px);overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border:1.5px solid var(--rand);border-radius:14px;background:var(--achtergrond);scrollbar-width:none;outline:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}.inmeet-wiel-lijst::-webkit-scrollbar{display:none}.inmeet-wiel-lijst:focus-visible{border-color:var(--oranje)}.inmeet-wiel-vulling{height:var(--wiel-vulling, 112px)}.inmeet-wiel-item{height:var(--wiel-item, 56px);display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:22px;font-weight:700;color:var(--tekst-gedempt);cursor:pointer;user-select:none;-webkit-user-select:none}.inmeet-wiel-item.actief{color:var(--oranje-donker);font-size:30px;font-weight:900}.inmeet-wiel-band{position:absolute;left:8px;right:8px;top:var(--wiel-vulling, 112px);height:var(--wiel-item, 56px);border-top:2px solid var(--oranje);border-bottom:2px solid var(--oranje);background:#f5a02c1a;border-radius:8px;pointer-events:none;z-index:1}.inmeet-wiel.uit .inmeet-wiel-lijst{pointer-events:none;opacity:.6}.inmeet-wiel.uit .inmeet-wiel-band{border-color:var(--rand);background:transparent}.inmeet-wiel-meer{font-size:12px;color:var(--tekst-gedempt);margin-top:4px}.debiteuren{--k-teal: var(--teal);--k-amber: #f5a02c;--k-oranje: #d9711f;--k-baksteen: #b8482c;--k-wijn: #7e2a3c}.debiteuren .k-nietVervallen{--k: var(--k-teal)}.debiteuren .k-d1_30{--k: var(--k-amber)}.debiteuren .k-d31_60{--k: var(--k-oranje)}.debiteuren .k-d61_90{--k: var(--k-baksteen)}.debiteuren .k-d90plus{--k: var(--k-wijn)}.debiteuren .getal{font-variant-numeric:tabular-nums}.debiteuren .deb-kop{display:flex;flex-wrap:wrap;gap:20px 36px;align-items:flex-end;background:var(--vlak);border:1px solid var(--rand);border-radius:12px;padding:18px 20px 16px;margin:14px 0 12px}.debiteuren .deb-kop-links{flex:0 1 300px}.debiteuren .deb-totaal{font-size:36px;font-weight:600;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.debiteuren .deb-feiten{color:var(--tekst-gedempt);font-size:13px;margin-top:6px;max-width:34ch}.debiteuren .deb-ouderdom{flex:1 1 460px;min-width:0}.debiteuren .deb-ribbon{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--achtergrond);margin-bottom:8px}.debiteuren .deb-ribbon-seg{background:var(--k);min-width:0}.debiteuren .deb-ribbon-seg.gevuld{min-width:3px}.debiteuren .deb-blokken{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.debiteuren .deb-blok{text-align:left;background:var(--vlak);border:1px solid var(--rand);border-top:3px solid var(--k);border-radius:8px;padding:8px 10px 7px;cursor:pointer;color:var(--tekst);font:inherit;min-width:0}.debiteuren .deb-blok:hover{border-color:var(--k)}.debiteuren .deb-blok:focus-visible{outline:2px solid var(--k);outline-offset:2px}.debiteuren .deb-blok.actief{background:color-mix(in srgb,var(--k) 12%,white);border-color:var(--k)}.debiteuren .deb-blok-label{display:block;font-size:12px;color:var(--tekst-gedempt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debiteuren .deb-blok-bedrag{display:block;font-size:15px;font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums}.debiteuren .deb-blok-aantal{display:block;font-size:12px;color:var(--tekst-gedempt)}.debiteuren .deb-strook{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;border:1px solid var(--rand);border-radius:10px;background:var(--vlak);padding:9px 12px;margin-bottom:8px;font-size:13px}.debiteuren .deb-strook-knop{background:none;border:0;padding:0;font:inherit;color:var(--tekst);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.debiteuren .deb-strook-knop:focus-visible{outline:2px solid var(--oranje);outline-offset:3px;border-radius:4px}.debiteuren .deb-caret{display:inline-block;width:10px;color:var(--tekst-gedempt);transition:transform .12s ease}.debiteuren .open>.deb-strook-knop .deb-caret,.debiteuren .deb-klant.open .deb-caret{transform:rotate(90deg)}.debiteuren .deb-delta-regels{width:100%;margin-top:6px}.debiteuren .deb-sync-rechts{margin-left:auto;display:flex;align-items:center;gap:10px}.debiteuren .deb-melding{color:var(--tekst-gedempt)}.debiteuren .deb-waarschuwing{border:1px solid rgba(224,82,82,.45);background:#e0525214;color:#8d2b2b;border-radius:10px;padding:10px 12px;margin-bottom:8px;font-size:13px}.debiteuren .deb-waarschuwing strong{display:block;margin-bottom:2px}.debiteuren .deb-werkbalk{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0 8px;font-size:13px}.debiteuren .deb-werkbalk .invoer{width:min(100%,360px);padding:8px 12px;font-size:13px}.debiteuren .deb-vink{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.debiteuren .deb-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--k);background:color-mix(in srgb,var(--k) 12%,white);border-radius:999px;padding:3px 10px;font:inherit;cursor:pointer}.debiteuren .deb-telling{color:var(--tekst-gedempt);margin-left:auto}.debiteuren .deb-lijst{list-style:none;margin:0;padding:0;border:1px solid var(--rand);border-radius:12px;background:var(--vlak);overflow:hidden}.debiteuren .deb-lijst-kop,.debiteuren .deb-klant-kop{display:grid;grid-template-columns:16px minmax(180px,2fr) 120px 90px minmax(170px,1.2fr) 150px;gap:12px;align-items:center;padding:10px 14px}.debiteuren .deb-lijst-kop{background:var(--achtergrond);font-size:12px;color:var(--tekst-gedempt);border-bottom:1px solid var(--rand)}.debiteuren .deb-klant{border-bottom:1px solid var(--rand)}.debiteuren .deb-klant:last-child{border-bottom:0}.debiteuren .deb-klant-kop{cursor:pointer;font-size:13px}.debiteuren .deb-klant-kop:hover{background:#f5a02c0f}.debiteuren .deb-klant-kop:focus-visible{outline:2px solid var(--oranje);outline-offset:-2px}.debiteuren .deb-naam{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.debiteuren .deb-link{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--tekst);cursor:pointer;text-decoration:underline;text-decoration-color:#2d323940;text-underline-offset:3px}.debiteuren .deb-link:hover{text-decoration-color:var(--oranje);color:var(--oranje-donker)}.debiteuren .deb-naam-los{font-weight:600}.debiteuren .deb-geen-kaart{font-size:11px;color:var(--tekst-gedempt);border:1px dashed var(--rand);border-radius:999px;padding:1px 7px}.debiteuren .deb-klantnr{font-size:12px;color:var(--tekst-gedempt)}.debiteuren .deb-bedrag,.debiteuren .deb-lijst-kop .r{text-align:right;font-variant-numeric:tabular-nums}.debiteuren .deb-bedrag{font-weight:600}.debiteuren .deb-aantal{color:var(--tekst-gedempt)}.debiteuren .deb-verval em{font-style:normal;color:var(--k);font-weight:600;margin-left:6px}.debiteuren .deb-verval .stil{color:var(--tekst-gedempt);font-weight:400}.debiteuren .deb-herinnering{display:inline-flex;align-items:center;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.debiteuren .deb-herinnering.geen{color:var(--tekst-gedempt);font-weight:400;padding-left:0}.debiteuren .deb-herinnering.licht{background:#f5a02c29;color:var(--oranje-donker)}.debiteuren .deb-herinnering.zwaar{background:#e052521f;color:var(--rood)}.debiteuren .deb-facturen{width:100%;border-collapse:collapse;font-size:13px;background:color-mix(in srgb,var(--achtergrond) 60%,white)}.debiteuren .deb-facturen th{text-align:left;font-weight:500;font-size:12px;color:var(--tekst-gedempt);padding:6px 12px;border-top:1px solid var(--rand)}.debiteuren .deb-facturen td{padding:7px 12px;border-top:1px solid var(--rand);vertical-align:top}.debiteuren .deb-facturen th.r,.debiteuren .deb-facturen td.r{text-align:right;font-variant-numeric:tabular-nums}.debiteuren .deb-facturen th:first-child,.debiteuren .deb-facturen td:first-child{padding-left:42px}.debiteuren .deb-facturen tr.buiten td{opacity:.45}.debiteuren .deb-leeg{padding:26px 14px;color:var(--tekst-gedempt)}.debiteuren .deb-delta-tabel{width:100%;border-collapse:collapse;font-size:13px}.debiteuren .deb-delta-tabel td,.debiteuren .deb-delta-tabel th{padding:5px 8px;border-top:1px solid var(--rand);text-align:left}.debiteuren .deb-delta-tabel th{font-weight:500;font-size:12px;color:var(--tekst-gedempt)}.debiteuren .deb-delta-tabel .r{text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 900px){.debiteuren .deb-blokken{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.debiteuren .deb-blok{padding:6px 7px}.debiteuren .deb-blok-bedrag{font-size:13px}}@media (max-width: 760px){.debiteuren .deb-lijst-kop{display:none}.debiteuren .deb-klant-kop{grid-template-columns:16px 1fr auto;grid-template-areas:"caret naam bedrag" ". verval herinnering" ". aantal aantal"}.debiteuren .deb-klant-kop>.deb-caret{grid-area:caret}.debiteuren .deb-klant-kop>.deb-naam{grid-area:naam}.debiteuren .deb-klant-kop>.deb-bedrag{grid-area:bedrag}.debiteuren .deb-klant-kop>.deb-aantal{grid-area:aantal}.debiteuren .deb-klant-kop>.deb-verval{grid-area:verval}.debiteuren .deb-klant-kop>.deb-herinnering{grid-area:herinnering;justify-self:end}.debiteuren .deb-blokken{grid-template-columns:repeat(2,minmax(0,1fr))}.debiteuren .deb-facturen th:first-child,.debiteuren .deb-facturen td:first-child{padding-left:14px}.debiteuren .deb-totaal{font-size:30px}}@media (prefers-reduced-motion: reduce){.debiteuren .deb-caret{transition:none}}:root,.planning-module{--color-bg: #f7f8fa;--color-surface: #FFFFFF;--color-surface-2: #f1f3f6;--color-sidebar: #1F2937;--color-sidebar-text: #F9FAFB;--color-sidebar-active:#f5a02c;--color-accent: #f5a02c;--color-accent-hover: #e08c14;--color-border: #e3e6ea;--color-border-strong: #d0d5db;--color-text: #2d3239;--color-text-muted: #7a828c;--color-text-tertiary: #9aa2ac;--color-cell-bg: #fafbfc;--color-today-header: #fdf2e0;--color-today-cell: #fdf6ea;--color-sat-header: #f7f8fa;--color-sat-cell: #fafbfc;--color-table-divider: rgba(0,0,0,.06);--font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Segoe UI Mono", "Courier New", monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--sidebar-w: 200px}.planning-module,.planning-module .sidebar,.planning-module .sidebar-logo,.planning-module .nav-item,.planning-module .topbar,.planning-module .week-nav-btn,.planning-module .view-toggle,.planning-module .view-toggle-btn,.planning-module .plan-table th,.planning-module .plan-table td,.planning-module .year-table th,.planning-module .year-table td,.planning-module .klus-card,.planning-module .error-card,.planning-module .detail-panel,.planning-module .detail-header,.planning-module .detail-close,.planning-module .detail-note,.planning-module .detail-notes-section,.planning-module .detail-btn-secondary,.planning-module .monteur-card,.planning-module .monteur-row,.planning-module .monteur-detail,.planning-module .bestellingen-card,.planning-module .bestellingen-card-header{transition:background-color .22s ease,border-color .22s ease,color .16s ease}.planning-module *,.planning-module *:before,.planning-module *:after{box-sizing:border-box}.planning-module{font-family:var(--font-ui);background:var(--color-bg);color:var(--color-text);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.planning-module .te-plannen-control::placeholder{color:var(--color-text-tertiary);opacity:1}.planning-module .te-plannen-control:hover{border-color:#ffffff29}.planning-module .te-plannen-control:focus{border-color:#f5a02c8c;background:#ffffff08;box-shadow:0 0 0 3px #f5a02c26}.planning-module .te-plannen-control option{background:var(--color-surface);color:var(--color-text)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.planning-module .sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--color-sidebar);display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:20;overflow:hidden}.planning-module .sidebar-brand{padding:20px 18px 18px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:11px;flex-shrink:0}.planning-module .sidebar-logo{width:32px;height:32px;min-width:32px;background:var(--color-accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;letter-spacing:-.5px;font-family:var(--font-ui)}.planning-module .sidebar-wordmark{overflow:hidden}.planning-module .sidebar-title{font-size:14px;font-weight:600;color:var(--color-sidebar-text);white-space:nowrap;line-height:1.2}.planning-module .sidebar-sub{font-size:9px;color:#e8eaed59;letter-spacing:.8px;text-transform:uppercase;font-family:var(--font-mono);margin-top:1px;white-space:nowrap}.planning-module .sidebar-nav{padding:14px 10px;flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.planning-module .nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;font-size:13px;font-weight:500;color:#e8eaed73;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;background:transparent;width:100%;text-align:left;font-family:var(--font-ui)}.planning-module .nav-item:hover{background:#ffffff0d;color:#e8eaedd9}.planning-module .nav-item.active{background:var(--color-sidebar-active);color:#fff;font-weight:600}.planning-module .nav-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.planning-module .nav-label{overflow:hidden}.planning-module .sidebar-footer{padding:12px 14px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.planning-module .sidebar-version{font-size:10px;color:#e8eaed2e;font-family:var(--font-mono);letter-spacing:.2px;white-space:nowrap;overflow:hidden}.planning-module .theme-toggle{width:30px;height:30px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#e8eaed80;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.planning-module .theme-toggle:hover{background:#ffffff1a;color:#e8eaede6;border-color:#fff3}.planning-module .main-wrapper{margin-left:var(--sidebar-w);min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.planning-module .topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:54px;display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:10;flex-shrink:0}.planning-module .week-nav{display:flex;align-items:center;gap:10px;flex:1}.planning-module .week-nav-btn{width:30px;height:30px;border-radius:7px;border:1px solid var(--color-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.planning-module .week-nav-btn:hover{background:var(--color-bg);color:var(--color-text)}.planning-module .week-label{font-size:14px;font-weight:600;color:var(--color-text);min-width:220px;text-align:center;font-family:var(--font-ui)}.planning-module .view-toggle{display:flex;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:3px;gap:2px}.planning-module .view-toggle-btn{padding:4px 14px;border-radius:6px;border:none;background:transparent;font-size:12px;font-weight:500;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-ui)}.planning-module .view-toggle-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px #0000001f}.planning-module .board-container{flex:1;padding:20px 24px}.planning-module .plan-table{border-collapse:separate;border-spacing:0;min-width:820px;width:100%}.planning-module .plan-table thead th{background:var(--color-surface-2);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.planning-module .year-table .year-header-cell{font-size:12px;letter-spacing:.05em}.planning-module .font-mono,.planning-module .year-pill-label,.planning-module .year-pill-nr,.planning-module .sidebar-version,.planning-module .sidebar-sub{font-feature-settings:"tnum" 1,"lnum" 1}.planning-module .page-title{font-size:20px;font-weight:600;color:var(--color-text);font-family:var(--font-ui);margin:0 0 12px;letter-spacing:-.01em}.planning-module .section-header{font-size:16px;font-weight:600;color:var(--color-text);font-family:var(--font-ui);margin:0 0 8px}.planning-module .row-enter{animation:fadeInUp .32s ease both}.planning-module .klus-cell{position:relative}.planning-module .klus-cell:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1.5px dashed transparent;border-radius:6px;transition:border-color .15s ease;pointer-events:none}.planning-module .klus-cell:hover:after{border-color:#f5a02c59}.planning-module .klus-cell-merged{min-height:176px}.planning-module .klus-cell-empty{min-height:40px!important}.planning-module .klus-cell-empty:after{top:2px;right:2px;bottom:2px;left:2px}.planning-module .klus-card{margin-bottom:4px}.planning-module .klus-card:last-child{margin-bottom:0}.planning-module .klus-card:hover{box-shadow:var(--shadow-md)!important;border-color:var(--color-border-strong)!important}.planning-module .klus-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.planning-module .type-badge{display:inline-block;padding:1px 6px;border-radius:10px;background:#ffffff26;font-size:10px;font-weight:500;letter-spacing:.15px;margin-top:4px;font-family:var(--font-ui)}.planning-module .year-table{table-layout:fixed;border-collapse:separate;border-spacing:0}.planning-module .year-table th,.planning-module .year-table td{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.planning-module .year-table thead th{border-top:1px solid var(--color-border)}.planning-module .year-table th:first-child,.planning-module .year-table td:first-child{border-left:1px solid var(--color-border)}.planning-module .year-table .year-week-col{width:120px!important;min-width:120px!important;background:var(--color-bg);position:sticky!important;left:0!important;z-index:4!important;border-right:2px solid var(--color-border)!important}.planning-module .year-table .year-header-cell{text-align:center;background:var(--color-surface);min-width:400px;width:400px;border-bottom:2px solid var(--color-border)!important;position:sticky!important;top:150px!important;z-index:10!important}.planning-module .year-table .year-header-cell.year-week-col{z-index:15!important;background:var(--color-surface)}.planning-module .year-table .year-week-label-cell{padding:9px 8px 9px 14px;vertical-align:middle}.planning-module .year-table .year-mech-cell{width:400px;min-width:400px;padding:6px 8px;vertical-align:top;background:var(--color-cell-bg)}.planning-module .year-table .year-week-row{cursor:pointer;transition:background-color .1s ease}.planning-module .year-table .year-week-row:hover .year-mech-cell,.planning-module .year-table .year-week-row:hover .year-week-col{background:#f5a02c0f}.planning-module .year-table .year-week-row.current-week .year-mech-cell,.planning-module .year-table .year-week-row.current-week .year-week-col{background:#f5a02c2e;border-top:1px solid rgba(245,160,44,.65);border-bottom:1px solid rgba(245,160,44,.65)}.planning-module .year-table .year-week-row.current-week:hover .year-mech-cell,.planning-module .year-table .year-week-row.current-week:hover .year-week-col{background:#f5a02c3d}.planning-module .year-table .year-week-row.current-week .year-week-col{box-shadow:inset 4px 0 0 var(--color-accent, #F5A02C);font-weight:700}.planning-module .year-table .year-month-sep-cell{padding:5px 14px;font-size:10px;font-weight:700;color:var(--color-text-muted);letter-spacing:.8px;text-transform:uppercase;background:var(--color-surface);border-top:2px solid var(--color-border)!important;border-bottom:1px solid var(--color-border);font-family:var(--font-ui)}.planning-module .year-table .year-day-pills{display:flex;gap:3px;justify-content:center;width:100%;overflow:hidden}.planning-module .year-table .year-day-pill{flex:1;min-width:36px!important;height:72px;min-height:72px!important;max-height:72px;overflow:hidden;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;padding:4px;font-weight:500;color:var(--color-text-muted);background:#8080801a;font-family:var(--font-ui);transition:opacity .12s ease;-webkit-user-select:none;user-select:none;line-height:1;box-sizing:border-box}.planning-module .year-cell-empty-placeholder{flex:1;min-width:28px;min-height:72px;height:72px;display:inline-block}.planning-module .year-day-col{width:32px;min-width:32px;max-width:32px}.planning-module .year-pill-label{font-size:9px;font-weight:500;line-height:1;letter-spacing:.04em}.planning-module .year-pill-klant{font-size:10px;font-weight:700;line-height:1.15;color:#fffffff2;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:0 2px;box-sizing:border-box}.planning-module .year-pill-mat{font-size:9px;font-weight:600;line-height:1.1;color:#fffc;font-family:var(--font-mono);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:0 2px;box-sizing:border-box}.planning-module .year-pill-nr{font-size:9px;font-weight:500;line-height:1;color:#ffffffa6;font-family:var(--font-mono)}.planning-module .year-pill-extra{font-size:8px;font-weight:700;line-height:1;color:#ffffffd9;background:#00000047;border-radius:3px;padding:1px 3px;margin-top:1px}.planning-module .year-table .year-day-pill.booked{font-weight:700;color:#ffffffeb;cursor:pointer}.planning-module .year-table .year-day-pill.booked:hover{filter:brightness(1.15)}.planning-module .year-table .year-day-pill.continuation{font-weight:600;color:#ffffffd9;cursor:pointer;border:1px dashed rgba(255,255,255,.35)}.planning-module .year-table .year-day-pill.continuation:hover{opacity:.7!important}.planning-module .year-table .year-day-pill.sat{color:#f5a02c8c;background:#f5a02c12}.planning-module .year-table .year-day-pill.sat.booked{background:#f5a02c6b;color:#ffffffe6}.planning-module .year-table .year-week-row:hover .year-day-pill.booked{opacity:.85}.planning-module .spinner{width:30px;height:30px;border:2.5px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .65s linear infinite}.planning-module .error-card{background:var(--color-surface);border:1px solid #FCA5A5;border-radius:10px;padding:20px 24px;display:flex;flex-direction:column;gap:8px;max-width:380px;margin-top:40px}.planning-module .retry-btn{align-self:flex-start;margin-top:4px;padding:7px 16px;background:var(--color-accent);color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-ui)}.planning-module .retry-btn:hover{filter:brightness(1.1)}.planning-module [data-rfd-draggable-id] .klus-card,.planning-module .klus-card{cursor:grab}.planning-module .klus-card:active{cursor:grabbing}.planning-module .detail-panel{position:fixed;top:0;right:0;bottom:0;width:400px;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-8px 0 40px #00000038;z-index:50;overflow:hidden;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1),background-color .22s ease,border-color .22s ease;display:flex;flex-direction:column}.planning-module .detail-panel.open{transform:translate(0)}.planning-module .detail-header{padding:22px 20px 16px;border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0;position:sticky;top:0;background:var(--color-surface);z-index:1}.planning-module .detail-client-name{font-size:19px;font-weight:700;color:var(--color-text);line-height:1.2;font-family:var(--font-ui)}.planning-module .detail-subtitle{font-size:12px;color:var(--color-text-muted);margin-top:4px;font-family:var(--font-ui)}.planning-module .detail-close{width:32px;height:32px;min-width:32px;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text-muted);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-ui)}.planning-module .detail-close:hover{background:var(--color-bg);color:var(--color-text)}.planning-module .detail-body{padding:16px 20px 24px;display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow-y:auto}.planning-module .detail-row{display:flex;gap:8px;flex-wrap:wrap}.planning-module .detail-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;font-family:var(--font-ui);letter-spacing:.15px}.planning-module .detail-badge-type{background:#64748b38;color:var(--color-text-muted)}.planning-module .detail-field{display:flex;flex-direction:column;gap:3px}.planning-module .detail-field-label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;font-family:var(--font-ui)}.planning-module .detail-field-value{font-size:14px;color:var(--color-text);font-family:var(--font-ui);line-height:1.4}.planning-module .detail-note{font-size:13px;color:var(--color-text-muted);background:var(--color-bg);padding:8px 10px;border-radius:6px;border:1px solid var(--color-border);white-space:pre-wrap;word-break:break-word}.planning-module .detail-mechanic{display:flex;align-items:center;gap:8px}.planning-module .detail-mechanic-avatar{width:26px;height:26px;border-radius:50%;background:#1a1d27;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;font-family:var(--font-ui);flex-shrink:0}.planning-module .detail-phone-link{font-size:14px;font-weight:500;color:var(--color-accent);text-decoration:none;font-family:var(--font-ui)}.planning-module .detail-phone-link:hover{text-decoration:underline}.planning-module .detail-notes-section{border-top:1px solid var(--color-border);padding-top:14px;margin-top:2px}.planning-module .detail-notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.planning-module .detail-edit-btn{font-size:11px;font-weight:600;color:var(--color-accent);background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-ui);transition:color .12s ease}.planning-module .detail-edit-btn:hover{opacity:.75}.planning-module .detail-textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:13px;font-family:var(--font-ui);line-height:1.55;resize:vertical;box-sizing:border-box;transition:border-color .15s ease,background-color .22s ease,color .16s ease}.planning-module .detail-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #f5a02c2e}.planning-module .detail-textarea:disabled{opacity:.55}.planning-module .detail-textarea::placeholder{color:var(--color-text-muted);font-style:italic}.planning-module .detail-note-actions{display:flex;gap:8px;margin-top:8px}.planning-module .detail-btn-save{padding:6px 16px;background:var(--color-accent);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-ui);transition:filter .12s ease}.planning-module .detail-btn-save:hover:not(:disabled){filter:brightness(1.1)}.planning-module .detail-btn-save:disabled{opacity:.55;cursor:not-allowed}.planning-module .detail-btn-cancel{padding:6px 14px;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-ui);transition:color .12s ease,border-color .12s ease}.planning-module .detail-btn-cancel:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.planning-module .detail-btn-cancel:disabled{opacity:.55;cursor:not-allowed}.planning-module .detail-note-empty{font-style:italic;color:var(--color-text-muted);font-size:13px;font-family:var(--font-ui);display:block}.planning-module .detail-save-confirm{display:block;font-size:12px;font-weight:600;color:#10b981;margin-top:6px;font-family:var(--font-ui);animation:fadeInUp .15s ease both}.planning-module .detail-save-error{font-size:12px;color:#ef4444;margin-top:6px;font-family:var(--font-ui)}.planning-module .detail-materiaal-section{display:flex;flex-direction:column;gap:10px;padding-top:4px}.planning-module .detail-materiaal-rows{display:flex;flex-direction:column;gap:6px}.planning-module .detail-materiaal-row{display:flex;align-items:center;gap:8px;font-size:13px}.planning-module .detail-materiaal-emoji{font-size:14px;width:18px;flex-shrink:0}.planning-module .detail-materiaal-label{flex:1;color:var(--color-text-muted)}.planning-module .detail-materiaal-pill{padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.planning-module .detail-materiaal-pill.done{background:#10b98126;color:#10b981}.planning-module .detail-materiaal-pill.none{background:var(--color-border);color:var(--color-text-muted)}.planning-module .detail-materiaal-warning{font-size:12px;font-weight:600;color:#d97706;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:8px 12px}.planning-module .detail-berichten-section{display:flex;flex-direction:column;gap:8px}.planning-module .detail-berichten-empty{font-size:13px;color:var(--color-text-muted);font-style:italic}.planning-module .detail-berichten-list{display:flex;flex-direction:column;gap:6px}.planning-module .detail-bericht-row{display:flex;align-items:flex-start;gap:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:8px 10px}.planning-module .detail-bericht-icon{font-size:13px;flex-shrink:0;margin-top:1px}.planning-module .detail-bericht-content{display:flex;flex-direction:column;gap:2px;min-width:0}.planning-module .detail-bericht-naam{font-size:13px;font-weight:600;color:var(--color-text)}.planning-module .detail-bericht-meta{font-size:11px;color:var(--color-text-muted)}.planning-module .detail-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px}.planning-module .detail-btn{display:block;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;font-family:var(--font-ui);border:none}.planning-module .detail-btn-primary{background:var(--color-accent);color:#fff}.planning-module .detail-btn-primary:hover{filter:brightness(1.1)}.planning-module .detail-btn-secondary{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.planning-module .detail-btn-secondary:hover{color:var(--color-text);border-color:var(--color-text-muted)}.planning-module .toast-bar{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#dc2626;color:#fff;padding:10px 14px 10px 20px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:0 4px 20px #0000004d;z-index:100;display:flex;align-items:center;font-family:var(--font-ui);animation:fadeInUp .2s ease both;white-space:nowrap}.planning-module .sat-toggle{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:var(--font-ui)}.planning-module .sat-toggle input[type=checkbox]{accent-color:var(--color-accent);width:14px;height:14px;cursor:pointer;margin:0}.planning-module .settings-page{max-width:680px;padding:8px 0}.planning-module .settings-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px 28px}.planning-module .settings-card-title{font-size:17px;font-weight:700;color:var(--color-text);margin:0 0 6px;font-family:var(--font-ui)}.planning-module .settings-card-desc{font-size:13px;color:var(--color-text-muted);margin:0 0 22px;line-height:1.5;font-family:var(--font-ui)}.planning-module .settings-section{margin-top:18px}.planning-module .settings-section+.settings-section{border-top:1px solid var(--color-border);padding-top:18px}.planning-module .settings-section-title{font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;margin:0 0 12px;font-family:var(--font-ui)}.planning-module .settings-section-note{font-size:12px;color:var(--color-text-muted);margin:-6px 0 10px;font-family:var(--font-ui)}.planning-module .settings-color-list{display:flex;flex-direction:column;gap:6px}.planning-module .settings-color-row{display:flex;align-items:center;gap:12px;padding:7px 10px;border-radius:7px;background:var(--color-bg);border:1px solid var(--color-border)}.planning-module .settings-color-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.planning-module .settings-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.planning-module .settings-color-label{font-size:13px;font-weight:500;color:var(--color-text);font-family:var(--font-ui)}.planning-module .settings-swatch-wrap{position:relative;width:28px;height:28px;border-radius:6px;overflow:hidden;cursor:pointer;flex-shrink:0;border:1px solid rgba(128,128,128,.2)}.planning-module .settings-swatch{position:absolute;top:0;right:0;bottom:0;left:0}.planning-module .settings-color-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;padding:0;border:none}.planning-module .settings-hex-value{font-size:11px;font-weight:600;color:var(--color-text-muted);font-family:var(--font-mono);min-width:60px;text-align:right}.planning-module .settings-reset-btn{font-size:11px;font-weight:600;color:var(--color-text-muted);background:none;border:1px solid var(--color-border);border-radius:5px;padding:3px 8px;cursor:pointer;font-family:var(--font-ui);transition:color .12s ease,border-color .12s ease,opacity .12s ease;white-space:nowrap}.planning-module .settings-reset-btn:hover:not(:disabled){color:var(--color-text);border-color:var(--color-text-muted)}.planning-module .settings-reset-btn:disabled{opacity:.35;cursor:not-allowed}.planning-module .monteur-view{max-width:680px}.planning-module .monteur-view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.planning-module .monteur-view-title{font-size:17px;font-weight:700;color:var(--color-text);margin:0;font-family:var(--font-ui)}.planning-module .monteur-add-btn{padding:7px 16px;background:var(--color-accent);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-ui);transition:filter .12s ease;white-space:nowrap}.planning-module .monteur-add-btn:hover{filter:brightness(1.1)}.planning-module .monteur-list{display:flex;flex-direction:column;gap:6px}.planning-module .monteur-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;transition:background-color .22s ease,border-color .22s ease}.planning-module .monteur-card.expanded{border-color:#f5a02c59}.planning-module .monteur-row{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s ease}.planning-module .monteur-row:hover{background:var(--color-bg)}.planning-module .monteur-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:10px}.planning-module .monteur-avatar{width:40px;height:40px;border-radius:50%;background:#1a1d27;border:2.5px solid transparent;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;font-family:var(--font-ui);flex-shrink:0;transition:border-color .15s ease}.planning-module .monteur-info{flex:1;min-width:0}.planning-module .monteur-naam{font-size:14px;font-weight:600;color:var(--color-text);font-family:var(--font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planning-module .monteur-contact{display:flex;align-items:center;gap:6px;margin-top:3px;flex-wrap:wrap}.planning-module .monteur-link{font-size:12px;color:var(--color-accent);text-decoration:none;font-family:var(--font-ui)}.planning-module .monteur-link:hover{text-decoration:underline}.planning-module .monteur-sep{font-size:11px;color:var(--color-text-muted)}.planning-module .monteur-row-end{display:flex;align-items:center;gap:10px;flex-shrink:0}.planning-module .monteur-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.planning-module .monteur-chevron{color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0}.planning-module .monteur-chevron.open{transform:rotate(180deg)}.planning-module .monteur-detail{border-top:1px solid var(--color-border);padding:14px 16px 16px;background:var(--color-bg);display:flex;gap:28px;flex-wrap:wrap;transition:background-color .22s ease,border-color .22s ease}.planning-module .monteur-detail-block{min-width:130px}.planning-module .monteur-detail-label{font-size:10px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-family:var(--font-ui)}.planning-module .monteur-day-pills{display:flex;gap:5px;flex-wrap:wrap}.planning-module .monteur-day-pill{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;border:1.5px solid currentColor;font-family:var(--font-ui);background:transparent}.planning-module .monteur-detail-empty{font-size:12px;font-style:italic;color:var(--color-text-muted);font-family:var(--font-ui)}.planning-module .monteur-klus-count{display:flex;align-items:baseline;gap:5px}.planning-module .monteur-klus-num{font-size:28px;font-weight:700;font-family:var(--font-mono);line-height:1}.planning-module .monteur-klus-unit{font-size:13px;color:var(--color-text-muted);font-family:var(--font-ui)}.planning-module .monteur-color-row{display:flex;align-items:center;gap:8px}.planning-module .monteur-swatch-wrap{position:relative;width:28px;height:28px;border-radius:6px;overflow:hidden;cursor:pointer;flex-shrink:0;border:1px solid rgba(128,128,128,.2)}.planning-module .monteur-swatch{position:absolute;top:0;right:0;bottom:0;left:0}.planning-module .monteur-color-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;padding:0;border:none}.planning-module .monteur-hex{font-size:11px;font-weight:600;color:var(--color-text-muted);font-family:var(--font-mono)}.planning-module .toast-bar--info{background:var(--color-text);color:var(--color-bg);box-shadow:0 4px 20px #0003}@media (max-width: 768px){:root,.planning-module{--sidebar-w: 60px}.planning-module .sidebar-wordmark,.planning-module .nav-label,.planning-module .sidebar-version{display:none}.planning-module .sidebar-brand{padding:16px;justify-content:center}.planning-module .sidebar-footer{padding:12px 8px;justify-content:center}.planning-module .nav-item{justify-content:center;padding:10px}.planning-module .sidebar-nav{padding:12px 8px;align-items:center}}.planning-module .settings-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--color-border);padding-bottom:0}.planning-module .settings-tab{padding:8px 18px;font-size:14px;font-weight:600;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;border-radius:0;transition:color .15s ease,border-color .15s ease}.planning-module .settings-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.planning-module .settings-tab:hover:not(.active){color:var(--color-text)}.planning-module .settings-artikel-list{display:flex;flex-direction:column;gap:2px}.planning-module .settings-artikel-row{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 4px;border-radius:8px;background:var(--color-bg);border:1px solid var(--color-border)}.planning-module .settings-artikel-handle{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-muted);cursor:grab;border-radius:4px;touch-action:none;-webkit-user-select:none;user-select:none}.planning-module .settings-artikel-handle:active{cursor:grabbing}.planning-module .settings-artikel-handle:hover{color:var(--color-text);background:var(--color-border)}.planning-module .settings-artikel-naam{flex:1;font-size:14px;color:var(--color-text);min-width:0}.planning-module .settings-artikel-prijs-note{font-size:12px;color:var(--color-text-muted);margin:-8px 0 16px;font-style:italic}.planning-module .settings-artikel-prijs-wrap{display:flex;align-items:center;gap:3px;flex-shrink:0}.planning-module .settings-artikel-prijs-prefix{font-size:13px;color:var(--color-text-muted)}.planning-module .settings-artikel-prijs-input{width:72px;padding:4px 6px;font-size:13px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text);outline:none;text-align:right}.planning-module .settings-artikel-prijs-input:focus{border-color:var(--color-accent)}.planning-module .settings-artikel-prijs-input::placeholder{color:var(--color-text-muted)}.planning-module .settings-artikel-actions{display:flex;gap:4px;flex-shrink:0}.planning-module .settings-artikel-btn{padding:4px 8px;font-size:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:5px;cursor:pointer;color:var(--color-text-muted);transition:background .14s ease}.planning-module .settings-artikel-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.planning-module .settings-artikel-btn:disabled{opacity:.35;cursor:not-allowed}.planning-module .settings-artikel-btn--delete:hover:not(:disabled){background:#ef44441f;border-color:#ef4444;color:#ef4444}.planning-module .settings-artikel-add-form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.planning-module .settings-artikel-input{flex:1;min-width:160px;padding:8px 12px;font-size:14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);outline:none}.planning-module .settings-artikel-input:focus{border-color:var(--color-accent)}.planning-module .settings-artikel-add-btn{padding:8px 18px;font-size:14px;font-weight:600;background:var(--color-accent);color:#fff;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:opacity .14s ease}.planning-module .settings-artikel-add-btn:hover:not(:disabled){opacity:.88}.planning-module .settings-artikel-add-btn:disabled{opacity:.4;cursor:not-allowed}.planning-module .bestellingen-page{padding:28px 32px;max-width:860px}.planning-module .bestellingen-filter{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--color-border)}.planning-module .bestellingen-filter-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.planning-module .bestellingen-filter-btn.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.planning-module .bestellingen-filter-btn:hover:not(.active){color:var(--color-text)}.planning-module .bestellingen-count-badge{font-size:11px;font-weight:700;background:var(--color-border);color:var(--color-text-muted);border-radius:10px;padding:1px 6px}.planning-module .bestellingen-filter-btn.active .bestellingen-count-badge{background:#f5a02c26;color:var(--color-accent)}.planning-module .bestellingen-list{display:flex;flex-direction:column;gap:10px}.planning-module .bestellingen-empty{padding:32px;text-align:center;color:var(--color-text-muted);font-size:14px}.planning-module .bestellingen-card{border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);overflow:hidden;transition:border-color .18s ease}.planning-module .bestellingen-card.expanded{border-color:var(--color-accent)}.planning-module .bestellingen-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.planning-module .bestellingen-card-header:hover{background:#8080800a}.planning-module .bestellingen-avatar{width:38px;height:38px;min-width:38px;border-radius:50%;border:2px solid;background:var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--color-text)}.planning-module .bestellingen-info{flex:1;min-width:0}.planning-module .bestellingen-naam{font-size:14px;font-weight:700;color:var(--color-text)}.planning-module .bestellingen-klant{font-size:13px;color:var(--color-text-muted)}.planning-module .bestellingen-klant-sep{opacity:.5;margin:0 3px}.planning-module .bestellingen-card-end{display:flex;align-items:center;gap:10px}.planning-module .bestellingen-status-pill{font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 9px;border-radius:12px;text-transform:uppercase}.planning-module .bestellingen-status-pill.nieuw{background:#f5a02c24;color:#3b82f6}.planning-module .bestellingen-status-pill.gezien{background:#f59e0b24;color:#d97706}.planning-module .bestellingen-status-pill.klaargemeld{background:#10b98124;color:#059669}.planning-module .bestellingen-chevron{color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0}.planning-module .bestellingen-chevron.open{transform:rotate(180deg)}.planning-module .bestellingen-detail{padding:12px 16px 14px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px}.planning-module .bestellingen-artikel-row{display:flex;align-items:center;gap:10px;font-size:13px}.planning-module .bestellingen-artikel-naam{color:var(--color-text);font-weight:500;flex:1}.planning-module .bestellingen-artikel-aantal{color:var(--color-text-muted);font-weight:700;font-family:var(--font-mono)}.planning-module .bestellingen-cat-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:8px;background:var(--color-border);color:var(--color-text-muted)}.planning-module .bestellingen-artikel-subtotaal{font-size:12px;font-weight:600;font-family:var(--font-mono);color:var(--color-text-muted);min-width:52px;text-align:right}.planning-module .bestellingen-totaal-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:8px;margin-top:2px;border-top:1px solid var(--color-border);font-size:13px}.planning-module .bestellingen-totaal-label{color:var(--color-text-muted);font-weight:600}.planning-module .bestellingen-totaal-value{color:var(--color-text);font-weight:700;font-family:var(--font-mono)}.planning-module .bestellingen-actions{display:flex;gap:8px;padding-top:6px}.planning-module .bestellingen-action-btn{padding:7px 16px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;border:none;transition:opacity .14s ease}.planning-module .bestellingen-action-btn.gezien{background:#f59e0b2e;color:#d97706}.planning-module .bestellingen-action-btn.klaargemeld{background:#10b9812e;color:#059669}.planning-module .bestellingen-action-btn:disabled{opacity:.45;cursor:not-allowed;background:var(--color-border);color:var(--color-text-muted)}.planning-module .bestellingen-action-btn:not(:disabled):hover{opacity:.78}.planning-module .nav-badge{position:absolute;top:-5px;right:-7px;min-width:16px;height:16px;background:#ef4444;border-radius:8px;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.planning-module{margin:-28px -36px;min-height:100vh;display:flex;flex-direction:column}.planning-subnav{background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:54px;display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:8px 24px;position:sticky;top:0;z-index:30}.planning-terug{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-ui);white-space:nowrap}.planning-terug:hover{background:var(--color-bg);color:var(--color-text)}.planning-tabs{display:flex;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:3px;gap:2px}.planning-tab{padding:5px 16px;border-radius:6px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-ui)}.planning-tab.actief{background:var(--color-accent);color:#fff;box-shadow:0 1px 3px #0000001f}.planning-tab:disabled{opacity:.45;cursor:not-allowed}.planning-weeknav{display:flex;align-items:center;gap:10px}.planning-vandaag{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);border-radius:7px;height:30px;padding:0 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-ui)}.planning-vandaag:hover{background:var(--color-bg);color:var(--color-text)}.planning-timestamp{font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono);opacity:.7;margin-left:auto}@media (max-width: 1100px){.planning-module .week-label{min-width:150px}.planning-subnav{gap:10px;padding:8px 16px}}.planning-jaarlabel{font-size:14px;font-weight:600;color:var(--color-text);font-family:var(--font-ui)}@keyframes afspraakPuls{0%,to{opacity:.25}50%{opacity:1}}.planning-module .year-day-pill.afspraak-alarm{position:relative}.planning-module .year-day-pill.afspraak-alarm:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 2px #ef4444;pointer-events:none;animation:afspraakPuls 1.6s ease-in-out infinite}.planning-module .year-day-pill.afspraak-dim{filter:grayscale(.9) opacity(.25)}@media (prefers-reduced-motion: reduce){.planning-module .year-day-pill.afspraak-alarm:after{animation:none;opacity:1}}.planning-module .detail-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:12px}.planning-module .detail-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--color-border);padding-bottom:8px}.planning-module .detail-card-title{font-size:10px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;font-family:var(--font-ui)}.planning-module .detail-btn-order{padding:6px 12px;border:none;border-radius:8px;background:var(--color-accent);color:#fff;font-size:12px;font-weight:700;font-family:var(--font-ui);cursor:pointer;white-space:nowrap}.planning-module .detail-btn-order:hover{background:var(--color-accent-hover)}.detail-phone-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-phone-number{font-size:14px;color:var(--color-text);font-family:var(--font-ui);-webkit-user-select:text;user-select:text}.detail-phone-call{padding:3px 10px;border:1px solid var(--color-accent);border-radius:6px;background:transparent;color:var(--color-accent);font-size:11px;font-weight:700;font-family:var(--font-ui);text-decoration:none;white-space:nowrap}.detail-phone-call:hover{background:var(--color-accent);color:#fff}.planning-module .detail-ali-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;background:#7a828c29;color:var(--color-text-muted);font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.planning-module .detail-note-ali{border-left:3px solid var(--color-border-strong)}.planning-module .detail-note-add{display:flex;gap:6px;margin-bottom:8px}.planning-module .detail-note-input{flex:1;min-width:0;padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:13px;font-family:var(--font-ui)}.planning-module .detail-note-add-btn{padding:6px 12px;border:none;border-radius:6px;background:var(--color-accent);color:#fff;font-size:12px;font-weight:700;font-family:var(--font-ui);cursor:pointer;white-space:nowrap}.planning-module .detail-note-add-btn:disabled{opacity:.45;cursor:not-allowed}.planning-module .detail-note-list{display:flex;flex-direction:column;max-height:220px;overflow-y:auto}.planning-module .detail-note-item{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-bottom:1px solid var(--color-border)}.planning-module .detail-note-item:last-child{border-bottom:none}.planning-module .detail-note-meta{font-size:11px;font-weight:700;color:var(--color-text);font-family:var(--font-ui)}.planning-module .detail-note-text{font-size:12px;color:var(--color-text-muted);font-family:var(--font-ui);line-height:1.45}.planning-module .detail-note-systeem .detail-note-meta{color:var(--color-text-muted);font-weight:600}.planning-module .detail-note-systeem{opacity:.8}.planning-module .detail-actionbar{position:sticky;bottom:0;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;border-top:1px solid var(--color-border);background:var(--color-surface)}.planning-module .detail-actionbar-left{flex:1;min-width:0}.detail-phone-row.detail-phone-ruim .detail-phone-number{font-size:15px;font-weight:600}.detail-phone-row.detail-phone-ruim .detail-phone-call{padding:10px 16px;border-radius:10px;font-size:15px}.planning-module .year-table .year-day-row>td{border-bottom:1px solid var(--color-table-divider);padding:3px 4px}.planning-module .year-table .year-day-row.week-start>td{border-top:2px solid var(--color-border-strong)}.planning-module .year-table .year-day-row.zaterdag>td{background:var(--color-border)}.planning-module .year-table .year-day-row.vandaag>td{background:var(--color-today-cell)}.planning-module .year-table .year-day-row.vandaag>td:first-child{box-shadow:inset 3px 0 0 var(--color-accent)}.planning-module .year-table .year-day-row:hover>td{background:var(--color-surface-2)}.planning-module .year-table .year-day-label-cell{background-color:var(--color-bg);cursor:pointer;white-space:nowrap}.planning-module .year-table .year-daylabel{display:flex;align-items:baseline;gap:6px}.planning-module .year-table .year-daylabel-week{font-size:10px;font-weight:700;font-family:var(--font-mono);color:var(--color-text-muted);opacity:.55}.planning-module .year-table .year-daylabel-week.start{color:var(--color-sidebar-text);background:var(--color-sidebar);opacity:1;padding:1px 6px;border-radius:4px;font-size:11px}.planning-module .year-table .year-daylabel-dag{font-size:12px;font-weight:600;color:var(--color-text);font-family:var(--font-ui)}.planning-module .year-table .year-daylabel-datum{font-size:10px;color:var(--color-text-muted);font-family:var(--font-mono);margin-top:2px;display:flex;align-items:center;gap:5px}.planning-module .year-table .year-vandaag-chip{background:var(--color-accent);color:#fff;font-family:var(--font-ui);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:3px}.planning-module .year-table .year-day-tile{width:100%;height:46px;min-height:46px!important;max-height:46px;min-width:0!important;align-items:stretch;justify-content:center;gap:2px;padding:4px 7px;text-align:left}.planning-module .year-table .year-day-tile .year-tile-kop{display:flex;align-items:baseline;justify-content:space-between;gap:6px;width:100%;min-width:0}.planning-module .year-table .year-day-tile .year-pill-klant{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planning-module .year-table .year-day-tile .year-tile-voet{display:flex;align-items:center;gap:4px;min-height:0}.planning-module .year-table .year-week-marker{position:absolute;top:2px;right:4px;font-size:10px;line-height:1;pointer-events:none}.planning-module .year-table .year-plus-btn{position:absolute;bottom:3px;right:3px;width:16px;height:16px;border:1px solid rgba(59,130,246,.5);border-radius:4px;background:#3b82f624;color:#60a5fa;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;font-weight:700;z-index:2}.planning-module .year-table .year-mech-cell.verbind-onder{padding-bottom:0!important;border-bottom-width:0!important}.planning-module .year-table .year-mech-cell.verbind-boven{padding-top:0!important}.planning-module .year-table .year-mech-cell.verbind-boven .year-day-tile,.planning-module .year-table .year-mech-cell.verbind-onder .year-day-tile{height:100%;min-height:46px!important;max-height:none}.planning-module .year-table .year-day-tile.tegel-onder{border-bottom-left-radius:0;border-bottom-right-radius:0}.planning-module .year-table .year-day-tile.tegel-boven{border-top-left-radius:0;border-top-right-radius:0}.planning-module .year-table .year-day-tile.in-blok{justify-content:center;align-items:center;border:none;opacity:1}.planning-module .year-table .year-tile-vervolg{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;opacity:.62}.planning-module .year-table .year-day-tile.in-blok:before,.planning-module .year-table .year-day-tile.tegel-onder:before{content:"";position:absolute;left:50%;width:2px;background:currentColor;opacity:.28;pointer-events:none}.planning-module .year-table .year-day-tile.tegel-onder:before{bottom:0;height:10px;transform:translate(-50%)}.planning-module .year-table .year-day-tile.in-blok.tegel-onder:before{top:0;bottom:0;height:auto;transform:translate(-50%)}.planning-module .year-table .year-day-tile.in-blok:not(.tegel-onder):before{top:0;height:55%;transform:translate(-50%)}.planning-module .year-table .year-day-tile{position:relative}.mg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:16px;background:#2d323959}.mg-venster{width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--vlak);border:1px solid var(--rand);border-radius:18px;padding:20px 22px 18px;box-shadow:0 24px 60px -20px #2d323973}.mg-kopregel{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mg-kopregel h2{margin:0;font-size:17px}.mg-sluit{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--tekst-gedempt);padding:2px 6px;border-radius:8px}.mg-sluit:hover{background:#2d323914;color:var(--tekst)}.mg-vast{display:grid;gap:4px;font-size:13.5px;margin-bottom:6px}.mg-vast>div{display:flex;gap:10px}.mg-label{flex:0 0 64px;color:var(--tekst-gedempt);font-weight:600;font-size:12.5px}.mg-sub{margin:6px 0 10px;font-size:12.5px;color:var(--tekst-gedempt);line-height:1.4}.mg-veld{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--tekst-gedempt);margin-bottom:10px;min-width:0}.mg-veld .invoer{width:100%;box-sizing:border-box}.mg-rij{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.mg-melding{margin:4px 0 10px;padding:9px 11px;border-radius:10px;font-size:13px;font-weight:600}.mg-melding.ok{background:#17a39824;color:#0b6b63}.mg-melding.let-op{background:#f5a02c2e;color:#8a5a00;font-weight:500}.mg-melding.fout{background:#e0525224;color:#a13232}.mg-knoppen{display:flex;gap:8px;margin-top:4px}.zijbalk-gebruiker.klikbaar{display:flex;align-items:center;gap:8px;cursor:pointer;border:0;background:transparent;text-align:left;padding:4px 6px;margin:-4px -6px;border-radius:8px;font:inherit;color:inherit}.zijbalk-gebruiker-tekst{min-width:0;flex:1}.zijbalk-gebruiker.klikbaar:hover{background:#2d32390f}.zijbalk-gebruiker.klikbaar:focus-visible{outline:2px solid var(--oranje);outline-offset:2px}.mg-push{margin-top:14px;padding-top:12px;border-top:1px solid var(--rand)}.mg-push h3{margin:0 0 6px;font-size:14px}.mg-switch{display:flex;align-items:center;gap:10px;font-size:13.5px;cursor:pointer;margin:6px 0 4px}.mg-switch input{position:absolute;opacity:0;width:0;height:0}.mg-switch-spoor{flex:0 0 38px;height:22px;border-radius:11px;background:#2d323938;position:relative;transition:background .15s}.mg-switch-knop{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .15s}.mg-switch input:checked+.mg-switch-spoor{background:var(--oranje)}.mg-switch input:checked+.mg-switch-spoor .mg-switch-knop{left:18px}.mg-switch input:disabled+.mg-switch-spoor{opacity:.55}.mg-switch input:focus-visible+.mg-switch-spoor{outline:2px solid var(--oranje);outline-offset:2px}.mg-push-lijst{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}.mg-push-lijst label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.mg-push-lijst input{width:16px;height:16px;margin:0;accent-color:var(--oranje)}.pp-module{display:flex;flex-direction:column;gap:12px;font-family:var(--font-ui);color:var(--color-text);min-height:0}.pp-subnav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pp-terug{padding:6px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:13px;cursor:pointer}.pp-tabs{display:flex;gap:6px}.pp-tab{padding:6px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;position:relative}.pp-tab.actief{background:var(--color-accent, #F5A02C);border-color:var(--color-accent, #F5A02C);color:#fff}.pp-tab-badge{display:inline-block;min-width:18px;margin-left:6px;padding:1px 5px;border-radius:9px;background:#dc2626;color:#fff;font-size:11px;text-align:center}.pp-weeknav{display:flex;align-items:center;gap:6px}.pp-weeknav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:14px}.pp-weeklabel{font-size:13px;font-weight:700;min-width:220px;text-align:center}.pp-filters{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}.pp-filters label{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--color-text-muted);cursor:pointer}.pp-filters select{padding:5px 8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:12.5px}.pp-board-scroll{overflow:auto;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);max-height:calc(100vh - 170px)}.pp-grid{border-collapse:separate;border-spacing:0;width:100%;min-width:640px}.pp-grid th,.pp-grid td{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);vertical-align:top}.pp-grid thead th{position:sticky;top:0;z-index:3;background:var(--color-cell-bg, #f1f3f6);padding:10px 12px;font-size:13px;text-align:left;white-space:nowrap}.pp-grid thead th:first-child{left:0;z-index:4}.pp-dagcel{position:sticky;left:0;z-index:2;background:var(--color-cell-bg, #f1f3f6);padding:10px 12px;min-width:110px;font-size:12.5px;font-weight:700;white-space:nowrap}.pp-dagcel .pp-dag-datum{font-weight:400;color:var(--color-text-muted);font-size:12px}.pp-dagcel.pp-vandaag{color:var(--color-accent, #F5A02C)}.pp-cel{padding:8px;min-width:230px;background:var(--color-bg)}.pp-monteur-dot{display:inline-block;width:10px;height:10px;border-radius:5px;margin-right:6px;vertical-align:baseline}.pp-leeg{padding:40px 16px;text-align:center;color:var(--color-text-muted);font-size:14px}.pp-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--pp-kleur, var(--color-border));border-radius:10px;padding:8px 10px;margin-bottom:8px;cursor:pointer;font-size:12.5px;line-height:1.35;transition:box-shadow .12s ease}.pp-card:hover{box-shadow:0 2px 10px #0000001a}.pp-card.pp-warn{border-color:#dc2626;border-left-color:#dc2626;background:#dc26260d}.pp-card.pp-vervolg{border-style:dashed;border-left-style:solid;opacity:.82}.pp-card.pp-vervolg:hover,.pp-card.pp-vervolg.pp-warn{opacity:1}.pp-chip.pp-chip-vervolg{background:transparent;border:1px dashed var(--color-border)}.pp-chip.pp-chip-ingeladen{background:#10b98126;color:#059669}.pp-chip.pp-chip-geproduceerd{background:#10b981;color:#fff;border-color:#10b981;font-weight:700}.pp-grid-compact .pp-cel{min-width:150px;padding:6px}.pp-grid-compact thead th{font-size:12px;padding:8px;max-width:160px;overflow:hidden;text-overflow:ellipsis}.pp-card-compact{padding:5px 8px;margin-bottom:6px;font-size:12px;line-height:1.3}.pp-card-compact .pp-card-naam{font-size:12px}.pp-card-compact-sub{display:flex;align-items:baseline;gap:8px;font-size:11.5px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden}.pp-card-compact-sub .pp-compact-stad{overflow:hidden;text-overflow:ellipsis}.pp-card-compact-sub .pp-compact-deb{font-family:var(--font-mono);font-weight:700;color:var(--color-text);flex-shrink:0}.pp-compact-ingeladen{flex-shrink:0;font-size:13px;line-height:1}.pp-compact-geproduceerd{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#10b981;color:#fff;font-size:11px;font-weight:700;line-height:1}.pp-gereedschap{display:flex;flex-direction:column;gap:14px;max-width:980px}.pp-scanbalk{display:flex;gap:10px}.pp-scanveld{flex:1;padding:14px 18px;font-size:16px;border:2px solid var(--color-accent, #F5A02C);border-radius:12px;background:var(--color-surface);color:var(--color-text);outline:none;font-family:var(--font-ui)}.pp-scanveld:focus{box-shadow:0 0 0 3px #f5a02c40}.pp-g-melding{padding:10px 14px;border-radius:10px;background:#10b9811f;border:1px solid rgba(16,185,129,.4);color:#059669;font-weight:600}.pp-g-melding-warn{background:#f59e0b1f;border-color:#f59e0b73;color:#b45309}.pp-g-kaart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.pp-g-kaart-kop{display:flex;align-items:flex-start;gap:10px}.pp-g-kaart-kop>div:first-child{flex:1;min-width:0}.pp-g-naam{margin:0 0 2px;font-size:17px}.pp-g-kaart .pp-card-nummer a{color:inherit}.pp-g-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.pp-g-actieblok{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--color-border);padding-top:10px}.pp-g-actierij{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pp-g-select{min-width:220px;padding:10px 12px;font-size:14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text)}.pp-g-rood{background:#dc26261a;border-color:#dc2626;color:#dc2626}.pp-g-override{border:1px solid rgba(220,38,38,.5);background:#dc26260f;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.pp-g-override-kop{color:#dc2626;font-weight:700;font-size:13px}.pp-g-reden,.pp-g-notitie{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-family:var(--font-ui);font-size:13.5px}.pp-g-overrideknop{background:#dc2626;border-color:#dc2626;color:#fff}.pp-g-overrideknop:disabled{opacity:.5}.pp-g-historie{border-top:1px solid var(--color-border);padding-top:8px;display:flex;flex-direction:column;gap:5px}.pp-g-historegel{display:flex;align-items:baseline;gap:10px;font-size:12.5px;flex-wrap:wrap}.pp-g-histolabel{font-weight:700}.pp-g-status-beschikbaar{background:#10b98126;color:#059669}.pp-g-status-uitgeleend{background:#3b82f626;color:#2563eb}.pp-g-status-defect{background:#dc262621;color:#dc2626}.pp-g-status-ter_keuring{background:#f59e0b26;color:#b45309}.pp-g-status-afgevoerd{background:#6b728026;color:var(--color-text-muted)}.pp-g-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.pp-g-form label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--color-text-muted)}.pp-g-form input{padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:14px}.pp-g-overzicht{display:flex;flex-direction:column;gap:6px}.pp-g-overzicht-kop{display:flex;align-items:center;gap:12px;justify-content:space-between}.pp-g-zoek{flex:1;max-width:420px;padding:9px 12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text);font-size:13.5px}.pp-g-groep{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.pp-g-rij{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:9px 12px;cursor:pointer;font-family:var(--font-ui);color:var(--color-text)}.pp-g-rij:hover{box-shadow:0 2px 8px #00000014}.pp-g-rij-naam{font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:8px}.pp-g-pagina2{display:flex;flex-direction:column;gap:14px;background:var(--color-cell-bg, #eef1f5);border-radius:14px;padding:16px}.pp-g-pagina-titel h2{margin:0 0 2px;font-size:22px;line-height:1.2}.pp-g-kolommen{display:grid;grid-template-columns:minmax(240px,300px) minmax(260px,1fr) minmax(300px,380px);gap:16px;align-items:start}.pp-g-kolom{display:flex;flex-direction:column;gap:16px}.pp-g-zweefkaart{background:var(--color-surface);border-radius:14px;box-shadow:0 2px 14px #0f172a14;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.pp-g-kaartkop{margin:0;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-muted)}.pp-g-fotokaart-foto{width:100%;height:200px;object-fit:contain;background:var(--color-bg);border-radius:10px}.pp-g-fotokaart-leeg{display:flex;align-items:center;justify-content:center;font-size:56px;color:var(--color-text-muted);opacity:.5}.pp-g-fotostrip{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pp-g-bezit{font-size:15px;font-weight:800}.pp-g-bezit-voorraad{color:var(--color-text-muted)}.pp-g-actiekaart .pp-actieknop{width:100%;text-align:left}.pp-g-actiekaart-alert{border:2px solid var(--color-accent, #F5A02C);box-shadow:0 2px 18px #f5a02c59}.pp-g-keuze-sub{font-size:12px;color:var(--color-text-muted);margin:-6px 0 2px 4px}.pp-g-actiescheiding{border-top:1px solid var(--color-border);margin:4px 0}.pp-g-meer{align-self:flex-start}.pp-g-kolommen-gw{grid-template-columns:minmax(280px,1fr) minmax(300px,380px)}.pp-g-gwnieuw{align-items:stretch}.pp-g-gwnieuw-veld{flex:1}@media (max-width: 1100px){.pp-g-kolommen{grid-template-columns:1fr}}.pp-keuringbadge{display:inline-block;padding:6px 12px;border-radius:9px;font-size:12.5px;font-weight:800;color:#fff;box-shadow:0 1px 6px #00000040;white-space:nowrap}.pp-kb-geldig{background:#059669}.pp-kb-binnenkort{background:#d97706}.pp-kb-verlopen{background:#dc2626}.pp-kb-onbekend{background:#6b7280}.pp-g-velden{margin:0;display:flex;flex-direction:column}.pp-g-veldrij{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid var(--color-border);min-height:40px}.pp-g-veldrij:last-child{border-bottom:none}.pp-g-veldrij dt{color:var(--color-text-muted);font-size:12.5px}.pp-g-veldrij dd{margin:0;font-weight:700;font-size:13.5px;text-align:right}.pp-g-kaart-detail .pp-g-actieblok{padding-top:12px}.pp-g-gestreept .pp-g-veldrij{border-bottom:none;padding:10px 12px;border-radius:8px}.pp-g-gestreept .pp-g-veldrij:nth-child(2n){background:var(--color-bg)}.pp-gereedschap:has(.pp-g-pagina2){max-width:1360px}.pp-g-camera{display:flex;flex-direction:column;gap:8px;align-items:flex-start;border:1px solid var(--color-border);border-radius:12px;padding:10px;background:var(--color-surface)}.pp-g-camera-video{width:min(420px,100%);border-radius:8px;background:#000}.pp-g-plakblok{display:flex;flex-direction:column;gap:5px}.pp-g-plaktekst{width:100%;box-sizing:border-box;padding:9px 11px;border:1px dashed var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:12px;resize:vertical}.pp-g-plaknote{font-size:12.5px;font-style:italic;color:var(--color-text-muted)}.pp-g-mandjerij{border:1px solid var(--color-border);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;gap:8px}.pp-g-mandjerij-fout{border-color:#dc26268c;background:#dc26260d}.pp-g-mandjerij-kop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pp-g-mandjerij-kop .pp-g-rij-naam{font-size:13.5px}.pp-g-mandje-weg{margin-left:auto;width:34px;height:34px;flex-shrink:0}.pp-g-mandjerij-melding{color:#dc2626;font-size:12.5px;font-weight:600}.pp-g-conditieknop{padding:7px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text-muted);font-size:12.5px;font-weight:600;cursor:pointer}.pp-g-conditieknop.actief{background:#10b98126;border-color:#10b981;color:#059669}.pp-g-conditieknop.pp-g-conditie-defect.actief{background:#dc26261f;border-color:#dc2626;color:#dc2626}@media (pointer: coarse){.pp-actieknop,.pp-g-select,.pp-g-rij,.pp-g-conditieknop{min-height:48px}.pp-scanveld{min-height:52px}}.pp-card-kop{display:flex;align-items:baseline;gap:6px}.pp-card-naam{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-card-warnbadge{flex-shrink:0;background:#dc2626;color:#fff;border-radius:9px;padding:0 6px;font-size:11px;font-weight:700}.pp-card-sub{color:var(--color-text-muted);font-size:12px}.pp-card-nummer{font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-muted)}.pp-card-debiteur{font-family:var(--font-mono);font-size:13.5px;font-weight:700;color:var(--color-text)}.pp-card-regel{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px}.pp-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:9px;font-size:11px;font-weight:600;background:var(--color-cell-bg, #f1f3f6);color:var(--color-text-muted);white-space:nowrap}.pp-chip.pp-prod-gereed{background:#10b98126;color:#059669}.pp-chip.pp-prod-bezig{background:#f59e0b26;color:#b45309}.pp-chip.pp-prod-niet_gestart{background:#6b728021;color:var(--color-text-muted)}.pp-chip.pp-prod-niet_te_volgen{background:transparent;border:1px dashed var(--color-border)}.pp-chip.pp-wb-vrijgegeven{background:#10b98126;color:#059669}.pp-chip.pp-wb-in_controle{background:#f59e0b26;color:#b45309}.pp-chip.pp-wb-incompleet{background:#dc262621;color:#dc2626}.pp-chip.pp-wb-geen{background:transparent;border:1px dashed var(--color-border);color:var(--color-text-muted)}.pp-chip.pp-urgent{background:#dc262621;color:#dc2626;font-weight:700}.pp-chip.pp-binnenkort{background:#f59e0b26;color:#b45309;font-weight:700}.pp-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0f172a59}.pp-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1101;width:min(480px,96vw);background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-8px 0 30px #0000002e;display:flex;flex-direction:column;font-size:13.5px}.pp-drawer-kop{padding:14px 18px;border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;gap:10px}.pp-drawer-kop h2{margin:0;font-size:17px}.pp-drawer-sluit{margin-left:auto;width:30px;height:30px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-cell-bg, #f1f3f6);color:var(--color-text);font-size:15px;cursor:pointer}.pp-drawer-body{flex:1;overflow-y:auto;padding:14px 18px 28px}.pp-sectie{margin-bottom:18px}.pp-sectie h3{margin:0 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.pp-veld{display:flex;gap:8px;margin-bottom:4px}.pp-veld dt{width:130px;flex-shrink:0;color:var(--color-text-muted)}.pp-veld dd{margin:0;font-weight:600}.pp-warnkaart{border:1px solid rgba(220,38,38,.45);background:#dc26260f;border-radius:10px;padding:10px 12px;margin-bottom:10px}.pp-warnkaart .pp-oudnieuw{font-weight:700}.pp-warnkaart .pp-oud{color:#dc2626;text-decoration:line-through}.pp-warnkaart .pp-nieuw{color:#059669}.pp-warnkaart .pp-warnmeta{font-size:12px;color:var(--color-text-muted);margin-top:4px}.pp-ack-knop{margin-top:8px;padding:7px 14px;border:none;border-radius:8px;background:#dc2626;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.pp-ack-knop:disabled{opacity:.6;cursor:wait}.pp-regels{border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.pp-regel{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--color-border);font-size:12.5px}.pp-regel:last-child{border-bottom:none}.pp-regel .pp-regel-aantal{font-family:var(--font-mono);width:34px;flex-shrink:0;color:var(--color-text-muted)}.pp-regel .pp-regel-naam{flex:1;min-width:0}.pp-regel .pp-regel-code{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}.pp-regel.pp-af{background:#10b98112}.pp-regel .pp-regel-code.pp-regel-vrij{font-family:inherit;font-style:italic;border:1px dashed var(--color-border);border-radius:999px;padding:0 6px}.pp-regel.pp-regel-tekst{color:var(--color-text-muted);font-style:italic}.pp-sectiekop{padding:6px 10px;background:var(--color-cell-bg, #f1f3f6);font-size:11.5px;font-weight:700;border-bottom:1px solid var(--color-border)}.pp-fotos{display:flex;gap:8px;flex-wrap:wrap}.pp-foto{width:84px;height:84px;object-fit:cover;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;background:var(--color-bg);display:block}.pp-foto-laden{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-tertiary, #9ca3af)}.pp-primair-knop{width:100%;padding:12px 14px;border:none;border-radius:10px;background:var(--color-accent, #F5A02C);color:#fff;font-size:14px;font-weight:700;cursor:pointer}.pp-leegtekst{color:var(--color-text-muted);font-style:italic;font-size:13px}.pp-bestellingen{display:flex;flex-direction:column;gap:10px}.pp-bestelling{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:12px 14px}.pp-bestelling-kop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pp-bestelling-kop .pp-naam{font-weight:700}.pp-bestelling-kop .pp-tijd{color:var(--color-text-muted);font-size:12px}.pp-bestelling ul{margin:8px 0 0;padding-left:20px}.pp-bestelling li{font-size:13px;margin-bottom:2px}.pp-bestelling-acties{margin-top:10px;display:flex;gap:8px}.pp-actieknop{padding:6px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-cell-bg, #f1f3f6);color:var(--color-text);font-size:12.5px;font-weight:600;cursor:pointer}.pp-actieknop.pp-groen{background:#10b9811f;border-color:#10b981;color:#059669}.pp-bestelling-open{display:flex;align-items:center;gap:14px;border-color:#dc262673;border-left:4px solid #DC2626}.pp-bestelling-signaal{font-size:28px;line-height:1;flex-shrink:0}.pp-bestelling-inhoud{flex:1;min-width:0}.pp-bestelling-open .pp-bestelling-acties{margin-top:0;flex-shrink:0}.pp-tab-badge.pp-badge-urgent{font-size:12px;font-weight:800;padding:2px 8px}.pp-alles-af{padding:48px 16px;text-align:center;color:var(--color-text-muted);font-size:15px}.pp-dagkop{margin:16px 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.pp-daggroep:first-of-type .pp-dagkop{margin-top:0}.pp-daggroep .pp-bestelling{margin-bottom:10px}.pp-fout{padding:10px 14px;background:#dc262614;border:1px solid rgba(220,38,38,.35);border-radius:10px;color:#dc2626;font-size:13px}.pp-laden{padding:40px;text-align:center;color:var(--color-text-muted)}.pp-zoeken{width:min(960px,100%);margin:0 auto;padding:4px 0 28px}.pp-zoeken h2{margin:0 0 10px;font-size:18px;color:var(--color-text)}.pp-zoekveld{width:100%;min-height:56px;box-sizing:border-box;padding:14px 18px;border:2px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text);font:600 16px/1.35 var(--font-ui)}.pp-zoekveld:focus-visible{border-color:var(--color-accent, #F5A02C);outline:3px solid rgba(245,160,44,.24);outline-offset:1px}.pp-zoekstatus{min-height:24px;padding:12px 2px 8px;color:var(--color-text-muted);font-size:14px}.pp-zoekresultaten{display:flex;flex-direction:column;gap:12px}.pp-zoekkaart{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;min-height:96px;padding:12px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:0 2px 8px #1f29370f}.pp-zoekkaart-open{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:64px;padding:6px 10px;border:0;border-radius:10px;background:transparent;color:var(--color-text);text-align:left;cursor:pointer;font-family:var(--font-ui)}.pp-zoekkaart-open:hover{background:#f5a02c14}.pp-zoekkaart-open:focus-visible,.pp-zoekkaart-werkbon:focus-visible{outline:3px solid rgba(245,160,44,.32);outline-offset:2px}.pp-zoekkaart-naam{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700}.pp-zoekkaart-klantnummer{margin-left:8px;color:var(--color-text-muted);font-size:14px;font-weight:500}.pp-zoekkaart-meta{max-width:100%;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font:14px/1.35 var(--font-mono)}.pp-zoekkaart-datum{margin-top:3px;color:var(--color-text);font-size:14px}.pp-zoekkaart-werkbon{align-self:stretch;min-width:148px;min-height:56px;padding:12px 18px;border:2px solid var(--color-accent, #F5A02C);border-radius:10px;background:#f5a02c1a;color:var(--color-accent-hover, #E08C14);font:700 15px/1.2 var(--font-ui);cursor:pointer}.pp-zoekkaart-werkbon:hover{background:#f5a02c2e}.pp-zoekkaart-werkbon:disabled{cursor:wait;opacity:.7}.pp-zoekkaart-werkbon.pp-zoekkaart-werkbon-fout{border-color:#dc2626;background:#dc262614;color:#dc2626}@media (max-width: 720px){.pp-zoekkaart{grid-template-columns:1fr}.pp-zoekkaart-werkbon{width:100%}}@media (pointer: coarse){.pp-tab,.pp-terug,.pp-weeknav-btn{min-height:44px}.pp-zoekkaart-open,.pp-zoekkaart-werkbon{min-height:56px}}.pp-modus .pp-tab.actief{background:#1f2937;border-color:#1f2937}.pp-lijst{display:flex;flex-direction:column;gap:10px}.pp-lijst-balk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}.pp-lijst-rij{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:10px 14px;font-size:13px}.pp-lijst-rij.pp-te-laat{border-color:#dc26268c;background:#dc26260a}.pp-lijst-kop{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pp-lijst-klant{font-weight:700;font-size:14px}.pp-lijst-producten{margin-top:6px;font-size:12.5px;color:var(--color-text);font-family:var(--font-mono)}.pp-lijst-notitie{margin-top:6px;font-size:12.5px;color:var(--color-text-muted);white-space:pre-wrap}.pp-etiket{margin-top:12px}.pp-etiket-knoppen{display:flex;gap:8px;flex-wrap:wrap}.pp-etiket-knoppen>*{flex:1 1 auto}.pp-etiket-bundel{margin-top:10px;padding:12px;background:var(--color-cell-bg, #f1f3f6);border:1px solid var(--color-border);border-radius:10px;display:flex;flex-direction:column;gap:6px}.pp-etiket-kop{font-size:12.5px;font-weight:600;color:var(--color-text-muted);margin-bottom:2px}.pp-etiket-bon{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:6px 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:13px;cursor:pointer}.pp-etiket-bonnr{font-weight:700}.pp-etiket-bondatum{color:var(--color-text-muted);font-size:12px}.pp-etiket-bonstaat{margin-left:auto;font-size:12px;color:var(--color-text-muted)}.pp-etiket-let-op{color:#b45309;font-weight:600}.pp-etiket-uitleg{font-size:12px;color:var(--color-text-muted);font-style:italic}.pp-melding{padding:10px 14px;background:#10b9811a;border:1px solid rgba(16,185,129,.35);border-radius:10px;color:#059669;font-size:13px}.pp-etiket-onderdelen{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:13px;color:var(--color-text-muted)}.pp-etiket-onderdelen input{width:64px;padding:6px 8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:14px;font-weight:700;text-align:center}.pp-klustype-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.15)}.pp-chip-klustype{font-weight:600}:root{--oranje: #f5a02c;--oranje-donker: #e08c14;--teal: #17a398;--tekst: #2d3239;--tekst-gedempt: #7a828c;--rand: #e3e6ea;--vlak: #ffffff;--achtergrond: #f7f8fa;--rood: #e05252;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--achtergrond);color:var(--tekst)}button{font-family:inherit}.knop-primair{background:var(--oranje);color:#fff;border:none;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer}.knop-primair:hover{background:var(--oranje-donker)}.knop-primair:disabled{opacity:.6;cursor:not-allowed}.knop-secundair{background:var(--vlak);color:var(--tekst);border:1px solid var(--rand);border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer}.knop-secundair:hover{border-color:var(--oranje);color:var(--oranje-donker)}.knop-secundair:disabled{opacity:.6;cursor:not-allowed}.kaart-badge.rood{background:#e052521f;color:var(--rood);border-color:#e0525266}.invoer{width:100%;padding:11px 14px;border:1px solid var(--rand);border-radius:8px;font-size:14px;outline:none;background:#fff;color:var(--tekst)}.invoer:focus{border-color:var(--oranje)}.login-scherm{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:16px;background:radial-gradient(1200px 800px at 50% 38%,rgba(255,176,84,.5),transparent 62%),radial-gradient(900px 700px at 82% 86%,rgba(120,32,8,.55),transparent 65%),linear-gradient(160deg,#c2570f,#a63d0a 45%,#6d2406)}.login-decor{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.login-paneel{position:absolute;left:50%;top:50%;width:min(88vw,1180px);height:min(84vh,660px);transform:translate(-50%,-50%);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:28px}.vorm{position:absolute;filter:drop-shadow(0 26px 38px rgba(50,12,0,.55)) drop-shadow(0 6px 10px rgba(50,12,0,.3));animation:zweef-a 18s ease-in-out infinite alternate}.vorm path{vector-effect:non-scaling-stroke}.vorm-ring{left:32%;top:4%;animation-duration:21s}.vorm-zigzag{left:12%;top:26%;animation-name:zweef-b;animation-duration:17s}.vorm-krul{left:16%;top:52%;opacity:.55;filter:blur(2px) drop-shadow(0 26px 36px rgba(50,12,0,.5));animation-duration:26s}.vorm-slinger{right:14%;top:22%;animation-name:zweef-b;animation-duration:23s}.vorm-knoop{right:12%;top:60%;animation-duration:19s}.vorm-golf{right:24%;bottom:4%;opacity:.7;filter:blur(1px) drop-shadow(0 20px 30px rgba(50,12,0,.5));animation-name:zweef-b;animation-duration:24s}@keyframes zweef-a{0%{transform:translateZ(0) rotate(-3deg)}to{transform:translate3d(2.2vmin,-3vmin,0) rotate(4deg)}}@keyframes zweef-b{0%{transform:translateZ(0) rotate(3deg)}to{transform:translate3d(-2.5vmin,2.4vmin,0) rotate(-4deg)}}@keyframes kaart-entree{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.login-logo span{background:linear-gradient(90deg,#f5a02c,#ffd08a,#e08c14 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:logo-glans 7s ease-in-out infinite alternate}@keyframes logo-glans{0%{background-position:0% 50%}to{background-position:100% 50%}}@media (prefers-reduced-motion: reduce){.vorm,.login-kaart,.login-logo span{animation:none}}.login-kaart{width:min(380px,100%);position:relative;z-index:2;animation:kaart-entree .55s cubic-bezier(.16,1,.3,1) both;background:#ffffff24;-webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%);border:1px solid rgba(255,255,255,.28);border-radius:24px;padding:40px 36px;box-shadow:0 24px 60px #2d19504d,0 1px #ffffff73 inset;display:flex;flex-direction:column;gap:12px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.login-kaart{background:#5a2208eb}}.login-kaart .login-logo{color:#fff;text-align:center}.login-kaart .login-sub{color:#ffffffd1;text-align:center}.login-kaart .invoer{background:#fffffff5;border-color:#ffffff80;border-radius:10px}.login-kaart .invoer::placeholder{color:#2d323980}.login-kaart .invoer:focus{border-color:#ffd08a;background:#fff;box-shadow:0 0 0 3px #ffd08a73}.login-kaart .knop-primair{background:#3a1607;border-radius:10px}.login-kaart .knop-primair:hover{background:#4a1c09}.login-kaart .knop-primair{transition:box-shadow .2s ease,transform .12s ease,background .2s ease;box-shadow:0 6px 18px #f5a02c61}.login-kaart .knop-primair:hover{box-shadow:0 8px 26px #f5a02c8c;transform:translateY(-1px)}.login-kaart .login-fout{background:#7814148c;border-color:#ffa0a080;color:#ffd7d7}.login-logo{font-size:22px;font-weight:800;letter-spacing:.02em;margin-bottom:4px}.login-logo span{color:var(--oranje)}.login-sub{font-size:13px;color:#2d3239c7;margin-bottom:12px}.login-fout{background:#e0525214;border:1px solid rgba(224,82,82,.3);color:var(--rood);border-radius:8px;padding:10px 12px;font-size:13px}.shell{display:flex;min-height:100vh}.zijbalk{width:232px;flex-shrink:0;background:var(--vlak);border-right:1px solid var(--rand);display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top,0px)) 10px calc(14px + env(safe-area-inset-bottom,0px)) calc(10px + env(safe-area-inset-left,0px));gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.zijbalk-logo{display:flex;align-items:center;gap:10px;border:none;background:transparent;cursor:pointer;font-weight:800;color:var(--oranje);font-size:20px;padding:6px 10px;margin-bottom:10px;border-radius:10px;text-align:left}.zijbalk-logo:hover{background:#f5a02c1a}.zijbalk-logo-naam{font-size:14px;font-weight:700;color:var(--tekst);letter-spacing:.2px}.zijbalk-groepen{display:flex;flex-direction:column;gap:2px;flex:1}.zijbalk-groep{display:flex;flex-direction:column}.zijbalk-groepkop{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;cursor:pointer;padding:9px 10px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--tekst);text-align:left}.zijbalk-groepkop:hover{background:#2d32390d}.zijbalk-groepkop .zijbalk-icoon{display:flex;align-items:center;justify-content:center;width:22px;color:var(--tekst-gedempt)}.zijbalk-groepkop .zijbalk-label{flex:1}.zijbalk-groepkop.actief,.zijbalk-groepkop.bevat-actief{color:var(--oranje-donker)}.zijbalk-groepkop.actief{background:#f5a02c24}.zijbalk-groepkop.actief .zijbalk-icoon,.zijbalk-groepkop.bevat-actief .zijbalk-icoon{color:var(--oranje-donker)}.zijbalk-sub{display:flex;flex-direction:column;gap:1px;margin:2px 0 6px;padding-left:26px}.zijbalk-subitem{border:none;background:transparent;cursor:pointer;text-align:left;padding:7px 10px;font-size:13px;color:var(--tekst-gedempt);border-left:2px solid var(--rand);border-radius:0 8px 8px 0}.zijbalk-subitem:hover{background:#2d32390d;color:var(--tekst)}.zijbalk-subitem.actief{background:#f5a02c24;color:var(--oranje-donker);font-weight:600;border-left-color:var(--oranje)}.zijbalk-voet{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px 2px;border-top:1px solid var(--rand)}.zijbalk-gebruiker{flex:1;min-width:0}.zijbalk-gebruiker-naam{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zijbalk-gebruiker-rol{font-size:11.5px;color:var(--tekst-gedempt)}.zijbalk-uitloggen{border:none;background:transparent;cursor:pointer;color:var(--tekst-gedempt);padding:8px;border-radius:8px;display:flex;align-items:center}.zijbalk-uitloggen:hover{background:#dc26261a;color:#dc2626}.inhoud{flex:1;min-width:0;padding:calc(28px + env(safe-area-inset-top,0px)) calc(36px + env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) 36px}.builder-kop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.autosave{font-size:12px;color:var(--teal);min-width:90px;transition:opacity .4s}.autosave.idle{opacity:0}.autosave.bezig{color:var(--tekst-gedempt)}.advanced-knop{width:30px;height:30px;border-radius:50%;border:1px solid var(--rand);background:var(--vlak);font-weight:700;font-size:14px;color:var(--tekst-gedempt);cursor:pointer}.advanced-knop.actief{background:#f5a02c24;color:var(--oranje-donker);border-color:var(--oranje)}.concept-balk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:8px 10px;background:var(--vlak);border:1px solid var(--rand);border-radius:10px}.concept-balk select{max-width:280px}.builder-kolommen{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;margin-top:14px;align-items:start}@media (max-width: 1000px){.builder-kolommen{grid-template-columns:1fr}}.builder-links{position:sticky;top:16px}@media (max-width: 1000px){.builder-links{position:static}}.klant-naam{font-weight:700;font-size:15px;margin-bottom:4px}.builder-totalen .totalen-rij{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:3px 0}.totalen-groot{border-top:1px solid var(--rand);margin-top:6px;padding-top:8px!important;font-weight:700;font-size:14.5px!important}.advanced-blok{border-top:1px dashed var(--rand);margin-top:8px;padding-top:8px}.builder-acties{display:flex;flex-direction:column;gap:8px;margin-top:12px}.builder-acties .knop-primair{width:100%}.actie-secundair{width:100%;text-align:center;padding:8px}.builder-item{margin-bottom:14px}.builder-item-kop{display:flex;align-items:center;gap:10px;margin-bottom:8px}.builder-regels{width:100%;border-collapse:collapse}.builder-regels td{padding:6px 8px;border-bottom:1px solid var(--rand);vertical-align:middle}.builder-regels tr:last-child td{border-bottom:none}.regel-naam{font-size:13.5px}.regel-sku{display:block;font-size:11px;color:var(--tekst-gedempt)}.regel-aantal{white-space:nowrap;width:110px}.regel-eenheid{margin-left:6px;font-size:11.5px}.regel-prijs{width:110px}.regel-totaal{text-align:right;width:100px;font-size:13px}.regel-acties{width:34px;text-align:right}.invoer-compact{width:74px;padding:6px 8px;text-align:right}.regel-x{border:none;background:transparent;cursor:pointer;color:var(--tekst-gedempt);font-size:16px;padding:4px 8px;border-radius:6px}.regel-x:hover{background:#dc26261a;color:#dc2626}.builder-draft{margin-top:8px}.zoeker{position:relative}.zoeker-lijst{position:absolute;top:100%;left:0;right:0;z-index:30;background:var(--vlak);border:1px solid var(--rand);border-radius:10px;margin-top:4px;overflow:hidden;box-shadow:0 8px 24px #2d32391f;max-height:320px;overflow-y:auto}.zoeker-optie{display:flex;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;border:none;background:transparent;cursor:pointer;text-align:left;font-size:13px;color:var(--tekst);border-bottom:1px solid var(--rand)}.zoeker-optie:last-child{border-bottom:none}.zoeker-optie.actief{background:#f5a02c1a}.zoeker-optie.toegevoegd{background:#17a39824}.zoeker-naam{flex:1}.zoeker-meta{color:var(--tekst-gedempt);font-size:12px;white-space:nowrap}.zoeker-leeg{padding:9px 12px}.dup-waarschuwing{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;padding:8px 10px;font-size:13px;background:#f5a02c1a;border:1px solid var(--oranje);border-radius:10px}.paneel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#2d323959}.notities-paneel{position:fixed;top:0;right:0;bottom:0;z-index:91;width:min(420px,92vw);background:var(--achtergrond, #fff);border-left:1px solid var(--rand);box-shadow:-10px 0 30px #2d323926;padding:16px;overflow-y:auto}.notities-kop{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.notities-sectie{margin-bottom:16px}.notities-sectie h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--tekst-gedempt)}.concept-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:92;width:min(640px,94vw);max-height:86vh;overflow-y:auto;background:var(--achtergrond, #fff);border:1px solid var(--rand);border-radius:14px;padding:18px;box-shadow:0 16px 48px #2d323938}.advanced-item{flex-wrap:wrap}.agenda-kolommen{grid-template-columns:minmax(0,1fr) 380px}@media (max-width: 1000px){.agenda-kolommen{grid-template-columns:1fr}}.agenda-tijdlijn{position:relative;height:840px;margin:4px 0}.agenda-uur{position:absolute;left:0;right:0;border-top:1px solid var(--rand)}.agenda-uur-label{position:absolute;top:-8px;left:0;font-size:11px;color:var(--tekst-gedempt);background:var(--vlak);padding-right:6px}.agenda-nu{position:absolute;left:46px;right:0;z-index:3;border-top:2px solid #DC2626}.agenda-nu-stip{position:absolute;left:-5px;top:-6px;width:10px;height:10px;border-radius:50%;background:#dc2626}.agenda-blok{position:absolute;z-index:2;display:flex;flex-direction:column;gap:1px;overflow:hidden;text-align:left;cursor:pointer;border:1px solid var(--oranje);border-left-width:4px;background:#f5a02c1a;border-radius:8px;padding:4px 8px;font-size:12px;color:var(--tekst)}.agenda-blok.resultaat{border-color:var(--teal);background:#17a3981a}.agenda-blok.geannuleerd{border-color:var(--rand);background:#7a828c1a;color:var(--tekst-gedempt);text-decoration:line-through}.agenda-blok.actief,.agenda-week-blok.actief{box-shadow:0 0 0 2px var(--oranje-donker)}.agenda-blok-tijd{font-size:11px;font-weight:700}.agenda-blok-naam{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-blok-meta{font-size:11px;color:var(--tekst-gedempt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda-week{overflow-x:auto}.agenda-week-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;min-width:900px}.agenda-dag-kolom{display:flex;flex-direction:column;gap:6px;border:1px solid var(--rand);border-radius:10px;padding:8px;min-height:140px;background:var(--vlak)}.agenda-dag-kolom.vandaag{border-color:var(--oranje);box-shadow:inset 0 3px 0 var(--oranje)}.agenda-dag-kop{border:none;background:transparent;cursor:pointer;font-weight:700;font-size:12.5px;text-align:left;padding:2px 2px 6px;color:var(--tekst);border-bottom:1px solid var(--rand)}.agenda-dag-kop:hover{color:var(--oranje-donker)}.agenda-week-blok{display:flex;flex-direction:column;gap:1px;overflow:hidden;text-align:left;cursor:pointer;width:100%;border:1px solid var(--oranje);border-left-width:4px;background:#f5a02c1a;border-radius:8px;padding:5px 8px;font-size:12px;color:var(--tekst)}.agenda-week-blok.resultaat{border-color:var(--teal);background:#17a3981a}.agenda-week-blok.geannuleerd{border-color:var(--rand);background:#7a828c1a;color:var(--tekst-gedempt);text-decoration:line-through}.agenda-vrij{text-align:center;padding:10px 0;font-size:11.5px}.agenda-ai{border:1px dashed var(--teal);border-radius:10px;padding:8px 10px;background:#17a3980f}.badge-rij{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}.prestatie-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12.5px;font-weight:700;background:#f5a02c1f;color:var(--oranje-donker);border:1px solid var(--oranje)}.prestatie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.prestatie{display:flex;flex-direction:column;gap:1px;border:1px solid var(--rand);border-radius:10px;padding:8px 10px}.prestatie-waarde{font-size:16px;font-weight:700}.historie-balken{display:flex;align-items:flex-end;gap:4px;height:90px;padding-top:4px}.historie-kolom{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end}.historie-balk{width:100%;border-radius:4px 4px 0 0;background:#f5a02c59}.historie-balk.actief{background:var(--oranje)}.historie-label{font-size:10px;color:var(--tekst-gedempt)}.teamdash{display:flex;flex-direction:column;gap:14px}.teamdash-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.signaal-rij{display:flex;align-items:center;gap:10px;width:100%;border:none;background:transparent;cursor:pointer;padding:8px 6px;border-bottom:1px solid var(--rand);font-size:13px;color:var(--tekst);text-align:left}.signaal-rij:last-child{border-bottom:none}.signaal-rij:hover{background:#2d32390a}.signaal-stip{width:10px;height:10px;border-radius:50%;flex-shrink:0}.capaciteit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:10px}.capaciteit-kaart{display:flex;flex-direction:column;gap:4px;align-items:flex-start;border:1px solid var(--rand);border-radius:10px;padding:10px;background:transparent;cursor:pointer;text-align:left;font-size:13px;color:var(--tekst)}.capaciteit-kaart:hover{border-color:var(--oranje)}.teamdash-tabel td,.teamdash-tabel th{white-space:nowrap}.opvolg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.opvolg-rij{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;cursor:pointer;padding:5px 2px;font-size:12.5px;color:var(--tekst);border-bottom:1px solid var(--rand);text-align:left}.opvolg-rij:hover{background:#2d32390a}.opvolg-klant{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kaart-badge.amber{background:#f5a02c26;color:var(--oranje-donker)}.agenda-vol{width:100%}.agenda-legenda{display:inline-flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--tekst-gedempt)}.agenda-legenda-item{display:inline-flex;align-items:center;gap:4px}.agenda-weektijd{display:grid;grid-template-columns:48px repeat(7,minmax(0,1fr));gap:6px}.agenda-weektijd-as{position:relative;height:700px;margin-top:34px}.agenda-weektijd-as .agenda-uur-label{position:absolute;right:4px;transform:translateY(-7px)}.agenda-weektijd-kolom{display:flex;flex-direction:column;min-width:0}.agenda-weektijd-kolom.vandaag .agenda-dag-kop{color:var(--oranje-donker);border-bottom-color:var(--oranje)}.agenda-weektijd-kolom.vandaag .agenda-weektijd-vlak{background:#f5a02c0a}.agenda-weektijd-vlak{position:relative;height:700px;border:1px solid var(--rand);border-radius:8px;overflow:hidden;background:var(--vlak)}.agenda-weektijd-vlak .agenda-uur{border-top:1px solid rgba(122,130,140,.15)}.agenda-blok.compact{padding:2px 5px;font-size:11px;border-radius:6px}.agenda-blok.compact .agenda-blok-tijd,.agenda-blok.compact .agenda-blok-meta{font-size:10px}.agenda-weektijd-vlak .agenda-vrij{position:absolute;top:45%;left:0;right:0}@media (max-width: 1100px){.agenda-week{overflow-x:auto}.agenda-weektijd{min-width:980px}}.zijbalk-hamburger,.zijbalk-backdrop{display:none}@media (max-width: 900px){.zijbalk{position:fixed;left:0;top:0;bottom:0;z-index:80;transform:translate(-102%);transition:transform .18s ease;box-shadow:0 10px 30px #2d32392e}.zijbalk.open{transform:none}.zijbalk-hamburger{display:flex;align-items:center;justify-content:center;position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px));z-index:81;width:40px;height:40px;border-radius:10px;border:1px solid var(--rand);background:var(--vlak);color:var(--tekst);cursor:pointer;box-shadow:0 2px 8px #2d32391a}.zijbalk-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:79;background:#2d323959}.inhoud{padding-top:calc(62px + env(safe-area-inset-top,0px));padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px))}}.inhoud h1{font-size:20px;margin:0 0 4px}.inhoud .sub{color:var(--tekst-gedempt);font-size:13px;margin-bottom:24px}.tegels{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.tegel{background:var(--vlak);border:1px solid var(--rand);border-radius:12px;padding:18px;cursor:default}.tegel .titel{font-weight:700;font-size:14px;margin-bottom:4px}.tegel .status{font-size:12px;color:var(--tekst-gedempt)}.tegel .badge{display:inline-block;margin-top:10px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:10px;background:#17a3981f;color:var(--teal)}.tegel .badge.binnenkort{background:#7a828c1f;color:var(--tekst-gedempt)}.kaart-zoek{position:relative;max-width:480px;margin-top:8px}.kaart-zoekresultaten{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--vlak);border:1px solid var(--rand);border-radius:10px;margin-top:4px;overflow:hidden;box-shadow:0 8px 24px #2d32391a}.kaart-zoekresultaat{display:flex;flex-direction:column;gap:2px;width:100%;padding:10px 14px;border:none;background:transparent;cursor:pointer;text-align:left;font-size:13px;color:var(--tekst);border-bottom:1px solid var(--rand)}.kaart-zoekresultaat:hover{background:#f5a02c14}.kaart-zoekresultaat span{color:var(--tekst-gedempt);font-size:12px}.kaart-kolommen{display:grid;grid-template-columns:340px 1fr;gap:18px;margin-top:20px;align-items:start}@media (max-width: 900px){.kaart-kolommen{grid-template-columns:1fr}}.kaart-blok{background:var(--vlak);border:1px solid var(--rand);border-radius:12px;padding:16px;margin-bottom:14px}.kaart-blok h2{margin:0 0 8px;font-size:17px}.kaart-blok h3{margin:0 0 10px;font-size:14px}.kaart-detail{font-size:13px;margin-bottom:4px}.kaart-memo-form{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.kaart-memo-regel{display:flex;gap:8px}.kaart-memo-regel select{flex:1}.kaart-memos{display:flex;flex-direction:column;gap:10px}.kaart-memo{border-left:3px solid var(--oranje);background:var(--achtergrond);border-radius:0 8px 8px 0;padding:8px 12px;font-size:13px}.kaart-memo-kop{display:flex;gap:8px;align-items:center;margin-bottom:3px;font-size:12px}.kaart-order{background:var(--vlak);border:1px solid var(--rand);border-radius:12px;padding:14px 16px;margin-bottom:12px}.kaart-order-kop{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.kaart-ordernummer{font-weight:800;font-size:14px}.kaart-datum{margin-left:auto;color:var(--tekst-gedempt);font-size:12px}.kaart-planning{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--tekst-gedempt);margin-bottom:8px}.kaart-sectie{border-top:1px solid var(--rand);padding-top:8px;margin-top:8px}.kaart-sectie-kop{font-size:13px;display:flex;gap:6px;flex-wrap:wrap}.kaart-sectie-bedragen{margin-left:auto;color:var(--tekst-gedempt);font-size:12px}.kaart-producten{width:100%;border-collapse:collapse;margin-top:6px;font-size:12px}.kaart-producten td{padding:3px 6px;border-bottom:1px dashed var(--rand)}.kaart-producten td.mono,.mono{font-family:ui-monospace,monospace;color:var(--tekst-gedempt)}.kaart-order-totaal{display:flex;gap:16px;justify-content:flex-end;font-weight:700;font-size:13px;margin-top:10px}.kaart-badge{display:inline-block;padding:2px 9px;border-radius:10px;font-size:11px;font-weight:700;border:none;background:#7a828c1f;color:var(--tekst-gedempt)}.kaart-badge.groen,.kaart-badge.teal{background:#17a3981f;color:var(--teal)}.kaart-badge.amber{background:#f5a02c24;color:var(--oranje-donker)}.kaart-badge.grijs{background:#7a828c1f;color:var(--tekst-gedempt)}.kaart-badge.knopje{cursor:pointer}.artikel-balk{display:flex;gap:12px;align-items:center;margin:14px 0}.artikel-filter{max-width:220px}.artikel-check{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--tekst)}.artikel-form{max-width:860px}.artikel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.artikel-grid label,.artikel-veld{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--tekst-gedempt)}.artikel-veld{margin-top:10px}.artikel-checks{display:flex;gap:18px;margin-top:12px;align-items:center}.artikel-voorraad{width:90px}.artikel-form-knoppen{display:flex;gap:10px;margin-top:14px}.artikel-tabel{width:100%;border-collapse:collapse;background:var(--vlak);border:1px solid var(--rand);border-radius:12px;overflow:hidden;font-size:13px}.artikel-tabel th{text-align:left;padding:10px 12px;background:var(--achtergrond);font-size:12px;color:var(--tekst-gedempt);border-bottom:1px solid var(--rand)}.artikel-tabel td{padding:9px 12px;border-bottom:1px solid var(--rand)}.artikel-gearchiveerd td{opacity:.55}.artikel-acties{display:flex;gap:6px}.aanvraag-rij{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--rand);font-size:13px}.portal-wrap{max-width:720px;margin:0 auto;padding:24px 16px}.portal-hero{text-align:center;margin-bottom:20px}.portal-hero h1{font-size:24px;margin:10px 0 4px}.portal-fotos{display:flex;gap:10px;justify-content:center;margin-top:14px;flex-wrap:wrap}.portal-fotos img{width:200px;height:140px;object-fit:cover;border-radius:12px}.portal-voorbeeldfoto{text-align:center}.portal-voorbeeldfoto img{max-width:100%;max-height:420px;border-radius:12px;border:1px solid var(--rand)}.portal-voorbeeldfoto-kop{margin:10px 0 4px;font-weight:600}.portal-voorbeeldfoto-disclaimer{font-size:12px;line-height:1.4}.portal-totaal{text-align:center;border-color:var(--oranje)}.portal-canvas{border:1px dashed var(--rand);border-radius:8px;background:#fff;width:100%;max-width:420px;display:block}.portal-planning h3,.portal-docs h3{margin:0 0 8px;font-size:17px}.portal-planning-datum{font-size:18px;font-weight:800;margin:4px 0;text-transform:capitalize}.portal-planning-dagen{margin:6px 0 0;padding-left:18px;font-size:14px;line-height:1.7}.portal-doc{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;margin-top:10px;border:1.5px solid var(--oranje);border-radius:14px;background:#f5a02c0f;color:inherit;text-decoration:none}.portal-doc.klein{border-color:var(--rand);background:var(--vlak);min-height:52px;margin-top:8px}.portal-doc-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.portal-doc-tekst .sub{font-size:12px;line-height:1.4}.portal-doc-knop{flex-shrink:0;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;border-radius:10px;background:var(--oranje);color:#1e1e1e;font-weight:800;font-size:14px}.portal-doc.klein .portal-doc-knop{background:var(--achtergrond);color:var(--tekst);border:1px solid var(--rand)}.portal-doc-eerder{margin-top:12px}.portal-doc-eerder summary{cursor:pointer;font-size:13px;color:var(--tekst-gedempt);min-height:44px;display:flex;align-items:center}.portal-klantfotos h3{margin:0 0 8px;font-size:17px}.portal-upload{display:flex;align-items:center;justify-content:center;min-height:56px;margin-top:10px;padding:0 16px;border:2px dashed var(--oranje);border-radius:14px;background:#f5a02c14;color:var(--oranje-donker);font-weight:800;font-size:15px;cursor:pointer;text-align:center}.portal-upload input{display:none}.portal-upload.uit{border-color:var(--rand);color:var(--tekst-gedempt);background:var(--achtergrond);cursor:default}.portal-klantfotos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:8px}.portal-klantfoto{border:1px solid var(--rand);border-radius:12px;overflow:hidden;background:var(--vlak)}.portal-klantfoto img{width:100%;height:120px;object-fit:cover;display:block}.portal-klantfoto-leeg{height:120px;display:flex;align-items:center;justify-content:center;color:var(--tekst-gedempt);background:var(--achtergrond);font-size:13px}.portal-klantfoto-voet{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px}.portal-klantfoto-weg{min-height:36px;border:1px solid var(--rand);border-radius:8px;background:var(--vlak);color:var(--rood);font-weight:700;font-size:12px;padding:0 10px;cursor:pointer}.archief-kop{display:flex;align-items:center;gap:12px;margin-bottom:16px}.archief-provenance{background:#7c5c10;color:#ffe9b8}.archief-rij{cursor:pointer}.archief-rij:hover td{background:#ffffff0a}.archief-totaalregel td{font-weight:700;border-top:1px solid rgba(255,255,255,.25)}.archief-paginering{display:flex;align-items:center;gap:12px;margin-top:12px}.archief-fotogroep{margin-top:12px}.archief-fotos{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.archief-foto{width:140px;height:105px;object-fit:cover;border-radius:8px}.archief-foto-knop{padding:0;border:0;background:none;cursor:zoom-in;border-radius:8px;line-height:0}.archief-foto-knop:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.archief-handtekening{text-align:center}.archief-handtekening img{height:60px;background:#fff;border-radius:6px;padding:4px}.archief-historie-regel{cursor:pointer}.archief-historie-regel:hover{background:#ffffff0d;border-radius:6px}.planning-grid th,.planning-grid td{vertical-align:top;min-width:130px}.planning-cel{padding:6px}.planning-klus{border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:6px 8px;margin-bottom:6px}.planning-klus.service{border-style:dashed}.planning-klus-kop{font-weight:600;font-size:13px}.login-vergeten{background:none;border:none;color:inherit;opacity:.7;font-size:13px;margin-top:10px;cursor:pointer;text-decoration:underline}.login-vergeten:hover{opacity:1}.kaart-producten td.kaart-product-aantal{width:34px;text-align:right;padding-right:10px;color:var(--tekst);font-weight:600;white-space:nowrap}.pk-modal{position:fixed;z-index:95;top:4vh;left:50%;transform:translate(-50%);width:min(880px,calc(100vw - 24px));max-height:92vh;background:var(--vlak);border:1px solid var(--rand);border-radius:14px;box-shadow:0 24px 60px #2d323940;display:flex;flex-direction:column;overflow:hidden}.pk-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--rand);flex-shrink:0}.pk-sluit{width:44px;height:44px;border:1px solid var(--rand);border-radius:10px;background:transparent;color:var(--tekst-gedempt);font-size:22px;line-height:1;cursor:pointer}.pk-zoek{padding:10px 16px;border-bottom:1px solid var(--rand);flex-shrink:0}.pk-zoek .invoer{width:100%;min-height:44px;font-size:15px}.pk-gekozen{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;border-bottom:1px solid var(--rand);background:#f5a02c12;max-height:96px;overflow-y:auto;flex-shrink:0}.pk-chip{min-height:36px;padding:6px 10px;border:1px solid var(--oranje);border-radius:18px;background:var(--vlak);color:var(--oranje-donker);font-size:13px;font-weight:600;cursor:pointer}.pk-lijst{flex:1;min-height:0;overflow-y:auto}.pk-rij{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-bottom:1px solid var(--rand)}.pk-rij.gekozen{background:#f5a02c1f;box-shadow:inset 3px 0 0 var(--oranje)}.pk-rij-info{flex:1;min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:none;background:transparent;color:var(--tekst);text-align:left;cursor:pointer;font:inherit}.pk-naam{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pk-label{font-size:11px;font-weight:700;color:#fff;background:var(--oranje);border-radius:9px;padding:1px 8px}.pk-label.al,.pk-label.pending{background:transparent;color:var(--tekst-gedempt);border:1px solid var(--rand)}.pk-label.mislukt{background:#dc2626}.pk-rij.pending{opacity:.75}.pk-rij.mislukt{background:#dc262614;box-shadow:inset 3px 0 #dc2626}.pk-fout{font-size:12px;color:#b91c1c}.pk-opnieuw{min-height:44px;padding:0 12px;flex-shrink:0;border:1px solid #DC2626;border-radius:10px;background:var(--vlak);color:#b91c1c;font-weight:700;font-size:13px;cursor:pointer}.pk-chip.pending{opacity:.7}.pk-chip.mislukt{border-color:#dc2626;color:#b91c1c}.pk-telling-fout{color:#b91c1c;font-weight:700}.pk-meta{font-size:12px;color:var(--tekst-gedempt)}.pk-incl{font-size:11px}.pk-aantal{display:flex;align-items:center;gap:4px;flex-shrink:0}.pk-stap{width:44px;height:44px;border:1px solid var(--rand);border-radius:10px;background:var(--vlak);color:var(--tekst);font-size:20px;font-weight:700;cursor:pointer}.pk-stap:disabled{opacity:.35;cursor:default}.pk-aantal-veld{width:56px;height:44px;text-align:center;font-size:15px;border:1px solid var(--rand);border-radius:10px;background:var(--vlak);color:var(--tekst)}.pk-leeg{padding:18px 16px}.pk-meer{display:block;width:100%;min-height:44px;border:none;background:transparent;color:var(--oranje-donker);font-weight:600;font-size:13px;cursor:pointer}.pk-voet{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--rand);background:var(--achtergrond);flex-shrink:0}.pk-telling{font-size:14px;color:var(--tekst)}.pk-telling strong{color:var(--oranje-donker)}.pk-voet .knop-primair{min-height:44px;padding:10px 20px}.pk-annuleer{min-height:44px;padding:10px 16px;border:1px solid var(--rand);border-radius:8px;background:var(--vlak);color:var(--tekst);cursor:pointer;font-size:14px}.pk-open{min-height:44px;width:100%;font-size:14px;justify-content:center;display:inline-flex;align-items:center}.pdfm-modal{position:fixed;z-index:95;top:2vh;left:50%;transform:translate(-50%);width:min(940px,calc(100vw - 16px));height:96vh;display:flex;flex-direction:column;background:var(--vlak);border:1px solid var(--rand);border-radius:14px;box-shadow:0 16px 48px #2d323947;overflow:hidden}.pdfm-kop{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--rand)}.pdfm-acties{display:flex;gap:8px;align-items:center}.pdfm-knop{min-width:48px;min-height:44px;padding:0 14px;font-size:17px;border-radius:10px;border:1px solid var(--rand);background:var(--vlak);color:var(--tekst);cursor:pointer}.pdfm-knop:disabled{opacity:.4;cursor:default}.pdfm-sluit{min-width:52px;font-size:26px;line-height:1}.pdfm-paginas{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px;background:#2d32391f}.pdfm-pagina{background:#fff;box-shadow:0 4px 18px #2d323940;flex:none}.pdfm-status{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center}.pdfm-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--rand);border-top-color:var(--oranje);animation:pdfm-draai .9s linear infinite}@keyframes pdfm-draai{to{transform:rotate(360deg)}}