:root{--bg: #f7f8fb;--surface: #ffffff;--surface-pressed: #eef1f8;--border: #dee3ef;--ink: #131722;--muted: #5b6478;--faint: #8a92a6;--accent: #3552d8;--accent-pressed: #2a41bd;--accent-soft: #eaeeff;--accent-ink: #2a41bd;--danger: #b3261e;--danger-soft: #fdecea;--success: #1a6f49;--success-soft: #e7f5ee;--signature-pad: #ffffff;--radius: 10px;--radius-sm: 6px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%;overflow-x:clip;overscroll-behavior-x:none}.card__value,.readonly,.history__ref,.blurb,.note,.footnote{overflow-wrap:anywhere}.shell{max-width:640px;margin:0 auto;padding:20px 16px 96px}.brand{margin-bottom:20px}.brand__producer{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.brand__mark{width:20px;height:20px;flex:none;display:block}.hero-mark{width:64px;height:64px;display:block;margin-bottom:24px}.attrib{margin-top:48px;display:flex;flex-direction:column;align-items:center;gap:10px}.attrib__rule{height:1px;width:100%;background:var(--border);margin-bottom:14px}.attrib__producer{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.attrib__assoc{font-size:11px;color:var(--faint)}.attrib__chip{background:#fff;border-radius:10px;padding:10px 14px}.attrib__logo{display:block;width:132px;height:auto}h1{font-size:26px;margin:0 0 8px}.blurb{font-size:13px;color:var(--muted);margin:0 0 20px}.section{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin:24px 0 8px}.section+.rule{height:1px;background:var(--border);margin-bottom:16px}.reference{background:var(--accent-soft);border-radius:var(--radius);padding:12px 16px;margin-bottom:20px}.reference__label{font-size:13px;color:var(--accent-ink)}.reference__value{font-size:24px;font-weight:700;color:var(--accent-ink);letter-spacing:.5px}.field{margin-bottom:16px}.field__label{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.field__optional{font-weight:400;font-size:13px;color:var(--muted)}.field__hint{font-size:13px;color:var(--muted);margin-bottom:4px}.field__error{font-size:13px;color:var(--danger);margin-top:4px}input,textarea,select{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-size:16px;min-height:48px}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}.readonly{background:var(--surface);border-radius:var(--radius);padding:12px;min-height:44px;display:flex;align-items:center;color:var(--muted)}.lock-note{font-size:13px;color:var(--faint);margin:-8px 0 16px}.row{display:flex;gap:12px;align-items:stretch}.row>*{flex:1}.row>.field{display:flex;flex-direction:column}.row>.field input,.row>.field select,.row>.field textarea{margin-top:auto}button{font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid transparent;padding:12px 20px;min-height:48px}.btn-primary{width:100%;background:var(--accent);color:#fff;font-size:17px;font-weight:600}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--surface);border-color:var(--accent);color:var(--accent);font-weight:600;font-size:14px}.btn-link{background:none;border:none;color:var(--accent);font-size:13px;padding:8px;min-height:auto}.btn-danger-link{background:none;border:none;color:var(--danger);font-size:13px;padding:0;min-height:auto}.photos{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.photo{position:relative;width:96px}.photo img{width:96px;height:96px;object-fit:cover;border-radius:var(--radius);background:var(--border)}.photo__remove{position:absolute;top:-6px;right:-6px;width:26px;height:26px;min-height:26px;padding:0;border-radius:50%;background:var(--bg);border:1px solid var(--border);color:var(--ink);font-size:18px;line-height:1;display:grid;place-items:center}.photo__meta{font-size:11px;color:var(--faint);margin-top:4px}.photo-actions{display:flex;gap:12px;flex-wrap:wrap}.note{font-size:13px;color:var(--muted);margin-top:8px}.sig__tabs{display:inline-flex;background:var(--surface);border-radius:var(--radius-sm);padding:3px;margin-bottom:8px}.sig__tab{background:none;border:none;padding:8px 24px;min-height:auto;border-radius:4px;font-size:13px;font-weight:600;color:var(--muted)}.sig__tab[aria-selected=true]{background:var(--surface);color:var(--ink)}.sig__box{position:relative;height:95px;border:1px solid var(--border);border-radius:var(--radius);background:var(--signature-pad);overflow:hidden}.sig__box--filled{border-color:var(--accent)}.sig__box canvas{display:block;width:100%;height:100%;touch-action:none}.sig__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12px;pointer-events:none}.sig__line{width:75%;height:1px;background:var(--border);margin-bottom:4px}.sig__placeholder-text{font-size:11px;color:var(--faint)}.sig__typed{background:var(--signature-pad);height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px}.sig__typed input{color:#14181f;border:none;background:none;text-align:center;min-height:auto;font-size:26px;padding:2px;font-family:Snell Roundhand,Segoe Script,cursive}.sig__typed input:focus{box-shadow:none}.badge{display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);background:var(--success-soft);color:var(--success);margin-bottom:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0 16px}.card__row{padding:12px 0;border-bottom:1px solid var(--border)}.card__row:last-child{border-bottom:none}.card__label{font-size:13px;color:var(--muted)}.card__value--muted{color:var(--faint)}.centre{min-height:60vh;display:grid;place-items:center;color:var(--muted)}.footnote{font-size:13px;color:var(--faint);text-align:center;margin-top:16px}.error-box{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);padding:12px;font-size:14px;margin-bottom:16px}.rule{height:1px}.link-row{text-align:center}.tabs{display:flex;background:var(--surface);border-radius:var(--radius-sm);padding:3px;margin-bottom:20px}.tab{flex:1;background:none;border:none;padding:10px 16px;min-height:auto;border-radius:4px;font-size:14px;font-weight:600;color:var(--muted)}.tab[aria-selected=true]{background:var(--surface);color:var(--ink)}.history__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.history__ref{font-weight:700;color:var(--accent);letter-spacing:.3px}.history__open{padding:4px 0}.pill{font-size:11px;font-weight:600;white-space:nowrap;padding:3px 8px;border-radius:999px;background:var(--success-soft);color:var(--success)}.pill--queued{background:var(--danger-soft);color:var(--danger)}a.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;min-height:48px;border:1px solid var(--accent);border-radius:var(--radius);text-decoration:none}.nav{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--border)}.nav__inner{max-width:640px;margin:0 auto;display:flex}.nav__item{flex:1;background:none;border:none;border-radius:0;border-bottom:2px solid transparent;padding:14px 8px;min-height:52px;font-size:15px;font-weight:600;color:var(--muted)}.nav__item[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}[hidden]{display:none!important}.sig-onfile{display:flex;align-items:center;min-height:72px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--signature-pad, #ffffff)}.sig-onfile__image{max-height:56px;max-width:100%;object-fit:contain}.sig-onfile__typed{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:24px;color:#101010}.sig-onfile__pending{font-size:14px;color:#6b7280}.qty-warning{margin:-4px 0 16px;padding:12px 14px;border:1px solid #b4791f;border-left-width:4px;border-radius:10px;background:#b4791f1f}.qty-warning__text{margin:0 0 10px;font-size:14px;line-height:1.45;color:var(--ink)}.qty-warning__confirm{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);cursor:pointer}.qty-warning__confirm input{width:20px;height:20px;accent-color:#b4791f;flex:none}