.delivery-batch-pages__sheets{isolation:isolate;overflow:hidden}.delivery-batch-pages__sheets>.delivery-batch-pages__sheet[data-slide-state]{visibility:visible;pointer-events:none;transform:translate3d(calc(104% + var(--delivery-swipe-offset,0px)), 0, 0);will-change:transform;transition:transform .45s cubic-bezier(.22,.61,.36,1)}.delivery-batch-pages__sheets>.delivery-batch-pages__sheet[data-slide-state=before]{transform:translate3d(calc(-104% + var(--delivery-swipe-offset,0px)), 0, 0)}.delivery-batch-pages__sheets>.delivery-batch-pages__sheet[data-slide-state=active]{z-index:1;pointer-events:auto;transform:translate3d(var(--delivery-swipe-offset,0px), 0, 0)}.delivery-batch-pages__sheets[data-dragging=true]>.delivery-batch-pages__sheet[data-slide-state]{transition:none}.delivery-note-page-panel,.delivery-note-page-transition{min-width:0;min-height:0;position:absolute;inset:0;overflow:hidden}.delivery-note-page-panel[data-phase=incoming],.delivery-note-page-panel[data-phase=outgoing]{will-change:transform;animation-duration:.45s;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both}.delivery-note-page-transition[data-direction=forward]>[data-phase=incoming]{animation-name:delivery-page-enter-forward}.delivery-note-page-transition[data-direction=forward]>[data-phase=outgoing]{animation-name:delivery-page-exit-forward}.delivery-note-page-transition[data-direction=backward]>[data-phase=incoming]{animation-name:delivery-page-enter-backward}.delivery-note-page-transition[data-direction=backward]>[data-phase=outgoing]{animation-name:delivery-page-exit-backward}.delivery-note-page-window[data-dragging=true]>.delivery-note-page-panel{transform:translate3d(var(--delivery-page-drag-offset,0px), 0, 0)}@keyframes delivery-page-enter-forward{0%{transform:translate3d(calc(104% + var(--delivery-page-start-offset,0px)), 0, 0)}to{transform:translate(0,0)}}@keyframes delivery-page-exit-forward{0%{transform:translate3d(var(--delivery-page-start-offset,0px), 0, 0)}to{transform:translate(-104%)}}@keyframes delivery-page-enter-backward{0%{transform:translate3d(calc(-104% + var(--delivery-page-start-offset,0px)), 0, 0)}to{transform:translate(0,0)}}@keyframes delivery-page-exit-backward{0%{transform:translate3d(var(--delivery-page-start-offset,0px), 0, 0)}to{transform:translate(104%)}}@media (prefers-reduced-motion:reduce){.delivery-batch-pages__sheets>.delivery-batch-pages__sheet[data-slide-state]{transition:none}.delivery-note-page-panel[data-phase=incoming],.delivery-note-page-panel[data-phase=outgoing]{animation:none}.delivery-note-page-panel[data-phase=outgoing]{visibility:hidden}}
.delivery-notes-page,.delivery-notes-form{gap:var(--panel-gap);display:grid}.delivery-notes-page .sub{margin:0}.delivery-notes-form{width:100%;max-width:900px;margin-inline:auto}.delivery-notes-signature-actions{grid-template-columns:var(--control-h) minmax(0, 1fr);align-items:stretch;gap:10px;display:grid}.delivery-notes-signature-actions>.icon-btn{width:var(--control-h);min-width:var(--control-h);height:var(--control-h);padding:0}.delivery-notes-signature-actions>.btn{width:100%;min-width:0;height:var(--control-h);min-height:var(--control-h);white-space:normal}.delivery-notes-links{flex-wrap:wrap;gap:8px;display:inline-flex}.delivery-notes-error{color:var(--status-obsolete)}.delivery-batch-pages{flex:auto;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.delivery-batch-pages__sheets{min-height:0;position:relative}.delivery-batch-pages__sheet{visibility:hidden;pointer-events:none;position:absolute;inset:0}.delivery-batch-pages__sheet[data-active=true]{visibility:visible;pointer-events:auto}.delivery-batch-pages__sheet>.delivery-note-pages{height:100%}.delivery-batch-signature-scope{overflow-wrap:anywhere;max-height:5em;margin:0;overflow:auto;text-align:left!important}.delivery-notes-document-tools{justify-content:space-between}.delivery-note-document{font-size:var(--control-font-size);padding:clamp(18px,4vw,48px)}.delivery-note-letterhead{border-bottom:1px solid var(--stroke);gap:12px;margin-bottom:20px;padding-bottom:20px;display:grid}.delivery-note-letterhead>strong{font-size:var(--font-size-heading)}.delivery-note-letterhead>div{color:var(--muted);flex-wrap:wrap;gap:4px 20px;line-height:1.5;display:flex}.delivery-note-address-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(12px,3vw,32px);margin:0 0 24px;display:grid}.delivery-note-address-row>*{overflow-wrap:anywhere;min-width:0}.delivery-note-address-row h2{font-size:var(--font-size-ui);margin:0 0 8px;font-weight:700;line-height:1.3}.delivery-note-address-row address{font-style:normal;line-height:1.6}.delivery-note-metadata dl{margin:0;line-height:1.6}.delivery-note-metadata dl>div{grid-template-columns:max-content minmax(0,1fr);gap:8px;display:grid}.delivery-note-metadata dd{text-align:right;white-space:nowrap;margin:0}.delivery-note-line-head,.delivery-note-line{grid-template-columns:3ch 10ch minmax(0,1fr) minmax(110px,18%);align-items:start;gap:12px;display:grid}.delivery-note-line-head{border-bottom:1px solid;margin-bottom:8px;padding-bottom:10px}.delivery-note-line{padding:6px 0}.delivery-note-line--text{padding-top:6px}.delivery-note-line--text .delivery-note-description{grid-column:2/4}.delivery-note-description{white-space:pre-wrap;overflow-wrap:anywhere}.delivery-note-amount{text-align:right}.delivery-note-signature{border-top:1px solid var(--stroke);margin-top:36px;padding-top:24px}.delivery-note-signature>h2,.delivery-notes-form>p{text-align:center}@media (max-width:640px){.delivery-notes-page .toolbar .field{flex:100%;min-width:0}.delivery-note-letterhead>div{display:none}.delivery-note-address-row{gap:12px}.delivery-note-metadata dl>div{flex-wrap:wrap;justify-content:space-between;gap:2px 6px;display:flex}.delivery-note-line-head,.delivery-note-line{grid-template-columns:3ch minmax(0,1fr) auto;gap:3px 8px}.delivery-note-line-head span:nth-child(3){display:none}.delivery-note-description{grid-column:2}.delivery-note-amount{grid-area:1/3/span 2;max-width:120px}.delivery-note-position{grid-row:1/span 2}.delivery-note-article{grid-column:2}.delivery-note-line--text .delivery-note-description{grid-area:1/2}.delivery-note-line--text .delivery-note-position{grid-row:1}.delivery-notes-links .btn{white-space:nowrap}}.delivery-note-overlay-shell{z-index:99999;overscroll-behavior:none;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.delivery-note-overlay{--delivery-note-inset:20px;width:min(1100px,100%);height:min(900px,100dvh - 32px);min-height:0;padding:var(--delivery-note-inset);border:1px solid var(--stroke);border-radius:var(--panel-radius);background:var(--menu-solid-bg);color:var(--text);box-shadow:var(--modal-panel-shadow);grid-template-rows:minmax(0,1fr);gap:0;display:grid;position:relative}.delivery-note-overlay>div:not(.choice-dialog__header){min-height:0;overflow:hidden}.delivery-note-overlay__layout{height:100%;min-height:0;display:grid}.delivery-note-overlay__layout--capture{grid-template-rows:minmax(60px,1fr) auto;grid-template-columns:minmax(0,1fr);gap:12px}.delivery-note-overlay__document{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex;overflow:hidden}.delivery-note-overlay__capture{border-top:1px solid var(--stroke);min-width:0;min-height:0;padding-top:12px;overflow:hidden}.delivery-note-overlay__capture>h3{font-size:var(--font-size-ui);margin:0 0 12px}.delivery-note-overlay__capture .delivery-notes-form{gap:12px}.delivery-note-overlay__capture .delivery-notes-form>.toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.delivery-note-overlay__capture .field{width:100%;min-width:0}.delivery-note-overlay__capture .employee-signature-pad__surface--full-width .employee-signature-pad__canvas{height:100px}@media (max-width:640px){.delivery-note-overlay-shell{padding:0}.delivery-note-overlay{--delivery-note-inset:16px;width:100%;height:100dvh;padding-bottom:max(var(--delivery-note-inset), env(safe-area-inset-bottom));border-radius:0}}.delivery-note-overlay .choice-dialog__header--compact{display:contents}.delivery-note-overlay .choice-dialog__header--compact>.dialog-close-btn{top:var(--delivery-note-inset);right:var(--delivery-note-inset);z-index:2;position:absolute}.delivery-note-pages{flex:auto;grid-template-rows:auto auto minmax(28px,1fr) auto;min-height:0;padding:0;display:grid;overflow:hidden}.delivery-note-pages .delivery-note-header{gap:var(--delivery-note-inset,20px);margin-bottom:10px}.delivery-note-pages .delivery-note-header__company{min-height:calc(var(--control-h) + var(--delivery-note-inset,20px) + 1px);padding-right:calc(var(--control-h) + 12px)}.delivery-note-pages .delivery-note-line-head{margin-bottom:4px;padding-bottom:6px}.delivery-note-page-window{touch-action:pan-y;outline-offset:-2px;min-height:0;position:relative;overflow:hidden}.delivery-note-page-measure{visibility:hidden;pointer-events:none;position:absolute;inset:0 0 auto}.delivery-note-page-nav{justify-content:center;align-items:center;min-width:0;display:flex}.delivery-note-page-dots{scrollbar-width:none;min-width:0;max-width:85%;display:flex;overflow-x:auto}.delivery-note-page-dot{cursor:pointer;background:0 0;border:0;border-radius:0;flex:0 0 24px;place-items:center;width:24px;height:24px;padding:0;display:grid}.delivery-note-page-dot:after{content:"";background:var(--muted);border-radius:50%;width:7px;height:7px}.delivery-note-page-dot[aria-current=page]:after{background:var(--primary);width:9px;height:9px;box-shadow:0 0 0 1px var(--text)}.delivery-note-overlay__document>.pane{box-shadow:none;background:0 0;border:0;border-radius:0;flex:none;padding:0}@media (max-height:600px){.delivery-note-overlay{--delivery-note-inset:10px}.delivery-note-overlay__capture>h3{display:none}.delivery-note-overlay__capture{padding-top:6px}.delivery-note-overlay__capture .delivery-notes-form{gap:6px}.delivery-note-overlay__capture .employee-signature-pad__surface--full-width .employee-signature-pad__canvas{height:64px}.delivery-note-pages .delivery-note-header__company>strong{font-size:var(--font-size-ui)}.delivery-note-pages .delivery-note-header{margin-bottom:4px}.delivery-note-pages .delivery-note-header__company{padding-bottom:4px}}.delivery-note-pages--short .delivery-note-header__columns{display:none}.delivery-note-overlay__capture .delivery-notes-form{margin-block:0}.delivery-note-overlay__capture .delivery-notes-form>.toolbar{margin:0}@media (max-height:600px){.delivery-note-pages .delivery-note-line-head{padding-bottom:3px}}.delivery-note-overlay__saved{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.delivery-note-page-appendix>.pane{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.delivery-notes-signature-open{border:1px solid var(--primary);border-radius:var(--control-radius);width:100%;height:76px;color:var(--primary);background:var(--surface-muted);font:inherit;cursor:pointer;place-items:center;gap:8px;padding:10px;display:grid}.delivery-notes-signature-open__line{border-bottom:1px solid var(--primary);width:85%}.delivery-signature-dialog-backdrop{z-index:100000}.delivery-signature-dialog-shell{z-index:100001;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.delivery-signature-dialog{background:var(--menu-solid-bg);width:min(850px,100%);max-height:calc(100dvh - 40px);color:var(--text);border:1px solid var(--stroke);border-radius:var(--panel-radius);box-shadow:var(--modal-panel-shadow);gap:16px;padding:24px;animation:.18s ease-out delivery-signature-zoom;display:grid;overflow:auto}.delivery-signature-dialog .delivery-notes-form{gap:12px;margin:0}.delivery-signature-dialog .toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.delivery-signature-dialog .toolbar.wrap .field{width:100%;min-width:0}.delivery-signature-dialog .employee-signature-pad__surface--full-width .employee-signature-pad__canvas{height:clamp(120px,18dvh,160px)}@keyframes delivery-signature-zoom{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.delivery-signature-dialog{animation:none}}@media (max-width:640px){.delivery-signature-dialog-shell{padding:12px}.delivery-signature-dialog{gap:12px;padding:16px}}.delivery-notes-form--saving{position:relative}.delivery-handover-progress{z-index:3;border-radius:var(--panel-radius);background:var(--menu-solid-bg);color:var(--text);text-align:center;align-content:center;justify-items:center;gap:16px;padding:24px;display:grid;position:absolute;inset:0}.delivery-handover-progress>strong{font-size:var(--font-size-heading)}.delivery-handover-progress>p{font-size:var(--control-font-size);color:var(--muted);margin:0}.delivery-handover-progress__spinner{border:4px solid var(--stroke);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite delivery-save-spin}@keyframes delivery-save-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.delivery-handover-progress__spinner{animation:none}}.delivery-note-overlay .choice-dialog__header--compact>.dialog-close-btn{opacity:1;transition:opacity .16s}.delivery-note-overlay.delivery-note-overlay--moving .choice-dialog__header--compact>.dialog-close-btn{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.delivery-note-overlay .choice-dialog__header--compact>.dialog-close-btn{transition:none}}
