/* HayOrder v1.1.78 – Annahme erforderlich: klarer Grün/Rot-Rahmenwechsel */

/*
 * Wichtig: Der bisherige Puls lag direkt auf border-color/box-shadow der Karte.
 * Diese Eigenschaften wurden an anderer Stelle mit !important gesetzt und konnten
 * deshalb vom Keyframe nicht sichtbar interpoliert werden. v1.1.78 zeichnet das
 * Warnsignal als eigene Overlay-Border. Damit ist der Farbwechsel zuverlässig sichtbar.
 */
body #orders-ajax-root.ho-orders-178 .ho122-order-card.is-attention .ho122-order-link{
  animation:none!important;
  border-color:rgba(100,126,149,.28)!important;
  box-shadow:0 12px 28px rgba(1,8,16,.20)!important;
}

body #orders-ajax-root.ho-orders-178 .ho122-order-card.is-attention .ho122-order-link::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:6;
  border:2px solid #36d58e;
  border-radius:inherit;
  pointer-events:none;
  box-sizing:border-box;
  animation:ho178-attention-green-red 1.55s ease-in-out infinite;
  will-change:border-color,box-shadow;
}

@keyframes ho178-attention-green-red{
  0%,100%{
    border-color:#36d58e;
    box-shadow:
      inset 0 0 0 1px rgba(54,213,142,.10),
      inset 0 0 12px rgba(54,213,142,.06);
  }
  50%{
    border-color:#ff665a;
    box-shadow:
      inset 0 0 0 1px rgba(255,102,90,.20),
      inset 0 0 18px rgba(255,102,90,.10);
  }
}

/* Das Annahme-Feld selbst bleibt ruhig. Nur der Außenrahmen wechselt. */
body #orders-ajax-root.ho-orders-178 .ho122-order-card.is-attention .ho154-countdown{
  animation:none!important;
}

/* Hover darf die Warnanimation nicht beeinflussen. */
body #orders-ajax-root.ho-orders-178 .ho122-order-card.is-attention .ho122-order-link:hover::after{
  animation:ho178-attention-green-red 1.55s ease-in-out infinite;
}

/* Light Mode: gleiche Logik, etwas gedämpfte Farben. */
body.theme-light #orders-ajax-root.ho-orders-178 .ho122-order-card.is-attention .ho122-order-link::after{
  animation-name:ho178-attention-green-red-light;
}

@keyframes ho178-attention-green-red-light{
  0%,100%{
    border-color:#2fbf7a;
    box-shadow:
      inset 0 0 0 1px rgba(47,191,122,.09),
      inset 0 0 10px rgba(47,191,122,.05);
  }
  50%{
    border-color:#e95f54;
    box-shadow:
      inset 0 0 0 1px rgba(233,95,84,.16),
      inset 0 0 15px rgba(233,95,84,.08);
  }
}

/* Nutzerwunsch: Auch bei reduzierter Bewegung bleibt dieses betriebliche Warnsignal aktiv,
 * dann nur langsamer und weiterhin ausschließlich am Rahmen. */
@media(prefers-reduced-motion:reduce){
  body #orders-ajax-root.ho-orders-178 .ho122-order-card.is-attention .ho122-order-link::after{
    animation-duration:2.4s;
  }
}