.digit-ticket-result-modes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 3px;
  width: 100%;
  margin-top: 4px;
}

.digit-ticket-result-modes button {
  width: 100%;
  min-width: 0;
  min-height: 28px !important;
  height: 28px !important;
  padding: 2px 1px !important;
  border: 1px solid #7f95a8;
  border-radius: 5px;
  background: linear-gradient(#71879a, #455a6b);
  color: #f7fbff;
  font-size: 10px !important;
  font-weight: 900;
  line-height: 22px !important;
  box-shadow: inset 0 1px rgba(255,255,255,.35), inset 0 -3px rgba(20,36,48,.35), 0 2px 4px rgba(9,20,29,.35);
  cursor: pointer;
  white-space: nowrap;
}

.digit-ticket-result-modes button:hover,
.digit-ticket-result-modes button:focus-visible {
  filter: brightness(1.18);
  outline: none;
}

.digit-ticket-result-modes button[aria-selected="true"] {
  border-color: #f0c167;
  background: linear-gradient(#d79a35, #9c5c16);
  color: #fffbe8;
  box-shadow: inset 0 1px rgba(255,255,255,.46), inset 0 -3px rgba(91,49,7,.42), 0 0 8px rgba(240,174,67,.5);
}

.digit-ticket-result-modes .digit-ticket-result-clear {
  border-color: #8799aa;
  background: linear-gradient(#7c90a3, #526679);
  color: #ffffff;
}

.digit-ticket-result-modes .digit-ticket-result-clear:hover,
.digit-ticket-result-modes .digit-ticket-result-clear:focus-visible {
  border-color: #b9d4e8;
  background: linear-gradient(#93aabe, #62798e);
}

.indicator-results-panel:has(.digit-ticket-result-modes) {
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
}

@media (min-width: 901px) {
  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace > .indicator-list-rail {
    /* The rail is absolutely positioned with both top and bottom insets.
       A later legacy height:100% rule made it extend below the drawer and
       clipped most of the calculation result. Let the insets own its height. */
    height: auto !important;
    max-height: none !important;
    grid-template-rows: minmax(180px, 60%) minmax(220px, 40%) !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-result-rail-mount > .indicator-results-panel:has(.digit-ticket-result-modes) {
    grid-template-rows: auto auto minmax(120px, 1fr) auto !important;
  }

  html body #indicatorDrawer#indicatorDrawer.is-digit-compact-workspace
  .indicator-result-rail-mount .digit-ticket-result-modes > button {
    min-width: 0 !important;
    padding-inline: 1px !important;
    font-size: 11px !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
  }
}

.digit-ticket-result-status {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 28px;
  padding: 4px 7px;
  border: 1px solid #73879a;
  border-radius: 4px;
  background: linear-gradient(180deg, #536b80, #3e5366);
  color: #f6fbff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
  box-shadow: inset 0 1px rgba(255,255,255,.24), 0 1px 3px rgba(9,20,29,.28);
}

.digit-ticket-grouping-summary {
  display: block;
  width: 100%;
  margin-top: 3px;
  color: #d9e8ef;
  font-size: 11px;
  line-height: 1.35;
}

@media (max-width: 1280px) {
  .digit-ticket-result-modes {
    gap: 2px;
  }

  .digit-ticket-result-modes button {
    padding-inline: 1px !important;
    font-size: 10px !important;
  }

  .digit-ticket-result-status {
    padding-inline: 5px;
    font-size: 11px;
  }
}

.mobile-calc-result-modes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  padding: 7px 0 5px;
}

.mobile-calc-result-modes button {
  min-width: 0;
  min-height: 34px;
}

/* V225b: header mini pad removed (2026-09-08 user request); reserved for future overrides. */

/* V225c: ssq/dlt footer copy-ticket sizing fixed at source in ticket-bet-slip.css (flex 3→1, 34px→26px). */

/* V225d: lotto-n-out-n-controls buttons (N-out-N panel copy-ticket/clear) shrink to 26px like siblings. */
html body :is(#indicatorDrawer#indicatorDrawer, #desktopUnifiedLotteryCalculator#desktopUnifiedLotteryCalculator) .lotto-n-out-n-controls > button {
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 1px 4px !important;
  font-size: 11px !important;
  line-height: 22px !important;
}