/* Home v1.0.10 — grade proporcional baseada na referência Android 640x360. */
#catalogApp{
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
}

#catalogApp .catalog-header{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:20vh!important;
  pointer-events:none;
}

#catalogApp .catalog-brand{
  position:absolute!important;
  right:auto!important;
  bottom:auto!important;
  left:5.15vw!important;
  top:4.55vh!important;
  width:7.75vw!important;
  height:9.9vh!important;
  margin:0!important;
  transform:none!important;
  z-index:4!important;
}

#catalogApp .catalog-status{
  position:absolute!important;
  inset:4.15vh auto auto 17.95vw!important;
  left:17.95vw!important;
  top:4.15vh!important;
  right:auto!important;
  bottom:auto!important;
  width:66.8vw!important;
  height:12.25vh!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0 1.05vw!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:1.18fr .92fr .92fr 1.34fr .76fr .86fr!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:0!important;
  overflow:hidden!important;
  transform:none!important;
  font-size:1.42vw!important;
  line-height:1.08!important;
  z-index:3!important;
}
#catalogApp .catalog-status>*{
  min-width:0!important;
  max-width:100%!important;
  padding:0 .82vw!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
#catalogApp .catalog-status #environmentLabel{grid-column:1!important;grid-row:1!important}
#catalogApp .catalog-status #forecastDay1{grid-column:2!important;grid-row:1!important}
#catalogApp .catalog-status #forecastDay2{grid-column:3!important;grid-row:1!important}
#catalogApp .catalog-status #accountLabel{grid-column:4!important;grid-row:1!important}
#catalogApp .catalog-status #clock{
  grid-column:5!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  padding:.15vh .55vw 0!important;
  overflow:visible!important;
  font-size:3.25vw!important;
  line-height:.86!important;
  position:static!important;
  inset:auto!important;
  width:auto!important;
  margin:0!important;
  transform:none!important;
}
#catalogApp .catalog-status #localDate{
  grid-column:6!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:center!important;
  padding:0 .55vw!important;
  overflow:visible!important;
  font-size:1.16vw!important;
  line-height:1!important;
  position:static!important;
  inset:auto!important;
  width:auto!important;
  margin:0!important;
  transform:none!important;
}

.provider-dashboard{
  position:absolute!important;
  left:2.2vw!important;
  right:2.2vw!important;
  top:20vh!important;
  bottom:auto!important;
  width:auto!important;
  height:68.35vh!important;
  display:grid!important;
  grid-template-columns:24.55fr 41.15fr 29.9fr!important;
  gap:1.4vw!important;
  align-items:stretch!important;
}

.provider-live{
  width:100%!important;
  height:100%!important;
  border-radius:1.45vw!important;
  padding:5vh 1.6vw 5vh!important;
}
.provider-live-icon{
  margin:12vh 0 6vh!important;
  font-size:10.5vw!important;
}
.provider-live strong{font-size:4vw!important}
.provider-live small{
  max-width:17vw!important;
  margin-top:2.4vh!important;
  font-size:1.75vw!important;
}
.provider-live b{
  bottom:4.5vh!important;
  padding:.9vh 1.35vw!important;
  font-size:1.35vw!important;
}

#catalogApp .main-nav{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:1.72fr 1.62fr .98fr .94fr!important;
  gap:1.15vh .7vw!important;
}
#catalogApp .nav-item{
  padding:1.4vh 1.6vw!important;
  gap:1.25vw!important;
  border-radius:1.25vw!important;
}
#catalogApp .nav-item:nth-child(1),
#catalogApp .nav-item:nth-child(2){grid-column:1/7!important}
#catalogApp .nav-item:nth-child(3){grid-column:1/4!important}
#catalogApp .nav-item:nth-child(4){grid-column:4/7!important}
#catalogApp .nav-item:nth-child(5){grid-column:1/3!important}
#catalogApp .nav-item:nth-child(6){grid-column:3/5!important}
#catalogApp .nav-item:nth-child(7){grid-column:5/7!important}
#catalogApp .nav-item>i{
  width:5.6vw!important;
  height:5.6vw!important;
  flex:0 0 5.6vw!important;
  font-size:2.7vw!important;
}
#catalogApp .nav-item strong{font-size:2.45vw!important}
#catalogApp .nav-item small{font-size:1.35vw!important}
#catalogApp .nav-item>b{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:.3vw!important;
  padding:.7vh .72vw!important;
  border-radius:999px!important;
  background:rgba(var(--provider-primary-rgb),.16)!important;
  color:#fff!important;
  font-size:1.05vw!important;
  font-style:normal!important;
  white-space:nowrap!important;
}
#catalogApp .nav-item>b em{
  color:var(--provider-primary)!important;
  font-size:1.12em!important;
  font-style:normal!important;
}
#catalogApp .nav-item.active{
  border-color:rgba(255,255,255,.16)!important;
  background:linear-gradient(132deg,rgba(24,24,33,.97),rgba(13,14,22,.91))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
}
#catalogApp .nav-half{padding:1.3vh 1.2vw!important;gap:1vw!important}
#catalogApp .nav-half>i{
  width:4.8vw!important;
  height:4.8vw!important;
  flex-basis:4.8vw!important;
  font-size:2.25vw!important;
}
#catalogApp .nav-half strong{font-size:2vw!important}
#catalogApp .nav-half small{font-size:1.15vw!important}
#catalogApp .nav-small{padding:.8vh .65vw!important;gap:.65vw!important}
#catalogApp .nav-small>i{
  width:3.75vw!important;
  height:3.75vw!important;
  flex-basis:3.75vw!important;
  font-size:1.75vw!important;
}
#catalogApp .nav-small strong{font-size:1.5vw!important}

#catalogApp .catalog-hero{
  width:100%!important;
  height:100%!important;
  border-radius:1.45vw!important;
}
#catalogApp .highlight-copy{
  left:1.7vw!important;
  right:1.7vw!important;
  bottom:2.8vh!important;
}
#catalogApp .highlight-copy .kicker{font-size:1.05vw!important}
#catalogApp .highlight-copy h1{
  max-width:74%!important;
  margin:1vh 0 .45vh!important;
  font-size:2.5vw!important;
}
#catalogApp .highlight-copy .highlight-meta{font-size:1.2vw!important}
#catalogApp .highlight-copy>p{font-size:1.05vw!important}
#catalogApp .highlight-actions{gap:.65vw!important;margin-top:1.6vh!important}
#catalogApp .highlight-actions button{
  width:auto!important;
  flex:1 1 0!important;
  min-width:0!important;
  min-height:5.6vh!important;
  padding:0 .7vw!important;
  font-size:1.2vw!important;
  border-radius:.75vw!important;
}
.provider-dashboard .featured-poster{
  right:1.35vw!important;
  top:2.75vh!important;
  width:7.45vw!important;
  height:19.5vh!important;
  border-radius:.8vw!important;
}

/* Em telas mais estreitas, preserva a composição sem cortar ou empilhar. */
@media (max-aspect-ratio:16/9){
  .provider-dashboard{grid-template-columns:24.55fr 41.15fr 29.9fr!important}
}

/* O painel de catálogo ocupa a área útil inteira quando a Home é substituída. */
#catalogApp .library-panel{
  inset:9vh 1.6vw 1.7vh!important;
  width:auto!important;
  height:auto!important;
}