/* Approved manager background. Original agency hero, ec21f33. */
#panel-hero-backdrop{display:none}
html[data-panel-background="hero"]{background:#08131c}
html[data-panel-background="hero"] body{background:transparent;isolation:isolate}
html[data-panel-background="hero"] .ambient{display:none!important}
html[data-panel-background="hero"] #panel-hero-backdrop{display:block;position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#08131c}
.panel-hero-texture{position:absolute;inset:-4% -3% 0;background:url('/assets/panel-hero-glass.webp') right bottom/cover no-repeat;opacity:.96;filter:blur(6px);animation:panel-fabric-breath 24s cubic-bezier(.77,0,.175,1) infinite alternate}
.panel-hero-light{position:absolute;right:-8%;top:8%;width:48%;height:82%;opacity:.62;background:radial-gradient(ellipse at right,rgba(0,168,255,.2),transparent 68%)}
#panel-hero-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,6,.4),transparent 70%),linear-gradient(180deg,rgba(2,4,6,.04),transparent 65%,rgba(2,4,6,.22))}
/* One layer stays behind the cover and the workspace for the entire visit. */
html[data-panel-background="hero"] #loading.panel-intro-cover{background:transparent}
html[data-panel-background="hero"] #loading.panel-intro-cover::before{display:none}
html[data-panel-background-paused] .panel-hero-texture{animation-play-state:paused}
/* Keep the frosted backdrop cached while the foreground layers are prepared. */
html:is([data-panel-intro],[data-dashboard-intro]) .panel-hero-texture{animation-play-state:paused}
/* Frost the surface behind the content; text and charts remain sharp. */
html[data-panel-background="hero"] :is(.panel,.po-card,.entity-card,.native-table-panel){background-color:rgba(9,14,20,.74)}
html[data-panel-background="hero"] .po-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
html[data-panel-background="hero"] #page-portfolio{--po-muted:#aeb9c7}
html[data-panel-background="hero"] #page-portfolio :is(.po-card-head>span,.po-stat small,.po-hero-foot,.po-trend-sub,.po-ring-center span){color:#b0bac7}
@keyframes panel-fabric-breath{from{transform:translate3d(-1.4%,0,0) scale(1.02)}to{transform:translate3d(1.4%,1.5%,0) scale(1.065)}}
@media(prefers-reduced-motion:reduce){.panel-hero-texture{animation:none;transform:none}}