/* SynoChat-Assistent-Pfeil (gerade, dick, rot, Bump) — synonet.de */
#scw-arrow {
  position: fixed;
  right: 96px;
  bottom: 76px;
  z-index: 2147483646; /* knapp unter dem Widget-Launcher (2147483647) */
  pointer-events: none;
  opacity: 0;
  transform: translateX(-24px);
  transition: opacity .5s ease, transform .5s ease;
}
#scw-arrow.scw-show {
  opacity: 1;
  transform: translateX(0);
}
#scw-arrow.scw-hidden {
  opacity: 0;
  transform: translateX(6px);
  transition: opacity .35s ease;
}
#scw-arrow svg {
  display: block;
  width: 96px;
  height: 44px;
  overflow: visible;
  transform-origin: 6px 22px;              /* Dreh-/Stossachse am Linienanfang -> Spitze bumpet */
}
#scw-arrow .a-linie {
  stroke: #ff4444;                          /* Testfarbe Rot */
  stroke-width: 10;
  stroke-linecap: round;
}
#scw-arrow .a-kopf {
  fill: #ff4444;
}

/* Nach dem Slide-in: wiederholtes "Bumpern" gegen die Blase (Stoss nach rechts + Rueckfeder) */
#scw-arrow.scw-show svg {
  animation: scwBump 1.0s ease-in-out .3s infinite;
}
@keyframes scwBump {
  0%, 100% { transform: translateX(0); }
  22%      { transform: translateX(7px) scaleX(.96); }  /* Anstoss an die Blase (leicht gestaucht) */
  45%      { transform: translateX(-2px); }             /* Rueckfeder */
  62%      { transform: translateX(4px); }
  78%      { transform: translateX(0); }
}

/* Motion-Reduce: keine Bump-Animation, nur stehen bleiben */
@media (prefers-reduced-motion: reduce) {
  #scw-arrow.scw-show { transform: none; }
  #scw-arrow.scw-show svg { animation: none; }
}