/* Sign-in page: make a failed attempt unmistakable (red message, red fields, brief shake). */
.staff-notice.error {
  border: 2px solid #e24b4a;
  background: rgba(226, 75, 74, .16);
  color: #ffd9d6;
  font-weight: 750;
}
.staff-notice.error::before {
  content: "Not signed in";
  display: block;
  margin-bottom: 4px;
  color: #ff8a84;
  font-size: 13px;
  font-weight: 850;
  text-transform: uppercase;
}
.staff-form input.field-error {
  border: 2px solid #e24b4a;
  box-shadow: 0 0 0 3px rgba(226, 75, 74, .28);
}
@keyframes staff-signin-shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}
.staff-notice.shake { animation: staff-signin-shake .4s ease-in-out 1; }
@media (prefers-reduced-motion: reduce) {
  .staff-notice.shake { animation: none; }
}