.user-work-status {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

.user-work-status.available { background: #dcfce7; color: #15803d; }
.user-work-status.pending_start { background: #fef3c7; color: #b45309; }
.user-work-status.working { background: #dbeafe; color: #1d4ed8; }
.user-work-status.rest { background: #f1f5f9; color: #64748b; }