.wholesale-field-label {
  align-items: baseline;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 2px;
}

.wholesale-field-label .required-mark {
  color: #c73535;
}

.wholesale-field-label small {
  color: #718195;
  font-size: 0.82em;
  font-weight: 500;
}

.wholesale-required-note {
  color: #66798a;
  grid-column: 1 / -1;
  margin: 0 0 4px;
  font-size: 0.82rem;
}

.product-upload-icon {
  color: currentColor;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}

.meta-pixel-workspace .feature-form-card {
  max-width: 1020px;
}

.meta-pixel-workspace .feature-fields input[type="text"],
.meta-pixel-workspace .feature-fields input[inputmode="numeric"] {
  width: 100%;
}

@media (max-width: 950px) {
  .product-catalog-admin,
  .product-admin-toolbar,
  .product-table,
  .product-table .product-row,
  .product-main-cell,
  .product-main-cell > div {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
  }

  .product-table {
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: visible !important;
  }

  .product-table-head {
    display: none;
  }

  .product-table .product-row {
    background: #fff;
    border: 1px solid #d8e2e9;
    border-radius: 13px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 16px;
    min-width: 0;
    margin-bottom: 12px;
    padding: 14px;
    display: grid;
  }

  .product-table .product-main-cell {
    grid-column: 1 / -1;
  }

  .product-main-cell b {
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
  }

  .product-table .product-row > strong,
  .product-table .product-row > span:not(.product-status) {
    align-content: start;
    display: block;
    min-width: 0;
  }

  .product-table .product-row > strong::before,
  .product-table .product-row > span:nth-child(3)::before,
  .product-table .product-row > span:nth-child(4)::before {
    color: #718195;
    display: block;
    margin-bottom: 3px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .product-table .product-row > strong::before { content: "Stock"; }
  .product-table .product-row > span:nth-child(3)::before { content: "Precio"; }
  .product-table .product-row > span:nth-child(4)::before { content: "Promocional"; }

  .product-table .product-row > .product-status {
    align-self: center;
    justify-self: start;
  }

  .product-row-actions {
    align-items: center;
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .admin .product-row-actions button {
    border-radius: 9px;
    width: auto;
    height: 38px;
    padding: 0 13px;
    font-size: 0;
    display: inline-flex;
  }

  .admin .product-row-actions button::after {
    font-size: 0.8rem;
    font-weight: 800;
  }

  .admin .product-row-actions .secondary::after { content: "Editar"; }
  .admin .product-row-actions .danger::after { content: "Eliminar"; }
}

@media (max-width: 600px) {
  html,
  body,
  #root,
  .admin,
  .workspace {
    max-width: 100%;
    overflow-x: clip;
  }

  .product-catalog-admin {
    width: calc(100% - 20px);
  }

  .product-admin-toolbar,
  .product-admin-actions {
    min-width: 0;
  }

  .product-admin-toolbar label,
  .product-admin-toolbar input,
  .product-admin-toolbar select,
  .product-admin-actions > * {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0 !important;
    width: 100%;
  }
}
