/* Cards and Quick Actions occupy the center; supplied logo sits above. */
.ct-home-brand{display:none}
.home-dashboard-center{display:contents}
@media(min-width:901px){
 body:not(.crew-view) #app #home.page.active{
  display:grid!important;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:stretch!important;justify-content:stretch!important;box-sizing:border-box!important;
  min-height:100svh!important;padding:48px 28px!important;
 }
 body:not(.crew-view) #app #home .home-dashboard-center{display:block;grid-row:2;width:100%;min-width:0}
 body:not(.crew-view) #app #home .home-hero{
  grid-row:1;align-self:end;width:100%!important;height:auto!important;min-height:0!important;
  padding:0!important;margin:0 auto 24px!important;display:flex!important;align-items:center!important;justify-content:center!important;
 }
 body:not(.crew-view) #app #home .home-hero>img,
 body:not(.crew-view) #app #home .home-hero>h1,
 body:not(.crew-view) #app #home .home-hero>h2{display:none!important}
 body:not(.crew-view) #app #home .ct-home-brand{display:block;width:360px;max-width:80vw;transform:none}
 body:not(.crew-view) #app #home .home-hero .ct-approved-logo{
  display:block!important;width:100%!important;max-width:none!important;max-height:none!important;
  height:auto!important;object-fit:contain!important;filter:drop-shadow(0 1px 2px rgba(0,20,35,.55)) drop-shadow(0 3px 6px rgba(0,20,35,.4))!important;
 }
 body:not(.crew-view) #app #home .home-grid{margin:0 auto 36px!important}
 body:not(.crew-view) #app #home .quick{margin:0 auto!important}
}
/* Short windows scroll naturally, without overlapping the logo and cards. */
@media(min-width:901px) and (max-height:800px){
 body:not(.crew-view) #app #home.page.active{min-height:850px!important}
}

/* White Quick Actions dividers fade toward their outer ends. */
body:not(.crew-view) #app #home .quick h2::before,
body:not(.crew-view) #app #home .quick h2::after{
 height:2px!important;border:0!important;border-radius:999px!important;opacity:1!important;
}
body:not(.crew-view) #app #home .quick h2::before{
 background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.35) 40%,rgba(255,255,255,.95))!important;
}
body:not(.crew-view) #app #home .quick h2::after{
 background:linear-gradient(to left,rgba(255,255,255,0),rgba(255,255,255,.35) 40%,rgba(255,255,255,.95))!important;
}