/* Extracted from v2.5 inline style block #5. v3.0-alpha split packaging. */
/* =========================================================
   宽屏表格铺满修复：解决缩放 33% / 大屏时表格只占左侧一小块
   只改显示布局，不改数据库、RLS、保存、统计逻辑
   ========================================================= */

/* 主内容和卡片保持铺满 */
.main-content-flex,
.main-content-flex > .card,
.main-content-flex > .summary{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* 表格外层吃满右侧内容区 */
.scroll{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:auto!important;
}

/* 关键修复：表格至少铺满容器，不再只按内容宽度停在左边 */
#fundTable,
#accountTable,
#channelSummaryTable,
#accountChannelSummaryTable,
#accountOperatorSummaryTable{
  width:100%!important;
  min-width:1500px!important;
  table-layout:auto!important;
}

/* 宽屏/低缩放时，充值明细表格自动更宽，减少右侧大空白 */
@media (min-width: 1800px){
  #fundTable,
  #accountTable{
    min-width:100%!important;
  }
}

/* 删除行列保持窄，不再被表格自动撑大 */
#fundTable th:last-child,
#fundTable td:last-child,
#accountTable th:last-child,
#accountTable td:last-child{
  min-width:54px!important;
  width:54px!important;
  max-width:54px!important;
  padding-left:4px!important;
  padding-right:4px!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* 删除按钮继续小型化 */
#fundTable td:last-child button,
#accountTable td:last-child button{
  min-width:28px!important;
  width:28px!important;
  height:24px!important;
  padding:0!important;
  border-radius:7px!important;
  font-size:11px!important;
  line-height:1!important;
}

/* 防止“删除行”表头把列撑宽 */
#fundTable th:last-child,
#accountTable th:last-child{
  font-size:11px!important;
  line-height:1.1!important;
}

/* 备注列可以适当吃宽，视觉更自然 */
#fundTable th:nth-last-child(2),
#fundTable td:nth-last-child(2),
#accountTable th:nth-last-child(2),
#accountTable td:nth-last-child(2){
  min-width:120px!important;
}

/* 缩放很低时，减少表格区域右侧空白感 */
@media (min-width: 2400px){
  #fundTable,
  #accountTable{
    min-width:calc(100vw - 390px)!important;
  }
}

/* 小屏保持横向滚动 */
@media (max-width: 900px){
  #fundTable,
  #accountTable,
  #channelSummaryTable,
  #accountChannelSummaryTable,
  #accountOperatorSummaryTable{
    min-width:1100px!important;
  }
}