/* Shared work-area vocabulary: the coloured dot, chip, and status badge.
   Used by the sidebar, RX case list, and the user list. */

.work-area-dot {
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #cbd5e1;
}

.work-area-dot--fresh { background: #94a3b8; }
.work-area-dot--segmentation { background: #3b82f6; }
.work-area-dot--planning { background: #a855f7; }
.work-area-dot--quality_review { background: #f97316; }
.work-area-dot--ortho_review { background: #06b6d4; }
.work-area-dot--doctor_review { background: #eab308; }
.work-area-dot--modification { background: #ef4444; }
.work-area-dot--approved { background: #22c55e; }

.work-area-chip,
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  padding: 0.3125rem 0.6875rem;
  background: var(--case-surface-2, #f6f9fd);
  border: 1px solid var(--case-border, #e2e9f2);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 550;
  line-height: 1.4;
  white-space: nowrap;
  color: var(--case-text-soft, #3c4a60);
}

.status-badge--fresh { background: #f1f5f9; border-color: #cbd5e1; color: #475569; }
.status-badge--segmentation { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }
.status-badge--planning { background: #faf5ff; border-color: #e9d5ff; color: #7e22ce; }
.status-badge--quality_review { background: #fff7ed; border-color: #fed7aa; color: #c2410c; }
.status-badge--ortho_review { background: #ecfeff; border-color: #a5f3fc; color: #0e7490; }
.status-badge--doctor_review { background: #fefce8; border-color: #fde047; color: #a16207; }
.status-badge--modification { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.status-badge--approved { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }