/* =========================================================
   VELAEA Dashboard Motion
   Scoped premium motion for dashboard.html only.
   Does not touch formulas, APIs, or other pages.
========================================================= */

body.dash-motion-enabled .dashboard-overview-content .dash-motion-item{
  opacity:0;
  transform:translateY(16px) scale(.992);
  filter:saturate(.94) brightness(.96);
  transition:
    opacity .62s cubic-bezier(.18,.82,.24,1),
    transform .62s cubic-bezier(.18,.82,.24,1),
    filter .62s cubic-bezier(.18,.82,.24,1),
    border-color .24s ease,
    box-shadow .24s ease;
  transition-delay:calc(var(--dash-motion-index, 0) * 34ms);
  will-change:opacity, transform, filter;
}

body.dash-motion-enabled .dashboard-overview-content .dash-motion-item.dash-motion-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:saturate(1) brightness(1);
}

body.dash-motion-enabled .dashboard-overview-content .dash-kpi-card,
body.dash-motion-enabled .dashboard-overview-content .dash-panel,
body.dash-motion-enabled .dashboard-overview-content .dash-menu-card{
  position:relative;
  overflow:hidden;
}

body.dash-motion-enabled .dashboard-overview-content .dash-kpi-card::after,
body.dash-motion-enabled .dashboard-overview-content .dash-panel::after,
body.dash-motion-enabled .dashboard-overview-content .dash-menu-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg, transparent 0%, rgba(242,199,106,.105) 42%, transparent 72%);
  transform:translateX(-125%);
  opacity:0;
}

body.dash-motion-enabled .dashboard-overview-content .dash-kpi-card.dash-motion-visible::after,
body.dash-motion-enabled .dashboard-overview-content .dash-panel.dash-motion-visible::after,
body.dash-motion-enabled .dashboard-overview-content .dash-menu-card.dash-motion-visible::after{
  animation:dashCardSheen .92s cubic-bezier(.18,.82,.24,1) both;
  animation-delay:calc(120ms + var(--dash-motion-index, 0) * 24ms);
}

body.dash-motion-enabled .dashboard-overview-content .dash-chart-panel{
  position:relative;
  overflow:hidden;
  transform-origin:50% 64%;
}

body.dash-motion-enabled .dashboard-overview-content .dash-chart-panel canvas{
  transform:translateZ(0);
  will-change:contents, opacity, filter;
}

body.dash-motion-enabled .dashboard-overview-content .dash-chart-panel.chart-motion-waiting canvas{
  opacity:.86;
  filter:saturate(.92) brightness(.98);
}

body.dash-motion-enabled .dashboard-overview-content .dash-chart-panel.chart-motion-running canvas,
body.dash-motion-enabled .dashboard-overview-content .dash-chart-panel.chart-motion-ready canvas{
  opacity:1;
  filter:saturate(1.04) brightness(1.02);
}

body.dash-motion-enabled .dashboard-overview-content .dash-chart-panel.chart-motion-running::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:40%;
  left:-50%;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(242,199,106,.12), transparent);
  opacity:0;
  transform:skewX(-16deg);
  z-index:1;
  animation:dashChartSweep 1.12s ease-out both;
}

body.dash-motion-enabled .dashboard-overview-content .dash-chart-panel canvas,
body.dash-motion-enabled .dashboard-overview-content .dash-chart-panel .dash-panel-head{
  position:relative;
  z-index:0;
}

body.dash-motion-enabled .dash-hero-orb{
  position:relative;
  isolation:isolate;
}

body.dash-motion-enabled .dash-hero-orb .orb-ring{
  z-index:0;
  background:
    radial-gradient(circle at 50% 50%, rgba(242,199,106,.08), transparent 58%),
    conic-gradient(from 230deg, rgba(242,199,106,.055), rgba(126,200,255,.10), rgba(242,199,106,.045));
  filter:none;
}

body.dash-motion-enabled .dash-hero-orb .orb-core{
  z-index:3;
  transform:translateZ(0);
}

body.dash-motion-enabled .dash-score-svg{
  position:absolute;
  left:50%;
  top:50%;
  width:204px;
  height:204px;
  transform:translate(-50%,-50%) translateZ(0);
  overflow:visible;
  z-index:2;
  pointer-events:none;
  filter:none;
  will-change:auto;
}

body.dash-motion-enabled .dash-score-track-outer,
body.dash-motion-enabled .dash-score-track,
body.dash-motion-enabled .dash-score-progress{
  fill:none;
  transform:rotate(-90deg);
  transform-origin:110px 110px;
}

body.dash-motion-enabled .dash-score-track-outer{
  stroke:rgba(242,199,106,.055);
  stroke-width:22;
}

body.dash-motion-enabled .dash-score-track{
  stroke:rgba(146,169,194,.15);
  stroke-width:11.5;
}

body.dash-motion-enabled .dash-score-progress{
  stroke-width:11.5;
  stroke-linecap:round;
  transition:stroke-dashoffset 1180ms cubic-bezier(.18,.78,.18,1);
}

body.dash-motion-enabled .dash-score-progress.dash-score-no-transition{
  transition:none!important;
}

body.dash-motion-enabled .dash-hero-orb.dash-score-running .orb-core{
  animation:dashScoreCoreSoftPulse 980ms cubic-bezier(.18,.78,.18,1) both;
}

@keyframes dashScoreCoreSoftPulse{
  0%{transform:scale(1) translateZ(0)}
  48%{transform:scale(1.012) translateZ(0)}
  100%{transform:scale(1) translateZ(0)}
}

@keyframes dashCardSheen{
  0%{opacity:0;transform:translateX(-125%)}
  18%{opacity:.72}
  100%{opacity:0;transform:translateX(125%)}
}

@keyframes dashChartSweep{
  0%{opacity:0;left:-50%}
  20%{opacity:.72}
  100%{opacity:0;left:112%}
}


@media(max-width:960px){
  body.dash-motion-enabled .dash-score-svg{width:170px;height:170px}
  body.dash-motion-enabled .dash-score-track-outer{stroke-width:20}
  body.dash-motion-enabled .dash-score-track,
  body.dash-motion-enabled .dash-score-progress{stroke-width:11}
}

@media(max-width:768px){
  body.dash-motion-enabled .dashboard-overview-content .dash-motion-item{
    transform:translateY(12px) scale(.996);
    transition-duration:.48s;
    transition-delay:calc(var(--dash-motion-index, 0) * 20ms);
  }
  body.dash-motion-enabled .dashboard-overview-content .dash-chart-panel.chart-motion-running::before{
    animation-duration:.86s;
  }
}

@media (prefers-reduced-motion: reduce){
  body.dash-motion-enabled .dashboard-overview-content .dash-motion-item,
  body.dash-motion-enabled .dashboard-overview-content .dash-motion-item.dash-motion-visible{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
  }
  body.dash-motion-enabled .dashboard-overview-content .dash-kpi-card::after,
  body.dash-motion-enabled .dashboard-overview-content .dash-panel::after,
  body.dash-motion-enabled .dashboard-overview-content .dash-menu-card::after,
  body.dash-motion-enabled .dashboard-overview-content .dash-chart-panel.chart-motion-running::before{
    display:none!important;
  }
  body.dash-motion-enabled .dash-hero-orb .orb-ring{
    transition:none!important;
  }
}