.order-create {
  padding-bottom: 48rpx;
}

.subtitle {
  color: #64748b;
  margin: 8rpx 0 24rpx;
}

.notice {
  background: #eff6ff;
  border: 1rpx solid #bfdbfe;
  border-radius: 16rpx;
  color: #1e40af;
  font-size: 24rpx;
  line-height: 1.6;
  margin-bottom: 24rpx;
  padding: 20rpx;
}

.field {
  margin-bottom: 24rpx;
}

.label {
  color: #334155;
  display: block;
  font-size: 25rpx;
  margin-bottom: 10rpx;
}

.field input,
.picker-value {
  background: #fff;
  border: 1rpx solid #cbd5e1;
  border-radius: 14rpx;
  min-height: 48rpx;
  padding: 18rpx;
}

.member-search-row {
  align-items: center;
  display: grid;
  gap: 12rpx;
  grid-template-columns: 1fr auto;
}

.member-search-row button {
  margin: 0;
}

.selected-member {
  background: #ecfdf5;
  border-radius: 12rpx;
  color: #166534;
  font-size: 23rpx;
  margin-top: 12rpx;
  padding: 14rpx;
}

.member-results {
  border: 1rpx solid #e2e8f0;
  border-radius: 14rpx;
  margin-top: 12rpx;
  max-height: 360rpx;
}

.member-option {
  align-items: center;
  border-bottom: 1rpx solid #f1f5f9;
  display: flex;
  justify-content: space-between;
  padding: 16rpx;
}

.member-option.active {
  background: #eff6ff;
}

.member-option strong,
.member-option text {
  display: block;
  font-size: 23rpx;
}

.member-option > text,
.member-option view text,
.empty-members {
  color: #64748b;
}

.empty-members {
  font-size: 23rpx;
  padding: 18rpx 0;
}

.datetime-row {
  display: grid;
  gap: 14rpx;
  grid-template-columns: 1fr 1fr;
}

.loading {
  color: #64748b;
  padding: 20rpx 0;
  text-align: center;
}