.acaou-look-up-table-wrapper {
  max-width: 100%;
  width: 100%;
  overflow-x: auto;
  /* pewc-item-field-wrapper (this wrapper's parent) is a CSS grid container on some themes/
     layouts. A grid item's default min-width is "auto", which sizes it to its content instead
     of the grid track - that's what was constraining this wrapper to less than the full column
     width rather than letting it stretch, independently of the width/overflow rules above. */
  min-width: 0;
  grid-column: 1 / -1;
}
table.acaou-table {
  margin-top: 4em;
  width: 100%;
  min-width: 100%;
}
table.acaou-table th {
  background: #ccc;
  font-weight: bold
}
table.acaou-table thead th {
  font-weight: bold;
  border-bottom: 1px solid #aaa
}
table.acaou-table thead th,
table.acaou-table tbody th {
  width: 100px
}
table.acaou-table-grid tbody th {
  border-right: 1px solid #aaa
}
table.acaou-table thead th,
table.acaou-table td {
  text-align: center;
}
table.acaou-table-grid thead th:first-of-type {
  text-align: left;;
  border-right: 1px solid #aaa
}

.acaou-flat-axis-inputs-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.acaou-flat-axis-input-row {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
}
.woocommerce_options_panel.pewc_panel p.acaou-flat-axis-input-row {
  margin: 1em 0
}
.woocommerce_options_panel.pewc_panel p.acaou-flat-axis-add-wrapper {
  margin: 0 0 1em;
}

.acaou-flat-axis-input-row select {
  flex: 1;
  min-width: 0;
}