/* Offer card: the audit offer with its price, what the report holds and the
   order action. While ordering is closed the action stays visible and
   disabled, with the reason in text beside it. */

.offer-card {
  --stack-space: var(--space-m);
  max-inline-size: var(--measure);
  padding: var(--space-l);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background-color: var(--bg-surface);
}

.offer-card__heading {
  color: var(--text-secondary);
  font-size: var(--step-0);
}

.offer-card__price {
  font-size: var(--step-3);
  line-height: var(--leading-tight);
}

.offer-card__list {
  padding-inline-start: var(--space-m);
}

.offer-card__reason {
  flex: 1 1 16em;
  color: var(--text-secondary);
  font-size: var(--step--1);
}