/* ══════════════════════════════════════════════════════════════════════════
   canon-sched-honest.css — honest times (feature_sched_honest_times, js/scheduler/honest.js).

   The real on-site span drawn over a job's booked block. .sched-actual is only
   written while the flag is on. Canon tokens only.
   ══════════════════════════════════════════════════════════════════════════ */
@layer components {
  .sched-app .sched-actual {
    position: absolute; left: 0; width: 4px; pointer-events: none;
    border-radius: 2px;
    background: color-mix(in srgb, var(--c-ok) 85%, transparent);
  }
  .sched-app .sched-actual.is-h { top: auto; bottom: 0; left: 0; width: auto; height: 4px; }
  .sched-app .sched-actual.is-late { background: color-mix(in srgb, var(--c-warn) 90%, transparent); }
  .sched-app .sched-actual.is-running {
    background: repeating-linear-gradient(0deg, var(--c-ok) 0 4px, color-mix(in srgb, var(--c-ok) 45%, transparent) 4px 8px);
  }
  .sched-app .sched-actual.is-h.is-running {
    background: repeating-linear-gradient(90deg, var(--c-ok) 0 4px, color-mix(in srgb, var(--c-ok) 45%, transparent) 4px 8px);
  }
}