@import url("../tokens.css");
@import url("./pricing-modal-theme.css");

/* Pricing shared chrome adapter.
   Plan accents remain product-owned through --plan-accent/--plan-g1/--plan-g2.
   Capability badges keep semantic category differentiation but source colors from tokens. */

body.pricing-page{
  background:var(--aidc-bg-page)!important;
  color:var(--aidc-text-primary)!important
}

body.pricing-page .pricing-hero{
  border-color:var(--aidc-border-default)!important;
  background:var(--aidc-gradient-brand-surface)!important;
  box-shadow:none!important
}

body.pricing-page .pricing-hero__title,
body.pricing-page .pricing-plan-name,
body.pricing-page .pricing-price__amount,
body.pricing-page .pricing-meta__v,
body.pricing-page .faq-q{
  color:var(--aidc-text-primary)!important
}

body.pricing-page .pricing-hero__subtitle,
body.pricing-page .pricing-plan-tagline,
body.pricing-page .pricing-price__per,
body.pricing-page .pricing-extra-seat,
body.pricing-page .pricing-feature,
body.pricing-page .faq-a__inner{
  color:var(--aidc-text-secondary)!important
}

body.pricing-page .pricing-price__note,
body.pricing-page .pricing-meta__k,
body.pricing-page .pricing-footnote,
body.pricing-page .pricing-compare-link{
  color:var(--aidc-text-muted)!important
}

body.pricing-page .pricing-period .pill-btn{
  background:var(--aidc-btn-secondary-bg)!important;
  border-color:var(--aidc-border-default)!important;
  color:var(--aidc-text-secondary)!important
}

body.pricing-page .pricing-period .pill-btn:hover,
body.pricing-page .pricing-period .pill-btn:focus-visible{
  background:var(--aidc-btn-secondary-bg-hover)!important;
  border-color:var(--aidc-border-strong)!important;
  color:var(--aidc-text-primary)!important;
  outline:none
}

body.pricing-page .pricing-period .pill-btn.is-active{
  background:color-mix(in srgb,var(--aidc-action-primary-from) 12%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 38%,transparent)!important;
  color:var(--aidc-text-primary)!important;
  box-shadow:none!important
}

body.pricing-page .pricing-card{
  border-color:var(--aidc-border-subtle)!important;
  background:
    radial-gradient(circle at 0 0,var(--plan-g1,color-mix(in srgb,var(--aidc-action-primary-from) 12%,transparent)),transparent 55%),
    var(--plan-g2,var(--aidc-bg-card))!important;
  box-shadow:none!important
}

body.pricing-page .pricing-card.is-highlight{
  border-color:color-mix(in srgb,var(--plan-accent,var(--aidc-action-primary-from)) 55%,transparent)!important;
  box-shadow:none!important
}

body.pricing-page .pricing-badge,
body.pricing-page .pricing-cap,
body.pricing-page .pricing-meta__item{
  background:var(--aidc-btn-secondary-bg)!important;
  border-color:var(--aidc-border-default)!important
}

body.pricing-page .pricing-badge,
body.pricing-page .pricing-meta__v{
  color:var(--aidc-text-primary)!important
}

body.pricing-page .pricing-price__old{
  color:var(--aidc-text-muted)!important;
  text-decoration-color:var(--aidc-border-strong)!important
}

body.pricing-page .pricing-extra-seat strong{color:var(--aidc-text-primary)!important}
body.pricing-page .pricing-extra-seat span{color:var(--aidc-cyan-500)!important}

body.pricing-page .pricing-card .pricing-price__amount{
  text-shadow:none!important
}

body.pricing-page .pricing-cap[data-cap="images"]{
  border-color:color-mix(in srgb,var(--aidc-violet-500) 35%,transparent)!important;
  color:color-mix(in srgb,var(--aidc-violet-500) 62%,white 38%)!important
}
body.pricing-page .pricing-cap[data-cap="video"]{
  border-color:color-mix(in srgb,var(--aidc-pink-500) 35%,transparent)!important;
  color:color-mix(in srgb,var(--aidc-pink-500) 62%,white 38%)!important
}
body.pricing-page .pricing-cap[data-cap="audio"]{
  border-color:color-mix(in srgb,var(--aidc-cyan-500) 35%,transparent)!important;
  color:var(--aidc-cyan-500)!important
}
body.pricing-page .pricing-cap[data-cap="canvas"]{
  border-color:color-mix(in srgb,var(--aidc-amber-500) 35%,transparent)!important;
  color:var(--aidc-amber-500)!important
}

body.pricing-page .pricing-feature__dot{
  background:radial-gradient(circle at 20% 0,color-mix(in srgb,var(--plan-accent,var(--aidc-action-primary-from)) 35%,white 65%),var(--plan-accent,var(--aidc-action-primary-from)))!important
}

body.pricing-page .pricing-meta__item--accent{
  background:var(--aidc-btn-secondary-bg)!important;
  border-color:color-mix(in srgb,var(--plan-accent,var(--aidc-action-primary-from)) 45%,var(--aidc-border-default))!important
}

body.pricing-page .pricing-meta__item--accent .pricing-meta__v{
  color:var(--plan-accent,var(--aidc-action-primary-from))!important
}

body.pricing-page .faq-item{
  background:
    radial-gradient(circle at 0 0,color-mix(in srgb,var(--aidc-cyan-500) 8%,transparent),transparent 55%),
    var(--aidc-bg-card)!important;
  border-color:var(--aidc-border-subtle)!important;
  box-shadow:none!important
}

body.pricing-page .faq-q:hover,
body.pricing-page .faq-q:focus-visible{
  background:var(--aidc-btn-secondary-bg)!important;
  outline:none
}

body.pricing-page .faq-q .faq-q__chev{
  background:var(--aidc-btn-secondary-bg)!important;
  border-color:var(--aidc-border-default)!important;
  color:var(--aidc-text-secondary)!important
}

body.pricing-page .faq-item.is-open .faq-q__chev{
  background:color-mix(in srgb,var(--aidc-action-primary-from) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-action-primary-from) 32%,transparent)!important;
  color:var(--aidc-action-primary-from)!important
}

body.pricing-page .pricing-tokens{
  background:color-mix(in srgb,var(--aidc-amber-500) 8%,transparent)!important;
  border-color:color-mix(in srgb,var(--aidc-amber-500) 24%,transparent)!important;
  color:var(--aidc-amber-500)!important
}

body.pricing-page .pricing-tokens--free{
  background:var(--aidc-btn-secondary-bg)!important;
  border-color:var(--aidc-border-default)!important;
  color:var(--aidc-text-secondary)!important
}

body.pricing-page .pricing-tokens__discount{
  background:linear-gradient(135deg,color-mix(in srgb,var(--aidc-cyan-500) 14%,transparent),color-mix(in srgb,var(--aidc-violet-500) 14%,transparent))!important;
  border-color:color-mix(in srgb,var(--aidc-cyan-500) 28%,transparent)!important;
  color:var(--aidc-cyan-500)!important
}

body.pricing-page .pricing-compare-link:hover{
  color:var(--plan-accent,var(--aidc-action-primary-from))!important
}