.picker-row {
  background: #f9fafb;
  border-radius: calc(24 * var(--rpx));
  padding: calc(24 * var(--rpx));
  border: calc(1 * var(--rpx)) solid #e2e8f0;
  margin-bottom: calc(20 * var(--rpx));
}
.date-picker-row {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}
.suggest-title {
  margin-top: calc(16 * var(--rpx));
  font-size: calc(24 * var(--rpx));
  color: #64748b;
}
.suggest-list {
  display: flex;
  flex-wrap: wrap;
  gap: calc(12 * var(--rpx));
  margin-top: calc(12 * var(--rpx));
}
.suggest-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: auto;
  white-space: nowrap;
  border: none;
  min-height: 40px;
  padding: calc(8 * var(--rpx)) calc(20 * var(--rpx));
  background: #f1f5f9;
  border-radius: calc(16 * var(--rpx));
  cursor: pointer;
  font-size: calc(26 * var(--rpx));
  font-family: inherit;
  color: inherit;
}
.suggest-item.on {
  background: #dbeafe;
  color: #1d4ed8;
  font-weight: 600;
}
.name-ai-row {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--rpx));
  margin-bottom: calc(20 * var(--rpx));
}
.name-ai-row #name {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}
.name-ai-row .btn-small {
  flex: none;
  white-space: nowrap;
}
.benefit-edit {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: calc(10 * var(--rpx));
  align-items: center;
  margin-top: calc(16 * var(--rpx));
}
.benefit-edit input[type="checkbox"] {
  width: calc(36 * var(--rpx));
  height: calc(36 * var(--rpx));
  margin: 0;
}
.benefit-edit [data-bn] {
  margin-bottom: 0;
}
.benefit-edit [data-bnote] {
  grid-column: 1 / -1;
  margin-bottom: 0;
}