.formx-form{display:block}
.formx-grid{display:flex;flex-wrap:wrap;gap:16px;row-gap:16px;column-gap:16px}
.formx-field{flex:0 0 calc(var(--formx-col,100) * 1% - 8px);min-width:220px}
.formx-field label{display:block;margin-bottom:6px;font-weight:600}
.formx-field input,.formx-field textarea,.formx-field select{width:100%;padding:10px;border:1px solid #dcdcdc;border-radius:6px;outline:none;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s}
.formx-field input:focus,.formx-field textarea:focus,.formx-field select:focus{border-color:#6a8ef6;box-shadow:0 0 0 1px #6a8ef6 inset;background-color:#fff}
.formx-field textarea{min-height:120px}
.formx-inline{display:inline-flex;align-items:center;margin-right:12px}
.formx-submit{;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:10px 18px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .05s}
.formx-submit:hover{transform:translateY(-1px)}
.formx-messages{margin-top:10px;padding:8px;border-radius:6px;display:block;border:1px solid transparent}
.formx-messages.is-success{background:#eef7ee;border:1px solid #cde5cd}
.formx-messages.is-error{background:#fdecec;border:1px solid #f5c2c7}
.formx-form.is-loading{opacity:.7;pointer-events:none}


/* Solid text color (no transparency) */

/* Placeholders inherit set color and are not translucent */
.formx-field input::placeholder,
.formx-field textarea::placeholder{

}

/* Chrome/Edge/Safari autofill: keep text color consistent */
.formx-field input:-webkit-autofill,
.formx-field textarea:-webkit-autofill,
.formx-field select:-webkit-autofill{
  -webkit-text-fill-color: currentColor;
  transition: background-color 9999s ease-out 0s; /* neutralize yellow bg */
}

.formx-actions{margin-top:12px}
.formx-actions .formx-submit{display:inline-flex;align-items:center;justify-content:center}
.formx-field.formx-hidden{display:none !important}