.job-title-status-stack{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.visit-milestone{display:block;align-self:center;max-width:100%;box-sizing:border-box;padding:4px 8px;border-radius:8px;background:#e4f2fa;color:#155773;font-size:12px;font-weight:750;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:normal}
.visit-milestone[data-state="on_site"]{background:#dff4e9;color:#176044}
.visit-milestone[data-state="visit_completed"]{background:#edf1f5;color:#46576a}
.visit-milestone[data-state="customer_absent"]{background:#fff1d6;color:#825411}
.visit-milestone[hidden]{display:none!important}
.job-title-status-stack .job-title-status{padding:9px 16px}
.visit-late-clock{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:4px;padding:4px 10px;border:1px solid #efb2b2;border-radius:9px;background:#fff0f0;color:#a91f2c;font-size:12px;font-weight:800;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}
.visit-late-clock[hidden]{display:none!important}
/* Keep the lifecycle color and dot. The 2px ring adds lateness without making
   a Work Order look like New Request or changing the pill's layout dimensions. */
.job-status-stack:has(.visit-late-clock:not([hidden]))>.status,.job-title-status.visit-is-late,.status.visit-is-late{box-shadow:0 0 0 2px var(--wr-new-request-red,#b42336)}
.visit-control.visit-is-late{border-color:#e4979e;background:#fff5f5}
.visit-control.visit-is-late #visitStatus{color:#a91f2c;font-variant-numeric:tabular-nums}
.visit-control.visit-is-late .visit-progress i.done{background:#b42332}
.job-status-stack .visit-late-clock{margin-top:3px}
.schedule-visit .visit-late-clock{position:relative;max-width:100%;font-size:11px;padding:2px 5px;pointer-events:none}
@media(max-width:600px){.job-title-status-stack .job-title-status{padding:7px 10px;font-size:13px}.job-title-status-stack .visit-late-clock{font-size:11px}}

#scheduleWorkspace .schedule-visit.overdue{background:#fff0f0;border-color:#e49ba3;border-left-color:#b42332;color:#8d2030}
