body.home {
  background:
    linear-gradient(150deg, rgba(0, 122, 255, 0.16) 0 22%, transparent 22% 100%),
    linear-gradient(28deg, rgba(52, 199, 89, 0.15) 0 20%, transparent 20% 100%),
    linear-gradient(180deg, #f8fbff 0, #ffffff 48%, #f6fbf7 100%);
}

.panel-now {
  grid-column: 1 / 5;
  grid-row: 1 / 5;
  background: linear-gradient(180deg, #e8f2ff, #ffffff);
}

.panel-waiting {
  grid-column: 5 / 9;
  grid-row: 1 / 4;
  background: linear-gradient(180deg, #effaf1, #ffffff);
}

.panel-plan {
  grid-column: 5 / 9;
  grid-row: 4 / 7;
  background: linear-gradient(180deg, #fff8df, #ffffff);
}

.panel-calendar {
  grid-column: 1 / 4;
  grid-row: 5 / 9;
}

.panel-preset {
  grid-column: 4 / 9;
  grid-row: 7 / 9;
  background: #111114;
}

.panel-preset strong,
.panel-preset p,
.panel-preset span {
  color: #ffffff;
}

.flow-band {
  background: #f5f9ff;
}

.trust-band {
  background: #f7fbf6;
}

.flow-list {
  display: grid;
  gap: 10px;
}

.flow-list div {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 12px;
  align-items: center;
  min-height: 70px;
  padding: 18px;
}

.flow-list strong {
  color: var(--accent);
}

.flow-list span {
  color: var(--muted);
  font-weight: 760;
}

@media (max-width: 840px) {
  .panel-now,
  .panel-waiting,
  .panel-plan,
  .panel-calendar,
  .panel-preset {
    grid-column: auto;
    grid-row: auto;
  }
}