/* Session types: each service's colors and its pill. */

/* Relief Care (card #449) — its own purple wherever a shift shows its service.
   CEN takes blue on the Clock In sheet. */
:root {
  --color-relief: #6d28d9;
  --color-relief-soft: #ede9fe;
  --color-relief-wash: #f5f3ff;
  --color-cen: #0369a1;
  --color-cen-wash: #f0f9ff;
}

/* A billing row's session type (card #449): one pill per row, each service in
   its own color with its own icon. */
.session-type {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.1875rem 0.625rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
}
.session-type--attendant-care { color: #15803d; background: #f0fdf4; }
.session-type--relief-care { color: var(--color-relief); background: var(--color-relief-soft); }
.session-type--cen { color: var(--color-cen); background: #e0f2fe; }