/* Path: Индикаторы_new/css/overrides.css */
:where(a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus-visible{
    outline: 2px solid var(--accent-color, #2c64d5);
    outline-offset: 2px;
    border-radius: 10px;
}


/* ===== Segmented onboarding help buttons ===== */
.filters-header__titlewrap{
  display: flex;
  align-items: center;
  gap: 10px;
}

.statistics-mode-group{
  display: flex;
  align-items: center;
  gap: 8px;
}

.sl-help-btn{
  width: 34px;
  height: 34px;
  min-width: 34px;
  padding: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
}

/* Help buttons are displayed inside card corners (not in the tabs row) */
.sl-help-btn--card{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
}

/* Anchors for in-card help buttons */
#bm-market-diagram-card,
#bm-balance-card,
#market-table-container{
  position: relative;
}
@supports not selector(:focus-visible){
    :where(a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus{
        outline: 2px solid var(--accent-color, #2c64d5);
        outline-offset: 2px;
        border-radius: 10px;
    }
}

/* === Align filters like mock (grid rows) === */
#filters-container{
    --filter-label-w: 105px;
    --filter-gap: 12px;
    --range-box-w: 160px;
    --range-dash-w: 18px;
    --buttons-left-nudge: 2px;
}

#filters-container .statistics-filter-option{
    display: grid;
    grid-template-columns: var(--filter-label-w) 1fr;
    column-gap: var(--filter-gap);
    align-items: center;
    justify-content: initial;
    gap: initial;
}

/* Lables: fix behavior, remove flex-basis influence */
#filters-container .statistics-filter-option-label{
    flex: initial;
    min-width: 0;
    max-width: none;
    width: var(--filter-label-w);
    margin: 0;
}

/* Input column stretches consistently */
#filters-container .statistics-filter-option-input{
    min-width: 0;
    width: 100%;
}

/* Selected filters should use full filter panel width (no label column split) */
#filters-container #selected-filters-option{
    grid-template-columns: minmax(0, 1fr);
}

#filters-container #selected-filters-option > #selectedFilters{
    grid-column: 1;
    width: 100%;
}

/* === Range inputs (Игры: От/До) === */
#filters-container input[type="number"],
#filters-container input[type="text"],
#filters-container input[type="date"]{
    height: 36px;
    border-radius: 12px;
}

/* Match number inputs to select styling */
#filters-container input[type="number"]{
    background: var(--input-background-color);
    color: #fff;
    border: 1px solid rgba(148, 163, 184, 0.20);
    padding: 8px 12px;
    width: 100%;
    max-width: 160px;
    box-sizing: border-box;
}

/* === Buttons row: stable alignment === */
#filters-container .statistics-buttons-row{
    margin: 10px 0 0;
    margin-left: calc(var(--filter-label-w) + var(--filter-gap) - var(--buttons-left-nudge));
    width: calc(100% - (var(--filter-label-w) + var(--filter-gap)) + var(--buttons-left-nudge));
    max-width: none;
    margin-right: 0;
    display: grid;
    grid-template-columns: var(--range-box-w) var(--range-dash-w) var(--range-box-w);
    justify-content: center;
    gap: 0;
}

#filters-container .statistics-buttons-row > .button-primary{
    grid-column: 1;
    width: 100%;
    min-width: 0;
}

#filters-container .statistics-buttons-row > .button-secondary{
    grid-column: 3;
    width: 100%;
    min-width: 0;
}

@media (max-width: 520px){
    #filters-container .statistics-buttons-row{
        display: flex;
    }
}

/* === Range (Игры): два отдельных поля От — До === */
#filters-container .range-separated{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr);
    align-items: center;
    width: 100%;
}

#filters-container .range-field{
    min-width: 0;
    width: 100%;
}

#filters-container .range-sep{
    text-align: center;
    color: var(--text-secondary-color);
    user-select: none;
    opacity: 0.9;
}

#filters-container .range-input{
    width: 100%;
    text-align: center;
    font-weight: 600;
    line-height: 1.2;
}

#filters-container .range-input:placeholder-shown{
    text-align: center;
}

#filters-container .range-input::placeholder{
    color: var(--text-secondary-color);
    opacity: 0.9;
    font-weight: 600;
}

#filters-container .range-input[type="number"]{
    appearance: textfield;
}

#filters-container .range-input[type="number"]::-webkit-outer-spin-button,
#filters-container .range-input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

/* === Numeric stepper (like Scanner) for indicators filters === */
#filters-container .ind-numWrap{
  position: relative;
  display: block;
  width: 100%;
}

/* место под стрелки внутри поля */
#filters-container .ind-numWrap > input.select-input[type="number"]{
  padding-right: 36px; /* 32-40 по вкусу */
}

/* колонка стрелок внутри поля справа */
#filters-container .ind-spin{
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  width: 26px;

  display: flex;
  flex-direction: column;

  border-left: 1px solid rgba(148,163,184,0.22);
  border-radius: 0 9px 9px 0;
  background: rgba(148,163,184,0.07);
  overflow: hidden;
}

/* подсветка разделителя при фокусе */
#filters-container .ind-numWrap:focus-within .ind-spin{
  border-left-color: rgba(59,130,246,0.45);
}

/* кнопки-стрелки */
#filters-container .ind-spinBtn{
  flex: 1 1 0;
  width: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;

  color: rgba(229,231,235,0.92);
  font-weight: 800;
  font-size: 10px;
  line-height: 1;
  padding: 0;
  cursor: pointer;
}

#filters-container .ind-spinBtn:first-child{
  border-bottom: 1px solid rgba(148,163,184,0.18);
}

#filters-container .ind-spinBtn:hover{
  background: rgba(59,130,246,0.14);
}
#filters-container .ind-spinBtn:active{
  background: rgba(59,130,246,0.20);
}
#filters-container .ind-spinBtn:disabled{
  opacity: .45;
  cursor: default;
  background: transparent;
}

/* === ЕДИНЫЕ РАЗМЕРЫ: поля От/До и кнопки Применить/Сбросить === */
#filters-container{
  --range-box-w: 160px; /* ширина контейнеров "От" и "До" (поставь как в видео) */
  --range-sep-w: 18px;  /* ширина "—" между ними */
}

/* 1) Делаем контейнеры "От" и "До" одинаковой ширины */
#filters-container .statistics-filter-range-option-container.range-separated .range-field,
#filters-container .statistics-filter-range-option-container.range-separated .ind-numWrap{
  width: var(--range-box-w);
}

/* 2) Кнопки: встают строго под "От — До" и совпадают по ширине */
#filters-container .statistics-buttons-row{
  display: grid;
  grid-template-columns: var(--range-box-w) var(--range-sep-w) var(--range-box-w);
  justify-content: center; /* вся конструкция по центру правой колонки */
  gap: 0;
}

#filters-container .statistics-buttons-row > .button-primary{
  grid-column: 1;
  width: 100%;
  min-width: 0;
}

#filters-container .statistics-buttons-row > .button-secondary{
  grid-column: 3;
  width: 100%;
  min-width: 0;
}

/* Мобильная логика: на узких экранах можно вернуть поведение "в колонку" */
@media (max-width: 520px){
  #filters-container .statistics-buttons-row{
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
  }
  #filters-container .statistics-buttons-row > .button-primary,
  #filters-container .statistics-buttons-row > .button-secondary{
    width: var(--range-box-w);
  }
}


#filters-container .sl-selected-filters-inline{
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  background: rgba(255,255,255,0.03);
  color: #9ea3ab;
  font-size: 12px;
  line-height: 1.35;
}

/* SelectedFilters: текст в 2-3 строки на всю ширину карточки */
#filters-container #selectedFilters{
  width: 100%;
}

#filters-container #selectedFilters .sf-title{
  font-size: 10px;
  font-weight: 700;
  color: var(--text-secondary-color);
  margin-bottom: 6px;
}


#filters-container #selectedFilters .sf-title--inline{
  margin-bottom: 0;
  margin-right: 6px;
}

#filters-container #selectedFilters .sf-content{
  width: 100%;
  color: #9ea3ab;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
}

#filters-container #selectedFilters .sf-val{
  color: #9ea3ab;
  font-weight: 500;
}

/* ==========================================================
   READABILITY: увеличиваем шрифты БЕЗ увеличения ширины
   карточки фильтров.

   Важно:
   - В индикаторах базовый размер шрифта задаётся через
     styles_b.css: html{font-size:62.5%} и body.f13{font-size:10px}.
     Из-за этого rem/em по умолчанию дают мелкий текст.
   - Карточка #filters-container в .layout является flex-item.
     Если увеличить шрифт и не ограничить ширину, flex может
     расширить карточку из-за min-content размеров содержимого.

   Решение:
   1) Жёстко ограничиваем ширину карточки (как после «урезания»).
   2) Поднимаем типографику ВНУТРИ карточки через px/clamp,
      не трогая размеры сетки/лейаута страницы.
   ========================================================== */

/* Line-strength: фильтры сверху, во всю ширину (как в индикаторе серий). */
.indicator-line-strength .layout{
  flex-direction: column;
  align-items: stretch;
}

.indicator-line-strength #filters-container{
  width: 100%;
  max-width: 100%;
  flex: 1 1 auto;
}

@media (min-width: 900px){
  .indicator-line-strength .layout{
    flex-direction: row;
    align-items: stretch;
  }

  .indicator-line-strength #filters-container{
    width: var(--filters-card-w, 434px);
    max-width: var(--filters-card-w, 434px);
    flex: 0 1 var(--filters-card-w, 434px);
  }

  .indicator-line-strength .statistics-cards-container{
    min-width: 0;
  }
}

/* Line-strength: actions row buttons styled like series indicator. */
.indicator-line-strength #filters-container .sl-actions-row{
  width: 100%;
  max-width: none;
  grid-column: 1 / -1;
  justify-self: end;
  justify-content: flex-end;
  gap: 10px;
}

.indicator-line-strength #filters-container .sl-action-btn{
  height: 40px;
  border-radius: 10px;
  border: none;
  padding: 0 18px;
  font-weight: 600;
  font-size: 1em;
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
}

.indicator-line-strength #filters-container .sl-action-btn--primary{
  background: linear-gradient(135deg, rgba(59, 130, 246, 1), rgba(29, 78, 216, 1));
  color: #fff;
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.25);
}

.indicator-line-strength #filters-container .sl-action-btn--primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(59, 130, 246, 0.30);
}

.indicator-line-strength #filters-container .sl-action-btn--icon{
  width: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.12);
  border: 1px solid rgba(59, 130, 246, 0.30);
  color: rgba(147, 197, 253, 1);
}

.indicator-line-strength #filters-container .sl-action-btn--icon:hover{
  background: rgba(59, 130, 246, 0.20);
}

/* 1) Фиксируем ширину карточки фильтров (не больше целевого значения)
   - 651px / 1.5 ≈ 434px (как вы и просили «в 1.5 раза»)
   - flex-shrink оставляем 1, чтобы при очень узком экране карточка могла
     ужаться и не ломать весь лейаут.
*/
#filters-container{
  --filters-card-w: 434px;
  flex: 0 1 var(--filters-card-w);
  width: var(--filters-card-w);
  max-width: var(--filters-card-w);
  min-width: 0;

  /* 2) Читаемая типографика внутри фильтров (НЕ зависит от html 62.5%) */
  font-size: clamp(13px, 0.9vw, 16px);
}

/* Line-strength: compact filters so the whole panel fits on typical laptop heights. */
body#f13 #filters-container.card{
  padding: 10px 12px;
}

body#f13 #filters-container .filters-header{
  gap: 4px;
  padding: 2px 2px 0;
}

body#f13 #filters-container .filters-header__desc{
  line-height: 1.2;
}

body#f13 #filters-container .statistics-filter-options-container{
  padding: 6px 0 4px;
  gap: 6px;
}

body#f13 #filters-container .statistics-filter-option{
  margin: 2px 0;
  gap: 6px;
}

body#f13 #filters-container .statistics-filter-option-label{
  line-height: 1.05;
}

body#f13 #filters-container .select-input,
body#f13 #filters-container input[type="number"],
body#f13 #filters-container input[type="text"],
body#f13 #filters-container input[type="date"]{
  min-height: 32px;
  height: 32px;
  padding-top: 6px;
  padding-bottom: 6px;
}

body#f13 #filters-container .statistics-buttons-row{
  margin-top: 6px;
}

body#f13 #filters-container .sl-action-btn,
body#f13 #filters-container .button-primary,
body#f13 #filters-container .button-secondary{
  height: 34px;
}

body#f13 #filters-container #selectedFilters{
  padding: 6px 8px;
}

/* Line-strength: selected-filters block should match series-indicator 1:1. */
body#f13 #filters-container #selected-filters-option{
  margin-top: 2px;
  padding-top: 0;
  border: 1px solid rgba(100, 116, 139, 0.28);
  border-radius: 12px;
  background: rgba(30, 41, 59, 0.55);
  padding: 8px 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
}

body#f13 #filters-container #selectedFilters{
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: rgba(148, 163, 184, 0.95);
  font-size: 12px;
  line-height: 1.35;
  min-height: 34px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body#f13 #filters-container #selectedFilters .sf-content,
body#f13 #filters-container #selectedFilters .sf-title,
body#f13 #filters-container #selectedFilters .sf-val{
  color: inherit;
}

body#f13 #filters-container #selectedFilters .sf-content{
  font-size: 12.688px;
  line-height: 1.35;
  font-weight: 400;
}

body#f13 #filters-container #selectedFilters .sf-title,
body#f13 #filters-container #selectedFilters .sf-title--inline,
body#f13 #filters-container #selectedFilters .sf-val{
  font-size: inherit;
  font-weight: 400;
  margin: 0;
}


