/* Keep the console shell in place; only the work area waits for its data. */
html.siem-loading #main{opacity:0;pointer-events:none}
html.siem-loading #sidebar .nav-badge{visibility:hidden}
#main{transition:opacity 160ms ease-out}
#siem-loading{position:fixed;top:48px;left:0;right:0;height:2px;z-index:2147483000;overflow:hidden;pointer-events:none;background:transparent}
#siem-loading::after,html.siem-navigating::after{content:"";display:block;height:2px;width:35%;background:linear-gradient(90deg,transparent,var(--accent,#3B82F6),var(--cyan,#00D4FF),transparent);animation:siem-sweep 1.1s ease-in-out infinite}
html.siem-navigating::after{position:fixed;top:48px;left:0;z-index:2147483000;pointer-events:none}
@keyframes siem-sweep{from{transform:translateX(-100%)}to{transform:translateX(390%)}}
/* Supporting browsers retain the old document while the next one renders. */
@view-transition{navigation:auto}
#topbar{view-transition-name:siem-topbar}
#sidebar{view-transition-name:siem-sidebar}
#tool-rail{view-transition-name:siem-rail}
::view-transition-group(*){animation-duration:160ms}
::view-transition-old(siem-topbar),::view-transition-new(siem-topbar),::view-transition-old(siem-sidebar),::view-transition-new(siem-sidebar),::view-transition-old(siem-rail),::view-transition-new(siem-rail){animation:none;mix-blend-mode:normal}
.siem-load-error{padding:32px;color:var(--tx);font:14px var(--font)}
@media(prefers-reduced-motion:reduce){#main{transition:none}#siem-loading::after,html.siem-navigating::after{animation:none;transform:none;width:100%;background:var(--accent,#3B82F6)}@view-transition{navigation:none}}