.reactivation-card {
  cursor: pointer;
  overflow: hidden;
}

.reactivation-card:hover,
.reactivation-card:focus-visible,
.reactivation-card.is-selected {
  border-color: #bfcbd1;
  box-shadow: 0 16px 34px rgba(23, 33, 31, 0.12), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
  outline: none;
  transform: translateY(-1px);
}

.reactivation-card.is-selected {
  border-color: rgba(18, 106, 91, 0.35);
  box-shadow: 0 18px 38px rgba(18, 106, 91, 0.13), 0 0 0 3px rgba(18, 106, 91, 0.07), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

.reactivation-card.is-due {
  background:
    linear-gradient(90deg, rgba(255, 250, 240, 0.98) 0%, rgba(255, 255, 255, 0.99) 58%, rgba(250, 252, 253, 0.99) 100%);
  border-color: #efd7a4;
}

.value-pill {
  background: #eef3f4;
  color: #40515d;
  font-size: 13px;
  font-weight: 900;
  min-height: 32px;
  padding-inline: 13px;
}

.reactivation-source-inline {
  color: var(--muted);
  font-size: 13px;
  font-weight: 780;
  line-height: 1.3;
}

.reactivation-detail-panel .back-review-button {
  display: none;
}

@media (max-width: 760px) {
  .reactivation-view.is-detail-open .reactivation-list,
  .reactivation-view.is-detail-open .reactivation-metrics {
    display: none;
  }

  .reactivation-view.is-detail-open .reactivation-detail-panel {
    display: grid;
  }

  .reactivation-detail-panel {
    display: none;
    border: 0;
    box-shadow: none;
    padding: 0;
  }

  .reactivation-detail-panel .back-review-button {
    display: inline-flex;
  }
}