/* V122 scoped button visuals. Search workspaces are intentionally excluded. */
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool :is(
  #starButtons > button,
  #starButtons .pl5-star-mode__button,
  .indicator-form-button,
  .indicator-series-button,
  .indicator-option-button
) {
  color: #f5f8fc !important;
  font-weight: 900 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool :is(
  .indicator-form-button,
  .indicator-series-button,
  .indicator-option-button
):not([aria-pressed="true"]) {
  border-color: #94a8bd !important;
  background: linear-gradient(180deg, #6b7f96 0%, #536a82 100%) !important;
  background-color: #5b7188 !important;
  color: #f4f7fb !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), inset 0 -2px 0 rgba(18,31,47,.3), 0 2px 3px rgba(7,14,24,.35) !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool :is(
  .indicator-form-button,
  .indicator-series-button,
  .indicator-option-button
)[aria-pressed="true"] {
  border-color: #d5f1ff !important;
  background: linear-gradient(180deg, #65caff 0%, #219be9 100%) !important;
  background-color: #35aaf0 !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48), inset 0 -2px 0 rgba(4,69,119,.36), 0 2px 6px rgba(4,32,58,.52) !important;
}

html body [data-mobile-app] :is(
  .mobile-calc-choice,
  .mobile-lotto-ball,
  .mobile-lotto-count,
  .mobile-lotto-play,
  .mobile-calc-draft-actions > button,
  .mobile-calc-result-actions > button
) {
  font-weight: 900 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html body [data-mobile-app] :is(
  .mobile-calc-choice,
  .mobile-lotto-ball,
  .mobile-lotto-count,
  .mobile-lotto-play
)[aria-pressed="true"] {
  border-color: #d5f1ff !important;
  background: linear-gradient(180deg, #65caff 0%, #219be9 100%) !important;
  background-color: #35aaf0 !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48), inset 0 -2px 0 rgba(4,69,119,.36), 0 2px 6px rgba(4,32,58,.46) !important;
}

@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer#indicatorDrawer.is-realtime-number-tool
  #indicatorConditionRail#indicatorConditionRail .indicator-workbench__header-actions,
  html body #indicatorDrawer#indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-official-lottery-workspace
  .set-calculator-condition-panel__actions {
    display: grid !important;
    grid-template-columns: 46px 50px repeat(3, 31px) !important;
    align-items: center !important;
    justify-content: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: auto !important;
    gap: 2px !important;
  }

  html body #indicatorDrawer#indicatorDrawer#indicatorDrawer.is-realtime-number-tool
  #indicatorConditionRail#indicatorConditionRail .indicator-workbench__header-actions > :is(
    button[data-workbench-command],
    #indicatorDrawerDragHandle#indicatorDrawerDragHandle,
    #indicatorDrawerResetPosition#indicatorDrawerResetPosition,
    #closeIndicatorDrawer#closeIndicatorDrawer
  ),
  html body #indicatorDrawer#indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-official-lottery-workspace
  .set-calculator-condition-panel__actions > button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 1px !important;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  html body #indicatorDrawer#indicatorDrawer#indicatorDrawer.is-realtime-number-tool :is(
    #indicatorConditionRail#indicatorConditionRail .indicator-workbench__header-actions,
    .set-calculator-condition-panel__actions
  ) > #closeIndicatorDrawer#closeIndicatorDrawer {
    grid-column: 5 !important;
    border-color: #ff9ca5 !important;
    background: linear-gradient(180deg, #e65a67 0%, #b92f3d 100%) !important;
    background-color: #c93d4a !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(86,12,24,.38), 0 2px 5px rgba(52,7,15,.44) !important;
  }
}