/* Надстройки над архивным дизайном: только балансовая пилюля и стили ответа формы активации.
   Всё остальное (модалка, мобильное меню, стили кнопок) — как в архиве. */

/* ── Balance pill в хедере ─────────────────────────────── */
.nav-balance-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-family: var(--f-mono);
  font-feature-settings: "tnum";
  font-size: 13px;
  letter-spacing: .04em;
  margin-right: 8px;
}
.nav-balance-pill b { font-weight: 700; color: var(--c-text); }

/* ── Ответ формы активации ─────────────────────────────── */
.msg-slot:empty { display: none; }
.activate-success,
.activate-error {
  font-size: 13.5px;
  padding: 10px 14px;
  border-radius: var(--r-md, 12px);
  line-height: 1.45;
  text-align: center;
}
.activate-success {
  color: #b8ffd9;
  background: rgba(20, 180, 110, .12);
  border: 1px solid rgba(20, 180, 110, .35);
}
.activate-error {
  color: #ffb8bd;
  background: rgba(230, 70, 80, .12);
  border: 1px solid rgba(230, 70, 80, .35);
}

/* ── Анти-белый outline/autofill на input купона ───────── */
.plan__coupon-field input,
.plan__coupon-field input:focus,
.plan__coupon-field input:focus-visible {
  outline: none;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.plan__coupon-field input:-webkit-autofill,
.plan__coupon-field input:-webkit-autofill:hover,
.plan__coupon-field input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  box-shadow: 0 0 0 1000px transparent inset;
  -webkit-text-fill-color: var(--c-text);
  transition: background-color 99999s ease-in-out 0s;
}