.three-prices {
  grid-template-columns: repeat(3, 1fr);
}

/* Tinted glass variants — these load after inner.css, so they restate the
   translucent fill rather than dropping back to a solid one. */
.crm-price-card {
  border-color: rgba(63, 201, 158, .24);
  background: linear-gradient(158deg, rgba(39, 188, 146, .12), rgba(255, 255, 255, .022) 46%, rgba(255, 255, 255, .008));
}

.crm-price-card .price-label {
  color: #6fdcb9;
}

.renewal-note {
  border-color: rgba(140, 104, 255, .26);
  background: linear-gradient(140deg, rgba(116, 71, 255, .18), rgba(255, 255, 255, .022) 52%, rgba(255, 255, 255, .008));
}

.payment-note {
  border-color: rgba(63, 201, 158, .24);
  background: linear-gradient(140deg, rgba(39, 188, 146, .15), rgba(255, 255, 255, .022) 52%, rgba(255, 255, 255, .008));
}

@media (max-width: 1100px) {
  .three-prices {
    grid-template-columns: 1fr;
  }
}