/* Final V107 overrides load after every shared calculator theme. */
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool:not([data-desktop-unified-calculator="kl8"]):not([data-desktop-unified-calculator="ssq"]):not([data-desktop-unified-calculator="dlt"]) .indicator-list-rail,
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool:not([data-desktop-unified-calculator="kl8"]):not([data-desktop-unified-calculator="ssq"]):not([data-desktop-unified-calculator="dlt"]) .indicator-list-rail :is(.set-calculator-condition-panel, .indicator-workbench__conditions),
html body :is(#screen-calculator-3d, #screen-calculator-pl3, #screen-calculator-pl5) .mobile-calc-workbench.mobile-calc-workbench {
  border-color: #aebdcb !important;
  background: #8192a8 !important;
  color: #ffffff !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool:not([data-desktop-unified-calculator="kl8"]):not([data-desktop-unified-calculator="ssq"]):not([data-desktop-unified-calculator="dlt"]) .indicator-list-rail :is(.indicator-condition-list, .set-calculator-condition-list),
html body :is(#screen-calculator-3d, #screen-calculator-pl3, #screen-calculator-pl5) .mobile-calc-condition-list.mobile-calc-condition-list {
  border-color: #b8c5d1 !important;
  background: #8b9cb0 !important;
  color: #ffffff !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool:not([data-desktop-unified-calculator="kl8"]):not([data-desktop-unified-calculator="ssq"]):not([data-desktop-unified-calculator="dlt"]) :is(
  [data-indicator-command="add"],
  [data-realtime-command="calculate"],
  [data-realtime-command="copy"]
),
html body :is(#screen-calculator-3d, #screen-calculator-pl3, #screen-calculator-pl5) .mobile-calc-draft-actions.mobile-calc-draft-actions :is(.is-add, .is-calculate, .is-copy) {
  border-color: #78c9fb !important;
  background: linear-gradient(180deg, #55b9f2 0%, #2f8ecb 100%) !important;
  background-color: #3b9ed8 !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), inset 0 -2px 0 rgba(12, 66, 108, .32), 0 2px 4px rgba(7, 18, 34, .34) !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool:not([data-desktop-unified-calculator="kl8"]):not([data-desktop-unified-calculator="ssq"]):not([data-desktop-unified-calculator="dlt"]) [data-indicator-command="exclude"],
html body :is(#screen-calculator-3d, #screen-calculator-pl3, #screen-calculator-pl5) .mobile-calc-draft-actions.mobile-calc-draft-actions .is-exclude {
  border-color: #d58a96 !important;
  background: linear-gradient(180deg, #bd6371 0%, #98414f 100%) !important;
  background-color: #a94b59 !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 -2px 0 rgba(91, 25, 38, .3), 0 2px 4px rgba(7, 18, 34, .34) !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool:not([data-desktop-unified-calculator="kl8"]):not([data-desktop-unified-calculator="ssq"]):not([data-desktop-unified-calculator="dlt"]) :is(.indicator-result-numbers, .set-calculator-output),
html body :is(#screen-calculator-3d, #screen-calculator-pl3, #screen-calculator-pl5) .mobile-calc-results.mobile-calc-results .mobile-calc-result-text.mobile-calc-result-text {
  border-color: #ced9e3 !important;
  background: #bac8d6 !important;
  color: #111820 !important;
  caret-color: #111820 !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool:not([data-desktop-unified-calculator="kl8"]):not([data-desktop-unified-calculator="ssq"]):not([data-desktop-unified-calculator="dlt"]) :is(
  .indicator-results__header,
  .set-calculator-results__header,
  .indicator-result-count
),
html body :is(#screen-calculator-3d, #screen-calculator-pl3, #screen-calculator-pl5) .mobile-calc-result-summary.mobile-calc-result-summary,
html body :is(#screen-calculator-3d, #screen-calculator-pl3, #screen-calculator-pl5) .mobile-calc-result-summary.mobile-calc-result-summary :is(strong, b, i, small) {
  color: #111820 !important;
}

/* KL8 maximum-omission search output is the palest calculator surface. */
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="kl8"] .lotto-n-out-n-panel textarea,
html body #screen-calculator-kl8#screen-calculator-kl8 .mobile-lottery-calculator[data-game="kl8"] .lotto-n-out-n-panel textarea {
  border-color: #e1e7ed !important;
  background: #d2dbe4 !important;
  color: #111820 !important;
  caret-color: #111820 !important;
}

/* Official-lottery calculation results share the KL8 blue-grey surface and dark text. */
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="kl8"], [data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .mobile-lotto-results,
html body :is(#screen-calculator-kl8#screen-calculator-kl8, #screen-calculator-ssq#screen-calculator-ssq, #screen-calculator-dlt#screen-calculator-dlt) .mobile-lottery-calculator .mobile-lotto-results {
  border-color: #aab8c5 !important;
  background: #899bae !important;
  color: #111820 !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="kl8"], [data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .mobile-lotto-results > header,
html body :is(#screen-calculator-kl8#screen-calculator-kl8, #screen-calculator-ssq#screen-calculator-ssq, #screen-calculator-dlt#screen-calculator-dlt) .mobile-lottery-calculator .mobile-lotto-results > header {
  border-color: #b8c4cf !important;
  background: #a2b2c2 !important;
  color: #111820 !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="kl8"], [data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .mobile-lotto-results > header :is(strong, small, span),
html body :is(#screen-calculator-kl8#screen-calculator-kl8, #screen-calculator-ssq#screen-calculator-ssq, #screen-calculator-dlt#screen-calculator-dlt) .mobile-lottery-calculator .mobile-lotto-results > header :is(strong, small, span) {
  color: #111820 !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="kl8"], [data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) :is(.mobile-lotto-results.is-empty > p, .mobile-lotto-result-output),
html body :is(#screen-calculator-kl8#screen-calculator-kl8, #screen-calculator-ssq#screen-calculator-ssq, #screen-calculator-dlt#screen-calculator-dlt) .mobile-lottery-calculator :is(.mobile-lotto-results.is-empty > p, .mobile-lotto-result-output) {
  border-color: #aebbc8 !important;
  background: #96a8ba !important;
  color: #111820 !important;
  caret-color: #111820 !important;
}

/* KL8 play is blue-grey; add is a separate green action. */
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="kl8"] .desktop-lotto-play-slot,
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="kl8"] .desktop-lotto-play-slot select,
html body #screen-calculator-kl8#screen-calculator-kl8 .mobile-lottery-calculator[data-game="kl8"] .mobile-lotto-play select {
  border-color: #91aac6 !important;
  background: linear-gradient(180deg, #718eae 0%, #526f92 100%) !important;
  background-color: #5f7d9f !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 2px 4px rgba(7, 18, 34, .3) !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="kl8"] .desktop-lotto-play-slot {
  grid-template-columns: minmax(0, 1fr) !important;
  padding: 2px !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="kl8"] .desktop-lotto-play-slot select {
  width: 100% !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="kl8"] .desktop-lotto-add,
html body #screen-calculator-kl8#screen-calculator-kl8 .mobile-lottery-calculator[data-game="kl8"] .mobile-lotto-condition-entry > button[data-lotto-action="add-group"] {
  border-color: #79b9a5 !important;
  background: linear-gradient(180deg, #58a98f 0%, #347b68 100%) !important;
  background-color: #438d77 !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 2px 4px rgba(7, 18, 34, .3) !important;
}

/* Use the available control height for bold, prominent labels without resizing controls. */
html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  #setCalculatorPanel,
  .calculator-detail,
  [id^="screen-calculator-"]
) button {
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 760px) {
  html body :is(
    .calculator-detail,
    [id^="screen-calculator-"]
  ) button {
    font-size: 13px !important;
  }

  html body :is(
    .calculator-detail,
    [id^="screen-calculator-"]
  ) :is(
    .mobile-calc-choice,
    .mobile-lotto-ball,
    .mobile-chart-quick-option-buttons > button,
    .mobile-calculator-game-strip > button,
    .calculator-game-strip > button
  ) {
    font-size: 14px !important;
  }
}

@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .desktop-digit-analysis-workspace > .desktop-dan-search-host {
    padding: 42px 0 0 !important;
  }
}

/* V118 final lock: keep this after every historical calculator override. */
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool .historical-omission-panel[hidden],
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool .lotto-n-out-n-panel[hidden],
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool .desktop-dan-search-host[hidden],
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool .dan-custom-search-panel[hidden],
html body [data-mobile-app] .historical-omission-panel[hidden],
html body [data-mobile-app] .lotto-n-out-n-panel[hidden],
html body [data-mobile-app] .dan-custom-search-panel[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  html body :is(#indicatorDrawer#indicatorDrawer.is-realtime-number-tool, [data-mobile-app]) .dan-custom-search-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
    grid-auto-rows: 34px !important;
    gap: 5px 6px !important;
  }

  html body :is(#indicatorDrawer#indicatorDrawer.is-realtime-number-tool, [data-mobile-app]) .dan-custom-search-field {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    grid-template-rows: 34px !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  html body :is(#indicatorDrawer#indicatorDrawer.is-realtime-number-tool, [data-mobile-app]) .dan-custom-search-mode {
    grid-column: 1 / -1 !important;
  }

  html body :is(#indicatorDrawer#indicatorDrawer.is-realtime-number-tool, [data-mobile-app]) .dan-custom-search-field > span {
    display: block !important;
    flex: none !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    font-size: 11px !important;
    line-height: 1 !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  html body :is(#indicatorDrawer#indicatorDrawer.is-realtime-number-tool, [data-mobile-app]) .dan-custom-search-field > :is(input, select) {
    display: block !important;
    flex: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 32px !important;
    padding-inline: 6px !important;
    font-size: 14px !important;
  }

  html body :is(#indicatorDrawer#indicatorDrawer.is-realtime-number-tool, [data-mobile-app]) .dan-custom-search-position-row {
    grid-column: 1 / -1 !important;
  }
}

@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .dan-custom-search-panel.is-official-search > .dan-custom-search-fields {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 34px) !important;
    grid-auto-rows: 34px !important;
    gap: 3px 8px !important;
    height: 71px !important;
    min-height: 71px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .dan-custom-search-panel.is-official-search .dan-custom-search-field {
    height: 34px !important;
    min-height: 34px !important;
  }
}

/* V117: position-compound fields always occupy one complete row. */
html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-position-row {
  grid-column: 1 / -1 !important;
  display: grid !important;
  align-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  gap: 2px !important;
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-position-row[data-position-count="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-position-row[data-position-count="5"] {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-position-row > .dan-custom-search-position {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 2px !important;
  overflow: visible !important;
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-position-row > .dan-custom-search-position > span {
  display: block !important;
  min-width: 0 !important;
  overflow: visible !important;
  color: #f2f7fb !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-position-row > .dan-custom-search-position > input {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 32px !important;
  padding-inline: 7px !important;
  text-align: center !important;
  appearance: textfield !important;
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-position-row > .dan-custom-search-position > input::-webkit-inner-spin-button,
html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-position-row > .dan-custom-search-position > input::-webkit-outer-spin-button {
  margin: 0 !important;
  appearance: none !important;
}

@media (max-width: 760px) {
  html body .dan-custom-search-position-row {
    gap: 2px !important;
  }

  html body .dan-custom-search-position-row > .dan-custom-search-position {
    gap: 2px !important;
    font-size: 11px !important;
  }

  html body .dan-custom-search-position-row > .dan-custom-search-position > input {
    padding-inline: 3px !important;
    font-size: 13px !important;
  }
}

/* V118: mobile search inputs stay usable; inactive search panels never bleed through. */
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool .historical-omission-panel[hidden],
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool .lotto-n-out-n-panel[hidden],
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool .desktop-dan-search-host[hidden],
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool .dan-custom-search-panel[hidden],
html body [data-mobile-app] .historical-omission-panel[hidden],
html body [data-mobile-app] .lotto-n-out-n-panel[hidden],
html body [data-mobile-app] .dan-custom-search-panel[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  html body :is(#indicatorDrawer#indicatorDrawer.is-realtime-number-tool, [data-mobile-app]) .dan-custom-search-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 34px !important;
    gap: 5px 6px !important;
  }

  html body :is(#indicatorDrawer#indicatorDrawer.is-realtime-number-tool, [data-mobile-app]) .dan-custom-search-field {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 34px !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  html body :is(#indicatorDrawer#indicatorDrawer.is-realtime-number-tool, [data-mobile-app]) .dan-custom-search-mode {
    grid-column: 1 / -1 !important;
  }

  html body :is(#indicatorDrawer#indicatorDrawer.is-realtime-number-tool, [data-mobile-app]) .dan-custom-search-field > span {
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    font-size: 11px !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  html body :is(#indicatorDrawer#indicatorDrawer.is-realtime-number-tool, [data-mobile-app]) .dan-custom-search-field > :is(input, select) {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 32px !important;
    padding-inline: 6px !important;
    font-size: 14px !important;
  }

  html body :is(#indicatorDrawer#indicatorDrawer.is-realtime-number-tool, [data-mobile-app]) .dan-custom-search-position-row {
    grid-column: 1 / -1 !important;
  }
}

@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .dan-custom-search-panel.is-official-search > .dan-custom-search-fields {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 34px) !important;
    grid-auto-rows: 34px !important;
    gap: 3px 8px !important;
    height: 71px !important;
    min-height: 71px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .dan-custom-search-panel.is-official-search .dan-custom-search-field {
    height: 34px !important;
    min-height: 34px !important;
  }
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-official-lottery-workspace
#desktopUnifiedLotteryCalculator:is(
  [data-desktop-unified-calculator="kl8"],
  [data-desktop-unified-calculator="ssq"],
  [data-desktop-unified-calculator="dlt"]
) .desktop-official-analysis-workspace > .lotto-n-out-n-panel,
html body [data-mobile-app] :is(
  #screen-calculator-kl8,
  #screen-calculator-ssq,
  #screen-calculator-dlt
) .mobile-official-analysis-workspace > .lotto-n-out-n-panel,
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-official-lottery-workspace
#desktopUnifiedLotteryCalculator:is(
  [data-desktop-unified-calculator="kl8"],
  [data-desktop-unified-calculator="ssq"],
  [data-desktop-unified-calculator="dlt"]
) .desktop-official-analysis-workspace .dan-custom-search-panel,
html body [data-mobile-app] :is(
  #screen-calculator-kl8,
  #screen-calculator-ssq,
  #screen-calculator-dlt
) .mobile-official-analysis-workspace .dan-custom-search-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  align-content: normal !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool
#desktopUnifiedLotteryCalculator:is(
  [data-desktop-unified-calculator="kl8"],
  [data-desktop-unified-calculator="ssq"],
  [data-desktop-unified-calculator="dlt"]
) .desktop-official-analysis-workspace > .lotto-n-out-n-panel,
html body [data-mobile-app] :is(
  #screen-calculator-kl8,
  #screen-calculator-ssq,
  #screen-calculator-dlt
) .mobile-official-analysis-workspace > .lotto-n-out-n-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  align-content: normal !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body .dan-custom-search-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body .dan-custom-search-panel > :is(
  header,
  .dan-custom-search-zones,
  .dan-custom-search-fields,
  .dan-custom-search-actions,
  .omission-search-progress
) {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

html body .dan-custom-search-panel > textarea {
  display: block !important;
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 5px 0 0 !important;
  resize: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html body .dan-custom-search-panel > .dan-custom-search-three-chart:not([hidden]) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
}

html body .dan-custom-search-fields {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 5px 8px !important;
  min-width: 0 !important;
}

html body .dan-custom-search-field {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 34px !important;
  color: #eaf3fa !important;
  font: 900 12px/1.05 "Microsoft YaHei", sans-serif !important;
  white-space: nowrap !important;
}

html body .dan-custom-search-field > span {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

html body .dan-custom-search-field > :is(input, select) {
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  height: 32px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

html body .dan-custom-search-actions {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 5px !important;
}

html body .dan-custom-search-actions > button {
  min-width: 0 !important;
  height: 34px !important;
}

@media (max-width: 760px) {
  html body .dan-custom-search-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .dan-custom-search-field {
    gap: 4px !important;
    font-size: 11px !important;
  }

  html body .dan-custom-search-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Pointer hover is a temporary whole-button preview; only click state remains lit. */
@media (hover: hover) and (pointer: fine) {
  html body :is(
    #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
    #setCalculatorPanel,
    .calculator-detail,
    [id^="screen-calculator-"]
  ) button:not(:disabled):hover {
    filter: brightness(1.18) saturate(1.08) !important;
  }

  html body :is(
    #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
    #setCalculatorPanel,
    .calculator-detail,
    [id^="screen-calculator-"]
  ) button:is(
    [aria-pressed="true"],
    [aria-selected="true"],
    .is-selected,
    .is-on,
    .is-active
  ):not(:disabled):hover {
    filter: brightness(1.09) saturate(1.04) !important;
  }
}

/* V109: calculator workbench is 80% of its former width, releasing all space to charts. */
@media (min-width: 901px) and (max-width: 1699px) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench {
    width: calc(80vw - 272px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 12px) !important;
  }
}

@media (min-width: 1700px) and (max-width: 2100px) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench {
    width: 64vw !important;
    min-width: 0 !important;
    max-width: calc(100vw - 12px) !important;
  }
}

@media (min-width: 2101px) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench {
    /* 批TGW-DEV228：封顶1600px，防带鱼屏过度拉伸 */
    width: min(1600px, calc(80vw - 336px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 12px) !important;
  }
}

@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench {
    contain: layout paint !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench > .indicator-drawer__forms {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench .indicator-drawer__row--games {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: var(--realtime-label-width, 96px) minmax(0, 1fr) !important;
    box-sizing: border-box !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #starButtons {
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    grid-auto-columns: unset !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #starButtons > [data-lottery-switch] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench[data-desktop-unified-calculator="kl8"] > .indicator-drawer__forms {
    width: calc(100% + 16px) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench :is(
    .calculator-drawer-drag-handle,
    .calculator-drawer-reset-position
  ) {
    display: inline-flex !important;
    width: auto !important;
    min-width: 46px !important;
    height: 26px !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench .indicator-list-rail :is(
    .indicator-workbench__header,
    .set-calculator-condition-panel__header
  ) {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    gap: 4px !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench .indicator-list-rail :is(
    .indicator-workbench__header,
    .set-calculator-condition-panel__header
  ) > strong {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench .indicator-list-rail :is(
    .indicator-workbench__header-actions,
    .set-calculator-condition-panel__actions
  ) {
    min-width: 0 !important;
    flex: 0 1 auto !important;
    gap: 3px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench .indicator-list-rail :is(
    .indicator-workbench__header-actions,
    .set-calculator-condition-panel__actions
  ) > button:not(.calculator-drawer-drag-handle):not(.calculator-drawer-reset-position):not(#closeIndicatorDrawer) {
    width: auto !important;
    min-width: 48px !important;
    padding-inline: 4px !important;
    font-size: 12px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench .indicator-list-rail :is(
    .calculator-drawer-drag-handle,
    .calculator-drawer-reset-position,
    #closeIndicatorDrawer
  ) {
    min-width: 38px !important;
    padding-inline: 3px !important;
    font-size: 12px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace .set-calculator-condition-panel__header > strong {
    display: none !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace .set-calculator-condition-panel__actions {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 44px 44px repeat(3, 36px) !important;
    justify-content: space-between !important;
    gap: 2px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace .set-calculator-condition-panel__actions > button {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 2px !important;
    font-size: 11px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench .calculator-drawer-drag-handle {
    cursor: grab !important;
    touch-action: none !important;
    user-select: none !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-user-dragging,
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-user-dragging .calculator-drawer-drag-handle {
    cursor: grabbing !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench .desktop-digit-analysis-workspace {
    grid-template-columns: minmax(0, 44fr) minmax(0, 56fr) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench .desktop-digit-analysis-workspace .dan-custom-search-panel.is-digit-search .dan-custom-search-fields {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="kl8"],
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) {
    grid-template-columns: minmax(0, 28fr) minmax(0, 29fr) minmax(0, 21fr) minmax(0, 22fr) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="kl8"],
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-compact-editor > footer {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 3px !important;
    box-sizing: border-box !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="kl8"],
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-compact-editor > footer .desktop-lotto-result-summary {
    display: none !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="kl8"],
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-compact-editor > footer button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-inline: 1px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    letter-spacing: -.3px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="kl8"] .desktop-lotto-count {
    font-size: 11px !important;
    letter-spacing: -.35px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-condition-rows {
    display: grid !important;
    height: 100% !important;
    min-height: 0 !important;
    grid-template-rows: minmax(0, 183fr) 31px minmax(0, 154fr) !important;
    align-content: stretch !important;
    gap: 3px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-condition-row {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    position: relative !important;
    grid-template-columns: 38px minmax(0, 1fr) 40px 40px !important;
    grid-template-rows: minmax(0, 1fr) 27px 27px !important;
    gap: 3px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-zone-label {
    position: static !important;
    z-index: auto !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: auto !important;
    height: 27px !important;
    display: flex !important;
    align-items: center !important;
    pointer-events: none !important;
    white-space: nowrap !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-number-input {
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    padding-left: 7px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-paste {
    grid-column: 3 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    padding-inline: 1px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-add {
    grid-column: 4 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    padding-inline: 1px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-counts {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-number-picker {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-number-grid {
    justify-content: start !important;
    align-content: start !important;
    gap: 3px !important;
    box-sizing: border-box !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator:not(.is-rotation-matrix)
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-unified-lottery-panel.is-active-lottery-panel > [data-desktop-compact-mount] {
    grid-column: 1 / 3 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="ssq"] [data-desktop-zone="red"] .desktop-lotto-number-grid {
    grid-template-columns: repeat(11, 27px) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="dlt"] [data-desktop-zone="front"] .desktop-lotto-number-grid {
    grid-template-columns: repeat(11, 27px) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="ssq"] [data-desktop-zone="blue"] .desktop-lotto-number-grid {
    grid-template-columns: repeat(8, 27px) !important;
    grid-template-rows: repeat(2, 27px) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="dlt"] [data-desktop-zone="back"] .desktop-lotto-number-grid {
    grid-template-columns: repeat(6, 27px) !important;
    grid-template-rows: repeat(2, 27px) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-compact-editor {
    grid-template-rows: minmax(0, 1fr) 29px 14px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-compact-editor > header {
    display: none !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-inline-modes {
    flex: 0 0 250px !important;
    width: 250px !important;
  }
}

/* V114: prominent six-game analysis tabs and one-row official omission actions. */
:is(.desktop-digit-analysis-switcher, .mobile-digit-analysis-switcher) {
  display: grid !important;
  grid-template-columns: 82px 82px 92px 76px !important;
  justify-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 5px !important;
  padding: 5px !important;
  box-sizing: border-box !important;
  border: 1px solid #9fb1c2 !important;
  border-radius: 7px 7px 0 0 !important;
  background: #74879d !important;
}

:is(.desktop-digit-analysis-switcher, .mobile-digit-analysis-switcher) > button {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  border: 1px solid #aebdca !important;
  border-radius: 5px !important;
  background: linear-gradient(180deg, #8194a9 0%, #687d94 100%) !important;
  color: #f7fbff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.22), 0 1px 2px rgba(19, 33, 48, 0.35) !important;
}

:is(.desktop-digit-analysis-switcher, .mobile-digit-analysis-switcher) > button:is(.is-active, [aria-pressed="true"]) {
  border-color: #b9e9ff !important;
  background: linear-gradient(180deg, #61c6f5 0%, #198acb 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 0 0 1px #247db3, 0 2px 5px rgba(21, 84, 128, 0.45) !important;
}

@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-official-lottery-workspace
  .desktop-unified-lottery-panel.is-active-lottery-panel {
    align-items: stretch !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-official-lottery-workspace
  .desktop-unified-lottery-panel.is-active-lottery-panel
  :is(.desktop-lotto-compact-editor, .desktop-lotto-result-panel, .set-calculator-condition-panel) {
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-official-lottery-workspace
  .desktop-official-analysis-workspace > .official-analysis-switcher {
    min-height: 44px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-official-lottery-workspace
  .desktop-official-analysis-workspace > .lotto-n-out-n-panel
  .lotto-n-out-n-controls {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    grid-template-rows: 48px !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: end !important;
    align-content: start !important;
    height: 48px !important;
    min-height: 48px !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-official-lottery-workspace
  .desktop-official-analysis-workspace > .lotto-n-out-n-panel
  .lotto-n-out-n-controls > :is(label, button) {
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-official-lottery-workspace
  .desktop-official-analysis-workspace > .lotto-n-out-n-panel
  .lotto-n-out-n-controls > button {
    min-height: 34px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (max-width: 900px) {
  .mobile-official-analysis-workspace > .lotto-n-out-n-panel .lotto-n-out-n-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }
}

/* V145 final geometry override. */
@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-condition-row {
    grid-template-columns: 38px minmax(0, 1fr) 40px 40px 40px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-clear-zone {
    grid-column: 4 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    padding-inline: 1px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-add {
    grid-column: 5 !important;
  }
}

@media (min-width: 1101px) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="kl8"] .desktop-lotto-condition-row {
    grid-template-columns: 54px minmax(0, 1fr) 58px 58px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="kl8"] .desktop-lotto-condition-row .desktop-lotto-clear-zone {
    grid-column: 4 !important;
    grid-row: 2 !important;
    align-self: end !important;
    min-width: 0 !important;
    padding-inline: 1px !important;
  }
}

@media (max-width: 900px) {
  html body :is(.calculator-drawer-drag-handle, .calculator-drawer-reset-position) {
    display: none !important;
  }
}

@media (min-width: 901px) and (max-width: 1599px) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench:not(.is-set-calculator-tool) {
    grid-template-columns: minmax(0, 44fr) minmax(0, 56fr) !important;
    grid-template-rows: max-content max-content max-content 132px minmax(220px, 1fr) minmax(130px, .45fr) !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace > :is(
    .indicator-drawer__forms,
    .indicator-drawer__body,
    .indicator-config
  ) {
    grid-column: 1 / 3 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace > .indicator-list-rail {
    grid-column: 1 / 3 !important;
    grid-row: 6 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace .desktop-digit-analysis-workspace .historical-omission-panel {
    grid-column: 1 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace .desktop-digit-analysis-workspace .indicator-results-panel,
  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace .desktop-digit-analysis-workspace > .desktop-dan-search-host {
    grid-column: 2 !important;
  }
}

/* V109 screenshot supplement: SSQ/DLT result, omission and custom-search hierarchy. */
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator:is(
  [data-desktop-unified-calculator="ssq"],
  [data-desktop-unified-calculator="dlt"]
) .mobile-lotto-results,
html body :is(#screen-calculator-ssq, #screen-calculator-dlt) .mobile-lotto-results {
  color: #111820 !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator:is(
  [data-desktop-unified-calculator="ssq"],
  [data-desktop-unified-calculator="dlt"]
) .mobile-lotto-results :is(header, header *, p, output, textarea, .mobile-lotto-result-output),
html body :is(#screen-calculator-ssq, #screen-calculator-dlt) .mobile-lotto-results :is(
  header,
  header *,
  p,
  output,
  textarea,
  .mobile-lotto-result-output
) {
  color: #111820 !important;
  caret-color: #111820 !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool:is(
  [data-desktop-unified-calculator="ssq"],
  [data-desktop-unified-calculator="dlt"]
) .indicator-list-rail,
html body #indicatorDrawer#indicatorDrawer[data-desktop-unified-calculator="ssq"] #indicatorListRail,
html body #indicatorDrawer#indicatorDrawer[data-desktop-unified-calculator="dlt"] #indicatorListRail,
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator:is(
  [data-desktop-unified-calculator="ssq"],
  [data-desktop-unified-calculator="dlt"]
) :is(.set-calculator-condition-panel, .set-calculator-condition-list),
html body :is(#screen-calculator-ssq, #screen-calculator-dlt) :is(
  .set-calculator-condition-panel,
  .set-calculator-condition-list
) {
  --calc-rail: #8295aa !important;
  border-color: #aab9c8 !important;
  background: #8295aa !important;
  background-color: #8295aa !important;
  color: #f7f9fc !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator:is(
  [data-desktop-unified-calculator="ssq"],
  [data-desktop-unified-calculator="dlt"]
) .lotto-n-out-n-panel,
html body :is(#screen-calculator-ssq, #screen-calculator-dlt) .lotto-n-out-n-panel {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  align-content: stretch !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator:is(
  [data-desktop-unified-calculator="ssq"],
  [data-desktop-unified-calculator="dlt"]
) .lotto-n-out-n-panel > textarea:not([hidden]),
html body :is(#screen-calculator-ssq, #screen-calculator-dlt) .lotto-n-out-n-panel > textarea:not([hidden]) {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  resize: none !important;
  overflow: auto !important;
  box-sizing: border-box !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator:is(
  [data-desktop-unified-calculator="ssq"],
  [data-desktop-unified-calculator="dlt"]
) .dan-custom-search-panel.is-official-search,
html body :is(#screen-calculator-ssq, #screen-calculator-dlt) .dan-custom-search-panel.is-official-search {
  display: grid !important;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
  align-content: stretch !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator:is(
  [data-desktop-unified-calculator="ssq"],
  [data-desktop-unified-calculator="dlt"]
) .dan-custom-search-panel.is-official-search .dan-custom-search-fields,
html body :is(#screen-calculator-ssq, #screen-calculator-dlt) .dan-custom-search-panel.is-official-search .dan-custom-search-fields {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(34px, auto)) !important;
  grid-auto-flow: row !important;
  gap: 5px 8px !important;
  min-width: 0 !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool #desktopUnifiedLotteryCalculator:is(
  [data-desktop-unified-calculator="ssq"],
  [data-desktop-unified-calculator="dlt"]
) .dan-custom-search-panel.is-official-search > textarea,
html body :is(#screen-calculator-ssq, #screen-calculator-dlt) .dan-custom-search-panel.is-official-search > textarea {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  resize: none !important;
  overflow: auto !important;
  box-sizing: border-box !important;
}

@media (max-width: 760px) {
  html body :is(#screen-calculator-ssq, #screen-calculator-dlt) .dan-custom-search-panel.is-official-search .dan-custom-search-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
  }
}

/* V111: value controls use a separate blue-grey layer in all digit calculators. */
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool .indicator-config__row[data-indicator-option-row="values"] .indicator-option-button,
html body :is(#screen-calculator-3d, #screen-calculator-pl3, #screen-calculator-pl5) .mobile-calc-parameter[data-option-key="values"] .mobile-calc-choice,
html body .mobile-chart-quick-indicators:is([data-mobile-chart-quick-game="fc3d"], [data-mobile-chart-quick-game="pl3"], [data-mobile-chart-quick-game="pl5"]) [data-mobile-chart-quick-option-row="values"] .mobile-chart-quick-option {
  border-color: #8ea8bf !important;
  background: linear-gradient(180deg, #9eb5c8 0%, #849db3 100%) !important;
  background-color: #90a8bc !important;
  color: #172b3b !important;
}

html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool .indicator-config__row[data-indicator-option-row="values"] .indicator-option-button[aria-pressed="true"],
html body :is(#screen-calculator-3d, #screen-calculator-pl3, #screen-calculator-pl5) .mobile-calc-parameter[data-option-key="values"] .mobile-calc-choice[aria-pressed="true"],
html body .mobile-chart-quick-indicators:is([data-mobile-chart-quick-game="fc3d"], [data-mobile-chart-quick-game="pl3"], [data-mobile-chart-quick-game="pl5"]) [data-mobile-chart-quick-option-row="values"] .mobile-chart-quick-option[aria-pressed="true"] {
  border-color: #8ad4ff !important;
  background: linear-gradient(180deg, #55b8ef 0%, #247fc2 100%) !important;
  background-color: #2f91d1 !important;
  color: #ffffff !important;
}

/* Low-height desktop windows retain the fourth-column rail below the complete lottery row. */
@media (min-width: 1101px) and (max-height: 799px) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator > #indicatorListRail {
    display: block !important;
    position: static !important;
    inset: auto !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench #desktopUnifiedLotteryCalculator > #indicatorListRail > #setCalculatorConditionPanel {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
}

/* Digit indicator list always starts below the full lottery/intersection row. */
@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace {
    grid-template-columns: minmax(0, 78fr) minmax(250px, 22fr) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace > .indicator-drawer__forms {
    grid-column: 1 / -1 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace > :is(
    .indicator-drawer__body,
    .indicator-config
  ) {
    grid-column: 1 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace > .indicator-list-rail {
    position: static !important;
    inset: auto !important;
    grid-column: 2 !important;
    grid-row: 2 / 7 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
}

/* KL8 hit verification replaces the original matrix textarea without adding a details page. */
html body #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="kl8"] .desktop-kl8-hit-verifier > [data-kl8-hit-output] {
  display: none !important;
}

html body #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="kl8"] #kl8RotationOutput.is-hit-detail {
  white-space: pre-wrap !important;
}

/* V111: every lottery keeps the exact digit-workspace tab geometry while switching. */
@media (min-width: 901px) {
  /* Digit custom-search controls must shrink inside their own grid cells. */
  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .desktop-digit-analysis-workspace
  .dan-custom-search-panel.is-digit-search
  .dan-custom-search-field {
    min-width: 0 !important;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .desktop-digit-analysis-workspace
  .dan-custom-search-panel.is-digit-search
  .dan-custom-search-field > span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .desktop-digit-analysis-workspace
  .dan-custom-search-panel.is-digit-search
  .dan-custom-search-field > :is(input, select) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* V112 screenshot layout: tabs across the top, right rail below them, one shared search workspace. */
.mobile-digit-analysis-switcher {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 8px 0 0;
  padding: 6px;
  border: 1px solid #93a5b7;
  border-radius: 7px 7px 0 0;
  background: var(--calc-omission, #8799ad);
}

.mobile-digit-analysis-switcher > button {
  min-width: 0;
  min-height: 36px;
  border: 1px solid #9fb0c1;
  border-radius: 5px;
  background: linear-gradient(180deg, #8297ad 0%, #687f99 100%);
  color: #f5f9fc;
}

.mobile-digit-analysis-switcher > button.is-active {
  border-color: #8ad4ff !important;
  background: linear-gradient(180deg, #55b8ef 0%, #247fc2 100%) !important;
  color: #ffffff !important;
}

.calculator-detail > :is([data-digit-omission-panel], [data-dan-custom-search])[hidden] {
  display: none !important;
}

.calculator-detail > .mobile-digit-analysis-switcher + :is([data-digit-omission-panel], [data-dan-custom-search]),
.calculator-detail[data-mobile-analysis-view] > [data-dan-custom-search] {
  margin-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.mobile-official-analysis-workspace,
.desktop-official-analysis-workspace {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.mobile-official-analysis-workspace {
  margin-top: 8px;
}

.mobile-official-analysis-workspace > .official-analysis-switcher,
.desktop-official-analysis-workspace > .official-analysis-switcher {
  grid-row: 1;
  margin: 0 !important;
}

.mobile-official-analysis-workspace > :is(.lotto-n-out-n-panel, .desktop-dan-search-host),
.desktop-official-analysis-workspace > :is(.lotto-n-out-n-panel, .desktop-dan-search-host, [data-desktop-manual-ticket-host]) {
  grid-row: 2;
  grid-column: 1;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.mobile-official-analysis-workspace > .desktop-dan-search-host > .dan-custom-search-panel,
.desktop-official-analysis-workspace > .desktop-dan-search-host > .dan-custom-search-panel {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
}

.mobile-official-analysis-workspace > :is(.lotto-n-out-n-panel, .desktop-dan-search-host)[hidden],
.desktop-official-analysis-workspace > :is(.lotto-n-out-n-panel, .desktop-dan-search-host, [data-desktop-manual-ticket-host])[hidden] {
  display: none !important;
}

@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace {
    --digit-result-rail-width: max(250px, 22%);
    position: fixed !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  > .indicator-drawer__forms > .indicator-drawer__row:not(.indicator-drawer__row--games) {
    width: calc(100% - var(--digit-result-rail-width) - 8px) !important;
    max-width: calc(100% - var(--digit-result-rail-width) - 8px) !important;
    box-sizing: border-box !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace > .indicator-list-rail {
    position: absolute !important;
    inset: 68px 8px 8px auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    z-index: 8 !important;
    display: grid !important;
    width: var(--digit-result-rail-width) !important;
    height: auto !important;
    grid-template-rows: minmax(180px, 74%) minmax(100px, 26%) !important;
    gap: 6px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  > .indicator-list-rail > .indicator-condition-rail-mount {
    grid-row: 1 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  > .indicator-list-rail > .indicator-result-rail-mount {
    display: block !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-condition-rail-mount > .indicator-workbench__conditions,
  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-result-rail-mount > .indicator-results-panel {
    display: grid !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-condition-rail-mount > .indicator-workbench__conditions {
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-condition-rail-mount .indicator-workbench__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 36px !important;
    padding: 4px 5px !important;
    gap: 3px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-condition-rail-mount .indicator-workbench__header-actions {
    display: grid !important;
    grid-template-columns: repeat(5, 46px) !important;
    flex: 0 0 238px !important;
    width: 238px !important;
    min-width: 238px !important;
    max-width: 238px !important;
    gap: 2px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-condition-rail-mount .indicator-workbench__header-actions > :is(button, .tool-button, .calculator-drawer-drag-handle, .calculator-drawer-reset-position) {
    display: inline-flex !important;
    grid-column: auto !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 27px !important;
    padding: 0 2px !important;
    font-size: 9px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-condition-rail-mount .indicator-workbench__header-actions
  > :is([data-workbench-command], #indicatorDrawerDragHandle, #indicatorDrawerResetPosition, #closeIndicatorDrawer) {
    justify-self: stretch !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding-inline: 1px !important;
    box-sizing: border-box !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  #indicatorConditionRail#indicatorConditionRail .indicator-workbench__header-actions
  > button[data-workbench-command] {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    max-inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 9px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  #indicatorConditionRail#indicatorConditionRail .indicator-workbench__header-actions
  > :is(#indicatorDrawerDragHandle, #indicatorDrawerResetPosition, #closeIndicatorDrawer) {
    justify-content: center !important;
    text-align: center !important;
    font-size: 9px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-condition-rail-mount .indicator-workbench__header > strong {
    min-width: 0 !important;
    display: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-result-rail-mount > .indicator-results-panel {
    grid-template-rows: auto minmax(0, 1fr) !important;
    background: var(--calc-result) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-result-rail-mount .indicator-results__header {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    min-height: 48px !important;
    padding: 5px 7px !important;
    gap: 5px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-result-rail-mount .indicator-result-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-result-rail-mount .indicator-result-count {
    min-width: 0 !important;
    white-space: normal !important;
    line-height: 1.2 !important;
    font-size: 11px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  :is(.indicator-condition-list, .indicator-result-numbers) {
    min-height: 0 !important;
    max-height: none !important;
    overflow: auto !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-result-rail-mount .indicator-result-numbers {
    width: 100% !important;
    height: 100% !important;
    resize: none !important;
    box-sizing: border-box !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .desktop-digit-analysis-workspace :is(.historical-omission-panel, .desktop-dan-search-host) {
    grid-column: 1 !important;
    grid-row: 4 / 6 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding-top: 42px !important;
    box-sizing: border-box !important;
    background: var(--calc-omission) !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .desktop-digit-analysis-workspace > .desktop-digit-analysis-switcher {
    grid-column: 1 !important;
    grid-row: 4 !important;
    z-index: 6 !important;
    align-self: start !important;
    display: flex !important;
    gap: 6px !important;
    min-width: 0 !important;
    padding: 6px 8px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .desktop-digit-analysis-switcher > button {
    min-width: 124px !important;
    height: 30px !important;
    border: 1px solid #71849d !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, #788ba4 0%, #61748d 100%) !important;
    color: #f4f7fb !important;
    font: 800 14px/1 "Microsoft YaHei", sans-serif !important;
    cursor: pointer !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .desktop-digit-analysis-switcher > button.is-active {
    border-color: #8ad4ff !important;
    background: linear-gradient(180deg, #55b8ef 0%, #247fc2 100%) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 2px 4px rgba(10,21,34,.35) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .desktop-digit-analysis-workspace .historical-omission-panel__header > strong {
    display: none !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .desktop-digit-analysis-workspace > .desktop-dan-search-host > .dan-custom-search-panel {
    height: 100% !important;
    background: var(--calc-omission) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .desktop-digit-analysis-workspace :is(.historical-omission-panel, .desktop-dan-search-host)[hidden],
  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .desktop-digit-analysis-workspace > .desktop-digit-analysis-switcher[hidden] {
    display: none !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-official-lottery-workspace
  .desktop-unified-lottery-panel.is-active-lottery-panel > .desktop-official-analysis-workspace {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
}

/* V114 final compact analysis-tab lock; keep after every historical override. */
html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
.desktop-digit-analysis-workspace > .desktop-digit-analysis-switcher,
html body #indicatorDrawer#indicatorDrawer.is-official-lottery-workspace
.desktop-official-analysis-workspace > .desktop-digit-analysis-switcher,
html body [data-mobile-app] .calculator-detail > .mobile-digit-analysis-switcher,
html body [data-mobile-app] .mobile-official-analysis-workspace > .mobile-digit-analysis-switcher {
  display: grid !important;
  grid-template-columns: repeat(2, 82px) !important;
  justify-content: start !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 5px !important;
  padding: 5px !important;
  box-sizing: border-box !important;
}

html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
.desktop-digit-analysis-workspace > .desktop-digit-analysis-switcher > button,
html body #indicatorDrawer#indicatorDrawer.is-official-lottery-workspace
.desktop-official-analysis-workspace > .desktop-digit-analysis-switcher > button,
html body [data-mobile-app] .calculator-detail > .mobile-digit-analysis-switcher > button,
html body [data-mobile-app] .mobile-official-analysis-workspace > .mobile-digit-analysis-switcher > button {
  box-sizing: border-box !important;
  width: 82px !important;
  min-width: 82px !important;
  max-width: 82px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding-inline: 3px !important;
  font: 900 11px/1 "Microsoft YaHei", sans-serif !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/* V114 SSQ/DLT upper work areas share exact top and bottom lines. */
@media (min-width: 1101px) {
  html body #indicatorDrawer#indicatorDrawer.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-unified-lottery-panel.is-active-lottery-panel .mobile-lotto-results {
    align-self: stretch !important;
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    position: static !important;
    inset: auto !important;
  }
}

/* V115: real omission-search feedback; keep after every historical override. */
html body .omission-search-progress {
  display: grid !important;
  grid-template-columns: 18px max-content minmax(0, 1fr) minmax(90px, 18%) !important;
  align-items: center !important;
  gap: 7px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 32px !important;
  max-height: 32px !important;
  min-height: 32px !important;
  align-self: start !important;
  padding: 5px 8px !important;
  border: 1px solid #91a8bd !important;
  border-radius: 6px !important;
  background: #6d8299 !important;
  color: #f6f9fc !important;
  font: 800 12px/1.2 "Microsoft YaHei", sans-serif !important;
}
html body .omission-search-progress > strong { color: #fff !important; white-space: nowrap !important; }
html body .omission-search-progress > span:not(.omission-search-progress__spinner) {
  min-width: 0 !important; overflow: hidden !important; color: #eef5fb !important;
  text-overflow: ellipsis !important; white-space: nowrap !important;
}
html body .omission-search-progress progress { width: 100% !important; height: 9px !important; accent-color: #36b5f2 !important; }
html body .omission-search-progress__spinner {
  box-sizing: border-box !important; width: 16px !important; height: 16px !important;
  border: 2px solid rgba(255, 255, 255, .35) !important; border-top-color: #fff !important;
  border-radius: 50% !important; opacity: 0 !important;
}
html body [data-search-state="searching"] > .omission-search-progress,
html body .omission-search-progress[data-search-state="searching"] {
  border-color: #69cdfc !important;
  background: linear-gradient(90deg, #287eae 0%, #426e91 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 1px rgba(70,187,241,.2) !important;
}
html body [data-search-state="searching"] .omission-search-progress__spinner,
html body .omission-search-progress[data-search-state="searching"] .omission-search-progress__spinner {
  opacity: 1 !important; animation: omission-search-spin .8s linear infinite !important;
}
html body [data-search-state="complete"] > .omission-search-progress,
html body .omission-search-progress[data-search-state="complete"] { border-color: #8fd6ad !important; background: #4f806d !important; }
html body [data-search-state="error"] > .omission-search-progress { border-color: #e09898 !important; background: #8c5e68 !important; }
html body [data-search-state="searching"] :is(
  [data-n-out-n-action="search"], [data-dan-search-action="search"],
  [data-digit-omission-action="search"], [data-workbench-command="omission-search"]
) {
  opacity: 1 !important; cursor: wait !important;
  background: linear-gradient(180deg, #5dc9ff 0%, #1888ca 100%) !important; color: #fff !important;
}
@keyframes omission-search-spin { to { transform: rotate(360deg); } }
@media (max-width: 760px) {
  html body .omission-search-progress { grid-template-columns: 18px max-content minmax(0, 1fr) !important; font-size: 11px !important; }
  html body .omission-search-progress progress { grid-column: 1 / -1 !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body .omission-search-progress__spinner { animation-duration: 1.6s !important; }
}

html body .lotto-n-out-n-controls > label {
  color: #eaf3fa !important;
  font: 900 12px/1.05 "Microsoft YaHei", sans-serif !important;
  letter-spacing: .1px !important;
}

html body .lotto-n-out-n-controls > label > :is(input, select) {
  font-size: 14px !important;
  font-weight: 900 !important;
}

/* V116: every maximum-omission search uses inline labels and a full remaining result area. */
html body .lotto-n-out-n-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body .lotto-n-out-n-panel > .lotto-n-out-n-controls,
html body .lotto-n-out-n-panel > .omission-search-progress,
html body .lotto-n-out-n-panel > .lotto-n-out-n-error {
  flex: 0 0 auto !important;
}

html body .lotto-n-out-n-panel > textarea:not([hidden]) {
  display: block !important;
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 5px 0 0 !important;
  resize: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html body .lotto-n-out-n-panel > .lotto-n-out-n-three-chart:not([hidden]) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
}

html body .lotto-n-out-n-controls > label {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  min-width: 0 !important;
  height: 34px !important;
  white-space: nowrap !important;
}

html body .lotto-n-out-n-controls > label > :is(input, select) {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 32px !important;
}

html body .historical-omission-panel {
  display: grid !important;
  grid-template-rows: auto auto 32px minmax(0, 1fr) !important;
  align-content: stretch !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body .historical-omission-panel > .historical-omission-panel__header,
html body .historical-omission-panel > .historical-omission-controls,
html body .historical-omission-panel > .omission-search-progress {
  min-width: 0 !important;
}

html body .historical-omission-panel > .historical-omission-result {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 5px 0 0 !important;
  resize: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html body .historical-omission-controls > .historical-omission-field {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  min-width: 0 !important;
  height: 34px !important;
  color: #eaf3fa !important;
  font: 900 12px/1.05 "Microsoft YaHei", sans-serif !important;
  white-space: nowrap !important;
}

html body .historical-omission-controls > .historical-omission-field > span {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

html body .historical-omission-controls > .historical-omission-field > :is(input, select) {
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  height: 32px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

@media (max-width: 760px) {
  html body .lotto-n-out-n-controls > label,
  html body .historical-omission-controls > .historical-omission-field {
    gap: 4px !important;
    font-size: 11px !important;
  }
}

/* V116 final dual-search lock; maximum omission and custom search share one geometry. */
html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-panel > :is(header, .dan-custom-search-zones, .dan-custom-search-fields, .dan-custom-search-actions, .omission-search-progress) {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-panel > textarea {
  display: block !important;
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 5px 0 0 !important;
  resize: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-fields {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  grid-auto-flow: row !important;
  grid-auto-rows: 34px !important;
  gap: 5px 8px !important;
  min-width: 0 !important;
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-field {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 34px !important;
  color: #eaf3fa !important;
  font: 900 12px/1.05 "Microsoft YaHei", sans-serif !important;
  white-space: nowrap !important;
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-field > span {
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-field > :is(input, select) {
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  height: 32px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-actions {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 5px !important;
}

@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool
  .desktop-unified-lottery-panel .mobile-lotto-results
  .mobile-lotto-result-actions {
    gap: 2px !important;
    padding-inline: 2px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool
  .desktop-unified-lottery-panel .mobile-lotto-results
  .mobile-lotto-result-actions > button {
    min-width: 0 !important;
    padding-inline: 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}

html body :is(
  #indicatorDrawer#indicatorDrawer.is-realtime-number-tool,
  [data-mobile-app]
) .dan-custom-search-actions > button {
  min-width: 0 !important;
  height: 34px !important;
}

@media (max-width: 760px) {
  html body [data-mobile-app] .dan-custom-search-fields,
  html body [data-mobile-app] .dan-custom-search-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body [data-mobile-app] .dan-custom-search-field {
    gap: 4px !important;
    font-size: 11px !important;
  }
}

@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .desktop-digit-analysis-workspace > .desktop-dan-search-host {
    padding: 42px 0 0 !important;
  }
}

/* V134: independent number-group close and collision-free official zone workspaces. */
.number-group-corner-close {
  display: none;
}

@media (min-width: 1101px) {
  html body #indicatorDrawer#indicatorDrawer.is-number-group-tool > .number-group-ad > .number-group-corner-close {
    display: inline-flex !important;
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 20 !important;
    box-sizing: border-box !important;
    width: 56px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #ff3b42 !important;
    border-radius: 4px !important;
    background: #c8222b !important;
    color: #ffffff !important;
    font: 900 14px/1 "Microsoft YaHei", sans-serif !important;
    letter-spacing: 0 !important;
    box-shadow: 0 2px 7px rgba(70, 0, 5, .42) !important;
    cursor: pointer !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-number-group-tool > .number-group-ad {
    position: relative !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-number-group-tool {
    grid-template-columns: minmax(560px, 44%) minmax(0, 56%) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-number-group-tool > :is(
    #indicatorListRail,
    .indicator-list-rail,
    #indicatorWorkbench,
    .indicator-workbench,
    .desktop-dan-search-host
  ),
  html body #indicatorDrawer#indicatorDrawer.is-number-group-tool :is(
    #indicatorConditionRail,
    #indicatorResultRail,
    #setCalculatorConditionPanel,
    .indicator-condition-rail-mount,
    .indicator-result-rail-mount,
    .set-calculator-condition-panel
  ) {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-number-group-tool > .number-group-ad {
    grid-column: 2 / -1 !important;
    grid-row: 2 / -1 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator:not(.is-rotation-matrix)
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-unified-lottery-panel.is-active-lottery-panel > .desktop-lotto-rotation-host {
    display: block !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator:not(.is-rotation-matrix)
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-unified-lottery-panel.is-active-lottery-panel > [data-desktop-compact-mount] {
    grid-column: 2 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .official-condition-mode-panel {
    display: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow: hidden !important;
    border: 1px solid #647184 !important;
    border-radius: 5px !important;
    background: #3c485a !important;
    padding: 12px !important;
    color: #eef3f8 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator:not(.is-rotation-matrix)
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .official-condition-mode-panel {
    display: none !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator:not(.is-rotation-matrix)
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-rotation-host > .lotto-rotation-matrix {
    display: grid !important;
    pointer-events: auto !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .official-condition-mode-panel > strong {
    border-bottom: 1px solid #647184 !important;
    padding-bottom: 8px !important;
    font-size: 16px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .official-condition-mode-panel > span {
    color: #c7d1dd !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) {
    grid-template-rows: minmax(400px, max-content) minmax(260px, 1fr) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-unified-lottery-panel.is-active-lottery-panel > .desktop-lotto-rotation-host {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-unified-lottery-panel.is-active-lottery-panel > [data-desktop-compact-mount] {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .mobile-lotto-results {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-compact-editor {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-condition-rows {
    height: 100% !important;
    min-height: 0 !important;
    grid-template-rows: minmax(180px, auto) 31px minmax(150px, auto) !important;
    overflow: auto !important;
    scrollbar-gutter: stable !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator.is-rotation-matrix
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-compact-editor {
    grid-template-rows: minmax(0, 1fr) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator.is-rotation-matrix
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-compact-editor > :is(footer, .desktop-lotto-editor-status),
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator.is-rotation-matrix
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-condition-row > :is(.desktop-lotto-counts, .desktop-lotto-add) {
    display: none !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator.is-rotation-matrix
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-condition-rows {
    grid-template-rows: minmax(205px, 1.45fr) 31px minmax(140px, 1fr) !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator.is-rotation-matrix
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-condition-row {
    grid-template-rows: minmax(0, 1fr) 27px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator.is-rotation-matrix
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-number-grid {
    grid-template-columns: repeat(auto-fill, 27px) !important;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
    grid-auto-rows: 27px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator.is-rotation-matrix
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-number-picker {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-bottom: 4px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-number-grid {
    grid-template-columns: repeat(auto-fill, 27px) !important;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
    grid-auto-rows: 27px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* V140: keep SSQ/DLT calculation and rotation geometry stable with every ball visible. */
@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) {
    grid-template-rows: minmax(400px, max-content) minmax(260px, 1fr) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="ssq"] {
    grid-template-columns: minmax(200px, 1fr) 358px minmax(130px, .9fr) minmax(169px, 1.1fr) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="dlt"] {
    grid-template-columns: minmax(200px, 1fr) 358px minmax(130px, .9fr) minmax(169px, 1.1fr) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-condition-rows,
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator.is-rotation-matrix
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-condition-rows {
    grid-template-rows: 187px 31px minmax(155px, 1fr) !important;
    overflow: hidden !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) [data-desktop-zone="red"] .desktop-lotto-number-grid {
    grid-template-columns: repeat(11, 27px) !important;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
    grid-auto-rows: 27px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="dlt"]
  [data-desktop-zone="front"] .desktop-lotto-number-grid {
    grid-template-columns: repeat(12, 27px) !important;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
    grid-auto-rows: 27px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator.is-rotation-matrix
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="dlt"]
  [data-desktop-zone="front"] .desktop-lotto-number-grid {
    grid-template-columns: repeat(12, 27px) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="ssq"]
  [data-desktop-zone="blue"] .desktop-lotto-number-grid {
    grid-template-columns: repeat(8, 27px) !important;
    grid-template-rows: repeat(2, 27px) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator.is-rotation-matrix
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="ssq"]
  [data-desktop-zone="red"] .desktop-lotto-number-grid {
    grid-template-columns: repeat(11, 27px) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  .set-condition-calculator.is-rotation-matrix
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="ssq"]
  [data-desktop-zone="blue"] .desktop-lotto-number-grid {
    grid-template-columns: repeat(8, 27px) !important;
    grid-template-rows: repeat(2, 27px) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator="dlt"]
  [data-desktop-zone="back"] .desktop-lotto-number-grid {
    grid-template-columns: repeat(6, 27px) !important;
    grid-template-rows: repeat(2, 27px) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench
  #desktopUnifiedLotteryCalculator:is(
    [data-desktop-unified-calculator="ssq"],
    [data-desktop-unified-calculator="dlt"]
  ) .desktop-lotto-number-picker {
    overflow: hidden !important;
  }
}

/* V143: fit all four DLT analysis controls at 320px without affecting other games. */
@media (max-width: 900px) {
  html body [data-mobile-app] .mobile-official-analysis-workspace
  > .mobile-digit-analysis-switcher[data-official-analysis-switcher]:has(> .ticket-dlt-additional-control) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 76px minmax(0, 1fr) !important;
    gap: 3px !important;
  }

  html body [data-mobile-app] .mobile-official-analysis-workspace
  > .mobile-digit-analysis-switcher[data-official-analysis-switcher]:has(> .ticket-dlt-additional-control) > button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-inline: 0 !important;
  }

  html body #screen-calculator-dlt#screen-calculator-dlt .mobile-official-analysis-workspace
  > .mobile-digit-analysis-switcher[data-official-analysis-switcher]:has(> .ticket-dlt-additional-control) > button {
    font-size: clamp(8px, 2.55vw, 10px) !important;
    text-overflow: clip !important;
  }

  html body [data-mobile-app] .mobile-official-analysis-workspace
  > .mobile-digit-analysis-switcher[data-official-analysis-switcher]:has(> .ticket-dlt-additional-control)
  > .ticket-multiplier-control {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    padding-inline: 1px !important;
  }

  html body [data-mobile-app] .mobile-official-analysis-workspace
  > .mobile-digit-analysis-switcher[data-official-analysis-switcher]:has(> .ticket-dlt-additional-control)
  > .ticket-dlt-additional-control {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}
#desktopUnifiedLotteryCalculator .desktop-kl8-rotation-host .kl8-rotation-actions,
#desktopUnifiedLotteryCalculator .kl8-rotation-results:has(#lottoRotationOutput) .kl8-rotation-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
  width: 100% !important;
}

#desktopUnifiedLotteryCalculator .desktop-kl8-rotation-host .kl8-rotation-actions > *,
#desktopUnifiedLotteryCalculator .kl8-rotation-results:has(#lottoRotationOutput) .kl8-rotation-actions > * {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
}

#desktopUnifiedLotteryCalculator .desktop-kl8-rotation-host .kl8-rotation-actions > output,
#desktopUnifiedLotteryCalculator .kl8-rotation-results:has(#lottoRotationOutput) .kl8-rotation-actions > output {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  text-align: center !important;
}
html body button.ticket-copy-switcher-button.ticket-copy-button[data-ticket-copy-switcher="true"] {
  min-width: 92px !important;
  border: 2px solid #7a0018 !important;
  background: linear-gradient(135deg, #fff200 0%, #ffb300 48%, #ff4d00 100%) !important;
  color: #650012 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  box-shadow: 0 0 0 2px #fff6a3, 0 4px 13px rgba(180, 24, 0, .62) !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .72) !important;
}

/* BUG-20260908-004: Official desktop controls share a height; result space belongs to numbers. */
@media (min-width: 1101px) {
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] {
    --lotto-control-height: 30px;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] :is(button, input, select, .ticket-local-multiplier, .desktop-lotto-play-slot) {
    box-sizing: border-box !important;
    height: var(--lotto-control-height) !important;
    min-height: var(--lotto-control-height) !important;
    max-height: var(--lotto-control-height) !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    align-self: center !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .ticket-local-multiplier {
    border-block-width: 0 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .kl8-rotation-settings {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .kl8-rotation-summary {
    display: none !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .kl8-rotation-control .field {
    width: 100% !important;
    min-width: 0 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .desktop-lotto-number-grid {
    grid-template-columns: repeat(10, var(--lotto-control-height)) !important;
    grid-auto-rows: var(--lotto-control-height) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .desktop-lotto-number-grid .desktop-lotto-number {
    width: var(--lotto-control-height) !important;
    min-width: var(--lotto-control-height) !important;
    max-width: var(--lotto-control-height) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .desktop-lotto-play-slot {
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .desktop-lotto-play-slot select {
    width: 100% !important;
    border: 1px solid #efcf74 !important;
    background: #745514 !important;
    color: #fff9e8 !important;
    color-scheme: dark;
    font-weight: 900 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -2px 0 rgba(0, 0, 0, .25) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-results {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding-bottom: 4px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-results > header {
    flex: 0 0 auto !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-results > header:has(.mobile-lotto-result-metrics) > span {
    display: none !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-metrics {
    width: 100% !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-output {
    flex: 1 1 0 !important;
    width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-preview-note {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 6px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-actions {
    display: grid !important;
    flex: 0 0 auto !important;
    order: 2 !important;
    grid-template-rows: repeat(3, var(--lotto-control-height)) !important;
    grid-auto-rows: var(--lotto-control-height) !important;
    gap: 4px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 4px !important;
    align-content: end !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-same-screen:not([hidden]) {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow: auto !important;
  }

  /* BUG-20260908-005: two full-width rows, with copy before calculate in DOM/tab order. */
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .kl8-rotation-results__header {
    display: block !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .kl8-rotation-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: 4px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-output {
    align-self: stretch !important;
    scrollbar-width: auto !important;
    scrollbar-color: auto !important;
    scrollbar-gutter: auto !important;
  }

  /* BUG-20260908-006: double the requested 3px scrollbar to 6px for all three games. */
  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-output::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-output::-webkit-scrollbar-thumb {
    background: #d5dfe8 !important;
    border: 0 !important;
    border-radius: 2px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-output::-webkit-scrollbar-track {
    background: #48596a !important;
    border: 0 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace
  #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-output::-webkit-scrollbar-button {
    display: none !important;
  }
}

/* BUG-20260908-006: one workbench presentation; dual-zone games retain their own picks and rules. */
@media (min-width: 1101px) {
html body #indicatorDrawer#indicatorDrawer #desktopUnifiedLotteryCalculator #lottoRotationResultCount {
  color: #eef3f8 !important;
}
html body #indicatorDrawer#indicatorDrawer #desktopUnifiedLotteryCalculator #lottoRotationMatrix :is(.lotto-rotation-zone__header > strong, .lotto-rotation-zone__settings > label) {
  color: #dceaf5 !important;
}
html body #indicatorDrawer#indicatorDrawer #desktopUnifiedLotteryCalculator #lottoRotationCalculate {
  color: #fff !important;
  background: linear-gradient(#68cbff, #249fe5) !important;
}
html body #indicatorDrawer#indicatorDrawer #desktopUnifiedLotteryCalculator #lottoRotationMatrix .kl8-rotation-actions > button {
  font-size: 13px !important;
  padding-inline: 2px !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .desktop-lotto-compact-editor > footer {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, var(--lotto-control-height)) !important;
  gap: 4px 3px !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .desktop-lotto-compact-editor > footer > .ticket-local-multiplier {
  grid-column: 1 / span 5 !important;
  grid-row: 1 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .desktop-lotto-compact-editor > footer > [data-desktop-action="copy-ticket"] {
  grid-column: 6 / span 4 !important;
  grid-row: 1 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .desktop-lotto-compact-editor > footer > [data-desktop-action="calculate"] {
  grid-column: 10 / span 3 !important;
  grid-row: 1 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .desktop-lotto-compact-editor > footer > [data-desktop-action="copy-image"] {
  grid-column: 1 / span 3 !important;
  grid-row: 2 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .desktop-lotto-compact-editor > footer > [data-desktop-action="copy"] {
  grid-column: 4 / span 3 !important;
  grid-row: 2 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .desktop-lotto-compact-editor > footer > [data-desktop-action="chart"] {
  grid-column: 7 / span 3 !important;
  grid-row: 2 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .desktop-lotto-compact-editor > footer > [data-desktop-action="clear-all"] {
  grid-column: 10 / span 3 !important;
  grid-row: 2 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .desktop-lotto-compact-editor[data-desktop-compact-editor] > footer > :is(button, .ticket-local-multiplier) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: var(--lotto-control-height) !important;
  min-height: var(--lotto-control-height) !important;
  max-height: var(--lotto-control-height) !important;
  contain: inline-size !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-actions {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-areas: "single compound same-screen chart" "multiplier multiplier ticket ticket" "copy image clear clear" !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-actions > [data-result-cell="single"] {
  grid-area: single !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-actions > [data-result-cell="compound"] {
  grid-area: compound !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-actions > [data-result-cell="same-screen"] {
  grid-area: same-screen !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-actions > [data-result-cell="chart"] {
  grid-area: chart !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-actions > [data-result-cell="ticket"] {
  grid-area: ticket !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-actions > [data-result-cell="copy"] {
  grid-area: copy !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-actions > [data-result-cell="image"] {
  grid-area: image !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-actions > [data-result-cell="clear"] {
  grid-area: clear !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator[data-desktop-unified-calculator] .mobile-lotto-result-actions > .ticket-local-multiplier {
  grid-area: multiplier !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) {
  grid-template-columns: minmax(190px, 25fr) minmax(334px, 34fr) minmax(190px, 19fr) minmax(175px, 22fr) !important;
  grid-template-rows: minmax(540px, 62fr) minmax(190px, 38fr) !important;
  overflow: auto !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-unified-lottery-panel.is-active-lottery-panel > .desktop-lotto-rotation-host {
  display: block !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .official-condition-mode-panel,
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .lotto-rotation-total,
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .lotto-rotation-zone__summary,
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .kl8-rotation-verification,
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .kl8-rotation-results__header > strong {
  display: none !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .lotto-rotation-matrix {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 6px !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 6px !important;
  overflow: hidden !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .lotto-rotation-zones {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  gap: 4px !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .lotto-rotation-zone {
  min-height: 0 !important;
  padding: 4px !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .lotto-rotation-zone__settings {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .lotto-rotation-zone__pick,
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .lotto-rotation-zone__guarantee {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 3px !important;
  font-size: 14px !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .lotto-rotation-zone__pick output {
  box-sizing: border-box !important;
  height: var(--lotto-control-height) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 6px !important;
  line-height: var(--lotto-control-height) !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .lotto-rotation-zone__guarantee select {
  width: 100% !important;
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .kl8-rotation-workbench {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .kl8-rotation-results {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .kl8-rotation-output {
  height: 100% !important;
  min-height: 0 !important;
  width: 100% !important;
  resize: none !important;
  margin: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-unified-lottery-panel.is-active-lottery-panel > [data-desktop-compact-mount] {
  grid-column: 2 !important;
  grid-row: 1 !important;
  height: 100% !important;
  min-height: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-compact-editor {
  display: grid !important;
  grid-template-rows: 30px minmax(0, 1fr) 64px !important;
  gap: 5px !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 6px !important;
  overflow: hidden !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-compact-editor > header {
  display: flex !important;
  grid-row: 1 !important;
  gap: 4px !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-compact-editor > header > span {
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-compact-editor > header strong {
  font-size: 14px !important;
  white-space: nowrap !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-compact-editor > header small,
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-result-summary {
  display: none !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-inline-modes {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  flex: 0 1 190px !important;
  min-width: 142px !important;
  width: 190px !important;
  gap: 4px !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-inline-modes button {
  width: 100% !important;
  min-width: 0 !important;
  padding-inline: 2px !important;
  font-size: 13px !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-condition-rows {
  grid-row: 2 !important;
  grid-template-rows: minmax(0, 1.3fr) minmax(0, 1fr) !important;
  gap: 5px !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  scrollbar-gutter: auto !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-condition-row {
  grid-template-columns: 38px minmax(0, 1fr) 50px 50px !important;
  grid-template-rows: minmax(0, 1fr) 30px 30px !important;
  gap: 3px !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-number-picker {
  display: block !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-number-grid {
  grid-template-columns: repeat(10, 30px) !important;
  grid-template-rows: none !important;
  grid-auto-rows: 30px !important;
  justify-content: space-between !important;
  gap: 3px 0 !important;
  padding: 2px !important;
  overflow: visible !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-zone-label {
  grid-column: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-number-input {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-paste {
  grid-column: 3 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-clear-zone {
  grid-column: 4 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-counts {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  grid-template-columns: none !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(0, 1fr) !important;
  grid-template-rows: 30px !important;
  gap: 3px !important;
  height: 30px !important;
  min-height: 30px !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-counts > button {
  grid-row: 1 !important;
  grid-column: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  font-size: 13px !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-counts > .desktop-lotto-add {
  grid-column: auto !important;
  color: #fff !important;
  background: linear-gradient(#58a897, #378571) !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-lotto-compact-editor > footer {
  display: grid !important;
  grid-row: 3 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .mobile-lotto-results {
  grid-column: 3 !important;
  grid-row: 1 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) > #indicatorListRail {
  grid-column: 4 !important;
  grid-row: 1 !important;
  height: 100% !important;
  min-height: 0 !important;
}
html body #indicatorDrawer#indicatorDrawer.is-realtime-number-tool.is-calculator-workbench.is-official-lottery-workspace #desktopUnifiedLotteryCalculator:is([data-desktop-unified-calculator="ssq"], [data-desktop-unified-calculator="dlt"]) .desktop-official-analysis-workspace {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  height: 100% !important;
  min-height: 0 !important;
  width: 100% !important;
}
}

/* DEV198: the visible digit controls, search frame and indicator rail share
   one measured right edge. The action row keeps the shared left inset while
   its visible controls shrink to the available track. */
@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  > .indicator-drawer__forms > .indicator-drawer__row {
    box-sizing: border-box !important;
    padding-right: 0 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-config__row,
  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-config__actions {
    box-sizing: border-box !important;
    padding-right: 0 !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-config__actions {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    grid-auto-rows: minmax(34px, auto) !important;
    gap: 4px !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-config__actions > * {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-condition-rail-mount .indicator-workbench__header-actions {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}