[data-pa-form="order-product-proposal"] {
  --pa-order-accent: #356a59;
  --pa-order-border: rgba(53, 106, 89, .18);
  gap: 1rem !important;
  width: min(46rem, calc(100vw - 2rem));
}

[data-pa-form="order-product-proposal"] [data-pa-order-context-refresh] {
  display: none !important;
}

.pa-order-product__modes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .45rem;
  padding: .3rem;
  border: 1px solid var(--pa-order-border);
  border-radius: 1rem;
  background: rgba(53, 106, 89, .045);
}

.pa-order-product__modes button {
  min-height: 2.85rem;
  padding: .65rem .8rem;
  border: 0;
  border-radius: .75rem;
  background: transparent;
  color: #333a37;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}

.pa-order-product__modes button:hover,
.pa-order-product__modes button:focus-visible {
  background: rgba(255, 255, 255, .75);
}

.pa-order-product__modes button.is-active {
  background: #fff;
  color: var(--pa-order-accent);
  box-shadow: 0 .35rem 1rem rgba(43, 64, 56, .1);
}

.pa-order-product__help {
  margin: -.25rem 0 0;
  color: #626965;
  font-size: .92rem;
  line-height: 1.45;
}

[data-pa-order-existing-product] {
  display: grid;
  gap: .7rem;
}

.pa-order-product__search {
  display: grid;
  gap: .4rem;
  font-weight: 650;
}

.pa-order-product__search input {
  width: 100%;
  min-height: 3rem;
  padding: .75rem .9rem;
  border: 1px solid rgba(48, 56, 52, .2);
  border-radius: .8rem;
  background: #fff;
  font: inherit;
}

.pa-order-product__selected {
  margin: 0;
  padding: .8rem .9rem;
  border: 1px solid rgba(53, 106, 89, .24);
  border-radius: .8rem;
  background: rgba(53, 106, 89, .07);
  color: #244c40;
  font-weight: 650;
}

.pa-order-product__results {
  display: grid;
  gap: .4rem;
  max-height: 17rem;
  overflow: auto;
}

.pa-order-product__result {
  display: grid;
  gap: .2rem;
  width: 100%;
  padding: .75rem .85rem;
  border: 1px solid rgba(48, 56, 52, .14);
  border-radius: .75rem;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.pa-order-product__result:hover,
.pa-order-product__result:focus-visible,
.pa-order-product__result.is-selected {
  border-color: rgba(53, 106, 89, .55);
  background: rgba(53, 106, 89, .055);
}

.pa-order-product__result small {
  color: #6a716d;
}

@media (max-width: 640px) {
  [data-pa-form="order-product-proposal"] {
    width: calc(100vw - 1rem);
  }

  .pa-order-product__modes {
    grid-template-columns: 1fr;
  }

  .pa-order-product__modes button {
    min-height: 2.65rem;
    text-align: left;
  }
}