/* Game-count: keep selected filters summary in normal flow so it stays inside the filters card. */
.indicator-game-count #filters-container .statistics-selected-filters-wrap{
  margin-top: 8px;
  padding-top: 0;
}

/*
  Game-count: FIX layout bug where "Выбранные фильтры" block visually slips OUTSIDE
  the filters card.

  Root cause:
    .statistics-filter-options-container has height: 100% (statistics.css)
    and the card is stretched by the flex row.
    So header height + 100%-container => overflow.

  Fix:
    make the filters card a flex column and let the options container flex
    (height:auto) so it fits under the header.
*/
.indicator-game-count #filters-container.card{
  display: flex;
  flex-direction: column;
}

.indicator-game-count #filters-container #filter-container.statistics-filter-options-container{
  flex: 1 1 auto;
  height: auto; /* override statistics.css height:100% */
  min-height: 0;
}

/* Game-count: selected-filters block should match series-indicator style (border + background). */
.indicator-game-count #filters-container .statistics-selected-filters-wrap{
  margin-top: 8px;
  padding-top: 0;

  border: 1px solid rgba(100, 116, 139, 0.28);
  border-radius: 12px;
  background: rgba(30, 41, 59, 0.55);
  padding: 8px 10px;

  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.indicator-game-count #filters-container #selectedFilters.statistics-selected-filters{
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;

  color: rgba(148, 163, 184, 0.95);
  font-size: 12px;
  line-height: 1.35;
  min-height: 34px;

  width: 100%;
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* На очень узких экранах (телефон) карточка пусть занимает всю ширину */
@media (max-width: 520px){
  #filters-container{
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
  }
}

/* Привязываем ключевые элементы к новому базовому размеру */
#filters-container .select-input,
#filters-container .select-dropdown,
#filters-container .select-item,
#filters-container .button-primary,
#filters-container .button-secondary{
  font-size: 1em;
}

/* Лейблы слева: больше и читаемее (вместо «жёстких» 12px из statistics.css) */
#filters-container .statistics-filter-option-label{
  font-size: 0.92em;
}

/* Пункты выпадающих списков: чуть комфортнее межстрочный */
#filters-container .select-item{
  line-height: 1.25;
  padding: 8px 12px;
}

/* Суффикс «(на дату)» — меньше, но не микро */
#filters-container .select-item__date-note{
  font-size: 0.85em;
}

/* === FIX: "Игры: От—До" и кнопки должны жить в ширине правой колонки фильтров === */
#filters-container{
  --range-dash-w: 18px; /* ширина колонки с "—" */
}

/* 1) Диапазон От—До: всегда влезает в правую колонку */
#filters-container .statistics-filter-range-option-container.range-separated{
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--range-dash-w) minmax(0, 1fr);
  align-items: center;
  width: 100%;
  min-width: 0;
}

/* перебиваем фиксированную ширину из блока "ЕДИНЫЕ РАЗМЕРЫ" */
#filters-container .statistics-filter-range-option-container.range-separated .range-field,
#filters-container .statistics-filter-range-option-container.range-separated .ind-numWrap{
  width: 100%;
  min-width: 0;
}

/* range-input должен растягиваться, а не упираться в max-width:160px */
#filters-container .statistics-filter-range-option-container.range-separated input.select-input[type="number"]{
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

/* 2) Кнопки: та же сетка, что и От—До, и строго в ширине правой колонки */
#filters-container .statistics-buttons-row{
  /* сохраняем привязку к правой колонке (как у тебя уже сделано) */
  margin-left: calc(var(--filter-label-w) + var(--filter-gap) - var(--buttons-left-nudge));
  width: calc(100% - (var(--filter-label-w) + var(--filter-gap)) + var(--buttons-left-nudge));

  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--range-dash-w) minmax(0, 1fr);
  justify-content: stretch;
  gap: 0;
}

#filters-container .statistics-buttons-row > .button-primary{
  grid-column: 1;
  width: 100%;
  min-width: 0;
}

#filters-container .statistics-buttons-row > .button-secondary{
  grid-column: 3;
  width: 100%;
  min-width: 0;
}

/* ==========================================================
   Statistics (Диаграмма / Сводная) — адаптивные шрифты
   по той же логике, что и #filters-container
   ========================================================== */

.statistics-cards-container{
  font-size: clamp(13px, 0.9vw, 16px);
}

/* Traffic indicator: let the table card occupy all free horizontal space
   in the main .layout row instead of shrinking to its content width. */
#market-container.statistics-cards-container{
  margin: 0;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}

/* Game-count: wide enough for histogram day cards without spanning the whole page. */
#chart-bars-container.statistics-cards-container{
  margin: 0;
  flex: 0 1 1200px;
  width: min(100%, 1200px);
  max-width: 1200px;
  min-width: 0;
  align-self: stretch;
}

/* Game-count histogram: keep dense day cards readable on both wide and narrow viewports. */
.indicator-game-count .statistics-game-count-chart-content{
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 236px;
  --statistics-day-col-min: 132px;
}

.indicator-game-count .statistics-game-count-chart-content .statistics-bars,
.indicator-game-count .statistics-game-count-chart-content .statistics-day-cards,
.indicator-game-count .statistics-game-count-chart-content .statistics-grid{
  box-sizing: border-box;
  min-width: max(100%, var(--statistics-chart-min-width, 0px));
}

.indicator-game-count .statistics-game-count-chart-content .statistics-bars,
.indicator-game-count .statistics-game-count-chart-content .statistics-day-cards{
  gap: 10px;
  grid-template-columns: repeat(var(--statistics-cols, 7), minmax(var(--statistics-day-col-min, 132px), 1fr));
}

.indicator-game-count .statistics-game-count-chart-content .statistics-day-cards{
  overflow-x: hidden;
  overflow-y: hidden;
  box-sizing: border-box;
  min-width: max(calc(100% - 32px), calc(var(--statistics-chart-min-width, 32px) - 32px));
  padding: 10px 14px 12px;
  gap: 10px;
  border-radius: 0 0 12px 12px;
}

.indicator-game-count .statistics-game-count-chart-content .statistics-day-card{
  box-sizing: border-box;
  min-width: var(--statistics-day-col-min, 132px);
  padding: 7px 8px 8px;
  border-radius: 8px;
  gap: 5px;
}

.indicator-game-count .statistics-game-count-chart-content .statistics-card-line{
  width: 100%;
  gap: 8px;
  min-width: 0;
  box-sizing: border-box;
  padding: 0 2px;
}

.indicator-game-count .statistics-game-count-chart-content .statistics-card-label{
  min-width: 0;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.indicator-game-count .statistics-game-count-chart-content .statistics-card-value{
  flex: 1 1 auto;
  min-width: 0;
  text-align: right;
  padding-right: 2px;
}

.indicator-game-count .statistics-game-count-chart-content .statistics-day-badge{
  margin-bottom: 9px;
}

.indicator-game-count .statistics-game-count-chart-content .statistics-day-card-week-data{
  max-height: 94px;
  padding-right: 7px;
  margin-top: 10px;
  scrollbar-gutter: stable;
}

.indicator-game-count .statistics-game-count-chart-content .statistics-day-card-week-data .statistics-card-line{
  padding-right: 0;
}

.indicator-game-count .statistics-game-count-chart-content .statistics-col,
.indicator-game-count .statistics-game-count-chart-content .statistics-day-card{
  cursor: pointer;
}

.indicator-game-count .statistics-game-count-chart-content .statistics-col:focus-visible,
.indicator-game-count .statistics-game-count-chart-content .statistics-day-card:focus-visible{
  outline: 2px solid #3b82f6;
  outline-offset: 4px;
}

body.gc-day-modal-open{
  overflow: hidden;
}

.indicator-game-count .gc-day-modal[hidden]{
  display: none !important;
}

.indicator-game-count .gc-day-modal{
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.indicator-game-count .gc-day-modal.is-open{
  display: flex;
}

.indicator-game-count .gc-day-modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(4, 10, 20, 0.76);
  backdrop-filter: blur(3px);
}

.indicator-game-count .gc-day-modal__dialog{
  position: relative;
  width: min(720px, calc(100vw - 40px));
  max-height: min(760px, calc(100vh - 40px));
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 22px;
  border: 1px solid rgba(83, 151, 255, 0.42);
  border-radius: 14px;
  background: #152238;
  color: #eef5ff;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.46);
}

.indicator-game-count .gc-day-modal__close{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(145, 168, 207, 0.22);
  border-radius: 8px;
  background: rgba(17, 31, 52, 0.88);
  color: #aab7cf;
  font-size: 22px;
  line-height: 28px;
  cursor: pointer;
}

.indicator-game-count .gc-day-modal__close:hover,
.indicator-game-count .gc-day-modal__close:focus-visible{
  border-color: rgba(83, 151, 255, 0.7);
  color: #ffffff;
  outline: none;
}

.indicator-game-count .gc-day-modal__eyebrow{
  color: #9fb4d2;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.indicator-game-count .gc-day-modal__title{
  margin: -8px 42px 0 0;
  font-size: 20px;
  line-height: 1.15;
  color: #ffffff;
}

.indicator-game-count .gc-day-modal__summary{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.indicator-game-count .gc-day-modal__stat{
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid rgba(83, 151, 255, 0.24);
  border-radius: 10px;
  background: rgba(13, 27, 48, 0.78);
}

.indicator-game-count .gc-day-modal__stat-label{
  display: block;
  margin-bottom: 6px;
  color: #9fb4d2;
  font-size: 11px;
  font-weight: 800;
}

.indicator-game-count .gc-day-modal__stat strong{
  display: block;
  color: #4ade80;
  font-size: 16px;
  line-height: 1.15;
  word-break: break-word;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.indicator-game-count .gc-day-modal__table-wrap{
  overflow: auto;
  max-height: min(440px, 50vh);
  border: 1px solid rgba(83, 151, 255, 0.24);
  border-radius: 10px;
  background: rgba(10, 22, 40, 0.64);
  scrollbar-gutter: stable;
}

.indicator-game-count .gc-day-modal__table{
  width: 100%;
  border-collapse: collapse;
  min-width: 520px;
}

.indicator-game-count .gc-day-modal__table th,
.indicator-game-count .gc-day-modal__table td{
  padding: 10px 14px;
  border-bottom: 1px solid rgba(83, 151, 255, 0.16);
  color: #c4d7ef;
  font-size: 13px;
  line-height: 1.25;
  text-align: right;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.indicator-game-count .gc-day-modal__table th:first-child,
.indicator-game-count .gc-day-modal__table td:first-child{
  text-align: left;
}

.indicator-game-count .gc-day-modal__table th{
  position: sticky;
  top: 0;
  z-index: 1;
  background: #1b2b45;
  color: #a9c8f5;
  font-weight: 800;
}

.indicator-game-count .gc-day-modal__table tbody tr:nth-child(even) td{
  background: rgba(255, 255, 255, 0.025);
}

.indicator-game-count .gc-day-modal__table tbody tr:last-child td{
  border-bottom: 0;
}

.indicator-game-count .gc-day-modal__empty{
  text-align: center !important;
  color: #9fb4d2 !important;
}

@media (max-width: 640px){
  .indicator-game-count .gc-day-modal{
    padding: 12px;
  }

  .indicator-game-count .gc-day-modal__dialog{
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    padding: 18px;
  }

  .indicator-game-count .gc-day-modal__summary{
    grid-template-columns: 1fr;
  }

  .indicator-game-count .gc-day-modal__table{
    min-width: 460px;
  }
}

/* На узких экранах — карточка на всю ширину (как обычно в адаптиве) */
@media (max-width: 1200px){
  #chart-bars-container.statistics-cards-container{
    max-width: none;
    flex: 1 1 auto;
  }
}

/* Game-count page: force full-width main area even if external lk.css narrows flex items. */
.indicator-game-count .conteiner{
  align-items: stretch !important;
}

.indicator-game-count .conteiner > main{
  width: 100% !important;
  max-width: none !important;
  align-self: stretch;
}

.indicator-game-count main .layout{
  width: 100% !important;
  max-width: none !important;
}

.statistics-cards-container .button-primary,
.statistics-cards-container .button-secondary{
  font-size: 1em;
}

.statistics-cards-container .select-input,
.statistics-cards-container .select-item{
  font-size: 1em !important;
}

.statistics-cards-container .statistics-table-container{
  font-size: 1em;
}

.statistics-cards-container .statistics-table-container table th.sortable span{
  font-size: 0.85em;
}

.statistics-cards-container .statistics-piechart-legend{
  font-size: 1em;
}

/* ==========================================================
   Statistics typography fixes
   - "Рынок" / "Букмекер" titles stuck at 12px because of legacy global h2 styles.
   - "Показать %: ..." dropdown looked misaligned after enabling adaptive fonts.
   ========================================================== */

/* statistics.css contains a typo: justify-content: canter; (ignored). */
.statistics-cards-container .statistics-table-header-line{
  justify-content: center;
}

/* Titles should scale with .statistics-cards-container font-size */
.statistics-cards-container .statistics-table-header-line h2{
  font-size: 1.1em !important;
  line-height: 1.2;
  font-weight: 700;
}

/* Keep chart header titles consistent (override fixed 18px in statistics.css) */
.statistics-cards-container .statistics-chart-header h2{
  font-size: 1.1em !important;
  line-height: 1.2;
}

/* "Показать %: ..." is a DIV with .select-input (height:36px + big padding).
   Center text and remove vertical padding so it doesn't look "crooked". */
.statistics-cards-container .statistics-input-dropdown.select-input{
  height: 36px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Dropdown items: slightly better line-height under adaptive font */
.statistics-cards-container .select-dropdown .select-item{
  line-height: 1.25;
}

/* bookmaker-market.html uses .statistics-pie-legend */
.statistics-cards-container .statistics-pie-legend{
  font-size: 1em;
}

/* Buttons groups inside statistics sometimes use inline font-size:14px; override it */
.statistics-cards-container .statistics-mode-buttons{
  font-size: 1em !important;
}

.statistics-cards-container .statistics-mode-buttons .button-primary,
.statistics-cards-container .statistics-mode-buttons .button-secondary{
  font-size: 1em !important;
}

/* === Bookmaker-market: % filter (kind + range) === */
#filters-container #percent-filter-row{
  align-items: center;
}

#filters-container #percent-filter-combo{
  display: block;
}

/* === Bookmaker Market: back button inside "no data" overlays (summary tables) === */
.statistics-diagram-no-data .statistics-no-data-back{
    font-size: 14px;
    height: 34px;
    padding: 0 18px;
}

#filters-container #percent-filter-combo > .statistics-filter-range-option-container{
  width: 100%;
}

body.indicator-line-strength #filters-container .range-input:placeholder-shown{
  text-align: center;
}

