/* ============================================================
   l9-signing.css - the signing form (Controls/ctrl_signing.ascx): the class QR page and event registration.
   Moved out of class.aspx on 2026-10-27 when the form became shared. Colours are the theme tokens
   (Content/l9.tokens.css), which both the bare shell and the website shell load.
   ============================================================ */
.l9-signing{display:block}
.l9-signing[hidden]{display:none}
.l9c-sub-label{margin:18px 0 10px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--l9-accent);font-weight:800}
.l9c-field{margin-bottom:12px}
.l9c-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.l9c-row3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}
.l9c-label{display:block;font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--l9-text-muted);margin-bottom:6px}
/* Input corners on the radius token so they match the card boxes beside them (Terence, 2026-11-04). */
.l9c-input{width:100%;box-sizing:border-box;padding:12px 13px;border-radius:var(--l9-radius-input);border:1.5px solid var(--l9-border);background:var(--l9-bg);color:var(--l9-text);font-size:1rem}
.l9c-input:focus{outline:none;border-color:var(--l9-accent)}
.l9c-input.bad{border-color:var(--l9-danger)}
.l9c-input[readonly]{color:var(--l9-text-muted)}
.l9c-legal{max-height:190px;overflow-y:auto;background:var(--l9-bg);border:1px solid var(--l9-border);border-radius:10px;padding:12px 14px;font-size:.8rem;line-height:1.5;color:var(--l9-text-muted);margin-bottom:8px}
.l9c-legal p{margin:0 0 8px}
.l9c-legal ul{margin:0 0 8px;padding-left:18px}
.l9c-legal li{margin:3px 0}
.l9c-legal h1,.l9c-legal h2,.l9c-legal h3,.l9c-legal h4,.l9c-legal h5,.l9c-legal h6{font-size:.9rem;color:var(--l9-text);margin:10px 0 4px}
.l9c-legal strong{color:var(--l9-text)}
.l9c-check{display:flex;align-items:flex-start;gap:9px;margin:10px 0;font-size:.86rem;color:var(--l9-text)}
.l9c-check input{margin-top:3px;width:17px;height:17px;flex:0 0 auto}
.l9c-check a{color:var(--l9-accent)}
.l9c-decl{background:var(--l9-surface);border:1px solid var(--l9-border);border-radius:10px;padding:4px 12px}
.l9c-guardian{background:color-mix(in srgb, var(--l9-accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--l9-accent) 40%, transparent);border-radius:12px;padding:14px 14px 4px;margin:6px 0 14px;display:none}
.l9c-guardian.show{display:block}
.l9c-guardian-note{font-size:.82rem;color:var(--l9-accent);margin:0 0 12px;line-height:1.45}
.l9c-pay-sub{font-size:.82rem;color:var(--l9-text-muted);margin:0 0 16px;line-height:1.45}
.l9c-sig .l9-signature-control{margin:0}
.l9c-missing{font-size:.8rem;color:var(--l9-text-muted);margin:8px 0 0;text-align:center;line-height:1.45}