/* The native lead form (issue #94, dist/assets/lead-form.js). Like for like with the ERPNext Web Form it
   replaces (decided by Max 2026-10-25), measured on erpnext.tgr.co/contact-form/new: Inter (the site's
   Instrument face is the same files), 14/21 #334851 labels with a pale " *", 46px white fields with a #c1ced5
   hairline and square corners, 8px between fields, a 70px Message box, up/down select arrows, and the black
   Submit button at the right. Additions the Web Form does not have: the opt-in row, the inline
   error messages and the keyboard focus ring on Submit. Turnstile is drawn only when Cloudflare asks the
   visitor to act (appearance: interaction-only in lead-form.js). */
.lead-form{margin-top:8px;font-family:Instrument,Inter,Arial,sans-serif}
.lead-form[hidden]{display:none}
.lead-field{margin-bottom:8px}
.lead-field label{display:block;margin-bottom:8px;font-size:14px;font-weight:400;line-height:21px;letter-spacing:.26px;color:#334851}
.lead-req{color:#eb9091}
.lead-field label .lead-req{margin-left:.25em}
.lead-field input,.lead-field select,.lead-field textarea{display:block;box-sizing:border-box;width:100%;height:46px;margin:0;padding:10px 12px;border:1px solid #c1ced5;border-radius:0;background:#fff;color:#151b1e;font:inherit;font-size:16px;line-height:24px;letter-spacing:.32px}
.lead-field select{appearance:none;-webkit-appearance:none;padding-right:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23525252' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 3.636L6.136 2l1.637 1.636M4.5 8.364L6.136 10l1.637-1.636'/%3E%3C/svg%3E") no-repeat right 12px top 14.2px/16px 16px}
.lead-field textarea{height:70px;min-height:70px;resize:vertical}
.lead-field input:focus,.lead-field select:focus,.lead-field textarea:focus,.lead-optin input:focus{border-color:#0078a8;outline:2px solid #0078a8;outline-offset:1px}
.lead-field [aria-invalid="true"]{border-color:#b42318}
.lead-field-error{margin:6px 0 0;font-size:14px;line-height:21px;color:#b42318}
.lead-field-error[hidden]{display:none}
.lead-optin{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin:16px 0 16px}
.lead-optin input{width:20px;height:20px;margin:2px 0 0;accent-color:#151b1e}
.lead-optin p{margin:0;font-size:14px;line-height:21px;letter-spacing:.26px;color:#334851}
.lead-optin a{color:#0078a8;text-decoration:underline}
.lead-form-alert{margin:0 0 12px;font-size:15px;line-height:21px;color:#b42318}
.lead-form-alert:empty{margin:0}
.lead-form-alert:focus{outline:2px solid #0078a8;outline-offset:2px}
.lead-submit{display:block;margin:16px 0 0 auto;min-height:44px;padding:10px 24px;border:1px solid #151b1e;border-radius:0;background:#151b1e;color:#fff;font:inherit;font-size:15px;font-weight:500;line-height:21px;letter-spacing:.3px;cursor:pointer}
.lead-submit:hover{background:#31434c;border-color:#31434c}
.lead-submit:focus-visible{outline:2px solid #0078a8;outline-offset:2px}
.lead-submit:disabled{opacity:.6;cursor:wait}
.lead-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}