/* ============================================================
   Подписка
   ============================================================ */

.billing-plans { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 12px 0; }
.billing-plan {
  display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
  padding: 14px; border-radius: var(--r-sm);
  background: var(--panel-soft); border: 2px solid transparent;
  color: var(--text); font: inherit; text-align: left; cursor: pointer;
}
.billing-plan.active { border-color: var(--pink-deep); background: var(--pink-tint); }
.billing-plan-title { font-size: 13px; font-weight: 700; color: var(--text-2); }
.billing-plan-price { font-size: 20px; font-weight: 800; letter-spacing: -0.01em; }
.billing-plan-off { font-size: 12px; font-weight: 600; color: var(--green); }

#sheet-billing .consent-check { margin: 4px 0 8px; }
#sheet-billing .row-sub { margin-bottom: 8px; }

.billing-history { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
.billing-history-row {
  display: flex; justify-content: space-between; gap: 10px;
  font-size: 13.5px; color: var(--text-2);
}
.billing-history-row span:last-child { font-weight: 700; color: var(--text); white-space: nowrap; }