[data-col="view"],
[data-list-column="view"],
[data-purchase-column="view"] {
  white-space: nowrap !important;
  text-align: left !important;
}
[data-col="view"] .view-edit-actions,
[data-list-column="view"] .view-edit-actions,
[data-purchase-column="view"] .view-edit-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1em;
  width: 100%;
  white-space: nowrap;
}
[data-col="view"] .view-button,
[data-col="view"] .edit-button,
[data-list-column="view"] .view-button,
[data-list-column="view"] .edit-button,
[data-purchase-column="view"] .view-button,
[data-purchase-column="view"] .edit-button,
.view-edit-actions button {
  box-sizing: border-box !important;
  min-width: 40px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: 1px solid #b8d8d4 !important;
  border-radius: 6px !important;
  background: #edf7f5 !important;
  color: #167d76 !important;
  font: inherit !important;
  line-height: 26px !important;
  white-space: nowrap !important;
  word-break: keep-all;
  box-shadow: none !important;
}
.view-edit-actions button.flow-action,
[data-col="view"] .flow-action,
[data-list-column="view"] .flow-action,
[data-purchase-column="view"] .flow-action {
  border-color: #efc1bd !important;
  background: #fff0ef !important;
  color: #bd4741 !important;
}
td > button + button,
td > a + a,
td > button + a,
td > a + button { margin-left: 1em; }
