/* Purchase comparisons stay in the conversation and use the app's tokens. */
.purchase-answer .assistant-copy { min-width: 0; min-height: auto; }
.purchase-answer .assistant-copy > ol,
.purchase-saved-answer > ol { display: grid; gap: 12px; padding-left: 0; margin: 14px 0; list-style: none; counter-reset: purchase-option; }
.purchase-answer .assistant-copy > ol > li,
.purchase-saved-answer > ol > li { counter-increment: purchase-option; margin: 0; padding: 15px; background: var(--io-surface); border: 1px solid var(--io-border); border-radius: 14px; overflow-wrap: anywhere; }
.purchase-answer .assistant-copy > ol > li::before,
.purchase-saved-answer > ol > li::before { content: counter(purchase-option) ". "; color: var(--io-accent-text); font-weight: 700; }
.purchase-actions { display: grid; gap: 12px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--io-border); font-size: 15px; line-height: 1.5; min-width: 0; }
.purchase-actions .purchase-hint { color: var(--io-text); margin: 0; }
.purchase-buttons { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; }
.purchase-actions .product-button { max-width: 100%; white-space: normal; text-align: center; min-height: 44px; }
.purchase-actions .product-text-button { min-height: 44px; justify-self: start; font-size: 14px; }
.purchase-actions .purchase-storage,
.purchase-actions .purchase-status { margin: 0; font-size: 13px; color: var(--io-text-secondary); }
.purchase-status:empty { display: none; }
.purchase-rename { display: grid; gap: 12px; }
.purchase-rename label { display: grid; gap: 6px; }
.purchase-rename input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: 10px; font: inherit; font-size: 16px; color: var(--io-text); background: var(--io-surface); border: 1px solid var(--io-border-control); border-radius: 10px; }
.purchase-saved-card { display: block; }
.purchase-saved-card .plan-copy { min-width: 0; }
.purchase-saved-card .product-actions { margin-top: 16px; }
.purchase-request { margin: 14px 0; }
.purchase-request summary { cursor: pointer; min-height: 44px; align-content: center; font-weight: 600; }
.purchase-request p { white-space: pre-wrap; overflow-wrap: anywhere; }
.purchase-saved-answer { font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
.purchase-saved-answer p { margin: 10px 0; }
.purchase-saved-answer a { color: var(--io-turq-700); }
.purchase-saved-answer .sources { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; }
@media (max-width: 430px) {
  .purchase-actions > .purchase-buttons:first-of-type { display: grid; grid-template-columns: minmax(0, 1fr); }
  .purchase-actions > .purchase-buttons:first-of-type > button { width: 100%; }
  .purchase-answer .assistant-copy > ol > li { padding: 12px; }
}