/* Workerex 0.0.29 Job Status colors. Loaded after page-specific CSS. */
:root {
  --job-status-gray: #64748b;
  --job-status-gray-soft: #f1f5f9;
  --job-status-gray-border: #cbd5e1;
  --job-status-blue: #1d4ed8;
  --job-status-blue-soft: #eff6ff;
  --job-status-blue-border: #bfdbfe;
  --job-status-green: #15803d;
  --job-status-green-soft: #f0fdf4;
  --job-status-green-border: #bbf7d0;
  --job-status-yellow: #a16207;
  --job-status-yellow-soft: #fefce8;
  --job-status-yellow-border: #fde68a;
  --job-status-orange: #c2410c;
  --job-status-orange-soft: #fff7ed;
  --job-status-orange-border: #fed7aa;
  --job-status-red: #b91c1c;
  --job-status-red-soft: #fef2f2;
  --job-status-red-border: #fecaca;
  --job-status-purple: #7e22ce;
  --job-status-purple-soft: #faf5ff;
  --job-status-purple-border: #e9d5ff;
}

.status-gray,
.status-color--gray {
  --job-status-color: var(--job-status-gray);
  --job-status-soft: var(--job-status-gray-soft);
  --job-status-border: var(--job-status-gray-border);
}

.status-blue,
.status-color--blue {
  --job-status-color: var(--job-status-blue);
  --job-status-soft: var(--job-status-blue-soft);
  --job-status-border: var(--job-status-blue-border);
}

.status-green,
.status-color--green {
  --job-status-color: var(--job-status-green);
  --job-status-soft: var(--job-status-green-soft);
  --job-status-border: var(--job-status-green-border);
}

.status-yellow,
.status-color--yellow {
  --job-status-color: var(--job-status-yellow);
  --job-status-soft: var(--job-status-yellow-soft);
  --job-status-border: var(--job-status-yellow-border);
}

.status-orange,
.status-color--orange {
  --job-status-color: var(--job-status-orange);
  --job-status-soft: var(--job-status-orange-soft);
  --job-status-border: var(--job-status-orange-border);
}

.status-red,
.status-color--red {
  --job-status-color: var(--job-status-red);
  --job-status-soft: var(--job-status-red-soft);
  --job-status-border: var(--job-status-red-border);
}

.status-purple,
.status-color--purple {
  --job-status-color: var(--job-status-purple);
  --job-status-soft: var(--job-status-purple-soft);
  --job-status-border: var(--job-status-purple-border);
}

.job-status-text,
.calendar-visit-card .calendar-visit-card__status.job-status-text {
  color: var(--job-status-color, var(--job-status-gray)) !important;
  font-weight: 800 !important;
}

.badge.status-gray,
.badge.status-blue,
.badge.status-green,
.badge.status-yellow,
.badge.status-orange,
.badge.status-red,
.badge.status-purple {
  color: var(--job-status-color) !important;
  background: var(--job-status-soft);
  border-color: var(--job-status-border);
  font-weight: 800;
}

.job-status-select.status-gray,
.job-status-select.status-blue,
.job-status-select.status-green,
.job-status-select.status-yellow,
.job-status-select.status-orange,
.job-status-select.status-red,
.job-status-select.status-purple,
[data-job-status-color-select].status-gray,
[data-job-status-color-select].status-blue,
[data-job-status-color-select].status-green,
[data-job-status-color-select].status-yellow,
[data-job-status-color-select].status-orange,
[data-job-status-color-select].status-red,
[data-job-status-color-select].status-purple {
  color: var(--job-status-color) !important;
  border-left: 3px solid var(--job-status-color);
  font-weight: 800;
}

.job-status-preview {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  width: fit-content;
  padding: 2px 7px;
  border: 1px solid var(--job-status-border, var(--job-status-gray-border));
  border-radius: 3px;
  background: var(--job-status-soft, var(--job-status-gray-soft));
  color: var(--job-status-color, var(--job-status-gray)) !important;
  font-weight: 800;
}

.calendar-visit-card__status {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--schedule-card-meta-size, 9px);
  line-height: var(--schedule-card-line-height, 1.12);
  font-weight: 800 !important;
}

option[data-color-key='gray'] { color: #64748b; }
option[data-color-key='blue'] { color: #1d4ed8; }
option[data-color-key='green'] { color: #15803d; }
option[data-color-key='yellow'] { color: #a16207; }
option[data-color-key='orange'] { color: #c2410c; }
option[data-color-key='red'] { color: #b91c1c; }
option[data-color-key='purple'] { color: #7e22ce; }