/* Approved transfer control repair: retain its existing single chevron. */
html body #view-windows .tp-multi-filter>summary::after,
html body #view-windows .tp-builder-filters>.tp-multi-filter>summary::after{
  content:none!important;
  display:none!important;
}
/* PROD's direct subtitle uses the same approved artwork reservation. */
html body #view-grades .ai-feature.baller>small{max-width:calc(100% - 130px)!important;overflow-wrap:anywhere}
@media(min-width:1367px){html body #view-grades .ai-feature.baller>small{max-width:calc(100% - 146px)!important}}
@media(max-width:760px){html body #view-grades .ai-feature.baller>small{max-width:calc(100% - 118px)!important}}

/* Share the existing movement colours and popup behaviour in Teams. */
html body #view-teams .team-title h3 .team-rank-trend{
 display:inline-flex;align-items:center;justify-content:center;
 min-width:26px;min-height:26px;vertical-align:middle;cursor:pointer;
 font-size:14px;line-height:1;flex-shrink:0;
}
html body #view-teams .team-rank-trend::before{content:attr(data-rank-symbol)}
@keyframes dasmCoronalFireTurn{from{rotate:0deg}to{rotate:360deg}}
/* DASM electric-green plasma corona with white highlights. Keep the established football and hero layout. */
html body .brand-banner .dasm-corona-film{display:none!important}
@media(min-width:761px){
  html body .brand-banner .brand-orbit.dasm-solar-hero{
    overflow:visible!important;isolation:isolate;animation:none!important;
    background:transparent!important;box-shadow:none!important;border:0!important;
  }
  html body .brand-banner .brand-orbit.dasm-solar-hero::before,
  html body .brand-banner .brand-orbit.dasm-solar-hero::after,
  html body .brand-banner .dasm-solar-hero .dasm-ipad-pulse-ring,
  html body .brand-banner .dasm-solar-hero .dasm-solar-flare{display:none!important}
  html body .brand-banner .dasm-corona-film{
    display:block!important;position:absolute!important;max-width:none!important;
    transform:none!important;translate:-50% -50%!important;object-fit:contain!important;
    pointer-events:none!important;z-index:3!important;mix-blend-mode:screen;
    opacity:.95!important;animation:dasmCoronalFireTurn 180s linear infinite!important;animation-play-state:running!important;transform-origin:center!important;
    filter:hue-rotate(75deg) saturate(2.2) brightness(.95)!important;
    -webkit-mask-image:radial-gradient(circle,#000 0 44%,transparent 65%);
    mask-image:radial-gradient(circle,#000 0 44%,transparent 65%);
  }
  html body .brand-banner .brand-orbit.dasm-solar-hero .brand-ball.brand-ball{
    transform:none!important;translate:-50% -50%!important;
    z-index:2!important;animation:none!important;rotate:0deg!important;transform-origin:center!important;
    filter:drop-shadow(0 3px 7px rgba(0,0,0,.4)) drop-shadow(0 0 5px rgba(125,255,70,.35))!important;
  }
}

/* R8.319 STAGING: approved BETA mobile solar-corona geometry; existing desktop film preserved. */

@media(max-width:760px){
  html body .brand-banner{position:relative!important;isolation:isolate;overflow:hidden!important}
  html body .brand-banner .brand-orbit.dasm-solar-hero{
    isolation:isolate;background:transparent!important;box-shadow:none!important;
  }
  html body .brand-banner .brand-orbit.dasm-solar-hero::before,
  html body .brand-banner .brand-orbit.dasm-solar-hero::after{
    display:none!important;
  }
  html body .brand-banner .dasm-corona-film{
    display:block!important;position:absolute!important;max-width:none!important;
    transform:none!important;translate:-50% -50%!important;
    object-fit:contain!important;pointer-events:none!important;
    z-index:7!important;mix-blend-mode:screen;opacity:.80!important;
    rotate:0deg;animation:dasmCoronalFireTurn 180s linear infinite!important;
    animation-play-state:running!important;transform-origin:center!important;
    filter:hue-rotate(75deg) saturate(2.2) brightness(.95)!important;
    -webkit-mask-image:radial-gradient(circle,#000 0 44%,transparent 65%);
    mask-image:radial-gradient(circle,#000 0 44%,transparent 65%);
  }
  html body .brand-banner .brand-orbit.dasm-solar-hero .brand-ball.brand-ball{
    animation:none!important;rotate:0deg!important;z-index:2!important;
    filter:drop-shadow(0 3px 7px rgba(0,0,0,.4)) drop-shadow(0 0 5px rgba(125,255,70,.35))!important;
  }
  html body .brand-banner .brand-copy,
  html body .brand-banner .brand-mark{position:relative;z-index:9!important}
}
/* R8.319: approved 12px rightward shift for portrait phone only.
   The existing corona video aligns to the ball's actual viewport rectangle. */
@media (max-width:620px) and (orientation:portrait){
  html body .brand-banner .brand-orbit.dasm-solar-hero{
    position:relative!important;
    left:12px!important;
  }
}
/* R8.317: enlarge the football itself in portrait, without moving its orbit,
   header title, icon or any other layout element. */
@media (max-width:620px) and (orientation:portrait){
  html body .brand-banner .brand-orbit.dasm-solar-hero .brand-ball.brand-ball{
    width:84px!important;height:84px!important;
    max-width:none!important;max-height:none!important;
  }
}

/* iPhone landscape has a desktop-width viewport but phone-height layout.
   Keep the accepted layout; replace ONLY legacy orbit rings with the corona. */
@media (orientation:landscape) and (max-width:1024px) and (max-height:520px){
  html body .brand-banner{position:relative!important}
  html body .brand-banner .brand-orbit.dasm-solar-hero{
    overflow:visible!important;isolation:isolate;background:transparent!important;
    box-shadow:none!important;border:0!important;animation:none!important;
  }
  html body .brand-banner .brand-orbit.dasm-solar-hero::before,
  html body .brand-banner .brand-orbit.dasm-solar-hero::after{
    display:none!important
  }
  html body .brand-banner .dasm-corona-film{
    display:block!important;position:absolute!important;max-width:none!important;
    transform:none!important;translate:-50% -50%!important;
    object-fit:contain!important;pointer-events:none!important;
    z-index:7!important;mix-blend-mode:screen;opacity:.90!important;
    rotate:0deg;animation:dasmCoronalFireTurn 180s linear infinite!important;
    animation-play-state:running!important;transform-origin:center!important;
    filter:hue-rotate(75deg) saturate(2.2) brightness(.95)!important;
    -webkit-mask-image:radial-gradient(circle,#000 0 44%,transparent 65%);
    mask-image:radial-gradient(circle,#000 0 44%,transparent 65%);
  }
  html body .brand-banner .brand-orbit.dasm-solar-hero .brand-ball.brand-ball{
    animation:none!important;rotate:0deg!important;
    filter:drop-shadow(0 3px 7px rgba(0,0,0,.4)) drop-shadow(0 0 5px rgba(125,255,70,.35))!important;
  }
}

@media(max-width:760px) and (prefers-reduced-motion:reduce){html body .brand-banner .dasm-corona-film{animation:none!important}}