.column-order_sync_status {
  width: 92px;
}

.simpfa-status-wrapper,
.sf-order-status-stack,
.sf-order-action-list {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 5px;
}

.sf-order-list-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 2px 8px;
  border: 1px solid #c7c2e8;
  border-radius: 5px;
  background: #fff;
  box-shadow: none;
  color: #5748a4;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.sf-order-list-action:hover,
.sf-order-list-action:focus {
  border-color: #8379cb;
  background: #f7f5ff;
  color: #44378a;
  box-shadow: none;
}

.sf-order-list-action--primary {
  border-color: #8379cb;
  background: #8379cb;
  color: #fff;
}

.sf-order-list-action--primary:hover,
.sf-order-list-action--primary:focus {
  background: #6d62b8;
  color: #fff;
}

.sf-order-list-action--warning {
  border-color: #a9dfc4;
  background: #eaf8f1;
  color: #176c49;
}

.sf-order-list-action--warning:hover,
.sf-order-list-action--warning:focus {
  border-color: #63bd91;
  background: #dff4e9;
  color: #12583c;
}

.sf-order-admin-summary {
  display: grid;
  gap: 12px;
}

.sf-order-admin-details {
  display: grid;
  gap: 8px;
  margin: 0;
}

.sf-order-admin-details > div {
  display: grid;
  grid-template-columns: minmax(96px, 0.8fr) minmax(0, 1.2fr);
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eceaf5;
}

.sf-order-admin-details dt,
.sf-order-admin-details dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.sf-order-admin-details dt {
  color: #646076;
  font-size: 12px;
  font-weight: 500;
}

.sf-order-admin-details dd {
  color: #272239;
  font-size: 12px;
  font-weight: 600;
}

.sf-order-admin-actions .button {
  width: 100%;
  min-height: 32px;
  text-align: center;
}

.sf-order-admin-credit-notes {
  padding-top: 10px;
  border-top: 1px solid #eceaf5;
}

.sf-order-admin-credit-notes h4 {
  margin: 0 0 7px;
  color: #272239;
  font-size: 12px;
}

.sf-order-admin-credit-notes ul {
  margin: 0;
  padding-inline-start: 18px;
}

.sf-order-admin-credit-notes li {
  margin: 4px 0;
}

.sf-order-admin-empty {
  margin: 0;
  color: #777286;
  font-size: 12px;
}

.sf-pill {
  display: inline-flex;
  padding: 3px 7px;
  border-radius: 5px;
  font-size: 11px;
  line-height: 1.3;
}

.sf-pill-muted {
  border: 1px solid #d7d4df;
  background: #f7f7f8;
  color: #625e6b;
}
