/* account-purchases.css: purchases section on the account page.
   Reuses tg-card and tg-btn from the site styles. tgpurch- prefix. */

.tgpurch-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--tg-rule, #eee); }
.tgpurch-row:last-child { border-bottom: 0; }
.tgpurch-name { font-weight: 600; font-size: 14px; color: var(--tg-ink, #111); }
.tgpurch-state { font-size: 12.5px; color: var(--tg-ink-mute, #666); margin-left: auto; text-align: right; }
.tgpurch-pill { display: inline-block; font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: #e2f5e3; color: #14532d; }
.tgpurch-pill-off { background: #f3f4f6; color: #4b5563; }
.tgpurch-empty { font-size: 14px; color: var(--tg-ink-mute, #666); margin: 0 0 12px; }

@media (max-width: 480px) {
  .tgpurch-state { margin-left: 0; text-align: left; width: 100%; }
}