body.indicator-line-strength #filters-container #games-min-select-input.range-input:placeholder-shown,
body.indicator-line-strength #filters-container #games-max-select-input.range-input:placeholder-shown{
  padding-left: 6px;
  padding-right: 18px;
}

/* === Bookmaker Market: table "Показать %" dropdown sizing ===
   - Market table: keep options in one line.
   - Bookmaker table: do not stretch dropdown to full table width.
*/

/* Wrapper shrink-to-fit (otherwise it's block and stretches full width) */
#table_percent_type_div_market,
#table_percent_type_div_bookmaker{
  display: inline-block;
  width: auto !important;
}

/* Dropdown: avoid right:0 stretching, size to content */
#table_percent_type_list_market,
#table_percent_type_list_bookmaker{
  left: 0 !important;
  right: auto !important;
  width: max-content !important;
  min-width: 100% !important;
}

/* Prevent line breaks inside options */
#table_percent_type_list_market .select-item,
#table_percent_type_list_bookmaker .select-item,
#table_percent_type_list_market .select-item span,
#table_percent_type_list_bookmaker .select-item span{
  white-space: nowrap;
}

.statistics-category-percent-row{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  min-height: 36px;
  margin-bottom: 12px;
}

.statistics-category-percent-summary{
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 340px;
  min-width: 0;
  flex-wrap: wrap;
}

.statistics-category-percent-chip{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid rgba(72, 150, 255, .28);
  border-radius: 8px;
  background: rgba(21, 44, 78, .72);
  color: var(--text-primary-color);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.statistics-category-percent-chip__label{
  color: var(--text-secondary-color);
}

.statistics-category-percent-chip__value{
  color: var(--win-color);
}

@media (max-width: 700px){
  .statistics-category-percent-row{
    align-items: stretch;
  }

  .statistics-category-percent-summary{
    flex: 1 1 100%;
  }

  .statistics-category-percent-chip{
    flex: 1 1 calc(50% - 6px);
  }
}

/* === Bookmaker-market: Balance block (market vs bookmaker shares) === */

.bm-balance-card{
  padding: 14px 16px;
}

.bm-balance{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bm-balance__title{
  font-weight: 700;
  font-size: 1em;
  text-align: center;
  color: var(--text-color);
}

.bm-balance__row{
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.bm-balance__row:first-of-type{
  border-top: none;
  padding-top: 0;
}

.bm-balance__row-head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.bm-balance__row-label{
  color: var(--text-secondary-color);
  font-weight: 600;
}

.bm-balance__row-total{
  color: var(--text-secondary-color);
  font-size: 0.95em;
  white-space: nowrap;
}

.bm-balance__bar{
  height: 10px;
  background: rgba(255, 255, 255, 0.10);
  border-radius: 999px;
  overflow: hidden;
  display: flex;
}

.bm-balance__bar-seg{
  height: 100%;
}

.bm-balance__bar-seg--market{
  background: var(--down, var(--lose-color));
  opacity: 0.85;
}

.bm-balance__bar-seg--bookmaker{
  background: var(--up, var(--win-color));
  opacity: 0.85;
}

.bm-balance__row-values{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 0.95em;
}

.bm-balance__value{
  white-space: nowrap;
}

.bm-balance__value--market{
  color: var(--down, var(--lose-color));
}

.bm-balance__value--bookmaker{
  color: var(--up, var(--win-color));
  text-align: right;
}

.bm-balance__hint{
  color: var(--text-secondary-color);
  font-size: 0.9em;
  text-align: center;
  padding-top: 2px;
}

@media (max-width: 520px){
  .bm-balance__row-values{
    flex-direction: column;
    align-items: flex-start;
  }

  .bm-balance__value--bookmaker{
    text-align: left;
  }
}

/* === Bookmaker-market: Diagram layout (balance on top, charts below) === */

#diagram.statistics-bookmaker-market-card-container{
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  width: 100%;
  height: 100%;
  align-items: stretch;
}

#diagram.statistics-bookmaker-market-card-container #bm-balance-card{
  grid-column: 1 / -1;
}

/* Accent borders like in the mock */
#diagram.statistics-bookmaker-market-card-container .bm-diagram-card--market{
  border: 2px solid var(--down, var(--lose-color));
}

#diagram.statistics-bookmaker-market-card-container .bm-diagram-card--bookmaker{
  border: 2px solid var(--up, var(--win-color));
}

@media (max-width: 1470px){
  #diagram.statistics-bookmaker-market-card-container{
    grid-template-columns: 1fr;
  }

  #diagram.statistics-bookmaker-market-card-container #bm-balance-card{
    grid-column: auto;
  }
}

/* === Line-strength: structure from mock (v3) — only layout, no theme changes === */
.indicator-line-strength #filters-container .filters-header__toggles.sl-header-controls,
#filters-container .filters-header__toggles.sl-header-controls{
  gap: 12px;
}

.indicator-line-strength #filters-container .sl-header-control,
#filters-container .sl-header-control{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.indicator-line-strength #filters-container .sl-header-control__label,
#filters-container .sl-header-control__label{
  font-size: var(--fs-xxs);
  color: var(--text-secondary-color);
  opacity: 0.9;
  line-height: 1.1;
  white-space: nowrap;
}

.indicator-line-strength #filters-container .sl-header-actions,
#filters-container .sl-header-actions{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  width: auto;
  max-width: none;
}

.indicator-line-strength #filters-container .sl-header-actions > .button-primary,
.indicator-line-strength #filters-container .sl-header-actions > .button-secondary,
#filters-container .sl-header-actions > .button-primary,
#filters-container .sl-header-actions > .button-secondary{
  width: auto;
  min-width: 140px;
}

.indicator-line-strength #filters-container .sl-filter-container,
#filters-container .sl-filter-container{
  gap: 14px;
}

.indicator-line-strength #filters-container .sl-filters-grid,
#filters-container .sl-filters-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px 14px;
  width: 100%;
}

.indicator-line-strength #filters-container .sl-filters-grid .statistics-filter-option,
#filters-container .sl-filters-grid .statistics-filter-option{
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  width: 100%;
}

.indicator-line-strength #filters-container .sl-filters-grid .statistics-filter-option-label,
#filters-container .sl-filters-grid .statistics-filter-option-label{
  width: auto;
  max-width: none;
  min-width: 0;
  font-size: var(--fs-xxs);
}

.indicator-line-strength #filters-container .sl-filters-grid .statistics-filter-option-input,
#filters-container .sl-filters-grid .statistics-filter-option-input{
  width: 100%;
}

/* Line-strength: place games/% range group into the right-side gap. */
.indicator-line-strength #filters-container .sl-range-group{
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  grid-column: 1 / -1;
  justify-content: end;
  gap: 14px;
  width: 100%;
}

.indicator-line-strength #filters-container .sl-range-group .statistics-filter-option{
  min-width: 0;
}

/* Wide fields */
@media (min-width: 980px){
  .indicator-line-strength #filters-container .sl-span-2,
  #filters-container .sl-span-2{
    grid-column: span 2;
  }

  .indicator-line-strength #filters-container .sl-actions-row.sl-span-2{
    grid-column: 1 / span 2;
  }
}

/* Mobile: header controls stack cleanly */
@media (max-width: 640px){
  .indicator-line-strength #filters-container .sl-header-control,
  #filters-container .sl-header-control{
    min-width: 0;
    width: 100%;
  }
  .indicator-line-strength #filters-container .sl-header-actions,
  #filters-container .sl-header-actions{
    width: 100%;
  }
  .indicator-line-strength #filters-container .sl-header-actions > .button-primary,
  .indicator-line-strength #filters-container .sl-header-actions > .button-secondary,
  #filters-container .sl-header-actions > .button-primary,
  #filters-container .sl-header-actions > .button-secondary{
    flex: 1 1 140px;
  }
}

/* ===== APIND busy overlay (like Scanner busy overlay) ===== */
body.is-apind-busy{
  overflow: hidden;
}

/* Fullscreen overlay that blocks any interactions */
.apind-busyOverlay{
  position: fixed;
  inset: 0;
  z-index: 200000; /* above onboarding tour (100000) */
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(2, 6, 23, 0.45);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  pointer-events: all; /* important: block clicks */
  cursor: progress;
}

.apind-busyOverlay__card{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(15, 23, 42, 0.92);
  box-shadow: 0 18px 40px rgba(0,0,0,0.45);
  max-width: min(520px, calc(100vw - 24px));
}

.apind-busyOverlay__spinner{
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 2px solid rgba(226, 232, 240, 0.22);
  border-top-color: rgba(59, 130, 246, 0.95);
  animation: apindBusySpin 0.9s linear infinite;
  flex: 0 0 auto;
}

.apind-busyOverlay__text{
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.apind-busyOverlay__title{
  font-weight: 700;
  color: rgba(226, 232, 240, 0.96);
  font-size: 14px;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.apind-busyOverlay__sub{
  color: rgba(148, 163, 184, 0.95);
  font-size: 12px;
  line-height: 1.25;
}

@keyframes apindBusySpin{
  to{ transform: rotate(360deg); }
}

/* === Light theme: Line-strength indicator === */
html[data-theme="light"]:has(body#f13.indicator-line-strength){
  --background-color: #f3f7fb;
  --card-color: #ffffff;
  --header-color: #f8fbff;
  --text-color: #102033;
  --text-primary-color: #102033;
  --text-secondary-color: #64748b;
  --accent-color: #2162d6;
  --accent-hover-color: #174ba8;
  --input-background-color: #ffffff;
  --input-placeholder-color: #94a3b8;
  --return-color: #64748b;
  --tooltip-background-color: #ffffff;
  --tooltip-border-color: #cbd5e1;
  --scroll-track-color: #edf2f8;
  --scroll-thumb-color: #b7c4d8;
  --scroll-thumb-hover-color: #94a3b8;
  --grid: #dbe5f1;
  --bg: var(--background-color);
  --panel: var(--card-color);
  --text: var(--text-color);
  --muted: var(--text-secondary-color);
  color-scheme: light;
}

html[data-theme="light"] body#f13.indicator-line-strength{
  --background-color: #f3f7fb;
  --card-color: #ffffff;
  --header-color: #f8fbff;
  --text-color: #102033;
  --text-primary-color: #102033;
  --text-secondary-color: #64748b;
  --accent-color: #2162d6;
  --accent-hover-color: #174ba8;
  --input-background-color: #ffffff;
  --input-placeholder-color: #94a3b8;
  --return-color: #64748b;
  --tooltip-background-color: #ffffff;
  --tooltip-border-color: #cbd5e1;
  --scroll-track-color: #edf2f8;
  --scroll-thumb-color: #b7c4d8;
  --scroll-thumb-hover-color: #94a3b8;
  --grid: #dbe5f1;
  --bg: var(--background-color);
  --panel: var(--card-color);
  --text: var(--text-color);
  --muted: var(--text-secondary-color);

  color: var(--text-color);
  background:
    radial-gradient(circle at 16% 8%, rgba(33, 98, 214, 0.10), transparent 30%),
    linear-gradient(180deg, #f7fbff 0%, #edf3fa 100%);
  color-scheme: light;
}

html[data-theme="light"] body#f13.indicator-line-strength::-webkit-scrollbar,
html[data-theme="light"] body#f13.indicator-line-strength *::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}

html[data-theme="light"] body#f13.indicator-line-strength::-webkit-scrollbar-track,
html[data-theme="light"] body#f13.indicator-line-strength *::-webkit-scrollbar-track{
  background: #edf2f8;
  border-radius: 999px;
}

html[data-theme="light"] body#f13.indicator-line-strength::-webkit-scrollbar-thumb,
html[data-theme="light"] body#f13.indicator-line-strength *::-webkit-scrollbar-thumb{
  background: #b7c4d8;
  border: 2px solid #edf2f8;
  border-radius: 999px;
}

html[data-theme="light"] body#f13.indicator-line-strength::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] body#f13.indicator-line-strength *::-webkit-scrollbar-thumb:hover{
  background: #94a3b8;
}

html[data-theme="light"] body#f13.indicator-line-strength .conteiner,
html[data-theme="light"] body#f13.indicator-line-strength main{
  background: transparent;
  color: var(--text-color);
}

html[data-theme="light"] body#f13.indicator-line-strength .card,
html[data-theme="light"] body#f13.indicator-line-strength #filters-container.card,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-bookmaker-market-header-container,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-bookmaker-market-card-container > .card,
html[data-theme="light"] body#f13.indicator-line-strength .bm-balance-card,
html[data-theme="light"] body#f13.indicator-line-strength .bm-diagram-card{
  border-color: rgba(148, 163, 184, 0.28);
  background: rgba(255, 255, 255, 0.94);
  color: var(--text-color);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] body#f13.indicator-line-strength .filters-header__title,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-page-header__title,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-chart-header h2,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-diagram-title,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-table-percent-game-count-text,
