/* V82 — keep App Installation and Stage 1 as separate pages.
   Only requested refinements: chooser backgrounds blend into the site gradient,
   headings are readable blue, and Stage model buttons remain 4 per row. */

/* Both selector pages keep the V80 light-center / dark-edge site background. */
body.tt-v77-inner main{
  background:
    radial-gradient(ellipse 58% 40% at 50% 43%,#fff 0%,#fff 45%,rgba(249,253,255,.98) 57%,rgba(224,239,252,.88) 68%,rgba(111,158,199,.58) 78%,rgba(24,74,125,.48) 86%,rgba(0,32,72,.80) 93%,#000817 100%),
    linear-gradient(180deg,#dcecf8 0%,#f7fbff 10%,#fff 28%,#fff 55%,#e5f1fa 70%,#7da6cb 82%,#183f70 91%,#000817 100%)!important;
}

/* No visible plate behind brand/model choices — the site gradient remains visible. */
body.tt-v77-inner .tt-apps-chooser .apps-brand-grid,
body.tt-v77-inner .tt-apps-chooser .apps-model-panel,
body.tt-v77-inner .tt-apps-chooser .apps-model-panel.visible,
body.tt-v77-inner .stage-top-selector .stage-brand-grid,
body.tt-v77-inner .stage-top-selector .stage-brand-panel,
body.tt-v77-inner .stage-top-selector .stage-brand-panel:not(:empty),
body.tt-v77-inner .stage-top-selector .stage-model-list{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.tt-v77-inner .tt-apps-chooser .apps-model-panel,
body.tt-v77-inner .tt-apps-chooser .apps-model-panel.visible,
body.tt-v77-inner .stage-top-selector .stage-brand-panel,
body.tt-v77-inner .stage-top-selector .stage-brand-panel:not(:empty){
  padding:0!important;
  border-radius:0!important;
}

/* Readable chooser headings on both pages. */
body.tt-v77-inner .tt-apps-chooser h1,
body.tt-v77-inner .tt-apps-chooser .apps-model-title,
body.tt-v77-inner .stage-top-selector h1,
body.tt-v77-inner .stage-top-selector .eyebrow,
body.tt-v77-inner .stage-top-selector .stage-brand-copy h3{
  color:#078fe8!important;
  -webkit-text-fill-color:#078fe8!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55)!important;
}

/* Stage 1: four model buttons per row, inside the same centered width as brands. */
body.tt-v77-inner .stage-top-selector{
  width:min(100%,1120px)!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.tt-v77-inner .stage-top-selector .stage-brand-grid,
body.tt-v77-inner .stage-top-selector .stage-brand-panel:not(:empty){
  width:100%!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.tt-v77-inner .stage-top-selector .stage-model-list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:1120px!important;
  margin:12px auto 0!important;
}
body.tt-v77-inner .stage-top-selector .stage-model-button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

/* App Installation selector remains centered and plate-free. */
body.tt-v77-inner .tt-apps-chooser .apps-brand-grid,
body.tt-v77-inner .tt-apps-chooser .apps-model-grid{
  justify-content:center!important;
}

@media(max-width:850px){
  body.tt-v77-inner .stage-top-selector .stage-model-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:430px){
  body.tt-v77-inner .stage-top-selector .stage-model-list{grid-template-columns:1fr!important}
}