.real-trend {
  height: 220px;
  display: flex;
  align-items: flex-end;
  gap: 7px;
  padding: 18px 4px 2px;
  overflow-x: auto;
  border-top: 1px solid var(--line);
}

.trend-day {
  min-width: 34px;
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

.trend-bars {
  height: 175px;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
  border-bottom: 1px solid #dfe7e3;
}

.trend-bars i {
  display: block;
  width: 7px;
  min-height: 2px;
  border-radius: 5px 5px 0 0;
}

.trend-bars i.high { background: #e65353; }
.trend-bars i.middle { background: #f2a33a; }
.trend-bars i.low { background: #1ea97c; }
.trend-day small { font-size: 11px; color: #7a8882; white-space: nowrap; }
#dashboard-pending-list .todo:last-child { border-bottom: 0; }
.filter-row select.filter { appearance: auto; min-width: 170px; background: #fff; }