/* Product illustrations — Thread app UI. v006 adds continuous, reusable stories. */
@font-face {
  font-family: "Thread App";
  src: url("/fonts/Geist-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Thread App Mono";
  src: url("/fonts/GeistMono-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
.pv-stage {
  --pv-bg: #0b0b0c;
  --pv-panel: #121214;
  --pv-level: #18181b;
  --pv-border: #2a2a2e;
  --pv-text: #ededef;
  --pv-muted: #a3a3ab;
  --pv-faint: #8a8a94;
  --pv-blue: #79b6ff;
  --pv-rose: #e1a4bd;
  --pv-green: #77d4af;
  --pv-amber: #e8bb76;
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  overflow: hidden;
  padding: 5.5%;
  border-radius: 24px;
  background: #a9b2af url("/images/product/guide-story-v001/backdrop-v001.png") center/cover;
  font:
    12px/1.5 "Thread App",
    Arial,
    sans-serif;
}
.pv-conversation {
  background-image: url("/images/product/refined-v005/conversation-glass-v001.webp");
}
.pv-sidekick {
  background-image: url("/images/product/refined-v005/sidekick-glass-v001.webp");
}
.pv-backoffice {
  background-image: url("/images/product/refined-v005/backoffice-glass-v001.webp");
}
.pv-verification {
  background-image: url("/images/product/refined-v005/verification-glass-v001.webp");
}
.pv-stage * {
  box-sizing: border-box;
}
.pv-stage [hidden] {
  display: none !important;
}
.pv-stage .pv-app {
  font-family: "Thread App", Arial, sans-serif;
  line-height: 1.5;
  color: var(--pv-text);
  background: var(--pv-bg);
  border: 1px solid #ffffff36;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 18px 48px #14201d35;
}
.thread-refined .pv-stage :is(h3, h4) {
  font-family: "Thread App", Arial, sans-serif;
  font-weight: 550;
  letter-spacing: -0.02em;
  color: inherit;
  line-height: 1.25;
  margin: 0;
}
.pv-stage :is(p, figure) {
  margin: 0;
}
.pv-stage b,
.pv-stage strong {
  font-weight: 550;
}
.pv-stage small {
  display: block;
  font-size: 9px;
  color: var(--pv-muted);
  line-height: 1.55;
  font-weight: 400;
}
.pv-stage .pv-icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  flex: none;
  vertical-align: middle;
}
.pv-stage .blue {
  color: var(--pv-blue);
}
.pv-stage .rose {
  color: var(--pv-rose);
}
.pv-stage .green {
  color: var(--pv-green);
}
.pv-stage .amber {
  color: var(--pv-amber);
}
.pv-stage .teal {
  color: #80cfd4;
}
.pv-stage .lavender {
  color: #b1a1f6;
}
/* Operator chrome */
.pv-console {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  padding: 5px;
  gap: 5px;
}
.pv-sidebar {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 10px 6px 7px;
  font-size: 10px;
  gap: 2px;
}
.pv-brand {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  color: var(--pv-text);
  padding: 0 4px 17px;
}
.pv-brand-tile {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  background: #ededee;
  border-radius: 5px;
}
.pv-brand-tile img {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 0 !important;
  max-width: none;
}
.pv-nav-section {
  font-size: 8px !important;
  color: var(--pv-faint) !important;
  padding: 14px 5px 5px;
}
.pv-nav-row {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 5px;
  border-radius: 5px;
  color: var(--pv-muted);
}
.pv-nav-row .pv-icon {
  width: 12px;
  height: 12px;
}
.pv-nav-row.pv-selected {
  color: var(--pv-text);
  background: #1f1f23;
}
.pv-nav-row i {
  font-style: normal;
  margin-left: auto;
  font-size: 8px;
  padding: 0 3px;
  background: #27272c;
  border-radius: 3px;
}
.pv-nav-child {
  margin-left: 11px;
  padding: 4px 8px 4px 13px;
  border-left: 1px solid var(--pv-border);
  color: var(--pv-muted);
  font-size: 9px;
}
.pv-user {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 28px;
  font-size: 9px;
}
.pv-user > span {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #27272c;
  display: grid;
  place-items: center;
  font-size: 8px;
}
.pv-user small {
  font-size: 8px;
  color: var(--pv-faint);
}
.pv-panel {
  background: var(--pv-panel);
  border: 1px solid var(--pv-border);
  border-radius: 7px;
  min-width: 0;
  overflow: hidden;
}
.pv-pagebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px 7px;
  color: var(--pv-muted);
  font-size: 9px;
  min-height: 32px;
}
.pv-pagebar > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pv-pagebar i {
  font-style: normal;
  color: #676773;
  margin: 0 4px;
}
.pv-pagebar > div {
  display: flex;
  gap: 6px;
  flex: none;
}
.pv-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px 8px;
  border: 1px solid #343439;
  border-radius: 6px;
  color: #c6c6cd;
  font-size: 9px;
  font-weight: 450;
  white-space: nowrap;
  line-height: 1.4;
}
.pv-control .pv-icon {
  width: 11px;
  height: 11px;
}
.pv-control.pv-filled {
  background: #ededef;
  color: #141414;
  border-color: #ededef;
}
.pv-titlebar {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 16px 16px;
  border-bottom: 1px solid var(--pv-border);
  min-height: 62px;
}
.pv-titlebar h3 {
  font-size: 16px !important;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.pv-titlebar small {
  margin-top: 5px;
  font-size: 9px;
}
.pv-guide-tile {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  background: #25252a;
  border: 1px solid #3f3f46;
  border-radius: 7px;
  flex: none;
}
.pv-guide-tile img {
  filter: invert(1);
  opacity: 0.9;
  width: 13px;
  height: 13px;
  border-radius: 0 !important;
}
.pv-title-actions {
  margin-left: auto;
  display: flex;
  gap: 5px;
}
.pv-status {
  font-size: 9px;
  font-weight: 450;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.pv-status:before {
  content: "";
  width: 4px;
  height: 4px;
  flex: none;
  background: currentColor;
  border-radius: 50%;
}
/* Cohort and account drawer */
.pv-overview-content {
  padding: 20px 18px 16px;
}
.pv-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
.pv-kpi {
  padding: 10px;
  border: 1px solid #45454f;
  border-radius: 9px;
  background: #19191d;
  min-width: 0;
}
.pv-kpi small {
  color: inherit;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pv-kpi > b {
  display: block;
  font-size: 22px;
  line-height: 1.3;
  margin-top: 4px;
  color: var(--pv-text);
}
.pv-kpi > span {
  display: block;
  font-size: 8px;
  color: var(--pv-muted);
  margin-top: 5px;
}
.pv-kpi > i {
  height: 1px;
  background: currentColor;
  display: block;
  margin-top: 10px;
}
.pv-kpi.blue {
  border-color: #334c68;
  background: #161d24;
}
.pv-kpi.lavender {
  border-color: #454166;
  background: #1a1922;
}
.pv-kpi.rose {
  border-color: #63495b;
  background: #211a20;
}
.pv-kpi.green {
  border-color: #2b634c;
  background: #14221c;
}
.pv-metric-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  margin: 11px 0;
  border-block: 1px solid var(--pv-border);
  font-size: 9px;
  color: var(--pv-muted);
}
.pv-metric-strip > b {
  color: var(--pv-text);
  font-size: 10px;
}
.pv-metric-strip strong {
  color: var(--pv-text);
  display: block;
  font-size: 16px;
  margin-bottom: 3px;
}
.pv-table-tools {
  display: flex;
  gap: 5px;
  align-items: center;
  margin: 17px 0 12px;
}
.pv-table-tools > span:last-child {
  margin-left: auto;
  font-size: 9px;
  color: var(--pv-faint);
}
.pv-cohort-detail {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 15px;
  align-items: stretch;
}
.pv-table-wrap {
  overflow: hidden;
  min-width: 0;
}
.pv-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 9px;
}
.pv-table th {
  font-size: 7px;
  letter-spacing: 0.06em;
  font-weight: 550;
  color: var(--pv-faint);
  text-align: left;
  padding: 10px 7px;
  white-space: nowrap;
  border-bottom: 1px solid var(--pv-border);
}
.pv-table td {
  padding: 15px 7px;
  border-bottom: 1px solid var(--pv-border);
  color: var(--pv-muted);
  line-height: 1.55;
}
.pv-table td:first-child {
  color: var(--pv-text);
  min-width: 118px;
}
.pv-table td small {
  font-size: 8px;
  margin-top: 3px;
}
.pv-table .pv-status {
  font-size: 8px;
}
.pv-table .pv-row-selected td {
  background: #1d1e24;
}
.pv-account-drawer {
  border: 1px solid #39393f;
  border-radius: 8px;
  background: #18181b;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pv-drawer-head {
  padding: 13px;
  display: flex;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid var(--pv-border);
  font-size: 11px;
}
.pv-drawer-head > span:last-child {
  margin-left: auto;
}
.pv-drawer-head small {
  font-size: 8px;
  margin-top: 3px;
}
.pv-avatar {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 7px;
  background: #34343c;
  color: #ededee;
}
.pv-drawer-goal {
  padding: 12px 13px 5px;
}
.pv-drawer-goal small {
  font-size: 7px;
  letter-spacing: 0.1em;
}
.pv-drawer-goal p {
  font-size: 10px;
  line-height: 1.65;
  margin-top: 5px;
}
.pv-account-drawer > .pv-frames {
  padding: 0 13px 15px;
}
.pv-account-drawer .pv-session-grid {
  grid-template-columns: 1fr;
}
.pv-account-drawer .pv-step-log {
  display: none;
}
.pv-account-drawer .pv-session-card header > span,
.pv-account-drawer .pv-session-card footer > span {
  display: none;
}
.pv-account-drawer .pv-session-card p {
  font-size: 9px;
}
.pv-account-drawer .pv-session-card header {
  font-size: 7px;
  gap: 4px;
  padding: 9px;
}
.pv-account-drawer .pv-session-card header i {
  font-size: 7px;
}
.pv-drawer-footer {
  padding: 10px 13px;
  border-top: 1px solid var(--pv-border);
  font-size: 9px;
  margin-top: auto;
  color: var(--pv-muted);
}
/* Guide activity, recorded sessions and the state rail */
.pv-watch-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 155px;
  gap: 22px;
  padding: 23px 20px;
  align-items: start;
}
.pv-frames {
  display: grid;
  min-width: 0;
  position: relative;
}
.pv-frames > [data-pv-frame] {
  grid-area: 1/1;
  min-width: 0;
  animation: pv-arrive 0.5s cubic-bezier(0.2, 0.65, 0.3, 1) both;
}
.pv-stage .pv-frames > [data-pv-frame][hidden] {
  display: block !important;
  visibility: hidden;
  pointer-events: none;
  animation: none;
}
.pv-stage .pv-frames > [data-pv-frame][hidden] * {
  animation-play-state: paused !important;
}
@keyframes pv-arrive {
  from {
    transform: translateY(6px);
  }
  to {
    transform: none;
  }
}
.pv-date {
  font-size: 8px;
  font-weight: 550;
  letter-spacing: 0.1em;
  color: var(--pv-muted);
  padding-left: 12px;
  margin-bottom: 19px;
}
.pv-event {
  position: relative;
  padding: 0 0 19px 16px;
  border-left: 1px solid #29292e;
  margin-left: 4px;
}
.pv-event:last-child {
  padding-bottom: 3px;
  border-color: transparent;
}
.pv-event-dot {
  position: absolute;
  left: -3px;
  top: 3px;
  width: 5px;
  height: 5px;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: currentColor;
  color: #8a8a94;
}
.pv-event-meta {
  display: flex;
  gap: 12px;
  font-size: 8px;
  align-items: center;
  margin-bottom: 11px;
  color: var(--pv-muted);
  letter-spacing: 0.05em;
}
.pv-event-meta time {
  font:
    7px "Thread App Mono",
    monospace;
  letter-spacing: 0;
  color: var(--pv-faint);
}
.pv-event-meta b {
  font-size: 7px;
  letter-spacing: 0.07em;
}
.pv-event-copy {
  font-size: 10px;
  color: #bcbcc4;
  line-height: 1.65;
}
.pv-bubble {
  padding: 11px 13px;
  border: 1px solid #3a3a3e;
  border-radius: 12px 12px 12px 4px;
  background: #262628;
  font-size: 11px;
  line-height: 1.65;
  max-width: 82%;
  width: fit-content;
  color: #e0e0e3;
}
.pv-bubble small {
  font-size: 7px;
  letter-spacing: 0.1em;
  color: var(--pv-blue);
  margin-bottom: 4px;
}
.pv-outgoing {
  margin-left: auto;
  border-radius: 12px 12px 4px 12px;
  max-width: 90%;
}
.pv-message-link {
  color: var(--pv-blue);
  text-decoration: underline;
  display: block;
  text-underline-offset: 3px;
  margin-top: 7px;
}
.pv-email-card {
  border: 1px solid #3a3a3e;
  border-radius: 9px;
  background: #242426;
  overflow: hidden;
  max-width: 89%;
  margin-left: auto;
}
.pv-email-card > div {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 11px;
  color: var(--pv-blue);
  font-size: 7px;
  border-bottom: 1px solid #404045;
  font-weight: 550;
  letter-spacing: 0.06em;
}
.pv-email-card > div > span {
  margin-left: auto;
  color: var(--pv-faint);
  font-size: 7px;
  letter-spacing: 0;
  font-weight: 400;
}
.pv-email-card section {
  padding: 11px 13px;
  font-size: 10px;
}
.pv-email-card p {
  margin-top: 8px;
  color: #bebec6;
  font-size: 10px;
  line-height: 1.65;
}
.pv-email-card footer {
  padding: 8px 11px;
  border-top: 1px solid #404045;
  color: var(--pv-faint);
  font-size: 7px;
  display: flex;
  justify-content: space-between;
}
.pv-session-card {
  border: 1px solid #3a3a40;
  border-radius: 8px;
  overflow: hidden;
  background: #232326;
  color: #d6d6dc;
}
.pv-session-card header {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  font-size: 7px;
  border-bottom: 1px solid #39393e;
  font-weight: 550;
}
.pv-session-card header > span {
  font-weight: 400;
  color: #b7b7c0;
  font-size: 8px;
}
.pv-session-card header i {
  font-style: normal;
  font-size: 7px;
  color: var(--pv-faint);
  margin-left: auto;
}
.pv-session-card > p {
  padding: 11px 12px 0;
  font-size: 10px;
  line-height: 1.65;
}
.pv-session-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 12px;
  padding: 12px;
}
.pv-mini-screen {
  border: 1px solid #484850;
  border-radius: 4px;
  padding: 10px;
  background: #161719;
  min-height: 94px;
}
.pv-mini-screen > div {
  font-size: 7px;
  color: #9898a3;
  border-bottom: 1px solid #3b3b40;
  padding-bottom: 7px;
  margin-bottom: 10px;
}
.pv-mini-screen b {
  font-size: 9px;
  display: block;
}
.pv-mini-screen span {
  font-size: 7px;
  display: block;
  color: var(--pv-muted);
  margin-top: 6px;
}
.pv-mini-progress {
  display: block;
  width: 60%;
  height: 3px;
  background: #c18aa1;
  margin-top: 10px;
  border-radius: 2px;
  animation: pv-progress 3.8s ease-in-out infinite;
}
.pv-step-log {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 7px;
  line-height: 1.5;
  padding-top: 4px;
}
.pv-step-log time {
  font:
    6px "Thread App Mono",
    monospace;
  color: var(--pv-faint);
  margin-right: 7px;
}
.pv-session-card footer {
  display: flex;
  align-items: center;
  gap: 5px;
  border-top: 1px solid #3a3a40;
  padding: 8px 12px;
  font-size: 8px;
}
.pv-session-card footer span {
  font-size: 7px;
  margin-left: auto;
  color: var(--pv-faint);
}
.pv-rail {
  min-width: 0;
  font-size: 10px;
}
.pv-where {
  padding: 13px;
  border: 1px solid #56565f;
  border-radius: 10px;
  background: #0b0b0c;
}
.pv-where > small,
.pv-rail-section > small {
  font-size: 7px;
  letter-spacing: 0.09em;
  font-weight: 550;
  color: #aaaab3;
  margin-bottom: 10px;
}
.pv-where > p {
  font-size: 10px;
  line-height: 1.65;
  margin: 0 0 13px;
}
.pv-where > .pv-status {
  margin-bottom: 12px;
}
.pv-where > p.pv-secondary {
  font-size: 9px;
  color: #a3a3ab;
  line-height: 1.65;
}
.pv-counts {
  font-size: 8px;
  color: #a3a3ab;
}
.pv-rail-section {
  margin-top: 19px;
}
.pv-rail-section > span {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 8px;
  margin-top: 8px;
  color: #bfbfc7;
}
.pv-rail-section > span i {
  margin-left: auto;
  font-style: normal;
  font-size: 7px;
  color: var(--pv-faint);
}
.pv-rail-section p {
  font-size: 9px;
  color: #aaaab3;
  line-height: 1.65;
}
.pv-journey {
  margin-left: 3px;
  display: flex;
  flex-direction: column;
}
.pv-journey > span {
  position: relative;
  border-left: 1px solid #3c3c43;
  font-size: 8px;
  color: #777782;
  padding: 0 0 12px 13px;
}
.pv-journey > span:before {
  content: "";
  position: absolute;
  left: -3px;
  top: 3px;
  width: 5px;
  height: 5px;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: #121214;
}
.pv-journey > span:last-child {
  border-color: transparent;
  padding-bottom: 0;
}
.pv-journey .pv-complete {
  color: #b9b9c3;
}
.pv-journey .pv-complete:before,
.pv-journey .pv-current:before {
  background: currentColor;
}
.pv-journey .pv-current {
  font-weight: 550;
}
.pv-bottom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 17px;
  border-top: 1px solid var(--pv-border);
  color: #a3a3ab;
  font-size: 8px;
}
.pv-source-code {
  background: #191b1e;
  border: 1px solid #3b424a;
  border-radius: 7px;
  padding: 15px;
}
.pv-source-code small {
  font-size: 7px;
  letter-spacing: 0.08em;
  color: #a7bdca;
  margin-bottom: 12px;
}
.pv-source-code code {
  font:
    10px/1.95 "Thread App Mono",
    monospace;
  color: #cbd6dd;
}
.pv-source-code.pv-confirmed {
  background: #162620;
  border-color: #34654f;
}
.pv-confirmed code b {
  color: #79dbac;
}
.pv-confirmed small {
  color: #88c9aa;
}
.pv-reading-label {
  font-size: 8px;
  color: #9caeb8;
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
}
.pv-reading-label i {
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: pv-spin 1s linear infinite;
}
.pv-verified-record {
  display: flex;
  gap: 12px;
  padding: 15px;
  border: 1px solid #32674d;
  border-radius: 8px;
  background: #162620;
  color: #9cdbb9;
}
.pv-verified-record > .pv-icon {
  width: 19px;
  height: 19px;
}
.pv-verified-record b {
  font-size: 13px;
}
.pv-verified-record p {
  font-size: 10px;
  margin-top: 5px;
  color: #a8c6b6;
}
/* Sidekick is the light customer room, not the operator console. */
.pv-stage .pv-room {
  color: #242422;
  background: #fbfbfa;
  border-color: #ffffffc9;
}
.pv-room-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e5e0;
}
.pv-room-header .pv-brand {
  padding: 0;
  color: #1a1a1a;
  font-size: 14px;
}
.pv-room-header .pv-brand-tile {
  background: #eeeee9;
  border: 1px solid #deded8;
  width: 24px;
  height: 24px;
}
.pv-sidekick-tag {
  font:
    9px "Thread App Mono",
    monospace;
  letter-spacing: 0.1em;
  color: #787870;
  border-left: 1px solid #d4d4cd;
  padding-left: 12px;
}
.pv-room-header > div:last-child {
  font-size: 10px;
  color: #77776f;
  margin-left: auto;
}
.pv-room-header > div:last-child > span {
  margin-left: 18px;
  border: 1px solid #d7d7d1;
  padding: 5px 9px;
  border-radius: 5px;
  color: #55554e;
}
.pv-room-context {
  display: flex;
  gap: 14px;
  align-items: center;
  margin: 23px 25px 0;
  font-size: 10px;
}
.pv-room-context > span {
  color: #77776f;
  border: 1px solid #deded7;
  border-radius: 4px;
  padding: 3px 7px;
}
.pv-room-context > b {
  font-weight: 450;
}
.pv-room-layout {
  display: grid;
  grid-template-columns: minmax(190px, 0.84fr) minmax(0, 1.8fr);
  gap: 25px;
  padding: 27px 25px 32px;
}
.pv-room-steps {
  padding-top: 7px;
}
.pv-room-state {
  display: flex;
  align-items: center;
  gap: 7px;
  font:
    500 8px "Thread App Mono",
    monospace;
  letter-spacing: 0.11em;
  color: #79796e;
  margin-bottom: 15px;
}
.pv-live-dot {
  width: 5px;
  height: 5px;
  background: #747e79;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #e6e9e3;
  animation: pv-breathe 2s ease-in-out infinite;
}
.pv-room-state.pv-your-turn {
  color: #9c6075;
}
.thread-refined .pv-room-steps h3 {
  font-family: Newsreader, Georgia, serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.08;
  letter-spacing: -0.025em;
}
.pv-room-steps p {
  font-size: 11px;
  line-height: 1.7;
  color: #6a6a62;
  margin-top: 15px;
  max-width: 32ch;
}
.pv-plan {
  margin-top: 24px;
}
.pv-plan > small {
  font:
    8px "Thread App Mono",
    monospace;
  color: #85857b;
  letter-spacing: 0.08em;
  margin-bottom: 15px;
}
.pv-plan-step {
  display: flex;
  align-items: center;
  gap: 9px;
  padding-bottom: 15px;
  font-size: 10px;
  color: #99998e;
  position: relative;
}
.pv-plan-step i {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border: 1px solid #d5d5ca;
  border-radius: 50%;
  font-style: normal;
  font-size: 8px;
  flex: none;
}
.pv-plan-step i .pv-icon {
  width: 11px;
  height: 11px;
}
.pv-plan-step:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 20px;
  width: 1px;
  height: 10px;
  background: #deded3;
}
.pv-plan-step:last-child:after {
  display: none;
}
.pv-plan-step.pv-step-done {
  color: #626b60;
}
.pv-step-done i {
  background: #eff1ea;
  border-color: #c8cfc0;
}
.pv-plan-step.pv-step-active {
  color: #262621;
  font-weight: 550;
}
.pv-step-active i {
  background: #292b28;
  color: #fff;
  border-color: #292b28;
}
.pv-room-foot {
  font-size: 9px;
  color: #828278;
  border-top: 1px solid #e2e2da;
  padding-top: 13px;
  margin-top: 10px;
}
.pv-signin-card {
  position: relative;
  margin-top: 20px;
  padding: 13px;
  border: 1px solid #d8d8cf;
  background: #f4f4ef;
  border-radius: 8px;
}
.pv-signin-card label {
  font-size: 9px;
  font-weight: 500;
  color: #59594e;
  display: block;
  margin-bottom: 5px;
}
.pv-signin-card > div {
  background: #fff;
  border: 1px solid #d8d8d0;
  border-radius: 5px;
  padding: 7px 9px;
  font-size: 10px;
  margin-bottom: 11px;
}
.pv-room-button {
  background: #2a2d28;
  color: #fff;
  display: block;
  text-align: center;
  padding: 9px;
  border-radius: 5px;
  font-size: 10px;
}
.pv-room-steps p.pv-trust-line {
  font-size: 8px;
  line-height: 1.65;
  margin-top: 13px;
}
.pv-browser {
  border: 1px solid #d4d4cf;
  border-radius: 9px;
  overflow: hidden;
  background: #fff;
  min-width: 0;
}
.pv-browser-chrome {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 9px 11px;
  background: #eeeeea;
  color: #73736b;
  font-size: 8px;
  border-bottom: 1px solid #dcdcd6;
}
.pv-browser-chrome > span:nth-child(2) {
  flex: 1;
  text-align: center;
  border: 1px solid #ddddd5;
  border-radius: 4px;
  padding: 4px;
  background: #f9f9f6;
  font-size: 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pv-browser-chrome .pv-icon {
  width: 9px;
  height: 9px;
}
.pv-browser-bottom {
  display: flex;
  gap: 6px;
  align-items: center;
  padding: 9px 11px;
  border-top: 1px solid #dcdcd6;
  font-size: 8px;
  color: #6a6a62;
  background: #f7f7f3;
}
.pv-browser-bottom span {
  margin-left: auto;
  font-size: 7px;
  color: #88887e;
}
.pv-external-screen {
  position: relative;
  min-height: 340px;
  background: #fff;
  font-family: "Thread App", Arial, sans-serif;
}
.pv-external-top {
  height: 42px;
  border-bottom: 1px solid #e7e7e4;
  display: flex;
  align-items: center;
  padding: 10px 14px;
  gap: 20px;
}
.pv-external-top > b {
  color: #5d6d62;
  font-size: 19px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.pv-external-top > b > span {
  font-size: 12px;
  color: #353a35;
}
.pv-external-top > span {
  font-size: 7px;
  background: #f5f6f2;
  color: #95988f;
  padding: 5px 9px;
  flex: 1;
}
.pv-external-top > i {
  font-style: normal;
  font-size: 7px;
  border-radius: 50%;
  padding: 5px;
  background: #edf0e8;
}
.pv-external-body {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  min-height: 298px;
}
.pv-external-body > aside {
  background: #f7f8f5;
  border-right: 1px solid #e6e8e2;
  padding: 16px 7px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.pv-external-body > aside > span {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #858b80;
  font-size: 7px;
  white-space: nowrap;
}
.pv-external-body > aside .pv-icon {
  width: 10px;
  height: 10px;
}
.pv-external-body > aside small {
  color: #9b9e93;
  font-size: 6px;
  letter-spacing: 0.08em;
  margin-top: 5px;
}
.pv-external-body > aside .pv-external-active {
  background: #e9ede4;
  color: #4b5947;
  padding: 6px 4px;
  border-radius: 4px;
  margin-inline: -4px;
}
.pv-external-body > section {
  padding: 21px 17px;
  min-width: 0;
}
.pv-external-crumb {
  font-size: 7px;
  color: #92988d;
  margin-bottom: 8px;
}
.thread-refined .pv-external-body h3 {
  font-size: 21px;
  color: #30372e;
}
.pv-external-body > section > p {
  font-size: 8px;
  color: #8a8f84;
  margin-top: 7px;
  line-height: 1.6;
}
.pv-integration-card {
  border: 1px solid #dce2d7;
  border-radius: 7px;
  margin-top: 20px;
  background: #fdfefa;
  overflow: hidden;
}
.pv-integration-identity {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px;
}
.pv-integration-identity b {
  font-size: 10px;
  color: #3e4839;
}
.pv-integration-identity small {
  font-size: 7px;
  color: #8b9483;
  margin-top: 2px;
}
.pv-qb-logo {
  display: grid;
  place-items: center;
  background: #e3ecd9;
  border-radius: 50%;
  color: #4d663d;
  width: 25px;
  height: 25px;
  font-size: 13px;
  font-weight: 550;
  flex: none;
}
.pv-integration-info {
  padding: 0 12px 11px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pv-integration-info > span {
  font-size: 7px;
  color: #909787;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.pv-integration-info b {
  color: #65725a;
  font-weight: 450;
}
.pv-integration-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  border-top: 1px solid #e6e9df;
  padding: 9px 12px;
}
.pv-integration-bottom small {
  font-size: 7px;
  color: #959c8e;
}
.pv-external-button {
  font-size: 7px;
  background: #506346;
  color: white;
  border-radius: 4px;
  padding: 6px 9px;
  white-space: nowrap;
}
.pv-secondary-integration {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #e8ebe4;
  border-radius: 6px;
  padding: 10px;
  margin-top: 10px;
  color: #7d8576;
  font-size: 8px;
}
.pv-secondary-integration small {
  font-size: 7px;
  color: #a0a597;
}
.pv-secondary-integration > span:last-child {
  margin-left: auto;
  font-size: 7px;
}
.pv-xero-logo {
  font-size: 8px;
  color: #5c8192;
  background: #e9f1f3;
  width: 23px;
  height: 23px;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
.pv-browser-help {
  display: flex;
  gap: 5px;
  font-size: 7px;
  color: #9ba28f;
  margin-top: 12px;
  line-height: 1.5;
}
.pv-browser-help .pv-icon {
  width: 10px;
  height: 10px;
}
.pv-cursor {
  position: absolute;
  display: flex;
  align-items: flex-start;
  gap: 3px;
  z-index: 3;
  left: 76%;
  top: 67%;
  color: #bc698c;
  animation: pv-point 3.8s cubic-bezier(0.3, 0.6, 0.3, 1) infinite;
}
.pv-cursor > svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
  stroke: #fff;
  stroke-width: 1.5;
  filter: drop-shadow(0 1px 2px #0003);
}
.pv-cursor > b {
  padding: 3px 6px;
  border-radius: 3px;
  margin-top: 17px;
  font-size: 8px;
  line-height: 1.4;
  position: relative;
  background: #b66587;
  color: white;
  font-weight: 500;
}
.pv-human-cursor {
  left: 68%;
  top: 75%;
  color: #596460;
}
.pv-human-cursor > b {
  background: #596460;
}
.pv-browser-step-0 .pv-agent-cursor {
  left: 12%;
  top: 59%;
}
.pv-browser-step-1 .pv-agent-cursor {
  left: 73%;
  top: 65%;
}
.pv-browser-step-3 .pv-agent-cursor {
  left: 68%;
  top: 36%;
}
.pv-browser-overlay {
  position: absolute;
  inset: 0;
  background: #fbfbf9b8;
  display: grid;
  place-items: center;
  backdrop-filter: blur(2px);
  z-index: 2;
}
.pv-approval-card {
  width: 74%;
  padding: 23px;
  background: #fff;
  border: 1px solid #deded6;
  border-radius: 10px;
  box-shadow: 0 10px 20px #242a2010;
  text-align: center;
}
.pv-approval-card .pv-qb-logo {
  margin: auto;
  width: 31px;
  height: 31px;
}
.thread-refined .pv-approval-card h3 {
  font-size: 17px;
  margin-top: 13px;
}
.pv-approval-card p {
  font-size: 10px;
  margin-top: 10px;
  color: #7a7e73;
  line-height: 1.7;
}
.pv-approval-dots {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top: 15px;
}
.pv-approval-dots i {
  width: 4px;
  height: 4px;
  background: #9a9e93;
  border-radius: 50%;
  animation: pv-breathe 1.2s ease-in-out infinite;
}
.pv-approval-dots i:nth-child(2) {
  animation-delay: 0.2s;
}
.pv-approval-dots i:nth-child(3) {
  animation-delay: 0.4s;
}
.pv-room-bottom {
  display: flex;
  justify-content: space-between;
  padding: 14px 25px;
  border-top: 1px solid #e5e5de;
  color: #8b8b80;
  font-size: 8px;
}
.pv-room-bottom > span {
  display: flex;
  align-items: center;
  gap: 5px;
}
.pv-room-bottom img {
  width: 11px;
  height: 11px;
  border-radius: 0 !important;
}
.pv-room-bottom b {
  font-size: 9px;
  color: #4c4c44;
}
/* Runbook browser and action record */
.pv-vitals {
  display: grid;
  grid-template-columns: 0.8fr 1fr 1.4fr;
  border-bottom: 1px solid var(--pv-border);
}
.pv-vitals > span {
  padding: 12px 17px;
  border-right: 1px solid var(--pv-border);
  font-size: 9px;
}
.pv-vitals > span:last-child {
  border: 0;
}
.pv-vitals small {
  font-size: 7px;
  letter-spacing: 0.08em;
  color: var(--pv-faint);
  margin-bottom: 5px;
}
.pv-run-watch {
  grid-template-columns: minmax(0, 1fr) 145px;
  padding: 20px;
  gap: 18px;
}
.pv-run-browser-head {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 8px;
  padding: 0 0 11px;
}
.pv-run-browser-head > span {
  color: var(--pv-amber);
  margin-left: 7px;
}
.pv-run-browser-head > small {
  font-size: 7px;
  margin-left: auto;
}
.pv-shopify {
  position: relative;
  border-radius: 7px;
  overflow: hidden;
  background: #f6f6f4;
  color: #353632;
  border: 1px solid #4c4c50;
}
.pv-shopify-bar {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 10px 13px;
  background: #242a24;
  color: #f4f5ed;
  font-size: 8px;
}
.pv-shopify-bar > b {
  font-size: 12px;
  font-style: italic;
}
.pv-shopify-bar .pv-draft-badge {
  font-size: 6px;
  border: 1px solid #76816c;
  border-radius: 3px;
  padding: 2px 5px;
  margin-left: auto;
  color: #cbd5c2;
  letter-spacing: 0.05em;
}
.pv-shopify-grid {
  display: grid;
  grid-template-columns: 83px minmax(0, 1fr);
  min-height: 276px;
}
.pv-shopify-nav {
  background: #ebece7;
  border-right: 1px solid #dcded5;
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding: 12px 8px;
  font-size: 7px;
  color: #777b70;
}
.pv-shopify-nav > b {
  font-size: 7px;
  color: #444b3e;
}
.pv-shopify-nav small {
  font-size: 6px;
  color: #92988a;
}
.pv-shopify-selected {
  background: #dce2d4;
  color: #3f4d35;
  border-radius: 4px;
  padding: 4px;
  margin: -4px;
}
.pv-shopify-child {
  padding-left: 7px;
  color: #4c5843;
}
.pv-shopify-content {
  padding: 18px;
  min-width: 0;
}
.pv-shopify-content > small {
  font-size: 7px;
  color: #919688;
  margin-bottom: 6px;
}
.thread-refined .pv-shopify-content > h3 {
  font-size: 20px;
  color: #383e32;
  margin-bottom: 15px;
}
.pv-shopify-content h4 {
  font-size: 10px;
  color: #6b735e;
  margin: 16px 0 10px !important;
}
.pv-theme-card {
  background: #fff;
  border: 1px solid #dce0d5;
  border-radius: 7px;
  overflow: hidden;
}
.pv-theme-preview {
  height: 65px;
  background: #dfe5d8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #627058;
  gap: 7px;
}
.pv-theme-preview > b {
  letter-spacing: 0.15em;
  font-size: 10px;
}
.pv-theme-preview > span {
  font-family: Newsreader, Georgia, serif;
  font-size: 16px;
}
.pv-theme-card > div:last-child {
  padding: 9px 11px;
  font-size: 9px;
  display: flex;
  gap: 7px;
  align-items: center;
}
.pv-theme-card small {
  font-size: 7px;
  color: #8c9480;
}
.pv-theme-card .pv-light-control {
  margin-left: auto;
}
.pv-light-control {
  display: inline-block;
  border: 1px solid #c9d1be;
  background: #fff;
  border-radius: 4px;
  padding: 5px 7px;
  font-size: 7px;
  color: #5d694f;
  white-space: nowrap;
}
.pv-light-control.pv-target {
  background: #44523b;
  color: #fff;
  border-color: #44523b;
}
.pv-draft-theme {
  padding: 10px;
  border: 1px solid #d1d9c6;
  border-radius: 6px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 6px;
}
.pv-draft-theme > div {
  margin-right: auto;
  font-size: 8px;
}
.pv-draft-theme small {
  font-size: 7px;
  color: #8f9881;
  margin-top: 4px;
}
.pv-editor-field {
  background: white;
  padding: 12px;
  border: 1px solid #d7ddce;
  border-radius: 6px;
}
.pv-editor-field label {
  font-size: 9px;
  font-weight: 500;
  color: #626e53;
}
.pv-editor-field > div {
  margin-top: 7px;
  border: 1px solid #9cad89;
  border-radius: 4px;
  padding: 11px 8px;
  font-size: 10px;
  min-height: 60px;
  color: #4b5840;
}
.pv-text-caret {
  display: inline-block;
  height: 10px;
  border-right: 1px solid currentColor;
  vertical-align: middle;
  animation: pv-breathe 0.7s linear infinite;
}
.pv-editor-row {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  color: #747d66;
  padding: 12px 0;
  border-bottom: 1px solid #dde2d5;
}
.pv-editor-row > i {
  width: 20px;
  height: 11px;
  background: #8c9f78;
  border-radius: 8px;
}
.pv-editor-row > i:after {
  content: "";
  display: block;
  margin: 2px 0 0 11px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: white;
}
.pv-editor-note {
  font-size: 8px;
  color: #929a84;
  margin: 13px 0;
}
.pv-shopify .pv-cursor {
  color: #b98c45;
  top: 76%;
  left: 76%;
}
.pv-shopify .pv-cursor > b {
  background: #a87e3c;
}
.pv-shopify .pv-store-preview {
  padding: 0;
  background: #f6f1e6;
}
.pv-store-head {
  padding: 15px 13px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid #dcd5c6;
  font-size: 7px;
  color: #766e5b;
}
.pv-store-head b {
  letter-spacing: 0.1em;
}
.pv-store-head > span {
  font-size: 6px;
}
.pv-store-product {
  padding: 20px 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: center;
}
.pv-store-product > div > small {
  font-size: 6px;
  color: #9b937f;
  letter-spacing: 0.04em;
}
.thread-refined .pv-store-product h3 {
  font-family: Newsreader, Georgia, serif;
  font-size: 23px;
  font-weight: 400;
  margin: 9px 0;
  color: #625841;
}
.pv-store-product p {
  font-size: 9px;
  color: #80745b;
}
.pv-payment-copy {
  font-size: 7px;
  margin-top: 9px;
  color: #766846;
  border: 1px solid #d8c9a9;
  background: #f1e7d2;
  padding: 6px;
  border-radius: 3px;
}
.pv-store-button {
  display: block;
  background: #4d4a38;
  color: #f5f1e5;
  padding: 7px;
  text-align: center;
  border-radius: 3px;
  font-size: 8px;
  margin: 12px 0;
}
.pv-pot {
  height: 150px;
  background: #e3dfd1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  position: relative;
}
.pv-pot i {
  width: 48px;
  height: 73px;
  background: linear-gradient(100deg, #b5ad95, #e4ddc6 40%, #b6ac90);
  border-radius: 9px 9px 20px 20px;
  box-shadow: 3px 8px 8px #8f866830;
}
.pv-pot i:before {
  content: "";
  display: block;
  height: 8px;
  background: #8f876e;
  border-radius: 50%;
  margin-top: -4px;
  box-shadow: 0 3px 0 #d2cbb3;
}
.pv-pot > span {
  font-size: 5px;
  color: #a19880;
  margin-top: 20px;
  letter-spacing: 0.07em;
}
.pv-draft-label {
  padding: 8px;
  text-align: center;
  border-top: 1px solid #ddd4bf;
  font-size: 7px;
  color: #97886b;
}
.pv-run-log {
  margin-top: 13px;
  padding-top: 4px;
}
.pv-run-log > div {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 9px 0;
  font-size: 8px;
  color: #b8b8c1;
}
.pv-run-log time {
  font:
    7px "Thread App Mono",
    monospace;
  color: #8a8a94;
}
.pv-run-log .pv-icon {
  width: 9px;
  height: 9px;
  color: #a5a5ad;
}
.pv-run-setting {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 8px;
  border-top: 1px solid #29292f;
  padding-top: 9px;
  margin-top: 9px;
}
.pv-run-setting span {
  color: #9898a2;
}
.pv-run-setting b {
  text-align: right;
  font-weight: 450;
}
.pv-run-rail .pv-control {
  padding: 6px;
  font-size: 8px;
}
@keyframes pv-breathe {
  50% {
    opacity: 0.4;
  }
}
@keyframes pv-progress {
  0%,
  100% {
    width: 35%;
  }
  70% {
    width: 85%;
  }
}
@keyframes pv-point {
  0% {
    transform: translate(-16px, 12px);
  }
  36%,
  68% {
    transform: translate(0, 0);
  }
  75% {
    transform: translate(0, 0) scale(0.92);
  }
  84%,
  100% {
    transform: translate(0, 0);
  }
}
@keyframes pv-spin {
  to {
    transform: rotate(360deg);
  }
}
.pv-stage:not(.is-running) * {
  animation-play-state: paused !important;
}
/* Editorial widths keep the working area while collapsing console navigation. */
@container (max-width:800px) {
  .pv-console {
    grid-template-columns: 1fr;
  }
  .pv-sidebar {
    padding: 4px 8px;
    display: block;
  }
  .pv-sidebar > .pv-brand {
    padding: 3px 0;
    font-size: 11px;
  }
  .pv-sidebar > :not(.pv-brand) {
    display: none;
  }
  .pv-brand-tile {
    width: 18px;
    height: 18px;
  }
  .pv-brand-tile img {
    width: 10px;
    height: 10px;
  }
  .pv-title-actions .pv-control:nth-child(n + 2) {
    display: none;
  }
  .pv-pagebar {
    font-size: 8px;
    padding-inline: 14px;
  }
  .pv-titlebar {
    padding-inline: 14px;
  }
  .pv-titlebar h3 {
    font-size: 14px !important;
  }
  .pv-overview-content {
    padding: 13px;
  }
  .pv-cohort-detail {
    grid-template-columns: 1.25fr 1fr;
    gap: 12px;
  }
  .pv-table td:nth-child(n + 3),
  .pv-table th:nth-child(n + 3) {
    display: none;
  }
  .pv-kpi {
    padding: 7px;
  }
  .pv-kpi small {
    font-size: 7px;
  }
  .pv-kpi > b {
    font-size: 21px;
  }
  .pv-kpi > span {
    font-size: 7px;
  }
  .pv-metric-strip {
    gap: 8px;
    font-size: 8px;
  }
  .pv-metric-strip > b {
    font-size: 9px;
  }
  .pv-metric-strip strong {
    font-size: 14px;
  }
  .pv-watch-layout {
    grid-template-columns: minmax(0, 1fr) 140px;
    gap: 17px;
    padding: 20px 15px;
  }
  .pv-event-meta {
    gap: 8px;
  }
  .pv-session-grid {
    grid-template-columns: 1fr;
  }
  .pv-step-log {
    display: none;
  }
  .pv-session-card header > span,
  .pv-session-card footer > span {
    display: none;
  }
  .pv-room-header {
    padding: 15px 17px;
  }
  .pv-room-layout {
    grid-template-columns: 175px minmax(0, 1fr);
    padding: 20px 17px 23px;
    gap: 17px;
  }
  .pv-room-context {
    margin: 17px 17px 0;
  }
  .pv-room-header > div:last-child {
    font-size: 8px;
  }
  .pv-room-header > div:last-child > span {
    margin-left: 10px;
  }
  .thread-refined .pv-room-steps h3 {
    font-size: 29px;
  }
  .pv-room-steps p {
    font-size: 10px;
  }
  .pv-plan-step {
    font-size: 9px;
  }
  .pv-external-body {
    grid-template-columns: 1fr;
  }
  .pv-external-body > aside {
    display: none;
  }
  .pv-external-top > span {
    display: none;
  }
  .pv-external-top > i {
    margin-left: auto;
  }
  .pv-external-body > section {
    padding: 18px 13px;
  }
  .pv-secondary-integration small,
  .pv-browser-bottom > span {
    display: none;
  }
  .pv-shopify-grid {
    grid-template-columns: 63px minmax(0, 1fr);
  }
  .pv-shopify-nav {
    font-size: 6px;
    padding: 10px 6px;
  }
  .pv-shopify-nav b {
    font-size: 6px;
  }
  .pv-shopify-content {
    padding: 13px;
  }
  .pv-shopify-content > h3 {
    font-size: 19px !important;
  }
  .pv-draft-theme {
    flex-wrap: wrap;
  }
  .pv-draft-theme > div {
    width: 100%;
  }
  .pv-vitals {
    grid-template-columns: 1fr 1fr;
  }
  .pv-vitals > span:last-child,
  .pv-run-browser-head > small {
    display: none;
  }
  .pv-store-product {
    padding: 17px 10px;
    gap: 10px;
  }
  .pv-store-head > span {
    display: none;
  }
  .pv-pot {
    height: 140px;
  }
  .thread-refined .pv-store-product h3 {
    font-size: 21px;
  }
}
@container (min-width:950px) {
  .pv-console {
    grid-template-columns: 145px minmax(0, 1fr);
    padding: 7px;
    gap: 7px;
  }
  .pv-sidebar {
    font-size: 12px;
    padding: 13px 8px;
  }
  .pv-brand {
    font-size: 14px;
  }
  .pv-nav-row {
    padding: 7px;
    gap: 8px;
  }
  .pv-nav-section {
    font-size: 9px !important;
  }
  .pv-nav-child {
    font-size: 10px;
  }
  .pv-user {
    font-size: 10px;
  }
  .pv-user small {
    font-size: 9px;
  }
  .pv-pagebar {
    font-size: 11px;
    padding: 15px 22px 8px;
  }
  .pv-titlebar {
    padding: 10px 22px 20px;
  }
  .pv-titlebar h3 {
    font-size: 20px !important;
  }
  .pv-titlebar small {
    font-size: 11px;
  }
  .pv-control {
    font-size: 10px;
    padding: 6px 10px;
  }
  .pv-overview-content {
    padding: 24px;
  }
  .pv-kpi {
    padding: 14px;
  }
  .pv-kpi small {
    font-size: 9px;
  }
  .pv-kpi > b {
    font-size: 27px;
  }
  .pv-kpi > span {
    font-size: 9px;
  }
  .pv-metric-strip {
    font-size: 10px;
    padding: 18px 0;
  }
  .pv-metric-strip strong {
    font-size: 20px;
  }
  .pv-table-tools {
    margin: 22px 0 15px;
  }
  .pv-table {
    font-size: 10px;
  }
  .pv-table th {
    font-size: 8px;
  }
  .pv-table td {
    padding: 18px 9px;
  }
  .pv-table .pv-status,
  .pv-table td small {
    font-size: 9px;
  }
  .pv-watch-layout {
    grid-template-columns: minmax(0, 1fr) 200px;
    gap: 30px;
    padding: 30px;
  }
  .pv-event-meta,
  .pv-date {
    font-size: 10px;
  }
  .pv-event-meta time,
  .pv-event-meta b {
    font-size: 9px;
  }
  .pv-event {
    padding-left: 20px;
    padding-bottom: 27px;
  }
  .pv-bubble {
    font-size: 13px;
    padding: 14px 16px;
  }
  .pv-bubble small {
    font-size: 9px;
  }
  .pv-event-copy,
  .pv-email-card section,
  .pv-email-card p {
    font-size: 12px;
  }
  .pv-email-card > div {
    font-size: 9px;
    padding: 10px 14px;
  }
  .pv-email-card > div > span,
  .pv-email-card footer {
    font-size: 9px;
  }
  .pv-email-card section {
    padding: 14px 16px;
  }
  .pv-session-card > p {
    font-size: 12px;
  }
  .pv-session-card header {
    font-size: 9px;
  }
  .pv-session-card header > span {
    font-size: 10px;
  }
  .pv-session-card header i {
    font-size: 9px;
  }
  .pv-mini-screen b {
    font-size: 12px;
  }
  .pv-mini-screen span,
  .pv-mini-screen > div,
  .pv-step-log {
    font-size: 9px;
  }
  .pv-step-log time {
    font-size: 8px;
  }
  .pv-session-card footer {
    font-size: 10px;
  }
  .pv-session-card footer span {
    font-size: 9px;
  }
  .pv-where {
    padding: 17px;
  }
  .pv-where > p {
    font-size: 12px;
  }
  .pv-where > p.pv-secondary {
    font-size: 11px;
  }
  .pv-where > small,
  .pv-rail-section > small {
    font-size: 9px;
  }
  .pv-rail .pv-status {
    font-size: 11px;
  }
  .pv-counts,
  .pv-rail-section > span,
  .pv-journey > span,
  .pv-rail-section > span i,
  .pv-rail-section p {
    font-size: 10px;
  }
  .pv-room-header {
    padding: 24px 34px;
  }
  .pv-room-context {
    margin: 27px 34px 0;
    font-size: 12px;
  }
  .pv-room-header .pv-brand {
    font-size: 17px;
  }
  .pv-sidekick-tag {
    font-size: 11px;
  }
  .pv-room-header > div:last-child {
    font-size: 12px;
  }
  .pv-room-layout {
    grid-template-columns: 1fr 2fr;
    gap: 35px;
    padding: 32px 34px 38px;
  }
  .thread-refined .pv-room-steps h3 {
    font-size: 43px;
  }
  .pv-room-state {
    font-size: 10px;
    margin-bottom: 20px;
  }
  .pv-room-steps p {
    font-size: 14px;
  }
  .pv-plan {
    margin-top: 32px;
  }
  .pv-plan > small {
    font-size: 10px;
  }
  .pv-plan-step {
    font-size: 12px;
    padding-bottom: 20px;
  }
  .pv-plan-step i {
    width: 23px;
    height: 23px;
    font-size: 10px;
  }
  .pv-plan-step:after {
    left: 11px;
    top: 25px;
    height: 14px;
  }
  .pv-room-foot {
    font-size: 11px;
  }
  .pv-signin-card {
    padding: 18px;
  }
  .pv-signin-card label {
    font-size: 11px;
  }
  .pv-signin-card > div {
    font-size: 12px;
    padding: 10px;
  }
  .pv-room-button {
    font-size: 12px;
    padding: 11px;
  }
  .pv-room-steps p.pv-trust-line {
    font-size: 10px;
  }
  .pv-browser-chrome {
    font-size: 10px;
    padding: 12px;
  }
  .pv-browser-chrome > span:nth-child(2) {
    font-size: 9px;
  }
  .pv-browser-bottom {
    font-size: 10px;
    padding: 12px;
  }
  .pv-browser-bottom span {
    font-size: 9px;
  }
  .pv-external-top {
    height: 52px;
    padding: 13px 18px;
  }
  .pv-external-top > b {
    font-size: 24px;
  }
  .pv-external-top > b > span {
    font-size: 15px;
  }
  .pv-external-top > span {
    font-size: 9px;
  }
  .pv-external-body {
    grid-template-columns: 110px minmax(0, 1fr);
    min-height: 390px;
  }
  .pv-external-body > aside {
    padding: 22px 11px;
    gap: 16px;
  }
  .pv-external-body > aside > span {
    font-size: 9px;
  }
  .pv-external-body > aside small {
    font-size: 8px;
  }
  .pv-external-body > section {
    padding: 28px 23px;
  }
  .pv-external-crumb {
    font-size: 9px;
  }
  .thread-refined .pv-external-body h3 {
    font-size: 28px;
  }
  .pv-external-body > section > p {
    font-size: 11px;
  }
  .pv-integration-identity {
    padding: 17px;
  }
  .pv-integration-identity b {
    font-size: 13px;
  }
  .pv-integration-identity small {
    font-size: 9px;
  }
  .pv-qb-logo {
    width: 34px;
    height: 34px;
    font-size: 17px;
  }
  .pv-integration-info {
    padding: 0 17px 15px;
    gap: 8px;
  }
  .pv-integration-info > span {
    font-size: 10px;
  }
  .pv-integration-bottom {
    padding: 12px 17px;
  }
  .pv-integration-bottom small,
  .pv-external-button {
    font-size: 9px;
  }
  .pv-secondary-integration {
    font-size: 11px;
    padding: 13px;
    gap: 10px;
  }
  .pv-secondary-integration small,
  .pv-secondary-integration > span:last-child,
  .pv-browser-help {
    font-size: 9px;
  }
  .pv-browser-help {
    margin-top: 17px;
  }
  .pv-cursor > svg {
    width: 29px;
    height: 29px;
  }
  .pv-cursor > b {
    font-size: 10px;
  }
  .pv-approval-card {
    padding: 30px;
  }
  .thread-refined .pv-approval-card h3 {
    font-size: 23px;
  }
  .pv-approval-card p {
    font-size: 12px;
  }
  .pv-room-bottom {
    font-size: 10px;
    padding: 17px 34px;
  }
  .pv-run-watch {
    grid-template-columns: minmax(0, 1fr) 190px;
  }
  .pv-vitals > span {
    font-size: 11px;
    padding: 15px 22px;
  }
  .pv-vitals small {
    font-size: 9px;
  }
  .pv-shopify-grid {
    grid-template-columns: 110px minmax(0, 1fr);
    min-height: 340px;
  }
  .pv-shopify-bar {
    padding: 12px 17px;
    font-size: 11px;
  }
  .pv-shopify-bar > b {
    font-size: 16px;
  }
  .pv-shopify-bar .pv-draft-badge {
    font-size: 8px;
  }
  .pv-shopify-nav {
    font-size: 9px;
    padding: 16px 12px;
    gap: 14px;
  }
  .pv-shopify-nav > b {
    font-size: 9px;
  }
  .pv-shopify-nav small {
    font-size: 8px;
  }
  .pv-shopify-content {
    padding: 24px;
  }
  .pv-shopify-content > small {
    font-size: 9px;
  }
  .thread-refined .pv-shopify-content > h3 {
    font-size: 26px;
  }
  .pv-theme-preview {
    height: 95px;
  }
  .pv-theme-preview > b {
    font-size: 13px;
  }
  .pv-theme-preview > span {
    font-size: 22px;
  }
  .pv-theme-card > div:last-child {
    font-size: 12px;
    padding: 12px 15px;
  }
  .pv-theme-card small,
  .pv-light-control {
    font-size: 9px;
  }
  .pv-shopify-content h4 {
    font-size: 13px;
  }
  .pv-draft-theme {
    padding: 14px;
  }
  .pv-draft-theme > div {
    font-size: 11px;
  }
  .pv-draft-theme small {
    font-size: 9px;
  }
  .pv-editor-field label {
    font-size: 12px;
  }
  .pv-editor-field > div {
    font-size: 13px;
    min-height: 80px;
  }
  .pv-editor-row {
    font-size: 12px;
    padding: 16px 0;
  }
  .pv-editor-note {
    font-size: 10px;
  }
  .pv-store-head {
    font-size: 10px;
    padding: 18px;
  }
  .pv-store-head > span {
    font-size: 8px;
  }
  .pv-store-product {
    padding: 28px 18px;
    gap: 22px;
  }
  .thread-refined .pv-store-product h3 {
    font-size: 32px;
  }
  .pv-store-product > div > small {
    font-size: 8px;
  }
  .pv-store-product p {
    font-size: 12px;
  }
  .pv-payment-copy {
    font-size: 10px;
  }
  .pv-store-button {
    font-size: 11px;
    padding: 10px;
  }
  .pv-pot {
    height: 205px;
  }
  .pv-pot i {
    width: 66px;
    height: 98px;
  }
  .pv-pot > span {
    font-size: 7px;
  }
  .pv-draft-label {
    font-size: 9px;
  }
  .pv-run-log > div {
    font-size: 10px;
  }
  .pv-run-log time {
    font-size: 9px;
  }
  .pv-run-browser-head {
    font-size: 10px;
  }
  .pv-run-browser-head > small {
    font-size: 9px;
  }
  .pv-run-setting {
    font-size: 10px;
  }
  .pv-source-code {
    padding: 20px;
  }
  .pv-source-code small {
    font-size: 9px;
  }
  .pv-source-code code {
    font-size: 13px;
  }
  .pv-reading-label {
    font-size: 10px;
  }
  .pv-verified-record {
    padding: 20px;
  }
  .pv-verified-record b {
    font-size: 16px;
  }
  .pv-verified-record p {
    font-size: 12px;
  }
}
@container (max-width:540px) {
  .pv-watch-layout {
    grid-template-columns: 1fr;
    padding: 17px 12px;
    gap: 0;
  }
  .pv-rail,
  .pv-verification .pv-watch-layout > .pv-frames:last-child {
    display: none;
  }
  .pv-titlebar {
    gap: 7px;
  }
  .pv-titlebar h3 {
    font-size: 13px !important;
  }
  .pv-titlebar small {
    font-size: 8px;
  }
  .pv-title-actions {
    display: none;
  }
  .pv-titlebar .pv-status {
    font-size: 8px;
  }
  .pv-pagebar {
    font-size: 7px;
  }
  .pv-pagebar .pv-control {
    font-size: 7px;
    padding: 3px 5px;
  }
  .pv-bubble {
    font-size: 11px;
  }
  .pv-email-card {
    max-width: 95%;
  }
  .pv-event-meta b {
    font-size: 7px;
  }
  .pv-date {
    font-size: 8px;
  }
  .pv-session-grid {
    grid-template-columns: 1fr 1fr;
  }
  .pv-step-log {
    display: flex;
    font-size: 6px;
    gap: 7px;
  }
  .pv-step-log time {
    font-size: 5px;
  }
  .pv-bottom-bar {
    font-size: 7px;
  }
  .pv-bottom-bar > span:last-child {
    display: none;
  }
  .pv-kpis {
    gap: 4px;
  }
  .pv-kpi {
    padding: 6px 4px;
    border-radius: 6px;
  }
  .pv-kpi small {
    font-size: 6px;
    letter-spacing: 0;
  }
  .pv-kpi > b {
    font-size: 18px;
  }
  .pv-kpi > span {
    display: none;
  }
  .pv-kpi > i {
    margin-top: 7px;
  }
  .pv-metric-strip {
    font-size: 7px;
    gap: 5px;
  }
  .pv-metric-strip > b {
    display: none;
  }
  .pv-metric-strip strong {
    font-size: 13px;
  }
  .pv-cohort-detail {
    grid-template-columns: 1fr;
  }
  .pv-table-wrap {
    display: none;
  }
  .pv-table-tools .pv-control:nth-child(n + 3) {
    display: none;
  }
  .pv-drawer-goal p {
    font-size: 11px;
  }
  .pv-account-drawer .pv-session-card p {
    font-size: 10px;
  }
  .pv-account-drawer .pv-mini-screen b {
    font-size: 11px;
  }
  .pv-account-drawer .pv-mini-screen span {
    font-size: 8px;
  }
  .pv-room-layout {
    grid-template-columns: 1fr;
    padding: 18px 13px;
    gap: 18px;
  }
  .pv-room-header {
    padding: 13px;
  }
  .pv-room-header .pv-brand {
    font-size: 12px;
  }
  .pv-room-header > div:last-child {
    font-size: 0;
  }
  .pv-room-header > div:last-child > span {
    font-size: 8px;
  }
  .pv-room-context {
    margin: 14px 13px 0;
    font-size: 8px;
    gap: 7px;
  }
  .pv-room-steps {
    padding: 0;
  }
  .thread-refined .pv-room-steps h3 {
    font-size: 28px;
  }
  .pv-room-steps h3 br {
    display: none;
  }
  .pv-room-steps p {
    font-size: 11px;
    max-width: 100%;
    margin-top: 10px;
  }
  .pv-room-state {
    margin-bottom: 10px;
  }
  .pv-plan {
    margin-top: 15px;
  }
  .pv-plan > small {
    display: none;
  }
  .pv-plan-step {
    font-size: 9px;
    padding-bottom: 11px;
  }
  .pv-plan-step:after {
    height: 7px;
  }
  .pv-room-foot {
    display: none;
  }
  .pv-signin-card {
    margin-top: 13px;
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 8px;
  }
  .pv-signin-card label {
    grid-row: 1;
  }
  .pv-signin-card > div {
    margin: 0;
    font-size: 9px;
    grid-row: 2;
  }
  .pv-room-button {
    grid-column: 1/-1;
    margin-top: 4px;
    font-size: 10px;
    padding: 8px;
  }
  .pv-signin-card .pv-human-cursor {
    top: 57%;
    left: 70%;
  }
  .pv-room-steps p.pv-trust-line {
    font-size: 8px;
  }
  .pv-room-bottom {
    font-size: 7px;
    padding: 11px 13px;
  }
  .pv-room-bottom > span:first-child {
    display: none;
  }
  .pv-room-bottom > span:last-child {
    margin-left: auto;
  }
  .pv-external-screen {
    min-height: 306px;
  }
  .pv-external-body {
    min-height: 264px;
  }
  .pv-external-body > section {
    padding: 16px;
  }
  .pv-integration-card {
    margin-top: 15px;
  }
  .pv-integration-identity b {
    font-size: 11px;
  }
  .pv-integration-identity small {
    font-size: 8px;
  }
  .pv-integration-info > span {
    font-size: 8px;
  }
  .pv-integration-bottom small,
  .pv-external-button {
    font-size: 8px;
  }
  .pv-browser-help {
    font-size: 7px;
  }
  .pv-browser-chrome > span:nth-child(2) {
    font-size: 6px;
  }
  .pv-vitals > span {
    font-size: 8px;
    padding: 10px;
  }
  .pv-vitals small {
    font-size: 6px;
  }
  .pv-run-watch {
    padding: 16px 12px;
  }
  .pv-run-browser-head {
    font-size: 8px;
  }
  .pv-shopify-grid {
    grid-template-columns: 1fr;
    min-height: 290px;
  }
  .pv-shopify-nav {
    display: none;
  }
  .pv-shopify-content {
    padding: 18px;
  }
  .pv-theme-preview {
    height: 80px;
  }
  .pv-theme-card > div:last-child {
    font-size: 10px;
  }
  .pv-draft-theme {
    flex-wrap: nowrap;
  }
  .pv-draft-theme > div {
    width: auto;
    font-size: 9px;
  }
  .pv-light-control {
    font-size: 8px;
  }
  .pv-store-product {
    padding: 25px 15px;
    gap: 15px;
  }
  .thread-refined .pv-store-product h3 {
    font-size: 28px;
  }
  .pv-pot {
    height: 170px;
  }
  .pv-pot i {
    width: 53px;
    height: 80px;
  }
  .pv-payment-copy {
    font-size: 8px;
  }
  .pv-store-product > div > small {
    font-size: 7px;
  }
  .pv-store-head {
    font-size: 9px;
  }
  .pv-run-log > div {
    font-size: 8px;
  }
  .pv-source-code code {
    font-size: 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pv-stage * {
    animation: none !important;
    transition: none !important;
  }
}

/* Continuous stories. App chrome stays still; only the work advances. */
.pv-motion .pv-frames > [data-pv-frame] {
  animation: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.75s ease,
    visibility 0s 0.75s;
}
.pv-motion .pv-frames > [data-pv-frame].is-current {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.pv-motion .pv-frames > [data-pv-frame]:not(.is-current) * {
  animation-play-state: paused;
}
.pv-loop-bridge,
.pv-loop-bridge * {
  animation: none !important;
  transition: none !important;
}
.pv-history-window {
  height: 475px;
  overflow: hidden;
  position: relative;
  mask-image: linear-gradient(
    to bottom,
    transparent,
    #000 12px,
    #000 calc(100% - 8px),
    transparent
  );
}
.pv-history-track {
  position: relative;
  will-change: transform;
  padding-top: 12px;
}
.pv-story-event {
  will-change: opacity;
}
.pv-long-story .pv-watch-layout {
  align-items: start;
}
.pv-long-story .pv-event-copy {
  font-size: 12px;
  line-height: 1.65;
}
.pv-long-story .pv-bubble {
  font-size: 12px;
  line-height: 1.6;
  padding: 12px 14px;
}
.pv-long-story .pv-email-card section,
.pv-long-story .pv-email-card p {
  font-size: 12px;
  line-height: 1.6;
}
.pv-long-story .pv-event-meta b,
.pv-long-story .pv-event-meta time {
  font-size: 8px;
}
.pv-long-story .pv-event {
  padding-bottom: 25px;
}
.pv-long-story .pv-event:last-child {
  padding-bottom: 8px;
}
.pv-long-story .pv-session-card > p {
  font-size: 11px;
}
.pv-long-story .pv-where > p {
  font-size: 11px;
}
.pv-long-story .pv-where > .pv-secondary {
  font-size: 10px;
}
.pv-long-story .pv-source-code {
  color: #b4b4be;
}
.pv-long-story .pv-source-code code b {
  color: #d6d6dc;
}
.pv-voice-record {
  border: 1px solid #3a3a40;
  border-radius: 10px;
  overflow: hidden;
  background: #242426;
}
.pv-voice-record header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 14px 10px;
  font-size: 12px;
}
.pv-voice-record header > span:last-child {
  margin-left: auto;
  color: #aaaab3;
  font:
    10px "Thread App Mono",
    monospace;
}
.pv-voice-orb {
  width: 28px;
  height: 28px;
  flex: none;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #dfd3ff, #8773c1 43%, #3b305f 80%);
  box-shadow: inset 0 0 7px #e6dcff65;
}
.pv-waveform {
  display: flex;
  gap: 3px;
  align-items: center;
  height: 44px;
  padding: 0 14px;
}
.pv-waveform i {
  height: var(--bar);
  width: 3px;
  border-radius: 2px;
  background: #9d8fbe;
  opacity: 0.8;
}
.pv-waveform span {
  margin-left: auto;
  color: #aaaab3;
}
.pv-call-summary {
  border-top: 1px solid #3a3a40;
  padding: 12px 14px;
}
.pv-call-summary small {
  font-size: 8px;
  letter-spacing: 0.08em;
  margin-bottom: 6px;
}
.pv-call-summary p {
  font-size: 12px;
  line-height: 1.65;
  color: #d1d1d5;
}
.pv-voice-record footer {
  display: flex;
  justify-content: space-between;
  padding: 9px 14px;
  border-top: 1px solid #3a3a40;
  font-size: 9px;
  color: #a3a3ab;
}
.pv-mini-fields {
  display: grid;
  gap: 5px;
  margin-top: 10px;
}
.pv-mini-fields i {
  width: 80%;
  height: 4px;
  background: #3e4045;
  border-radius: 2px;
}
.pv-mini-fields i:nth-child(2) {
  width: 60%;
}
.pv-mini-button {
  display: inline-block !important;
  border: 1px solid #5a5d63;
  padding: 3px 7px;
  border-radius: 4px;
}
.pv-room-steps,
.pv-run-session,
.pv-browser {
  position: relative;
}
.pv-persistent-plan {
  margin-top: 24px;
}
.pv-persistent-step {
  display: grid;
  grid-template-columns: 20px 18px 1fr auto;
  gap: 8px;
  padding: 15px 0;
  border-bottom: 1px solid #deded7;
  color: #74766f;
  font-size: 11px;
  align-items: center;
}
.pv-step-number {
  font:
    8px "Thread App Mono",
    monospace;
  color: #83857c;
}
.pv-step-check {
  border: 1px solid #b8bbb0;
  border-radius: 50%;
  height: 15px;
  width: 15px;
  display: grid;
  place-items: center;
  font-style: normal;
}
.pv-step-check svg {
  opacity: 0;
  width: 10px;
  height: 10px;
}
.pv-step-time {
  font:
    8px "Thread App Mono",
    monospace;
  opacity: 0;
}
.pv-step-detail {
  display: none;
  grid-column: 2/-1;
  line-height: 1.65;
  padding-top: 8px;
}
.pv-persistent-step.is-active {
  color: #30372f;
}
.pv-persistent-step.is-active .pv-step-detail {
  display: block;
}
.pv-persistent-step.is-active .pv-step-check {
  border-color: #658265;
  border-width: 2px;
}
.pv-persistent-step.is-done .pv-step-check {
  border-color: #567b58;
  background: #567b58;
  color: white;
}
.pv-persistent-step.is-done .pv-step-check svg,
.pv-persistent-step.is-done .pv-step-time {
  opacity: 1;
}
.pv-persistent-step:has(.pv-signin-card).is-active {
  border-top: 2px solid #ae6f89;
  margin-top: -1px;
}
.pv-step-detail > small {
  color: #965b74;
  font-size: 8px;
  letter-spacing: 0.1em;
  margin: 0 0 8px;
}
.pv-step-detail .pv-signin-card {
  padding: 0;
  border: 0;
  background: transparent;
  margin: 0;
}
.pv-step-detail .pv-trust-line {
  margin-top: 12px;
  font-size: 9px;
}
.pv-room-state.your-turn {
  color: #965b74;
}
.pv-room-state.complete,
.pv-room-state.working {
  color: #507450;
}
.pv-room-summary {
  min-height: 65px;
}
.pv-motion .pv-room-layout {
  min-height: 630px;
}
.pv-motion .pv-room-steps h3.pv-room-heading {
  font-size: 30px;
  line-height: 1.1;
}
.pv-connection-done {
  color: #3b6a41;
  font-size: 11px;
}
.pv-travel-cursor {
  animation: none !important;
  transition: opacity 0.5s;
  z-index: 6;
}
.pv-travel-cursor i {
  position: absolute;
  left: -9px;
  top: -9px;
  width: 28px;
  height: 28px;
  border: 1px solid currentColor;
  border-radius: 50%;
  opacity: 0;
}
.pv-travel-cursor.is-clicking i {
  animation: pv-click 0.8s ease-out both;
}
.pv-loop-bridge .pv-travel-cursor.is-clicking i {
  opacity: 0;
}
@keyframes pv-click {
  0% {
    opacity: 0.7;
    transform: scale(0.3);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
.pv-motion [data-pv-type] {
  min-height: 1.6em;
}
.pv-motion .is-typing::after {
  content: "";
  display: inline-block;
  height: 1em;
  border-right: 1px solid currentColor;
  vertical-align: -0.12em;
  margin-left: 2px;
}
.pv-motion .pv-run-log {
  min-height: 105px;
}
.pv-motion .pv-mini-progress {
  animation: none;
  width: 80%;
}
@container (min-width:950px) {
  .pv-history-window {
    height: 525px;
  }
  .pv-long-story .pv-bubble,
  .pv-long-story .pv-email-card section,
  .pv-long-story .pv-email-card p,
  .pv-long-story .pv-event-copy {
    font-size: 13px;
  }
  .pv-long-story .pv-event-meta b,
  .pv-long-story .pv-event-meta time {
    font-size: 9px;
  }
  .pv-persistent-step {
    font-size: 12px;
  }
  .pv-motion .pv-room-layout {
    min-height: 660px;
  }
}
@container (max-width:650px) {
  .pv-long-story .pv-watch-layout {
    grid-template-columns: minmax(0, 1fr);
    padding: 18px 14px;
  }
  .pv-long-story .pv-rail {
    display: none;
  }
  .pv-long-story .pv-titlebar h3 {
    font-size: 15px !important;
  }
  .pv-long-story .pv-titlebar small {
    font-size: 9px;
  }
  .pv-long-story .pv-history-window {
    height: 450px;
  }
  .pv-long-story .pv-bubble,
  .pv-long-story .pv-email-card {
    max-width: 94%;
  }
  .pv-motion .pv-room-layout {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }
  .pv-motion .pv-room-steps {
    min-height: 555px;
  }
  .pv-motion .pv-room-heading br {
    display: none;
  }
  .pv-motion .pv-persistent-step {
    font-size: 12px;
    padding: 12px 0;
  }
  .pv-motion .pv-room-steps .pv-room-summary {
    font-size: 12px;
    min-height: 45px;
  }
  .pv-motion .pv-room-layout .pv-browser {
    min-height: 410px;
  }
  .pv-long-story .pv-session-grid {
    grid-template-columns: 1fr;
  }
  .pv-long-story .pv-step-log {
    display: none;
  }
  .pv-waveform {
    gap: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pv-motion *,
  .pv-motion *::before,
  .pv-motion *::after {
    animation: none !important;
    transition: none !important;
  }
  .pv-travel-cursor {
    display: none;
  }
}
.pv-run-history {
  height: 115px;
  margin-top: 15px;
}
.pv-run-history .pv-history-track {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.pv-run-history .pv-story-event {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 9px;
  color: #c1c1c7;
}
.pv-run-history time {
  font:
    8px "Thread App Mono",
    monospace;
  color: #92929d;
}
.pv-run-history svg {
  width: 10px;
  height: 10px;
  color: #aaaab3;
}
.pv-run-session > .pv-travel-cursor {
  color: #c69953;
}
.pv-backoffice .pv-travel-cursor > b { background: #98713c; color: #fff; }

/* v007: give the customer steps room; let the browser end at its own content. */
.pv-motion .pv-room-layout {
  grid-template-columns: minmax(230px, .9fr) minmax(0, 1.65fr);
  align-items: start;
  min-height: 0;
  gap: 26px;
  padding: 25px;
}
.pv-motion .pv-room-steps {
  min-height: 0;
  padding-top: 0;
}
.pv-motion .pv-room-layout .pv-browser {
  align-self: start;
  min-height: 0;
}
.pv-motion .pv-room-steps h3.pv-room-heading {
  font-size: 29px;
  line-height: 1.12;
}
.pv-motion .pv-room-heading br { display: none; }
.pv-motion .pv-room-steps .pv-room-summary {
  min-height: 55px;
  max-width: none;
  font-size: 11px;
  line-height: 1.6;
  margin-top: 12px;
}
/* The current step scrolls inside a stable pane, including the customer sign-in. */
.pv-motion .pv-persistent-plan {
  position: relative;
  margin-top: 16px;
  height: 270px;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: none;
  overscroll-behavior: contain;
  mask-image: linear-gradient(to bottom, #000 calc(100% - 9px), transparent);
}
.pv-motion .pv-persistent-plan::-webkit-scrollbar { display: none; }
.pv-motion .pv-persistent-step {
  grid-template-columns: 17px 16px minmax(0, 1fr);
  gap: 7px;
  padding: 12px 0;
  font-size: 11px;
  line-height: 1.45;
}
.pv-motion .pv-step-time { display: none; }
.pv-motion .pv-step-detail {
  grid-column: 3 / -1;
  font-size: 10px;
  padding-top: 3px;
  line-height: 1.55;
}
.pv-motion .pv-step-detail:has(.pv-signin-card) { grid-column: 2 / -1; }
.pv-motion .pv-room-foot {
  margin-top: 14px;
  font-size: 9px;
}
.pv-motion .pv-step-detail .pv-trust-line {
  margin-top: 9px;
  max-width: none;
  font-size: 8px;
}
@container (min-width:950px) {
  .pv-motion .pv-room-layout {
    grid-template-columns: minmax(270px, .9fr) minmax(0, 1.7fr);
    gap: 34px;
    padding: 30px 34px;
  }
  .pv-motion .pv-room-steps h3.pv-room-heading { font-size: 36px; }
  .pv-motion .pv-room-steps .pv-room-summary { font-size: 13px; min-height: 64px; }
  .pv-motion .pv-persistent-step { font-size: 12px; padding: 14px 0; }
  .pv-motion .pv-persistent-plan { height: 320px; }
  .pv-motion .pv-step-detail { font-size: 11px; }
  .pv-motion .pv-room-foot { font-size: 10px; }
}
@container (max-width:650px) {
  .pv-motion .pv-room-layout {
    grid-template-columns: minmax(0, 1fr);
    padding: 20px 17px;
    gap: 22px;
  }
  .pv-motion .pv-room-steps .pv-room-summary { min-height: 40px; font-size: 12px; }
  .pv-motion .pv-persistent-step { font-size: 12px; }
  .pv-motion .pv-step-detail { font-size: 11px; }
  .pv-motion .pv-room-steps h3.pv-room-heading { font-size: 28px; }
}
.pv-motion .pv-signin-card > div { min-height: 32px; }
@container (min-width:950px) {
  .pv-motion .pv-signin-card > div { min-height: 40px; }
}

/* Sidekick: crisp control feedback and quicker screen changes. */
.pv-sidekick.pv-motion .pv-frames > [data-pv-frame] {
  transition: opacity .24s ease, visibility 0s .24s;
}
.pv-sidekick.pv-motion .pv-frames > [data-pv-frame].is-current {
  transition-delay: 0s;
}
.pv-sidekick .pv-travel-cursor.is-clicking i { animation-duration: .45s; }
.pv-sidekick .pv-cursor.is-near-edge > b { position: absolute; right: calc(100% - 2px); white-space: nowrap; }
.pv-sidekick [data-pv-hit] { transition: box-shadow .12s, filter .12s; }
.pv-sidekick [data-pv-hit].is-pressed {
  box-shadow: 0 0 0 3px #b6658730;
  filter: brightness(.94);
}
.pv-sync-options { padding: 0 12px 10px; }
.pv-sync-options > div,
.pv-sync-log > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #e6e9df;
}
.pv-sync-options b, .pv-sync-log b { font-size: 10px; color: #3e4839; font-weight: 500; }
.pv-sync-options small, .pv-sync-log small { display: block; font-size: 8px; color: #858d7e; margin-top: 4px; }
.pv-sync-toggle {
  display: inline-flex;
  width: 29px;
  height: 17px;
  border-radius: 12px;
  flex: none;
  align-items: center;
  padding: 2px;
  background: #d4d8cf;
  transition: background .18s;
}
.pv-sync-toggle i {
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px #0002;
  transition: transform .18s;
}
.pv-sync-toggle.is-on { background: #506346; }
.pv-sync-toggle.is-on i { transform: translateX(12px); }
.pv-accounting-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }
.pv-accounting-actions > span:first-child { color: #858d7e; font-size: 8px; line-height: 1.6; }
.pv-sync-log { padding: 0 12px 8px; }
.pv-sync-log strong { font-size: 9px; color: #6f7869; font-weight: 500; }
@container (min-width:950px) {
  .pv-sync-options b, .pv-sync-log b { font-size: 12px; }
  .pv-sync-options small, .pv-sync-log small, .pv-accounting-actions > span:first-child { font-size: 10px; }
  .pv-sync-log strong { font-size: 11px; }
}

/* Shared action pacing for Runbooks and the browser sessions inside a Guide. */
.pv-backoffice.pv-motion .pv-frames > [data-pv-frame],
.pv-motion .pv-session-live .pv-frames > [data-pv-frame] { transition: opacity .24s ease, visibility 0s .24s; }
.pv-backoffice.pv-motion .pv-frames > [data-pv-frame].is-current,
.pv-motion .pv-session-live .pv-frames > [data-pv-frame].is-current { transition-delay: 0s; }
.pv-motion .pv-travel-cursor.is-clicking i { animation-duration: .45s; }
.pv-motion .pv-cursor.is-near-edge > b { position: absolute; right: calc(100% - 2px); white-space: nowrap; }
.pv-motion [data-pv-hit] { transition: box-shadow .12s, filter .12s; }
.pv-motion [data-pv-hit].is-pressed { box-shadow: 0 0 0 3px #b6658730; filter: brightness(.94); }
.pv-backoffice [data-pv-hit].is-pressed { box-shadow: 0 0 0 3px #c6995340; }
.pv-template-blocks { border: 1px solid #d7ddce; border-radius: 6px; background: white; overflow: hidden; }
.pv-template-blocks > div { position: relative; padding: 13px; border-bottom: 1px solid #e3e5df; font-size: 10px; }
.pv-template-blocks > div:last-child { border: 0; }
.pv-template-blocks small { display: block; font-size: 8px; margin-top: 4px; color: #828a78; }
.pv-template-blocks b { position: absolute; right: 14px; top: 18px; }
.pv-template-blocks [data-pv-hit] { background: #f0f3eb; }
.pv-editor-row > .pv-editor-switch { background: #c4cbbd; transition: background .18s; }
.pv-editor-row > .pv-editor-switch:after { margin-left: 2px; transition: transform .18s; }
.pv-editor-row > .pv-editor-switch.is-on { background: #657f50; }
.pv-editor-row > .pv-editor-switch.is-on:after { transform: translateX(9px); }
.pv-position-picker { position: relative; }
.pv-position-picker > b { display: block; padding: 2px 5px; }
.pv-position-options { position: absolute; top: 100%; right: 0; z-index: 4; min-width: 120px; padding: 4px; background: white; border: 1px solid #c9d1be; border-radius: 5px; box-shadow: 0 5px 15px #0001; opacity: 0; visibility: hidden; transition: opacity .12s; }
.pv-position-options.is-open { opacity: 1; visibility: visible; }
.pv-position-options > span { display: block; padding: 7px; font-size: 8px; }
.pv-position-options [data-pv-hit] { background: #eef2e9; border-radius: 3px; }
.pv-draft-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 9px; color: #738168; }
.pv-preview-tools { display: flex; align-items: center; gap: 5px; padding: 8px; background: #eceee7; border-bottom: 1px solid #d7dccf; font-size: 8px; color: #64715a; }
.pv-preview-tools > span { padding: 4px 7px; border-radius: 3px; }
.pv-preview-tools .is-selected { background: #fff; box-shadow: 0 1px 2px #0001; }
.pv-preview-tools > b { margin-left: auto; font-size: 7px; font-weight: 500; padding: 4px; }
.pv-shopify .pv-mobile-store { background: #e4e6de; }
.pv-mobile-store .pv-store-head,
.pv-mobile-store .pv-store-product,
.pv-mobile-store .pv-draft-label { max-width: 190px; margin-inline: auto; background: #f6f1e6; }
.pv-mobile-store .pv-store-head { margin-top: 10px; border-radius: 8px 8px 0 0; padding: 10px; font-size: 6px; }
.pv-mobile-store .pv-store-head > span { display: none; }
.pv-mobile-store .pv-store-product { display: block; padding: 10px; }
.pv-mobile-store .pv-pot { height: 68px; margin-bottom: 9px; }
.pv-mobile-store .pv-pot > span { display: none; }
.pv-mobile-store .pv-pot i { width: 25px; height: 40px; }
.thread-refined .pv-mobile-store .pv-store-product h3 { font-size: 18px; margin: 5px 0; }
.pv-mobile-store .pv-store-product h3 br { display: none; }
.pv-mobile-store .pv-draft-label { border-radius: 0 0 8px 8px; margin-bottom: 10px; font-size: 6px; }
.pv-draft-receipt { border: 1px solid #d7ddce; border-radius: 6px; padding: 14px; background: white; }
.pv-draft-receipt > small { font-size: 7px; letter-spacing: .05em; color: #7e8872; }
.pv-draft-receipt > p { font-size: 13px; line-height: 1.5; color: #45503c; margin: 12px 0 20px; }
.pv-draft-receipt > div { display: flex; justify-content: space-between; gap: 10px; font-size: 8px; padding: 9px 0; border-top: 1px solid #e3e5df; }
.pv-draft-receipt b { color: #617450; font-weight: 500; }
.pv-session-live { position: relative; overflow: hidden; }
.pv-session-live > .pv-frames { border: 0; padding: 0; margin: 0; min-height: 134px; }
.pv-session-live .pv-frames > div { padding-top: 3px; }
.pv-session-live .pv-frames p { font-size: 8px; line-height: 1.6; margin: 8px 0 13px; color: #9b9ca5; }
.pv-session-live .pv-frames small { display: block; font-size: 6px; color: #b98ba1; margin-bottom: 8px; letter-spacing: .06em; }
.pv-session-live .pv-mini-action { display: inline-block; padding: 6px 8px; border: 1px solid #63505b; background: #332830; border-radius: 4px; color: #e0c6d3; font-size: 7px; margin-top: 7px; }
.pv-session-live .pv-mini-option { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 14px 0; }
.pv-session-live .pv-mini-option > span { margin: 0; font-size: 7px; }
.pv-mini-switch { display: block; width: 22px; height: 13px; border-radius: 8px; background: #585860; flex: none; }
.pv-mini-switch::after { content: ''; display: block; width: 9px; height: 9px; border-radius: 50%; background: #dddde0; margin: 2px; transition: transform .18s; }
.pv-mini-switch.is-on { background: #a26985; }
.pv-mini-switch.is-on::after { transform: translateX(9px); }
.pv-session-live .pv-mini-saved { border-top: 1px solid #3e4842; padding-top: 10px; color: #94b3a3; }
.pv-session-live .pv-cursor { display: flex; margin: 0; color: #c88da9; }
.pv-session-live .pv-human-cursor { color: #c0cbc5; }
.pv-session-live .pv-cursor > svg { width: 16px; height: 16px; flex: none; }
.pv-session-live .pv-cursor > b { font-size: 6px; padding: 2px 4px; margin-top: 12px; }
.pv-session-live .pv-cursor > i { width: 20px; height: 20px; left: -6px; top: -6px; }

/* v013: an editorial crop of Thread's Watch / Sidekick / receipt surfaces.
   Product references and the distinction from a recording: docs/product-opening-v013.txt. */
.pv-opening { padding: 4.5% 4.5% 20px; background-image: url('/images/product/guide-story-v001/backdrop-v001.png'); }
.pv-opening .po-app { min-height: 662px; border: 1px solid #39393d; border-radius: 12px; overflow: hidden; background: #111113; box-shadow: 0 18px 55px #10202230; }
.pv-opening .po-app > [data-pv-frame] { height: 662px; }
.pv-opening .po-watch { display: grid; grid-template-columns: 145px minmax(0,1fr); height: 100%; }
.pv-opening .pv-sidebar { width: auto; font-size: 11px; padding: 15px 11px; border-right: 1px solid #262628; background: #0a0a0b; }
.pv-opening .pv-sidebar .pv-brand { font-size: 13px; margin-bottom: 24px; }
.pv-opening .pv-sidebar .pv-nav-row { font-size: 11px; min-height: 30px; margin: 1px 0; }
.pv-opening .pv-sidebar .pv-nav-child { font-size: 10px; padding-block: 4px; }
.pv-opening .pv-sidebar .pv-nav-section { font-size: 9px; margin-top: 18px; }
.pv-opening .pv-sidebar .pv-sidebar-user { font-size: 10px; }
.pv-opening .po-watch-main { display: flex; flex-direction: column; min-width: 0; height: 100%; background: #111113; }
.pv-opening .po-watch-head { padding: 18px 23px 14px; border-bottom: 1px solid rgba(255,250,240,.09); }
.pv-opening .po-breadcrumb { color: #a3a3ab; font-size: 10px; margin-bottom: 16px; }
.pv-opening .po-breadcrumb span { color: #66666e; margin: 0 5px; }
.pv-opening .po-account { display: flex; gap: 10px; align-items: center; }
.pv-opening .po-identity { display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; }
.pv-opening .po-identity strong { font-size: 15px; font-weight: 600; color: #ededef; }
.pv-opening .po-identity > span { font-size: 11px; color: #a3a3ab; }
.pv-opening .pv-status { font-size: 10px; font-weight: 500; }
.pv-opening .po-account p { font-size: 11px; color: #a3a3ab; margin: 5px 0 0; line-height: 1.5; }
.pv-opening .po-account p > span { margin-inline: 4px; }
.pv-opening .po-account .po-handoff { color: #69d9cb; }
.pv-opening .po-guide-mark { flex: 0 0 28px; height: 28px; display: grid; place-items: center; color: #ffcedd; border-radius: 7px; background: radial-gradient(circle at 25% 18%, #ffb8c4, #ad305a 52%, #331329); box-shadow: inset 0 1px 1px #ffffff80, 0 0 12px #d9406f45; }
.pv-opening .po-guide-mark svg { width: 19px; height: 19px; }
.pv-opening .po-actions { display: flex; gap: 7px; margin-top: 14px; justify-content: flex-end; }
.pv-opening .po-actions > span { color: #96969f; border: 1px solid #2a2a2d; border-radius: 20px; font-size: 10px; padding: 4px 9px; }
.pv-opening .po-watch-body { display: grid; grid-template-columns: minmax(0,1fr) 190px; gap: 24px; padding: 24px 23px 0; flex: 1; min-height: 0; overflow: hidden; }
.pv-opening .po-log { min-width: 0; }
.pv-opening .po-day { display: flex; align-items: center; gap: 14px; color: #a3a3ab; font-size: 9px; font-weight: 600; letter-spacing: .09em; margin: 0 0 16px 13px; }
.pv-opening .po-day > span { height: 1px; background: #252527; flex: 1; }
.pv-opening .po-event { padding: 0 0 18px 17px; position: relative; border-left: 1px solid #2b2b2d; margin-left: 6px; }
.pv-opening .po-event::before { content: ''; position: absolute; top: 2px; left: -4px; width: 7px; height: 7px; border-radius: 50%; background: #65aaff; box-shadow: 0 0 0 3px #27394d; }
.pv-opening .po-system::before { background: #111113; box-shadow: none; border: 1px solid #777780; }
.pv-opening .po-event-meta { display: flex; align-items: baseline; gap: 14px; color: #a3a3ab; font-size: 9px; margin-bottom: 9px; }
.pv-opening .po-event-meta b { font-weight: 600; font-size: 9px; letter-spacing: .055em; }
.pv-opening .po-event-meta time { color: #909099; font-size: 9px; }
.pv-opening .po-bubble { padding: 10px 12px; background: linear-gradient(180deg,#272727,#232322); border: 1px solid #3b3b3a; border-radius: 13px 13px 4px 13px; box-shadow: 0 3px 6px #0002, inset 0 1px 0 #ffffff04; color: #e5e5e8; font-size: 13px; line-height: 1.5; max-width: 89%; width: fit-content; }
.pv-opening .po-outgoing { margin-left: auto; }
.pv-opening .po-incoming { border-radius: 13px 13px 13px 4px; }
.pv-opening .po-bubble small { display: block; color: #79b6ff; font-size: 9px; font-weight: 600; letter-spacing: .08em; margin-bottom: 3px; }
.pv-opening .po-message-link { display: block; color: #79b6ff; text-decoration: underline; margin-top: 3px; }
.pv-opening .po-event-note { font-size: 12px; color: #b6b6bc; margin: 0; line-height: 1.5; }
.pv-opening .po-standing { padding: 15px; border: 1px solid rgba(255,250,240,.22); border-radius: 12px; background: #0a0a0b; }
.pv-opening .po-standing > small,.pv-opening .po-rail-foot > small { font-size: 9px; color: #a3a3ab; font-weight: 600; letter-spacing: .07em; }
.pv-opening .po-standing > p { font-size: 12px; color: #ededef; line-height: 1.55; margin: 11px 0; }
.pv-opening .po-standing > .po-muted { color: #a3a3ab; font-size: 11px; }
.pv-opening .po-counter { font-size: 10px; color: #8d8d96; }
.pv-opening .po-ladder { padding: 18px 0 0 7px; margin: 0; list-style: none; }
.pv-opening .po-ladder > li { padding: 0 0 16px 14px; font-size: 10px; position: relative; color: #777780; border-left: 1px solid #39393d; }
.pv-opening .po-ladder > li:last-child { border: 0; }
.pv-opening .po-ladder > li::before { content: ''; width: 5px; height: 5px; position: absolute; top: 4px; left: -3px; border-radius: 50%; border: 1px solid currentColor; background: #111113; }
.pv-opening .po-ladder > li.pv-complete { color: #bcbcc2; }
.pv-opening .po-ladder > li.pv-complete::before,.pv-opening .po-ladder > li.pv-current::before { background: currentColor; }
.pv-opening .po-ladder > li.pv-current { color: #b7a4f9; }
.pv-opening .po-ladder > li.pv-current.green { color: #77d4af; }
.pv-opening .po-rail-foot { padding-top: 12px; border-top: 1px solid #2a2a2e; }
.pv-opening .po-rail-foot p { font-size: 10px; color: #a3a3ab; line-height: 1.6; }
.pv-opening .po-log-footer { display: flex; justify-content: space-between; border-top: 1px solid #27272a; font-size: 9px; color: #91919b; padding: 11px 23px; }
.pv-opening .po-receipt { border: 1px solid #343436; border-radius: 10px; padding: 14px; background: #0d0d0e; }
.pv-opening .po-receipt header { display: flex; justify-content: space-between; font-size: 9px; color: #a3a3ab; }
.pv-opening .po-receipt header small { letter-spacing: .08em; font-size: 9px; font-weight: 600; }
.pv-opening .po-source { font-size: 11px; margin: 14px 0 11px; color: #bcd8e4; }
.pv-opening .po-source span { color: #a3a3ab; }
.pv-opening .po-receipt dl { margin: 0; font-family: 'Thread App Mono',monospace; font-size: 11px; }
.pv-opening .po-receipt dl > div { display: flex; justify-content: space-between; gap: 10px; margin: 7px 0; }
.pv-opening .po-receipt dt { color: #9c9ca5; }
.pv-opening .po-receipt dd { margin: 0; color: #d5d5db; }
.pv-opening .po-verified { border-top: 1px solid #29292d; margin-top: 13px; padding-top: 10px; color: #77d4af; font-size: 11px; }
.pv-opening .po-verified > span { float: right; color: #a3a3ab; font-size: 9px; }
.pv-opening .po-room { background: #fbfbfa; color: #31322f; height: 100%; display: flex; flex-direction: column; }
.pv-opening .po-room-head { display: flex; align-items: center; gap: 15px; padding: 17px 24px; border-bottom: 1px solid #deded9; font-size: 12px; }
.pv-opening .po-brand { display: inline-flex; gap: 9px; align-items: center; font-size: 14px; font-weight: 600; }
.pv-opening .po-brand .pv-brand-tile { background: #f0f0ec; border: 1px solid #d8d8d2; }
.pv-opening .po-room-label { font: 9px 'Thread App Mono',monospace; color: #707269; letter-spacing: .09em; border-left: 1px solid #d7d7d0; padding-left: 15px; }
.pv-opening .po-room-task { margin-left: auto; color: #77796e; font-size: 10px; }
.pv-opening .po-stop { border: 1px solid #d7d7d0; border-radius: 4px; padding: 4px 9px; font-size: 10px; }
.pv-opening .po-room-intro { padding: 20px 26px; font-size: 11px; }
.pv-opening .po-room-intro > span { display: inline-block; color: #72756c; padding: 4px 7px; border: 1px solid #deded8; border-radius: 4px; margin-right: 12px; }
.pv-opening .po-room-body { display: grid; grid-template-columns: 215px minmax(0,1fr); gap: 26px; padding: 7px 26px 24px; flex: 1; min-height: 0; }
.pv-opening .po-steps { min-width: 0; display: flex; flex-direction: column; }
.pv-opening .po-room-state { font: 9px 'Thread App Mono',monospace; letter-spacing: .04em; color: #426c42; margin: 4px 0 12px; }
.pv-opening .po-steps h3 { font-family: 'Newsreader',Georgia,serif; font-size: 30px; font-weight: 400; letter-spacing: -.025em; line-height: 1.12; color: #2d2e29; margin: 0 0 15px; }
.pv-opening .po-steps > p { color: #76786e; font-size: 12px; line-height: 1.65; margin: 0; }
.pv-opening .po-steps ol { list-style: none; padding: 0; margin: 27px 0 0; }
.pv-opening .po-steps li { display: flex; gap: 12px; padding: 16px 0; color: #77796d; border-bottom: 1px solid #deded8; font-size: 11px; }
.pv-opening .po-steps li > i { font: 9px 'Thread App Mono',monospace; padding-top: 2px; color: #838579; }
.pv-opening .po-steps li > span::before { content: '○'; display: inline-block; font-size: 14px; width: 20px; line-height: 1; }
.pv-opening .po-steps li.is-active { color: #2f4034; font-weight: 500; }
.pv-opening .po-steps li.is-active > span::before { content: '◉'; color: #56805a; }
.pv-opening .po-steps li.is-done > span::before { content: '✓'; color: #56805a; }
.pv-opening .po-turn-note { margin-top: auto; border-top: 1px solid #deded8; padding-top: 15px; font-size: 10px; color: #77796e; line-height: 1.6; }
.pv-opening .po-browser { position: relative; min-width: 0; border: 1px solid #d3d4ce; border-radius: 9px; overflow: hidden; background: #fff; display: flex; flex-direction: column; }
.pv-opening .po-browser-bar { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #eeefeb; border-bottom: 1px solid #d3d4ce; font-size: 10px; color: #85887d; }
.pv-opening .po-browser-bar > span:nth-child(2) { background: #fafaf8; flex: 1; border: 1px solid #d9dbd4; border-radius: 4px; padding: 4px 8px; font-size: 9px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pv-opening .po-merchant-bar { display: flex; align-items: center; justify-content: space-between; padding: 15px 17px; border-bottom: 1px solid #e5e7e1; font-size: 12px; }
.pv-opening .po-merchant-bar > span { font-size: 9px; color: #8a8e81; }
.pv-opening .po-merchant-bar i { display: inline-grid; place-items: center; background: #edf0e8; font-style: normal; border-radius: 50%; width: 23px; height: 23px; margin-left: 8px; }
.pv-opening .po-browser-work { display: grid; grid-template-columns: 100px minmax(0,1fr); flex: 1; }
.pv-opening .po-merchant-nav { background: #f7f8f4; border-right: 1px solid #e4e5df; padding: 22px 8px; }
.pv-opening .po-merchant-nav > span { display: block; font-size: 9px; color: #848a79; padding: 9px 5px; margin-bottom: 5px; border-radius: 4px; }
.pv-opening .po-merchant-nav > .po-active { color: #536349; background: #e8ede1; }
.pv-opening .po-browser-pages { padding: 23px 20px; }
.pv-opening .po-browser-pages > [data-pv-frame] > small { font-size: 8px; color: #8a8f80; }
.pv-opening .po-browser-pages h4 { font: 500 22px/1.18 'Thread App',sans-serif; letter-spacing: -.02em; color: #35412f; margin: 9px 0; }
.pv-opening .po-browser-pages p { font: 10px/1.6 'Thread App',sans-serif; color: #8b907f; margin: 0 0 21px; }
.pv-opening .po-settings-card { border: 1px solid #d8dfcf; border-radius: 7px; padding: 16px; margin-bottom: 18px; display: flex; align-items: center; gap: 12px; background: #fcfdf9; font-size: 11px; }
.pv-opening .po-settings-card b { font-size: 11px; display: block; color: #49553c; }
.pv-opening .po-settings-card span { display: block; font-size: 9px; color: #8a917d; margin-top: 4px; }
.pv-opening .po-settings-card > span,.pv-opening .po-settings-card > strong { margin-left: auto; font-size: 9px; font-weight: 500; }
.pv-opening .po-settings-card .po-toggle { width: 29px; height: 17px; border-radius: 10px; flex: 0 0 29px; background: #b2b7a9; padding: 2px; transition: background .2s; }
.pv-opening .po-toggle::after { content: ''; display: block; width: 13px; height: 13px; border-radius: 50%; background: white; transition: transform .2s; }
.pv-opening .po-settings-card .po-toggle.is-on { background: #60794f; }
.pv-opening .po-toggle.is-on::after { transform: translateX(12px); }
.pv-opening .po-setting-line { display: flex; justify-content: space-between; font-size: 10px; gap: 12px; padding: 14px 0; border-bottom: 1px solid #e5e9de; color: #8a917e; }
.pv-opening .po-setting-line b { font-weight: 400; color: #59654b; }
.pv-opening .po-menu-preview { border: 1px solid #e2e6db; border-radius: 6px; padding: 17px; display: grid; font-size: 10px; color: #849076; gap: 4px; }
.pv-opening .po-menu-preview b { font-size: 29px; font-weight: 500; color: #566647; }
.pv-opening .po-hours { border: 1px solid #d8dfd0; border-radius: 7px; padding: 18px; margin: 0 0 20px; background: #fafbf7; }
.pv-opening .po-hours > div { display: flex; justify-content: space-between; font-size: 10px; gap: 10px; margin-bottom: 18px; color: #747c69; }
.pv-opening .po-hours > strong { font-size: 17px; display: block; font-weight: 500; color: #47573b; }
.pv-opening .po-hours > span { font-size: 9px; color: #9a9f91; }
.pv-opening .po-browser-action { display: block; width: fit-content; margin: 24px 0 12px auto; padding: 9px 12px; border-radius: 4px; background: #556a46; color: white; font-size: 10px; }
.pv-opening .po-human-action { background: #795670; }
.pv-opening .po-browser-pages .po-secure { font-size: 9px; text-align: right; }
.pv-opening .po-browser-foot { border-top: 1px solid #e1e5d9; background: #f7f8f4; color: #7a8370; padding: 11px 15px; font-size: 9px; }
.pv-opening .po-room-footer { display: flex; justify-content: space-between; border-top: 1px solid #deded8; font-size: 9px; color: #84877b; padding: 12px 25px; }
.pv-opening .po-cursor-agent { color: #bb668c; }
.pv-opening .po-cursor-human { color: #566169; }
.pv-opening .po-cursor-human > b { background: #566169; }
.pv-opening .pv-cursor > svg { width: 23px; height: 23px; }
.pv-opening .pv-cursor > b { font-size: 10px; }
.pv-opening .po-story-caption { display: flex; align-items: center; justify-content: space-between; margin-top: 17px; font-size: 11px; color: #26342f; font-weight: 500; }
.pv-opening .po-story-dots { display: flex; gap: 7px; }
.pv-opening .po-story-dots i { width: 5px; height: 5px; border-radius: 50%; background: #26342f55; }
.pv-opening[data-frame='0'] .po-story-dots i:nth-child(1),.pv-opening[data-frame='1'] .po-story-dots i:nth-child(2),.pv-opening[data-frame='2'] .po-story-dots i:nth-child(3) { background: #26342f; }
.tr-scale figure { margin: 0; }
@container (min-width: 1200px) {
  .pv-opening .po-watch { grid-template-columns: 155px minmax(0,1fr); }
  .pv-opening .po-watch-body { grid-template-columns: minmax(0,1fr) 215px; gap: 30px; }
  .pv-opening .po-bubble { font-size: 14px; }
  .pv-opening .po-standing > p { font-size: 13px; }
}
@container (max-width: 850px) {
  .pv-opening .po-watch { grid-template-columns: minmax(0,1fr); }
  .pv-opening .pv-sidebar { display: none; }
  .pv-opening .po-watch-body { grid-template-columns: minmax(0,1fr) 175px; gap: 20px; }
  .pv-opening .po-room-body { grid-template-columns: 175px minmax(0,1fr); gap: 20px; padding-inline: 20px; }
  .pv-opening .po-merchant-nav { display: none; }
  .pv-opening .po-browser-work { display: block; }
}
@container (max-width: 560px) {
  .pv-opening .po-app,.pv-opening .po-app > [data-pv-frame] { height: 680px; min-height: 680px; }
  .pv-opening .po-watch-head { padding: 17px 14px; }
  .pv-opening .po-breadcrumb { font-size: 9px; margin-bottom: 13px; }
  .pv-opening .po-identity { gap: 4px 8px; }
  .pv-opening .po-identity > span,.pv-opening .po-account p,.pv-opening .po-actions { display: none; }
  .pv-opening .po-identity strong { font-size: 14px; }
  .pv-opening .po-watch-body { display: block; padding: 23px 14px 0; }
  .pv-opening .po-rail { display: none; }
  .pv-opening .po-bubble { font-size: 13px; max-width: 94%; padding: 10px; }
  .pv-opening .po-event { padding-bottom: 24px; }
  .pv-opening .po-log-footer { padding-inline: 14px; font-size: 9px; }
  .pv-opening .po-log-footer > span:last-child { display: none; }
  .pv-opening .po-receipt { padding: 12px; }
  .pv-opening .po-receipt dl { font-size: 10px; }
  .pv-opening .po-verified > span { float: none; display: block; padding-top: 4px; }
  .pv-opening .po-room-head { padding: 15px; gap: 12px; }
  .pv-opening .po-room-task,.pv-opening .po-stop { display: none; }
  .pv-opening .po-room-intro { padding: 16px; font-size: 10px; }
  .pv-opening .po-room-intro > span { margin-right: 5px; }
  .pv-opening .po-room-body { display: flex; flex-direction: column; gap: 14px; padding: 0 14px 16px; }
  .pv-opening .po-steps h3 { font-size: 25px; margin-bottom: 9px; }
  .pv-opening .po-steps h3 br { display: none; }
  .pv-opening .po-steps > p,.pv-opening .po-steps ol { display: none; }
  .pv-opening .po-room-state { font-size: 9px; margin: 0 0 9px; }
  .pv-opening .po-turn-note { border: 0; padding: 0; font-size: 11px; min-height: 35px; }
  .pv-opening .po-browser { flex: 1; min-height: 0; }
  .pv-opening .po-browser-bar { padding: 8px; gap: 6px; }
  .pv-opening .po-browser-bar > span:first-child { display: none; }
  .pv-opening .po-browser-bar > span:nth-child(2) { font-size: 8px; }
  .pv-opening .po-merchant-bar { padding: 12px; font-size: 11px; }
  .pv-opening .po-merchant-bar > span { font-size: 0; }
  .pv-opening .po-merchant-bar i { font-size: 9px; }
  .pv-opening .po-browser-pages { padding: 17px 12px; }
  .pv-opening .po-browser-pages h4 { font-size: 20px; }
  .pv-opening .po-browser-pages p { font-size: 10px; margin-bottom: 15px; }
  .pv-opening .po-settings-card { padding: 12px; }
  .pv-opening .po-hours { padding: 13px; margin-bottom: 10px; }
  .pv-opening .po-hours > div { margin-bottom: 10px; }
  .pv-opening .po-hours > strong { font-size: 15px; }
  .pv-opening .po-browser-action { margin-top: 12px; margin-bottom: 8px; }
  .pv-opening .po-story-caption { font-size: 10px; gap: 12px; }
  .pv-opening .po-room-footer { padding: 12px 14px; font-size: 8px; }
}
@media (max-width: 600px) { .pv-opening { padding: 10px 10px 15px; border-radius: 18px; } }
.pv-opening .po-actions > span { display: inline-flex; align-items: center; gap: 5px; }
.pv-opening .po-actions svg { width: 11px; height: 11px; }
.pv-opening .pv-sidebar { gap: 1px; }
.pv-opening .pv-sidebar .pv-brand { margin-bottom: 14px; padding-bottom: 9px; }
.pv-opening .pv-sidebar .pv-nav-section { margin-top: 5px; padding-top: 10px; }
.pv-opening .pv-sidebar .pv-user { padding-top: 16px; font-size: 10px; }
.pv-opening .po-story-caption { color: #f6f7f4; text-shadow: 0 1px 8px #0009; }
.pv-opening .po-story-dots i { background: #f6f7f450; }
.pv-opening[data-frame='0'] .po-story-dots i:nth-child(1),.pv-opening[data-frame='1'] .po-story-dots i:nth-child(2),.pv-opening[data-frame='2'] .po-story-dots i:nth-child(3) { background: #f6f7f4; }
.pv-opening .po-browser-work { min-height: 0; overflow: hidden; }
.pv-opening .po-browser-foot { flex-shrink: 0; min-height: 34px; }
.pv-opening .po-watch,.pv-opening .po-watch-main,.pv-opening .pv-sidebar { min-height: 0; }
.pv-opening .pv-sidebar { overflow: hidden; }
.pv-opening .pv-sidebar .pv-nav-row > span { white-space: nowrap; font-size: 10.5px; }
.pv-opening .po-log-footer { flex-shrink: 0; }

/* Voice belongs to the same account history; captions carry the silent excerpt. */
.pv-opening .po-log.pv-history-window { height: 100%; min-height: 0; }
.pv-opening .po-log .pv-history-track { padding-top: 0; }
.pv-opening .po-call-event::before { background: #b7a4f9; box-shadow: 0 0 0 3px #353044; }
.pv-opening .po-call { background: #1b1b1e; border-color: #3c3944; }
.pv-opening .po-call header { padding: 12px 14px 8px; }
.pv-opening .po-call header b { display: block; color: #ededef; font-size: 13px; font-weight: 500; }
.pv-opening .po-call header small { display: block; margin-top: 4px; color: #a3a3ab; font-size: 10px; }
.pv-opening .po-phone-icon { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 8px; background: #30293f; color: #c4b1ee; display: grid; place-items: center; }
.pv-opening .po-phone-icon svg { width: 16px; height: 16px; }
.pv-opening .po-call-context { color: #9a96a5; font-size: 9px; padding: 0 14px 8px; }
.pv-opening .po-call .pv-waveform { height: 36px; gap: 3px; }
.pv-opening .po-call .pv-waveform i { flex: 0 0 3px; transform-origin: center; }
.pv-opening .po-call .pv-waveform > span { font-size: 9px; white-space: nowrap; }
.pv-opening .po-call-transcript { display: grid; gap: 12px; padding: 13px 14px 15px; }
.pv-opening .po-call-transcript > div { display: grid; grid-template-columns: 33px minmax(0,1fr); gap: 9px; align-items: baseline; }
.pv-opening .po-call-transcript small { font-size: 9px; font-weight: 600; letter-spacing: .06em; color: #c4b1ee; }
.pv-opening .po-call-transcript > div:last-child small { color: #79b6ff; }
.pv-opening .po-call-transcript p { color: #ededef; font-size: 13px; line-height: 1.55; margin: 0; }
.pv-opening .po-call footer { border-color: #343239; font-size: 9px; gap: 10px; }
@container (max-width: 560px) {
  .pv-opening .po-call header { padding-inline: 11px; }
  .pv-opening .po-call .pv-waveform { padding-inline: 11px; gap: 2px; }
  .pv-opening .po-call .pv-waveform i { flex-basis: 2px; }
  .pv-opening .po-call .pv-waveform > span { font-size: 8px; }
  .pv-opening .po-call-transcript { padding-inline: 11px; }
  .pv-opening .po-call footer { font-size: 8px; padding-inline: 11px; }
}