html[data-theme="light"] body#f13.indicator-line-strength .bm-balance__title,
html[data-theme="light"] body#f13.indicator-line-strength .match-dates-total,
html[data-theme="light"] body#f13.indicator-line-strength .date-day,
html[data-theme="light"] body#f13.indicator-line-strength .match-teams,
html[data-theme="light"] body#f13.indicator-line-strength .main-score,
html[data-theme="light"] body#f13.indicator-line-strength .modal-title{
  color: var(--text-color) !important;
}

html[data-theme="light"] body#f13.indicator-line-strength .filters-header__eyebrow,
html[data-theme="light"] body#f13.indicator-line-strength .filters-header__desc,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-page-header__desc,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-filter-option-label,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-table-container,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-grid-label,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-bar-label,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-legend,
html[data-theme="light"] body#f13.indicator-line-strength .bm-balance__row-label,
html[data-theme="light"] body#f13.indicator-line-strength .bm-balance__row-total,
html[data-theme="light"] body#f13.indicator-line-strength .bm-balance__hint,
html[data-theme="light"] body#f13.indicator-line-strength .modal-content,
html[data-theme="light"] body#f13.indicator-line-strength .match-dates-summary,
html[data-theme="light"] body#f13.indicator-line-strength .match-dates-empty,
html[data-theme="light"] body#f13.indicator-line-strength .match-dates-table th,
html[data-theme="light"] body#f13.indicator-line-strength .match-dates-table .match-meta,
html[data-theme="light"] body#f13.indicator-line-strength .league-name,
html[data-theme="light"] body#f13.indicator-line-strength .team-name.is-opponent,
html[data-theme="light"] body#f13.indicator-line-strength .match-odds-line,
html[data-theme="light"] body#f13.indicator-line-strength .match-odds-open,
html[data-theme="light"] body#f13.indicator-line-strength .half-score{
  color: var(--text-secondary-color) !important;
}

html[data-theme="light"] body#f13.indicator-line-strength .filters-header__tab,
html[data-theme="light"] body#f13.indicator-line-strength .filters-header__returns-toggle,
html[data-theme="light"] body#f13.indicator-line-strength .button-secondary,
html[data-theme="light"] body#f13.indicator-line-strength .sl-tour-btn{
  border-color: rgba(148, 163, 184, 0.32);
  background: #ffffff;
  color: #102033;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] body#f13.indicator-line-strength .filters-header__tab.is-active,
html[data-theme="light"] body#f13.indicator-line-strength .filters-header__returns-toggle.is-on,
html[data-theme="light"] body#f13.indicator-line-strength .button-primary,
html[data-theme="light"] body#f13.indicator-line-strength .sl-tour-btn--primary{
  border-color: transparent;
  background: #2162d6;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(33, 98, 214, 0.18);
}

html[data-theme="light"] body#f13.indicator-line-strength .button-secondary:hover,
html[data-theme="light"] body#f13.indicator-line-strength .filters-header__returns-toggle:hover,
html[data-theme="light"] body#f13.indicator-line-strength .sl-tour-btn:hover{
  border-color: rgba(33, 98, 214, 0.28);
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-line-strength .select-input,
html[data-theme="light"] body#f13.indicator-line-strength input[type="number"],
html[data-theme="light"] body#f13.indicator-line-strength input[type="text"],
html[data-theme="light"] body#f13.indicator-line-strength input[type="date"],
html[data-theme="light"] body#f13.indicator-line-strength .bmcal__toggle{
  border-color: rgba(148, 163, 184, 0.34) !important;
  background: #ffffff !important;
  color: #102033 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] body#f13.indicator-line-strength .select-input::placeholder,
html[data-theme="light"] body#f13.indicator-line-strength input::placeholder{
  color: #94a3b8;
  opacity: 1;
}

html[data-theme="light"] body#f13.indicator-line-strength .select-dropdown,
html[data-theme="light"] body#f13.indicator-line-strength .calendar-container,
html[data-theme="light"] body#f13.indicator-line-strength .bmcal__panel{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.14);
}

html[data-theme="light"] body#f13.indicator-line-strength .select-item{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-line-strength .select-item:hover,
html[data-theme="light"] body#f13.indicator-line-strength .select-item.active{
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-line-strength #filters-container .ind-spin{
  border-left-color: rgba(148, 163, 184, 0.34);
  background: #f4f8fd;
}

html[data-theme="light"] body#f13.indicator-line-strength #filters-container .ind-spinBtn{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-line-strength #filters-container .ind-spinBtn:first-child{
  border-bottom-color: rgba(148, 163, 184, 0.24);
}

html[data-theme="light"] body#f13.indicator-line-strength #filters-container .ind-spinBtn:hover{
  background: rgba(33, 98, 214, 0.08);
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-selected-filters,
html[data-theme="light"] body#f13.indicator-line-strength #filters-container #selected-filters-option,
html[data-theme="light"] body#f13.indicator-line-strength #filters-container .sl-selected-filters-inline{
  border-color: rgba(148, 163, 184, 0.28);
  background: #f8fbff;
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-line-strength #filters-container #selectedFilters,
html[data-theme="light"] body#f13.indicator-line-strength #filters-container #selectedFilters .sf-content,
html[data-theme="light"] body#f13.indicator-line-strength #filters-container #selectedFilters .sf-title,
html[data-theme="light"] body#f13.indicator-line-strength #filters-container #selectedFilters .sf-val{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-info-btn,
html[data-theme="light"] body#f13.indicator-line-strength .sl-help-btn{
  border: 1px solid rgba(33, 98, 214, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-info-btn:hover,
html[data-theme="light"] body#f13.indicator-line-strength .sl-help-btn:hover{
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-chart-content,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-day-cards,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-day-card,
html[data-theme="light"] body#f13.indicator-line-strength .traffic-summary__content,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-traffic-indicator-bars-wrap{
  border-color: rgba(148, 163, 184, 0.24);
  background-color: #f8fbff;
  color: #102033;
  box-shadow: none;
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-grid-line{
  background: rgba(148, 163, 184, 0.28);
}

html[data-theme="light"] body#f13.indicator-line-strength .bm-balance__row,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-table-container table tbody td,
html[data-theme="light"] body#f13.indicator-line-strength .match-dates-table th,
html[data-theme="light"] body#f13.indicator-line-strength .match-dates-table td,
html[data-theme="light"] body#f13.indicator-line-strength .match-dates-summary,
html[data-theme="light"] body#f13.indicator-line-strength .match-row{
  border-color: rgba(148, 163, 184, 0.24);
}

html[data-theme="light"] body#f13.indicator-line-strength .bm-balance__bar,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-traffic-indicator-bar-bg,
html[data-theme="light"] body#f13.indicator-line-strength .main-score{
  background: #edf3fa;
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-table-container table th,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-table-container table th::before{
  border-color: rgba(148, 163, 184, 0.26);
  background: #eef4fb;
  color: #334155;
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-table-container table tbody td{
  color: #334155;
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-table-container table tbody td:first-child{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-table-container table tr:nth-child(even){
  background-color: rgba(226, 232, 240, 0.36);
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-table-name-link,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-table-dates-btn{
  color: #2162d6;
}

html[data-theme="light"] body#f13.indicator-line-strength .match-row:hover{
  background-color: rgba(33, 98, 214, 0.06);
}

html[data-theme="light"] body#f13.indicator-line-strength .team-name.is-target,
html[data-theme="light"] body#f13.indicator-line-strength .match-odds-close{
  color: #102033;
  text-shadow: none;
}

html[data-theme="light"] body#f13.indicator-line-strength .badge-outcome{
  background: #eef4ff;
  color: #0f4fa8;
  border-color: rgba(33, 98, 214, 0.24);
}

html[data-theme="light"] body#f13.indicator-line-strength .modal-overlay{
  background: rgba(15, 23, 42, 0.22) !important;
}

html[data-theme="light"] body#f13.indicator-line-strength .modal-container,
html[data-theme="light"] body#f13.indicator-line-strength .modal-container.match-dates-modal{
  border-color: rgba(148, 163, 184, 0.28) !important;
  background: #ffffff !important;
  color: #102033 !important;
  box-shadow: 0 24px 62px rgba(15, 23, 42, 0.18) !important;
}

html[data-theme="light"] body#f13.indicator-line-strength .modal-close-btn,
html[data-theme="light"] body#f13.indicator-line-strength .sl-tour-tooltip__close{
  color: #64748b !important;
}

html[data-theme="light"] body#f13.indicator-line-strength .modal-close-btn:hover,
html[data-theme="light"] body#f13.indicator-line-strength .sl-tour-tooltip__close:hover{
  background: #eef4ff;
  color: #102033 !important;
}

html[data-theme="light"] body#f13.indicator-line-strength .sl-tour-overlay.sl-tour-overlay--dim{
  background: rgba(15, 23, 42, 0.24);
}

html[data-theme="light"] body#f13.indicator-line-strength .sl-tour-highlight{
  border-color: rgba(33, 98, 214, 0.88);
  box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.32);
}

html[data-theme="light"] body#f13.indicator-line-strength .sl-tour-tooltip,
html[data-theme="light"] body#f13.indicator-line-strength .statistics-tooltip{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-tooltip::after{
  border-top-color: #ffffff;
}

html[data-theme="light"] body#f13.indicator-line-strength .sl-tour-tooltip__text{
  color: #475569;
}

html[data-theme="light"] body#f13.indicator-line-strength .sl-tour-tooltip__counter,
html[data-theme="light"] body#f13.indicator-line-strength .sl-tour-tooltip__step{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-line-strength .calendar-container .button,
html[data-theme="light"] body#f13.indicator-line-strength .cal__day.is-selected,
html[data-theme="light"] body#f13.indicator-line-strength .cal__day.is-range-start,
html[data-theme="light"] body#f13.indicator-line-strength .cal__day.is-range-end,
html[data-theme="light"] body#f13.indicator-line-strength .cal__month.is-selected,
html[data-theme="light"] body#f13.indicator-line-strength .cal__month.is-range-start,
html[data-theme="light"] body#f13.indicator-line-strength .cal__month.is-range-end{
  border-color: rgba(33, 98, 214, 0.38);
  background: #2162d6;
  color: #ffffff;
}

html[data-theme="light"] body#f13.indicator-line-strength .cal__title,
html[data-theme="light"] body#f13.indicator-line-strength .cal__week,
html[data-theme="light"] body#f13.indicator-line-strength .cal__day,
html[data-theme="light"] body#f13.indicator-line-strength .cal__month,
html[data-theme="light"] body#f13.indicator-line-strength .bmcal__navBtn,
html[data-theme="light"] body#f13.indicator-line-strength .cal__link{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-line-strength .cal__navBtn,
html[data-theme="light"] body#f13.indicator-line-strength .bmcal__navBtn,
html[data-theme="light"] body#f13.indicator-line-strength .cal__day,
html[data-theme="light"] body#f13.indicator-line-strength .cal__month{
  border-color: rgba(148, 163, 184, 0.26);
  background: #f8fbff;
}

html[data-theme="light"] body#f13.indicator-line-strength .cal__titleBtn:hover,
html[data-theme="light"] body#f13.indicator-line-strength .cal__navBtn:hover,
html[data-theme="light"] body#f13.indicator-line-strength .bmcal__navBtn:hover,
html[data-theme="light"] body#f13.indicator-line-strength .cal__day:hover,
html[data-theme="light"] body#f13.indicator-line-strength .cal__month:hover,
html[data-theme="light"] body#f13.indicator-line-strength .cal__link:hover{
  border-color: rgba(33, 98, 214, 0.28);
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-line-strength .cal__day.is-in-range,
html[data-theme="light"] body#f13.indicator-line-strength .cal__day.is-range-preview,
html[data-theme="light"] body#f13.indicator-line-strength .cal__month.is-in-range,
html[data-theme="light"] body#f13.indicator-line-strength .cal__month.is-range-preview{
  border-color: rgba(33, 98, 214, 0.18);
  background: rgba(33, 98, 214, 0.10);
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-line-strength .cal__day.is-other,
html[data-theme="light"] body#f13.indicator-line-strength .cal__day:disabled,
html[data-theme="light"] body#f13.indicator-line-strength .cal__month.is-limited,
html[data-theme="light"] body#f13.indicator-line-strength .cal__month.is-future,
html[data-theme="light"] body#f13.indicator-line-strength .cal__month:disabled{
  color: #94a3b8;
  opacity: 0.6;
}

html[data-theme="light"] body#f13.indicator-line-strength .cal__hint,
html[data-theme="light"] body#f13.indicator-line-strength .calendar-rangeLabel{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-line-strength .apind-busyOverlay{
  background: rgba(15, 23, 42, 0.22);
}

html[data-theme="light"] body#f13.indicator-line-strength .apind-busyOverlay__card{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.18);
}

html[data-theme="light"] body#f13.indicator-line-strength .apind-busyOverlay__title{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-line-strength .apind-busyOverlay__sub{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-pie-legend [style*="color: #ffff"]{
  color: #102033 !important;
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-pie-legend [style*="color: #a0cfff"]{
  color: #64748b !important;
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-pie-legend .statistics-piechart-legend > div{
  color: #64748b !important;
}

html[data-theme="light"] body#f13.indicator-line-strength .statistics-pie-legend .statistics-piechart-legend > div:nth-child(9n+2),
html[data-theme="light"] body#f13.indicator-line-strength .statistics-pie-legend .statistics-piechart-legend > div:nth-child(9n+3){
  color: #102033 !important;
}

html[data-theme="light"] body#f13.indicator-line-strength > div[style*="z-index: 999"][style*="Roboto"]{
  border-color: rgba(148, 163, 184, 0.28) !important;
  background: #ffffff !important;
  color: #475569 !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.16) !important;
}

html[data-theme="light"] body#f13.indicator-line-strength > div[style*="z-index: 999"][style*="Roboto"] span[style*="color: #fff"]{
  color: #102033 !important;
}

