.signature-panel{position:absolute;right:12px;top:120px;width:192px;padding:12px;background:var(--ink);border:1px solid var(--border);border-radius:6px;display:grid;gap:8px;font-size:12px}
.signature-panel label,.signature-panel small{color:var(--muted);font-size:11px}
.signature-panel select{width:100%;min-height:36px;background:#203d3e;color:var(--paper);border:1px solid var(--border);border-radius:4px;font:inherit;padding:4px}
.signature-panel select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.signature-panel button{min-height:44px;padding:4px 8px;font-weight:600}
.signature-row{display:grid;grid-template-columns:1fr auto;gap:4px;margin-bottom:8px;font-variant-numeric:tabular-nums}
.signature-row:last-child{margin-bottom:0}.signature-row meter{grid-column:1/-1;width:100%;height:8px;accent-color:var(--gold)}
.signature-row[data-active=true]{color:var(--gold)}
@media(max-width:600px){.signature-panel{top:12px;right:8px;width:156px;padding:8px;gap:4px;font-size:10px}.signature-panel small{font-size:10px}.signature-panel select{font-size:11px}#signature-meters{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.signature-row{display:block;margin:0;font-size:9px}.signature-row span{display:block;white-space:nowrap}.signature-row b{float:right;font-weight:500}.signature-row meter{width:calc(100% - 24px);height:8px}}