#chartFunction3Dialog.is-push-material .chart3-material-toolbar {
  display: grid;
  min-width: 0;
  grid-template-columns: max-content max-content minmax(0, 1fr);
  align-items: center;
  gap: 4px 8px;
  overflow-x: auto;
  overflow-y: hidden;
}

#chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-material-tabs {
  grid-column: 1;
  grid-row: 1;
}

#chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-inline-display-controls {
  grid-column: 2;
  grid-row: 1;
}

#chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-material-controls.material-push-controls-layout {
  display: contents;
}

#chartFunction3Dialog.is-push-material .material-push-row-one,
#chartFunction3Dialog.is-push-material .material-push-row-two {
  display: flex;
  width: max-content;
  min-width: 0;
  align-items: center;
  justify-self: start;
  gap: 6px;
}

#chartFunction3Dialog.is-push-material .material-push-row-one {
  grid-column: 1 / -1;
  grid-row: 2;
}

/* 批174/176：胆推动的配置行不能放在页签/显示设置之后。
   旧布局从第三列开始，推动0~9被推到视口右侧（1280px窗口时首个按钮从x=1440开始），
   用户能看到页签却点不到推动按钮。配置行改为工具栏第二行并横跨全宽。 */
#chartFunction3Dialog.is-push-material .material-push-row-two {
  grid-column: 1 / -1;
  grid-row: 2;
  padding: 0 4px 4px;
}

#chartFunction3Dialog.is-push-material .material-push-row-one > label,
#chartFunction3Dialog.is-push-material .material-push-row-one > .material-push-position-control,
#chartFunction3Dialog.is-push-material .material-push-row-two > label,
#chartFunction3Dialog.is-push-material .material-push-row-two > .material-push-mode-switches,
#chartFunction3Dialog.is-push-material .material-push-row-two > .material-push-position-control,
#chartFunction3Dialog.is-push-material .material-push-row-two > .material-push-digits {
  flex: 0 0 auto;
  margin: 0;
}

#chartFunction3Dialog.is-push-material.is-pl5-push-material .material-push-row-one {
  gap: 0;
}

#chartFunction3Dialog.is-push-material.is-pl5-push-material .material-push-position-control {
  display: block;
}

#chartFunction3Dialog.is-push-material.is-pl5-push-material .material-push-position-label {
  display: none;
}

#chartFunction3Dialog.is-push-material.is-pl5-push-material .material-push-aligned-grid {
  display: block;
}

#chartFunction3Dialog.is-push-material .material-push-position-row,
#chartFunction3Dialog.is-push-material .material-push-digit-row {
  display: grid;
  grid-template-columns: repeat(10, 61px);
  gap: 3px;
}

#chartFunction3Dialog.is-push-material.is-pl5-push-material .material-push-row-two {
  grid-column: 1 / 3;
  gap: 6px;
}

#chartFunction3Dialog.is-push-material.is-pl5-push-material .material-push-pl5-digit-slot {
  grid-column: 3;
  grid-row: 2;
  align-self: center;
  justify-self: start;
  margin: 0;
  padding-bottom: 4px;
}

#chartFunction3Dialog.is-push-material:not(.is-pl5-push-material) .material-push-row-two {
  gap: 5px;
}

#chartFunction3Dialog.is-push-material:not(.is-pl5-push-material) .material-push-row-two > .material-push-digits {
  margin-left: 0;
}

#chartFunction3Dialog.is-push-material .material-push-controls-layout > .material-controls-note {
  display: none;
}

#chartFunction3Dialog.is-push-material.is-pl5-push-material .chart3-material-controls .material-push-pl5-digit-slot button[data-material-push-digit][aria-pressed="true"],
#chartFunction3Dialog.is-push-material.is-pl5-push-material .chart3-material-controls .material-push-pl5-digit-slot button[data-material-push-digit][aria-pressed="true"]:hover,
#chartFunction3Dialog.is-push-material.is-pl5-push-material .chart3-material-controls .material-push-pl5-digit-slot button[data-material-push-digit][aria-pressed="true"]:focus-visible {
  border-color: #ff9aa2;
  background: #c52f3d;
  color: #fff;
  box-shadow: inset 0 -2px 0 rgba(78, 7, 15, 0.34), 0 0 0 1px rgba(255, 154, 162, 0.34);
}

@media (max-width: 1200px) {
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar {
    width: max-content;
    min-width: 100%;
    grid-template-columns: max-content max-content max-content;
  }
}

