.client-health-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin: -13px 0 17px;
}
.client-health-heading p { margin: 0; font-size: 11px; }
.client-health-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 11px;
  margin-bottom: 18px;
}
.client-health-summary .client-health-metric {
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 5px 18px rgba(20, 32, 58, .035);
}
.client-health-summary .client-health-metric strong {
  font-family: Georgia, serif;
  font-size: 29px;
  font-weight: 500;
}
.client-card { display: block; padding: 0; overflow: hidden; }
.client-card.client-health-needs_attention { border-left: 4px solid #e7a156; }
.client-card.client-health-healthy { border-left: 4px solid #72bd9f; }
.client-card.client-health-paused { border-left: 4px solid #9aa3b2; }
.client-card-header { display: flex; align-items: center; gap: 15px; padding: 18px 20px; }
.client-card-header .client-name { min-width: 190px; flex: 1; }
.client-card-meta {
  display: block;
  margin-top: 7px;
  color: #7b8596;
  font-size: 9px;
  font-weight: 750;
  text-transform: capitalize;
}
.client-card-meta.paid-client-meta { color: #2d7c66; }
.client-card-header > .status-pill { flex: 0 0 auto; }
.client-health-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border-top: 1px solid #edf0f3;
  background: #fafaf8;
}
.client-health-metric {
  min-width: 0;
  padding: 15px 17px;
  border-right: 1px solid #e8ebef;
}
.client-health-metric:last-child { border-right: 0; }
.client-health-metric small {
  display: block;
  color: #7d8798;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .055em;
}
.client-health-metric strong {
  display: block;
  margin-top: 7px;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.35;
}
.client-health-metric span {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.45;
}
.client-health-metric.ready { box-shadow: inset 0 3px #72bd9f; }
.client-health-metric.setup { box-shadow: inset 0 3px #aab8d4; }
.client-health-metric.attention { box-shadow: inset 0 3px #e7a156; }
.client-health-reasons {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 11px 20px;
  border-top: 1px solid #f0e2cf;
  background: #fff8ef;
  color: #89501f;
  font-size: 10px;
  line-height: 1.5;
}
.client-health-reasons.setup_incomplete {
  border-top-color: #e0e6f1;
  background: #f5f7fb;
  color: #536784;
}
.client-health-reasons strong { flex: 0 0 auto; }
.client-health-reasons span { color: inherit; }
.client-actions { flex-wrap: wrap; justify-content: flex-end; }
.assisted-setup-progress {
  height: 8px;
  margin: 4px 0 18px;
  overflow: hidden;
  border-radius: 99px;
  background: #e9edf3;
}
.assisted-setup-progress-bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #f13250, #f26378);
  transition: width .22s ease;
}
.assisted-setup-task-list {
  display: grid;
  gap: 9px;
}
.assisted-setup-task {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 13px 15px;
  border: 1px solid #e2e7ef;
  border-left: 4px solid #b7c0cf;
  border-radius: 10px;
  background: #fbfcfd;
}
.assisted-setup-task.assisted-task-complete,
.assisted-setup-task.assisted-task-not_needed { border-left-color: #72bd9f; }
.assisted-setup-task.assisted-task-in_progress { border-left-color: #f13250; }
.assisted-setup-task.assisted-task-waiting_for_client { border-left-color: #e7a156; }
.assisted-setup-task-copy { flex: 1; min-width: 0; }
.assisted-setup-task-copy strong,
.assisted-setup-task-copy small { display: block; }
.assisted-setup-task-copy strong { font-size: 12px; }
.assisted-setup-task-copy small { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.assisted-setup-task select { width: 170px; margin: 0; font-size: 11px; }

@media (max-width: 1250px) {
  .client-health-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .client-health-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .client-health-metric:nth-child(3) { border-right: 0; }
  .client-health-metric:nth-child(-n+3) { border-bottom: 1px solid #e8ebef; }
}
@media (max-width: 760px) {
  .client-health-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .client-card-header { align-items: flex-start; flex-wrap: wrap; }
  .client-card-header .client-name { flex-basis: calc(100% - 130px); }
  .client-actions { width: 100%; justify-content: flex-start; }
  .client-health-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .client-health-metric:nth-child(3) { border-right: 1px solid #e8ebef; }
  .client-health-metric:nth-child(2n) { border-right: 0; }
  .client-health-metric:nth-child(-n+4) { border-bottom: 1px solid #e8ebef; }
  .client-health-reasons { display: grid; gap: 5px; }
  .assisted-setup-task { align-items: stretch; flex-direction: column; gap: 10px; }
  .assisted-setup-task select { width: 100%; }
}
@media (max-width: 480px) {
  .client-health-summary, .client-health-grid { grid-template-columns: 1fr; }
  .client-health-metric { border-right: 0; border-bottom: 1px solid #e8ebef; }
  .client-health-metric:last-child { border-bottom: 0; }
  .client-card-header .client-name { flex-basis: 100%; }
  .client-health-heading { align-items: flex-start; }
}