/* line 1, app/assets/stylesheets/components/product_row.scss */
.product-row {
  background-color: var(--sera-color-neutral-gray-light-gray-50);
  border-radius: 6px;
  padding: 1rem;
  margin-bottom: 1rem;
}

/* line 7, app/assets/stylesheets/components/product_row.scss */
.product-row--thin {
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
}

/* line 11, app/assets/stylesheets/components/product_row.scss */
.product-row--thin .product-row__preview {
  min-height: initial;
}

/* line 16, app/assets/stylesheets/components/product_row.scss */
.product-row__hover-show {
  display: none;
}

/* line 21, app/assets/stylesheets/components/product_row.scss */
.product-row--hoverable:hover, .product-row--hoverable:focus {
  background-color: var(--sera-color-neutral-gray-light-gray-300);
}

/* line 24, app/assets/stylesheets/components/product_row.scss */
.product-row--hoverable:hover .product-row__hover-hide, .product-row--hoverable:focus .product-row__hover-hide {
  display: none;
}

/* line 28, app/assets/stylesheets/components/product_row.scss */
.product-row--hoverable:hover .product-row__hover-show, .product-row--hoverable:focus .product-row__hover-show {
  display: block;
}

/* line 34, app/assets/stylesheets/components/product_row.scss */
.product-row__body {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* line 40, app/assets/stylesheets/components/product_row.scss */
.product-row__part-input {
  flex: 1;
}

/* line 44, app/assets/stylesheets/components/product_row.scss */
.product-row__location-input {
  flex: 1;
}

/* line 54, app/assets/stylesheets/components/product_row.scss */
.product-row__preview {
  display: flex;
  gap: 0 20px;
  min-height: 42px;
}

/* line 60, app/assets/stylesheets/components/product_row.scss */
.product-row__preview-ordered {
  font-weight: 600;
  margin-top: auto;
  margin-bottom: auto;
}

/* line 66, app/assets/stylesheets/components/product_row.scss */
.product-row__preview-product-name-group {
  margin-top: auto;
  margin-bottom: auto;
  flex-grow: 1;
}

/* line 72, app/assets/stylesheets/components/product_row.scss */
.product-row__preview-product-name {
  font-weight: 600;
}

/* line 76, app/assets/stylesheets/components/product_row.scss */
.product-row__badge {
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
}

/* line 81, app/assets/stylesheets/components/product_row.scss */
.product-row__icon {
  font-weight: 400;
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

/* line 94, app/assets/stylesheets/components/product_row.scss */
.product-row--not-received .product-row__badge {
  background-color: var(--sera-color-neutral-gray-light-gray-300);
}

/* line 97, app/assets/stylesheets/components/product_row.scss */
.product-row--not-received .product-row__badge .product-row__badge-text:after {
  content: "Awaiting Fulfillment";
}

/* line 100, app/assets/stylesheets/components/product_row.scss */
.product-row--not-received .product-row__icon {
  color: var(--sera-color-neutral-gray-dark-gray-700);
}

/* line 103, app/assets/stylesheets/components/product_row.scss */
.product-row--not-received .product-row__icon:before {
  content: "\f017";
}

/* line 108, app/assets/stylesheets/components/product_row.scss */
.product-row--partially-received .product-row__badge {
  background-color: var(--sera-color-accents-yellow-100);
}

/* line 111, app/assets/stylesheets/components/product_row.scss */
.product-row--partially-received .product-row__badge .product-row__badge-text:after {
  content: "Partially Received";
}

/* line 114, app/assets/stylesheets/components/product_row.scss */
.product-row--partially-received .product-row__icon {
  color: var(--sera-color-accents-yellow-900);
}

/* line 117, app/assets/stylesheets/components/product_row.scss */
.product-row--partially-received .product-row__icon:before {
  content: "\f06a";
}

/* line 122, app/assets/stylesheets/components/product_row.scss */
.product-row--received .product-row__badge {
  background-color: var(--sera-color-accents-green-200);
}

/* line 125, app/assets/stylesheets/components/product_row.scss */
.product-row--received .product-row__badge .product-row__badge-text:after {
  content: "Fully Received";
}

/* line 128, app/assets/stylesheets/components/product_row.scss */
.product-row--received .product-row__icon {
  color: var(--sera-color-accents-green-600);
}

/* line 131, app/assets/stylesheets/components/product_row.scss */
.product-row--received .product-row__icon:before {
  content: "\f058";
}

/* line 136, app/assets/stylesheets/components/product_row.scss */
.product-row--closed .product-row__badge {
  background-color: var(--sera-color-accents-green-200) !important;
}

/* line 140, app/assets/stylesheets/components/product_row.scss */
.product-row--closed .product-row__icon {
  color: var(--sera-color-accents-green-600) !important;
}

/* line 143, app/assets/stylesheets/components/product_row.scss */
.product-row--closed .product-row__icon:before {
  content: "\f058" !important;
}

/* line 148, app/assets/stylesheets/components/product_row.scss */
.product-row--locked .product-row__badge {
  background-color: var(--sera-color-neutral-gray-light-gray-300);
}

/* line 151, app/assets/stylesheets/components/product_row.scss */
.product-row--locked .product-row__badge .product-row__badge-text:after {
  content: "Locked";
}

/* line 154, app/assets/stylesheets/components/product_row.scss */
.product-row--locked .product-row__icon {
  color: var(--sera-color-neutral-gray-dark-gray-700);
}

/* line 157, app/assets/stylesheets/components/product_row.scss */
.product-row--locked .product-row__icon:before {
  content: "\f023";
}