/* Workerex Job Status color system. Loaded after page-specific CSS. */
:root {
  --job-status-gray: #64748b;
  --job-status-gray-soft: #f1f5f9;
  --job-status-gray-border: #cbd5e1;
  --job-status-slate: #475569;
  --job-status-slate-soft: #f8fafc;
  --job-status-slate-border: #cbd5e1;
  --job-status-blue: #1d4ed8;
  --job-status-blue-soft: #eff6ff;
  --job-status-blue-border: #bfdbfe;
  --job-status-sky: #0284c7;
  --job-status-sky-soft: #f0f9ff;
  --job-status-sky-border: #bae6fd;
  --job-status-cyan: #0891b2;
  --job-status-cyan-soft: #ecfeff;
  --job-status-cyan-border: #a5f3fc;
  --job-status-teal: #0f766e;
  --job-status-teal-soft: #f0fdfa;
  --job-status-teal-border: #99f6e4;
  --job-status-green: #15803d;
  --job-status-green-soft: #f0fdf4;
  --job-status-green-border: #bbf7d0;
  --job-status-lime: #4d7c0f;
  --job-status-lime-soft: #f7fee7;
  --job-status-lime-border: #d9f99d;
  --job-status-yellow: #a16207;
  --job-status-yellow-soft: #fefce8;
  --job-status-yellow-border: #fde68a;
  --job-status-amber: #b45309;
  --job-status-amber-soft: #fffbeb;
  --job-status-amber-border: #fcd34d;
  --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-rose: #be123c;
  --job-status-rose-soft: #fff1f2;
  --job-status-rose-border: #fecdd3;
  --job-status-pink: #be185d;
  --job-status-pink-soft: #fdf2f8;
  --job-status-pink-border: #fbcfe8;
  --job-status-purple: #7e22ce;
  --job-status-purple-soft: #faf5ff;
  --job-status-purple-border: #e9d5ff;
  --job-status-violet: #6d28d9;
  --job-status-violet-soft: #f5f3ff;
  --job-status-violet-border: #ddd6fe;
  --job-status-indigo: #4338ca;
  --job-status-indigo-soft: #eef2ff;
  --job-status-indigo-border: #c7d2fe;
  --job-status-brown: #92400e;
  --job-status-brown-soft: #fdf8f3;
  --job-status-brown-border: #e7c7a8;
}

.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-slate,
.status-color--slate {
  --job-status-color: var(--job-status-slate);
  --job-status-soft: var(--job-status-slate-soft);
  --job-status-border: var(--job-status-slate-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-sky,
.status-color--sky {
  --job-status-color: var(--job-status-sky);
  --job-status-soft: var(--job-status-sky-soft);
  --job-status-border: var(--job-status-sky-border);
}

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

.status-teal,
.status-color--teal {
  --job-status-color: var(--job-status-teal);
  --job-status-soft: var(--job-status-teal-soft);
  --job-status-border: var(--job-status-teal-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-lime,
.status-color--lime {
  --job-status-color: var(--job-status-lime);
  --job-status-soft: var(--job-status-lime-soft);
  --job-status-border: var(--job-status-lime-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-amber,
.status-color--amber {
  --job-status-color: var(--job-status-amber);
  --job-status-soft: var(--job-status-amber-soft);
  --job-status-border: var(--job-status-amber-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-rose,
.status-color--rose {
  --job-status-color: var(--job-status-rose);
  --job-status-soft: var(--job-status-rose-soft);
  --job-status-border: var(--job-status-rose-border);
}

.status-pink,
.status-color--pink {
  --job-status-color: var(--job-status-pink);
  --job-status-soft: var(--job-status-pink-soft);
  --job-status-border: var(--job-status-pink-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);
}

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

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

.status-brown,
.status-color--brown {
  --job-status-color: var(--job-status-brown);
  --job-status-soft: var(--job-status-brown-soft);
  --job-status-border: var(--job-status-brown-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-slate,
.badge.status-blue,
.badge.status-sky,
.badge.status-cyan,
.badge.status-teal,
.badge.status-green,
.badge.status-lime,
.badge.status-yellow,
.badge.status-amber,
.badge.status-orange,
.badge.status-red,
.badge.status-rose,
.badge.status-pink,
.badge.status-purple,
.badge.status-violet,
.badge.status-indigo,
.badge.status-brown {
  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-slate,
.job-status-select.status-blue,
.job-status-select.status-sky,
.job-status-select.status-cyan,
.job-status-select.status-teal,
.job-status-select.status-green,
.job-status-select.status-lime,
.job-status-select.status-yellow,
.job-status-select.status-amber,
.job-status-select.status-orange,
.job-status-select.status-red,
.job-status-select.status-rose,
.job-status-select.status-pink,
.job-status-select.status-purple,
.job-status-select.status-violet,
.job-status-select.status-indigo,
.job-status-select.status-brown,
[data-job-status-color-select].status-gray,
[data-job-status-color-select].status-slate,
[data-job-status-color-select].status-blue,
[data-job-status-color-select].status-sky,
[data-job-status-color-select].status-cyan,
[data-job-status-color-select].status-teal,
[data-job-status-color-select].status-green,
[data-job-status-color-select].status-lime,
[data-job-status-color-select].status-yellow,
[data-job-status-color-select].status-amber,
[data-job-status-color-select].status-orange,
[data-job-status-color-select].status-red,
[data-job-status-color-select].status-rose,
[data-job-status-color-select].status-pink,
[data-job-status-color-select].status-purple,
[data-job-status-color-select].status-violet,
[data-job-status-color-select].status-indigo,
[data-job-status-color-select].status-brown {
  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='slate'] { color: #475569; }
option[data-color-key='blue'] { color: #1d4ed8; }
option[data-color-key='sky'] { color: #0284c7; }
option[data-color-key='cyan'] { color: #0891b2; }
option[data-color-key='teal'] { color: #0f766e; }
option[data-color-key='green'] { color: #15803d; }
option[data-color-key='lime'] { color: #4d7c0f; }
option[data-color-key='yellow'] { color: #a16207; }
option[data-color-key='amber'] { color: #b45309; }
option[data-color-key='orange'] { color: #c2410c; }
option[data-color-key='red'] { color: #b91c1c; }
option[data-color-key='rose'] { color: #be123c; }
option[data-color-key='pink'] { color: #be185d; }
option[data-color-key='purple'] { color: #7e22ce; }
option[data-color-key='violet'] { color: #6d28d9; }
option[data-color-key='indigo'] { color: #4338ca; }
option[data-color-key='brown'] { color: #92400e; }