/* 用户报表 — 配色对齐充提/充值优惠报表（rw-rpt-table / day-rpt-table）
 * 宽表一人一出口：只在 .qk-uwl-scroll 横滑；禁止 overflow:visible 撑破主框架再被裁切。
 */
.qk-general-report-host,
.qk-uwl-mount-host {
  margin-bottom: 16px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.qk-uwl-wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 0 8px;
  overflow: hidden;
  box-sizing: border-box;
}

.qk-uwl-wrap.el-card {
  border: 1px solid #e8ecf0;
  border-radius: 10px;
  box-shadow: 0 2px 14px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.qk-uwl-wrap > .el-card__body {
  padding: 12px 16px 16px;
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
}

.qk-uwl-toolbar-wrap {
  margin-bottom: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #eef1f4;
}

.qk-uwl-toolbar {
  margin-bottom: 0;
  width: 100%;
}

.qk-uwl-toolbar-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 0;
}

.qk-uwl-toolbar-row + .qk-uwl-toolbar-row {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #ebeef5;
}

.qk-uwl-toolbar-row--filters .el-form-item {
  margin-bottom: 0;
}

.qk-uwl-settle-bar .el-form-item__label {
  padding-right: 6px;
  color: #606266;
}

.qk-uwl-toolbar-row--query {
  justify-content: flex-start;
}

.qk-uwl-query-btn {
  margin-left: 4px;
}

.qk-uwl-toolbar .el-form-item {
  margin-bottom: 0;
  margin-right: 12px;
}

.qk-uwl-date-bar .el-button {
  margin-left: 0;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

.qk-uwl-date-bar .el-date-editor {
  vertical-align: middle;
}

/* 面包屑：可点=蓝；当前层=实心蓝底白字 */
.qk-uwl-wrap .rpt-breadcrumb,
.qk-uwl-wrap .qk-uwl-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 0 0 10px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f8fafc;
  border: 1px solid #eef1f4;
}

.qk-uwl-wrap .rpt-breadcrumb-item,
.qk-uwl-wrap .qk-uwl-crumb {
  display: inline-flex;
  align-items: center;
}

.qk-uwl-wrap .rpt-breadcrumb-item + .rpt-breadcrumb-item::before,
.qk-uwl-wrap .qk-uwl-crumb-sep {
  content: '›';
  margin: 0 4px 0 0;
  color: #cbd5e1;
  font-weight: 600;
}

