/* ── the tier grid's honest states ───────────────────────────────────
 * The grid is BUILT from GET /v1/billing/plans, so three states the old hardcoded markup could not
 * express now have paint: the moment before the server answers, a tier the server cannot price, and
 * a tier that cannot be bought today. */
.tier-pending {
  border: 1px dashed rgba(0, 229, 255, 0.35);
  background: rgba(0, 229, 255, 0.04);
  border-radius: 16px; padding: 1.4rem;
  color: var(--text-secondary); font-size: 0.9rem;
}
.tier-price.unpriced { font-size: 0.9rem; color: var(--text-secondary); font-family: 'Rajdhani', sans-serif; }
.tier-note.warn { color: #ff9aa5; }