:root{--color-navy:#1b3a4b;--color-navy-light:#2c5364;--color-cream:#f5f0e8;--color-cream-dark:#ede7d9;--color-mint:#cee7ce;--color-lila:#e7cee2;--color-navy-deep:#12262f;--color-amber:#e8b04b;--color-terracotta:#eb9878;--text-primary:var(--color-cream);--text-75:#f5f0e8bf;--text-65:#f5f0e8a6;--text-55:#f5f0e88c;--text-50:#f5f0e880;--text-45:#f5f0e873;--on-accent:#12262f;--on-accent-70:#12262fb3;--overlay:#0a1419b8;--scanner-bg:radial-gradient(ellipse at 50% 45%, #1c2a31 0%, #0a1114 75%);--btn-disabled-bg:#f5f0e838;--btn-disabled-fg:#f5f0e880;--border-success:#cee7ce66;--border-warning:#e8b04b73;--font-serif:"IvyPresto Headline", Georgia, serif;--font-sans:"Instrument Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--fs-dagkop:32px;--fs-titel:28px;--fs-sheet-titel:27px;--fs-stat:26px;--fs-naam:24px;--fs-adres:21px;--fs-mono:18px;--fs-btn-primary:19px;--fs-btn-secondary:18px;--fs-body:17px;--fs-caption:15px;--fs-statusbar:13px;--ls-mono:1.5px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-sheet:20px;--radius-pill:999px;--space-page-x:24px;--space-gap:12px;--space-gap-sm:10px;--safe-top:max(44px, env(safe-area-inset-top));--safe-bottom:max(46px, env(safe-area-inset-bottom));--tap-primary:64px;--tap-secondary:56px;--tap-min:44px;--toggle-w:50px;--toggle-h:30px;--motion-fast:.15s;--motion-base:.2s;--motion-slow:.25s;--ease:cubic-bezier(.2, 0, 0, 1);--focus-ring:2px solid var(--color-cream);--focus-offset:2px}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-slow:0s}}@font-face{font-family:IvyPresto Headline;font-weight:300 400;font-style:normal;font-display:swap;src:url(/fonts/IvyprestoHeadline-Light.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-weight:400 500;font-style:normal;font-display:swap;src:url(/fonts/InstrumentSans-Regular.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-weight:600 700;font-style:normal;font-display:swap;src:url(/fonts/InstrumentSans-Bold.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:400 500;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:600 700;font-style:normal;font-display:swap;src:url(/fonts/IBMPlexMono-SemiBold.woff2)format("woff2")}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-navy-deep);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-body);font-synthesis:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;line-height:1.5}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.app{background:var(--color-navy-deep);flex-direction:column;height:100%;min-height:100%;display:flex;overflow:hidden}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.screen__body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.screen__body--center{flex-direction:column;justify-content:center;display:flex}.screen__foot{padding:var(--space-gap) var(--space-page-x) var(--safe-bottom);gap:var(--space-gap);flex-direction:column;flex-shrink:0;display:flex}.screen__foot--divided{border-top:1px solid var(--color-navy)}.pad-x{padding-left:var(--space-page-x);padding-right:var(--space-page-x)}.stack{gap:var(--space-gap);flex-direction:column;display:flex}.stack--sm{gap:var(--space-gap-sm)}.row{gap:var(--space-gap);display:flex}.row--between{justify-content:space-between;align-items:center}.row--baseline{justify-content:space-between;align-items:baseline}.grid-2{gap:var(--space-gap);grid-template-columns:1fr 1fr;display:grid}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.t-serif{font-family:var(--font-serif);text-wrap:pretty;margin:0;font-weight:300}.t-dagkop{font-size:var(--fs-dagkop);line-height:1.15}.t-titel{font-size:var(--fs-titel);line-height:1.15}.t-mono{font-family:var(--font-mono);letter-spacing:var(--ls-mono)}.t-body{font-size:var(--fs-body);line-height:1.5}.t-caption{font-size:var(--fs-caption)}.o-75{color:var(--text-75)}.o-65{color:var(--text-65)}.o-55{color:var(--text-55)}.o-45{color:var(--text-45)}@media (max-width:374px){.t-titel{font-size:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}.btn{border-radius:var(--radius-md);text-align:center;width:100%;transition:background-color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease);justify-content:center;align-items:center;gap:10px;display:flex}.btn-primary{height:var(--tap-primary);min-height:var(--tap-primary);background:var(--color-cream);color:var(--on-accent);font-size:var(--fs-btn-primary);border:none;font-weight:600}.btn-primary:active{background:var(--color-cream-dark)}.btn-primary--positive{background:var(--color-mint)}.btn-primary--positive:active{background:color-mix(in srgb, var(--color-mint) 88%, var(--on-accent))}.btn-primary--onaccent{background:var(--color-navy-deep);color:var(--color-mint)}.btn-primary--onaccent:active{background:color-mix(in srgb, var(--color-navy-deep) 88%, var(--color-cream))}.btn-primary[aria-disabled=true]{background:var(--btn-disabled-bg);color:var(--btn-disabled-fg);cursor:default}.btn-reason{color:var(--text-65);font-size:var(--fs-caption);text-align:center;margin:0}.btn-secondary{height:var(--tap-secondary);min-height:var(--tap-secondary);border:1.5px solid var(--color-navy-light);color:var(--color-cream);font-size:var(--fs-btn-secondary);background:0 0;font-weight:500}.btn-secondary:active{border-color:var(--color-cream)}.btn-secondary--scanner{background:color-mix(in srgb, var(--color-navy-deep) 60%, transparent);font-size:17px}.btn-secondary--onaccent{border-color:color-mix(in srgb, var(--on-accent) 35%, transparent);color:var(--on-accent)}.btn-text{min-height:var(--tap-min);color:var(--color-mint);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:16px;font-weight:500;display:inline-flex}.btn-text--muted{color:color-mix(in srgb, var(--color-cream) 60%, transparent)}.btn-text--onaccent{color:var(--on-accent-70)}.btn-text--center{align-self:center}.card{background:var(--color-navy);border-radius:var(--radius-lg);border:1px solid #0000;padding:16px 18px}.card--row{padding:14px 16px}.card--current{border-radius:var(--radius-xl);border-color:var(--color-navy-light);padding:20px}.card--success{border-color:var(--border-success)}.card--warning{border-color:var(--border-warning)}.stat__value{font-size:var(--fs-stat);color:var(--color-cream);font-weight:600;line-height:1.1}.stat__value--mint{color:var(--color-mint)}.stat__value--terracotta{color:var(--color-terracotta)}.stat__label{font-size:var(--fs-caption);color:var(--text-65);margin-top:2px}.dot-pickup{border-radius:var(--radius-pill);background:var(--color-lila);flex-shrink:0;width:12px;height:12px;margin-top:6px}.plate{font-family:var(--font-mono);letter-spacing:1px;border:1.5px solid var(--color-navy-light);border-radius:var(--radius-sm);white-space:nowrap;padding:5px 10px;font-size:16px}.field{background:var(--color-navy);border:1.5px solid var(--color-navy-light);border-radius:var(--radius-md);transition:border-color var(--motion-fast) var(--ease);padding:14px 16px;display:block}.field:focus-within{border-color:var(--color-cream)}.field--error{border-color:var(--color-terracotta)}.field__label{color:var(--text-55);margin-bottom:2px;font-size:14px;display:block}.field__input{width:100%;color:var(--color-cream);background:0 0;border:none;padding:0;font-size:18px}.field__input:focus{outline:none}.field__input::placeholder{color:var(--text-50)}.fieldnote{font-size:var(--fs-caption);color:var(--text-75);align-items:flex-start;gap:8px;line-height:1.45;display:flex}.fieldnote__marker{background:var(--color-terracotta);border-radius:4px;flex-shrink:0;width:18px;height:18px;margin-top:2px}.ring{--ring-size:30px;width:var(--ring-size);height:var(--ring-size);border-radius:var(--radius-pill);border:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.ring--open{border-color:var(--color-navy-light);color:var(--text-55)}.ring--current{border-color:var(--color-cream);color:var(--color-cream)}.ring--arrived{background:var(--color-navy-light);color:var(--color-cream)}.ring--delivered{background:var(--color-mint);color:var(--on-accent)}.ring--failed{background:var(--color-terracotta);color:var(--on-accent)}.ring--nottaken{background:var(--color-amber);color:var(--on-accent)}.chip{border:1px solid var(--color-navy-light);border-radius:var(--radius-pill);color:var(--text-75);white-space:nowrap;align-items:center;gap:7px;padding:7px 14px;font-size:14px;font-weight:500;display:inline-flex}.chip__dot{border-radius:var(--radius-pill);background:currentColor;flex-shrink:0;width:7px;height:7px}.chip--sent{color:var(--color-mint)}.chip--waiting{color:var(--color-amber)}.chip--failed{color:var(--color-terracotta)}.chip--neutral{color:var(--text-75)}.chip--onaccent{color:var(--on-accent);border-color:color-mix(in srgb, var(--on-accent) 35%, transparent)}.togglecard{width:100%;min-height:var(--tap-secondary);text-align:left;background:var(--color-navy);border-radius:var(--radius-lg);border:1px solid #0000;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.togglecard[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-mint) 35%, transparent)}.togglecard__title{font-size:var(--fs-body);color:var(--color-cream);font-weight:600}.togglecard__consequence{color:var(--text-65);margin-top:2px;font-size:14px;line-height:1.4}.toggle{width:var(--toggle-w);height:var(--toggle-h);border-radius:var(--radius-pill);background:var(--color-navy-light);transition:background-color var(--motion-fast) var(--ease);flex-shrink:0;margin-top:2px;position:relative}.toggle__knob{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-cream) 80%, transparent);width:24px;height:24px;transition:left var(--motion-fast) var(--ease), background-color var(--motion-fast) var(--ease);position:absolute;top:3px;left:3px}.togglecard[aria-pressed=true] .toggle{background:var(--color-mint)}.togglecard[aria-pressed=true] .toggle__knob{background:var(--on-accent);left:23px}.choice{width:100%;height:var(--tap-secondary);border:1.5px solid var(--color-navy-light);border-radius:var(--radius-md);color:var(--color-cream);font-size:var(--fs-body);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;font-weight:400;display:flex}.choice[aria-pressed=true]{background:var(--color-cream);border-color:var(--color-cream);color:var(--on-accent);font-weight:600}.sheet-overlay{background:var(--overlay);z-index:20;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.sheet{background:var(--color-navy);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding:28px var(--space-page-x) var(--safe-bottom);max-height:90%;animation:sheet-in var(--motion-base) var(--ease);flex-direction:column;gap:16px;display:flex;overflow-y:auto}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet__title{font-family:var(--font-serif);font-weight:300;font-size:var(--fs-sheet-titel);margin:0}.sheet__text{font-size:var(--fs-body);color:var(--text-75);margin:0;line-height:1.55}.sheet .btn-primary{margin-top:8px}.statusbar{height:var(--safe-top);padding:0 var(--space-page-x);font-size:var(--fs-statusbar);color:var(--text-55);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;font-weight:500;display:flex}.statusbar__state{align-items:center;gap:6px;display:inline-flex}.statusbar__dot{border-radius:var(--radius-pill);flex-shrink:0;width:7px;height:7px}.statusbar__dot--online{background:var(--color-mint)}.statusbar__dot--offline{background:var(--text-50)}.statusbar__dot--queue{background:var(--color-amber)}.skeleton{background:color-mix(in srgb, var(--color-cream-dark) 8%, transparent);border-radius:var(--radius-lg)}.flat{flex-direction:column;flex:1;min-height:0;display:flex}.flat--mint{background:var(--color-mint);color:var(--on-accent)}.flat--amber{background:var(--color-amber);color:var(--on-accent)}.flat--terracotta{background:var(--color-terracotta);color:var(--on-accent)}.flat--neutral{background:var(--color-navy-deep);color:var(--color-cream)}.flat__body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:0;padding:16px 32px;display:flex;overflow-y:auto}.flat__icon{flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.flat__icon--circle{border-radius:var(--radius-pill);background:var(--color-navy-deep);color:var(--color-mint)}.flat__icon--ring{border-radius:var(--radius-pill);border:3px solid var(--color-mint);color:var(--color-mint)}.flat__icon--square{background:var(--color-navy-deep);border-radius:22px}.flat__icon--amber{color:var(--color-amber)}.flat__icon--terracotta{color:var(--color-terracotta)}.flat__title{font-family:var(--font-serif);text-wrap:pretty;margin:0;font-size:30px;font-weight:300}.flat__name{font-size:20px;font-weight:600}.flat__mono{font-family:var(--font-mono);letter-spacing:var(--ls-mono);font-size:17px}.flat__meta{color:var(--on-accent-70);font-size:16px}.flat--neutral .flat__meta{color:var(--text-75)}.flat__foot{padding:16px var(--space-page-x) var(--safe-bottom);gap:var(--space-gap);flex-direction:column;flex-shrink:0;display:flex}.listrow{justify-content:space-between;align-items:center;gap:var(--space-gap);text-align:left;background:var(--color-navy);border-radius:var(--radius-lg);width:100%;transition:border-color var(--motion-slow) var(--ease), background-color var(--motion-slow) var(--ease);border:1px solid #0000;padding:14px 16px;display:flex}.listrow--plain{background:0 0;border:none;border-radius:0;min-height:52px;padding:11px 6px}.listrow__mono{font-family:var(--font-mono);font-size:var(--fs-caption);letter-spacing:.5px;color:var(--color-cream)}.listrow__sub{font-size:var(--fs-caption);color:var(--text-65);margin-top:2px}.listrow__label{font-size:var(--fs-body);flex:1;min-width:0;font-weight:500}.listrow__label--done{color:var(--text-55);font-weight:400}.listrow__time{font-size:var(--fs-caption);color:var(--text-55);white-space:nowrap}.badge-square{background:var(--color-amber);width:26px;height:26px;color:var(--on-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}