/* 批155：排五行——位置下拉/推动期数下拉高度与推动按键一致；按键间禁空白；点亮红色 */
#chartFunction3Dialog.is-push-material.is-pl5-push-material #chart3InlineDisplayControls {
  gap: 0 !important;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > label.pl5-push-position-select,
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > label,
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > button {
  margin: 0 !important;
}
#chartFunction3Dialog.is-push-material .pl5-push-position-select select {
  height: 31px !important;
  min-height: 31px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
#chartFunction3Dialog.is-push-material .material-push-inline-digits button {
  min-width: 52px !important;
  height: 31px !important;
  border-radius: 4px !important;
  font-weight: 800 !important;
}
/* 点亮（选中）的推动按键 = 红色 */
#chartFunction3Dialog.is-push-material .material-push-inline-digits button[aria-pressed="true"] {
  background: #d52331 !important;
  border-color: #a01824 !important;
  color: #fff !important;
}

/* 批157：排五inline行——位置/28期/默认3期/推动0~9 全部紧靠；下拉与按键同高31px；推动按键恢复原色+点亮红色凸起 */
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls {
  gap: 0 !important;
  column-gap: 0 !important;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > * {
  margin: 0 !important;
  border-radius: 0 !important;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > *:first-child { border-radius: 4px 0 0 4px !important; }
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > *:last-child { border-radius: 0 4px 4px 0 !important; }
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > label.pl5-push-position-select,
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > label,
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls .material-push-inline-digits,
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls .material-push-inline-digits button {
  height: 31px !important;
  min-height: 31px !important;
  box-sizing: border-box !important;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls label select {
  height: 100% !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls .material-push-inline-digits button {
  min-width: 52px !important;
  padding: 0 8px !important;
  background: linear-gradient(180deg, #3a7a5a 0%, #2a5a42 100%) !important;
  border: 1px solid #1f4e3a !important;
  color: #e8fff2 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.35) !important;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls .material-push-inline-digits button[aria-pressed="true"] {
  background: linear-gradient(180deg, #e84545 0%, #c02028 100%) !important;
  border: 1px solid #8a1018 !important;
  color: #fff !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.4), 0 0 6px rgba(232,69,69,.6) !important;
}

/* 批159：排五inline行——遗漏数据与28期之间零空白（压缩label/button内左右padding至2px） */
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > * {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > button {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls label select {
  margin: 0 !important;
}

/* 批160：排五inline行——28期/默认3期下拉深色主题美化，三段紧靠零间隙 */
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > label {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  gap: 0 !important;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > label > span {
  padding: 0 4px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #c8d8e8 !important;
  white-space: nowrap !important;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls label select {
  background: linear-gradient(180deg, #2a3d4d 0%, #1c2d3a 100%) !important;
  border: 1px solid #3d5568 !important;
  border-radius: 4px !important;
  color: #ffd76a !important;
  font-weight: 800 !important;
  padding: 0 4px !important;
  appearance: none;
  -webkit-appearance: none;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls label select:hover,
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls label select:focus {
  border-color: #5a7d95 !important;
}
/* 批DEV197补二十一（用户裁定）：当前统计期数/推动期数/位置 下拉的展开
   选项列表——option 背景透明时系统弹层为白底，金字看不清；option 补深底。 */
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls label select option {
  background: #1c2d3a !important;
  color: #ffd76a !important;
  font-weight: 800 !important;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls label select option:checked {
  background: #2f4a5e !important;
  color: #ffffff !important;
}
/* 三段零间隙：label 与 label 之间、label 内部 span 与 select 之间都紧靠 */
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > label + label {
  margin-left: 2px !important;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > label:first-of-type {
  margin-left: 4px !important;
}

/* 批161补：排五inline行——禁横向滚动残留（scrollbar-width:none之外补webkit），紧靠零间隙 */
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls::-webkit-scrollbar { display: none !important; }
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls { scroll-behavior: auto !important; }

/* 批162：排五——禁左右滑动（toolbar与inline行overflow hidden），防两套并排出滚动条 */
#chartFunction3Dialog.is-push-material .chart3-material-toolbar { overflow-x: hidden !important; }
#chartFunction3Dialog.is-push-material .chart3-inline-display-controls { overflow-x: hidden !important; }

/* 批165：①当前统计期数/推动期数 文字与背景高对比明显区分 */
#chartFunction3Dialog .material-current-period-row > label > span,
#chartFunction3Dialog .material-current-period-row label > span {
  display: inline-block !important;
  background: #12407a !important;
  color: #ffe066 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  padding: 3px 8px !important;
  border-radius: 4px 0 0 4px !important;
  border: 1px solid #0a2a50 !important;
}
#chartFunction3Dialog .material-current-period-row label select {
  background: #fffdf5 !important;
  color: #17201c !important;
  font-weight: 900 !important;
  border: 1px solid #0a2a50 !important;
}

/* 批165②：综合走势/跨度次数等非胆推动视图里，隐藏 28期/默认3期/推动0~9 */
#chartFunction3Dialog:not(.is-push-material) .material-current-period-row label:has([data-material-field="pushMode"]),
#chartFunction3Dialog:not(.is-push-material) .material-current-period-row .material-push-inline-digits,
#chartFunction3Dialog:not(.is-push-material) label:has([data-material-field="spanPositions"]),
#chartFunction3Dialog:not(.is-push-material) label:has([data-material-field="pushPositions"]),
#chartFunction3Dialog:not(.is-push-material) .material-push-position-control {
  display: none !important;
}

/* 批171：排五胆推动——"当前统计期数""推动期数"标签文字改白色醒目 */
#chartFunction3Dialog.is-push-material .material-current-period-row label,
#chartFunction3Dialog.is-push-material .material-push-row-one label,
#chartFunction3Dialog.is-push-material .material-push-row-two label,
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > label {
  color: #ffffff !important;
}
#chartFunction3Dialog.is-push-material .material-current-period-row label > span,
#chartFunction3Dialog.is-push-material .material-push-row-one label > span,
#chartFunction3Dialog.is-push-material .material-push-row-two label > span {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
#chartFunction3Dialog.is-push-material #chart3InlineDisplayControls > label > span {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* 批174/176补：窄屏不能沿用1200px以下的max-content三列网格，否则推动配置仍会从屏幕外开始。
   页签、显示设置、推动配置分区排列，推动配置只保留一行并可横向滑动。 */
@media (max-width: 760px) {
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar {
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    overflow-x: hidden !important;
  }
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-material-tabs,
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-inline-display-controls {
    grid-column: 1 !important;
    width: auto !important;
  }
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-material-tabs {
    grid-row: 1 !important;
  }
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-inline-display-controls {
    grid-row: 2 !important;
    overflow-x: auto !important;
  }
  #chartFunction3Dialog.is-push-material .material-push-row-one {
    grid-column: 1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
    height: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  #chartFunction3Dialog.is-push-material .material-push-row-one > .material-push-inline-digits {
    order: initial !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
  }
  #chartFunction3Dialog.is-push-material .material-push-row-two {
    display: none !important;
  }
}

/* 批177：胆推动控件与“遗漏数据”同一行；取消独立推动行。
   批DEV197补十：width:100% 是网格时代规则——两行布局后工具栏为单行
   flex（JS 注入 display:flex），整行宽容器把“推动9”与“退期”之间撑出
   大段空白（用户批注要求退期等紧靠推动9）。改 width:auto 收紧；
   overflow-x:auto 兜底窄窗口可横滚（原 hidden 会裁掉超宽按键）。 */
#chartFunction3Dialog.is-push-material .chart3-material-toolbar {
  grid-template-columns: max-content minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  overflow-x: auto !important;
}
#chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-inline-display-controls {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: auto !important;
}
#chartFunction3Dialog.is-push-material .material-push-inline-layout {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  gap: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  white-space: nowrap !important;
}
#chartFunction3Dialog.is-push-material .material-push-inline-layout::-webkit-scrollbar {
  display: none !important;
}
#chartFunction3Dialog.is-push-material .material-push-inline-layout > * {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  margin: 0 !important;
}
#chartFunction3Dialog.is-push-material .material-push-inline-layout > label {
  display: inline-flex !important;
  align-items: center !important;
  height: 31px !important;
  min-height: 31px !important;
  box-sizing: border-box !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
#chartFunction3Dialog.is-push-material .material-push-inline-layout > label select {
  height: 31px !important;
  min-height: 31px !important;
  box-sizing: border-box !important;
}
#chartFunction3Dialog.is-push-material .material-push-inline-layout .material-push-inline-digits {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
}
#chartFunction3Dialog.is-push-material .material-push-inline-layout .material-push-inline-digits button {
  flex: 0 0 auto !important;
  min-width: 52px !important;
  height: 31px !important;
  padding: 0 8px !important;
}

@media (max-width: 760px) {
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar {
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    overflow-x: hidden !important;
  }
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-material-tabs,
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-inline-display-controls {
    grid-column: 1 !important;
    width: auto !important;
  }
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-material-tabs {
    grid-row: 1 !important;
  }
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-inline-display-controls {
    grid-row: 2 !important;
  }
}
/* 窄桌面：页签单独占一行，遗漏数据与胆推动仍在同一条可横向操作的行内。 */
@media (min-width: 761px) and (max-width: 1600px) {
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar {
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    overflow-x: hidden !important;
  }
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-material-tabs,
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-inline-display-controls {
    grid-column: 1 !important;
    width: auto !important;
  }
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-material-tabs {
    grid-row: 1 !important;
  }
  #chartFunction3Dialog.is-push-material .chart3-material-toolbar > .chart3-inline-display-controls {
    grid-row: 2 !important;
  }
}

