.clynx-form{
  max-width: 720px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}
.clynx-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 760px){ .clynx-grid{grid-template-columns:1fr;} }
.clynx-field label{
  display:block;
  font-size: 12px;
  color: rgba(255,255,255,.75);
  margin-bottom: 6px;
}
.clynx-field input, .clynx-field select, .clynx-field textarea{
  width:100%;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.92);
  outline: none;
}
.clynx-field textarea{min-height: 120px; resize: vertical;}
.clynx-actions{margin-top: 12px; display:flex; gap: 10px; flex-wrap:wrap; align-items:center;}
.clynx-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.92);
  text-decoration:none;
  cursor:pointer;
}
.clynx-btn.primary{
  background: linear-gradient(135deg, rgba(124,58,237,.90), rgba(124,58,237,.60));
  border-color: rgba(124,58,237,.55);
}
.clynx-note{font-size:12px; color: rgba(255,255,255,.70);}
.clynx-msg{margin-top:10px; padding:10px 12px; border-radius:14px;}
.clynx-msg.ok{border:1px solid rgba(34,197,94,.35); background: rgba(34,197,94,.10);}
.clynx-msg.err{border:1px solid rgba(239,68,68,.35); background: rgba(239,68,68,.10);}
/* Accordion (for shortcode) */
.cx-accordion{margin-top: 10px;}