/* "Schedule it now" (scheduleAssist.js): the Work Orders add-operation forms and
   Equipment's Make work order dialog. */
.schedule-assist {
  border: 1px solid var(--card-border);
  border-radius: var(--radius-control);
  background: #FAFCFD;
  padding: 10px 12px;
  flex-shrink: 0;
}
.schedule-assist.hidden { display: none; }
.schedule-assist-job { width: 100%; box-sizing: border-box; }
.sa-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.sa-title {
  font: 600 10.5px var(--font-body, 'Public Sans', system-ui, sans-serif);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--text-faint);
}
.sa-headline { font: 500 12.5px var(--font-body, 'Public Sans', system-ui, sans-serif); color: var(--text-body); }
.sa-headline b { color: var(--seafoam); }
.sa-note { font: 500 12.5px var(--font-body, 'Public Sans', system-ui, sans-serif); color: var(--text-muted); margin-top: 5px; }
.sa-list { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; }
.sa-row {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  font: 500 12.5px var(--font-body, 'Public Sans', system-ui, sans-serif);
  color: var(--text-body);
}
.sa-row:hover { border-color: #C5D2DE; }
.sa-row.selected { border-color: var(--seafoam); background: #EAF5F3; }
.sa-row.is-full { cursor: default; opacity: .55; }
.sa-radio {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1.5px solid #B6C1CC;
  box-sizing: border-box;
}
.sa-row.selected .sa-radio { border: 4px solid var(--seafoam); }
.sa-name { font-weight: 600; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sa-skill {
  margin-left: 7px;
  font: 600 10px var(--font-body, 'Public Sans', system-ui, sans-serif);
  color: #0B5F58;
  background: #DDF1EF;
  padding: 1px 6px;
  border-radius: 99px;
}
.sa-when { margin-left: auto; color: var(--text-muted); white-space: nowrap; }
.sa-when b { color: var(--text-body); }
.sa-foot { display: flex; align-items: baseline; gap: 12px; margin-top: 7px; }
.sa-more { cursor: pointer; font: 600 12px var(--font-body, 'Public Sans', system-ui, sans-serif); color: var(--signal-blue); white-space: nowrap; }
.sa-hint { font: 500 11px var(--font-body, 'Public Sans', system-ui, sans-serif); color: var(--text-faint); }