/* === Light theme: Traffic indicator === */
html[data-theme="light"]:has(body#f13.indicator-traffic),
html[data-theme="light"] body#f13.indicator-traffic{
  --background-color: #f3f7fb;
  --card-color: #ffffff;
  --header-color: #f8fbff;
  --text-color: #102033;
  --text-primary-color: #102033;
  --text-secondary-color: #64748b;
  --accent-color: #2162d6;
  --accent-hover-color: #174ba8;
  --input-background-color: #ffffff;
  --input-placeholder-color: #94a3b8;
  --return-color: #64748b;
  --tooltip-background-color: #ffffff;
  --tooltip-border-color: #cbd5e1;
  --scroll-track-color: #edf2f8;
  --scroll-thumb-color: #b7c4d8;
  --scroll-thumb-hover-color: #94a3b8;
  --grid: #dbe5f1;
  --bg: var(--background-color);
  --panel: var(--card-color);
  --text: var(--text-color);
  --muted: var(--text-secondary-color);
  color-scheme: light;
}

html[data-theme="light"] body#f13.indicator-traffic{
  color: #102033;
  background:
    radial-gradient(circle at 16% 8%, rgba(33, 98, 214, 0.10), transparent 30%),
    linear-gradient(180deg, #f7fbff 0%, #edf3fa 100%);
}

html[data-theme="light"] body#f13.indicator-traffic::-webkit-scrollbar,
html[data-theme="light"] body#f13.indicator-traffic *::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}

html[data-theme="light"] body#f13.indicator-traffic::-webkit-scrollbar-track,
html[data-theme="light"] body#f13.indicator-traffic *::-webkit-scrollbar-track{
  background: #edf2f8;
  border-radius: 999px;
}

html[data-theme="light"] body#f13.indicator-traffic::-webkit-scrollbar-thumb,
html[data-theme="light"] body#f13.indicator-traffic *::-webkit-scrollbar-thumb{
  background: #b7c4d8;
  border: 2px solid #edf2f8;
  border-radius: 999px;
}

html[data-theme="light"] body#f13.indicator-traffic::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] body#f13.indicator-traffic *::-webkit-scrollbar-thumb:hover{
  background: #94a3b8;
}

html[data-theme="light"] body#f13.indicator-traffic .conteiner,
html[data-theme="light"] body#f13.indicator-traffic main{
  background: transparent;
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-traffic .card,
html[data-theme="light"] body#f13.indicator-traffic #filters-container.card,
html[data-theme="light"] body#f13.indicator-traffic #market-container.card{
  border-color: rgba(148, 163, 184, 0.28);
  background: rgba(255, 255, 255, 0.94);
  color: #102033;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] body#f13.indicator-traffic .filters-header__title,
html[data-theme="light"] body#f13.indicator-traffic .statistics-chart-header h2,
html[data-theme="light"] body#f13.indicator-traffic .statistics-diagram-title,
html[data-theme="light"] body#f13.indicator-traffic .statistics-table-percent-game-count-text,
html[data-theme="light"] body#f13.indicator-traffic .traffic-summary__title,
html[data-theme="light"] body#f13.indicator-traffic .modal-title{
  color: #102033 !important;
}

html[data-theme="light"] body#f13.indicator-traffic .filters-header__eyebrow,
html[data-theme="light"] body#f13.indicator-traffic .filters-header__desc,
html[data-theme="light"] body#f13.indicator-traffic .statistics-filter-option-label,
html[data-theme="light"] body#f13.indicator-traffic .statistics-table-container,
html[data-theme="light"] body#f13.indicator-traffic .statistics-traffic-indicator-table-head,
html[data-theme="light"] body#f13.indicator-traffic .traffic-summary__meta,
html[data-theme="light"] body#f13.indicator-traffic .traffic-summary-breadcrumb__sep,
html[data-theme="light"] body#f13.indicator-traffic .traffic-summary-table__empty,
html[data-theme="light"] body#f13.indicator-traffic .statistics-diagram-no-data,
html[data-theme="light"] body#f13.indicator-traffic .match-dates-summary,
html[data-theme="light"] body#f13.indicator-traffic .match-dates-empty,
html[data-theme="light"] body#f13.indicator-traffic .match-dates-table th,
html[data-theme="light"] body#f13.indicator-traffic .match-dates-table .match-meta,
html[data-theme="light"] body#f13.indicator-traffic .modal-content{
  color: #64748b !important;
}

html[data-theme="light"] body#f13.indicator-traffic .button-secondary,
html[data-theme="light"] body#f13.indicator-traffic .filters-header__tab,
html[data-theme="light"] body#f13.indicator-traffic .sl-tour-btn{
  border-color: rgba(148, 163, 184, 0.32);
  background: #ffffff;
  color: #102033;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] body#f13.indicator-traffic .button-primary,
html[data-theme="light"] body#f13.indicator-traffic .filters-header__tab.is-active,
html[data-theme="light"] body#f13.indicator-traffic .sl-tour-btn--primary{
  border-color: transparent;
  background: #2162d6;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(33, 98, 214, 0.18);
}

html[data-theme="light"] body#f13.indicator-traffic .button-secondary:hover,
html[data-theme="light"] body#f13.indicator-traffic .sl-tour-btn:hover{
  border-color: rgba(33, 98, 214, 0.28);
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-traffic .select-input,
html[data-theme="light"] body#f13.indicator-traffic input[type="number"],
html[data-theme="light"] body#f13.indicator-traffic input[type="text"],
html[data-theme="light"] body#f13.indicator-traffic input[type="date"],
html[data-theme="light"] body#f13.indicator-traffic .bmcal__toggle{
  border-color: rgba(148, 163, 184, 0.34) !important;
  background: #ffffff !important;
  color: #102033 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] body#f13.indicator-traffic .select-input::placeholder,
html[data-theme="light"] body#f13.indicator-traffic input::placeholder{
  color: #94a3b8;
  opacity: 1;
}

html[data-theme="light"] body#f13.indicator-traffic .select-dropdown,
html[data-theme="light"] body#f13.indicator-traffic .calendar-container,
html[data-theme="light"] body#f13.indicator-traffic .bmcal__panel{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.14);
}

html[data-theme="light"] body#f13.indicator-traffic .select-item{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-traffic .select-item:hover,
html[data-theme="light"] body#f13.indicator-traffic .select-item.active{
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-traffic #filters-container .ind-spin{
  border-left-color: rgba(148, 163, 184, 0.34);
  background: #f4f8fd;
}

html[data-theme="light"] body#f13.indicator-traffic #filters-container .ind-spinBtn{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-traffic #filters-container .ind-spinBtn:first-child{
  border-bottom-color: rgba(148, 163, 184, 0.24);
}

html[data-theme="light"] body#f13.indicator-traffic #filters-container .ind-spinBtn:hover{
  background: rgba(33, 98, 214, 0.08);
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-selected-filters,
html[data-theme="light"] body#f13.indicator-traffic #filters-container #selected-filters-option,
html[data-theme="light"] body#f13.indicator-traffic #filters-container .sl-selected-filters-inline{
  border-color: rgba(148, 163, 184, 0.28);
  background: #f8fbff;
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-traffic #filters-container #selectedFilters,
html[data-theme="light"] body#f13.indicator-traffic #filters-container #selectedFilters .sf-content,
html[data-theme="light"] body#f13.indicator-traffic #filters-container #selectedFilters .sf-title,
html[data-theme="light"] body#f13.indicator-traffic #filters-container #selectedFilters .sf-val{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-info-btn,
html[data-theme="light"] body#f13.indicator-traffic .sl-help-btn{
  border: 1px solid rgba(33, 98, 214, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-info-btn:hover,
html[data-theme="light"] body#f13.indicator-traffic .sl-help-btn:hover{
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-traffic-indicator-bars-wrap,
html[data-theme="light"] body#f13.indicator-traffic .traffic-summary__content{
  border-color: rgba(148, 163, 184, 0.24);
  background-color: #f8fbff;
  background-image: repeating-linear-gradient(
    to right,
    transparent,
    transparent calc(10% - 1px),
    rgba(148, 163, 184, 0.16) calc(10% - 1px),
    rgba(148, 163, 184, 0.16) 10%
  );
  color: #102033;
  box-shadow: none;
}

html[data-theme="light"] body#f13.indicator-traffic .traffic-summary__content{
  background-image: none;
}

html[data-theme="light"] body#f13.indicator-traffic .traffic-summary__meta{
  border-color: rgba(148, 163, 184, 0.28);
  background: #f8fbff;
}

html[data-theme="light"] body#f13.indicator-traffic .traffic-summary-breadcrumb__item.is-current{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-traffic-indicator-bar-row{
  color: #334155;
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-traffic-indicator-table-head{
  background: #f8fbff;
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-traffic-indicator-bar-row:not(.statistics-traffic-indicator-table-head):hover,
html[data-theme="light"] body#f13.indicator-traffic .statistics-traffic-indicator-bar-row:not(.statistics-traffic-indicator-table-head):focus-visible{
  background: rgba(33, 98, 214, 0.08);
  box-shadow: inset 0 0 0 1px rgba(33, 98, 214, 0.24);
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-traffic-indicator-bar-bg{
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: #edf3fa;
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-traffic-indicator-bar-fill-line{
  text-shadow: 0 1px 2px rgba(15, 23, 42, 0.35);
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-traffic-indicator-bar-games{
  background: #e2e8f0 !important;
  color: #102033 !important;
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-table-container table th,
html[data-theme="light"] body#f13.indicator-traffic .statistics-table-container table th::before{
  border-color: rgba(148, 163, 184, 0.26);
  background: #eef4fb;
  color: #334155;
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-table-container table tbody td,
html[data-theme="light"] body#f13.indicator-traffic .match-dates-table th,
html[data-theme="light"] body#f13.indicator-traffic .match-dates-table td{
  border-color: rgba(148, 163, 184, 0.24);
  color: #334155;
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-table-container table tbody td:first-child,
html[data-theme="light"] body#f13.indicator-traffic .match-dates-table .match-teams{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-table-container table tr:nth-child(even){
  background-color: rgba(226, 232, 240, 0.36);
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-table-name-link,
html[data-theme="light"] body#f13.indicator-traffic .statistics-table-dates-btn,
html[data-theme="light"] body#f13.indicator-traffic .traffic-summary-breadcrumb__item,
html[data-theme="light"] body#f13.indicator-traffic .traffic-summary-table__name-leaf{
  color: #2162d6;
}

html[data-theme="light"] body#f13.indicator-traffic #trafficSummaryTable table tbody td:nth-child(3),
html[data-theme="light"] body#f13.indicator-traffic #trafficSummaryTable .is-mid,
html[data-theme="light"] body#f13.indicator-traffic #trafficSummaryTable .is-low{
  font-weight: 700;
}

html[data-theme="light"] body#f13.indicator-traffic #trafficSummaryTable table tbody td:nth-child(3){
  color: #008365;
}

html[data-theme="light"] body#f13.indicator-traffic #trafficSummaryTable .is-mid{
  color: #9a6500 !important;
}

html[data-theme="light"] body#f13.indicator-traffic #trafficSummaryTable .is-low{
  color: #c61b2a !important;
}

html[data-theme="light"] body#f13.indicator-traffic .modal-overlay{
  background: rgba(15, 23, 42, 0.22) !important;
}

html[data-theme="light"] body#f13.indicator-traffic .modal-container,
html[data-theme="light"] body#f13.indicator-traffic .modal-container.match-dates-modal{
  border-color: rgba(148, 163, 184, 0.28) !important;
  background: #ffffff !important;
  color: #102033 !important;
  box-shadow: 0 24px 62px rgba(15, 23, 42, 0.18) !important;
}

html[data-theme="light"] body#f13.indicator-traffic .modal-close-btn,
html[data-theme="light"] body#f13.indicator-traffic .sl-tour-tooltip__close{
  color: #64748b !important;
}

html[data-theme="light"] body#f13.indicator-traffic .modal-close-btn:hover,
html[data-theme="light"] body#f13.indicator-traffic .sl-tour-tooltip__close:hover{
  background: #eef4ff;
  color: #102033 !important;
}

html[data-theme="light"] body#f13.indicator-traffic .sl-tour-overlay.sl-tour-overlay--dim{
  background: rgba(15, 23, 42, 0.24);
}

html[data-theme="light"] body#f13.indicator-traffic .sl-tour-highlight{
  border-color: rgba(33, 98, 214, 0.88);
  box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.32);
}

html[data-theme="light"] body#f13.indicator-traffic .sl-tour-tooltip,
html[data-theme="light"] body#f13.indicator-traffic .statistics-tooltip{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] body#f13.indicator-traffic .statistics-tooltip::after{
  border-top-color: #ffffff;
}

html[data-theme="light"] body#f13.indicator-traffic .sl-tour-tooltip__text{
  color: #475569;
}

html[data-theme="light"] body#f13.indicator-traffic .sl-tour-tooltip__counter,
html[data-theme="light"] body#f13.indicator-traffic .sl-tour-tooltip__step{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-traffic .calendar-container .button,
html[data-theme="light"] body#f13.indicator-traffic .cal__day.is-selected,
html[data-theme="light"] body#f13.indicator-traffic .cal__day.is-range-start,
html[data-theme="light"] body#f13.indicator-traffic .cal__day.is-range-end,
html[data-theme="light"] body#f13.indicator-traffic .cal__month.is-selected,
html[data-theme="light"] body#f13.indicator-traffic .cal__month.is-range-start,
html[data-theme="light"] body#f13.indicator-traffic .cal__month.is-range-end{
  border-color: rgba(33, 98, 214, 0.38);
  background: #2162d6;
  color: #ffffff;
}

