/* The site uses the same Credits partial and overlay layer as AI Chat.
   Only neutralize inherited site typography; do not alter the AI shell. */
body[data-announcement-shell="site"] #aiBillingModal {
  font-size: var(--text-body);
  line-height: var(--line-height-body);
}
/* styles.css gives all paragraphs/list items an !important text color. */
body[data-announcement-shell="site"] #aiBillingModal :is(p, li) {
  color: var(--color-text-secondary) !important;
}
body[data-announcement-shell="site"] #aiBillingModal .ai-billing-section-title {
  letter-spacing: var(--letter-spacing-heading);
}
/* Use the shared primary-button foreground for legible small CTA text. */
body[data-announcement-shell="site"] #aiBillingModal .ai-billing-package-action {
  color: var(--color-text-inverse);
}
/* Preserve the reference's visible geometry with a minimum 44px hit area. */
body[data-announcement-shell="site"] #aiBillingModal .ai-billing-close {
  position: relative;
}
body[data-announcement-shell="site"] #aiBillingModal .ai-billing-close::before {
  content: "";
  position: absolute;
  inset: -5px;
}