/* Production Schedule report (app/views/production_schedule/index.html.erb).
   --day is set on the chart and changed by the zoom buttons; the timeline
   starts on a Monday, so one line per 7 days is the week grid. */
.production-schedule-grid {
  background-image: repeating-linear-gradient(to right,
    var(--border-primary) 0 1px, transparent 1px calc(var(--day) * 7));
}

/* The stretch from a missed target to today. */
.production-schedule-overdue {
  background: repeating-linear-gradient(135deg,
    rgb(239 68 68 / 0.85) 0 4px, rgb(239 68 68 / 0.35) 4px 8px);
}

/* The sticky project column; narrower on a phone so the chart has room. */
.production-schedule { --label: 9rem; }
@media (min-width: 640px) { .production-schedule { --label: 15rem; } }