/* Operator lead form, shared by the "for operators" pages
   (listings-and-renewals, revenue-share, tenant-equity, btr). Ported from
   the Webflow "Property Leads Form" on getyourstake.com. Sits in each page's
   closing CTA block and uses the ink/mint tokens from home5.css. */
.gysOp-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 380px;
  margin-top: 8px;
}

.gysOp-form-fields,
.gysOp-form-more { display: flex; flex-direction: column; gap: 14px; }
.gysOp-form .gysOp-form-fields[hidden],
.gysOp-form .gysOp-form-more[hidden] { display: none; }

.gysOp-form-input {
  width: 100%;
  height: 48px;
  padding: 0 14px;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  background: #FFFFFF;
  color: var(--gys-ink);
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 20px;
  -webkit-appearance: none;
  appearance: none;
}
.gysOp-form-input::placeholder { color: #8A8F9C; }
.gysOp-form-input:focus { outline: none; border-color: var(--gys-mint); box-shadow: 0 0 0 3px rgba(84, 255, 153, 0.35); }
.gysOp-form-input.is-invalid { border-color: #FF6B6B; }
.gysOp-form-input[type="number"] { -moz-appearance: textfield; }
.gysOp-form-input[type="number"]::-webkit-inner-spin-button,
.gysOp-form-input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.gysOp-form .gysOp-form-btn { width: 100%; margin-top: 0; }
/* specificity beats each page's own button skin (.gys-cta-primary, .btr .cta) */
.gysOp-form .gysOp-form-btn[hidden] { display: none; }
.gysOp-form-btn:disabled { opacity: 0.6; cursor: wait; }

.gysOp-form-error {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #FF8A8A;
  text-align: left;
  margin: -6px 0 0;
}
.gysOp-form .gysOp-form-error[hidden] { display: none; }

.gysOp-form-captcha { display: flex; justify-content: center; }

.gysOp-form-done {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 24px;
  color: #FFFFFF;
}
.gysOp-form-done a { color: var(--gys-mint); text-decoration: underline; }
.gysOp-form .gysOp-form-done[hidden] { display: none; }

@media (max-width: 599px) {
  .gysOp-form { max-width: none; }
}