.expense-save-note {
  margin: 0;
  padding: 9px 16px;
  border-bottom: 1px solid #dce5ef;
  background: #effaf5;
  color: #087443;
  font-size: 11px;
  font-weight: 800;
}

.expense-activity-help {
  margin: 0;
  color: #667085;
  font-size: 12px;
}

.expense-activity-list {
  display: grid;
  gap: 7px;
}

.expense-activity-list article {
  display: grid;
  grid-template-columns: 145px minmax(140px, .8fr) minmax(220px, 1.4fr);
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid #dce5ef;
  border-radius: 10px;
  background: #f8fafc;
}

.expense-activity-list time,
.expense-activity-list span,
.expense-activity-list small {
  color: #667085;
  font-size: 10px;
}

.expense-activity-list article > div {
  display: grid;
  gap: 2px;
}

.expense-activity-list strong,
.expense-activity-list b {
  font-size: 12px;
}

@media (max-width: 650px) {
  .expense-activity-list article {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}