.pisell-sale-detail-print-menu {
  .pisell-lowcode-dropdown-menu {
    min-width: 180px;
  }

  .pisell-lowcode-dropdown-menu-item.pisell-sale-detail-print-menu__item {
    min-height: 48px;
    padding: 12px 14px;
    font-size: 14px;
    line-height: 20px;
  }

  .pisell-sale-detail-print-menu__icon {
    font-size: 18px;
  }
}

.pisell-sale-detail-payment-action-tone(@color, @hover-color) {
  color: #fff;
  border-color: @color;
  background: @color;

  &:not(:disabled):hover,
  &:not(:disabled):focus,
  &:not(:disabled):active {
    color: #fff;
    border-color: @hover-color;
    background: @hover-color;
  }

  &:disabled {
    color: #d0d5dd;
    border-color: #e5e7eb;
    background: #f9fafb;
  }
}

.pisell-lowcode-btn.pisell-sale-detail-button-actions__button.pisell-sale-detail-button-actions__button--payment-tone-blue {
  .pisell-sale-detail-payment-action-tone(#2563eb, #1d4ed8);
}

.pisell-lowcode-btn.pisell-sale-detail-button-actions__button.pisell-sale-detail-button-actions__button--payment-tone-cyan {
  .pisell-sale-detail-payment-action-tone(#0891b2, #0e7490);
}

.pisell-lowcode-btn.pisell-sale-detail-button-actions__button.pisell-sale-detail-button-actions__button--payment-tone-green {
  .pisell-sale-detail-payment-action-tone(#16a34a, #15803d);
}

.pisell-lowcode-btn.pisell-sale-detail-button-actions__button.pisell-sale-detail-button-actions__button--payment-tone-orange {
  .pisell-sale-detail-payment-action-tone(#f79009, #dc6803);
}

.pisell-sale-detail-overflow-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 260px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.2);

  .pisell-sale-detail-button-actions__button {
    width: 100%;
    height: auto;
    min-height: 48px;
    padding: 10px 14px;
    border-radius: 8px;
    line-height: 20px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .pisell-lowcode-btn.pisell-sale-detail-button-actions__button.pisell-sale-detail-button-actions__button--checkout-cart {
    .pisell-sale-detail-payment-action-tone(#7f56da, #6941c6);
  }
}

.pisell-lowcode-space.pisell-sale-detail-button-actions__row--leading-icon-overflow {
  > .pisell-lowcode-space-item:first-child {
    flex: 0 0 48px;
    width: 48px;
    min-width: 48px;
    max-width: 48px;
  }
}
