/* Pryseflow card widgets
   New marketing-site widget UI belongs here so it can evolve independently
   from the exported Webflow stylesheet. */

.pf-widget-stage {
  width: 100%;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #f7f7f8;
}

/* Match .widget_outer.time width used by Sales Channels / Invoicing widgets. */
.widget-centered.full.pf-widget-host--operations {
  width: 25.38rem;
  max-width: 100%;
}

.pf-ops-widget {
  width: 100%;
  padding: var(--spacing--16);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  box-shadow: 0 4px 80px 0 var(--_🎨-color--tokens---background--shadow, rgb(20 16 18 / 16%));
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-ops-widget__header {
  display: flex;
  align-items: center;
  gap: var(--spacing--8);
  padding-bottom: var(--spacing--16);
  border-bottom: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
}

.pf-ops-widget__title {
  margin: 0;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  color: #f7f7f8;
}

.pf-widget-check {
  flex: 0 0 auto;
  width: var(--_❇️-icon---button-icon--rectangle-large);
  height: var(--_❇️-icon---button-icon--rectangle-large);
  color: var(--_🎨-color--tokens---tone--subtle, #dedee1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pf-widget-check svg {
  display: block;
  width: 100%;
  height: 100%;
}

.pf-status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 1.25rem;
  margin-left: auto;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  white-space: nowrap;
}

.pf-status::before {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background: currentColor;
  content: "";
}

.pf-status--live {
  color: #f39a69;
  background: #3a271e;
}

.pf-status--ready {
  color: #78dfa2;
  background: #183a27;
}

.pf-status--cleanup {
  color: #efbf60;
  background: #44351b;
}

.pf-ops-widget__list {
  display: grid;
  gap: var(--spacing--12);
  margin-top: var(--spacing--16);
}

.pf-ops-widget__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--spacing--12);
  padding: var(--spacing--12);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
}

.pf-ops-widget__copy {
  min-width: 0;
}

.pf-ops-widget__name {
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-ops-widget__source {
  margin-top: var(--spacing--4);
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #99999f;
}

/* Contracts widget — condensed agreement record */

.widget-centered.full.pf-widget-host--contracts {
  width: 25.38rem;
  max-width: 100%;
}

.pf-contract-widget {
  width: 100%;
  padding: var(--spacing--16);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  box-shadow: 0 4px 80px 0 var(--_🎨-color--tokens---background--shadow, rgb(20 16 18 / 16%));
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  color: #f7f7f8;
  display: flex;
  flex-direction: column;
  gap: var(--spacing--16);
}

.pf-contract-widget__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing--8);
  padding-bottom: var(--spacing--16);
  border-bottom: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
}

.pf-contract-widget__heading {
  min-width: 0;
  flex: 1;
}

.pf-contract-widget__title {
  margin: 0;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  color: #f7f7f8;
}

.pf-contract-widget__id {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: var(--spacing--4);
  color: var(--_🎨-color--base---colors--nsqubitorchid, #cebffa);
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-contract-widget__id-icon {
  flex: 0 0 auto;
  width: var(--_❇️-icon---regular-icons--extra-small);
  height: var(--_❇️-icon---regular-icons--extra-small);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pf-contract-widget__id-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.pf-status--sent {
  color: #78dfa2;
  background: #183a27;
}

.pf-contract-widget__body {
  display: grid;
  gap: var(--spacing--12);
}

.pf-contract-widget__field {
  min-width: 0;
}

.pf-contract-widget__label {
  margin: 0 0 var(--spacing--4);
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-contract-widget__value {
  margin: 0;
  color: #f7f7f8;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-contract-widget__value--muted {
  font-weight: var(--_🔠-typography---font-weight--b2);
  color: #c8c8cd;
}

.pf-contract-widget__email {
  margin-top: var(--spacing--4);
  color: var(--_🎨-color--base---colors--nsqubitorchid, #cebffa);
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-contract-widget__meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing--12);
}

.pf-contract-widget__chip {
  min-width: 0;
  padding: var(--spacing--12);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
}

.pf-contract-widget__footer {
  padding-top: var(--spacing--16);
  border-top: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  color: #f7f7f8;
}

/* AI Insights widget — condensed overdue insight */

.widget-centered.full.pf-widget-host--insights {
  width: 25.38rem;
  max-width: 100%;
}

.pf-insight-widget {
  width: 100%;
  padding: var(--spacing--16);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  box-shadow: 0 4px 80px 0 var(--_🎨-color--tokens---background--shadow, rgb(20 16 18 / 16%));
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  color: #f7f7f8;
  display: flex;
  flex-direction: column;
  gap: var(--spacing--16);
}

.pf-insight-widget__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing--8);
  padding-bottom: var(--spacing--16);
  border-bottom: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
}

.pf-insight-widget__heading {
  min-width: 0;
  flex: 1;
}

.pf-insight-widget__title {
  margin: 0;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  color: #f7f7f8;
}

.pf-insight-widget__summary {
  margin-top: var(--spacing--4);
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-status--high {
  color: #f39a69;
  background: #3a271e;
}

.pf-insight-widget__body {
  display: grid;
}

.pf-insight-widget__panel {
  padding: var(--spacing--12);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
  display: grid;
  gap: var(--spacing--12);
}

.pf-insight-widget__priority {
  color: #8eb7ff;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-insight-widget__metrics {
  display: grid;
  gap: var(--spacing--12);
}

.pf-insight-widget__metric {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: var(--spacing--8);
}

.pf-insight-widget__label {
  margin: 0;
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-insight-widget__value {
  margin: 0;
  color: #f7f7f8;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  white-space: nowrap;
}

.pf-insight-widget__footer {
  padding-top: var(--spacing--16);
  border-top: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  color: #f7f7f8;
}

/* Products & Stock widget — catalogue, warehouses, fulfilment */

.widget-centered.pf-widget-host--stock {
  width: 100%;
  max-width: 25.38rem;
}

.pf-stock-widget {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  box-shadow: 0 4px 80px 0 var(--_🎨-color--tokens---background--shadow, rgb(20 16 18 / 16%));
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  color: #f7f7f8;
  display: flex;
  flex-direction: column;
  gap: var(--spacing--12);
}

.pf-stock-widget__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing--8);
  padding-bottom: var(--spacing--12);
  border-bottom: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
}

.pf-stock-widget__heading {
  min-width: 0;
  flex: 1;
}

.pf-stock-widget__title {
  margin: 0;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  color: #f7f7f8;
}

.pf-stock-widget__sku {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: var(--spacing--4);
  color: var(--_🎨-color--base---colors--nspacketsky, #d7e9ff);
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-stock-widget__body {
  display: grid;
  gap: var(--spacing--8);
}

.pf-stock-widget__field {
  min-width: 0;
}

.pf-stock-widget__label {
  margin: 0 0 0.15rem;
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-stock-widget__value {
  margin: 0;
  color: #f7f7f8;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-stock-widget__value--muted {
  font-weight: var(--_🔠-typography---font-weight--b2);
  color: #c8c8cd;
}

.pf-stock-widget__meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing--8);
}

.pf-stock-widget__chip {
  min-width: 0;
  padding: var(--spacing--8);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
}

.pf-stock-widget__rows {
  display: grid;
  gap: var(--spacing--8);
}

.pf-stock-widget__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--spacing--8);
  padding: var(--spacing--8);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
}

.pf-stock-widget__row-copy {
  min-width: 0;
}

.pf-stock-widget__footer {
  padding-top: var(--spacing--12);
  border-top: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  color: #f7f7f8;
}

.pf-status--transfer {
  color: var(--_🎨-color--base---colors--nspacketsky, #d7e9ff);
  background: #243246;
}

/* Sales channels widget — marketplace, online store, POS */

.widget-centered.pf-widget-host--channels,
.widget-centered.full.pf-widget-host--channels {
  width: 100%;
  max-width: 25.38rem;
}

.pf-channels-widget {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  box-shadow: 0 4px 80px 0 var(--_🎨-color--tokens---background--shadow, rgb(20 16 18 / 16%));
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  color: #f7f7f8;
  display: flex;
  flex-direction: column;
  gap: var(--spacing--12);
}

.pf-channels-widget__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing--8);
  padding-bottom: var(--spacing--12);
  border-bottom: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
}

.pf-channels-widget__heading {
  min-width: 0;
  flex: 1;
}

.pf-channels-widget__title {
  margin: 0;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  color: #f7f7f8;
}

.pf-channels-widget__subtitle {
  margin-top: var(--spacing--4);
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-channels-widget__body {
  display: grid;
  gap: var(--spacing--8);
}

.pf-channels-widget__field {
  min-width: 0;
}

.pf-channels-widget__label {
  margin: 0 0 0.15rem;
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-channels-widget__value {
  margin: 0;
  color: #f7f7f8;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-channels-widget__rows {
  display: grid;
  gap: var(--spacing--8);
}

.pf-channels-widget__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--spacing--8);
  padding: var(--spacing--8);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
}

.pf-channels-widget__icon {
  flex: 0 0 auto;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.45rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #191a1f;
}

.pf-channels-widget__icon svg {
  width: 0.95rem;
  height: 0.95rem;
  display: block;
}

