/* Keep the fault effect inside the clock card, with no flashing or page movement. */
.worktime-modes { border: 0; margin: 18px 0; padding: 0; display: grid; gap: 10px; }
.worktime-modes legend { margin-bottom: 12px; font-size: 12px; color: inherit; }
#worktime-form .worktime-mode { display: flex; align-items: center; gap: 10px; margin: 0; cursor: pointer; font-size: 13px; }
.worktime-mode input { accent-color: var(--blue, #90afff); margin: 0; }
#worktime:disabled { opacity: .4; cursor: not-allowed; }
.no-off-hours .countdown-card { position: relative; overflow: hidden; }
.no-off-hours .countdown-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, transparent 0 6px, currentColor 7px, transparent 8px); opacity: .035; animation: worktime-scan 12s linear infinite; }
.no-off-hours #countdown > span { animation: worktime-slip 9s ease-in-out infinite; }
.no-off-hours #countdown > span:nth-of-type(2) { animation-delay: -3s; }
.no-off-hours #countdown > span:nth-of-type(3) { animation-delay: -6s; }
@keyframes worktime-slip { 0%, 83%, 87%, 100% { transform: translateX(0); } 84%, 86% { transform: translateX(1.5px); } 85% { transform: translateX(-1px); } }
@keyframes worktime-scan { from { transform: translateY(-8px); } to { transform: translateY(8px); } }
.motion-paused.no-off-hours #countdown > span, .motion-paused.no-off-hours .countdown-card::after { animation: none; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .no-off-hours #countdown > span, .no-off-hours .countdown-card::after { animation: none; transform: none; }
}