/* 批172：图表功能弹窗两行布局——第2行导航键（后退/前进/放大/缩小/重置/最新期） */
#chartFunction3Dialog .chart3-nav-button {
  flex: 0 0 auto;
  background: linear-gradient(180deg, #2a4d3d 0%, #1a3529 100%);
  border: 1px solid #17402c;
  color: #e8fff2;
  font-weight: 800;
  padding: 6px 14px;
  border-radius: 4px;
  cursor: pointer;
}
#chartFunction3Dialog .chart3-nav-button:hover { filter: brightness(1.2); }
#chartFunction3Dialog .chart3-nav-button:active { transform: translateY(1px); }

/* 批173：导航键行——单行flex横排，紧贴前一行 */
#chartFunction3Dialog .material-push-nav-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 4px !important;
  width: max-content !important;
}
#chartFunction3Dialog .material-push-nav-row .chart3-nav-button {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* 批174：图表功能弹窗第1行完整单行表达——彩种/视图/期数/导出/清空/恢复/交流 全部一行禁折行 */
#chartFunction3Dialog .chart3-controls,
#chartFunction3Dialog .chart3-material-toolbar {
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  align-items: center !important;
  width: max-content !important;
  min-width: 100% !important;
}
#chartFunction3Dialog .chart3-material-toolbar > * {
  flex: 0 0 auto !important;
}
#chartFunction3Dialog .chart3-material-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 2px !important;
}
#chartFunction3Dialog .chart3-material-tab,
#chartFunction3Dialog .chart3-control-button,
#chartFunction3Dialog .chart3-export-button {
  font-size: 11px !important;
  padding: 3px 6px !important;
  white-space: nowrap !important;
}
#chartFunction3Dialog .chart3-header-period,
#chartFunction3Dialog .chart3-control-label {
  font-size: 11px !important;
  white-space: nowrap !important;
}
#chartFunction3Dialog .chart3-select {
  font-size: 11px !important;
  padding: 2px 4px !important;
}
#chartFunction3Dialog .chart-export-actions,
#chartFunction3Dialog .chart3-inline-display-controls {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 2px !important;
}


