/* Карточка «куда ведёт план»: дата достижения целевого веса.
   Одни стили на два экрана — конец онбординга и экран подписки (plan_forecast.js).
   Дата здесь главная, поэтому она и набрана крупнее всего остального. */
.pf-card {
  margin: 18px auto 0;
  max-width: 360px;
  padding: 16px 16px 14px;
  border-radius: var(--r-md, 14px);
  background: color-mix(in srgb, var(--color-primary) 8%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--color-primary) 26%, transparent);
  text-align: center;
}
.pf-top {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  font-size: 13px; font-weight: 600; color: var(--text-secondary);
}
.pf-top svg { width: 15px; height: 15px; }
.pf-date {
  margin-top: 6px;
  font-size: 24px; font-weight: 800; line-height: 1.15;
  letter-spacing: -0.5px;
  color: var(--color-primary);
}
.pf-sub {
  margin-top: 6px;
  font-size: 14px; font-weight: 600; color: var(--text-primary);
}
.pf-note {
  margin-top: 10px;
  font-size: 12px; line-height: 1.45; color: var(--text-muted);
}