.tree-channel {
  display: inline-block;
  padding-left: calc((var(--depth) - 1) * 18px);
  font-weight: 600;
}

.field-picker {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 8px;
  margin: 8px 0 16px;
}

.field-picker label {
  margin: 0;
  font-weight: 400;
}

.condition-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.form-card.compact.expense-period {
  grid-template-columns: 1fr 1fr 1fr 2fr auto;
}

@media (max-width: 900px) {
  .form-card.compact.expense-period {
    grid-template-columns: 1fr;
  }
}