/* V159: selection marker, aligned settings controls and consistent filter modals. */

/* A compact checkbox symbol explains the selection gutter without implying numbering. */
@media (min-width: 761px) {
  #root#root .pick-heading-date-layout-v159 {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: 4px;
    width: 100%;
    min-width: 0;
  }
  #root#root .pick-heading-date-layout-v159 > span {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  #root#root .pick-heading-select-v159 {
    width: 18px;
    height: 18px;
    margin-inline: auto;
    border: 1px solid #46596f;
    border-radius: 5px;
    color: #8192a7;
    background: #111b27;
    box-sizing: border-box;
  }
}

/* Manual and automatic date/time rows share the same baseline and control height. */
#root#root .analysis-launch-v133 {
  min-height: 48px !important;
}

/* Filter-dialog heading icons use the application's dark/lime treatment. */
#root#root .allowed-markets-modal-v49 .modal-heading-icon-v68,
#root#root .allowed-leagues-modal-v81 .modal-heading-icon-v68,
#root#root .allowed-leagues-heading-v85 > .modal-heading-icon-v68 {
  color: var(--green) !important;
  background: #142414 !important;
  border-color: #4c7c2d !important;
  box-shadow: none !important;
}

/* Each row of category cards is even; the leagues dialog stays at four columns. */
#root#root .allowed-market-groups-v49 > .allowed-market-group-v49,
#root#root .allowed-market-groups-v58 > .allowed-market-group-v49,
#root#root .allowed-leagues-scroll-v81 > .league-country-v81 {
  align-self: stretch !important;
  height: 100% !important;
  box-sizing: border-box;
}
@media (min-width: 1101px) {
  #root#root .allowed-leagues-scroll-v81 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Restore-defaults is a neutral secondary action with a lime icon. */
#root#root .allowed-markets-actions-v49 .profile-default-button-v21 {
  color: #dce6f2 !important;
  background: #0d1925 !important;
  border-color: #334b60 !important;
  box-shadow: none !important;
}
#root#root .allowed-markets-actions-v49 .profile-default-button-v21 svg {
  color: var(--green) !important;
}
@media (hover: hover) and (pointer: fine) {
  #root#root .allowed-markets-actions-v49 .profile-default-button-v21:hover {
    color: #f1f5fa !important;
    background: #17212c !important;
    border-color: #46596f !important;
  }
}