/* Dashboard Boot Glow V1 — one-shot cyan/volt trace for the action-first dashboard header. */
#dashboard-welcome-head,
#memberAttentionCenter,
.member-metric-rail{
  position:relative;
  isolation:isolate;
}

#dashboard-welcome-head::after,
#memberAttentionCenter::before,
.member-metric-rail::before,
.member-metric-rail::after{
  content:"";
  position:absolute;
  z-index:3;
  left:0;
  width:30%;
  height:1px;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent 0%,rgba(82,220,255,.16) 16%,rgba(82,220,255,.98) 48%,rgba(185,219,27,.8) 67%,transparent 100%);
  filter:drop-shadow(0 0 5px rgba(82,220,255,.72)) drop-shadow(0 0 9px rgba(185,219,27,.2));
  transform:translateX(-150%);
  will-change:transform,opacity;
}

#dashboard-welcome-head::after{
  bottom:-14px;
  animation:bwDashboardBootTrace 1.12s cubic-bezier(.2,.7,.25,1) .04s 1 both;
}

#memberAttentionCenter{
  overflow:hidden;
}
#memberAttentionCenter::before{
  top:0;
  animation:bwDashboardBootTrace 1.16s cubic-bezier(.2,.7,.25,1) .22s 1 both;
}
#memberAttentionCenter::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:-28% auto auto -12%;
  width:48%;
  aspect-ratio:1.8;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle,rgba(82,220,255,.14),rgba(5,185,242,.035) 45%,transparent 72%);
  animation:bwDashboardBootBloom .88s ease-out .23s 1 both;
}
#memberAttentionCenter>*{position:relative;z-index:1}

.member-metric-rail::before{
  top:-1px;
  animation:bwDashboardBootTrace 1.2s cubic-bezier(.2,.7,.25,1) .42s 1 both;
}
.member-metric-rail::after{
  bottom:-1px;
  animation:bwDashboardBootTrace 1.2s cubic-bezier(.2,.7,.25,1) .5s 1 both;
}

@keyframes bwDashboardBootTrace{
  0%{opacity:0;transform:translateX(-150%)}
  12%{opacity:.92}
  68%{opacity:1}
  100%{opacity:0;transform:translateX(435%)}
}
@keyframes bwDashboardBootBloom{
  0%{opacity:0;transform:scale(.72)}
  42%{opacity:1}
  100%{opacity:0;transform:scale(1.2)}
}

@media(max-width:680px){
  #dashboard-welcome-head::after{bottom:-9px}
  #dashboard-welcome-head::after,
  #memberAttentionCenter::before,
  .member-metric-rail::before,
  .member-metric-rail::after{width:42%}
}

@media(prefers-reduced-motion:reduce){
  #dashboard-welcome-head::after,
  #memberAttentionCenter::before,
  #memberAttentionCenter::after,
  .member-metric-rail::before,
  .member-metric-rail::after{
    display:none!important;
    animation:none!important;
  }
}