/* VEXIDO shared form components. Applies to public pages and connected workspaces. */
:root{--vx-form-accent:#0071ba;--vx-form-ink:#23384b;--vx-form-muted:#617589;--vx-form-line:#d8e3ec;--vx-form-radius:10px;--vx-card-radius:12px;--vx-form-control:48px;--vx-form-gap:20px}
main :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=color]),select,textarea){font:inherit;font-size:16px;line-height:1.5;box-sizing:border-box;max-width:100%;min-height:var(--vx-form-control);border:1px solid #aebfce;border-radius:var(--vx-form-radius);padding:11px 12px;background:#fff;color:var(--vx-form-ink)}
main :is(input,select,textarea):focus-visible{outline:3px solid #0071ba50;outline-offset:2px;border-color:var(--vx-form-accent)}
main :is(input,select,textarea):disabled{background:#f1f4f7;color:#708092;cursor:not-allowed}
main :is(input,textarea)[aria-invalid=true],main select[aria-invalid=true]{border-color:#b42318}
main :is(input[type=checkbox],input[type=radio]){width:18px;height:18px;accent-color:var(--vx-form-accent);flex-shrink:0}
main :is(input,textarea)::placeholder{color:#718497;opacity:1}
main :is(.cj-form-grid,.ob-grid,.mn-fields,.lm-fields){gap:var(--vx-form-gap);align-items:start}
main :is(.cj-card,.ob,.mn,.lm,.ld,.bw) label{line-height:1.5}
main :is(.cj-actions,.mn-actions,.lm-actions,.ob-actions,.actions){gap:12px;align-items:center}
main :is(.cj-actions,.mn-actions,.lm-actions,.ob-actions,.actions) :is(button,a),main form button[type=submit],main button.contest-start-submit{min-height:var(--vx-form-control);border-radius:var(--vx-form-radius);padding:12px 20px;box-sizing:border-box;font:inherit;font-weight:600;line-height:1.4;text-align:center;cursor:pointer}
main :is(button,a):focus-visible{outline:3px solid var(--vx-form-accent);outline-offset:3px}
main :is(.cj-primary,.ob-primary,.mn-primary,.lm-primary){background:var(--vx-form-accent);color:#fff;border:1px solid var(--vx-form-accent)}
main :is(.cj-check,.option,.pilot-option,label.lm-option){min-height:52px;border:1px solid var(--vx-form-line);border-radius:var(--vx-form-radius);padding:14px 16px;background:#fff;display:flex;align-items:flex-start;gap:12px;box-sizing:border-box;cursor:pointer}
main :is(.cj-check,.option,.pilot-option,label.lm-option):has(input:checked){border-color:var(--vx-form-accent);background:#edf7fd}
main :is(.cj-check,.option,.pilot-option,label.lm-option):has(input:focus-visible){outline:3px solid #0071ba50;outline-offset:3px}
main :is(.cj-check,.option,.pilot-option,label.lm-option):has(input:disabled){cursor:not-allowed;background:#f1f4f7}
main :is(.cj-check,.option,.pilot-option,label.lm-option)>input{margin:3px 0 0}
@media(max-width:760px){main :is(.cj-form-grid,.ob-grid,.mn-fields,.lm-fields){grid-template-columns:minmax(0,1fr);gap:16px}main :is(.cj-actions,.mn-actions,.lm-actions,.ob-actions){display:flex;flex-wrap:wrap;align-items:stretch}main :is(.cj-actions,.mn-actions,.lm-actions,.ob-actions)>:is(button,a){flex:1 1 180px;white-space:normal}main :is(input,select,textarea){min-width:0}main :is(.cj-check,.option,.pilot-option,label.lm-option){padding:13px 14px}}
@media(prefers-reduced-motion:reduce){main :is(input,select,textarea,button){transition:none!important}}