html[data-theme="light"] body#f13.indicator-traffic .cal__title,
html[data-theme="light"] body#f13.indicator-traffic .cal__week,
html[data-theme="light"] body#f13.indicator-traffic .cal__day,
html[data-theme="light"] body#f13.indicator-traffic .cal__month,
html[data-theme="light"] body#f13.indicator-traffic .bmcal__navBtn,
html[data-theme="light"] body#f13.indicator-traffic .cal__link{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-traffic .cal__navBtn,
html[data-theme="light"] body#f13.indicator-traffic .bmcal__navBtn,
html[data-theme="light"] body#f13.indicator-traffic .cal__day,
html[data-theme="light"] body#f13.indicator-traffic .cal__month{
  border-color: rgba(148, 163, 184, 0.26);
  background: #f8fbff;
}

html[data-theme="light"] body#f13.indicator-traffic .cal__titleBtn:hover,
html[data-theme="light"] body#f13.indicator-traffic .cal__navBtn:hover,
html[data-theme="light"] body#f13.indicator-traffic .bmcal__navBtn:hover,
html[data-theme="light"] body#f13.indicator-traffic .cal__day:hover,
html[data-theme="light"] body#f13.indicator-traffic .cal__month:hover,
html[data-theme="light"] body#f13.indicator-traffic .cal__link:hover{
  border-color: rgba(33, 98, 214, 0.28);
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-traffic .cal__day.is-in-range,
html[data-theme="light"] body#f13.indicator-traffic .cal__day.is-range-preview,
html[data-theme="light"] body#f13.indicator-traffic .cal__month.is-in-range,
html[data-theme="light"] body#f13.indicator-traffic .cal__month.is-range-preview{
  border-color: rgba(33, 98, 214, 0.18);
  background: rgba(33, 98, 214, 0.10);
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-traffic .cal__day.is-other,
html[data-theme="light"] body#f13.indicator-traffic .cal__day:disabled,
html[data-theme="light"] body#f13.indicator-traffic .cal__month.is-limited,
html[data-theme="light"] body#f13.indicator-traffic .cal__month.is-future,
html[data-theme="light"] body#f13.indicator-traffic .cal__month:disabled{
  color: #94a3b8;
  opacity: 0.6;
}

html[data-theme="light"] body#f13.indicator-traffic .cal__hint,
html[data-theme="light"] body#f13.indicator-traffic .calendar-rangeLabel{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-traffic .apind-busyOverlay{
  background: rgba(15, 23, 42, 0.22);
}

html[data-theme="light"] body#f13.indicator-traffic .apind-busyOverlay__card{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.18);
}

html[data-theme="light"] body#f13.indicator-traffic .apind-busyOverlay__title{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-traffic .apind-busyOverlay__sub{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-traffic > div[style*="z-index: 999"][style*="Roboto"]{
  border-color: rgba(148, 163, 184, 0.28) !important;
  background: #ffffff !important;
  color: #475569 !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.16) !important;
}

html[data-theme="light"] body#f13.indicator-traffic > div[style*="z-index: 999"][style*="Roboto"] span[style*="color: #fff"]{
  color: #102033 !important;
}

/* === Light theme: Game-count indicator === */
html[data-theme="light"]:has(body#f13.indicator-game-count),
html[data-theme="light"] body#f13.indicator-game-count{
  --background-color: #f3f7fb;
  --card-color: #ffffff;
  --header-color: #f8fbff;
  --text-color: #102033;
  --text-primary-color: #102033;
  --text-secondary-color: #64748b;
  --accent-color: #2162d6;
  --accent-hover-color: #174ba8;
  --input-background-color: #ffffff;
  --input-placeholder-color: #94a3b8;
  --return-color: #64748b;
  --tooltip-background-color: #ffffff;
  --tooltip-border-color: #cbd5e1;
  --scroll-track-color: #edf2f8;
  --scroll-thumb-color: #b7c4d8;
  --scroll-thumb-hover-color: #94a3b8;
  --grid: #dbe5f1;
  --bg: var(--background-color);
  --panel: var(--card-color);
  --text: var(--text-color);
  --muted: var(--text-secondary-color);
  color-scheme: light;
}

html[data-theme="light"] body#f13.indicator-game-count{
  color: #102033;
  background:
    radial-gradient(circle at 16% 8%, rgba(33, 98, 214, 0.10), transparent 30%),
    linear-gradient(180deg, #f7fbff 0%, #edf3fa 100%);
}

html[data-theme="light"] body#f13.indicator-game-count::-webkit-scrollbar,
html[data-theme="light"] body#f13.indicator-game-count *::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}

html[data-theme="light"] body#f13.indicator-game-count::-webkit-scrollbar-track,
html[data-theme="light"] body#f13.indicator-game-count *::-webkit-scrollbar-track{
  background: #edf2f8;
  border-radius: 999px;
}

html[data-theme="light"] body#f13.indicator-game-count::-webkit-scrollbar-thumb,
html[data-theme="light"] body#f13.indicator-game-count *::-webkit-scrollbar-thumb{
  background: #b7c4d8;
  border: 2px solid #edf2f8;
  border-radius: 999px;
}

html[data-theme="light"] body#f13.indicator-game-count::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] body#f13.indicator-game-count *::-webkit-scrollbar-thumb:hover{
  background: #94a3b8;
}

html[data-theme="light"] body#f13.indicator-game-count .conteiner,
html[data-theme="light"] body#f13.indicator-game-count main{
  background: transparent;
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-game-count .card,
html[data-theme="light"] body#f13.indicator-game-count #filters-container.card,
html[data-theme="light"] body#f13.indicator-game-count #chart-bars-container.card{
  border-color: rgba(148, 163, 184, 0.28);
  background: rgba(255, 255, 255, 0.94);
  color: #102033;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] body#f13.indicator-game-count .filters-header__title,
html[data-theme="light"] body#f13.indicator-game-count .statistics-chart-header h2,
html[data-theme="light"] body#f13.indicator-game-count .traffic-summary__title,
html[data-theme="light"] body#f13.indicator-game-count .statistics-table-percent-game-count-text,
html[data-theme="light"] body#f13.indicator-game-count .modal-title{
  color: #102033 !important;
}

html[data-theme="light"] body#f13.indicator-game-count .filters-header__eyebrow,
html[data-theme="light"] body#f13.indicator-game-count .filters-header__desc,
html[data-theme="light"] body#f13.indicator-game-count .statistics-filter-option-label,
html[data-theme="light"] body#f13.indicator-game-count .statistics-table-container,
html[data-theme="light"] body#f13.indicator-game-count .statistics-grid-label,
html[data-theme="light"] body#f13.indicator-game-count .statistics-bar-label,
html[data-theme="light"] body#f13.indicator-game-count .statistics-legend,
html[data-theme="light"] body#f13.indicator-game-count .traffic-summary__meta,
html[data-theme="light"] body#f13.indicator-game-count .traffic-summary-breadcrumb__sep,
html[data-theme="light"] body#f13.indicator-game-count .traffic-summary-table__empty,
html[data-theme="light"] body#f13.indicator-game-count .statistics-diagram-no-data,
html[data-theme="light"] body#f13.indicator-game-count .match-dates-summary,
html[data-theme="light"] body#f13.indicator-game-count .match-dates-empty,
html[data-theme="light"] body#f13.indicator-game-count .match-dates-table th,
html[data-theme="light"] body#f13.indicator-game-count .match-dates-table .match-meta,
html[data-theme="light"] body#f13.indicator-game-count .modal-content{
  color: #64748b !important;
}

html[data-theme="light"] body#f13.indicator-game-count .button-secondary,
html[data-theme="light"] body#f13.indicator-game-count .filters-header__tab,
html[data-theme="light"] body#f13.indicator-game-count .sl-tour-btn{
  border-color: rgba(148, 163, 184, 0.32);
  background: #ffffff;
  color: #102033;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] body#f13.indicator-game-count .button-primary,
html[data-theme="light"] body#f13.indicator-game-count .filters-header__tab.is-active,
html[data-theme="light"] body#f13.indicator-game-count .sl-tour-btn--primary{
  border-color: transparent;
  background: #2162d6;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(33, 98, 214, 0.18);
}

html[data-theme="light"] body#f13.indicator-game-count .button-secondary:hover,
html[data-theme="light"] body#f13.indicator-game-count .sl-tour-btn:hover{
  border-color: rgba(33, 98, 214, 0.28);
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-game-count .select-input,
html[data-theme="light"] body#f13.indicator-game-count input[type="number"],
html[data-theme="light"] body#f13.indicator-game-count input[type="text"],
html[data-theme="light"] body#f13.indicator-game-count input[type="date"],
html[data-theme="light"] body#f13.indicator-game-count .bmcal__toggle{
  border-color: rgba(148, 163, 184, 0.34) !important;
  background: #ffffff !important;
  color: #102033 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] body#f13.indicator-game-count .select-input::placeholder,
html[data-theme="light"] body#f13.indicator-game-count input::placeholder{
  color: #94a3b8;
  opacity: 1;
}

html[data-theme="light"] body#f13.indicator-game-count .select-dropdown,
html[data-theme="light"] body#f13.indicator-game-count .calendar-container,
html[data-theme="light"] body#f13.indicator-game-count .bmcal__panel{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.14);
}

html[data-theme="light"] body#f13.indicator-game-count .select-item{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-game-count .select-item:hover,
html[data-theme="light"] body#f13.indicator-game-count .select-item.active{
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-game-count #filters-container .ind-spin{
  border-left-color: rgba(148, 163, 184, 0.34);
  background: #f4f8fd;
}

html[data-theme="light"] body#f13.indicator-game-count #filters-container .ind-spinBtn{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-game-count #filters-container .ind-spinBtn:first-child{
  border-bottom-color: rgba(148, 163, 184, 0.24);
}

html[data-theme="light"] body#f13.indicator-game-count #filters-container .ind-spinBtn:hover{
  background: rgba(33, 98, 214, 0.08);
}

html[data-theme="light"] body#f13.indicator-game-count #filters-container .statistics-selected-filters-wrap,
html[data-theme="light"] body#f13.indicator-game-count .statistics-selected-filters,
html[data-theme="light"] body#f13.indicator-game-count #filters-container .sl-selected-filters-inline{
  border-color: rgba(148, 163, 184, 0.28);
  background: #f8fbff;
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-game-count #filters-container #selectedFilters,
html[data-theme="light"] body#f13.indicator-game-count #filters-container #selectedFilters .sf-content,
html[data-theme="light"] body#f13.indicator-game-count #filters-container #selectedFilters .sf-title,
html[data-theme="light"] body#f13.indicator-game-count #filters-container #selectedFilters .sf-val{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-info-btn,
html[data-theme="light"] body#f13.indicator-game-count .sl-help-btn{
  border: 1px solid rgba(33, 98, 214, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-info-btn:hover,
html[data-theme="light"] body#f13.indicator-game-count .sl-help-btn:hover{
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-chart-content,
html[data-theme="light"] body#f13.indicator-game-count .statistics-game-count-chart-content,
html[data-theme="light"] body#f13.indicator-game-count .traffic-summary__content{
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: #f8fbff;
  color: #102033;
  box-shadow: none;
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-grid-line{
  background: rgba(148, 163, 184, 0.28);
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-day-cards{
  border-top-color: rgba(148, 163, 184, 0.24);
  background: #ffffff;
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-day-card{
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: #ffffff;
  color: #64748b;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-day-card-hover{
  box-shadow: 0 0 0 2px rgba(33, 98, 214, 0.42), 0 10px 22px rgba(15, 23, 42, 0.10);
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-bar-value,
html[data-theme="light"] body#f13.indicator-game-count .statistics-card-value{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-card-label{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-mean-line{
  filter: drop-shadow(0 2px 4px rgba(16, 185, 129, 0.18));
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-mean-point{
  stroke: #ffffff;
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-tooltip{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-tooltip::after{
  border-top-color: #ffffff;
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-tooltip .statistics-card-label{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__backdrop{
  background: rgba(15, 23, 42, 0.46);
}

html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__dialog{
  border-color: rgba(33, 98, 214, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.24);
}

html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__close{
  border-color: rgba(148, 163, 184, 0.3);
  background: #f8fbff;
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__close:hover,
html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__close:focus-visible{
  border-color: rgba(33, 98, 214, 0.58);
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__eyebrow,
html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__stat-label,
html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__empty{
  color: #64748b !important;
}

html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__title{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__stat,
html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__table-wrap{
  border-color: rgba(148, 163, 184, 0.26);
  background: #f8fbff;
}

html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__table th{
  background: #eef4fb;
  color: #334155;
}

html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__table th,
html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__table td{
  border-color: rgba(148, 163, 184, 0.24);
  color: #334155;
}

html[data-theme="light"] body#f13.indicator-game-count .gc-day-modal__table tbody tr:nth-child(even) td{
  background: rgba(15, 23, 42, 0.025);
}

html[data-theme="light"] body#f13.indicator-game-count .traffic-summary__meta{
  border-color: rgba(148, 163, 184, 0.28);
  background: #f8fbff;
}

html[data-theme="light"] body#f13.indicator-game-count .traffic-summary-breadcrumb__item.is-current{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-table-container table th,
html[data-theme="light"] body#f13.indicator-game-count .statistics-table-container table th::before{
  border-color: rgba(148, 163, 184, 0.26);
  background: #eef4fb;
  color: #334155;
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-table-container table tbody td,
html[data-theme="light"] body#f13.indicator-game-count .match-dates-table th,
html[data-theme="light"] body#f13.indicator-game-count .match-dates-table td{
  border-color: rgba(148, 163, 184, 0.24);
  color: #334155;
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-table-container table tbody td:first-child,
html[data-theme="light"] body#f13.indicator-game-count .match-dates-table .match-teams{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-table-container table tr:nth-child(even){
  background-color: rgba(226, 232, 240, 0.36);
}

html[data-theme="light"] body#f13.indicator-game-count .statistics-table-name-link,
html[data-theme="light"] body#f13.indicator-game-count .statistics-table-dates-btn,
html[data-theme="light"] body#f13.indicator-game-count .traffic-summary-breadcrumb__item,
html[data-theme="light"] body#f13.indicator-game-count .traffic-summary-table__name-leaf{
  color: #2162d6;
}

html[data-theme="light"] body#f13.indicator-game-count .modal-overlay{
  background: rgba(15, 23, 42, 0.22) !important;
}

html[data-theme="light"] body#f13.indicator-game-count .modal-container,
html[data-theme="light"] body#f13.indicator-game-count .modal-container.match-dates-modal{
  border-color: rgba(148, 163, 184, 0.28) !important;
  background: #ffffff !important;
  color: #102033 !important;
  box-shadow: 0 24px 62px rgba(15, 23, 42, 0.18) !important;
}

html[data-theme="light"] body#f13.indicator-game-count .modal-close-btn,
html[data-theme="light"] body#f13.indicator-game-count .sl-tour-tooltip__close{
  color: #64748b !important;
}

html[data-theme="light"] body#f13.indicator-game-count .modal-close-btn:hover,
html[data-theme="light"] body#f13.indicator-game-count .sl-tour-tooltip__close:hover{
  background: #eef4ff;
  color: #102033 !important;
}

html[data-theme="light"] body#f13.indicator-game-count .sl-tour-overlay.sl-tour-overlay--dim{
  background: rgba(15, 23, 42, 0.24);
}

html[data-theme="light"] body#f13.indicator-game-count .sl-tour-highlight{
  border-color: rgba(33, 98, 214, 0.88);
  box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.32);
}

