/* Touch-friendly tweaks for techs working from phones/iPads */
.step-toggle {
  font-size: 1.6rem;
  background: none;
}

.instructions {
  white-space: pre-line; /* seed data uses newlines between instruction lines */
}

.list-group-item-action {
  -webkit-tap-highlight-color: rgba(13, 110, 253, 0.1);
}

/* Students with no device assigned in Mosyle — the actionable rows on a
   roster, so they get a red row tint plus a pulsing badge. The pulse is a
   slow fade (not a strobe: WCAG 2.3.1 flash limits, and constant blinking
   is hostile on a page techs read for minutes at a time) and it is
   disabled entirely for anyone who asks for reduced motion. */
.no-device-row {
  background-color: #fdeaea;
  box-shadow: inset 3px 0 0 #dc3545;
}

.badge-no-device {
  background-color: #dc3545;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.02em;
}

@media (prefers-reduced-motion: no-preference) {
  .badge-no-device {
    animation: no-device-pulse 1.6s ease-in-out infinite;
  }
}

@keyframes no-device-pulse {
  0%, 100% { background-color: #dc3545; }
  50%      { background-color: #ffc107; color: #1a1a1a; }
}