/* v39 dashboard hero safety: bright cards with JS-driven Historical and Weekly rotation. */
html body.scc-historical-page .hero-panel.banner-card,
html body.scc-weekly-page .hero-panel.banner-card{
  background:linear-gradient(135deg,rgba(8,38,72,.94),rgba(0,136,148,.78))!important;
  border-color:rgba(255,255,255,.58)!important;
  box-shadow:0 30px 76px rgba(0,0,0,.38)!important;
  color:#fff!important;
}
html body.scc-historical-page .hero-panel.banner-card .metric,
html body.scc-weekly-page .hero-panel.banner-card .metric{
  opacity:0!important;
  visibility:visible!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 3px 18px rgba(0,0,0,.56),0 0 2px rgba(255,255,255,.28)!important;
  transform:translateX(14px)!important;
  animation-duration:9s!important;
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:both!important;
}
html body.scc-historical-page .hero-panel.banner-card .metric span,
html body.scc-weekly-page .hero-panel.banner-card .metric span,
html body.scc-historical-page .hero-panel.banner-card .metric strong,
html body.scc-weekly-page .hero-panel.banner-card .metric strong,
html body.scc-historical-page .hero-panel.banner-card .metric small,
html body.scc-weekly-page .hero-panel.banner-card .metric small{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  text-shadow:0 3px 18px rgba(0,0,0,.56),0 0 2px rgba(255,255,255,.25)!important;
}
html body.scc-historical-page .hero-panel.banner-card .metric span,
html body.scc-weekly-page .hero-panel.banner-card .metric span{font-weight:950!important;letter-spacing:.05em!important;}
html body.scc-historical-page .hero-panel.banner-card .metric strong,
html body.scc-weekly-page .hero-panel.banner-card .metric strong{font-weight:950!important;}
html body.scc-historical-page .hero-panel.banner-card .metric small,
html body.scc-weekly-page .hero-panel.banner-card .metric small{font-weight:900!important;}
html body.scc-historical-page .hero-panel.banner-card .dot,
html body.scc-weekly-page .hero-panel.banner-card .dot{
  background:rgba(255,255,255,.52)!important;
  animation-duration:9s!important;
  animation-fill-mode:both!important;
}
body.scc-js-hero-carousel.scc-historical-page .hero-panel.banner-card .metric,
body.scc-js-hero-carousel.scc-weekly-page .hero-panel.banner-card .metric,
body.scc-js-hero-carousel.scc-historical-page .hero-panel.banner-card .dot,
body.scc-js-hero-carousel.scc-weekly-page .hero-panel.banner-card .dot{
  animation:none!important;
}
body.scc-js-hero-carousel.scc-historical-page .hero-panel.banner-card .metric,
body.scc-js-hero-carousel.scc-weekly-page .hero-panel.banner-card .metric{
  opacity:0!important;
  transform:translateX(16px)!important;
  transition:opacity .48s ease,transform .48s ease!important;
}
body.scc-js-hero-carousel.scc-historical-page .hero-panel.banner-card .metric.scc-active,
body.scc-js-hero-carousel.scc-weekly-page .hero-panel.banner-card .metric.scc-active{
  opacity:1!important;
  transform:translateX(0)!important;
}
body.scc-js-hero-carousel.scc-historical-page .hero-panel.banner-card .dot.active,
body.scc-js-hero-carousel.scc-weekly-page .hero-panel.banner-card .dot.active{background:#fff!important;}
@keyframes sccDashboardCardOne{0%,31%,97%,100%{opacity:1;transform:translateX(0)}34%,94%{opacity:0;transform:translateX(-14px)}}
@keyframes sccDashboardCardTwo{0%,30%,66%,100%{opacity:0;transform:translateX(14px)}33%,63%{opacity:1;transform:translateX(0)}}
@keyframes sccDashboardCardThree{0%,62%,100%{opacity:0;transform:translateX(14px)}66%,96%{opacity:1;transform:translateX(0)}}
@keyframes sccDashboardDotOne{0%,31%,97%,100%{background:#fff}34%,94%{background:rgba(255,255,255,.52)}}
@keyframes sccDashboardDotTwo{0%,32%,66%,100%{background:rgba(255,255,255,.52)}33%,63%{background:#fff}}
@keyframes sccDashboardDotThree{0%,65%,100%{background:rgba(255,255,255,.52)}66%,96%{background:#fff}}
@media(max-width:700px){
  html body.scc-historical-page .hero-panel.banner-card,
  html body.scc-weekly-page .hero-panel.banner-card{min-height:238px!important;}
  html body.scc-historical-page .hero-panel.banner-card .metric,
  html body.scc-weekly-page .hero-panel.banner-card .metric{padding:34px 26px 56px!important;}
}
@media(prefers-reduced-motion:reduce){
  html body.scc-historical-page .hero-panel.banner-card .metric,
  html body.scc-weekly-page .hero-panel.banner-card .metric,
  html body.scc-historical-page .hero-panel.banner-card .dot,
  html body.scc-weekly-page .hero-panel.banner-card .dot{animation:none!important;}
}