.oorleg{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:var(--color-surface-page)}.oorleg--donker{background:var(--scanner-viewport-background);color:var(--color-text-inverse)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:70px;padding:var(--space-3) var(--space-gutter-screen);flex:0 0 auto}.topbar__lead{display:flex;align-items:center;gap:var(--space-3);min-width:0}.topbar__title{font-size:16px;font-weight:800;letter-spacing:-.01em}.iconbtn{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:var(--color-surface-raised);color:var(--color-text-primary)}.oorleg--donker .iconbtn{border-color:color-mix(in srgb,var(--color-text-inverse) 22%,transparent);background:color-mix(in srgb,var(--color-text-inverse) 12%,transparent);color:var(--color-text-inverse)}.row{display:flex;align-items:center;gap:var(--space-3)}.row--wrap{flex-wrap:wrap;gap:var(--space-2)}.row--top{align-items:flex-start}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.grow{flex:1 1 auto;min-width:0}.tabular{font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:var(--space-1);min-height:30px;padding:5px 10px;border-radius:var(--radius-pill);font-size:13px;font-weight:800;background:var(--color-feedback-info-surface);color:var(--color-feedback-info-foreground)}.pill--amber{background:var(--color-state-queued-surface);color:var(--color-state-queued-foreground)}.pill--grey{background:var(--color-surface-sunken);color:var(--color-text-on-tint)}.card--flat{box-shadow:var(--elevation-0)}.card--info{background:var(--color-feedback-info-surface);border-color:var(--color-feedback-info-surface);color:var(--color-feedback-info-foreground)}.card--huidig{border-color:var(--color-state-current-border)}.btn--ghost{min-height:44px;background:none;box-shadow:var(--elevation-0);color:var(--color-action-primary-background)}.btn--ghost:hover{background:var(--color-surface-sunken)}.btn--stil{min-height:44px;background:none;box-shadow:var(--elevation-0);color:var(--color-text-secondary);font-weight:700}.btn--stil:hover{background:var(--color-surface-sunken)}.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:var(--elevation-0)}.track{height:10px;border-radius:var(--radius-pill);background:var(--color-surface-sunken);overflow:hidden}.track__fill{height:100%;border-radius:inherit;background:var(--color-action-primary-background);transition:width var(--duration-long) cubic-bezier(.2,0,.2,1)}.stat__value{font-size:28px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.viewport{position:relative;display:grid;place-items:center;min-height:280px;flex:1 1 auto;overflow:hidden;border-radius:var(--radius-container);background:var(--scanner-viewport-background)}.viewport__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reticle{position:relative;width:210px;height:210px}.reticle i{position:absolute;width:48px;height:48px;border:3px solid var(--scanner-frame-corner)}.reticle i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0;border-radius:14px 0 0}.reticle i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-radius:0 14px 0 0}.reticle i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 14px}.reticle i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 14px}.sweep{position:absolute;left:14px;right:14px;top:50%;height:2px;background:linear-gradient(90deg,transparent,var(--scanner-frame-corner),transparent);animation:fs-sweep 1.6s ease-in-out infinite}@keyframes fs-sweep{0%,to{transform:translateY(-88px)}50%{transform:translateY(88px)}}.skandeer__hint{margin:0;text-align:center;color:color-mix(in srgb,var(--color-text-inverse) 82%,transparent)}.oorleg--donker .notice{color:var(--color-feedback-error-foreground)}.viewport__video--spieel{transform:scaleX(-1)}.foto__toestemming{position:absolute;left:0;right:0;bottom:0;margin:0;padding:var(--space-3) var(--space-4);font-size:13px;line-height:1.4;color:var(--color-text-inverse);background:linear-gradient(to top,color-mix(in srgb,var(--scanner-viewport-background) 88%,transparent),transparent)}.foto__voorskou{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--scanner-viewport-background)}.foto__beheer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4)}.foto__beheer>:last-child{justify-self:end}.sluiter{display:grid;place-items:center;width:76px;height:76px;border-radius:var(--radius-pill);border:4px solid var(--color-text-inverse);background:transparent;color:var(--color-text-inverse)}.sluiter:after{content:"";width:58px;height:58px;border-radius:var(--radius-pill);background:var(--color-text-inverse);transition:transform var(--duration-short) ease-out}.sluiter:active:after{transform:scale(.88)}.sluiter[disabled]{opacity:.4;cursor:not-allowed}.fotory{display:flex;align-items:center;gap:var(--space-3);min-height:62px}.fotokiekie{width:56px;height:56px;flex:0 0 56px;border-radius:var(--radius-control);object-fit:cover;background:var(--color-surface-sunken)}.fotory .btn--ghost{width:auto;min-height:44px;padding:var(--space-2) var(--space-4);flex:0 0 auto}.codewrap{position:relative}.code{display:flex;gap:9px}.slot{flex:1 1 0;display:grid;place-items:center;min-height:62px;border-radius:12px;border:1.5px solid var(--color-border-subtle);background:var(--color-surface-raised);font-size:24px;font-weight:800;text-transform:uppercase}.slot--actief{border:2px solid var(--color-action-primary-background)}.caret{width:2px;height:26px;border-radius:2px;background:currentColor;animation:fs-blink 1.1s steps(2) infinite}@keyframes fs-blink{50%{opacity:0}}.codeover{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:transparent;font:inherit;font-size:16px;letter-spacing:1em;-webkit-text-fill-color:transparent;caret-color:transparent}.codeover:focus{outline:3px solid var(--color-border-focus);outline-offset:3px;border-radius:12px}.opt{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:62px;padding:14px var(--space-4);text-align:left;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-container);box-shadow:var(--elevation-1);font-size:16px;font-weight:600}.opt__key{display:grid;place-items:center;min-width:32px;min-height:32px;padding:2px 6px;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text-on-tint);font-size:14px;font-weight:800}.opt--gekies{border:2px solid var(--color-action-primary-background);background:color-mix(in srgb,var(--color-action-primary-background) 8%,var(--color-surface-raised))}.opt--gekies .opt__key{background:var(--color-action-primary-background);color:var(--color-action-primary-foreground)}.opt--reg{border:2px solid var(--color-state-complete-background);background:color-mix(in srgb,var(--color-state-complete-background) 14%,var(--color-surface-raised))}.opt--reg .opt__key{background:var(--color-state-complete-background);color:var(--color-state-complete-foreground)}.opt--verkeerd{border:2px solid var(--color-feedback-error-border);background:var(--color-feedback-error-surface);color:var(--color-feedback-error-foreground)}.seal{display:grid;place-items:center;width:88px;height:88px;margin:0 auto;border-radius:var(--radius-pill);background:var(--completion-seal-background);color:var(--color-state-complete-foreground);box-shadow:var(--completion-seal-shadow);animation:fs-pop var(--duration-celebrate) cubic-bezier(.2,0,0,1)}@keyframes fs-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.gedaan__punte{font-size:38px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:inherit}.gedaan__caption{font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:inherit}.queue__icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:var(--radius-control);background:var(--color-surface-sunken);color:var(--color-text-on-tint)}@media(prefers-reduced-motion:reduce){.sweep{transform:none}.caret{opacity:1}}.adm{min-height:100dvh;background:var(--color-surface-page);color:var(--color-text-primary)}.adm__desk{width:min(100%,1180px);margin:0 auto;padding:0 var(--space-6) var(--space-12)}.adm__kop{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start;justify-content:space-between;padding:var(--space-6) 0 var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.adm__kopaksies{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.adm__nav{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) 0}.adm__navknop{min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1.5px solid transparent;font-size:15px;font-weight:700;color:var(--color-text-secondary)}.adm__navknop[aria-current=true]{background:var(--color-action-primary-background);color:var(--color-action-primary-foreground)}.adm__navknop:not([aria-current=true]):hover{border-color:var(--color-action-secondary-border);color:var(--color-text-primary)}.adm-kaart{padding:var(--space-5);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-container);box-shadow:var(--elevation-1)}.adm-kaart+.adm-kaart,.adm-stapel>*+*{margin-top:var(--space-5)}.adm-stapel{display:block}.adm-ry{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.adm-spreiding{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start;justify-content:space-between}.adm-grow{flex:1 1 320px;min-width:0}.adm-tegels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);padding:var(--space-5) 0 0}.adm-tegel{padding:var(--space-4) var(--space-5);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-container);box-shadow:var(--elevation-1)}.adm-tegel__waarde{font-size:32px;line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.adm-tegel__waarde--let-op{color:var(--color-state-queued-foreground)}.adm-pil{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:var(--color-surface-sunken);color:var(--color-text-on-tint);font-size:13px;font-weight:700;white-space:nowrap}.adm-pil--aan{background:var(--color-state-complete-background);border-color:var(--color-state-complete-background);color:var(--color-state-complete-foreground)}.adm-pil--wag{background:var(--color-state-queued-surface);border-color:var(--color-state-queued-border);color:var(--color-state-queued-foreground)}.adm-pil--gesluit{background:var(--color-state-locked-surface);border-color:var(--color-border-subtle);color:var(--color-state-locked-foreground)}.adm-pil--fout{background:var(--color-feedback-error-surface);border-color:var(--color-feedback-error-border);color:var(--color-feedback-error-foreground)}.adm-skakel{color:var(--color-action-primary-background);text-decoration:underline;text-underline-offset:2px}.adm-skakel:hover{color:var(--color-action-primary-background-hover)}.adm-kennis{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);border:1px solid var(--color-border-subtle);background:var(--color-feedback-info-surface);color:var(--color-feedback-info-foreground);font-size:15px;line-height:1.45}.adm-kennis--let-op{background:var(--color-state-queued-surface);border-color:var(--color-state-queued-border);color:var(--color-state-queued-foreground)}.adm-kennis--fout{background:var(--color-feedback-error-surface);border-color:var(--color-feedback-error-border);color:var(--color-feedback-error-foreground)}.adm-kennis+.adm-kennis{margin-top:var(--space-2)}.adm-kennis__lys{margin:var(--space-2) 0 0;padding-left:var(--space-5)}.adm-knop{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-inline-icon);min-height:44px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-control);border:1.5px solid transparent;font-size:15px;font-weight:800;white-space:nowrap}.adm-knop--primer{background:var(--color-action-primary-background);color:var(--color-action-primary-foreground);box-shadow:var(--elevation-2)}.adm-knop--primer:hover:not(:disabled){background:var(--color-action-primary-background-hover)}.adm-knop--sekonder{background:var(--color-action-secondary-background);border-color:var(--color-action-secondary-border);color:var(--color-text-primary)}.adm-knop--gevaar{background:var(--color-surface-raised);border-color:var(--color-feedback-error-border);color:var(--color-action-destructive-foreground)}.adm-knop--stil{min-height:36px;padding:var(--space-1) var(--space-3);font-size:14px;font-weight:700;color:var(--color-text-secondary)}.adm-knop--kort{padding-left:var(--space-3);padding-right:var(--space-3)}.adm-knop:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--elevation-0)}.adm-veld{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-text-primary);font:inherit;font-size:15px}textarea.adm-veld{min-height:88px;resize:vertical}.adm-etiket{display:block;margin-bottom:var(--space-1);font-size:13px;font-weight:700;color:var(--color-text-secondary)}.adm-rooster{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.adm-rooster--wyd{grid-template-columns:1fr}.adm-veldgroep+.adm-veldgroep{margin-top:var(--space-0)}.adm-puntery{margin-top:var(--space-2);gap:var(--space-2)}.adm-puntery .adm-knop[aria-pressed=true]{background:var(--color-action-primary-background);border-color:var(--color-action-primary-background);color:var(--color-action-primary-foreground)}.adm-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-1);padding:var(--space-1);background:var(--color-surface-sunken);border-radius:var(--radius-control)}.adm-seg>button{min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);font-size:14px;font-weight:700;color:var(--color-text-secondary)}.adm-seg>button[aria-pressed=true]{background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:var(--elevation-1)}.adm-tabelomslag{margin-top:var(--space-5);overflow-x:auto;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-container)}.adm-tabel{width:100%;border-collapse:collapse;font-size:15px}.adm-tabel th{padding:var(--space-3) var(--space-4);text-align:left;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle);white-space:nowrap}.adm-tabel td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);vertical-align:top}.adm-tabel tr:last-child td{border-bottom:0}.adm-tabel__syfer{font-variant-numeric:tabular-nums;font-weight:800}.adm-tabel__syfer .type-caption{font-weight:400}.adm-kode{display:block;padding:var(--space-3) var(--space-4);background:var(--color-surface-sunken);border-radius:var(--radius-control);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;overflow-x:auto;white-space:pre}.adm-leeg{padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-text-secondary)}.adm-tumb{display:flex;align-items:center;justify-content:center;width:96px;height:72px;overflow:hidden;background:var(--color-surface-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);color:var(--color-text-secondary);text-align:center}.adm-tumb img{display:block;width:100%;height:100%;object-fit:cover}.adm-tumb--skakel:hover,.adm-tumb--skakel:focus-visible{border-color:var(--color-border-focus)}.adm-plaat{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-6);background:var(--color-surface-page)}.adm-plaat__inhoud{width:min(100%,560px)}.adm-skei{height:1px;margin:var(--space-4) 0;background:var(--color-border-subtle)}.adm-voorbeeld{margin:0}.adm-voorbeeld__ry+.adm-voorbeeld__ry{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.adm-voorbeeld__etiket{font-size:13px;font-weight:700;color:var(--color-text-secondary)}.adm-voorbeeld__dd{margin:var(--space-1) 0 0}.adm-voorbeeld__waarde{display:block;font-size:15px;line-height:1.45;color:var(--color-text-primary);white-space:pre-wrap}.adm-voorbeeld__waarde--leeg{color:var(--color-text-secondary);font-style:italic}.adm-voorbeeld__reel{margin:var(--space-2) 0 0}.adm-kodery{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-start}.adm-kodery>.adm-veld{flex:1 1 8ch;min-width:0}.adm-keusestel{margin:0;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-container);background:var(--color-surface-sunken)}.adm-keusestel>legend{padding:0 var(--space-2);font-size:13px;font-weight:700;color:var(--color-text-secondary)}.adm-keuse{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.adm-keuse+.adm-keuse{margin-top:var(--space-3)}.adm-keuse>.adm-veld{flex:1 1 12ch;min-width:0}.adm-keuse__merk{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.adm-keuse__merk input{width:20px;height:20px;accent-color:var(--color-action-primary-background)}.adm-skakelaar{display:flex;gap:var(--space-2);align-items:flex-start}.adm-rooster>.adm-skakelaar{grid-column:1 / -1}.adm-rooster>.adm-plekblok{grid-column:1 / -1;display:grid;gap:var(--space-4);max-width:560px}.adm-skakelaar__merk{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:44px;min-height:44px}.adm-skakelaar__merk input{width:20px;height:20px;accent-color:var(--color-action-primary-background)}.adm-skakelaar__woorde{min-width:0;padding-top:var(--space-3)}.adm-skakelaar__eis{color:var(--color-feedback-info-foreground)}.adm-foon{width:min(100%,430px);margin:var(--space-2) auto 0;background:var(--color-surface-page);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sheet);box-shadow:var(--elevation-3);overflow:hidden}.adm-foon .oorleg{position:static;inset:auto;z-index:auto;overflow:visible}.adm-foon .shell{width:100%;min-height:0}.adm-skerm+.adm-skerm{margin-top:var(--space-6)}.adm-skerm__naam{display:block}.adm-skerm__nota{margin:var(--space-2) 0 0}.adm-wysig{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);align-items:start}.adm-wysig__lys,.adm-wysig__paneel{min-width:0}@media(min-width:1280px){.adm-wysig{grid-template-columns:minmax(0,1fr) minmax(420px,560px)}.adm-wysig__paneel{position:sticky;top:var(--space-4);max-height:calc(100dvh - var(--space-8));overflow-y:auto}}.adm-kaartlys{margin-top:var(--space-4)}.adm-kaartlys__groep+.adm-kaartlys__groep{margin-top:var(--space-6)}.adm-kaartlys__opskrif{margin:0 0 var(--space-2);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.adm-kaartlys__leeg{margin:0}.adm-kaartlys__stapel{margin:0;padding:0;list-style:none}.adm-kaartlys__item+.adm-kaartlys__item{margin-top:var(--space-2)}.adm-opdragkaart{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-container)}.adm-opdragkaart--oop{display:block;padding:var(--space-5);border-color:var(--color-action-secondary-border);background:var(--color-surface-sunken);box-shadow:var(--elevation-2)}.adm-opdragkaart__lyf{display:flex;flex:1 1 320px;gap:var(--space-4);align-items:center;min-width:0;min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-container);text-align:left;color:var(--color-text-primary)}.adm-opdragkaart__lyf:hover:not(:disabled){background:var(--color-surface-sunken)}.adm-opdragkaart__lyf:disabled{cursor:not-allowed}.adm-opdragkaart__nommer{flex:none;min-width:2ch;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.adm-opdragkaart__woorde{display:block;flex:1 1 auto;min-width:0}.adm-opdragkaart__titel{display:block;font-size:15px;font-weight:800;line-height:1.35}.adm-opdragkaart__plek{display:block}.adm-opdragkaart__merke{display:flex;flex:none;gap:var(--space-3);align-items:center}.adm-opdragkaart__syfer{font-variant-numeric:tabular-nums;font-weight:800}.adm-opdragkaart__aksies{display:flex;flex:none;gap:var(--space-1);align-items:center;padding:0 var(--space-3) 0 0}.adm-opdragkaart__skuif{min-width:36px;padding:var(--space-1) var(--space-2)}.adm-opdragkaart__kop{display:flex;gap:var(--space-3);align-items:baseline;margin-bottom:var(--space-4)}.adm-gevorderd{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.adm-gevorderd__wissel{padding:var(--space-2) 0;font-size:13px;font-weight:700;color:var(--color-text-secondary);cursor:pointer}.adm-gevorderd__wissel:hover{color:var(--color-text-primary)}.adm-gevorderd__inhoud{margin-top:var(--space-4)}.adm-terrein{display:block;position:relative;width:100%;max-width:560px;padding:0;overflow:hidden;border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-container);background:var(--color-surface-sunken);cursor:crosshair}.adm-terrein__prent{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.adm-terrein__speld{position:absolute;width:16px;height:16px;--speld-kantlyn: 12px;transform:translate(-50%,-50%);border:3px solid var(--color-action-primary-foreground);border-radius:var(--radius-full);background:var(--color-action-primary-background);box-shadow:var(--elevation-2);pointer-events:none}.adm-terrein__speld:after{content:"";position:absolute;inset:-7px;border:2px solid var(--color-action-primary-background);border-radius:var(--radius-full);opacity:.55}.adm-terrein__erkenning{margin:var(--space-1) 0 0}.adm-terrein__vee{margin-top:var(--space-2)}.adm-etiketvel{margin-top:var(--space-5)}.adm-etiketvel__kontroles{align-items:center;margin-bottom:var(--space-4)}.adm-etiketvel__rooster{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.adm-etiketkaart{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);text-align:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-container);background:var(--color-surface-raised)}.adm-etiketkaart--stukkend{border-color:var(--color-feedback-error-foreground)}.adm-etiketkaart__qr{width:100%;max-width:160px;aspect-ratio:1 / 1;display:grid;place-items:center;padding:var(--space-2);border-radius:var(--radius-control);background:var(--color-surface-sunken)}.adm-etiketkaart__qr>div,.adm-etiketkaart__qr svg{display:block;width:100%;height:100%}.adm-etiketkaart__qrfout{font-size:12px;line-height:1.3;font-weight:700;color:var(--color-feedback-error-foreground)}.adm-etiketkaart__titel{margin:var(--space-2) 0 0;font-size:15px;line-height:1.3;font-weight:700;color:var(--color-text-primary)}.adm-etiketkaart__plek{margin:0;font-size:13px;line-height:1.4;color:var(--color-text-secondary)}.adm-etiketkaart__param{margin:var(--space-1) 0 0;font-size:15px;line-height:1.3;font-weight:800;color:var(--color-text-primary)}.adm-etiketkaart__handkode{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-top:var(--space-3)}.adm-etiketkaart__handkode-naam{font-size:13px;line-height:1.2;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--color-text-secondary)}.adm-etiketkaart__kode{font-size:30px;line-height:1.05;font-weight:800;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.adm-etiketkaart__geenkode{margin:var(--space-3) 0 0;font-size:13px;line-height:1.4;font-style:italic;color:var(--color-text-secondary)}.adm-etiketkaart__id{margin:var(--space-3) 0 0;font-size:11px;line-height:1.2;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.adm-etiketkaart__aksie{margin-top:var(--space-3)}@media print{.adm,.adm-etiketvel-kaart{background:Canvas;color:CanvasText}.adm__kop,.adm__nav,.adm__desk>.type-caption,.adm-stapel>*:not(.adm-etiketvel-kaart),.adm-etiketvel__kop,.adm-etiketvel__laai,.adm-etiketvel__kontroles,.adm-etiketvel__fout,.adm-etiketvel__leeg,.adm-etiketkaart__aksie{display:none}.adm__desk{width:auto;padding:0}.adm-etiketvel-kaart{padding:0;border:0;border-radius:0;box-shadow:none}.adm-etiketvel{margin-top:0}.adm-etiketvel__rooster{grid-template-columns:repeat(auto-fill,70mm);gap:4mm}.adm-etiketkaart{width:70mm;height:90mm;padding:3mm;gap:0;overflow:hidden;border:.3mm solid CanvasText;border-radius:0;background:Canvas;color:CanvasText;break-inside:avoid;page-break-inside:avoid}.adm-etiketkaart .adm-etiketkaart__qr{width:40mm;max-width:40mm;height:40mm;padding:0;border-radius:0;background:Canvas}.adm-etiketkaart .adm-etiketkaart__qrfout{font-size:8pt;color:CanvasText}.adm-etiketkaart .adm-etiketkaart__titel{margin-top:1.5mm;max-height:14mm;overflow:hidden;font-size:11pt;line-height:1.2;color:CanvasText}.adm-etiketkaart .adm-etiketkaart__plek{margin:0;font-size:9pt;line-height:1.35;color:CanvasText}.adm-etiketkaart .adm-etiketkaart__param{margin-top:.8mm;font-size:9pt;line-height:1.35;color:CanvasText}.adm-etiketkaart .adm-etiketkaart__handkode{gap:.8mm;margin-top:1.5mm}.adm-etiketkaart .adm-etiketkaart__handkode-naam{font-size:7pt;line-height:1.2;color:CanvasText}.adm-etiketkaart .adm-etiketkaart__kode{font-size:20pt;line-height:1.05;color:CanvasText}.adm-etiketkaart .adm-etiketkaart__geenkode{margin-top:1.5mm;font-size:9pt;line-height:1.35;color:CanvasText}.adm-etiketkaart .adm-etiketkaart__id{margin-top:1.5mm;font-size:6pt;line-height:1.2;color:CanvasText}}:root{--colour-groen-50: #dafff3;--colour-groen-100: #ccf4e7;--colour-groen-200: #b3e1d1;--colour-groen-300: #94c8b7;--colour-groen-400: #73af9c;--colour-groen-500: #509581;--colour-groen-600: #307d68;--colour-groen-700: #176b57;--colour-groen-800: #0f5747;--colour-groen-900: #003327;--colour-amber-50: #ffefc2;--colour-amber-100: #ffe2b1;--colour-amber-200: #f9cc94;--colour-amber-300: #e3b170;--colour-amber-400: #cc9447;--colour-amber-500: #e9a23b;--colour-amber-600: #9d5c00;--colour-amber-700: #7f4700;--colour-amber-800: #613100;--colour-amber-900: #461e00;--colour-rooi-50: #ffe2db;--colour-rooi-200: #ffbcb5;--colour-rooi-600: #b53a3a;--colour-rooi-700: #942b2c;--colour-rooi-800: #72181b;--colour-neutraal-0: #ffffff;--colour-neutraal-50: #f6f4ed;--colour-neutraal-100: #ebe8de;--colour-neutraal-200: #d9ddd9;--colour-neutraal-400: #808a85;--colour-neutraal-600: #67706e;--colour-neutraal-700: #505856;--colour-neutraal-900: #17332d;--colour-fokus: #2a7ad0;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-none: 0;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--radius-full: 999px;--fontSize-12: 12px;--fontSize-13: 13px;--fontSize-15: 15px;--fontSize-16: 16px;--fontSize-17: 17px;--fontSize-22: 22px;--fontSize-32: 32px;--fontWeight-400: 400;--fontWeight-700: 700;--fontWeight-800: 800;--fontWeight-850: 850;--elevation-0: none;--elevation-1: 0 4px 14px rgba(20,48,41,.05);--elevation-2: 0 8px 18px rgba(23,107,87,.24);--elevation-3: 0 12px 32px rgba(20,48,41,.12);--elevation-4: 0 14px 34px rgba(23,107,87,.28);--elevation-5: 0 -6px 24px rgba(20,48,41,.1);--duration-instant: 0ms;--duration-short: .16s;--duration-medium: .28s;--duration-long: .5s;--duration-celebrate: .9s;--color-surface-page: #f6f4ed;--color-surface-raised: #ffffff;--color-surface-sunken: #ebe8de;--color-border-subtle: #d9ddd9;--color-border-input: #808a85;--color-border-focus: #2a7ad0;--color-text-primary: #17332d;--color-text-secondary: #67706e;--color-text-on-tint: #505856;--color-text-inverse: #ffffff;--color-action-primary-background: #176b57;--color-action-primary-background-hover: #0f5747;--color-action-primary-foreground: #ffffff;--color-action-secondary-background: #ffffff;--color-action-secondary-border: #d9ddd9;--color-action-destructive-foreground: #b53a3a;--color-state-queued-surface: #ffefc2;--color-state-queued-border: #f9cc94;--color-state-queued-foreground: #7f4700;--color-state-locked-surface: #ebe8de;--color-state-locked-foreground: #505856;--color-state-current-border: #e9a23b;--color-state-complete-background: #176b57;--color-state-complete-foreground: #ffffff;--color-feedback-error-surface: #ffe2db;--color-feedback-error-border: #ffbcb5;--color-feedback-error-foreground: #72181b;--color-feedback-info-surface: #dafff3;--color-feedback-info-foreground: #003327;--space-inset-compact: 16px;--space-inset-standard: 20px;--space-inset-hero: 24px;--space-stack-tight: 8px;--space-stack-default: 12px;--space-stack-section: 24px;--space-gutter-screen: 16px;--space-inline-icon: 8px;--radius-control: 10px;--radius-container: 18px;--radius-sheet: 28px;--radius-pill: 999px;--scanner-viewport-background: #10231e;--scanner-frame-corner: #e9a23b;--completion-seal-background: #176b57;--completion-seal-shadow: 0 14px 34px rgba(23,107,87,.28)}:root{--font-family: "Source Sans 3", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.type-display{font-size:clamp(28px,8vw,32px);line-height:1.08;letter-spacing:-.035em;font-weight:800;text-wrap:balance}.type-heading-lg{font-size:22px;line-height:1.18;letter-spacing:-.02em;font-weight:800;text-wrap:balance}.type-heading-md{font-size:17px;line-height:1.25;letter-spacing:-.01em;font-weight:800}.type-body{font-size:16px;line-height:1.45}.type-body-strong{font-size:16px;line-height:1.45;font-weight:700}.type-label{font-size:15px;line-height:1.3;font-weight:700}.type-caption{font-size:13px;line-height:1.4;color:var(--color-text-secondary)}.type-eyebrow{font-size:12px;line-height:1.2;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:var(--color-action-primary-background)}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-surface-page)}body{margin:0;background:var(--color-surface-page);color:var(--color-text-primary);font-family:var(--font-family);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:3px;border-radius:4px}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.shell{display:flex;flex-direction:column;width:min(100%,430px);min-height:100dvh;margin:0 auto;background:var(--color-surface-page)}.view{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-inset-compact);padding:0 var(--space-gutter-screen) var(--space-6)}.card{padding:var(--space-inset-standard);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-container);box-shadow:var(--elevation-1)}.card--tint{background:var(--color-state-queued-surface);border-color:var(--color-state-queued-border);color:var(--color-state-queued-foreground)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--space-inline-icon);width:100%;min-height:52px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);font-size:16px;font-weight:800}.btn--primary{background:var(--color-action-primary-background);color:var(--color-action-primary-foreground);box-shadow:var(--elevation-2)}.btn--primary:hover{background:var(--color-action-primary-background-hover)}.btn--secondary{background:var(--color-action-secondary-background);color:var(--color-text-primary);border:1.5px solid var(--color-action-secondary-border)}.field{width:100%;min-height:56px;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border-input);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-text-primary);font:inherit;font-size:16px}.countdown{font-size:64px;line-height:1;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--color-action-primary-background)}.stack{display:flex;flex-direction:column;gap:var(--space-stack-default)}.pushdown{margin-top:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-1);padding:var(--space-1);background:var(--color-surface-sunken);border-radius:var(--radius-control)}.segmented__item{min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);font-size:15px;font-weight:700;color:var(--color-text-secondary);text-align:center}.segmented__item[aria-pressed=true]{background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:var(--elevation-1)}.notice{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);font-size:15px;line-height:1.4}.notice--error{background:var(--color-feedback-error-surface);border:1px solid var(--color-feedback-error-border);color:var(--color-feedback-error-foreground)}.notice--info{background:var(--color-feedback-info-surface);color:var(--color-feedback-info-foreground)}