/* NOMADTIPS3 independent-color vintage toolbar icon set.
   Presentation only: artwork + icon light response. No layout/filter/odds/feed/engine logic.
   Rollback: rollback/pre-odds-retro-icons-pages1-2-20260904
   Previous rollback: rollback/pre-all-ball-fix-20260904
   Size rollback: rollback/pre-toolbar-icon-size-plus15-20260902
   Brightness rollback note: rollback-notes/icon-brightness-20260902.md */

.toolbar .tabs .tab::before,
.toolbar .tabs .statistics-link::before,
.toolbar .odds-display-control button::before,
.toolbar .odds-display-label::before{
  background-image:url("assets/icons/vintage-toolbar-independent.webp")!important;
  background-repeat:no-repeat!important;
  background-size:800% 100%!important;
  opacity:1!important;
  filter:brightness(1.12) saturate(1.07)!important;
  transform:translateY(0) scale(1);
  transition:filter .16s ease,opacity .16s ease,transform .16s ease!important;
}

.toolbar .tabs .statistics-link{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  padding:7px 9px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#aab1ab!important;
  text-decoration:none!important;
  text-shadow:none!important;
  text-align:center!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
}

/* 2026-09-04 bright light-vintage replacements: artwork only. */
.toolbar .tabs .tab:nth-child(1)::before{
  background-image:url("assets/icons/toolbar-all-bright-vintage.svg?v=20260904-ballfix-v1")!important;
  background-size:contain!important;
  background-position:center!important;
}
.toolbar .tabs .tab:nth-child(2)::before{
  background-image:url("assets/icons/toolbar-signal-bright-vintage.svg")!important;
  background-size:contain!important;
  background-position:center!important;
}
.toolbar .tabs .tab:nth-child(3)::before{
  background-image:url("assets/icons/toolbar-near-bright-vintage.svg")!important;
  background-size:contain!important;
  background-position:center!important;
}
.toolbar .tabs .tab:nth-child(4)::before{
  background-image:url("assets/icons/toolbar-watching-bright-vintage.svg")!important;
  background-size:contain!important;
  background-position:center!important;
}
.toolbar .tabs .statistics-link::before{
  content:""!important;
  display:inline-block!important;
  background-image:url("assets/icons/toolbar-statistics-bright-vintage.svg")!important;
  background-size:110% 110%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* +15% icon footprint, rounded to crisp whole pixels: PC 26->30, mobile 21->24. */
@media(min-width:1025px){
  .toolbar .tabs .tab::before,
  .toolbar .tabs .statistics-link::before,
  .toolbar .odds-display-control button::before,
  .toolbar .odds-display-label::before{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
  }
}

@media(min-width:701px) and (max-width:1024px){
  .toolbar .tabs .statistics-link::before{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
  }
}

@media(max-width:700px){
  .toolbar .tabs{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  .toolbar .tabs .tab,
  .toolbar .tabs .statistics-link{
    min-width:0!important;
    width:100%!important;
    min-height:32px!important;
    padding:4px 2px!important;
    gap:3px!important;
    font-size:8px!important;
    white-space:nowrap!important;
  }
  .toolbar .tabs .tab::before,
  .toolbar .tabs .statistics-link::before,
  .toolbar .odds-display-control button::before,
  .toolbar .odds-display-label::before{
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
  }
}

/* 2026-09-04 approved light retro ODDS family: dedicated artwork, no currency symbols. */
.toolbar .odds-display-label::before{
  background-image:url("assets/icons/toolbar-odds-retro-vintage.webp?v=20260904-retro-v1")!important;
  background-size:contain!important;
  background-position:center!important;
}
.toolbar .odds-display-control button[data-odds-mode="decimal"]::before{
  background-image:url("assets/icons/toolbar-decimal-retro-vintage.webp?v=20260904-retro-v1")!important;
  background-size:contain!important;
  background-position:center!important;
}
.toolbar .odds-display-control button[data-odds-mode="american"]::before{
  background-image:url("assets/icons/toolbar-american-retro-vintage.webp?v=20260904-retro-v1")!important;
  background-size:contain!important;
  background-position:center!important;
}
.toolbar .odds-display-control button[data-odds-mode="fractional"]::before{
  background-image:url("assets/icons/toolbar-fraction-retro-vintage.webp?v=20260904-retro-v1")!important;
  background-size:contain!important;
  background-position:center!important;
}

/* Slightly larger optical footprint for the wide retro boards; layout columns stay unchanged. */
@media(min-width:1025px){
  .toolbar .odds-display-label::before,
  .toolbar .odds-display-control button::before{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
  }
}
@media(min-width:701px) and (max-width:1024px){
  .toolbar .odds-display-label::before,
  .toolbar .odds-display-control button::before{
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
  }
}
@media(max-width:700px){
  .toolbar .odds-display-label::before,
  .toolbar .odds-display-control button::before{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
  }
}

/* Hover remains above the brighter default; active remains the strongest state. */
.toolbar .tabs .tab:hover::before,
.toolbar .tabs .tab:focus-visible::before,
.toolbar .tabs .statistics-link:hover::before,
.toolbar .tabs .statistics-link:focus-visible::before,
.toolbar .odds-display-control button:hover::before,
.toolbar .odds-display-control button:focus-visible::before{
  opacity:1!important;
  filter:brightness(1.27) saturate(1.10) drop-shadow(0 0 5px rgba(255,255,255,.24))!important;
  transform:translateY(-1px) scale(1.04)!important;
}
.toolbar .tabs .statistics-link:hover,
.toolbar .tabs .statistics-link:focus-visible{
  color:var(--green)!important;
  outline:none!important;
}

.toolbar .tabs .tab[aria-pressed="true"]::before,
.toolbar .tabs .tab[data-active="1"]::before,
.toolbar .odds-display-control button.is-active::before,
.toolbar .odds-display-control button[aria-pressed="true"]::before{
  opacity:1!important;
  filter:brightness(1.34) saturate(1.14) drop-shadow(0 0 6px rgba(131,223,137,.48))!important;
  transform:translateY(-1px) scale(1.04)!important;
}

/* Statistics first icon row: match the borderless transparent treatment used by the other subpages. */
.statistics-icon-nav.toolbar,
.statistics-icon-nav.toolbar .tabs,
.statistics-icon-nav.toolbar .tabs .tab,
.statistics-icon-nav.toolbar .tabs .statistics-link{
  background:transparent!important;
  border:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
}