/* V128: calculator buttons are physical controls on desktop and mobile. */
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool :is(
  .historical-omission-controls--digit,
  .indicator-result-actions,
  .indicator-workbench__header-actions,
  .set-calculator-condition-panel__actions
) > button,
html body [data-mobile-app] :is(
  .mobile-digit-omission-panel .lotto-n-out-n-controls,
  .mobile-calc-result-actions,
  .mobile-calc-draft-actions
) > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border: 1px solid #a5b9cd !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #8498b0 0%, #647991 100%) !important;
  background-color: #6f849c !important;
  color: #f9fcff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), inset 0 -2px 0 rgba(23,38,55,.34), 0 2px 3px rgba(10,20,32,.38) !important;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 1px rgba(12,25,39,.42) !important;
  cursor: pointer !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool
.historical-omission-controls--digit > button,
html body [data-mobile-app]
.mobile-digit-omission-panel .lotto-n-out-n-controls > button {
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  font-size: 13px !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool
.indicator-result-actions > .indicator-clear-button,
html body [data-mobile-app]
.mobile-calc-result-actions > button {
  min-height: 30px !important;
  padding: 0 9px !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool :is(
  .historical-omission-controls--digit,
  .indicator-result-actions,
  .indicator-workbench__header-actions,
  .set-calculator-condition-panel__actions
) > button:active,
html body [data-mobile-app] :is(
  .mobile-digit-omission-panel .lotto-n-out-n-controls,
  .mobile-calc-result-actions,
  .mobile-calc-draft-actions
) > button:active {
  transform: translateY(1px) !important;
  box-shadow: inset 0 2px 4px rgba(13,27,42,.46), 0 1px 1px rgba(9,18,29,.26) !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool :is(
  .historical-omission-controls--digit,
  .indicator-result-actions,
  .indicator-workbench__header-actions,
  .set-calculator-condition-panel__actions
) > button:disabled,
html body [data-mobile-app] :is(
  .mobile-digit-omission-panel .lotto-n-out-n-controls,
  .mobile-calc-result-actions,
  .mobile-calc-draft-actions
) > button:disabled {
  border-color: #7c8b9b !important;
  background: linear-gradient(180deg, #69798b 0%, #57687a 100%) !important;
  color: #c3ced8 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -2px 0 rgba(22,34,47,.24), 0 1px 2px rgba(10,20,31,.25) !important;
  cursor: not-allowed !important;
  opacity: .78 !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool
button.is-copy-success,
html body [data-mobile-app] button.is-copy-success {
  border-color: #a9f3c2 !important;
  background: linear-gradient(180deg, #35c96b 0%, #159047 100%) !important;
  background-color: #1da251 !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.44), inset 0 -2px 0 rgba(4,82,36,.38), 0 2px 6px rgba(4,68,31,.46) !important;
  opacity: 1 !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool
button.is-copy-error,
html body [data-mobile-app] button.is-copy-error {
  border-color: #ffc0c7 !important;
  background: linear-gradient(180deg, #ef6070 0%, #bd293b 100%) !important;
  background-color: #ce3547 !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 -2px 0 rgba(91,8,23,.4), 0 2px 6px rgba(79,7,19,.46) !important;
  opacity: 1 !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool
#closeIndicatorDrawer#closeIndicatorDrawer {
  border-color: #ffb2ba !important;
  background: linear-gradient(180deg, #eb5a68 0%, #b92839 100%) !important;
  background-color: #c93646 !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), inset 0 -2px 0 rgba(91,8,23,.4), 0 2px 5px rgba(66,7,16,.46) !important;
}

@media (hover: hover) and (pointer: fine) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool :is(
    .historical-omission-controls--digit,
    .indicator-result-actions,
    .indicator-workbench__header-actions,
    .set-calculator-condition-panel__actions
  ) > button:not(:disabled):hover,
  html body [data-mobile-app] :is(
    .mobile-digit-omission-panel .lotto-n-out-n-controls,
    .mobile-calc-result-actions,
    .mobile-calc-draft-actions
  ) > button:not(:disabled):hover {
    border-color: #d9efff !important;
    filter: brightness(1.28) saturate(1.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.48), inset 0 -2px 0 rgba(20,37,55,.28), 0 3px 7px rgba(7,18,31,.48) !important;
  }
}

@media (max-width: 900px) {
  html body [data-mobile-app]
  .mobile-digit-omission-panel .lotto-n-out-n-controls > button {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 3px !important;
    font-size: 12px !important;
  }
}