/* Static layered color field. Scoped to all video analysis tabs; content stays opaque. */
.va-shell .workspace:has(#analytics-tab-dashboard[aria-selected="true"],#analytics-tab-sources[aria-selected="true"],#analytics-tab-finds[aria-selected="true"],#analytics-tab-videos[aria-selected="true"],#analytics-tab-analyticsSettings[aria-selected="true"]){position:relative;isolation:isolate;background-color:var(--bg)}
.va-shell .workspace:has(#analytics-tab-dashboard[aria-selected="true"],#analytics-tab-sources[aria-selected="true"],#analytics-tab-finds[aria-selected="true"],#analytics-tab-videos[aria-selected="true"],#analytics-tab-analyticsSettings[aria-selected="true"])::before,
.va-shell .workspace:has(#analytics-tab-dashboard[aria-selected="true"],#analytics-tab-sources[aria-selected="true"],#analytics-tab-finds[aria-selected="true"],#analytics-tab-videos[aria-selected="true"],#analytics-tab-analyticsSettings[aria-selected="true"])::after{content:"";position:absolute;inset:80px 0 0;z-index:-1;pointer-events:none}
.va-shell .workspace:has(#analytics-tab-dashboard[aria-selected="true"],#analytics-tab-sources[aria-selected="true"],#analytics-tab-finds[aria-selected="true"],#analytics-tab-videos[aria-selected="true"],#analytics-tab-analyticsSettings[aria-selected="true"])::before{background:radial-gradient(ellipse 65% 380px at 2% 290px,#b129541a,transparent 78%),radial-gradient(ellipse 60% 400px at 76% 15px,#7350c126,transparent 80%),radial-gradient(ellipse 45% 340px at 100% 480px,#25c6ce16,transparent 75%),radial-gradient(ellipse 48% 250px at 30% 700px,#ff603d12,transparent 82%);background-repeat:no-repeat}
.va-shell .workspace:has(#analytics-tab-dashboard[aria-selected="true"],#analytics-tab-sources[aria-selected="true"],#analytics-tab-finds[aria-selected="true"],#analytics-tab-videos[aria-selected="true"],#analytics-tab-analyticsSettings[aria-selected="true"])::after{height:1000px;max-height:calc(100% - 80px);background:url('analytics-aurora.svg') center top / 100% 1000px no-repeat;opacity:.27;mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 68%,transparent 100%)}
.light.va-shell .workspace:has(#analytics-tab-dashboard[aria-selected="true"],#analytics-tab-sources[aria-selected="true"],#analytics-tab-finds[aria-selected="true"],#analytics-tab-videos[aria-selected="true"],#analytics-tab-analyticsSettings[aria-selected="true"])::before{background:radial-gradient(ellipse 65% 380px at 2% 290px,#f8b9c433,transparent 78%),radial-gradient(ellipse 60% 400px at 76% 15px,#bb9fea33,transparent 80%),radial-gradient(ellipse 45% 340px at 100% 480px,#8fe1df33,transparent 75%),radial-gradient(ellipse 48% 250px at 30% 700px,#ffcaab26,transparent 82%);background-repeat:no-repeat}
.light.va-shell .workspace:has(#analytics-tab-dashboard[aria-selected="true"],#analytics-tab-sources[aria-selected="true"],#analytics-tab-finds[aria-selected="true"],#analytics-tab-videos[aria-selected="true"],#analytics-tab-analyticsSettings[aria-selected="true"])::after{opacity:.19}
/* Keep the header bars solid so project navigation remains visually stable. */
.va-shell .workspace:has(.analytics-workspace)>.accountbar,.va-shell .workspace:has(.analytics-workspace)>.topbar{background:var(--bg)}
@media(max-width:700px){.va-shell .workspace:has(.analytics-workspace)::after{background-size:150% 850px;background-position:35% 0}}
@media(forced-colors:active){.va-shell .workspace::before,.va-shell .workspace::after{display:none}}

/* A single opaque surface groups the page title, actions and tabs above the color field. */
.va-shell .va-page-header{background:var(--bg);margin:-26px -24px 24px;padding:26px 24px 0;position:relative;isolation:isolate}
.va-shell .va-page-header .analytics-overview-tabs{margin-bottom:0}
@media(max-width:700px){.va-shell .va-page-header{margin:-18px -14px 24px;padding:18px 14px 0}}

/* Extend only the solid paint beyond the centered content without adding scroll width. */
.va-shell .va-page-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}

/* The active orange underline is the only tab baseline. */
.va-shell .va-page-header .analytics-overview-tabs{border-bottom:0}