/* Scoped to the V1.2 conversation. Removable. Does not decide truth. */

#prf-assist.is-v12 {
  --prf-radius-frame: 2px;
  --prf-radius-control: 6px;
  --prf-radius-surface: 10px;
  --prf-font-sans: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --prf-font-serif: "Cormorant Garamond", Georgia, serif;
  font-family: var(--prf-font-sans);
}

#prf-assist.is-v12 .prf-bar-name,
#prf-assist.is-v12 .prf-pkg-title,
#prf-assist.is-v12 .prf-pkg-price,
#prf-assist.is-v12 .prf-success h3,
#prf-assist.is-v12 .prf-recap h3,
#prf-assist.is-v12 .prf-checkout h2,
#prf-assist.is-v12 .prf-checkout h3 {
  font-family: var(--prf-font-serif);
}

#prf-assist.is-v12 .prf-pkg-title,
#prf-assist.is-v12 .prf-success h3,
#prf-assist.is-v12 .prf-checkout h2,
#prf-assist.is-v12 .prf-checkout h3 {
  font-weight: 500;
  letter-spacing: 0;
}

#prf-assist.is-v12 .prf-bar,
#prf-assist.is-v12 .prf-phases {
  border-radius: var(--prf-radius-frame);
}

#prf-assist.is-v12 .prf-chip,
#prf-assist.is-v12 .prf-date-btn,
#prf-assist.is-v12 .prf-send {
  border-radius: var(--prf-radius-control);
  transition: transform 100ms ease, background-color 100ms ease;
}

#prf-assist.is-v12 .prf-msg {
  border-radius: var(--prf-radius-surface);
}

#prf-assist.is-v12 .prfv12-package,
#prf-assist.is-v12 .prfv12-tile,
#prf-assist.is-v12 .prf-success,
#prf-assist.is-v12 .prf-recap,
#prf-assist.is-v12 .prf-pkg-card {
  border-radius: var(--prf-radius-surface);
}

#prf-assist.is-v12 .prf-pkg-choice {
  border-radius: var(--prf-radius-control);
}

#prf-assist.is-v12 .prf-pkg-card {
  background: var(--prf-surface, #fff);
}

#prf-assist.is-v12 .prf-pkg-tab,
#prf-assist.is-v12 .prf-pkg-text,
#prf-assist.is-v12 .prf-pkg-step {
  transition: opacity 100ms ease;
}

#prf-assist.is-v12 .prf-msg.bot[data-prf-core-state="open"],
#prf-assist.is-v12 .prf-inline-choices[data-prf-core-state="open"] {
  background: var(--prf-surface-warm, var(--prf-surface));
  border: 1px solid var(--prf-line);
  padding: 10px 12px;
}

#prf-assist.is-v12 .prf-msg.bot[data-prf-core-state="committed"] {
  background: transparent;
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
}

#prf-assist.is-v12 .prf-inline-choices[data-prf-view-state="exiting"] {
  display: block;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 200ms ease, transform 200ms ease;
}

#prf-assist.is-v12 .prf-inline-choices[data-prf-view-state="historical"] {
  display: none;
}

#prf-assist.is-v12 .prf-phases {
  display: block;
  padding: 8px 16px 0;
}

#prf-assist.is-v12 .prf-phases ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--prf-font-sans);
  font-size: 12px;
}

#prf-assist.is-v12 .prf-phases li {
  color: var(--prf-ink-muted);
}

#prf-assist.is-v12 .prf-phases li[aria-current="step"] {
  color: var(--prf-ink);
  font-weight: 600;
}

#prf-assist.is-v12 .prf-phases[data-prf-step]::after {
  content: none;
}

@media (max-width: 740px) {
  #prf-assist.is-v12 .prf-phases ol {
    display: block;
  }

  #prf-assist.is-v12 .prf-phases li:not([aria-current="step"]) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  #prf-assist.is-v12 .prf-phases[data-prf-step]::after {
    content: attr(data-prf-step);
    display: block;
    margin-top: 2px;
    color: var(--prf-ink-muted);
    font-family: var(--prf-font-sans);
    font-size: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #prf-assist.is-v12 .prf-chip,
  #prf-assist.is-v12 .prf-date-btn,
  #prf-assist.is-v12 .prf-send,
  #prf-assist.is-v12 .prf-pkg-tab,
  #prf-assist.is-v12 .prf-pkg-text,
  #prf-assist.is-v12 .prf-pkg-step,
  #prf-assist.is-v12 .prf-inline-choices[data-prf-view-state="exiting"] {
    transition: none;
    animation: none;
    transform: none;
  }
}