.pf-channels-widget__icon--marketplace {
  background: var(--_🎨-color--base---colors--nssyntaxmint, #ccfdcf);
}

.pf-channels-widget__icon--store {
  background: var(--_🎨-color--base---colors--nsqubitorchid, #cebffa);
}

.pf-channels-widget__icon--pos {
  background: var(--_🎨-color--base---colors--nslatencypeach, #ffe1d6);
}

.pf-channels-widget__copy {
  min-width: 0;
}

.pf-channels-widget__amount {
  margin-top: 0.15rem;
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-channels-widget__footer {
  padding-top: var(--spacing--12);
  border-top: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
  color: #f7f7f8;
}

.pf-status--synced {
  color: #78dfa2;
  background: #183a27;
}

/* Marketplace product card widget */

.widget_outer.pf-widget-host--product {
  max-width: none;
  padding: var(--spacing--8);
}

.pf-product-widget {
  width: 100%;
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-product-widget__media {
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #222328;
  overflow: hidden;
}

.pf-product-widget__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pf-product-widget__body {
  display: grid;
  gap: var(--spacing--8);
  padding: var(--spacing--12);
}

.pf-product-widget__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-product-widget__sku {
  color: var(--_🎨-color--base---colors--nsqubitorchid, #cebffa);
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-product-widget__title {
  margin: 0;
  color: #f7f7f8;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-product-widget__desc {
  margin: 0;
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pf-product-widget__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--8);
  margin-top: var(--spacing--4);
}

.pf-product-widget__price {
  color: #f7f7f8;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---weight--body-bold);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-product-widget__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.75rem;
  padding: 0.35rem 0.75rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  white-space: nowrap;
}

/* Online Store launch widget */

.widget_outer.pf-widget-host--storefront {
  max-width: none;
  padding: var(--spacing--8);
}

.pf-storefront-widget {
  width: 100%;
  padding: 0;
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-storefront-widget__media {
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #222328;
  overflow: hidden;
}

.pf-storefront-widget__cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pf-storefront-widget__content {
  display: grid;
  gap: var(--spacing--12);
  padding: var(--spacing--12);
}

.pf-storefront-widget__brand {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--spacing--8);
}

.pf-storefront-widget__logo {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.65rem;
  object-fit: cover;
  display: block;
  background: #222328;
}

.pf-storefront-widget__identity {
  min-width: 0;
}

.pf-storefront-widget__name {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-storefront-widget__domain {
  margin-top: 0.15rem;
  color: var(--_🎨-color--base---colors--nssyntaxmint, #ccfdcf);
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-storefront-widget__desc {
  margin: 0;
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pf-storefront-widget__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing--8);
}

.pf-storefront-widget__stat {
  min-width: 0;
  padding: var(--spacing--8);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
}

.pf-storefront-widget__label {
  margin: 0 0 0.15rem;
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-storefront-widget__value {
  margin: 0;
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-storefront-widget__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

/* POS counter sales widget */

.widget_outer.pf-widget-host--pos {
  max-width: none;
  padding: var(--spacing--8);
}

.pf-pos-widget {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-pos-widget__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing--8);
  padding-bottom: var(--spacing--12);
  border-bottom: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
}

.pf-pos-widget__heading {
  min-width: 0;
  flex: 1;
}

.pf-pos-widget__title {
  margin: 0;
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-pos-widget__subtitle {
  margin-top: var(--spacing--4);
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-pos-widget__field {
  min-width: 0;
}

.pf-pos-widget__label {
  margin: 0 0 0.15rem;
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-pos-widget__value {
  margin: 0;
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-pos-widget__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing--8);
}

.pf-pos-widget__stat {
  min-width: 0;
  padding: var(--spacing--8);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
}

.pf-pos-widget__rows {
  display: grid;
  gap: var(--spacing--8);
}

.pf-pos-widget__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--spacing--8);
  padding: var(--spacing--8);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
}

.pf-pos-widget__row-copy {
  min-width: 0;
}

.pf-pos-widget__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

/* Invoice & payments widget */

.widget_outer.pf-widget-host--invoice {
  max-width: none;
  padding: var(--spacing--8);
}

.pf-invoice-widget {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-invoice-widget__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing--8);
  padding-bottom: var(--spacing--12);
  border-bottom: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
}

.pf-invoice-widget__heading {
  min-width: 0;
  flex: 1;
}

.pf-invoice-widget__title {
  margin: 0;
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-invoice-widget__subtitle {
  margin-top: var(--spacing--4);
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-invoice-widget__field {
  min-width: 0;
}

.pf-invoice-widget__label {
  margin: 0 0 0.15rem;
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-invoice-widget__value {
  margin: 0;
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-invoice-widget__link {
  margin-top: var(--spacing--4);
  color: var(--_🎨-color--base---colors--nsqubitorchid, #cebffa);
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-invoice-widget__rows {
  display: grid;
  gap: var(--spacing--8);
}

.pf-invoice-widget__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--spacing--8);
  padding: var(--spacing--8);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
}

.pf-invoice-widget__row-copy {
  min-width: 0;
}

.pf-invoice-widget__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

/* Products & inventory tracking widget */

.widget_outer.pf-widget-host--inventory {
  max-width: none;
  padding: var(--spacing--8);
}

.pf-inventory-widget {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-inventory-widget__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing--8);
  padding-bottom: var(--spacing--12);
  border-bottom: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
}

.pf-inventory-widget__thumb {
  flex: 0 0 auto;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.65rem;
  object-fit: cover;
  display: block;
  background: #222328;
}

.pf-inventory-widget__heading {
  min-width: 0;
  flex: 1;
}

.pf-inventory-widget__title {
  margin: 0;
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-inventory-widget__sku {
  margin-top: var(--spacing--4);
  color: var(--_🎨-color--base---colors--nspacketsky, #d7e9ff);
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-inventory-widget__field {
  min-width: 0;
}

.pf-inventory-widget__label {
  margin: 0 0 0.15rem;
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-inventory-widget__value {
  margin: 0;
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-inventory-widget__rows {
  display: grid;
  gap: var(--spacing--8);
}

.pf-inventory-widget__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--spacing--8);
  padding: var(--spacing--8);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
}

.pf-inventory-widget__row-copy {
  min-width: 0;
}

.pf-inventory-widget__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

/* Warehouse stock movements — timeline */

.widget_outer.pf-widget-host--warehouse {
  max-width: none;
  padding: var(--spacing--8);
}

.pf-warehouse-widget {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-warehouse-widget__top {
  display: grid;
  gap: 0.2rem;
  padding-bottom: var(--spacing--4);
}

.pf-warehouse-widget__title {
  margin: 0;
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-warehouse-widget__day {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-warehouse-widget__timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}

.pf-warehouse-widget__event {
  position: relative;
  display: grid;
  grid-template-columns: 0.75rem 2.75rem minmax(0, 1fr);
  column-gap: var(--spacing--8);
  align-items: start;
  padding: 0 0 var(--spacing--12);
}

.pf-warehouse-widget__event--last {
  padding-bottom: 0;
}

.pf-warehouse-widget__event::before {
  content: "";
  position: absolute;
  left: 0.3rem;
  top: 0.7rem;
  bottom: 0;
  width: 1px;
  background: rgb(247 247 248 / 14%);
}

.pf-warehouse-widget__event--last::before {
  display: none;
}

.pf-warehouse-widget__marker {
  position: relative;
  z-index: 1;
  width: 0.65rem;
  height: 0.65rem;
  margin-top: 0.35rem;
  border-radius: 50%;
  background: #191a1f;
  border: 1.5px solid #c8c8cd;
  box-sizing: border-box;
}

.pf-warehouse-widget__event:first-child .pf-warehouse-widget__marker {
  border-color: #78dfa2;
  background: #183a27;
}

.pf-warehouse-widget__time {
  padding-top: 0.15rem;
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  font-variant-numeric: tabular-nums;
}

.pf-warehouse-widget__body {
  min-width: 0;
}

.pf-warehouse-widget__event-title {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-warehouse-widget__event-meta {
  margin-top: 0.15rem;
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-warehouse-widget__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

/* Reports & AI Insights — attention brief */

.widget_outer.pf-widget-host--reports {
  max-width: none;
  padding: var(--spacing--8);
}

.pf-reports-widget {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-reports-widget__brief {
  display: grid;
  grid-template-columns: 0.2rem minmax(0, 1fr);
  gap: var(--spacing--12);
  align-items: stretch;
}

.pf-reports-widget__rail {
  border-radius: 999px;
  background: #f39a69;
}

.pf-reports-widget__main {
  min-width: 0;
  display: grid;
  gap: var(--spacing--8);
}

.pf-reports-widget__kicker {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-reports-widget__finding {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  max-width: 22rem;
}

.pf-reports-widget__figure {
  display: grid;
  gap: 0.15rem;
  padding: var(--spacing--8) 0;
  border-top: 1px solid rgb(247 247 248 / 10%);
  border-bottom: 1px solid rgb(247 247 248 / 10%);
}

.pf-reports-widget__figure-value {
  color: #f7f7f8;
  font-size: 1.45rem;
  line-height: 1.15;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
}

.pf-reports-widget__figure-note {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-reports-widget__evidence {
  display: grid;
  gap: var(--spacing--4);
}

.pf-reports-widget__evidence-label {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-reports-widget__refs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.65rem;
}

.pf-reports-widget__refs span {
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
  text-decoration: underline;
  text-decoration-color: rgb(200 200 205 / 35%);
  text-underline-offset: 0.15em;
}

.pf-reports-widget__areas {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: rgb(247 247 248 / 10%);
  border: 1px solid rgb(247 247 248 / 10%);
  border-radius: var(--_🔘-radius---general--default);
  overflow: hidden;
}

.pf-reports-widget__area {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.55rem 0.7rem;
  background: #222328;
  min-width: 0;
}

.pf-reports-widget__area-name {
  color: #b7b7bd;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-reports-widget__area-state {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  white-space: nowrap;
}

.pf-reports-widget__area-state.is-alert {
  color: #f39a69;
}

.pf-reports-widget__area-state.is-watch {
  color: #efbf60;
}

.pf-reports-widget__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

/* Contracts & e-signatures card widget */

.widget_outer.pf-widget-host--esign {
  max-width: none;
  padding: var(--spacing--8);
}

.pf-esign-widget {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-esign-widget__doc {
  padding: var(--spacing--12);
  border-radius: var(--_🔘-radius---general--default);
  background:
    linear-gradient(180deg, rgb(50 45 58 / 90%), rgb(34 35 40 / 96%)),
    #222328;
  display: grid;
  gap: var(--spacing--8);
}

.pf-esign-widget__doc-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-esign-widget__badge {
  color: var(--_🎨-color--base---colors--nsqubitorchid, #cebffa);
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-esign-widget__doc-title {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-esign-widget__doc-copy {
  color: #b7b7bd;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-esign-widget__progress {
  display: grid;
  gap: var(--spacing--4);
  margin-top: var(--spacing--4);
}

.pf-esign-widget__progress-track {
  width: 100%;
  height: 0.4rem;
  border-radius: 999px;
  background: rgb(247 247 248 / 12%);
  overflow: hidden;
}

.pf-esign-widget__progress-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--_🎨-color--base---colors--nsqubitorchid, #cebffa);
}

.pf-esign-widget__progress-label {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-esign-widget__signers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing--8);
}

.pf-esign-widget__signer {
  min-width: 0;
  padding: var(--spacing--8);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--spacing--8);
  align-items: center;
}

.pf-esign-widget__signer--done {
  background: #183a27;
}

.pf-esign-widget__avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #35363d;
  color: #f7f7f8;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: 1;
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
}

.pf-esign-widget__signer--done .pf-esign-widget__avatar {
  background: #78dfa2;
  color: #183a27;
}

.pf-esign-widget__signer-copy {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}

.pf-esign-widget__signer-copy strong {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-esign-widget__signer-copy span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-esign-widget__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

/* Expenses & supplier bills card widget */

.widget_outer.pf-widget-host--expense {
  max-width: none;
  padding: var(--spacing--8);
}

.pf-expense-widget {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-expense-widget__stub {
  padding: var(--spacing--12);
  border-radius: var(--_🔘-radius---general--default);
  background:
    linear-gradient(160deg, rgb(68 53 27 / 55%), rgb(34 35 40 / 96%)),
    #222328;
  display: grid;
  gap: var(--spacing--12);
}

.pf-expense-widget__stub-top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--spacing--8);
  align-items: start;
}

.pf-expense-widget__vendor-mark {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--_🎨-color--base---colors--nscachesand, #f4e7c7);
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: 1;
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
}

.pf-expense-widget__stub-meta {
  min-width: 0;
}

.pf-expense-widget__eyebrow {
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-expense-widget__title {
  margin-top: 0.2rem;
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-expense-widget__meta {
  margin-top: 0.15rem;
  color: var(--_🎨-color--base---colors--nscachesand, #f4e7c7);
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-expense-widget__amount-block {
  padding-top: var(--spacing--4);
  border-top: 1px dashed rgb(247 247 248 / 14%);
}

.pf-expense-widget__label {
  margin: 0 0 0.15rem;
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-expense-widget__amount {
  color: #f7f7f8;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-expense-widget__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing--4);
}

.pf-expense-widget__chip {
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
  padding: 0.2rem 0.55rem;
  border-radius: var(--_🔘-radius---general--default);
  background: rgb(247 247 248 / 8%);
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-expense-widget__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

@media (max-width: 600px) {
  .pf-esign-widget__signers {
    grid-template-columns: 1fr;
  }

  .pf-expense-widget__stub-top {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .pf-expense-widget__stub-top .pf-status {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 600px) {
  .widget-centered.full.pf-widget-host--operations,
  .widget-centered.full.pf-widget-host--contracts,
  .widget-centered.full.pf-widget-host--insights,
  .widget-centered.pf-widget-host--stock,
  .widget-centered.pf-widget-host--channels,
  .widget-centered.full.pf-widget-host--channels {
    width: 100%;
    max-width: 100%;
  }

  .pf-ops-widget,
  .pf-contract-widget,
  .pf-insight-widget {
    padding: var(--spacing--16);
  }

  .pf-stock-widget,
  .pf-channels-widget {
    padding: var(--spacing--12);
  }

  .pf-ops-widget__row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .pf-ops-widget__row .pf-status {
    grid-column: 2;
    justify-self: start;
    margin-left: 0;
  }

  .pf-contract-widget__meta,
  .pf-stock-widget__meta {
    grid-template-columns: 1fr;
  }

  .pf-channels-widget__row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .pf-channels-widget__row .pf-status {
    grid-column: 2;
    justify-self: start;
    margin-left: 0;
  }
}

/* Home features headline spacing */

.headline_home-a-features {
  margin-bottom: calc(var(--spacing--200) / 2);
}

/* One operating flow — three sequential step widgets */

.widget-centered.pf-widget-host--flow-product,
.widget-centered.pf-widget-host--flow-ops,
.widget-centered.pf-widget-host--flow-report {
  width: 100%;
  max-width: 100%;
}

.pf-flow-widget {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--8);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-flow-widget__step {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-flow-widget__sheet {
  padding: var(--spacing--12);
  border: 1px solid rgb(247 247 248 / 10%);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
  display: grid;
  gap: var(--spacing--8);
}

.pf-flow-widget__sheet-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-flow-widget__sku {
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-flow-widget__state {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  font-weight: var(--_🔠-typography---font-weight--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
  white-space: nowrap;
}

.pf-flow-widget__product {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-flow-widget__fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing--8);
  padding-top: var(--spacing--8);
  border-top: 1px solid rgb(247 247 248 / 10%);
}

.pf-flow-widget__field {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}

.pf-flow-widget__field span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-flow-widget__field strong {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-flow-widget__channels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.85rem;
  padding-top: var(--spacing--4);
}

.pf-flow-widget__channels span {
  color: #b7b7bd;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-flow-widget__channels span + span::before {
  content: "·";
  margin-right: 0.85rem;
  color: #6f6f75;
}

.pf-flow-widget__split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: rgb(247 247 248 / 10%);
  border: 1px solid rgb(247 247 248 / 10%);
  border-radius: var(--_🔘-radius---general--default);
  overflow: hidden;
}

.pf-flow-widget__split-block {
  padding: 0.65rem 0.75rem;
  background: #191a1f;
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

.pf-flow-widget__split-label {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-flow-widget__split-value {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-flow-widget__split-note {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-flow-widget__foot {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-flow-widget__report-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.35rem 0;
  border-bottom: 1px solid rgb(247 247 248 / 8%);
}

.pf-flow-widget__report-row:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}

.pf-flow-widget__report-row span {
  color: #b7b7bd;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-flow-widget__report-row strong {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pf-flow-widget__evidence {
  display: grid;
  gap: var(--spacing--4);
  padding-top: var(--spacing--8);
  border-top: 1px solid rgb(247 247 248 / 10%);
}

.pf-flow-widget__evidence > span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-flow-widget__refs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
}

.pf-flow-widget__refs span {
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  text-decoration: underline;
  text-decoration-color: rgb(200 200 205 / 35%);
  text-underline-offset: 0.15em;
}

@media (max-width: 600px) {
  .pf-flow-widget__fields {
    grid-template-columns: 1fr;
  }

  .pf-flow-widget__split {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   Business dashboard page widgets
   ========================================================= */

.widget_outer.pf-widget-host--dash-pulse,
.widget_outer.pf-widget-host--dash-records {
  padding-bottom: var(--spacing--8);
}

.pf-dash-pulse,
.pf-dash-records,
.pf-dash-ledger,
.pf-dash-queue,
.pf-dash-stockmap,
.pf-dash-rank {
  width: 100%;
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

/* Hero — company pulse */

.pf-dash-pulse {
  padding: var(--spacing--16);
  display: grid;
  gap: var(--spacing--16);
}

.pf-dash-pulse__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-dash-pulse__company {
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-dash-pulse__clock {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
  white-space: nowrap;
}

.pf-dash-pulse__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: rgb(247 247 248 / 12%);
  border: 1px solid rgb(247 247 248 / 12%);
  border-radius: var(--_🔘-radius---general--default);
  overflow: hidden;
}

.pf-dash-pulse__cell {
  padding: 0.85rem 0.9rem;
  background: #222328;
  display: grid;
  gap: 0.2rem;
  min-width: 0;
}

.pf-dash-pulse__label {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-dash-pulse__value {
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
}

.pf-dash-pulse__value--warn {
  color: #f39a69;
}

.pf-dash-pulse__alert {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--spacing--8);
  align-items: start;
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-dash-pulse__alert-mark {
  width: 0.45rem;
  height: 0.45rem;
  margin-top: 0.4rem;
  border-radius: 50%;
  background: #f39a69;
}

/* Features tabs — panel switcher via :has() */

.pf-widget-host--dash-tabs {
  width: 100%;
  max-width: 28rem;
}

.pf-dash-panels {
  position: relative;
  width: 100%;
}

.pf-dash-panel {
  display: none;
  width: 100%;
}

.feature-tabs_halves:has([data-w-tab="Tab 1"].w--current) .pf-dash-panel--1,
.feature-tabs_halves:has([data-w-tab="Tab 2"].w--current) .pf-dash-panel--2,
.feature-tabs_halves:has([data-w-tab="Tab 3"].w--current) .pf-dash-panel--3,
.feature-tabs_halves:has([data-w-tab="Tab 4"].w--current) .pf-dash-panel--4 {
  display: block;
}

.feature-tabs_halves:not(:has(.tab_accordion.w--current)) .pf-dash-panel--1 {
  display: block;
}

/* Tab 1 — ledger */

.pf-dash-ledger {
  padding: var(--spacing--16);
  display: grid;
  gap: 0;
}

.pf-dash-ledger__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding-bottom: var(--spacing--12);
  margin-bottom: var(--spacing--4);
  border-bottom: 1px solid rgb(247 247 248 / 12%);
}

.pf-dash-ledger__title {
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-dash-ledger__period {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-dash-ledger__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--12);
  padding: 0.7rem 0;
  border-bottom: 1px solid rgb(247 247 248 / 8%);
}

.pf-dash-ledger__row span {
  color: #b7b7bd;
}

.pf-dash-ledger__row strong {
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pf-dash-ledger__row.is-alert strong {
  color: #f39a69;
}

.pf-dash-ledger__note {
  margin-top: var(--spacing--12);
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

/* Tab 2 — payment queue slips */

.pf-dash-queue {
  padding: var(--spacing--16);
  display: grid;
  gap: var(--spacing--12);
}

.pf-dash-queue__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-dash-queue__title {
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-dash-queue__count {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
}

.pf-dash-queue__slip {
  padding: 0.8rem 0.85rem;
  border-left: 2px solid rgb(247 247 248 / 18%);
  background: #222328;
  display: grid;
  gap: 0.45rem;
}

.pf-dash-queue__slip:nth-child(2) {
  border-left-color: #78dfa2;
}

.pf-dash-queue__slip:nth-child(3) {
  border-left-color: #efbf60;
}

.pf-dash-queue__slip:nth-child(4) {
  border-left-color: #8eb7ff;
}

.pf-dash-queue__slip-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-dash-queue__tone.is-paid {
  color: #78dfa2;
}

.pf-dash-queue__tone.is-due {
  color: #efbf60;
}

.pf-dash-queue__tone.is-pack {
  color: #8eb7ff;
}

.pf-dash-queue__slip-body {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}

.pf-dash-queue__slip-body strong {
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-dash-queue__slip-body span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Tab 3 — warehouse stock map */

.pf-dash-stockmap {
  padding: var(--spacing--16);
  display: grid;
  gap: var(--spacing--16);
}

.pf-dash-stockmap__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-dash-stockmap__title {
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-dash-stockmap__sku {
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-dash-stockmap__stage {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: var(--spacing--8);
  align-items: center;
}

.pf-dash-stockmap__bin {
  padding: var(--spacing--12);
  background: #222328;
  border: 1px solid rgb(247 247 248 / 10%);
  display: grid;
  gap: 0.35rem;
  min-width: 0;
}

.pf-dash-stockmap__bin-name {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-dash-stockmap__bin-qty {
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
}

.pf-dash-stockmap__bin-bar {
  height: 0.3rem;
  margin-top: 0.25rem;
  background: rgb(247 247 248 / 10%);
  position: relative;
  overflow: hidden;
}

.pf-dash-stockmap__bin-bar::after {
  content: "";
  display: block;
  height: 100%;
  width: var(--pf-fill, 0%);
  background: #c8c8cd;
}

.pf-dash-stockmap__arrow {
  color: #6f6f75;
  font-size: 1.1rem;
  line-height: 1;
}

.pf-dash-stockmap__moves {
  display: grid;
  gap: 0;
  border-top: 1px solid rgb(247 247 248 / 10%);
}

.pf-dash-stockmap__move {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.55rem 0;
  border-bottom: 1px solid rgb(247 247 248 / 8%);
}

.pf-dash-stockmap__move span {
  color: #b7b7bd;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
}

.pf-dash-stockmap__move strong {
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Tab 4 — channel rank + insight */

.pf-dash-rank {
  padding: var(--spacing--16);
  display: grid;
  gap: var(--spacing--12);
}

.pf-dash-rank__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-dash-rank__title {
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-dash-rank__period {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-dash-rank__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
}

.pf-dash-rank__list li {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  gap: var(--spacing--8);
  align-items: start;
  padding: 0.55rem 0;
  border-bottom: 1px solid rgb(247 247 248 / 8%);
}

.pf-dash-rank__n {
  color: #6f6f75;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: 1.4;
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
}

.pf-dash-rank__copy {
  min-width: 0;
  display: grid;
  gap: 0.1rem;
}

.pf-dash-rank__copy strong {
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-dash-rank__copy span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
}

.pf-dash-rank__insight {
  padding-top: var(--spacing--8);
  border-top: 1px solid rgb(247 247 248 / 12%);
  display: grid;
  gap: var(--spacing--4);
}

.pf-dash-rank__insight-label {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-dash-rank__insight-text {
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

/* Editor — records browser */

.pf-dash-records {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  min-height: 16rem;
  overflow: hidden;
}

.pf-dash-records__nav {
  padding: var(--spacing--12) 0;
  background: #15161a;
  border-right: 1px solid rgb(247 247 248 / 10%);
  display: grid;
  align-content: start;
  gap: 0.15rem;
}

.pf-dash-records__nav-title {
  padding: 0 var(--spacing--12) var(--spacing--8);
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-dash-records__nav-item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem;
  padding: 0.45rem var(--spacing--12);
  color: #b7b7bd;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-dash-records__nav-item strong {
  color: #99999f;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
}

.pf-dash-records__nav-item.is-active {
  background: #222328;
  color: #f7f7f8;
}

.pf-dash-records__nav-item.is-active strong {
  color: #f7f7f8;
}

.pf-dash-records__preview {
  padding: var(--spacing--16);
  display: grid;
  align-content: start;
  gap: var(--spacing--8);
  min-width: 0;
}

.pf-dash-records__preview-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-dash-records__id {
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-dash-records__open {
  color: #191a1f;
  background: #f7f7f8;
  padding: 0.2rem 0.5rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-dash-records__preview-title {
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-dash-records__preview-meta {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
}

.pf-dash-records__amount {
  margin-top: var(--spacing--4);
  font-size: 1.6rem;
  line-height: 1.1;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
}

.pf-dash-records__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
  padding-top: var(--spacing--8);
  border-top: 1px solid rgb(247 247 248 / 10%);
}

.pf-dash-records__links span {
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  text-decoration: underline;
  text-decoration-color: rgb(200 200 205 / 35%);
  text-underline-offset: 0.15em;
}

@media (max-width: 600px) {
  .pf-dash-records {
    grid-template-columns: 1fr;
  }

  .pf-dash-records__nav {
    border-right: 0;
    border-bottom: 1px solid rgb(247 247 248 / 10%);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: var(--spacing--8);
  }

  .pf-dash-records__nav-title {
    display: none;
  }

  .pf-dash-stockmap__stage {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .pf-dash-stockmap__arrow {
    justify-self: center;
    transform: rotate(90deg);
  }
}

/* =========================================================
   Marketplace + Online Store page widgets
   ========================================================= */

.widget-centered.pf-widget-host--mos-channels,
.widget-centered.pf-widget-host--mos-fulfil,
.widget-centered.pf-widget-host--mos-store,
.widget-centered.pf-widget-host--mos-orders,
.widget-centered.pf-widget-host--mos-policy,
.widget-centered.pf-widget-host--mos-setup {
  width: 100%;
  max-width: 25.38rem;
}

.pf-mos-channels,
.pf-mos-fulfil,
.pf-mos-store,
.pf-mos-orders,
.pf-mos-policy,
.pf-mos-setup {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-mos-channels__sheet,
.pf-mos-store__sheet,
.pf-mos-policy__sheet {
  padding: var(--spacing--12);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
  display: grid;
  gap: var(--spacing--8);
}

.pf-mos-channels__top,
.pf-mos-policy__top,
.pf-mos-orders__top,
.pf-mos-fulfil__top,
.pf-mos-setup__top,
.pf-mos-store__brand {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-mos-channels__kicker,
.pf-mos-policy__kicker,
.pf-mos-store__kicker,
.pf-mos-orders__sub,
.pf-mos-setup__sub,
.pf-mos-fulfil__count {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-mos-channels__title,
.pf-mos-fulfil__title,
.pf-mos-orders__title,
.pf-mos-policy__title,
.pf-mos-setup__title,
.pf-mos-store__name {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-mos-channels__total {
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
}

.pf-mos-channels__note,
.pf-mos-policy__copy,
.pf-mos-store__domain {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-mos-channels__rows,
.pf-mos-setup__rows,
.pf-mos-orders__list,
.pf-mos-store__checks {
  display: grid;
  gap: 0;
}

.pf-mos-channels__row,
.pf-mos-setup__row,
.pf-mos-orders__item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.55rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-mos-channels__row span,
.pf-mos-setup__row-copy span,
.pf-mos-orders__item-copy span,
.pf-mos-store__check span,
.pf-mos-fulfil__slip-body span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-mos-channels__row strong,
.pf-mos-orders__amt,
.pf-mos-setup__row-copy strong,
.pf-mos-store__check strong,
.pf-mos-fulfil__slip-body strong,
.pf-mos-policy__field strong {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pf-mos-channels__action,
.pf-mos-fulfil__action,
.pf-mos-store__action,
.pf-mos-orders__action,
.pf-mos-policy__action,
.pf-mos-setup__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

/* Fulfilment slips */

.pf-mos-fulfil__slip {
  padding: 0.75rem 0.85rem;
  border-left: 2px solid rgb(247 247 248 / 16%);
  background: #222328;
  display: grid;
  gap: 0.4rem;
}

.pf-mos-fulfil__slip:nth-child(2) {
  border-left-color: #78dfa2;
}

.pf-mos-fulfil__slip:nth-child(3) {
  border-left-color: #f39a69;
}

.pf-mos-fulfil__slip:nth-child(4) {
  border-left-color: #efbf60;
}

.pf-mos-fulfil__slip-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--8);
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-mos-fulfil__slip-top .pf-status {
  margin-left: 0;
}

.pf-mos-fulfil__slip-body {
  display: grid;
  gap: 0.15rem;
  min-width: 0;
}

.pf-mos-fulfil__slip-body strong,
.pf-mos-orders__item-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-mos-fulfil__slip-body span,
.pf-mos-orders__item-copy span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Store readiness */

.pf-mos-store__brand {
  align-items: center;
}

.pf-mos-store__mark {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: 1;
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  flex: 0 0 auto;
}

.pf-mos-store__brand-copy {
  min-width: 0;
  flex: 1;
}

.pf-mos-store__check {
  display: grid;
  gap: 0.15rem;
  padding: 0.55rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-mos-store__check:first-child {
  border-top: 0;
  padding-top: 0;
}

/* Orders */

.pf-mos-orders__heading {
  min-width: 0;
}

.pf-mos-orders__item-copy {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}

.pf-mos-orders__top .pf-status,
.pf-mos-channels__top .pf-status,
.pf-mos-policy__top .pf-status,
.pf-mos-store__brand .pf-status {
  margin-left: 0;
  flex: 0 0 auto;
}

/* Policy */

.pf-mos-policy__fields {
  display: grid;
  gap: 0;
  padding-top: var(--spacing--4);
  border-top: 1px dashed rgb(247 247 248 / 14%);
}

.pf-mos-policy__field {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.45rem 0;
}

.pf-mos-policy__field span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
}

/* Setup checklist */

.pf-mos-setup__row-copy {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}

.pf-mos-setup__row .pf-status {
  margin-left: 0;
  flex: 0 0 auto;
}

@media (max-width: 600px) {
  .widget-centered.pf-widget-host--mos-channels,
  .widget-centered.pf-widget-host--mos-fulfil,
  .widget-centered.pf-widget-host--mos-store,
  .widget-centered.pf-widget-host--mos-orders,
  .widget-centered.pf-widget-host--mos-policy,
  .widget-centered.pf-widget-host--mos-setup {
    max-width: 100%;
  }
}

/* Bento checkout confirmation (light card on gradient) */

.card_testimonial.pf-widget-host--bento-checkout {
  padding: var(--spacing--24);
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  justify-content: flex-start;
}

.pf-bento-checkout {
  width: 100%;
  display: grid;
  gap: var(--spacing--8);
  color: #231f23;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-bento-checkout__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-bento-checkout__kicker {
  color: rgb(35 31 35 / 56%);
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-bento-checkout__status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 1.25rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  color: #1f6b45;
  background: #dff5e8;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  white-space: nowrap;
}

.pf-bento-checkout__status::before {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background: currentColor;
  content: "";
}

.pf-bento-checkout__order {
  color: rgb(35 31 35 / 56%);
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-bento-checkout__title {
  font-weight: var(--_🔠-typography---weight--body-bold);
  color: #231f23;
}

.pf-bento-checkout__amount {
  font-size: 1.6rem;
  line-height: 1.15;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
  color: #231f23;
}

.pf-bento-checkout__divider {
  height: 1px;
  margin: var(--spacing--4) 0;
  background: rgb(35 31 35 / 10%);
}

.pf-bento-checkout__rows {
  display: grid;
  gap: 0;
}

.pf-bento-checkout__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.4rem 0;
  border-top: 1px solid rgb(35 31 35 / 8%);
}

.pf-bento-checkout__row:first-child {
  border-top: 0;
  padding-top: 0;
}

.pf-bento-checkout__row span {
  color: rgb(35 31 35 / 56%);
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-bento-checkout__row strong {
  color: #231f23;
  font-weight: var(--_🔠-typography---weight--body-bold);
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* =========================================================
   Marketplace page widgets
   ========================================================= */

.widget_outer.pf-widget-host--mp-hero,
.widget_outer.pf-widget-host--mp-discovery,
.widget_outer.pf-widget-host--mp-cart,
.widget_outer.pf-widget-host--mp-basket,
.widget_outer.pf-widget-host--mp-categories,
.widget_outer.pf-widget-host--mp-address,
.widget_outer.pf-widget-host--mp-favs,
.widget_outer.pf-widget-host--mp-orders,
.widget_outer.pf-widget-host--mp-details,
.widget_outer.pf-widget-host--mp-notifs,
.widget_outer.pf-widget-host--mp-fulfil,
.widget_outer.pf-widget-host--mp-policy,
.widget_outer.pf-widget-host--mp-invoices {
  max-width: none;
  width: 100%;
  padding: var(--spacing--8);
}

.widget-centered.pf-widget-host--mp-listing,
.widget-centered.pf-widget-host--mp-publish {
  width: 100%;
  max-width: 28rem;
}

.widget-list_outer.pf-widget-host--mp-actions {
  width: 100%;
  max-width: 28rem;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.pf-mp-hero,
.pf-mp-listing,
.pf-mp-actions,
.pf-mp-publish,
.pf-mp-discovery,
.pf-mp-cart,
.pf-mp-basket,
.pf-mp-categories,
.pf-mp-address,
.pf-mp-favs,
.pf-mp-orders,
.pf-mp-details,
.pf-mp-notifs,
.pf-mp-fulfil,
.pf-mp-policy,
.pf-mp-invoices {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-mp-hero__top,
.pf-mp-listing__top,
.pf-mp-actions__top,
.pf-mp-publish__top,
.pf-mp-discovery__top,
.pf-mp-cart__top,
.pf-mp-basket__top,
.pf-mp-address__top,
.pf-mp-favs__top,
.pf-mp-details__top,
.pf-mp-notifs__top,
.pf-mp-fulfil__top,
.pf-mp-policy__top,
.pf-mp-invoices__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-mp-hero__kicker,
.pf-mp-listing__sub,
.pf-mp-publish__kicker,
.pf-mp-publish__sku,
.pf-mp-basket__kicker,
.pf-mp-address__kicker,
.pf-mp-policy__kicker,
.pf-mp-invoices__sub,
.pf-mp-discovery__tile-label,
.pf-mp-orders__id,
.pf-mp-details__id,
.pf-mp-notifs__time,
.pf-mp-cart__seller-name {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-mp-hero__top .pf-status,
.pf-mp-listing__item-top .pf-status,
.pf-mp-publish__top .pf-status,
.pf-mp-discovery__top .pf-status,
.pf-mp-cart__top .pf-status,
.pf-mp-address__top .pf-status,
.pf-mp-details__top .pf-status,
.pf-mp-fulfil__top .pf-status,
.pf-mp-policy__top .pf-status,
.pf-mp-favs__row .pf-status,
.pf-mp-orders__body .pf-status,
.pf-mp-invoices__row-right .pf-status {
  margin-left: 0;
  flex: 0 0 auto;
}

.pf-mp-hero__metric {
  display: grid;
  gap: 0.15rem;
}

.pf-mp-hero__metric-value {
  font-size: 2rem;
  line-height: 1;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
}

.pf-mp-hero__metric-label {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
}

.pf-mp-hero__bars {
  display: grid;
  gap: var(--spacing--8);
}

.pf-mp-hero__bar-meta,
.pf-mp-cart__line,
.pf-mp-cart__total,
.pf-mp-favs__row,
.pf-mp-invoices__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-mp-hero__bar-meta span,
.pf-mp-cart__line span,
.pf-mp-cart__total span,
.pf-mp-listing__hint,
.pf-mp-publish__note,
.pf-mp-address__note,
.pf-mp-discovery__tile span,
.pf-mp-actions__copy span,
.pf-mp-notifs__copy span,
.pf-mp-invoices__row-copy span,
.pf-mp-details__meta span,
.pf-mp-basket__stat span,
.pf-mp-categories__cell span,
.pf-mp-fulfil__state span,
.pf-mp-fulfil__big span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-mp-hero__bar-meta strong,
.pf-mp-cart__line strong,
.pf-mp-cart__total strong,
.pf-mp-listing__item-top strong,
.pf-mp-actions__copy strong,
.pf-mp-publish__title,
.pf-mp-discovery__title,
.pf-mp-discovery__tile strong,
.pf-mp-cart__title,
.pf-mp-basket__title,
.pf-mp-categories__title,
.pf-mp-address__name,
.pf-mp-favs__title,
.pf-mp-orders__title,
.pf-mp-details__seller,
.pf-mp-details__item,
.pf-mp-notifs__title,
.pf-mp-notifs__copy strong,
.pf-mp-fulfil__title,
.pf-mp-policy__title,
.pf-mp-invoices__title,
.pf-mp-invoices__row-copy strong,
.pf-mp-listing__title,
.pf-mp-actions__title {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-mp-hero__bar-track {
  margin-top: 0.35rem;
  height: 0.3rem;
  background: rgb(247 247 248 / 10%);
  overflow: hidden;
}

.pf-mp-hero__bar-track span {
  display: block;
  height: 100%;
  background: #c8c8cd;
}

.pf-mp-hero__action,
.pf-mp-listing__action,
.pf-mp-actions__action,
.pf-mp-publish__action,
.pf-mp-cart__action,
.pf-mp-basket__action,
.pf-mp-address__action,
.pf-mp-details__action,
.pf-mp-notifs__action,
.pf-mp-policy__action,
.pf-mp-invoices__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

/* Listing readiness */

.pf-mp-listing__item {
  display: grid;
  gap: 0.35rem;
  padding-top: var(--spacing--8);
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-mp-listing__item:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.pf-mp-listing__item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-mp-listing__meter {
  height: 0.3rem;
  background: rgb(247 247 248 / 10%);
  overflow: hidden;
}

.pf-mp-listing__meter span {
  display: block;
  height: 100%;
  background: #78dfa2;
}

/* Actions board */

.pf-mp-actions__count {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
}

.pf-mp-actions__lane {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  gap: var(--spacing--8);
  padding: 0.55rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-mp-actions__n {
  color: #6f6f75;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: 1.4;
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
}

.pf-mp-actions__copy {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}

/* Publish gate */

.pf-mp-publish__sheet {
  padding: var(--spacing--12);
  border-radius: var(--_🔘-radius---general--default);
  background: #222328;
  display: grid;
  gap: var(--spacing--8);
}

.pf-mp-publish__chips,
.pf-mp-policy__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.pf-mp-publish__chips span,
.pf-mp-policy__chips span {
  padding: 0.25rem 0.5rem;
  border-radius: var(--_🔘-radius---general--default);
  background: rgb(247 247 248 / 8%);
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

/* Discovery shelf */

.pf-mp-discovery__shelf {
  display: grid;
  gap: var(--spacing--8);
}

.pf-mp-discovery__tile {
  padding: 0.75rem 0.85rem;
  background: #222328;
  display: grid;
  gap: 0.2rem;
}

/* Cart */

.pf-mp-cart__seller {
  padding: 0.65rem 0.75rem;
  background: #222328;
  display: grid;
  gap: 0.35rem;
}

.pf-mp-cart__total {
  padding-top: var(--spacing--4);
  border-top: 1px solid rgb(247 247 248 / 12%);
}

/* Basket */

.pf-mp-basket__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgb(247 247 248 / 10%);
  border: 1px solid rgb(247 247 248 / 10%);
  overflow: hidden;
  border-radius: var(--_🔘-radius---general--default);
}

.pf-mp-basket__stat {
  padding: 0.7rem 0.65rem;
  background: #222328;
  display: grid;
  gap: 0.15rem;
  text-align: center;
}

.pf-mp-basket__stat strong {
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
}

.pf-mp-basket__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing--4);
}

.pf-mp-basket__steps span {
  text-align: center;
  padding: 0.35rem 0.25rem;
  color: #6f6f75;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  border-bottom: 2px solid rgb(247 247 248 / 10%);
}

.pf-mp-basket__steps span.is-done {
  color: #78dfa2;
  border-bottom-color: #78dfa2;
}

.pf-mp-basket__steps span.is-now {
  color: #f7f7f8;
  border-bottom-color: #f7f7f8;
}

/* Categories mosaic */

.pf-mp-categories__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing--8);
}

.pf-mp-categories__cell {
  min-height: 4.5rem;
  padding: 0.75rem;
  background: #222328;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pf-mp-categories__cell:nth-child(1) { background: #22262e; }
.pf-mp-categories__cell:nth-child(2) { background: #262228; }
.pf-mp-categories__cell:nth-child(3) { background: #232820; }
.pf-mp-categories__cell:nth-child(4) { background: #28241f; }

/* Address */

.pf-mp-address__lines {
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: 1.45;
}

/* Favourites */

.pf-mp-favs__count {
  color: #c8c8cd;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-mp-favs__tray {
  display: flex;
  gap: var(--spacing--8);
}

.pf-mp-favs__thumb {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.55rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #222328;
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
}

.pf-mp-favs__list {
  display: grid;
  gap: 0;
}

.pf-mp-favs__row {
  padding: 0.5rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

/* Orders timeline */

.pf-mp-orders__rail {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}

.pf-mp-orders__rail li {
  position: relative;
  display: grid;
  grid-template-columns: 0.75rem minmax(0, 1fr);
  gap: var(--spacing--8);
  padding-bottom: var(--spacing--12);
}

.pf-mp-orders__rail li.is-last {
  padding-bottom: 0;
}

.pf-mp-orders__rail li::before {
  content: "";
  position: absolute;
  left: 0.3rem;
  top: 0.7rem;
  bottom: 0;
  width: 1px;
  background: rgb(247 247 248 / 14%);
}

.pf-mp-orders__rail li.is-last::before {
  display: none;
}

.pf-mp-orders__dot {
  position: relative;
  z-index: 1;
  width: 0.65rem;
  height: 0.65rem;
  margin-top: 0.3rem;
  border-radius: 50%;
  border: 1.5px solid #c8c8cd;
  background: #191a1f;
  box-sizing: border-box;
}

.pf-mp-orders__body {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: var(--spacing--8);
  align-items: center;
  min-width: 0;
}

.pf-mp-orders__body strong {
  font-variant-numeric: tabular-nums;
  justify-self: end;
}

/* Order details ticket */

.pf-mp-details__ticket {
  padding: var(--spacing--12);
  border: 1px dashed rgb(247 247 248 / 16%);
  background: #222328;
  display: grid;
  gap: var(--spacing--8);
}

.pf-mp-details__total {
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
}

.pf-mp-details__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.85rem;
  padding-top: var(--spacing--4);
  border-top: 1px solid rgb(247 247 248 / 10%);
}

/* Notifications */

.pf-mp-notifs__badge {
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 0.35rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f39a69;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
}

.pf-mp-notifs__item {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: var(--spacing--8);
  padding: 0.55rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-mp-notifs__item.is-unread .pf-mp-notifs__copy strong {
  color: #f7f7f8;
}

.pf-mp-notifs__copy {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}

/* Fulfilment counter */

.pf-mp-fulfil__big {
  font-size: 2.25rem;
  line-height: 1;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: baseline;
  gap: 0.45rem;
}

.pf-mp-fulfil__states {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgb(247 247 248 / 10%);
  border: 1px solid rgb(247 247 248 / 10%);
  border-radius: var(--_🔘-radius---general--default);
  overflow: hidden;
}

.pf-mp-fulfil__state {
  padding: 0.7rem 0.55rem;
  background: #222328;
  display: grid;
  gap: 0.15rem;
  text-align: center;
}

.pf-mp-fulfil__state strong {
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
}

/* Invoices ledger */

.pf-mp-invoices__row {
  align-items: center;
  padding: 0.55rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-mp-invoices__row-copy,
.pf-mp-invoices__row-right {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}

.pf-mp-invoices__row-right {
  justify-items: end;
}

.pf-mp-invoices__row-right strong {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 600px) {
  .pf-mp-basket__stats,
  .pf-mp-fulfil__states,
  .pf-mp-categories__grid {
    grid-template-columns: 1fr 1fr;
  }

  .pf-mp-orders__body {
    grid-template-columns: 1fr auto;
  }

  .pf-mp-orders__body .pf-status {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

/* =========================================================
   Book a demo — walkthrough agenda
   ========================================================= */

.widget-centered.pf-widget-host--demo-agenda {
  width: 100%;
  max-width: 25.38rem;
}

.widget_outer.pf-widget-host--demo-agenda {
  max-width: none;
  width: 100%;
  padding: var(--spacing--8);
}

.pf-demo-agenda {
  width: 100%;
  padding: var(--spacing--16);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-demo-agenda__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-demo-agenda__heading {
  min-width: 0;
  display: grid;
  gap: 0.2rem;
}

.pf-demo-agenda__kicker {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-demo-agenda__title {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-demo-agenda__duration {
  flex: 0 0 auto;
  padding: 0.25rem 0.55rem;
  border: 1px solid rgb(247 247 248 / 14%);
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  white-space: nowrap;
}

.pf-demo-agenda__focus {
  display: grid;
  gap: 0.2rem;
  padding: 0.7rem 0.85rem;
  background: #222328;
  border-left: 2px solid #f39a69;
}

.pf-demo-agenda__focus-label {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-demo-agenda__focus strong {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-demo-agenda__rail {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}

.pf-demo-agenda__rail li {
  position: relative;
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  column-gap: var(--spacing--12);
  padding: 0 0 var(--spacing--12) 0.85rem;
}

.pf-demo-agenda__rail li.is-last {
  padding-bottom: 0;
}

.pf-demo-agenda__rail li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  bottom: 0;
  width: 1px;
  background: rgb(247 247 248 / 12%);
}

.pf-demo-agenda__rail li.is-last::before {
  display: none;
}

.pf-demo-agenda__rail li::after {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: 0.4rem;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: #191a1f;
  border: 1.5px solid #c8c8cd;
  box-sizing: border-box;
}

.pf-demo-agenda__rail li:first-child::after {
  border-color: #f39a69;
  background: #3a271e;
}

.pf-demo-agenda__time {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: 1.35;
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  font-variant-numeric: tabular-nums;
}

.pf-demo-agenda__step {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}

.pf-demo-agenda__step strong {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-demo-agenda__step span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

/* =========================================================
   Online Store page widgets
   ========================================================= */

/* Keep hero marquee slides equal height — scoped to this section only */
.section_hero-product-b .wrap_marquee-product,
.section_hero-product-b .single-product-marquee {
  align-items: stretch;
}

.section_hero-product-b .item_marquee-product,
.section_hero-product-b .item_marquee-product.table-item {
  flex: 0 0 20rem;
  width: 20rem;
  min-width: 20rem;
  max-width: 20rem;
  height: 22rem;
  max-height: 22rem;
  align-items: stretch;
  align-self: auto;
}

.section_hero-product-b .item_marquee-product > .widget_outer,
.section_hero-product-b .item_marquee-product > .widget-centered,
.section_hero-product-b .item_marquee-product.table-item > .widget_outer,
.section_hero-product-b .item_marquee-product.table-item > .widget-centered {
  width: 100%;
  max-width: 100%;
  height: 22rem;
  max-height: 22rem;
  flex: 1 1 auto;
  align-self: stretch;
  overflow: hidden;
  box-sizing: border-box;
}

.section_hero-product-b .item_marquee-product .pf-os-cart,
.section_hero-product-b .item_marquee-product .pf-os-product,
.section_hero-product-b .item_marquee-product .pf-os-ship,
.section_hero-product-b .item_marquee-product .pf-os-pay,
.section_hero-product-b .item_marquee-product .pf-os-checkout {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  gap: var(--spacing--8);
  padding: 0.75rem;
  box-sizing: border-box;
}

.section_hero-product-b .item_marquee-product .pf-os-cart__action,
.section_hero-product-b .item_marquee-product .pf-os-pay__action,
.section_hero-product-b .item_marquee-product .pf-os-checkout__action,
.section_hero-product-b .item_marquee-product .pf-os-product__action {
  margin-top: auto;
}

.section_hero-product-b .widget_outer.pf-widget-host--os-product {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.section_hero-product-b .pf-os-product {
  padding: 0;
  gap: 0;
  height: 100%;
}

.section_hero-product-b .pf-os-product__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0.75rem;
  gap: 0.5rem;
}

.section_hero-product-b .pf-os-product__media {
  flex: 0 0 9rem;
  width: 100%;
  height: 9rem;
  max-height: none;
  aspect-ratio: auto;
  background: #222328;
  overflow: hidden;
}

.section_hero-product-b .pf-os-product__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.widget_outer.pf-widget-host--os-cart,
.widget_outer.pf-widget-host--os-product,
.widget_outer.pf-widget-host--os-ship,
.widget_outer.pf-widget-host--os-pay {
  max-width: none;
  width: 100%;
  padding: var(--spacing--8);
  flex: 0 0 auto;
  height: auto;
}

.widget-centered.pf-widget-host--os-checkout,
.widget-centered.pf-widget-host--os-catalogue,
.widget-centered.pf-widget-host--os-storefront,
.widget-centered.pf-widget-host--os-delivery,
.widget-centered.pf-widget-host--os-ready {
  width: 100%;
  max-width: 25.38rem;
}

.pf-os-cart,
.pf-os-product,
.pf-os-ship,
.pf-os-pay,
.pf-os-checkout,
.pf-os-catalogue,
.pf-os-storefront,
.pf-os-delivery,
.pf-os-ready {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-os-cart__top,
.pf-os-ship__top,
.pf-os-pay__top,
.pf-os-checkout__top,
.pf-os-catalogue__top,
.pf-os-storefront__top,
.pf-os-delivery__top,
.pf-os-product__topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-os-cart__top .pf-status,
.pf-os-ship__top .pf-status,
.pf-os-pay__top .pf-status,
.pf-os-checkout__top .pf-status,
.pf-os-storefront__top .pf-status,
.pf-os-product__topline .pf-status,
.pf-os-catalogue__item .pf-status,
.pf-os-delivery__row .pf-status {
  margin-left: 0;
  flex: 0 0 auto;
}

.pf-os-cart__title,
.pf-os-ship__title,
.pf-os-pay__title,
.pf-os-catalogue__title,
.pf-os-delivery__title,
.pf-os-ready__title,
.pf-os-product__title {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-os-checkout__kicker,
.pf-os-storefront__kicker,
.pf-os-catalogue__sub,
.pf-os-product__sku,
.pf-os-product__brand,
.pf-os-delivery__count,
.pf-os-cart__buyer {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-os-cart__buyer {
  text-transform: none;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  letter-spacing: var(--_🔠-typography---letter-spacing--b3);
}

.pf-os-cart__line,
.pf-os-cart__sub,
.pf-os-ship__option,
.pf-os-pay__row,
.pf-os-pay__charge,
.pf-os-checkout__row,
.pf-os-catalogue__item,
.pf-os-delivery__row,
.pf-os-ready__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-os-cart__line,
.pf-os-ship__option,
.pf-os-pay__row,
.pf-os-catalogue__item,
.pf-os-delivery__row,
.pf-os-ready__row,
.pf-os-checkout__row {
  padding: 0.5rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-os-cart__line:first-of-type,
.pf-os-ship__option:first-of-type,
.pf-os-pay__row:first-of-type,
.pf-os-catalogue__item:first-of-type,
.pf-os-delivery__row:first-of-type,
.pf-os-ready__row:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.pf-os-cart__line-copy,
.pf-os-ship__option-copy,
.pf-os-catalogue__item-copy,
.pf-os-delivery__row-copy,
.pf-os-checkout__who {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}

.pf-os-cart__line-copy span,
.pf-os-ship__option-copy span,
.pf-os-catalogue__item-copy span,
.pf-os-delivery__row-copy span,
.pf-os-checkout__who span,
.pf-os-storefront__note,
.pf-os-storefront__metric span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-os-cart__line-copy strong,
.pf-os-ship__option-copy strong,
.pf-os-catalogue__item-copy strong,
.pf-os-delivery__row-copy strong,
.pf-os-checkout__who strong,
.pf-os-cart__line > strong,
.pf-os-ship__option > strong,
.pf-os-pay__row strong,
.pf-os-pay__charge strong,
.pf-os-checkout__row strong,
.pf-os-product__price {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pf-os-cart__sub,
.pf-os-pay__charge {
  padding-top: var(--spacing--4);
  border-top: 1px solid rgb(247 247 248 / 12%);
}

.pf-os-cart__sub span,
.pf-os-pay__charge span,
.pf-os-pay__row span,
.pf-os-checkout__row span,
.pf-os-ready__row span {
  color: #b7b7bd;
}

.pf-os-cart__action,
.pf-os-product__action,
.pf-os-pay__action,
.pf-os-checkout__action,
.pf-os-catalogue__action,
.pf-os-ready__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

/* Product card */

.pf-os-product {
  padding: 0;
  overflow: hidden;
  gap: 0;
}

.pf-os-product__media {
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #222328;
  overflow: hidden;
}

.pf-os-product__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.pf-os-product__body {
  padding: var(--spacing--12);
  display: grid;
  gap: var(--spacing--8);
}

/* Shipping */

.pf-os-ship__option {
  align-items: center;
  padding: 0.65rem 0.75rem;
  border-top: 0;
  background: #222328;
}

.pf-os-ship__option + .pf-os-ship__option {
  margin-top: var(--spacing--4);
}

.pf-os-ship__option.is-selected {
  outline: 1px solid rgb(247 247 248 / 28%);
}

.pf-os-ship__option.is-selected .pf-os-ship__option-copy strong {
  color: #f7f7f8;
}

/* Payment */

.pf-os-pay__row.is-on strong {
  color: #c8c8cd;
  font-weight: var(--_🔠-typography---font-weight--b2);
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  white-space: normal;
  text-align: right;
}

/* Checkout */

.pf-os-checkout__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing--4);
}

.pf-os-checkout__steps span {
  text-align: center;
  padding: 0.35rem 0.2rem;
  color: #6f6f75;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  border-bottom: 2px solid rgb(247 247 248 / 10%);
}

.pf-os-checkout__steps span.is-done {
  color: #78dfa2;
  border-bottom-color: #78dfa2;
}

.pf-os-checkout__steps span.is-now {
  color: #f7f7f8;
  border-bottom-color: #f7f7f8;
}

.pf-os-checkout__who {
  padding: 0.65rem 0.75rem;
  background: #222328;
}

.pf-os-checkout__row.is-total {
  border-top: 1px solid rgb(247 247 248 / 14%);
  padding-top: 0.65rem;
}

.pf-os-checkout__row.is-total strong {
  font-size: 1.15rem;
}

/* Catalogue */

.pf-os-catalogue__item {
  align-items: center;
}

/* Storefront pulse */

.pf-os-storefront__domain {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-os-storefront__metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: rgb(247 247 248 / 10%);
  border: 1px solid rgb(247 247 248 / 10%);
  border-radius: var(--_🔘-radius---general--default);
  overflow: hidden;
}

.pf-os-storefront__metric {
  padding: 0.75rem 0.85rem;
  background: #222328;
  display: grid;
  gap: 0.15rem;
}

.pf-os-storefront__metric strong {
  font-size: 1.35rem;
  line-height: 1.1;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
}

/* Delivery schedule */

.pf-os-delivery__row {
  align-items: center;
}

/* Checkout readiness */

.pf-os-ready__row strong.is-ok {
  color: #78dfa2;
}

.pf-os-ready__row strong.is-warn {
  color: #efbf60;
}

@media (max-width: 600px) {
  .widget-centered.pf-widget-host--os-checkout,
  .widget-centered.pf-widget-host--os-catalogue,
  .widget-centered.pf-widget-host--os-storefront,
  .widget-centered.pf-widget-host--os-delivery,
  .widget-centered.pf-widget-host--os-ready {
    max-width: 100%;
  }
}

/* Online Store — documents section spacing + matched column heights */

.section_documents .documents_halves {
  align-items: stretch;
}

.section_documents .right_documents {
  grid-column-gap: var(--spacing--32);
  grid-row-gap: var(--spacing--32);
  justify-content: flex-start;
}

.section_documents .image-wrap_documents {
  height: auto;
  min-height: 0;
  max-height: none;
  align-self: stretch;
  position: relative;
}

.section_documents .image-wrap_documents .image_cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .section_documents .right_documents {
    grid-column-gap: var(--spacing--24);
    grid-row-gap: var(--spacing--24);
  }

  .section_documents .image-wrap_documents {
    position: relative;
    height: 28rem;
    min-height: 28rem;
  }
}

/* =========================================================
   Point of Sale page widgets (pf-psp-*)
   ========================================================= */

.widget_outer.pf-widget-host--psp-staff,
.widget_outer.pf-widget-host--psp-product,
.widget_outer.pf-widget-host--psp-cashier,
.widget_outer.pf-widget-host--psp-drawer,
.widget_outer.pf-widget-host--psp-receipt,
.widget_outer.pf-widget-host--psp-refund,
.widget_outer.pf-widget-host--psp-stock,
.widget_outer.pf-widget-host--psp-report,
.widget_outer.pf-widget-host--psp-trail {
  max-width: none;
  width: 100%;
  padding: var(--spacing--8);
}

.widget-centered.pf-widget-host--psp-ticket,
.widget-centered.pf-widget-host--psp-shift {
  width: 100%;
  max-width: 25.38rem;
}

.pf-psp-ticket,
.pf-psp-shift,
.pf-psp-staff,
.pf-psp-product,
.pf-psp-cashier,
.pf-psp-drawer,
.pf-psp-receipt,
.pf-psp-refund,
.pf-psp-stock,
.pf-psp-report,
.pf-psp-trail {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-psp-ticket__top,
.pf-psp-shift__top,
.pf-psp-staff__top,
.pf-psp-product__top,
.pf-psp-cashier__top,
.pf-psp-drawer__top,
.pf-psp-receipt__top,
.pf-psp-refund__top,
.pf-psp-stock__top,
.pf-psp-report__top,
.pf-psp-trail__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-psp-ticket__top .pf-status,
.pf-psp-shift__top .pf-status,
.pf-psp-staff__row .pf-status,
.pf-psp-product__top .pf-status,
.pf-psp-cashier__top .pf-status,
.pf-psp-drawer__top .pf-status,
.pf-psp-receipt__top .pf-status,
.pf-psp-refund__top .pf-status,
.pf-psp-stock__top .pf-status,
.pf-psp-report__top .pf-status,
.pf-psp-trail__top .pf-status {
  margin-left: 0;
  flex: 0 0 auto;
}

.pf-psp-ticket__kicker,
.pf-psp-shift__kicker,
.pf-psp-staff__sub,
.pf-psp-product__sku,
.pf-psp-product__brand,
.pf-psp-product__stock,
.pf-psp-cashier__kicker,
.pf-psp-cashier__meta,
.pf-psp-receipt__id,
.pf-psp-refund__id,
.pf-psp-stock__sku,
.pf-psp-stock__source,
.pf-psp-shift__who {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-psp-ticket__title,
.pf-psp-shift__title,
.pf-psp-staff__title,
.pf-psp-product__title,
.pf-psp-cashier__name,
.pf-psp-drawer__title,
.pf-psp-refund__title,
.pf-psp-stock__title,
.pf-psp-stock__product,
.pf-psp-report__title,
.pf-psp-trail__title,
.pf-psp-receipt__who {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-psp-ticket__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.85rem;
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
}

.pf-psp-ticket__lines,
.pf-psp-drawer__rows,
.pf-psp-report__rows {
  display: grid;
  gap: 0;
}

.pf-psp-ticket__line,
.pf-psp-drawer__row,
.pf-psp-report__row,
.pf-psp-ticket__total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.45rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-psp-ticket__line:first-child,
.pf-psp-drawer__row:first-child,
.pf-psp-report__row:first-child {
  border-top: 0;
  padding-top: 0;
}

.pf-psp-ticket__line span,
.pf-psp-drawer__row span,
.pf-psp-report__row span,
.pf-psp-ticket__total span,
.pf-psp-shift__stat span,
.pf-psp-staff__copy span,
.pf-psp-receipt__item,
.pf-psp-receipt__pay,
.pf-psp-refund__item,
.pf-psp-refund__note,
.pf-psp-stock__delta span,
.pf-psp-trail__steps span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-psp-ticket__line strong,
.pf-psp-drawer__row strong,
.pf-psp-report__row strong,
.pf-psp-ticket__total strong,
.pf-psp-product__price,
.pf-psp-receipt__amount,
.pf-psp-refund__amount,
.pf-psp-stock__delta strong,
.pf-psp-report__total,
.pf-psp-shift__stat strong,
.pf-psp-shift__split strong {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pf-psp-ticket__total {
  border-top: 1px solid rgb(247 247 248 / 14%);
  padding-top: 0.65rem;
}

.pf-psp-ticket__total strong,
.pf-psp-receipt__amount,
.pf-psp-report__total {
  font-size: 1.35rem;
  line-height: 1.1;
}

.pf-psp-refund__amount {
  font-size: 1.35rem;
  line-height: 1.1;
  color: #f39a69;
}

.pf-psp-ticket__action,
.pf-psp-shift__action,
.pf-psp-staff__action,
.pf-psp-product__action,
.pf-psp-cashier__action,
.pf-psp-drawer__action,
.pf-psp-receipt__action,
.pf-psp-refund__action,
.pf-psp-stock__action,
.pf-psp-report__action,
.pf-psp-trail__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

/* Shift board */

.pf-psp-shift__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgb(247 247 248 / 10%);
  border: 1px solid rgb(247 247 248 / 10%);
  border-radius: var(--_🔘-radius---general--default);
  overflow: hidden;
}

.pf-psp-shift__stat {
  padding: 0.7rem 0.55rem;
  background: #222328;
  display: grid;
  gap: 0.15rem;
  text-align: center;
}

.pf-psp-shift__split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing--8);
}

.pf-psp-shift__split > div {
  padding: 0.55rem 0.7rem;
  background: #222328;
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-psp-shift__split span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
}

/* Staff access */

.pf-psp-staff__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--spacing--8);
  align-items: center;
  padding: 0.5rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-psp-staff__row:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.pf-psp-staff__avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #35363d;
  color: #f7f7f8;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
}

.pf-psp-staff__copy {
  min-width: 0;
  display: grid;
  gap: 0.1rem;
}

.pf-psp-staff__copy strong {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Cashier */

.pf-psp-cashier__scope {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.pf-psp-cashier__scope span {
  padding: 0.25rem 0.5rem;
  border-radius: var(--_🔘-radius---general--default);
  background: rgb(247 247 248 / 8%);
  color: #c8c8cd;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

/* Receipt stub */

.pf-psp-receipt__stub {
  padding: var(--spacing--12);
  border: 1px dashed rgb(247 247 248 / 16%);
  background: #222328;
  display: grid;
  gap: var(--spacing--8);
}

/* Stock delta */

.pf-psp-stock__delta {
  display: flex;
  align-items: baseline;
  gap: var(--spacing--8);
}

.pf-psp-stock__delta strong {
  font-size: 1.5rem;
  line-height: 1;
  color: #f39a69;
}

/* Sale trail */

.pf-psp-trail__steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}

.pf-psp-trail__steps li {
  position: relative;
  padding: 0 0 var(--spacing--12) 0.95rem;
  display: grid;
  gap: 0.15rem;
}

.pf-psp-trail__steps li.is-last {
  padding-bottom: 0;
}

.pf-psp-trail__steps li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  bottom: 0;
  width: 1px;
  background: rgb(247 247 248 / 12%);
}

.pf-psp-trail__steps li.is-last::before {
  display: none;
}

.pf-psp-trail__steps li::after {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: 0.4rem;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  border: 1.5px solid #c8c8cd;
  background: #191a1f;
  box-sizing: border-box;
}

.pf-psp-trail__steps li:first-child::after {
  border-color: #78dfa2;
  background: #183a27;
}

.pf-psp-trail__steps strong {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

@media (max-width: 600px) {
  .pf-psp-shift__stats {
    grid-template-columns: 1fr;
  }

  .pf-psp-staff__row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .pf-psp-staff__row .pf-status {
    grid-column: 2;
    justify-self: start;
  }
}

/* POS download card — photo background + overlays */

.card_product.pf-psp-download-card {
  position: relative;
  overflow: hidden;
  background-color: #191a1f;
  background-position: 50%;
  background-size: cover;
  color: #f7f7f8;
  --_🎨-color--tokens---tone--strong: #f7f7f8;
  --_🎨-color--tokens---tone--medium: rgb(247 247 248 / 72%);
  --_🎨-color--tokens---background--gradient-purposes--gradient-0: transparent;
  --_🎨-color--tokens---background--gradient-purposes--gradient-64: rgb(25 26 31 / 0.78);
}

.pf-psp-download-card > .product_top-tile,
.pf-psp-download-card > .pf-psp-download-cta {
  position: relative;
  z-index: 2;
}

.pf-psp-download-card > .overlay_card-case,
.pf-psp-download-card > .overlay_card-case-top {
  z-index: 1;
  pointer-events: none;
}

.pf-psp-download-card .heading-style-h5,
.pf-psp-download-card .master_tag .label-large {
  color: #f7f7f8;
}

.pf-psp-download-card > .pf-psp-download-cta {
  margin-top: auto;
  width: 100%;
  justify-content: center;
}

.pf-psp-download-card > .pf-psp-download-cta .button-inner {
  justify-content: center;
}

/* =========================================================
   Inventory management page widgets (pf-inv-*)
   ========================================================= */

.widget-centered.pf-widget-host--inv-mix,
.widget-centered.pf-widget-host--inv-fulfil,
.widget-centered.pf-widget-host--inv-ops,
.widget-centered.pf-widget-host--inv-activity,
.widget-centered.pf-widget-host--inv-policy,
.widget-centered.pf-widget-host--inv-controls {
  width: 100%;
  max-width: none;
}

.widget_outer.pf-widget-host--inv-onhand,
.widget_outer.pf-widget-host--inv-transfer,
.widget_outer.pf-widget-host--inv-po,
.widget_outer.pf-widget-host--inv-bins,
.widget_outer.pf-widget-host--inv-receive,
.widget_outer.pf-widget-host--inv-returns,
.widget_outer.pf-widget-host--inv-queue,
.widget_outer.pf-widget-host--inv-report {
  max-width: none;
  width: 100%;
  padding: var(--spacing--8);
}

.pf-inv-mix,
.pf-inv-fulfil,
.pf-inv-ops,
.pf-inv-activity,
.pf-inv-policy,
.pf-inv-controls,
.pf-inv-onhand,
.pf-inv-transfer,
.pf-inv-po,
.pf-inv-bins,
.pf-inv-receive,
.pf-inv-returns,
.pf-inv-queue,
.pf-inv-report {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-inv-mix__top,
.pf-inv-fulfil__top,
.pf-inv-ops__top,
.pf-inv-activity__top,
.pf-inv-policy__top,
.pf-inv-controls__top,
.pf-inv-onhand__top,
.pf-inv-transfer__top,
.pf-inv-po__top,
.pf-inv-bins__top,
.pf-inv-receive__top,
.pf-inv-returns__top,
.pf-inv-queue__top,
.pf-inv-report__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-inv-mix__top .pf-status,
.pf-inv-fulfil__top .pf-status,
.pf-inv-ops__top .pf-status,
.pf-inv-policy__top .pf-status,
.pf-inv-controls__top .pf-status,
.pf-inv-onhand__top .pf-status,
.pf-inv-transfer__top .pf-status,
.pf-inv-po__top .pf-status,
.pf-inv-bins__top .pf-status,
.pf-inv-receive__top .pf-status,
.pf-inv-returns__top .pf-status,
.pf-inv-queue__top .pf-status,
.pf-inv-report__top .pf-status,
.pf-inv-ops__row .pf-status,
.pf-inv-controls__row .pf-status,
.pf-inv-onhand__row .pf-status,
.pf-inv-po__row .pf-status,
.pf-inv-returns__row .pf-status {
  margin-left: 0;
  flex: 0 0 auto;
}

.pf-inv-mix__kicker,
.pf-inv-activity__day,
.pf-inv-policy__kicker,
.pf-inv-queue__label,
.pf-inv-transfer__route span,
.pf-inv-receive__meta span,
.pf-inv-bins__cell span,
.pf-inv-ops__copy span,
.pf-inv-controls__copy span,
.pf-inv-onhand__copy span,
.pf-inv-po__copy span,
.pf-inv-returns__copy span,
.pf-inv-queue__order span,
.pf-inv-fulfil__row span,
.pf-inv-report__kpi span,
.pf-inv-report__row span,
.pf-inv-mix__total span,
.pf-inv-mix__legend span,
.pf-inv-fulfil__stage span,
.pf-inv-activity__body span,
.pf-inv-policy__copy,
.pf-inv-policy__rule span,
.pf-inv-receive__step span,
.pf-inv-transfer__item {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-inv-mix__kicker,
.pf-inv-policy__kicker,
.pf-inv-queue__label {
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-inv-mix__title,
.pf-inv-fulfil__title,
.pf-inv-ops__title,
.pf-inv-activity__title,
.pf-inv-policy__title,
.pf-inv-controls__title,
.pf-inv-onhand__title,
.pf-inv-transfer__id,
.pf-inv-po__title,
.pf-inv-bins__title,
.pf-inv-receive__title,
.pf-inv-returns__title,
.pf-inv-queue__title,
.pf-inv-report__title,
.pf-inv-ops__copy strong,
.pf-inv-controls__copy strong,
.pf-inv-onhand__copy strong,
.pf-inv-po__copy strong,
.pf-inv-returns__copy strong,
.pf-inv-activity__body strong,
.pf-inv-policy__rule strong,
.pf-inv-receive__step strong,
.pf-inv-queue__order strong,
.pf-inv-bins__cell strong,
.pf-inv-transfer__route strong,
.pf-inv-fulfil__row strong,
.pf-inv-report__row strong,
.pf-inv-receive__meta strong {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-inv-fulfil__action,
.pf-inv-activity__action,
.pf-inv-policy__action,
.pf-inv-onhand__action,
.pf-inv-transfer__action,
.pf-inv-po__action,
.pf-inv-bins__action,
.pf-inv-receive__action,
.pf-inv-returns__action,
.pf-inv-queue__action,
.pf-inv-report__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

/* Movement mix */

.pf-inv-mix__total {
  display: flex;
  align-items: baseline;
  gap: var(--spacing--8);
}

.pf-inv-mix__total strong,
.pf-inv-report__kpi strong,
.pf-inv-queue__lane strong,
.pf-inv-fulfil__stage strong {
  font-size: 1.5rem;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-inv-mix__bars {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
  gap: var(--spacing--8);
  min-height: 5.5rem;
  padding: 0.55rem 0.55rem 0;
  background: #222328;
  border-radius: var(--_🔘-radius---general--default);
}

.pf-inv-mix__bar {
  height: var(--pf-inv-h, 50%);
  min-height: 1.25rem;
  border-radius: 0.35rem 0.35rem 0 0;
  background: #f7f7f8;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0.25rem;
}

.pf-inv-mix__bar:nth-child(2) { background: #c8c8cd; }
.pf-inv-mix__bar:nth-child(3) { background: #9aa7b8; }
.pf-inv-mix__bar:nth-child(4) { background: #f39a69; }

.pf-inv-mix__bar span {
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
}

.pf-inv-mix__legend {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem 0.85rem;
}

.pf-inv-mix__legend > div {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-inv-mix__legend strong {
  color: #c8c8cd;
  font-weight: var(--_🔠-typography---font-weight--b2);
}

/* Fulfilment stages */

.pf-inv-fulfil__stages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgb(247 247 248 / 10%);
  border: 1px solid rgb(247 247 248 / 10%);
  border-radius: var(--_🔘-radius---general--default);
  overflow: hidden;
}

.pf-inv-fulfil__stage {
  padding: 0.7rem 0.55rem;
  background: #222328;
  display: grid;
  gap: 0.15rem;
  text-align: center;
}

.pf-inv-fulfil__stage.is-active {
  background: #2a2b31;
}

.pf-inv-fulfil__row {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.45rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-inv-fulfil__row:first-of-type {
  border-top: 0;
  padding-top: 0;
}

/* Ops / controls / onhand / po / returns rows */

.pf-inv-ops__row,
.pf-inv-controls__row,
.pf-inv-onhand__row,
.pf-inv-po__row,
.pf-inv-returns__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.5rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-inv-ops__row:first-of-type,
.pf-inv-controls__row:first-of-type,
.pf-inv-onhand__row:first-of-type,
.pf-inv-po__row:first-of-type,
.pf-inv-returns__row:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.pf-inv-ops__copy,
.pf-inv-controls__copy,
.pf-inv-onhand__copy,
.pf-inv-po__copy,
.pf-inv-returns__copy {
  min-width: 0;
  display: grid;
  gap: 0.1rem;
}

/* Activity timeline */

.pf-inv-activity__timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}

.pf-inv-activity__timeline li {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  gap: var(--spacing--8);
  position: relative;
  padding: 0 0 var(--spacing--12) 0.85rem;
}

.pf-inv-activity__timeline li.is-last {
  padding-bottom: 0;
}

.pf-inv-activity__timeline li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  bottom: 0;
  width: 1px;
  background: rgb(247 247 248 / 12%);
}

.pf-inv-activity__timeline li.is-last::before {
  display: none;
}

.pf-inv-activity__timeline li::after {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: 0.4rem;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  border: 1.5px solid #c8c8cd;
  background: #191a1f;
  box-sizing: border-box;
}

.pf-inv-activity__timeline li:first-child::after {
  border-color: #78dfa2;
  background: #183a27;
}

.pf-inv-activity__time {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  font-variant-numeric: tabular-nums;
}

.pf-inv-activity__body {
  display: grid;
  gap: 0.1rem;
}

/* Policy */

.pf-inv-policy__rules {
  display: grid;
  gap: 0;
}

.pf-inv-policy__rule {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.45rem 0 0.45rem 0.95rem;
  position: relative;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-inv-policy__rule:first-child {
  border-top: 0;
  padding-top: 0;
}

.pf-inv-policy__rule::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 1.5px solid #c8c8cd;
  background: #191a1f;
  box-sizing: border-box;
}

.pf-inv-policy__rule.is-on::before {
  border-color: #78dfa2;
  background: #183a27;
}

/* Transfer ticket */

.pf-inv-transfer__route {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing--8);
}

.pf-inv-transfer__route > div {
  padding: 0.55rem 0.7rem;
  background: #222328;
  display: grid;
  gap: 0.15rem;
}

.pf-inv-transfer__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing--8);
}

.pf-inv-transfer__steps > div {
  text-align: center;
  padding: 0.4rem 0.35rem;
  border-radius: var(--_🔘-radius---general--default);
  background: rgb(247 247 248 / 6%);
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-inv-transfer__steps > .is-done {
  color: #78dfa2;
  background: #183a27;
}

.pf-inv-transfer__steps > .is-active {
  color: #f7f7f8;
  background: #35363d;
}

/* Bin map */

.pf-inv-bins__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing--8);
}

.pf-inv-bins__cell {
  padding: 0.7rem 0.75rem;
  background: #222328;
  display: grid;
  gap: 0.2rem;
  border: 1px solid transparent;
}

.pf-inv-bins__cell.is-busy {
  border-color: rgb(247 247 248 / 18%);
}

.pf-inv-bins__cell.is-hold {
  border-color: rgb(243 154 105 / 35%);
}

/* Receiving */

.pf-inv-receive__progress {
  display: grid;
  gap: 0.45rem;
}

.pf-inv-receive__bar {
  height: 0.4rem;
  border-radius: 999px;
  background: rgb(247 247 248 / 10%);
  overflow: hidden;
}

.pf-inv-receive__bar span {
  display: block;
  height: 100%;
  background: #f7f7f8;
  border-radius: inherit;
}

.pf-inv-receive__meta {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-inv-receive__step {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.45rem 0 0.45rem 0.95rem;
  position: relative;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-inv-receive__step:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.pf-inv-receive__step::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 1.5px solid #c8c8cd;
  background: #191a1f;
  box-sizing: border-box;
}

.pf-inv-receive__step.is-done::before {
  border-color: #78dfa2;
  background: #183a27;
}

.pf-inv-receive__step.is-active::before {
  border-color: #f7f7f8;
  background: #f7f7f8;
}

.pf-inv-receive__step:not(.is-done):not(.is-active) strong {
  color: #99999f;
  font-weight: var(--_🔠-typography---font-weight--b2);
}

/* Queue */

.pf-inv-queue__lanes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgb(247 247 248 / 10%);
  border: 1px solid rgb(247 247 248 / 10%);
  border-radius: var(--_🔘-radius---general--default);
  overflow: hidden;
}

.pf-inv-queue__lane {
  padding: 0.7rem 0.55rem;
  background: #222328;
  display: grid;
  gap: 0.2rem;
  text-align: center;
}

.pf-inv-queue__lane span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-inv-queue__lane.is-hot {
  background: #2a2b31;
}

.pf-inv-queue__next {
  padding: 0.7rem 0.75rem;
  background: #222328;
  display: grid;
  gap: 0.35rem;
}

.pf-inv-queue__order {
  display: grid;
  gap: 0.1rem;
}

/* Report */

.pf-inv-report__kpi {
  display: flex;
  align-items: baseline;
  gap: var(--spacing--8);
}

.pf-inv-report__rows {
  display: grid;
}

.pf-inv-report__row {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.45rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-inv-report__row:first-child {
  border-top: 0;
  padding-top: 0;
}

@media (max-width: 600px) {
  .pf-inv-mix__bars,
  .pf-inv-fulfil__stages,
  .pf-inv-queue__lanes,
  .pf-inv-transfer__steps,
  .pf-inv-bins__grid,
  .pf-inv-transfer__route {
    grid-template-columns: 1fr;
  }

  .pf-inv-mix__bars {
    min-height: 0;
  }

  .pf-inv-mix__bar {
    height: 0.55rem;
    min-height: 0;
    border-radius: 999px;
    justify-content: flex-end;
    padding: 0 0.45rem 0 0;
    align-items: center;
  }
}

/* Bento stock history (light card on gradient) */

.card_testimonial.pf-widget-host--bento-stock {
  padding: var(--spacing--24);
  grid-column-gap: var(--spacing--16);
  grid-row-gap: var(--spacing--16);
  justify-content: flex-start;
}

.pf-bento-stock {
  width: 100%;
  display: grid;
  gap: var(--spacing--8);
  color: #231f23;
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-bento-stock__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-bento-stock__kicker,
.pf-bento-stock__sku {
  color: rgb(35 31 35 / 56%);
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-bento-stock__status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 1.25rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  color: #1f6b45;
  background: #dff5e8;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  white-space: nowrap;
}

.pf-bento-stock__status::before {
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  background: currentColor;
  content: "";
}

.pf-bento-stock__title {
  font-weight: var(--_🔠-typography---weight--body-bold);
  color: #231f23;
}

.pf-bento-stock__balance {
  display: flex;
  align-items: baseline;
  gap: var(--spacing--8);
}

.pf-bento-stock__balance strong {
  font-size: 1.6rem;
  line-height: 1.15;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
  color: #231f23;
}

.pf-bento-stock__balance span {
  color: rgb(35 31 35 / 56%);
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-bento-stock__divider {
  height: 1px;
  margin: var(--spacing--4) 0;
  background: rgb(35 31 35 / 10%);
}

.pf-bento-stock__rows {
  display: grid;
  gap: 0;
}

.pf-bento-stock__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.4rem 0;
  border-top: 1px solid rgb(35 31 35 / 8%);
}

.pf-bento-stock__row:first-child {
  border-top: 0;
  padding-top: 0;
}

.pf-bento-stock__copy {
  min-width: 0;
  display: grid;
  gap: 0.05rem;
}

.pf-bento-stock__copy strong {
  color: #231f23;
  font-weight: var(--_🔠-typography---weight--body-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pf-bento-stock__copy span {
  color: rgb(35 31 35 / 56%);
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-bento-stock__row em {
  font-style: normal;
  font-weight: var(--_🔠-typography---weight--body-bold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pf-bento-stock__row em.is-up {
  color: #1f6b45;
}

.pf-bento-stock__row em.is-down {
  color: #9a4b2a;
}

/* =========================================================
   Contracts & e-signatures page widgets (pf-ctr-*)
   ========================================================= */

.widget_outer.pf-widget-host--ctr-envelope,
.widget_outer.pf-widget-host--ctr-status,
.widget_outer.pf-widget-host--ctr-draft,
.widget_outer.pf-widget-host--ctr-signers,
.widget_outer.pf-widget-host--ctr-invite,
.widget_outer.pf-widget-host--ctr-public,
.widget_outer.pf-widget-host--ctr-files,
.widget_outer.pf-widget-host--ctr-outcome,
.widget_outer.pf-widget-host--ctr-audit,
.widget_outer.pf-widget-host--ctr-bundle {
  max-width: none;
  width: 100%;
  padding: var(--spacing--8);
}

.widget_outer.time.pf-widget-host--ctr-envelope,
.widget_outer.time.pf-widget-host--ctr-status {
  background: transparent;
  border: 0;
}

.pf-ctr-envelope,
.pf-ctr-lifecycle,
.pf-ctr-status,
.pf-ctr-draft,
.pf-ctr-signers,
.pf-ctr-invite,
.pf-ctr-public,
.pf-ctr-files,
.pf-ctr-outcome,
.pf-ctr-audit,
.pf-ctr-bundle {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-ctr-envelope__top,
.pf-ctr-lifecycle__top,
.pf-ctr-status__top,
.pf-ctr-draft__top,
.pf-ctr-signers__top,
.pf-ctr-invite__top,
.pf-ctr-public__top,
.pf-ctr-files__top,
.pf-ctr-outcome__top,
.pf-ctr-audit__top,
.pf-ctr-bundle__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-ctr-envelope__top .pf-status,
.pf-ctr-lifecycle__top .pf-status,
.pf-ctr-status__top .pf-status,
.pf-ctr-draft__top .pf-status,
.pf-ctr-signers__top .pf-status,
.pf-ctr-invite__top .pf-status,
.pf-ctr-public__top .pf-status,
.pf-ctr-files__top .pf-status,
.pf-ctr-outcome__top .pf-status,
.pf-ctr-audit__top .pf-status,
.pf-ctr-bundle__top .pf-status,
.pf-ctr-envelope__row .pf-status,
.pf-ctr-lifecycle__row .pf-status,
.pf-ctr-signers__row .pf-status,
.pf-ctr-files__row .pf-status,
.pf-ctr-outcome__row .pf-status {
  margin-left: 0;
  flex: 0 0 auto;
}

.pf-ctr-envelope__kicker,
.pf-ctr-draft__kicker,
.pf-ctr-public__kicker,
.pf-ctr-status__badge {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-ctr-envelope__title,
.pf-ctr-lifecycle__title,
.pf-ctr-status__title,
.pf-ctr-draft__title,
.pf-ctr-signers__title,
.pf-ctr-invite__title,
.pf-ctr-public__title,
.pf-ctr-files__title,
.pf-ctr-outcome__title,
.pf-ctr-audit__title,
.pf-ctr-bundle__title,
.pf-ctr-envelope__copy strong,
.pf-ctr-lifecycle__copy strong,
.pf-ctr-signers__copy strong,
.pf-ctr-files__copy strong,
.pf-ctr-outcome__copy strong,
.pf-ctr-draft__field strong,
.pf-ctr-invite__steps strong,
.pf-ctr-invite__to strong,
.pf-ctr-public__checks strong,
.pf-ctr-audit__timeline strong,
.pf-ctr-bundle__item strong,
.pf-ctr-status__meta strong {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-ctr-envelope__copy span,
.pf-ctr-lifecycle__copy span,
.pf-ctr-signers__copy span,
.pf-ctr-files__copy span,
.pf-ctr-outcome__copy span,
.pf-ctr-draft__field span,
.pf-ctr-invite__steps span,
.pf-ctr-invite__to span,
.pf-ctr-public__checks span,
.pf-ctr-audit__timeline span,
.pf-ctr-bundle__item span,
.pf-ctr-status__copy,
.pf-ctr-status__meta span,
.pf-ctr-envelope__counts span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-ctr-envelope__action,
.pf-ctr-status__action,
.pf-ctr-draft__action,
.pf-ctr-signers__action,
.pf-ctr-invite__action,
.pf-ctr-public__action,
.pf-ctr-files__action,
.pf-ctr-outcome__action,
.pf-ctr-audit__action,
.pf-ctr-bundle__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

.pf-ctr-envelope__counts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: rgb(247 247 248 / 10%);
  border: 1px solid rgb(247 247 248 / 10%);
  border-radius: var(--_🔘-radius---general--default);
  overflow: hidden;
}

.pf-ctr-envelope__counts > div {
  padding: 0.7rem 0.4rem;
  background: #222328;
  display: grid;
  gap: 0.15rem;
  text-align: center;
}

.pf-ctr-envelope__counts strong {
  color: #f7f7f8;
  font-size: 1.25rem;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-ctr-envelope__row,
.pf-ctr-lifecycle__row,
.pf-ctr-signers__row,
.pf-ctr-files__row,
.pf-ctr-outcome__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.5rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-ctr-envelope__row:first-of-type,
.pf-ctr-lifecycle__row:first-of-type,
.pf-ctr-signers__row:first-of-type,
.pf-ctr-files__row:first-of-type,
.pf-ctr-outcome__row:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.pf-ctr-envelope__copy,
.pf-ctr-lifecycle__copy,
.pf-ctr-signers__copy,
.pf-ctr-files__copy,
.pf-ctr-outcome__copy {
  min-width: 0;
  display: grid;
  gap: 0.1rem;
}

/* Status agreement */

.pf-ctr-status__progress {
  display: grid;
  gap: 0.45rem;
}

.pf-ctr-status__bar {
  height: 0.4rem;
  border-radius: 999px;
  background: rgb(247 247 248 / 10%);
  overflow: hidden;
}

.pf-ctr-status__bar span {
  display: block;
  height: 100%;
  background: #f7f7f8;
  border-radius: inherit;
}

.pf-ctr-status__meta {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-ctr-status__states {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing--8);
}

.pf-ctr-status__states span {
  text-align: center;
  padding: 0.4rem 0.25rem;
  border-radius: var(--_🔘-radius---general--default);
  background: rgb(247 247 248 / 6%);
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-ctr-status__states .is-done {
  color: #78dfa2;
  background: #183a27;
}

.pf-ctr-status__states .is-active {
  color: #f7f7f8;
  background: #35363d;
}

/* Draft fields */

.pf-ctr-draft__fields {
  display: grid;
  gap: 0;
}

.pf-ctr-draft__field {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.45rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-ctr-draft__field:first-child {
  border-top: 0;
  padding-top: 0;
}

/* Signers */

.pf-ctr-signers__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--spacing--8);
  align-items: center;
}

.pf-ctr-signers__avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #35363d;
  color: #f7f7f8;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
}

.pf-ctr-signers__avatar.is-done {
  background: #183a27;
  color: #78dfa2;
}

/* Invite steps */

.pf-ctr-invite__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing--8);
}

.pf-ctr-invite__steps > div {
  padding: 0.55rem 0.6rem;
  background: #222328;
  display: grid;
  gap: 0.15rem;
}

.pf-ctr-invite__steps > .is-done {
  box-shadow: inset 0 0 0 1px rgb(120 223 162 / 35%);
}

.pf-ctr-invite__steps > .is-active {
  box-shadow: inset 0 0 0 1px rgb(247 247 248 / 22%);
}

.pf-ctr-invite__to {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.55rem 0.7rem;
  background: #222328;
}

/* Public checks */

.pf-ctr-public__checks {
  display: grid;
  gap: 0;
}

.pf-ctr-public__checks > div {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.45rem 0 0.45rem 0.95rem;
  position: relative;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-ctr-public__checks > div:first-child {
  border-top: 0;
  padding-top: 0;
}

.pf-ctr-public__checks > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 1.5px solid #c8c8cd;
  background: #191a1f;
  box-sizing: border-box;
}

.pf-ctr-public__checks > .is-on::before {
  border-color: #78dfa2;
  background: #183a27;
}

/* Audit timeline */

.pf-ctr-audit__timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}

.pf-ctr-audit__timeline li {
  position: relative;
  padding: 0 0 var(--spacing--12) 0.95rem;
  display: grid;
  gap: 0.1rem;
}

.pf-ctr-audit__timeline li.is-last {
  padding-bottom: 0;
}

.pf-ctr-audit__timeline li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  bottom: 0;
  width: 1px;
  background: rgb(247 247 248 / 12%);
}

.pf-ctr-audit__timeline li.is-last::before {
  display: none;
}

.pf-ctr-audit__timeline li::after {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: 0.4rem;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  border: 1.5px solid #c8c8cd;
  background: #191a1f;
  box-sizing: border-box;
}

.pf-ctr-audit__timeline li:first-child::after {
  border-color: #78dfa2;
  background: #183a27;
}

/* Bundle checklist */

.pf-ctr-bundle__item {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.45rem 0 0.45rem 0.95rem;
  position: relative;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-ctr-bundle__item:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.pf-ctr-bundle__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 1.5px solid #c8c8cd;
  background: #191a1f;
  box-sizing: border-box;
}

.pf-ctr-bundle__item.is-yes::before {
  border-color: #78dfa2;
  background: #183a27;
}

@media (max-width: 600px) {
  .pf-ctr-envelope__counts,
  .pf-ctr-status__states,
  .pf-ctr-invite__steps {
    grid-template-columns: 1fr;
  }

  .pf-ctr-signers__row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .pf-ctr-signers__row .pf-status {
    grid-column: 2;
    justify-self: start;
  }
}

/* Contracts signup CTA card */

.card_product.pf-ctr-signup-card {
  position: relative;
  overflow: hidden;
  background-color: #191a1f;
  background-position: 50%;
  background-size: cover;
  color: #f7f7f8;
  --_🎨-color--tokens---tone--strong: #f7f7f8;
  --_🎨-color--tokens---tone--medium: rgb(247 247 248 / 72%);
  --_🎨-color--tokens---background--gradient-purposes--gradient-0: transparent;
  --_🎨-color--tokens---background--gradient-purposes--gradient-64: rgb(25 26 31 / 0.78);
}

.pf-ctr-signup-card > .product_top-tile,
.pf-ctr-signup-card > .pf-ctr-signup-cta {
  position: relative;
  z-index: 2;
}

.pf-ctr-signup-card > .overlay_card-case,
.pf-ctr-signup-card > .overlay_card-case-top {
  z-index: 1;
  pointer-events: none;
}

.pf-ctr-signup-card .heading-style-h5,
.pf-ctr-signup-card .master_tag .label-large {
  color: #f7f7f8;
}

.pf-ctr-signup-card > .pf-ctr-signup-cta {
  margin-top: auto;
  width: 100%;
  justify-content: center;
}

.pf-ctr-signup-card > .pf-ctr-signup-cta .button-inner {
  justify-content: center;
}

/* =========================================================
   Invoicing & payments page widgets (pf-invc-*)
   ========================================================= */

.widget_outer.pf-widget-host--invc-board,
.widget_outer.pf-widget-host--invc-status,
.widget_outer.pf-widget-host--invc-estimate,
.widget_outer.pf-widget-host--invc-create,
.widget_outer.pf-widget-host--invc-link,
.widget_outer.pf-widget-host--invc-pay,
.widget_outer.pf-widget-host--invc-payments,
.widget_outer.pf-widget-host--invc-refund,
.widget_outer.pf-widget-host--invc-trail,
.widget_outer.pf-widget-host--invc-connected {
  max-width: none;
  width: 100%;
  padding: var(--spacing--8);
}

.widget_outer.product-a.pf-widget-host--invc-board,
.widget_outer.time.pf-widget-host--invc-status {
  background: transparent;
  border: 0;
}

.pf-invc-board,
.pf-invc-lifecycle,
.pf-invc-status,
.pf-invc-estimate,
.pf-invc-create,
.pf-invc-link,
.pf-invc-pay,
.pf-invc-payments,
.pf-invc-refund,
.pf-invc-trail,
.pf-invc-connected {
  width: 100%;
  padding: var(--spacing--12);
  border: 1px solid var(--_🎨-color--tokens---tone--faint, #35363d);
  border-radius: var(--_🔘-radius---general--default);
  background: #191a1f;
  color: #f7f7f8;
  display: grid;
  gap: var(--spacing--12);
  font-family: var(--_🔠-typography---font-family--b2);
  font-size: var(--_🔠-typography---size--b2);
  line-height: var(--_🔠-typography---line-height--b2);
  font-weight: var(--_🔠-typography---font-weight--b2);
  letter-spacing: var(--_🔠-typography---letter-spacing--b2);
}

.pf-invc-board__top,
.pf-invc-lifecycle__top,
.pf-invc-status__top,
.pf-invc-estimate__top,
.pf-invc-create__top,
.pf-invc-link__top,
.pf-invc-pay__top,
.pf-invc-payments__top,
.pf-invc-refund__top,
.pf-invc-trail__top,
.pf-invc-connected__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-invc-board__top .pf-status,
.pf-invc-lifecycle__top .pf-status,
.pf-invc-status__top .pf-status,
.pf-invc-estimate__top .pf-status,
.pf-invc-create__top .pf-status,
.pf-invc-link__top .pf-status,
.pf-invc-pay__top .pf-status,
.pf-invc-payments__top .pf-status,
.pf-invc-refund__top .pf-status,
.pf-invc-trail__top .pf-status,
.pf-invc-connected__top .pf-status,
.pf-invc-board__row .pf-status,
.pf-invc-lifecycle__row .pf-status,
.pf-invc-payments__row .pf-status {
  margin-left: 0;
  flex: 0 0 auto;
}

.pf-invc-board__kicker,
.pf-invc-create__kicker,
.pf-invc-pay__kicker,
.pf-invc-status__badge,
.pf-invc-estimate__id,
.pf-invc-refund__id {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-invc-board__title,
.pf-invc-lifecycle__title,
.pf-invc-status__title,
.pf-invc-estimate__title,
.pf-invc-create__title,
.pf-invc-link__title,
.pf-invc-pay__title,
.pf-invc-payments__title,
.pf-invc-refund__title,
.pf-invc-trail__title,
.pf-invc-connected__title,
.pf-invc-board__copy strong,
.pf-invc-lifecycle__copy strong,
.pf-invc-payments__copy strong,
.pf-invc-create__field strong,
.pf-invc-link__steps strong,
.pf-invc-pay__checks strong,
.pf-invc-trail__timeline strong,
.pf-invc-connected__item strong,
.pf-invc-estimate__customer,
.pf-invc-status__meta strong {
  color: #f7f7f8;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-invc-board__copy span,
.pf-invc-lifecycle__copy span,
.pf-invc-payments__copy span,
.pf-invc-create__field span,
.pf-invc-link__steps span,
.pf-invc-pay__checks span,
.pf-invc-trail__timeline span,
.pf-invc-connected__item span,
.pf-invc-status__copy,
.pf-invc-status__meta span,
.pf-invc-status__amount span,
.pf-invc-board__counts span,
.pf-invc-refund__item,
.pf-invc-refund__note,
.pf-invc-estimate__row span {
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
  line-height: var(--_🔠-typography---line-height--b3);
}

.pf-invc-board__action,
.pf-invc-status__action,
.pf-invc-estimate__action,
.pf-invc-create__action,
.pf-invc-link__action,
.pf-invc-pay__action,
.pf-invc-payments__action,
.pf-invc-refund__action,
.pf-invc-trail__action,
.pf-invc-connected__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.25rem;
  padding: 0.5rem 0.85rem;
  border-radius: var(--_🔘-radius---ui--button-base, 0.5rem);
  background: #f7f7f8;
  color: #191a1f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
  text-align: center;
}

.pf-invc-board__counts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgb(247 247 248 / 10%);
  border: 1px solid rgb(247 247 248 / 10%);
  border-radius: var(--_🔘-radius---general--default);
  overflow: hidden;
}

.pf-invc-board__counts > div {
  padding: 0.7rem 0.4rem;
  background: #222328;
  display: grid;
  gap: 0.15rem;
  text-align: center;
}

.pf-invc-board__counts strong,
.pf-invc-status__amount strong,
.pf-invc-estimate__amount,
.pf-invc-pay__amount,
.pf-invc-refund__amount,
.pf-invc-payments__amt {
  color: #f7f7f8;
  font-size: 1.25rem;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
  font-weight: var(--_🔠-typography---weight--body-bold);
}

.pf-invc-estimate__amount,
.pf-invc-pay__amount,
.pf-invc-status__amount strong {
  font-size: 1.5rem;
}

.pf-invc-refund__amount {
  color: #f39a69;
  font-size: 1.35rem;
}

.pf-invc-board__row,
.pf-invc-lifecycle__row,
.pf-invc-payments__row,
.pf-invc-estimate__row,
.pf-invc-create__field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.5rem 0;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-invc-board__row:first-of-type,
.pf-invc-lifecycle__row:first-of-type,
.pf-invc-payments__row:first-of-type,
.pf-invc-create__field:first-child {
  border-top: 0;
  padding-top: 0;
}

.pf-invc-board__copy,
.pf-invc-lifecycle__copy,
.pf-invc-payments__copy {
  min-width: 0;
  display: grid;
  gap: 0.1rem;
}

.pf-invc-status__amount,
.pf-invc-status__progress,
.pf-invc-status__meta {
  display: grid;
  gap: 0.45rem;
}

.pf-invc-status__amount {
  display: flex;
  align-items: baseline;
  gap: var(--spacing--8);
}

.pf-invc-status__bar,
.pf-invc-status__bar span {
  display: block;
  height: 0.4rem;
  border-radius: 999px;
}

.pf-invc-status__bar {
  background: rgb(247 247 248 / 10%);
  overflow: hidden;
}

.pf-invc-status__bar span {
  background: #f7f7f8;
}

.pf-invc-status__meta {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
}

.pf-invc-status__states {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--spacing--8);
}

.pf-invc-status__states span {
  text-align: center;
  padding: 0.4rem 0.25rem;
  border-radius: var(--_🔘-radius---general--default);
  background: rgb(247 247 248 / 6%);
  color: #99999f;
  font-family: var(--_🔠-typography---font-family--label-2);
  font-size: var(--_🔠-typography---size--label-2);
  line-height: var(--_🔠-typography---line-height--label-2);
  font-weight: var(--_🔠-typography---font-weight--label-2);
  letter-spacing: var(--_🔠-typography---letter-spacing--label-2);
  text-transform: uppercase;
}

.pf-invc-status__states .is-done {
  color: #78dfa2;
  background: #183a27;
}

.pf-invc-status__states .is-active {
  color: #f7f7f8;
  background: #35363d;
}

.pf-invc-link__url {
  padding: 0.55rem 0.7rem;
  background: #222328;
  color: #c8c8cd;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--_🔠-typography---font-family--b3);
  font-size: var(--_🔠-typography---size--b3);
}

.pf-invc-link__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing--8);
}

.pf-invc-link__steps > div {
  padding: 0.55rem 0.6rem;
  background: #222328;
  display: grid;
  gap: 0.15rem;
}

.pf-invc-link__steps > .is-done {
  box-shadow: inset 0 0 0 1px rgb(120 223 162 / 35%);
}

.pf-invc-link__steps > .is-active {
  box-shadow: inset 0 0 0 1px rgb(247 247 248 / 22%);
}

.pf-invc-pay__checks,
.pf-invc-connected__item {
  display: grid;
}

.pf-invc-pay__checks > div,
.pf-invc-connected__item {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing--8);
  padding: 0.45rem 0 0.45rem 0.95rem;
  position: relative;
  border-top: 1px solid rgb(247 247 248 / 8%);
}

.pf-invc-pay__checks > div:first-child,
.pf-invc-connected__item:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.pf-invc-pay__checks > div::before,
.pf-invc-connected__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 1.5px solid #c8c8cd;
  background: #191a1f;
  box-sizing: border-box;
}

.pf-invc-pay__checks > .is-on::before,
.pf-invc-connected__item.is-yes::before {
  border-color: #78dfa2;
  background: #183a27;
}

.pf-invc-trail__timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
}

.pf-invc-trail__timeline li {
  position: relative;
  padding: 0 0 var(--spacing--12) 0.95rem;
  display: grid;
  gap: 0.1rem;
}

.pf-invc-trail__timeline li.is-last {
  padding-bottom: 0;
}

.pf-invc-trail__timeline li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  bottom: 0;
  width: 1px;
  background: rgb(247 247 248 / 12%);
}

.pf-invc-trail__timeline li.is-last::before {
  display: none;
}

.pf-invc-trail__timeline li::after {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: 0.4rem;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  border: 1.5px solid #c8c8cd;
  background: #191a1f;
  box-sizing: border-box;
}

.pf-invc-trail__timeline li:first-child::after {
  border-color: #78dfa2;
  background: #183a27;
}

.card_product.pf-invc-signup-card {
  position: relative;
  overflow: hidden;
  background-color: #191a1f;
  background-position: 50%;
  background-size: cover;
  color: #f7f7f8;
  --_🎨-color--tokens---tone--strong: #f7f7f8;
  --_🎨-color--tokens---tone--medium: rgb(247 247 248 / 72%);
  --_🎨-color--tokens---background--gradient-purposes--gradient-0: transparent;
  --_🎨-color--tokens---background--gradient-purposes--gradient-64: rgb(25 26 31 / 0.78);
}

.pf-invc-signup-card > .product_top-tile,
.pf-invc-signup-card > .pf-invc-signup-cta {
  position: relative;
  z-index: 2;
}

.pf-invc-signup-card > .overlay_card-case,
.pf-invc-signup-card > .overlay_card-case-top {
  z-index: 1;
  pointer-events: none;
}

.pf-invc-signup-card .heading-style-h5,
.pf-invc-signup-card .master_tag .label-large {
  color: #f7f7f8;
}

.pf-invc-signup-card > .pf-invc-signup-cta {
  margin-top: auto;
  width: 100%;
  justify-content: center;
}

.pf-invc-signup-card > .pf-invc-signup-cta .button-inner {
  justify-content: center;
}

@media (max-width: 600px) {
  .pf-invc-board__counts,
  .pf-invc-status__states,
  .pf-invc-link__steps {
    grid-template-columns: 1fr;
  }
}