/* /Users/michelneufeglise/private/max-ai/max-ai/local_front_end/frontend/css/glow-line.css */

#status-glow-line {
  width: 100%;
  height: 1px; /* Thinner line */
  margin-bottom: 1rem; /* Optional: space between line and chat messages */
  background: #333; /* Dark background for the track */
  position: relative;
  overflow: hidden;
  flex-shrink: 0; /* Prevent shrinking in flex container */
  z-index: 10;
}

/* The moving scanner element */
#status-glow-line::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 30%; /* Width of the scanner beam */
  height: 100%;
  background: linear-gradient(90deg, transparent, #00ff99, transparent); /* Green by default */
  box-shadow: 0 0 10px #00ff99, 0 0 20px #00ff99;
  animation: scan 3s linear infinite alternate;
  transition: all 0.6s ease-in-out;
}

#status-glow-line.thinking {
  /* No change to container needed, just the child */
}

#status-glow-line.thinking::after {
  background: linear-gradient(90deg, transparent, #ff4d4d, transparent); /* Red when thinking */
  box-shadow: 0 0 10px #ff4d4d, 0 0 20px #ff4d4d;
  animation-duration: 1.5s; /* Faster scan when thinking */
}

@keyframes scan {
  0% {
    left: -30%;
  }
  100% {
    left: 100%;
  }
}