/* 订单管理页专项优化 - 紧凑列宽、小按钮、无横向滚动 */

.orders-page {
  overflow-x: hidden;
  max-width: 100%;
}

.orders-page .table-scroll-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

.orders-page .el-table__body-wrapper,
.orders-page .el-table__header-wrapper {
  overflow-x: hidden !important;
}

.orders-page .el-table {
  width: 100% !important;
  font-size: 12px;
}

.orders-page .el-table__header table,
.orders-page .el-table__body table {
  width: 100% !important;
  table-layout: fixed !important;
}

.orders-page .el-table th.el-table__cell,
.orders-page .el-table td.el-table__cell {
  padding: 6px 4px !important;
}

.orders-page .el-table .cell {
  padding: 0 4px !important;
  line-height: 1.35 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* UID / 备注列收紧 */
.orders-page .el-table td:nth-child(2) .cell,
.orders-page .el-table td:nth-child(3) .cell,
.orders-page .el-table th:nth-child(2) .cell,
.orders-page .el-table th:nth-child(3) .cell {
  max-width: 72px;
}

.orders-page .el-table .el-tag {
  transform: scale(0.9);
  transform-origin: left center;
  padding: 0 4px;
  height: 20px;
  line-height: 18px;
}

.orders-page .el-table .el-button,
.orders-page .el-table .el-button--small {
  padding: 2px 5px !important;
  height: 20px !important;
  min-height: 20px !important;
  font-size: 11px !important;
  margin: 0 !important;
}

.orders-page .el-table .el-button + .el-button {
  margin-left: 3px !important;
}

.orders-page .el-table td:last-child .cell > div {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  align-items: center;
  max-width: 100%;
}

.orders-page .el-table .el-table__fixed-right,
.orders-page .el-table .el-table__fixed-right-patch {
  display: none !important;
}

/* 搜索区输入框收紧 */
.orders-page .search-form .el-input,
.orders-page .search-form .el-select {
  max-width: 120px;
}

.orders-page .search-form .el-input[style*="width: 200px"],
.orders-page .search-form .el-select[style*="width: 200px"] {
  width: 120px !important;
}

.orders-page .search-form .el-input[style*="width: 150px"],
.orders-page .search-form .el-select[style*="width: 150px"] {
  width: 100px !important;
}

.orders-page .pagination {
  flex-wrap: wrap;
}