/* v167 — exact selector button appearance requested from reference screenshot.
   Applies identically to brand and model buttons on Multimedia and Stage 1. */
:root{
  --tt167-normal-top:#0d2c43;
  --tt167-normal-bottom:#092136;
  --tt167-normal-border:#174d6f;
  --tt167-hover-top:#123b59;
  --tt167-hover-bottom:#0b2940;
  --tt167-active-top:#279cff;
  --tt167-active-bottom:#0875d5;
  --tt167-active-border:#36b2ff;
  --tt167-text:#f7fbff;
}

/* Grid buttons: same shape for brands and models, both pages. */
html body .apps-brand-grid .apps-brand-button,
html body .apps-model-grid .apps-model-button,
html body .stage-brand-grid .stage-brand,
html body .stage-model-list .stage-model-button,
html body button.stage-model-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:8px 12px!important;
  margin:0!important;
  border:1px solid var(--tt167-normal-border)!important;
  border-radius:8px!important;
  clip-path:none!important;
  transform:none!important;
  background:linear-gradient(180deg,var(--tt167-normal-top) 0%,var(--tt167-normal-bottom) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 1px 2px rgba(0,0,0,.22)!important;
  color:var(--tt167-text)!important;
  -webkit-text-fill-color:var(--tt167-text)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.42)!important;
  font-weight:800!important;
  opacity:1!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

/* Kill every legacy trapezoid/pseudo background. */
html body .apps-brand-grid .apps-brand-button::before,
html body .apps-brand-grid .apps-brand-button::after,
html body .apps-model-grid .apps-model-button::before,
html body .apps-model-grid .apps-model-button::after,
html body .stage-brand-grid .stage-brand::before,
html body .stage-brand-grid .stage-brand::after,
html body .stage-model-list .stage-model-button::before,
html body .stage-model-list .stage-model-button::after,
html body button.stage-model-button::before,
html body button.stage-model-button::after{
  content:none!important;
  display:none!important;
}

html body .apps-brand-grid .apps-brand-button:hover,
html body .apps-model-grid .apps-model-button:hover,
html body .stage-brand-grid .stage-brand:hover,
html body .stage-model-list .stage-model-button:hover,
html body button.stage-model-button:hover{
  background:linear-gradient(180deg,var(--tt167-hover-top),var(--tt167-hover-bottom))!important;
  border-color:#22658e!important;
}

html body .apps-brand-grid .apps-brand-button.active,
html body .apps-model-grid .apps-model-button.active,
html body .stage-brand-grid .stage-brand.active,
html body .stage-model-list .stage-model-button.active,
html body button.stage-model-button.active,
html body .apps-brand-grid .apps-brand-button[aria-selected="true"],
html body .apps-model-grid .apps-model-button[aria-selected="true"],
html body .stage-brand-grid .stage-brand[aria-selected="true"],
html body .stage-model-list .stage-model-button[aria-selected="true"]{
  background:linear-gradient(180deg,var(--tt167-active-top) 0%,var(--tt167-active-bottom) 100%)!important;
  border-color:var(--tt167-active-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(40,155,239,.15),0 3px 8px rgba(0,91,170,.28)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

html body .apps-brand-grid .apps-brand-button *,
html body .apps-model-grid .apps-model-button *,
html body .stage-brand-grid .stage-brand *,
html body .stage-model-list .stage-model-button *,
html body button.stage-model-button *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  opacity:1!important;
}

@media (max-width:760px){
  html body .apps-brand-grid .apps-brand-button,
  html body .apps-model-grid .apps-model-button,
  html body .stage-brand-grid .stage-brand,
  html body .stage-model-list .stage-model-button,
  html body button.stage-model-button{
    min-height:38px!important;
    padding:7px 8px!important;
    border-radius:7px!important;
    font-size:11px!important;
  }
}