/*
 * Кабинет партнёра `/account/referral` (план 3E, задача 10).
 *
 * Цвета — переменные темы с откатом (тот же приём, что у `quiz.css` и
 * `search.css`): в базовой теме классов под партнёрку нет, а свой цвет без
 * отката не пережил бы тему, где переменной не завели.
 */
.referral {
  margin: 0 0 2rem;
}
.referral__label {
  margin: 0 0 .3rem;
  font-weight: 600;
}
.referral__link {
  margin: 0 0 .3rem;
}
.referral__input {
  width: 100%;
  max-width: 36rem;
  padding: .45rem .6rem;
  border: 1px solid var(--border, #d6d6d6);
  border-radius: 6px;
  font: inherit;
  background: var(--surface, #fff);
}
.referral__hint {
  margin: 0 0 1rem;
  color: var(--muted, #666);
  font-size: .9rem;
}
.referral__blocked {
  padding: .6rem .9rem;
  border: 1px solid var(--danger-border, #f3b4b4);
  border-radius: 6px;
  background: var(--danger-surface, #fdecec);
  color: var(--danger-text, #8a1f1f);
}
.referral__sums {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 1rem 0;
}
.referral__sum {
  flex: 1 1 10rem;
  padding: .8rem 1rem;
  border: 1px solid var(--border, #e3e3e3);
  border-radius: 8px;
}
.referral__sum dt {
  color: var(--muted, #666);
  font-size: .85rem;
}
.referral__sum dd {
  margin: .2rem 0 0;
  font-size: 1.25rem;
  font-weight: 600;
}
.referral__heading {
  margin: 1.5rem 0 .6rem;
  font-size: 1.1rem;
}
.referral__table {
  width: 100%;
  border-collapse: collapse;
}
.referral__table th,
.referral__table td {
  padding: .45rem .5rem;
  border-bottom: 1px solid var(--border, #e3e3e3);
  text-align: left;
}