/* 后台用户列表 / 订单列表 - 无需下拉即可查看完整数据 */

.users-page .table-scroll-wrap,
.orders-page .table-scroll-wrap,
.deposit-review-page .table-scroll-wrap,
.withdraw-review-page .table-scroll-wrap,
.layout-main .table-scroll-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.users-page .el-table .cell,
.orders-page .el-table .cell,
.deposit-review-page .el-table .cell,
.withdraw-review-page .el-table .cell,
.layout-main .el-table .cell {
  white-space: normal !important;
  word-break: break-word !important;
  line-height: 1.45 !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.users-page .el-table th.el-table__cell,
.users-page .el-table td.el-table__cell,
.orders-page .el-table th.el-table__cell,
.orders-page .el-table td.el-table__cell,
.layout-main .el-table th.el-table__cell,
.layout-main .el-table td.el-table__cell {
  height: auto !important;
  vertical-align: top;
  padding: 10px 8px !important;
}

.users-page .el-table .el-table__body tr,
.orders-page .el-table .el-table__body tr {
  height: auto !important;
}

/* 搜索栏平铺展示，减少遮挡 */
.users-page .search-form,
.orders-page .search-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

.users-page .search-form .el-form-item,
.orders-page .search-form .el-form-item {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}

.users-page .toolbar,
.orders-page .toolbar {
  margin-bottom: 16px;
}

/* 分页默认已调大，保留分页器但更易读 */
.users-page .pagination,
.orders-page .pagination,
.layout-main .pagination {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

/* 手机端自适应 */
@media (max-width: 768px) {
  .layout-container {
    flex-direction: column !important;
  }

  .layout-main {
    padding: 10px !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .layout-header {
    padding: 0 10px !important;
    height: auto !important;
    min-height: 56px;
    flex-wrap: wrap;
    gap: 8px;
  }

  .header-right {
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-end;
    max-width: 100%;
  }

  .notification-area {
    flex-wrap: wrap !important;
    font-size: 12px !important;
    gap: 4px !important;
  }

  .users-page .el-card,
  .orders-page .el-card,
  .layout-main .el-card {
    margin: 0 !important;
  }

  .users-page .search-form .el-input,
  .users-page .search-form .el-select,
  .orders-page .search-form .el-input,
  .orders-page .search-form .el-select {
    max-width: 100% !important;
    width: 100% !important;
  }

  .users-page .el-table,
  .orders-page .el-table,
  .layout-main .el-table {
    font-size: 12px !important;
  }

  .users-page .el-dialog,
  .orders-page .el-dialog,
  .layout-main .el-dialog {
    width: 96% !important;
    margin: 4vh auto !important;
  }

  .users-page .pagination,
  .orders-page .pagination,
  .layout-main .pagination {
    justify-content: center !important;
  }
}