/* Only form feedback is added; the existing desktop/mobile design is preserved. */
.form-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.form-status[hidden] { display: none !important; }
.form-status {
  margin: 18px 0 0;
  padding: 14px 16px;
  border: 1px solid var(--line, #dedbd2);
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
  background: var(--bg, #faf9f5);
  color: var(--ink, #20251e);
}
.form-status[data-state="success"] { border-color: #2e6542; background: #f1f8f3; color: #214c31; }
.form-status[data-state="error"] { border-color: #a83828; background: #fff4ef; color: #7e291d; }
.form-status:focus-visible { outline: 2px solid var(--orange, #e66a18); outline-offset: 3px; }
form[data-vgrader-form] button[type="submit"]:disabled { opacity: 0.65; cursor: default; transform: none; }
.form-help, .form-noscript { margin: 14px 0 0; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.form-help a, .form-noscript a { color: var(--ink, #20251e); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 600px) {
  .form-status { padding: 12px; }
}