html[data-theme="light"] body#f13.indicator-game-count .sl-tour-tooltip{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] body#f13.indicator-game-count .sl-tour-tooltip__text{
  color: #475569;
}

html[data-theme="light"] body#f13.indicator-game-count .sl-tour-tooltip__counter,
html[data-theme="light"] body#f13.indicator-game-count .sl-tour-tooltip__step{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-game-count .calendar-container .button,
html[data-theme="light"] body#f13.indicator-game-count .cal__day.is-selected,
html[data-theme="light"] body#f13.indicator-game-count .cal__day.is-range-start,
html[data-theme="light"] body#f13.indicator-game-count .cal__day.is-range-end,
html[data-theme="light"] body#f13.indicator-game-count .cal__month.is-selected,
html[data-theme="light"] body#f13.indicator-game-count .cal__month.is-range-start,
html[data-theme="light"] body#f13.indicator-game-count .cal__month.is-range-end{
  border-color: rgba(33, 98, 214, 0.38);
  background: #2162d6;
  color: #ffffff;
}

html[data-theme="light"] body#f13.indicator-game-count .cal__title,
html[data-theme="light"] body#f13.indicator-game-count .cal__week,
html[data-theme="light"] body#f13.indicator-game-count .cal__day,
html[data-theme="light"] body#f13.indicator-game-count .cal__month,
html[data-theme="light"] body#f13.indicator-game-count .bmcal__navBtn,
html[data-theme="light"] body#f13.indicator-game-count .cal__link{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-game-count .cal__navBtn,
html[data-theme="light"] body#f13.indicator-game-count .bmcal__navBtn,
html[data-theme="light"] body#f13.indicator-game-count .cal__day,
html[data-theme="light"] body#f13.indicator-game-count .cal__month{
  border-color: rgba(148, 163, 184, 0.26);
  background: #f8fbff;
}

html[data-theme="light"] body#f13.indicator-game-count .cal__titleBtn:hover,
html[data-theme="light"] body#f13.indicator-game-count .cal__navBtn:hover,
html[data-theme="light"] body#f13.indicator-game-count .bmcal__navBtn:hover,
html[data-theme="light"] body#f13.indicator-game-count .cal__day:hover,
html[data-theme="light"] body#f13.indicator-game-count .cal__month:hover,
html[data-theme="light"] body#f13.indicator-game-count .cal__link:hover{
  border-color: rgba(33, 98, 214, 0.28);
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-game-count .cal__day.is-in-range,
html[data-theme="light"] body#f13.indicator-game-count .cal__day.is-range-preview,
html[data-theme="light"] body#f13.indicator-game-count .cal__month.is-in-range,
html[data-theme="light"] body#f13.indicator-game-count .cal__month.is-range-preview{
  border-color: rgba(33, 98, 214, 0.18);
  background: rgba(33, 98, 214, 0.10);
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-game-count .cal__day.is-other,
html[data-theme="light"] body#f13.indicator-game-count .cal__day:disabled,
html[data-theme="light"] body#f13.indicator-game-count .cal__month.is-limited,
html[data-theme="light"] body#f13.indicator-game-count .cal__month.is-future,
html[data-theme="light"] body#f13.indicator-game-count .cal__month:disabled{
  color: #94a3b8;
  opacity: 0.6;
}

html[data-theme="light"] body#f13.indicator-game-count .cal__hint,
html[data-theme="light"] body#f13.indicator-game-count .calendar-rangeLabel{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-game-count .apind-busyOverlay{
  background: rgba(15, 23, 42, 0.22);
}

html[data-theme="light"] body#f13.indicator-game-count .apind-busyOverlay__card{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.18);
}

html[data-theme="light"] body#f13.indicator-game-count .apind-busyOverlay__title{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-game-count .apind-busyOverlay__sub{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-game-count > div[style*="z-index: 999"][style*="Roboto"]{
  border-color: rgba(148, 163, 184, 0.28) !important;
  background: #ffffff !important;
  color: #475569 !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.16) !important;
}

html[data-theme="light"] body#f13.indicator-game-count > div[style*="z-index: 999"][style*="Roboto"] span[style*="color: #fff"]{
  color: #102033 !important;
}

/* Series indicator: full light-theme surface. */
html[data-theme="light"] body#f13.indicator-series{
  background:
    radial-gradient(circle at 18% 0%, rgba(33, 98, 214, 0.08), transparent 34%),
    linear-gradient(180deg, #f4f8fd 0%, #eef4fa 100%);
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-series .conteiner,
html[data-theme="light"] body#f13.indicator-series main,
html[data-theme="light"] body#f13.indicator-series .layout,
html[data-theme="light"] body#f13.indicator-series .series-indicator-page{
  background: transparent;
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-series .series-indicator-page > #filters-container,
html[data-theme="light"] body#f13.indicator-series .series-top-card,
html[data-theme="light"] body#f13.indicator-series .series-table-card{
  border: 1px solid rgba(148, 163, 184, 0.24);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] body#f13.indicator-series .series-indicator-page .filters-header__eyebrow{
  color: #2162d6;
}

html[data-theme="light"] body#f13.indicator-series .filters-header__title,
html[data-theme="light"] body#f13.indicator-series .series-title,
html[data-theme="light"] body#f13.indicator-series .series-table-title,
html[data-theme="light"] body#f13.indicator-series .series-team-name,
html[data-theme="light"] body#f13.indicator-series .series-team .name,
html[data-theme="light"] body#f13.indicator-series .series-meta strong,
html[data-theme="light"] body#f13.indicator-series .series-match-left,
html[data-theme="light"] body#f13.indicator-series .series-score{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-series .filters-header__desc,
html[data-theme="light"] body#f13.indicator-series .series-summary,
html[data-theme="light"] body#f13.indicator-series .series-meta,
html[data-theme="light"] body#f13.indicator-series .series-label,
html[data-theme="light"] body#f13.indicator-series .series-outcome-sub-label,
html[data-theme="light"] body#f13.indicator-series .series-outcome-muted,
html[data-theme="light"] body#f13.indicator-series .series-selected-filters,
html[data-theme="light"] body#f13.indicator-series .series-team-meta,
html[data-theme="light"] body#f13.indicator-series .series-team .meta,
html[data-theme="light"] body#f13.indicator-series .series-period,
html[data-theme="light"] body#f13.indicator-series .empty-state,
html[data-theme="light"] body#f13.indicator-series .series-modal-meta,
html[data-theme="light"] body#f13.indicator-series .series-match-middle{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-series .series-control,
html[data-theme="light"] body#f13.indicator-series .select-input,
html[data-theme="light"] body#f13.indicator-series input[type="number"],
html[data-theme="light"] body#f13.indicator-series input[type="text"],
html[data-theme="light"] body#f13.indicator-series .series-calendar .bmcal__toggle{
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

html[data-theme="light"] body#f13.indicator-series .series-control::placeholder,
html[data-theme="light"] body#f13.indicator-series .select-input::placeholder,
html[data-theme="light"] body#f13.indicator-series input::placeholder{
  color: #94a3b8;
}

html[data-theme="light"] body#f13.indicator-series .series-control:focus,
html[data-theme="light"] body#f13.indicator-series .select-input:focus-visible,
html[data-theme="light"] body#f13.indicator-series input:focus-visible,
html[data-theme="light"] body#f13.indicator-series .series-calendar .bmcal__toggle:hover{
  border-color: rgba(33, 98, 214, 0.45);
  box-shadow: 0 0 0 3px rgba(33, 98, 214, 0.12);
}

html[data-theme="light"] body#f13.indicator-series .select-dropdown,
html[data-theme="light"] body#f13.indicator-series .calendar-container,
html[data-theme="light"] body#f13.indicator-series .bmcal__panel{
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] body#f13.indicator-series .select-item{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-series .select-item:hover,
html[data-theme="light"] body#f13.indicator-series .select-item.active{
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-series .select-item.team-by-date,
html[data-theme="light"] body#f13.indicator-series .select-item.championship-by-date,
html[data-theme="light"] body#f13.indicator-series .select-item.country-by-date{
  color: #0f4fa8;
}

html[data-theme="light"] body#f13.indicator-series #series-mode-tabs.si-tabs,
html[data-theme="light"] body#f13.indicator-series #series-outcome-tabs.si-tabs,
html[data-theme="light"] body#f13.indicator-series #series-total-side-tabs.si-tabs{
  border-color: rgba(148, 163, 184, 0.26);
  background: #f8fbff;
}

html[data-theme="light"] body#f13.indicator-series #series-mode-tabs .si-tab,
html[data-theme="light"] body#f13.indicator-series #series-outcome-tabs .si-tab,
html[data-theme="light"] body#f13.indicator-series #series-total-side-tabs .si-tab,
html[data-theme="light"] body#f13.indicator-series .si-tab{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-series #series-mode-tabs .si-tab,
html[data-theme="light"] body#f13.indicator-series #series-outcome-tabs .si-tab,
html[data-theme="light"] body#f13.indicator-series #series-total-side-tabs .si-tab{
  border-right-color: rgba(148, 163, 184, 0.24);
  background: transparent;
}

html[data-theme="light"] body#f13.indicator-series #series-mode-tabs .si-tab:hover:not(.is-active),
html[data-theme="light"] body#f13.indicator-series #series-outcome-tabs .si-tab:hover:not(.is-active),
html[data-theme="light"] body#f13.indicator-series #series-total-side-tabs .si-tab:hover:not(.is-active),
html[data-theme="light"] body#f13.indicator-series .si-tab:hover:not(.is-active){
  border-color: rgba(33, 98, 214, 0.28);
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-series #series-mode-tabs .si-tab.is-active,
html[data-theme="light"] body#f13.indicator-series #series-outcome-tabs .si-tab.is-active,
html[data-theme="light"] body#f13.indicator-series #series-total-side-tabs .si-tab.is-active,
html[data-theme="light"] body#f13.indicator-series .si-tab.is-active,
html[data-theme="light"] body#f13.indicator-series .series-btn.primary{
  border-color: rgba(33, 98, 214, 0.55);
  background: #2162d6;
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(33, 98, 214, 0.18);
}

html[data-theme="light"] body#f13.indicator-series .series-btn.secondary,
html[data-theme="light"] body#f13.indicator-series .series-btn.icon,
html[data-theme="light"] body#f13.indicator-series .series-help-btn,
html[data-theme="light"] body#f13.indicator-series .statistics-info-btn,
html[data-theme="light"] body#f13.indicator-series .sl-help-btn{
  border: 1px solid rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] body#f13.indicator-series .series-btn.secondary:hover,
html[data-theme="light"] body#f13.indicator-series .series-btn.icon:hover,
html[data-theme="light"] body#f13.indicator-series .series-help-btn:hover,
html[data-theme="light"] body#f13.indicator-series .statistics-info-btn:hover,
html[data-theme="light"] body#f13.indicator-series .sl-help-btn:hover{
  border-color: rgba(33, 98, 214, 0.28);
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-series .series-selected-filters-wrap{
  border-color: rgba(148, 163, 184, 0.24);
  background: #f8fbff;
}

html[data-theme="light"] body#f13.indicator-series .series-sortbar,
html[data-theme="light"] body#f13.indicator-series .series-sortbar__group{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
}

html[data-theme="light"] body#f13.indicator-series .series-sortbar__btn,
html[data-theme="light"] body#f13.indicator-series .series-sortbar__dir{
  border-color: rgba(148, 163, 184, 0.28) !important;
  background: #ffffff !important;
  color: #102033 !important;
}

html[data-theme="light"] body#f13.indicator-series .series-sortbar__btn:hover,
html[data-theme="light"] body#f13.indicator-series .series-sortbar__dir:hover{
  background: #eef4ff !important;
  color: #0f2e62 !important;
}

html[data-theme="light"] body#f13.indicator-series .series-sortbar__btn.is-active,
html[data-theme="light"] body#f13.indicator-series .series-sortbar__dir.is-active{
  border-color: rgba(33, 98, 214, 0.55) !important;
  background: #2162d6 !important;
  color: #ffffff !important;
}