/* 批177：图表功能弹窗两行布局终版
   第1行 = 图表功能/交流/直播/彩种tabs/我的彩种/概率关系图/魔图/期数/划线/清空预测/恢复默认/关闭
   第2行 = K线图返回 + 带折线/连号/斜连/掉号/遗漏分层/遗漏数据 + 后退/前进/放大/缩小/重置/最新期 */
#chartFunction3Dialog .chart3-material-toolbar {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(0, max-content)) !important;
  align-items: center !important;
  gap: 4px 6px !important;
  flex-wrap: nowrap !important;
}
#chartFunction3Dialog .chart3-material-toolbar > * {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
/* 弹窗header元素（图表功能/交流/直播/关闭）合并进第一行视觉 */
#chartFunction3Dialog.is-push-material .chart3-material-toolbar { grid-template-rows: auto auto !important; }
#chartFunction3Dialog .material-push-nav-row,
#chartFunction3Dialog .material-push-nav-row .chart3-nav-button {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}
#chartFunction3Dialog .material-push-nav-row { gap: 3px !important; }
#chartFunction3Dialog .material-push-nav-row .chart3-nav-button {
  background: linear-gradient(180deg, #2c5a46 0%, #1c4030 100%) !important;
  border: 1px solid #143526 !important;
  color: #dff5ea !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
}
#chartFunction3Dialog .material-push-nav-row .chart3-nav-button:hover { filter: brightness(1.25) !important; }