[hidden] { display:none !important; }
.stage-progress ol { padding:0; list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.stage-progress li { padding:12px 8px; border-top:3px solid var(--border); font-size:.9rem; color:var(--muted); }
.stage-progress li[aria-current] { border-color:var(--blue); color:var(--navy); font-weight:800; }
.consent { display:flex; align-items:flex-start; gap:10px; margin:20px 0; }
.consent input { width:22px; height:22px; flex:none; margin-top:2px; }
.stage-actions { justify-content:space-between; padding-top:12px; border-top:1px solid var(--border); }
#sheet-preview { display:block; width:100%; height:auto; border:1px solid var(--border); background:#fff; }
body.signing-fullscreen { overflow:hidden; }
body.signing-fullscreen .signature-stage { position:fixed; inset:0; z-index:20; margin:0; border:0; border-radius:0; padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); height:100vh; height:100dvh; display:flex; flex-direction:column; overflow:auto; }
.signature-stage .signature-box { flex:1; min-height:200px; }
.signature-stage .signature-box canvas { position:absolute; width:100%; height:100%; touch-action:none; }
.signature-stage .field { max-width:650px; }
.signature-stage .row { flex-shrink:0; }
.signature-stage h2 { margin-bottom:8px; }
button:focus-visible,input:focus-visible,summary:focus-visible { outline:3px solid #db8a12; outline-offset:3px; }
@media(max-width:620px) { .stage-progress li { font-size:.875rem; padding:8px 3px; } .hero h1 { font-size:2rem; } }
@media(max-height:500px) { .signature-stage .field { margin-bottom:5px; } .signature-stage .signature-box { min-height:140px; } .signature-stage .step { display:none; } .signature-stage .row { margin-top:6px; } }