html[data-theme="light"] body#f13.indicator-series .series-outcome-chip,
html[data-theme="light"] body#f13.indicator-series .series-outcome-badge,
html[data-theme="light"] body#f13.indicator-series .series-pill{
  border-color: rgba(33, 98, 214, 0.22);
  background: #eef4ff;
  color: #0f4fa8;
}

html[data-theme="light"] body#f13.indicator-series .series-outcome-chip button{
  background: rgba(33, 98, 214, 0.12);
  color: #0f4fa8;
}

html[data-theme="light"] body#f13.indicator-series .series-table-header{
  border-bottom-color: rgba(148, 163, 184, 0.24);
  background: #f8fbff;
}

html[data-theme="light"] body#f13.indicator-series .series-total-pill{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-series .series-table th{
  border-bottom-color: rgba(148, 163, 184, 0.24);
  background: #eef4fb;
  color: #475569;
}

html[data-theme="light"] body#f13.indicator-series .series-table td,
html[data-theme="light"] body#f13.indicator-series .series-match-row,
html[data-theme="light"] body#f13.indicator-series .series-modal-list{
  border-color: rgba(148, 163, 184, 0.20);
}

html[data-theme="light"] body#f13.indicator-series .series-table tbody tr:nth-child(even){
  background: rgba(226, 232, 240, 0.24);
}

html[data-theme="light"] body#f13.indicator-series .series-table tbody tr:hover{
  background: rgba(33, 98, 214, 0.06);
}

html[data-theme="light"] body#f13.indicator-series .series-type-badge.type-win{
  background: rgba(16, 185, 129, 0.12);
  border-color: rgba(16, 185, 129, 0.30);
  color: #047857;
}

html[data-theme="light"] body#f13.indicator-series .series-type-badge.type-loss{
  background: rgba(220, 38, 38, 0.10);
  border-color: rgba(220, 38, 38, 0.26);
  color: #b91c1c;
}

html[data-theme="light"] body#f13.indicator-series .series-type-badge.type-return{
  background: rgba(234, 179, 8, 0.14);
  border-color: rgba(202, 138, 4, 0.30);
  color: #a16207;
}

html[data-theme="light"] body#f13.indicator-series .series-len.type-win,
html[data-theme="light"] body#f13.indicator-series .series-length.type-win{
  color: #047857;
}

html[data-theme="light"] body#f13.indicator-series .series-len.type-loss,
html[data-theme="light"] body#f13.indicator-series .series-length.type-loss{
  color: #b91c1c;
}

html[data-theme="light"] body#f13.indicator-series .series-len.type-return,
html[data-theme="light"] body#f13.indicator-series .series-length.type-return{
  color: #a16207;
}

html[data-theme="light"] body#f13.indicator-series .modal-overlay{
  background: rgba(15, 23, 42, 0.22) !important;
}

html[data-theme="light"] body#f13.indicator-series .modal-container,
html[data-theme="light"] body#f13.indicator-series .modal-container.match-dates-modal,
html[data-theme="light"] body#f13.indicator-series .modal-container.si-outcomes-modal{
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  background: #ffffff !important;
  color: #102033 !important;
  box-shadow: 0 24px 62px rgba(15, 23, 42, 0.18) !important;
}

html[data-theme="light"] body#f13.indicator-series .modal-title,
html[data-theme="light"] body#f13.indicator-series .series-modal-title{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-series .modal-close-btn,
html[data-theme="light"] body#f13.indicator-series .sl-tour-tooltip__close{
  color: #64748b !important;
}

html[data-theme="light"] body#f13.indicator-series .modal-close-btn:hover,
html[data-theme="light"] body#f13.indicator-series .sl-tour-tooltip__close:hover{
  background: #eef4ff;
  color: #102033 !important;
}

html[data-theme="light"] body#f13.indicator-series .si-om{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-series .si-om-body{
  border-color: rgba(148, 163, 184, 0.24);
  background: #f8fbff;
}

html[data-theme="light"] body#f13.indicator-series .si-om-tab,
html[data-theme="light"] body#f13.indicator-series .si-om-side-btn,
html[data-theme="light"] body#f13.indicator-series .si-om-item,
html[data-theme="light"] body#f13.indicator-series .si-om-badge,
html[data-theme="light"] body#f13.indicator-series .si-om-action.secondary{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-series .si-om-tab:hover:not(:disabled),
html[data-theme="light"] body#f13.indicator-series .si-om-side-btn:hover,
html[data-theme="light"] body#f13.indicator-series .si-om-item:hover,
html[data-theme="light"] body#f13.indicator-series .si-om-action.secondary:hover{
  border-color: rgba(33, 98, 214, 0.28);
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-series .si-om-tab.is-active,
html[data-theme="light"] body#f13.indicator-series .si-om-side-btn.is-active,
html[data-theme="light"] body#f13.indicator-series .si-om-item.is-selected{
  border-color: rgba(33, 98, 214, 0.55);
  background: rgba(33, 98, 214, 0.10);
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-series .si-om-item.is-main-x.is-selected{
  border-color: rgba(202, 138, 4, 0.50);
  background: rgba(234, 179, 8, 0.14);
}

html[data-theme="light"] body#f13.indicator-series .si-om-item.is-main-p2.is-selected{
  border-color: rgba(249, 115, 22, 0.50);
  background: rgba(249, 115, 22, 0.12);
}

html[data-theme="light"] body#f13.indicator-series .si-om-side-label,
html[data-theme="light"] body#f13.indicator-series .si-om-col-title,
html[data-theme="light"] body#f13.indicator-series .si-om-empty,
html[data-theme="light"] body#f13.indicator-series .si-om-picked{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-series .si-om-action.primary{
  border-color: rgba(33, 98, 214, 0.55);
  background: #2162d6;
  color: #ffffff;
}

html[data-theme="light"] body#f13.indicator-series .match-dates-summary,
html[data-theme="light"] body#f13.indicator-series .match-row{
  border-color: rgba(148, 163, 184, 0.24);
}

html[data-theme="light"] body#f13.indicator-series .match-row:hover{
  background-color: rgba(33, 98, 214, 0.06);
}

html[data-theme="light"] body#f13.indicator-series .match-dates-summary,
html[data-theme="light"] body#f13.indicator-series .match-dates-empty,
html[data-theme="light"] body#f13.indicator-series .date-time,
html[data-theme="light"] body#f13.indicator-series .league-name,
html[data-theme="light"] body#f13.indicator-series .team-name.is-opponent,
html[data-theme="light"] body#f13.indicator-series .match-odds-line,
html[data-theme="light"] body#f13.indicator-series .match-odds-open,
html[data-theme="light"] body#f13.indicator-series .match-odds-sep,
html[data-theme="light"] body#f13.indicator-series .half-score{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-series .date-day,
html[data-theme="light"] body#f13.indicator-series .teams-name,
html[data-theme="light"] body#f13.indicator-series .team-name.is-target,
html[data-theme="light"] body#f13.indicator-series .match-odds-close{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-series .badge-outcome{
  border-color: rgba(33, 98, 214, 0.24);
  background: #eef4ff;
  color: #0f4fa8;
}

html[data-theme="light"] body#f13.indicator-series .main-score{
  border-color: rgba(148, 163, 184, 0.24);
  background: #ffffff;
}

html[data-theme="light"] body#f13.indicator-series .match-row.pending .status-strip{
  background-color: #94a3b8;
}

html[data-theme="light"] body#f13.indicator-series .cal__title,
html[data-theme="light"] body#f13.indicator-series .cal__week,
html[data-theme="light"] body#f13.indicator-series .cal__day,
html[data-theme="light"] body#f13.indicator-series .cal__month,
html[data-theme="light"] body#f13.indicator-series .cal__navBtn,
html[data-theme="light"] body#f13.indicator-series .bmcal__navBtn,
html[data-theme="light"] body#f13.indicator-series .cal__link{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-series .cal__navBtn,
html[data-theme="light"] body#f13.indicator-series .bmcal__navBtn,
html[data-theme="light"] body#f13.indicator-series .cal__day,
html[data-theme="light"] body#f13.indicator-series .cal__month{
  border-color: rgba(148, 163, 184, 0.26);
  background: #f8fbff;
}

html[data-theme="light"] body#f13.indicator-series .cal__titleBtn:hover,
html[data-theme="light"] body#f13.indicator-series .cal__navBtn:hover,
html[data-theme="light"] body#f13.indicator-series .bmcal__navBtn:hover,
html[data-theme="light"] body#f13.indicator-series .cal__day:hover,
html[data-theme="light"] body#f13.indicator-series .cal__month:hover,
html[data-theme="light"] body#f13.indicator-series .cal__link:hover{
  border-color: rgba(33, 98, 214, 0.28);
  background: #eef4ff;
  color: #0f2e62;
}

html[data-theme="light"] body#f13.indicator-series .calendar-container .button,
html[data-theme="light"] body#f13.indicator-series .cal__day.is-selected,
html[data-theme="light"] body#f13.indicator-series .cal__day.is-range-start,
html[data-theme="light"] body#f13.indicator-series .cal__day.is-range-end,
html[data-theme="light"] body#f13.indicator-series .cal__month.is-selected{
  border-color: rgba(33, 98, 214, 0.38);
  background: #2162d6;
  color: #ffffff;
}

html[data-theme="light"] body#f13.indicator-series .cal__day.is-other,
html[data-theme="light"] body#f13.indicator-series .cal__day:disabled,
html[data-theme="light"] body#f13.indicator-series .cal__month.is-limited,
html[data-theme="light"] body#f13.indicator-series .cal__month.is-future,
html[data-theme="light"] body#f13.indicator-series .cal__month:disabled{
  color: #94a3b8;
  opacity: 0.6;
}

html[data-theme="light"] body#f13.indicator-series .sl-tour-overlay.sl-tour-overlay--dim{
  background: rgba(15, 23, 42, 0.24);
}

html[data-theme="light"] body#f13.indicator-series .sl-tour-highlight{
  border-color: rgba(33, 98, 214, 0.88);
  box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.32);
}

html[data-theme="light"] body#f13.indicator-series .sl-tour-tooltip{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  color: #102033;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

html[data-theme="light"] body#f13.indicator-series .sl-tour-tooltip__text{
  color: #475569;
}

html[data-theme="light"] body#f13.indicator-series .apind-busyOverlay{
  background: rgba(15, 23, 42, 0.22);
}

html[data-theme="light"] body#f13.indicator-series .apind-busyOverlay__card{
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.18);
}

html[data-theme="light"] body#f13.indicator-series .apind-busyOverlay__title{
  color: #102033;
}

html[data-theme="light"] body#f13.indicator-series .apind-busyOverlay__sub{
  color: #64748b;
}

html[data-theme="light"] body#f13.indicator-series .series-table-wrap,
html[data-theme="light"] body#f13.indicator-series #filters-container,
html[data-theme="light"] body#f13.indicator-series .si-om-body,
html[data-theme="light"] body#f13.indicator-series .series-outcome-custom--inline .series-outcome-chips,
html[data-theme="light"] body#f13.indicator-series .series-modal-list{
  scrollbar-color: #b9c8dc #eef4fb;
}

html[data-theme="light"] body#f13.indicator-series .series-table-wrap::-webkit-scrollbar,
html[data-theme="light"] body#f13.indicator-series #filters-container::-webkit-scrollbar,
html[data-theme="light"] body#f13.indicator-series .si-om-body::-webkit-scrollbar,
html[data-theme="light"] body#f13.indicator-series .series-outcome-custom--inline .series-outcome-chips::-webkit-scrollbar,
html[data-theme="light"] body#f13.indicator-series .series-modal-list::-webkit-scrollbar{
  width: 12px;
  height: 12px;
}

html[data-theme="light"] body#f13.indicator-series .series-table-wrap::-webkit-scrollbar-track,
html[data-theme="light"] body#f13.indicator-series #filters-container::-webkit-scrollbar-track,
html[data-theme="light"] body#f13.indicator-series .si-om-body::-webkit-scrollbar-track,
html[data-theme="light"] body#f13.indicator-series .series-outcome-custom--inline .series-outcome-chips::-webkit-scrollbar-track,
html[data-theme="light"] body#f13.indicator-series .series-modal-list::-webkit-scrollbar-track{
  background: #eef4fb;
  border-radius: 999px;
}

html[data-theme="light"] body#f13.indicator-series .series-table-wrap::-webkit-scrollbar-thumb,
html[data-theme="light"] body#f13.indicator-series #filters-container::-webkit-scrollbar-thumb,
html[data-theme="light"] body#f13.indicator-series .si-om-body::-webkit-scrollbar-thumb,
html[data-theme="light"] body#f13.indicator-series .series-outcome-custom--inline .series-outcome-chips::-webkit-scrollbar-thumb,
html[data-theme="light"] body#f13.indicator-series .series-modal-list::-webkit-scrollbar-thumb{
  border: 3px solid #eef4fb;
  border-radius: 999px;
  background: #b9c8dc;
}

html[data-theme="light"] body#f13.indicator-series .series-table-wrap::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] body#f13.indicator-series #filters-container::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] body#f13.indicator-series .si-om-body::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] body#f13.indicator-series .series-outcome-custom--inline .series-outcome-chips::-webkit-scrollbar-thumb:hover,
html[data-theme="light"] body#f13.indicator-series .series-modal-list::-webkit-scrollbar-thumb:hover{
  background: #94a3b8;
}

html[data-theme="light"] body#f13.indicator-series > div[style*="z-index: 999"][style*="Roboto"]{
  border-color: rgba(148, 163, 184, 0.28) !important;
  background: #ffffff !important;
  color: #475569 !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.16) !important;
}

html[data-theme="light"] body#f13.indicator-series > div[style*="z-index: 999"][style*="Roboto"] span[style*="color: #fff"]{
  color: #102033 !important;
}