.qk-uwl-wrap .rpt-breadcrumb-item span,
.qk-uwl-wrap .qk-uwl-crumb {
  border: 0;
  background: transparent;
  padding: 3px 8px;
  border-radius: 6px;
  color: #2c77ba;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}

.qk-uwl-wrap .rpt-breadcrumb-item span:hover,
.qk-uwl-wrap .qk-uwl-crumb:hover {
  background: rgba(27, 102, 255, 0.08);
  color: #1b66ff;
}

.qk-uwl-wrap .rpt-breadcrumb-item.is-current span,
.qk-uwl-wrap .qk-uwl-crumb.is-current {
  background: #1b66ff;
  color: #fff;
  cursor: default;
}

.qk-uwl-wrap .qk-uwl-viewer-hint {
  margin: 0 0 12px;
  padding: 8px 12px;
  font-size: 13px;
  color: #475569;
  background: #f0f7ff;
  border-left: 3px solid #1b66ff;
  border-radius: 0 8px 8px 0;
}

.qk-uwl-wrap .qk-uwl-viewer-hint strong {
  color: #303133;
  font-weight: 600;
}

.qk-uwl-panel {
  border: 1px solid #ebeef5;
  border-radius: 0;
  background: #fff;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

/* 唯一横滑口：表格再宽也能拖到右侧列（实占/交收等） */
.qk-uwl-scroll {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  max-width: 100%;
  min-height: 520px;
  box-sizing: border-box;
}

.qk-uwl-table-wrap {
  width: max-content;
  min-width: 100%;
  min-height: 520px;
  position: relative;
  overflow: visible;
}

.qk-uwl-wrap .qk-uwl-table {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  font-size: 12px;
  color: #606266;
  background: #fff;
  border: 1px solid #ebeef5;
}

.qk-uwl-wrap .qk-uwl-table th,
.qk-uwl-wrap .qk-uwl-table td {
  box-sizing: border-box;
  padding: 6px 8px;
  vertical-align: middle;
  line-height: 1.35;
  white-space: nowrap;
  word-break: keep-all;
  border: none;
  font-size: 12px;
  color: #606266;
}

/* 分组格线 + 背景（21 列：基础7 + 会员4 + 本级8 + 上级2） */
.qk-uwl-wrap .uwl-rpt-table th,
.qk-uwl-wrap .uwl-rpt-table td {
  box-shadow: inset -1px -1px 0 rgba(64, 158, 255, 0.2);
  background-color: rgba(64, 158, 255, 0.1);
}

/* 蓝：基础信息 1-7 */
.qk-uwl-wrap .uwl-rpt-table thead tr:first-child > th:nth-child(-n+7),
.qk-uwl-wrap .uwl-rpt-table tbody td:nth-child(-n+7) {
  background-color: rgba(64, 158, 255, 0.1);
  box-shadow: inset -1px -1px 0 rgba(64, 158, 255, 0.2);
}

/* 绿：会员输赢 8-11（表头第一行第8格 colspan=4；第二行前4格） */
.qk-uwl-wrap .uwl-rpt-table thead tr:first-child > th:nth-child(8),
.qk-uwl-wrap .uwl-rpt-table thead tr:nth-child(2) > th:nth-child(-n+4),
.qk-uwl-wrap .uwl-rpt-table tbody td:nth-child(n+8):nth-child(-n+11) {
  background-color: rgba(103, 194, 58, 0.1);
  box-shadow: inset -1px -1px 0 rgba(103, 194, 58, 0.2);
}

/* 红：本级占成组 12-19（表头第一行第9格 colspan=8；第二行第5-12格） */
.qk-uwl-wrap .uwl-rpt-table thead tr:first-child > th:nth-child(9),
.qk-uwl-wrap .uwl-rpt-table thead tr:nth-child(2) > th:nth-child(n+5):nth-child(-n+12),
.qk-uwl-wrap .uwl-rpt-table tbody td:nth-child(n+12):nth-child(-n+19) {
  background-color: hsla(0, 87%, 69%, 0.1);
  box-shadow: inset -1px -1px 0 hsla(0, 87%, 69%, 0.2);
}

/* 橙：上交货量 / 上级交收 20-21 */
.qk-uwl-wrap .uwl-rpt-table thead tr:first-child > th:nth-child(10),
.qk-uwl-wrap .uwl-rpt-table thead tr:first-child > th:nth-child(11),
.qk-uwl-wrap .uwl-rpt-table tbody td:nth-child(20),
.qk-uwl-wrap .uwl-rpt-table tbody td:nth-child(21) {
  background-color: rgba(230, 162, 60, 0.1);
  box-shadow: inset -1px -1px 0 rgba(230, 162, 60, 0.2);
}

.qk-uwl-wrap .uwl-rpt-table thead tr:first-child > th {
  position: sticky;
  top: 0;
  z-index: 3;
  height: 32px;
  font-weight: 600;
  color: #303133;
}

.qk-uwl-wrap .uwl-rpt-table thead tr:nth-child(2) > th {
  position: sticky;
  top: 32px;
  z-index: 2;
  height: 28px;
  font-weight: 500;
  color: #606266;
}

.qk-uwl-wrap .uwl-rpt-table tbody tr:hover:not(.qk-uwl-sum-row):not(.qk-uwl-row-active) td {
  filter: brightness(0.97);
}

/* 点击选中行：整行提亮 + 左侧蓝条 */
.qk-uwl-wrap .uwl-rpt-table tbody tr.qk-uwl-row-active td {
  filter: none !important;
  box-shadow: inset 0 -1px 0 rgba(27, 102, 255, 0.35), inset -1px 0 0 rgba(27, 102, 255, 0.12) !important;
  background-image: linear-gradient(90deg, rgba(27, 102, 255, 0.16), rgba(27, 102, 255, 0.06) 12px, rgba(27, 102, 255, 0.06)) !important;
  background-blend-mode: multiply;
}

.qk-uwl-wrap .uwl-rpt-table tbody tr.qk-uwl-row-active td:first-child {
  box-shadow: inset 3px 0 0 #1b66ff, inset 0 -1px 0 rgba(27, 102, 255, 0.35) !important;
}

.qk-uwl-wrap .uwl-rpt-table tbody tr.qk-uwl-sum-row td {
  color: #303133;
  background-color: #f5f7fa !important;
  box-shadow: inset -1px 2px 0 #dcdfe6, inset -1px -1px 0 #dcdfe6 !important;
}

.qk-uwl-wrap .uwl-rpt-table thead th {
  text-align: center;
}

.qk-uwl-wrap .uwl-rpt-table tbody td {
  text-align: right;
  font-weight: normal;
}

.qk-uwl-wrap .uwl-rpt-table tbody td span {
  font-weight: normal;
}

.qk-uwl-wrap .uwl-rpt-table td.qk-uwl-num,
.qk-uwl-wrap .uwl-rpt-table td.qk-uwl-account,
.qk-uwl-wrap .uwl-rpt-table td.qk-uwl-name,
.qk-uwl-wrap .uwl-rpt-table td.qk-uwl-level {
  text-align: right;
  padding: 6px 8px;
  font-variant-numeric: tabular-nums;
}

.qk-uwl-wrap .uwl-rpt-table th {
  white-space: nowrap;
}

.qk-uwl-wrap .uwl-rpt-table td.qk-uwl-level {
  min-width: 5.5em;
}

.qk-uwl-wrap .uwl-rpt-table td.qk-uwl-account {
  min-width: 5.5em;
}

.qk-uwl-wrap .uwl-rpt-table td.qk-uwl-name {
  min-width: 4.5em;
  color: #606266;
}

.qk-uwl-wrap .uwl-rpt-table th {
  min-width: 3.2em;
}

.qk-uwl-wrap .uwl-rpt-table tbody tr.qk-uwl-self-row td {
  background-color: #fffbe6 !important;
}

.qk-uwl-wrap .uwl-rpt-table tbody tr.qk-uwl-self-row td.qk-uwl-level {
  color: #e6a23c;
}

/* 手机端：仅放开高度，字号与桌面一致 */
@media (max-width: 768px) {
  .qk-uwl-wrap .qk-uwl-scroll {
    min-height: 360px;
  }
}

.qk-uwl-wrap .uwl-rpt-table td.qk-uwl-num {
  font-family: Consolas, 'Courier New', monospace;
  color: #303133;
}

.qk-uwl-wrap .uwl-rpt-table td.qk-uwl-share-cell {
  white-space: nowrap;
  vertical-align: middle;
}

.qk-uwl-wrap .uwl-rpt-table td > span,
.qk-uwl-wrap .uwl-rpt-table th > span {
  display: inline;
  text-align: inherit;
  vertical-align: middle;
}

.qk-uwl-wrap .uwl-rpt-table td.qk-uwl-empty-row {
  height: 420px;
  min-height: 420px;
  padding: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
  color: #909399;
  font-size: 14px;
  white-space: normal;
  background: #fafafa !important;
  box-shadow: inset 0 -1px 0 #ebeef5 !important;
}

.qk-uwl-wrap .uwl-rpt-table td.qk-uwl-empty-row .qk-uwl-empty-text {
  display: inline-block;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5;
}

.qk-uwl-wrap .uwl-rpt-table .qk-uwl-th-red {
  color: #e71010 !important;
  font-weight: 600 !important;
}

/* 可点账号/下注：常态蓝 → 悬停更深 → 按下/选中实心蓝底 */
.qk-uwl-wrap .uwl-rpt-table .text-primary {
  color: #1b66ff;
  cursor: pointer;
  font-weight: 600;
  padding: 1px 4px;
  border-radius: 4px;
  transition: background 0.12s ease, color 0.12s ease;
}

.qk-uwl-wrap .uwl-rpt-table .text-primary:hover {
  color: #0d52d9;
  background: rgba(27, 102, 255, 0.1);
  text-decoration: none;
}

.qk-uwl-wrap .uwl-rpt-table .text-primary:active,
.qk-uwl-wrap .uwl-rpt-table .text-primary.qk-uwl-link-hit {
  color: #fff !important;
  background: #1b66ff !important;
}

/* 输赢数字：正=蓝，负=红（两端同色） */
.qk-uwl-wrap .uwl-rpt-table .text-win,
.qk-uwl-wrap .uwl-rpt-table td .text-win {
  color: #1b66ff !important;
  font-weight: 600;
}

.qk-uwl-wrap .uwl-rpt-table .text-lose,
.qk-uwl-wrap .uwl-rpt-table tbody td .text-lose {
  color: #e71010 !important;
  font-weight: 600 !important;
}

/* 结算/类型/日期快捷：选中态更明显 */
.qk-uwl-wrap .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: #1b66ff !important;
  border-color: #1b66ff !important;
  box-shadow: -1px 0 0 0 #1b66ff !important;
  color: #fff !important;
}

.qk-uwl-wrap .qk-uwl-date-bar .el-button--primary {
  background: #1b66ff;
  border-color: #1b66ff;
}

.qk-uwl-wrap .qk-uwl-query-btn .el-button--primary {
  background: #1b66ff;
  border-color: #1b66ff;
  font-weight: 600;
}

[data-qk-uwl-hidden="1"] {
  display: none !important;
}