@import url('/shared/signature-workspace.css?v=20260925-workspace-1');
.qr-entry{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--signature-line)}.qr-entry button{gap:10px;flex-shrink:0}.qr-entry .hint{flex:1 1 220px;margin:0}dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--signature-line);border-radius:16px;color:var(--signature-ink);background:#fff;overflow:auto}dialog::backdrop{background:rgba(8,28,49,.68)}.qr-heading{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}.qr-heading h2{margin:4px 0}.qr-heading button{min-height:44px;padding:10px 14px}dialog label{display:block;font-weight:700;margin:20px 0 8px}#verificationQrReader{width:100%;overflow:hidden;border-radius:10px}#verificationQrReader video{display:block;max-width:100%}#qrStatus{min-height:3.2em}#qrStatus[data-error=true]{color:#9b2222}@media(max-width:600px){dialog{padding:20px}.qr-heading{align-items:center}.qr-heading h2{font-size:21px}.qr-entry button{width:100%}}
*{box-sizing:border-box}body{margin:0;background:var(--signature-canvas);color:var(--signature-ink);font:16px/1.6 Inter,system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(20px,calc((100% - 1040px)/2));background:var(--signature-navy);color:#fff}a{color:var(--signature-primary)}header a{color:#fff;text-decoration:none}.brand{font-size:24px;font-weight:750}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{min-height:44px;display:inline-flex;align-items:center}main{max-width:860px;margin:40px auto;padding:0 20px}h1{font-size:clamp(28px,4vw,40px);line-height:1.15;letter-spacing:-.025em;margin:10px 0 20px}h2{font-size:23px;line-height:1.3}h3{font-size:19px}.eyebrow{font-size:13px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--signature-primary)}.lead{font-size:18px;color:var(--signature-muted)}.panel{margin:26px 0;padding:28px;background:#fff;border:1px solid var(--signature-line);border-radius:14px}.panel label{display:block;font-weight:700;margin:18px 0 8px}.panel label:first-child{margin-top:0}input{display:block;width:100%;min-height:48px;padding:11px;border:1px solid #8395a9;border-radius:8px;background:#fff;color:var(--signature-ink);font:inherit}input[type=file]{padding:12px;white-space:normal;overflow:hidden}input::file-selector-button{padding:8px;border:1px solid var(--signature-line);border-radius:6px;background:var(--signature-soft);font:inherit;margin-right:10px}.hint,.optional{font-size:14px;color:var(--signature-muted)}.optional{font-weight:400}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid var(--signature-primary);border-radius:9px;background:var(--signature-primary);color:#fff;font:600 16px/1.4 Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none}.secondary{background:#fff;color:var(--signature-primary)}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:3px solid #477fc1;outline-offset:3px}[hidden]{display:none!important}#formStatus[data-error=true]{color:#9b2222}#result[data-outcome=matched]{border-left:5px solid #18754f}#result[data-outcome=mismatch]{border-left:5px solid #b82b2b}#result[data-outcome=record_only]{border-left:5px solid #b37500}.record{border-top:1px solid var(--signature-line);padding-top:16px;margin-top:18px;overflow-wrap:anywhere}.record dl{display:grid;grid-template-columns:180px minmax(0,1fr);gap:9px 16px}.record dt{color:var(--signature-muted)}.record dd{margin:0}.record code{font-size:14px;word-break:break-word}.explanation{color:var(--signature-muted);margin-top:32px}.explanation h2{color:var(--signature-ink)}footer{max-width:860px;padding:24px 20px 40px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;color:var(--signature-muted);font-size:14px}.skip{position:absolute;top:-100px}.skip:focus{top:4px;left:10px;background:#fff;padding:12px;z-index:4}@media(max-width:600px){header{align-items:flex-start;padding:16px;gap:12px}header nav{gap:8px;font-size:14px}.brand{font-size:21px}main{margin-top:26px;padding:0 16px}.panel{padding:20px}.actions>*{flex:1 1 100%}.record dl{grid-template-columns:1fr;gap:2px}.record dd{margin-bottom:10px}}