#view-workers .attention{position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease;animation:worker-in .3s ease both}
#view-workers .attention:hover{transform:translateY(-2px);border-color:var(--cyan);background:#17211f}
#view-workers .attention.ok>span{color:var(--green);background:#4ce0a122}
#view-workers .attention.warn{border-color:#ff667a66;background:#24171c}
#view-workers .attention.warn>span{animation:worker-pulse 1.4s ease-in-out infinite}
#view-workers .attention small{line-height:1.5}
@keyframes worker-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes worker-pulse{50%{box-shadow:0 0 0 7px #ff667a12}}
@media(prefers-reduced-motion:reduce){#view-workers .attention{animation:none;transition:none}}