/* Drag and drop feedback */
.field-card.dragging {
  opacity: 0.4;
}

.field-card.drag-over {
  border-top: 3px solid #EC4A0A;
  margin-top: -3px;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #aaa; }

/* Field card */
.field-card {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 0.75rem;
  cursor: grab;
  transition: box-shadow 0.15s, border-color 0.15s;
}

.field-card:hover {
  border-color: #d1d5db;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.field-card:active {
  cursor: grabbing;
}

/* Preview form styles */
#form-preview .preview-group { margin-bottom: 1rem; }
#form-preview label { display: block; margin-bottom: 0.25rem; font-weight: 600; color: #444; font-size: 0.875rem; }
#form-preview input,
#form-preview textarea {
  width: 100%;
  padding: 0.5rem 0.625rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 0.875rem;
}
#form-preview textarea { min-height: 80px; resize: vertical; }
#form-preview .preview-submit {
  background: #EC4A0A;
  color: #fff;
  border: none;
  padding: 0.625rem 1.25rem;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: default;
}