/* Generated color layer for payment-followup.css. Rebuild: scripts/build_light_theme.cjs; final palette: app-theme-light.css. */
#coBuyerDetails > summary:focus-visible, #mxBuyerDetails > summary:focus-visible {
  outline: 2px solid var(--mx-green);
}
.app-payment-details > summary {
  color: var(--mx-text-mid);
}
.app-payment-details > summary:focus-visible {
  outline: 2px solid var(--mx-green);
}
.co-message.info {
  color: var(--mx-text-mid);
  border-color: var(--mx-border);
  background: var(--mx-glass-bg);
}
#btnCopyPixCode, #mxBtnCopyPixCode {
  color: var(--mx-bg);
  background: var(--mx-green);
  border-color: var(--mx-green);
}
.app-payment-followup {
  border: 1px solid var(--mx-border-h, rgba(126, 143, 132, 0.22));
  background: var(--mx-glass-bg, rgba(255, 255, 255, 0.78));
  box-shadow: inset 3px 0 0 var(--mx-warn, rgba(138, 87, 0, 0.16));
}
.app-payment-followup__icon {
  border: 1px solid var(--mx-border-h, rgba(126, 143, 132, 0.22));
  color: var(--mx-warn, rgb(138, 87, 0));
  background: var(--mx-surface-l, rgb(255, 255, 255));
}
.app-payment-followup__eyebrow {
  color: var(--mx-warn, rgb(138, 87, 0));
}
.app-payment-followup__title {
  color: var(--mx-text, rgb(21, 35, 29));
}
.app-payment-followup__intro {
  color: var(--mx-text-mid, rgb(67, 86, 77));
}
.app-payment-followup__credential {
  border: 1px solid var(--mx-border, rgba(126, 143, 132, 0.22));
  background: var(--mx-surface-l, rgb(255, 255, 255));
}
.app-payment-followup__credential span {
  color: var(--mx-text-mid, rgb(67, 86, 77));
}
.app-payment-followup__credential strong {
  color: var(--mx-text, rgb(21, 35, 29));
}
.app-payment-followup__step-number {
  border: 1px solid var(--mx-border-h, rgba(126, 143, 132, 0.22));
  color: var(--mx-green, rgb(8, 122, 72));
  background: var(--mx-green-dim, rgba(8, 122, 72, 0.15));
}
.app-payment-followup__steps p {
  color: var(--mx-text-mid, rgb(67, 86, 77));
}
.app-payment-followup__steps strong {
  color: var(--mx-text, rgb(21, 35, 29));
}
.app-payment-followup__action, .app-payment-followup__actions .co-link-out {
  border: 1px solid var(--mx-border-h, rgba(126, 143, 132, 0.22));
  color: var(--mx-text, rgb(21, 35, 29));
  background: var(--mx-surface-l, rgb(255, 255, 255));
}
.app-payment-followup__action:hover, .app-payment-followup__actions .co-link-out:hover {
  border-color: var(--mx-border-h, rgba(126, 143, 132, 0.22));
  color: var(--mx-green, rgb(8, 122, 72));
}
.app-payment-followup__action--primary, .app-payment-followup__actions .co-link-out.app-payment-followup__action--primary {
  border-color: var(--mx-green, rgb(8, 122, 72));
  color: var(--mx-bg, rgb(255, 255, 255));
  background: var(--mx-green, rgb(8, 122, 72));
}
.app-payment-followup__action--primary:hover, .app-payment-followup__actions .co-link-out.app-payment-followup__action--primary:hover {
  color: var(--mx-bg, rgb(255, 255, 255));
  background: var(--mx-green, rgb(8, 122, 72));
}
.app-payment-followup__action:focus-visible, .app-payment-followup__actions .co-link-out:focus-visible {
  outline: 2px solid var(--mx-green, rgb(8, 122, 72));
}
.app-payment-followup--guard {
  border-color: color-mix(in srgb, var(--mx-warn, rgb(138, 87, 0)) 38%, transparent);
  background: color-mix(in srgb, var(--mx-warn, rgb(138, 87, 0)) 7%, var(--mx-glass-bg, rgba(255, 255, 255, 0.78)));
}
.app-payment-followup__note {
  color: var(--mx-text-mid, rgb(67, 86, 77));
}
.app-payment-followup__note strong {
  color: var(--mx-text, rgb(21, 35, 29));
}