/* EIVA banner layout 51.3 — compact, container-aware title spacing; logo remains on the PHYSICAL RIGHT.
   The fallback CSS is also embedded in public/base.html to bypass stale IIS static caching. */
:is(.eiva-site,.eiva-dashboard) [data-eiva-banner-layout="side-511"]{position:relative!important;isolation:isolate}
:is(.eiva-site,.eiva-dashboard) [data-eiva-banner-layout="side-511"] > .eiva51-banner-brand{
 position:absolute!important;inset:auto!important;left:auto!important;right:clamp(30px,7vw,115px)!important;
 top:50%!important;transform:translateY(-50%)!important;
 width:clamp(112px,13vw,172px)!important;height:clamp(112px,13vw,172px)!important;
 margin:0!important;padding:12px!important;display:grid!important;place-items:center!important;
 background:rgba(12,48,37,.75)!important;border:1px solid rgba(222,184,112,.55)!important;
 border-radius:24px!important;z-index:6!important;pointer-events:none!important;
}
:is(.eiva-site,.eiva-dashboard) [data-eiva-banner-layout="side-511"] > .eiva51-banner-brand img{
 display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
}
/* In case an old stage stylesheet still inserts a heading emblem. */
:is(.eiva-site,.eiva-dashboard) [data-eiva-banner-layout="side-511"] h1::before{
 content:none!important;display:none!important;background-image:none!important;
}
.eiva-site .eiva21-hero[data-eiva-banner-layout="side-511"] .eiva21-hero-content,
.eiva-site .eiva19-hero[data-eiva-banner-layout="side-511"] .eiva19-hero-content,
.eiva-site .eiva23-hero[data-eiva-banner-layout="side-511"] .eiva23-hero-content,
.eiva-site .eiva18-hero[data-eiva-banner-layout="side-511"] .eiva18-hero-inner,
.eiva-site .eiva-page-hero[data-eiva-banner-layout="side-511"] > .container-x,
.eiva-site .e45-hero[data-eiva-banner-layout="side-511"] .e45-hero-inner,
.eiva-dashboard .e45-banner[data-eiva-banner-layout="side-511"] > div:not(.eiva51-banner-brand){
 /* Reserve only the part of the logo that actually intersects the centered text container. */
 padding-left:18px!important;
 padding-right:max(18px,calc(clamp(30px,7vw,115px) + clamp(112px,13vw,172px) + 28px - max(24px,calc((100vw - 1240px)/2))))!important;
 box-sizing:border-box!important;
}
.eiva-site .eiva39-specialty-hero[data-eiva-banner-layout="side-511"] .eiva39-specialty-layout{
 padding-left:18px!important;
 padding-right:max(18px,calc(clamp(30px,7vw,115px) + clamp(112px,13vw,172px) + 28px - max(24px,calc((100vw - 1240px)/2))))!important;
 box-sizing:border-box!important;
}
/* The compact dashboard banner uses its own local, smaller brand-safe area. */
.eiva-dashboard .e45-banner[data-eiva-banner-layout="side-511"] > .eiva51-banner-brand{
 right:18px!important;
 width:clamp(86px,10vw,112px)!important;
 height:clamp(86px,10vw,112px)!important;
}
.eiva-dashboard .e45-banner[data-eiva-banner-layout="side-511"] > div:not(.eiva51-banner-brand){
 padding-right:clamp(124px,12vw,150px)!important;
}
@media(max-width:850px) and (min-width:641px){
 :is(.eiva-site,.eiva-dashboard) [data-eiva-banner-layout="side-511"] > .eiva51-banner-brand{
  left:auto!important;right:20px!important;width:90px!important;height:90px!important;border-radius:17px!important;
 }
 .eiva-site .eiva21-hero[data-eiva-banner-layout="side-511"] .eiva21-hero-content,
 .eiva-site .eiva19-hero[data-eiva-banner-layout="side-511"] .eiva19-hero-content,
 .eiva-site .eiva23-hero[data-eiva-banner-layout="side-511"] .eiva23-hero-content,
 .eiva-site .eiva18-hero[data-eiva-banner-layout="side-511"] .eiva18-hero-inner,
 .eiva-site .eiva-page-hero[data-eiva-banner-layout="side-511"] > .container-x,
 .eiva-site .e45-hero[data-eiva-banner-layout="side-511"] .e45-hero-inner,
 .eiva-dashboard .e45-banner[data-eiva-banner-layout="side-511"] > div:not(.eiva51-banner-brand),
 .eiva-site .eiva39-specialty-hero[data-eiva-banner-layout="side-511"] .eiva39-specialty-layout{
  padding-left:16px!important;padding-right:124px!important;
 }
}
@media(max-width:640px){
 .eiva-site :is(.eiva21-hero,.eiva19-hero,.eiva23-hero)[data-eiva-banner-layout="side-511"]{
  display:block!important;
 }
 :is(.eiva-site,.eiva-dashboard) [data-eiva-banner-layout="side-511"] > .eiva51-banner-brand{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;
  top:auto!important;transform:none!important;float:none!important;
  margin:15px 16px 6px auto!important;width:76px!important;height:76px!important;
  border-radius:15px!important;padding:7px!important;
 }
 .eiva-site .eiva21-hero[data-eiva-banner-layout="side-511"] .eiva21-hero-content,
 .eiva-site .eiva19-hero[data-eiva-banner-layout="side-511"] .eiva19-hero-content,
 .eiva-site .eiva23-hero[data-eiva-banner-layout="side-511"] .eiva23-hero-content,
 .eiva-site .eiva18-hero[data-eiva-banner-layout="side-511"] .eiva18-hero-inner,
 .eiva-site .eiva-page-hero[data-eiva-banner-layout="side-511"] > .container-x,
 .eiva-site .e45-hero[data-eiva-banner-layout="side-511"] .e45-hero-inner,
 .eiva-dashboard .e45-banner[data-eiva-banner-layout="side-511"] > div:not(.eiva51-banner-brand),
 .eiva-site .eiva39-specialty-hero[data-eiva-banner-layout="side-511"] .eiva39-specialty-layout{
  padding-left:16px!important;padding-right:16px!important;
 }
 .eiva-site .eiva21-hero[data-eiva-banner-layout="side-511"] .eiva21-hero-content,
 .eiva-site .eiva19-hero[data-eiva-banner-layout="side-511"] .eiva19-hero-content,
 .eiva-site .eiva23-hero[data-eiva-banner-layout="side-511"] .eiva23-hero-content{
   max-width:100%!important;width:min(100% - 24px,1200px)!important;
 }
}