.fields-sortable[data-v-88da588a] {
  min-height: 100px;
}
.field-item[data-v-88da588a] {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.field-item[data-v-88da588a]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.drag-handle[data-v-88da588a] {
  cursor: -webkit-grab;
  cursor: grab;
  transition: color 0.2s ease;
}
.drag-handle[data-v-88da588a]:hover {
  color: var(--v-primary-base);
}
.drag-handle[data-v-88da588a]:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.sortable-ghost[data-v-88da588a] {
  opacity: 0.5;
  background: var(--v-grey-lighten4);
}
.sortable-chosen[data-v-88da588a] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  transform: rotate(2deg);
}
.sortable-drag[data-v-88da588a] {
  opacity: 0.8;
  transform: rotate(5deg);
}
.sortable-fallback[data-v-88da588a] {
  opacity: 0.8;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  transform: scale(1.05);
  background: white;
  border-radius: 4px;
}

/* Desabilitar seleção de texto durante drag */
.fields-sortable.sortable-active[data-v-88da588a] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Adicionar feedback visual quando não há campos */
.fields-sortable[data-v-88da588a]:empty::after {
  content: 'Arraste os campos aqui para reordenar';
  display: block;
  text-align: center;
  color: #999;
  font-style: italic;
  padding: 40px 20px;
  border: 2px dashed #ddd;
  border-radius: 8px;
  background: #fafafa;
}